@charset "utf-8";

/*------common------*/

body {
-moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-origin:padding;
background:#ffffff url(/img/cmn/bg.gif) no-repeat scroll 0 top;
color:#333333;
font-family:"ＭＳ Ｐゴシック","Hiragino Kaku Gothic Pro","ヒラギノ角ゴ Pro W3",meiryo,"メイリオ",osaka,sans-serif;
font-size:12px;
height:100%;
line-height:1.5;
margin:0;
padding:0;
}

body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, code, form, fieldset, legend, input, textarea, p, blockquote, th, td {
margin:0;
padding:0;
}

a img {
border:0;
}

table {
border:0;
}

ol, ul {
list-style-image:none;
list-style-position:outside;
list-style-type:none;
}

a:link, a:visited {
color:#333333;
text-decoration:underline;
font-weight:bold;
}

a:hover, a:active {
color:#007dd6;
text-decoration:underline;
font-weight:bold;
}

.strong {
font-weight:bold;
}

.small {
font-size:10px;
}

.large {
font-size:14px;
}

.attention {
color:#e5151f;
}

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

.alignRight{
text-align:right;
}

/*------layout-----*/

#wrap {
background:transparent url(/img/cmn/bg_03.gif) repeat-y scroll center top;
margin:0 auto;
min-height:100%;
width:920px;
}


#container {
background:transparent url(/img/cmn/bg_02.gif) no-repeat scroll center top;
margin:0 auto;
min-height:100%;
width:900px;
padding:0 10px 0 10px;
}
/**html #container {
height:100%;
}*/

/*------header------*/

#header {
width:900px;
height:78px;
background:transparent url(/img/cmn/bg_header.gif) no-repeat scroll 0 top;
padding:5px 20px 0 20px;
_width:860px;
}

/*mainNav*/

#header #mainNav {
width:860px;
height:65px;
}

#mainNav ul li {
float:left;
overflow:hidden;
}

#mainNav .top a, #mainNav .topOn a {
background:transparent url(/img/cmn/nav_logo.gif) no-repeat scroll 0 0;
display:block;
width:230px;
height:65px;
overflow:hidden;
text-indent:-9999px;
}

#mainNav .company a, #mainNav .companyOn a {
background:transparent url(/img/cmn/nav_company.gif) no-repeat scroll 0 0;
display:block;
width:105px;
height:65px;
overflow:hidden;
text-indent:-9999px;
}

#mainNav .service a, #mainNav .serviceOn a {
background:transparent url(/img/cmn/nav_service.gif) no-repeat scroll 0 0;
display:block;
width:153px;
height:65px;
overflow:hidden;
text-indent:-9999px;
}

#mainNav .recruit a, #mainNav .recruitOn a {
background:transparent url(/img/cmn/nav_recruit.gif) no-repeat scroll 0 0;
display:block;
width:105px;
height:65px;
overflow:hidden;
text-indent:-9999px;
}

#mainNav .group a, #mainNav .groupOn a {
background:transparent url(/img/cmn/nav_group.gif) no-repeat scroll 0 0;
display:block;
width:137px;
height:65px;
overflow:hidden;
text-indent:-9999px;
}

#mainNav p.sitemap {
background:transparent url(/img/cmn/icon_sitemap_nav.gif) no-repeat scroll 0 center;
padding:1px 0 1px 33px;
font-size:10px;
font-weight:bold;
margin:10px 0 0 16px; 
}

#mainNav p.inquiry {
background:transparent url(/img/cmn/icon_inquiry_nav.gif) no-repeat scroll 0 center;
padding:1px 0 1px 33px;
font-size:10px;
font-weight:bold;
margin:4px 0 0 16px; 
}

#mainNav .top a, #mainNav .company a, #mainNav .service a, #mainNav .recruit a, #mainNav .group a {
background-position: 0 0;
}

#mainNav .top a:hover, #mainNav .company a:hover, #mainNav .service a:hover, #mainNav .recruit a:hover, #mainNav .group a:hover {
background-position: 0 -65px;
}

#mainNav .topOn a, #mainNav .companyOn a, #mainNav .serviceOn a, #mainNav .recruitOn a, #mainNav .groupOn a {
background-position: 0 -65px;
}

/*------topicPath------*/

#topicPath {
clear:both;
width:857px;
font-size:10px;
margin:10px 0 5px 3px;
}

#topicPath img{
vertical-align:top;
margin-top:-2px;
}

/*pageTop*/

div.pageTop {
clear:both;
margin:10px 0 15px 0;
float:right;
width:177px;
height:20px;
background:transparent url(/img/cmn/bg_pageTop.gif) no-repeat scroll 0 center;
font-size:10px;
font-weight:bold;
overflow:hidden;
}

div.pageTop p.pageTop {
margin:3px 0 0 35px;
}

/*pageTop02*/

div.pageTop02 {
text-align:right;
margin:10px 15px 10px 0 ;
}

div.pageTop02 a {
background:transparent url(/img/cmn/arrow01.gif) no-repeat scroll 0 3px;
padding:0 0 0 10px;
font-size:10px;
}

/*------footer------*/

#footer {
clear:both;
background:#017ed6 url(/img/cmn/bg_footer.gif) no-repeat scroll 0 top;
overflow:hidden;
width:860px;
height:100%;
padding:20px 20px 7px 20px; 
margin-top:20px;
_margin-top:0px;
}

#footer div.mainService {
background:transparent url(/img/cmn/bg_btm_f.gif) no-repeat scroll 0 bottom;
width:860px; 
overflow:hidden;
}

#footer div.mainService div.wrap {
background:transparent url(/img/cmn/bg_top01_f.gif) no-repeat scroll 0 top;
padding:7px 10px 7px 10px;
overflow:hidden;
font-weight:bold;
zoom: 1;
}

#footer div.mainService p.logo {
float:left;
width:141px;
height:19px;
/*margin-right:10px;*/
}

#footer div.mainService ul.nav01,
#footer div.mainService ul.nav02 {
float:right;
width:684px;
*margin-bottom:5px;
}

#footer div.mainService ul.nav01 li {
display:inline;
margin-right:1px;
vertical-align:super;
}

#footer div.mainService ul.nav01 li.icon {
margin-left:5px;
vertical-align:baseline;
}

#footer div.mainService ul.nav01 li.txt {
margin-top:5px;
}

#footer div.mainService ul.nav01 li.s {
font-size:10px;
line-height:1.8;
}

#footer div.mainService ul.nav02 li {
background:transparent url(/img/cmn/parts_txtLink.gif) no-repeat scroll 0 0;
display:inline;
font-size:10px;
margin-right:3px;
padding-left:8px;
}

#footer div.mainService ul.nav02 li.first {
background:none;
margin-left:2px;
display:inline;
}

#footer div.geoGroup {
clear:both;
background:transparent url(/img/cmn/bg_btm_f.gif) no-repeat scroll 0 bottom;
width:860px; 
overflow:hidden;
margin-top:10px;
}

#footer div.geoGroup div.wrap {
background:transparent url(/img/cmn/bg_top02_f.gif) no-repeat scroll 0 top;
padding:7px 10px 7px 10px;
overflow:hidden;
font-weight:bold;
zoom: 1;
}

#footer div.geoGroup div.line {
clear:both;
background:transparent url(/img/cmn/line_dots.gif) repeat-x scroll 0 top;
padding-top:5px;
overflow:hidden;
_zoom: 1;
}

#footer div.geoGroup p.logo {
float:left;
width:64px;
height:41px;
padding-bottom:18px;
}

#footer div.geoGroup ul.nav {
float:right;
width:771px;
overflow:hidden;
*margin-top:3px;
}

#footer div.geoGroup ul.nav li {
background:transparent url(/img/cmn/parts_txtLink.gif) no-repeat scroll 0 0;
display:inline;
font-size:10px;
margin-right:3px;
padding-left:8px;
}

#footer div.geoGroup ul.nav li.first {
background:none;
margin-left:2px;
}

#footer div.geoGroup ul.nav02 {
overflow:hidden;
*margin-top:3px;
}

#footer div.geoGroup ul.nav02 li {
background:transparent url(/img/cmn/parts_txtLink.gif) no-repeat scroll 0 0;
display:inline;
font-size:10px;
margin-right:3px;
padding-left:8px;
}

#footer div.geoGroup ul.nav02 li.first {
background:none;
padding-left:2px;
}

#footer p.copy {
width:860px;
text-align:right;
color:#ffffff;
margin:7px 20px 0 0;
}