/* CSS Document */

.fontM{
font-family:'Hiragino Kaku Gothic Pro','ヒラギノ角ゴ Pro W3', 'ＭＳ Ｐゴシック', Osaka, san-serif;
font-size: 12px;
line-height: 18px;
}

.fontL{
font-family:'Hiragino Kaku Gothic Pro','ヒラギノ角ゴ Pro W3', 'ＭＳ Ｐゴシック', Osaka, san-serif;
font-size: 14px;
line-height: 20px;
font-weight: bolder;
}

.fontL2{
font-family:'Hiragino Kaku Gothic Pro','ヒラギノ角ゴ Pro W3', 'ＭＳ Ｐゴシック', Osaka, san-serif;
font-size: 14px;
line-height: 20px;
}

.fontS{
font-family:'Hiragino Kaku Gothic Pro','ヒラギノ角ゴ Pro W3', 'ＭＳ Ｐゴシック', Osaka, san-serif;
font-size: 10px;
line-height: 15px;
}

.fontM2{
font-family:'Hiragino Kaku Gothic Pro','ヒラギノ角ゴ Pro W3', 'ＭＳ Ｐゴシック', Osaka, san-serif;
font-size: 12px;
line-height: 14px;
}

.fontM3{
font-family:'Hiragino Kaku Gothic Pro','ヒラギノ角ゴ Pro W3', 'ＭＳ Ｐゴシック', Osaka, san-serif;
font-size: 12px;
line-height: 17px;
font-weight: bolder;
}

.fontM4{
font-family:'Hiragino Kaku Gothic Pro','ヒラギノ角ゴ Pro W3', 'ＭＳ Ｐゴシック', Osaka, san-serif;
font-size: 12px;
line-height: 20px;
}

body {
color: #43383a;
background-color: #e0dcd4;
background-image:url(../images/bg_main.gif);
background-repeat:repeat-y;
background-position: center;
margin: 0px;
padding: 0px;
min-width: 772px;
text-align:center;
}


#wrapper{
position: relative;
width: 772px;
text-align: left;
margin: 0 auto;
}



#header{
position: relative;
height:130px;
clear:both;
background-image:url(../images/bg_header.gif);
background-repeat:no-repeat;
margin:0 0 0 11px;
}



#body{
width:710px;
margin-left:32px;
clear:both;
}

#main {
width:530px;
float:left;
text-align:left;
margin:0;
}

#navigation{
width:170px;
float:right;
text-align:left;
background-color:#ded7c7;
}

p.copyright{
margin:50px 0 20px 10px;
}

#header h1{
position:absolute;
margin:10px 10px 0 15px;
padding:0;
float:left;
}

#header h2{
position:absolute;
color:#FFFFFF;
font-size:11px;
line-height:13px;
letter-spacing:0.03em;
font-weight:normal;
top:16px;
left:135px;
padding:0;
margin:0;
}

#header h3{
position:absolute;
padding:6px 0 0 25px;
margin:0;
top:60px;
}

#body a:link{
color:#b50051;
text-decoration:underline;
font-weight:bolder;
}

#body a:visited{
color:#990033;
text-decoration:underline;
font-weight:bolder;
}

#body a:active,
#body a:hover{
color:#cc0033;
text-decoration:none;
font-weight:bolder;
}

p.pagemenu{
margin:0;
padding:5px 0 15px 10px;
}

.textarea{
margin:0 15px 0 15px;
}

#navigation a{
text-indent:-5000px;
text-decoration: none;
}

#navigation ul.list1{
list-style:none;
background-color:#ded7c7;
background-image:url(../images/navi_bgtop.gif);
background-repeat:no-repeat;
margin:0;
padding:5px 4px 0 4px;
}

#navigation li{
font-size: 0px;
line-height: 0px;
}

#navigation .list1 li,
#navigation .list2 li{
margin:0;
padding:0;
}

#navigation li.list1a a{
background-image:url(../images/navi_stance.gif);
background-position:top;
background-repeat:no-repeat;
display:block;
width:162px;
height: 58px;
}
#navigation li.list1a a:hover {
background-image:url(../images/navi_stance.gif);
background-position:bottom;
background-repeat:no-repeat;
}
#navigation li.list1b a{
background-image:url(../images/navi_service.gif);
background-position:top;
background-repeat:no-repeat;
display:block;
width:162px;
height: 58px;
}
#navigation li.list1b a:hover {
background-image:url(../images/navi_service.gif);
background-position:bottom;
background-repeat:no-repeat;
}

#navigation li.list1c a{
background-image:url(../images/navi_faq.gif);
background-position:top;
background-repeat:no-repeat;
display:block;
width:162px;
height: 35px;
}
#navigation li.list1c a:hover {
background-image:url(../images/navi_faq.gif);
background-position:bottom;
background-repeat:no-repeat;
}

#navigation li.list1d a{
background-image:url(../images/navi_case.gif);
background-position:top;
background-repeat:no-repeat;
display:block;
width:162px;
height: 35px;
}
#navigation li.list1d a:hover {
background-image:url(../images/navi_case.gif);
background-position:bottom;
background-repeat:no-repeat;
}

#navigation li.list1e a{
background-image:url(../images/navi_works.gif);
background-position:top;
background-repeat:no-repeat;
display:block;
width:162px;
height: 35px;
}
#navigation li.list1e a:hover {
background-image:url(../images/navi_works.gif);
background-position:bottom;
background-repeat:no-repeat;
}

#navigation img.line{
margin:2px 0 2px 8px;
padding:0;
}

#navigation ul.list2{
list-style:none;
margin:0;
padding:0 4px 0 4px;
}

#navigation li.list2a a{
background-image:url(../images/navi_knowhow.gif);
background-position:top;
background-repeat:no-repeat;
display:block;
width:162px;
height: 96px;
}
#navigation li.list2a a:hover {
background-image:url(../images/navi_knowhow.gif);
background-position:bottom;
background-repeat:no-repeat;
}

#navigation li.list2b a{
background-image:url(../images/navi_info.gif);
background-position:top;
background-repeat:no-repeat;
display:block;
width:162px;
height: 35px;
}
#navigation li.list2b a:hover {
background-image:url(../images/navi_info.gif);
background-position:bottom;
background-repeat:no-repeat;
}

#navigation ul.list3{
list-style:none;
margin:0;
padding:0 4px 15px 4px;
background-color:#ded7c7;
background-image:url(../images/navi_bgbottom.gif);
background-position:bottom;
background-repeat:no-repeat;
}

#navigation .list3 li{
margin:0 0 1px 0;
padding:0;
font-size: 0px;
line-height: 0px;
}
#navigation li.list3a a{
background-image:url(../images/navi_profile.gif);
background-position:top;
background-repeat:no-repeat;
display:block;
width:162px;
height: 22px;
}
#navigation li.list3a a:hover {
background-image:url(../images/navi_profile.gif);
background-position:bottom;
background-repeat:no-repeat;
}

#navigation li.list3b a{
background-image:url(../images/navi_recruit.gif);
background-position:top;
background-repeat:no-repeat;
display:block;
width:162px;
height: 22px;
}
#navigation li.list3b a:hover {
background-image:url(../images/navi_recruit.gif);
background-position:bottom;
background-repeat:no-repeat;
}

#navigation li.list3c a{
background-image:url(../images/navi_map.gif);
background-position:top;
background-repeat:no-repeat;
display:block;
width:162px;
height: 22px;
}
#navigation li.list3c a:hover {
background-image:url(../images/navi_map.gif);
background-position:bottom;
background-repeat:no-repeat;
}

#navigation li.list3d a{
background-image:url(../images/navi_contact.gif);
background-position:top;
background-repeat:no-repeat;
display:block;
width:162px;
height: 22px;
}
#navigation li.list3d a:hover {
background-image:url(../images/navi_contact.gif);
background-position:bottom;
background-repeat:no-repeat;
}