@charset "utf-8";

/*------------------------------------------------
   Layout
------------------------------------------------*/
html{
background:#e7e7e7 url(../img/about_bg02.gif) repeat-y center top;
}

body{
background:url(../img/about_bg01.jpg) no-repeat center top;
}

#aboutContents{
position:relative;
margin:0 0 20px 0;
padding:22px 26px 20px 29px;
}

#aboutContents h1{
margin:0 0 27px 0;
}

#aboutContents .message{
margin:0 0 20px 0;
line-height:1.7;
}

#aboutContents .message img{
margin:7px 0 15px 15px;
}

#tabContents{
position:relative;
margin:0 0 20px 0;
padding:73px 24px 20px 27px;
}

#tabContents .tab{
position:absolute;
left:0px;
_left:-27px;
top:0px;
width:608px;
height:51px;
font-size:0;
}

#tabContents .tab li{
float:left;
}

#tabContents .tab li a{
display:block;
outline:none;
text-indent:-9000px;
overflow:hidden;
}

#tabContents .tab li .cn01{
width:202px;
height:51px;
background:url(../img/about_cnavi01.gif) no-repeat 0px 0px;
}

#tabContents .tab li .cn02{
width:202px;
height:51px;
background:url(../img/about_cnavi01.gif) no-repeat -202px 0px;
}

#tabContents .tab li .cn03{
width:204px;
height:51px;
background:url(../img/about_cnavi01.gif) no-repeat -404px 0px;
}

#tabContents .tab li .cn01:hover{background:url(../img/about_cnavi01.gif) no-repeat 0px -51px;}
#tabContents .tab li .cn02:hover{background:url(../img/about_cnavi01.gif) no-repeat -202px -51px;}
#tabContents .tab li .cn03:hover{background:url(../img/about_cnavi01.gif) no-repeat -404px -51px;}

#tabContents .tab li.on .cn01{background:url(../img/about_cnavi01.gif) no-repeat 0px -102px;}
#tabContents .tab li.on .cn02{background:url(../img/about_cnavi01.gif) no-repeat -202px -102px;}
#tabContents .tab li.on .cn03{background:url(../img/about_cnavi01.gif) no-repeat -404px -102px;}

#tabContents .content{
display:none;
background:#fff;
}

#company{
}

#social{
}

#social .read{
margin:0 0 30px 0;
font-weight:bold;
line-height:1.6;
}

#social .box{
position:relative;
margin:0 0 15px 0;
padding:10px;
border:#ededed solid 5px;
}

#social .box dt a{
display:block;
margin:0 0 15px 0;
padding:4px 0 10px 0;
background:url(../img/social_icon01.gif) no-repeat 509px 0px;
border-bottom:#ededed solid 1px;
}

#social .box dt a:hover{
background:url(../img/social_icon01_on.gif) no-repeat 509px 0px;
}

#social .box .img{
position:absolute;
left:17px;
top:58px;
}

#social .box .txt{
width:360px;
margin:0 0 0 165px;
padding:0 0 10px 0;
font-weight:bold;
line-height:1.7;
}

#recruit{
}

#recruit .box{
margin:0 0 23px 0;
}

#recruit .box h3{
margin:0 0 10px 0;
font-size:16px;
}

#recruit .box table{
margin:0 0 10px 0;
}

#recruit .box .btn{
text-align:right;
}

#hmsiteContents{
margin:0 0 20px 0;
padding:22px 26px 20px 29px;
}

#hmsiteContents h2{
margin:0 0 32px 0;
}

#siteContents{
margin:0 0 27px 0;
padding:22px 26px 20px 29px;
}

#siteContents h2{
margin:0 0 21px 0;
}