@charset "utf-8";

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
 margin: 0;
 padding: 0;
 border: 0;
 outline: 0;
 font-weight: inherit;
 font-style: inherit;
 font-size: 100%;
 font-family: inherit;
 vertical-align: baseline;
}

html {
}

/* remember to define focus styles! */

:focus {
 outline: 0;
}


body {
 color: #666;
 font: 62.5%/1 Meiryo, "メイリオ",HiraKakuPro-W3, "ヒラギノ角ゴ Pro W3",sans-serif;
 text-align: left;
 margin: 0 auto;
}

* +html body {
 font-family: Meiryo, "メイリオ","ＭＳ Ｐゴシック",sans-serif;
}

* html body {
 font-family: "ＭＳ Ｐゴシック",Meiryo, "メイリオ",sans-serif;
}

* html p {
 font-weight: normal !important;
 font-style: normal !important;
}


ol, ul {
 list-style: none;
}

/* tables still need 'cellspacing="0"' in the markup */

table {
 border-collapse: collapse;
 border-spacing: 0;
}

caption, th, td {
 text-align: left;
 font-weight: normal;
}

th,td {
 font-weight: normal;
 font-style: normal;
}

h1,h2,h3,h4 {
 line-height: 1.3;
}

img {
 margin: 0;
 padding: 0;
 border-style: none;
 border-width: 0;
 vertical-align: bottom;
}

.none {
 display: none;
}

strong , em {
 font-style: normal;
 font-weight: bold;
}

p {
 padding: 0px;
 font-size: 120%;
 line-height: 1.6;
 color: #5b5b5d;
 margin: 0 0 1.1em;
}

.clearfix:after {
 content: "";
 display: block;
 clear: both;
 }

.clearboth {
 clear: both;
}

/*************************************
 @group common-format
**************************************/

.floRight {
 float: right !important;
}

.pagetop {
 text-align: right;
 margin: 20px 0;
}

.ico_topnavi {
 padding-left: 20px;
 background: url(../images/common/icon_topnavi.gif) no-repeat 0 center;
 padding-top: 3px;
 padding-bottom: 2px;
}

.ico_detail {
 padding-left: 15px;
 background: url(../images/common/icon_detail.gif) no-repeat 0 center;
 padding-top: 3px;
 padding-bottom: 2px;
 font-size: 120%;
}

.ico_pagetop {
 padding-left: 15px;
 background: url(../images/common/icon_pagetop.gif) no-repeat 0 center;
 padding-top: 3px;
 padding-bottom: 2px;
 font-size: 120%;
}

.mt10 {
 margin-top: 10px !important;
}

.mt15 {
 margin-top: 15px !important;
}

.mt20 {
 margin-top: 20px !important;
}

.mt22 {
 margin-top: 22px !important;
}

.mb10 {
 margin-bottom: 10px !important;
}

.mb20 {
 margin-bottom: 20px !important;
}

.mb30 {
 margin-bottom: 30px !important;
}

.mb40 {
 margin-bottom: 40px !important;
}

.txs {
 font-size: 110% !important;
}

.txss {
 font-size: 90% !important;
}

img.left {
 padding-right: 10px;
 padding-bottom: 10px;
 float: left;
}

/*************************************
 パンくずリスト
**************************************/

.crumbs {
 overflow: hidden;
 height: 40px;
 width: 100%;
 line-height: 1.5;
}

.crumbs ul li {
 float: left;
}

.crumbs ul li span{
 margin-right: 5px;
 margin-left: 5px;
}

/* @end */

/*************************************
 @group global_navigation（index.htmlのみ）
**************************************/

body#top #global_navigation {
 width: 900px;
 height: 80px;
}

body#top ul#nav {
 height: 60px;
 width: 900px;
 margin: 0;
 padding: 0;
}

body#top ul#nav li {
 float: left;
 list-style: none;
}

body#top ul#nav li a {
 text-indent: -9999px;
 text-decoration: none;
 border: none !important;
 display: block;
 height: 60px;
}

body#top ul#nav li#navi_g1 a {
 background: url(../images/common/global_navigation.gif) no-repeat 0 -60px;
 width: 151px;
}

body#top ul#nav li#navi_g2 a {
 background: url(../images/common/global_navigation.gif) no-repeat -151px 0;
 width: 150px;
}

body#top ul#nav li#navi_g2 a:hover {
 background: url(../images/common/global_navigation.gif) no-repeat -151px -60px;
 width: 150px;
}

body#top ul#nav li#navi_g3 a {
 background: url(../images/common/global_navigation.gif) no-repeat -301px 0;
 width: 150px;
}

body#top ul#nav li#navi_g3 a:hover {
 background: url(../images/common/global_navigation.gif) no-repeat -301px -60px;
 width: 150px;
}

body#top ul#nav li#navi_g4 a {
 background: url(../images/common/global_navigation.gif) no-repeat -451px 0;
 width: 150px;
}

body#top ul#nav li#navi_g4 a:hover {
 background: url(../images/common/global_navigation.gif) no-repeat -451px -60px;
 width: 150px;
}

body#top ul#nav li#navi_g5 a {
 background: url(../images/common/global_navigation.gif) no-repeat -601px 0;
 width: 150px;
}

body#top ul#nav li#navi_g5 a:hover {
 background: url(../images/common/global_navigation.gif) no-repeat -601px -60px;
 width: 150px;
}

body#top ul#nav li#navi_g6 a {
 background: url(../images/common/global_navigation.gif) no-repeat -751px 0;
 width: 149px;
}

body#top ul#nav li#navi_g6 a:hover {
 background: url(../images/common/global_navigation.gif) no-repeat -751px -60px;
 width: 149px;
}

/*************************************
 @group global_navigation（index.html以外）
**************************************/

#global_navigation {
 width: 900px;
 height: 60px;
}

ul#nav {
 height: 60px;
 width: 900px;
 margin: 0;
 padding: 0;
}

ul#nav li {
 float: left;
 list-style: none;
}

ul#nav li a {
 text-indent: -9999px;
 text-decoration: none;
 border: none !important;
 display: block;
 height: 60px;
}

ul#nav li#navi_g1 a {
 background: url(../images/common/global_navigation.gif) no-repeat 0 -3px;
 width: 151px;
}

ul#nav li#navi_g1 a:hover {
 background: url(../images/common/global_navigation.gif) no-repeat 0 -63px;
 width: 151px;
}

ul#nav li#navi_g2 a {
 background: url(../images/common/global_navigation.gif) no-repeat -151px -3px;
 width: 150px;
}

ul#nav li#navi_g2 a:hover {
 background: url(../images/common/global_navigation.gif) no-repeat -151px -63px;
 width: 150px;
}

ul#nav li#navi_g3 a {
 background: url(../images/common/global_navigation.gif) no-repeat -301px -3px;
 width: 150px;
}

ul#nav li#navi_g3 a:hover {
 background: url(../images/common/global_navigation.gif) no-repeat -301px -63px;
 width: 150px;
}

ul#nav li#navi_g4 a {
 background: url(../images/common/global_navigation.gif) no-repeat -451px -3px;
 width: 150px;
}

ul#nav li#navi_g4 a:hover {
 background: url(../images/common/global_navigation.gif) no-repeat -451px -63px;
 width: 150px;
}

ul#nav li#navi_g5 a {
 background: url(../images/common/global_navigation.gif) no-repeat -601px -3px;
 width: 150px;
}

ul#nav li#navi_g5 a:hover {
 background: url(../images/common/global_navigation.gif) no-repeat -601px -63px;
 width: 150px;
}

ul#nav li#navi_g6 a {
 background: url(../images/common/global_navigation.gif) no-repeat -751px -3px;
 width: 149px;
}

ul#nav li#navi_g6 a:hover {
 background: url(../images/common/global_navigation.gif) no-repeat -751px -63px;
 width: 149px;
}

body#bd_service ul#nav li#navi_g2 a {
 background: url(../images/common/global_navigation.gif) no-repeat -151px -63px;
}

body#bd_portfolio ul#nav li#navi_g3 a {
 background: url(../images/common/global_navigation.gif) no-repeat -301px -63px;
}

body#bd_about ul#nav li#navi_g4 a {
 background: url(../images/common/global_navigation.gif) no-repeat -451px -63px;
}

body#bd_recruit ul#nav li#navi_g5 a {
 background: url(../images/common/global_navigation.gif) no-repeat -601px -63px;
}

body#bd_inquiry ul#nav li#navi_g6 a {
 background: url(../images/common/global_navigation.gif) no-repeat -751px -63px;
}

/*************************************
 base layout
**************************************/

#contents-wrapper {
 min-height: 100%;
 text-align: left;
 background-color: transparent;
 margin: 0 auto;
}

#container {
 width: 900px;
 margin: 0 auto;
}

#main_contents {
 overflow: hidden;
 margin-bottom: 90px;
}

* html #main_contents{
  display: inline-block;
}


.flatContainer {
 overflow: hidden;
 text-align: left;
}

.flatContainer .inner {
 overflow: hidden;
 border-color:#CDCDCD;
 border-style:none solid solid;
 border-width:1px;
 padding: 7px;
}


* +html .flatContainer .inner{
  padding: 6px;
}

* html .flatContainer .inner{
  padding: 6px;
}


.contentsWrap {
 overflow: hidden;
}


/*************************************
 HEADER
**************************************/

#header {
 width: 900px;
 height: 70px;
 position: relative;
}

#header h1 {
  width: 118px;
 height: 35px;
 float: left;
 margin-top: 20px;
}

#header h1 a {
 width: 118px;
 height: 35px;
 display: block;
 text-indent: -9999px;
 background: url(../images/common/logo.gif) no-repeat;
}

#header .pad {
 position: absolute;
 right: 0;
 font-size: 120%;
 top: 25px;
 padding-top: 1px;
 padding-bottom: 1px;
 display: block;
 line-height: 1.2;
}
* html #header .pad {
width: 380px;
font-size: 12px;
}

#header .pad ul {
 overflow: hidden;
}

#header .pad ul li {
 float: left;
 margin-left: 20px;
}

#header .pad ul li a {
 color: #555;
 text-decoration: none;
}

#header .pad ul li a:hover {
 color: #888;
}

#main_container {
 overflow: hidden;
 width: 900px;
}


/*************************************
 @group RIGHTWRAP
**************************************/

#rightWrap{
 overflow: hidden;
 width: 200px;
 float: right;
}

.infor h2 {
 width: 200px;
 height: 26px;
 background: url(../images/common/ttl_information_top.gif) no-repeat;
 text-indent: -9999px;
}

.infor h3 {
 background: url(../images/common/icon_ttl_line.gif) no-repeat;
 padding-left: 10px;
 font-weight: bold;
 margin-bottom: 10px;
 font-size: 120%;
}

.infor ul {
 overflow: hidden;
 margin-left: 10px;
 margin-right: 10px;
 margin-bottom: 10px;
}

.infor li {
 margin-bottom: 5px;
 line-height: 1.3;
 font-size: 110%;
}

.infor dl {
 margin-top: 2px;
 margin-bottom: 5px;
}

.infor dt {
 float: left;
 width: 30px;
}

.infor dd {
 margin-left: 30px;
 margin-bottom: 2px;
 text-align: left;
 padding: 0;
}

.infor p{
 margin-left: 10px;
 font-size: 110%;
}


/*************************************
 @group LOWERWRAP
**************************************/

#lowerWrap {
 width: 100%;
 height: 338px;
 background: url(../images/common/bg_lowerWrap.jpg) repeat-x;
 clear: both;
}

#footer {
 overflow: hidden;
 width: 900px;
 margin: 0 auto;
 text-align: center;
}

#footer h2 {
 text-align: left;
 margin-top: 18px;
 font-weight: bold;
 font-size: 140%;
}

#footer p {
 font-size: 120%;
}

#footer .leftwrap {
 float: left;
 width: 550px;
 margin: 0 0 50px;
 padding: 0;
}

#footer .rightwrap {
 float: right;
 margin: 0;
 padding: 0;
}

#footer .rightwrap ul {
 overflow: hidden;
 margin-top: 20px;
}

#footer .rightwrap ul li {
 float: left;
 text-align: right;
 margin-left: 5px;
}

#footer .ft-navi {
 overflow: hidden;
 width: 900px;
 clear: both;
 background: url(../images/common/bg_footer_navi.jpg) repeat-x 0 top;
 padding-top: 20px;
 padding-bottom: 15px;
 display: block;
 margin: 0 auto;
 height: 20px;
 text-align: left;
}
* html #footer .ft-navi{
 padding-bottom: 0px;
}
#footer .ft-navi span {
 padding-right: 10px;
 padding-left: 10px;
}

address {
 clear: both;
 height: 45px;
 background: url(../images/common/copyright.gif) no-repeat center 0;
 text-indent: -9999px;
 margin-top: 20px;
}


/*************************************
 共通項目
**************************************/

p.catch {
 font-size: 140%;
 line-height: 1.8;
 font-weight: bold;
}

span.red {
 color: #e4007f;
}

.lm5 {
 margin-right: 5px;
}

.lm19 {
 margin-right: 19px;
}

.lm31 {
 margin-right: 31px;
}

* html .lm31 {
 margin-right: 28px;
}


.lm48 {
 margin-right: 48px;
}

.lm75 {
 margin-right: 75px;
}


/*************************************
 table
**************************************/

table.basicTable {
 width: 100%;
 font-size: 120%;
 line-height: 1.5;
}

table.basicTable th {
 width: 131px;
 background: url(../images/common/basictable_bg_list.jpg) right bottom;
 padding: 5px 10px;
 vertical-align: middle;
}

table.basicTable td {
 background: url(../images/common/basictable_td_line.jpg) repeat-x 0 bottom;
 padding: 5px 10px;
 vertical-align: middle;
}


/*************************************
 form
**************************************/

#ssl {
 border: 2px solid #CDCDCD;
 width: 666px;
}

#ssl .verisign {
 float: left;
 margin: 0 20px;
}

#ssl .comment {
 margin: 17px 0 0 0;
}

form .textarea {
 width: 400px;
 height: 100px;
 border: 1px solid #CDCDCD;
 padding: 0.5em;
 color: #333333;
 line-height: 1.2;
}

form input.btn {
 width: 100px;
 height: 40px;
}

form .size_m {
 width: 200px;
 border: 1px solid #CDCDCD;
 padding: 0.2em;
 color: #333333;
 line-height: 1.2;
}

form .size_l {
 width: 400px;
 border: 1px solid #CDCDCD;
 padding: 0.2em;
 color: #333333;
 line-height: 1.2;
}

input.size_m.focus, .size_l.focus, .textarea.focus {
  border: 1px solid #ec489f;
  background: #ffffff;
}


/*************************************
 @group Link
**************************************/

a:visited {
 color: #ec489f;
}

a:link {
 color: #ec489f;
}

a:hover {
 color: #f27fbc;
}

a:active {
 color: #ec489f;
}