@charset "UTF-8";
body{text-align:center;}

a{cursor: pointer;}
a:link { color : #369 ; text-decoration : none ; }
a:visited { color : #369 ; text-decoration : none ; }
a:hover { color : #f00 ; text-decoration : underline ; }
a:active { color : #f60 ; text-decoration : underline ; }

.voice{text-indent:-9999px;}

.cl{clear: both;}

.clearfix:after {
content: url(../lib/spc.gif);
display: block;
clear: both;
width:0;
height: 0;
}
.clearfix { display: inline-block; }
/* Hides from IE-mac*/
* html .clearfix {
height: 0;
}
.clearfix {
display: block;
}
/* End hide from IE-Mac */



/*パンくずリスト*/
#pankuzu{
margin:0 auto;
margin-top:5px;
margin-bottom:5px;
width:884px;
text-align: left;
color:#8c8c8c;
}
#pankuzu a,#pankuzu a:hover{color:#003893; text-decoration:underline;}



/*ページ先頭へ戻るボタン 右寄せ*/
.back{
float:right;
margin:15px 0 0 0;
width:113px;
text-align:left;
text-indent:-9999px;
background:url("../lib/back.jpg") 0 0 no-repeat;
}
.back a{
display:block;
width:113px;
height:35px;
text-indent:-9999px;
overflow:hidden;
background-image:url("../lib/back.jpg");
background-position:0 -35px;
}
.back a:hover{background-position:0 0;}
.back a:active{background-position:0 0;}



/*H2タイトル下部のコメント共通*/
p.sitetop{width:653px; font-size:1.1em;}


/*共通 コンテンツ*/
#container{
margin:0 auto;
width:900px;
border:1px solid #000000;
}

/*共通HEADER*/
#header{
width:900px;
border-top:9px solid #003399;
}

/*共通 会社ロゴ*/
#header h1{
float:left;
margin:30px 0 0 20px;
width:126px;
height:37px;
background:url("../lib/rogo.jpg") 0 0 no-repeat;
text-indent:-9999px;
}
#header h1 a{display:block; width:126px; height:37px;}

/*共通 HEADER右側BOX*/
#headernavibox{width:340px; float:right; padding:0 10px 0 0;}

/*共通 Google検索窓*/
#googlesearch{margin:5px 0 10px 0; text-align: right;}
#googlesearch form{float:right;}
#googlesearch td{text-align:left;}

/*共通 HEADER右側ナビ*/
#headernavi{margin:-15px 0 0 0;}

#navitxt{float:right; margin:8px 10px 5px 0; color:#111111;}
#navitxt a{color:#8c8c8c; text-decoration:underline;}

/*共通 フォントサイズ*/
#fontsize{
float:right;
margin:0 0 0 13px;
width:63px;
height:24px;
text-align: left;
text-indent:-9999px;
}
#fontsize ul{
display: block;
list-style-type:none;
margin:0;
}
#fontsize li{
display:block;
float:left;
background:url("../lib/global_fontsize.gif") 0 0 no-repeat;
}
#fontsize a{
display:block;
}
#fontsize li a{
display:block;
height:24px;
margin:0;
background:url("../lib/global_fontsize.gif") 0 0 no-repeat;
}
#fontsize li.small a{width:17px; background-position:0 0;}
#fontsize li.small,#globalnavi li.small a:hover{background-position:0 0;}
#fontsize li.small a:active{background-position:0 0;}
#fontsize li.small .on{background-position:0 0;}

#fontsize li.nomal a{width:22px; background-position:-17px 0;}
#fontsize li.nomal,#globalnavi li.nomal a:hover{background-position:-17px 0;}
#fontsize li.nomal a:active{background-position:-17px 0;}
#fontsize li.nomal .on{background-position:-17px 0;}

#fontsize li.large a{width:24px; background-position:-39px 0;}
#fontsize li.large,#globalnavi li.large a:hover{background-position:-39px 0;}
#fontsize li.large a:active{background-position:-39px 0;}
#fontsize li.large .on{background-position:-39px 0;}



/*グローバルナビ*/
#globalnavi{
margin:0 auto;
width:900px;
height:63px;
text-align: left;
text-indent:-9999px;
}
#globalnavi ul{
display: block;
list-style-type:none;
margin:0;
}
#globalnavi li{
display:block;
float:left;
background:url("../lib/global_navi.jpg") 0 0 no-repeat;
}
#globalnavi a{
display:block;
}
#globalnavi li a{
width:150px;
height:63px;
margin:0;
background:url("../lib/global_navi.jpg") 0 0 no-repeat;
}
#globalnavi li.home a{background-position:0 0;}
#globalnavi li.home,#globalnavi li.home a:hover{background-position:0 -63px;}
#globalnavi li.home a:active{background-position:0 -63px;}
#globalnavi li.home .on{background-position:0 -63px;}

#globalnavi li.company a{background-position:-150px 0;}
#globalnavi li.company,#globalnavi li.company a:hover{background-position:-150px -63px;}
#globalnavi li.company a:active{background-position:-150px -63px;}
#globalnavi li.company .on{background-position:-150px -63px;}

#globalnavi li.business a{background-position:-300px 0;}
#globalnavi li.business,#globalnavi li.business a:hover{background-position:-300px -63px;}
#globalnavi li.business a:active{background-position:-300px -63px;}
#globalnavi li.business .on{background-position:-300px -63px;}


#globalnavi li.network a{background-position:-450px 0;}
#globalnavi li.network,#globalnavi li.network a:hover{background-position:-450px -63px;}
#globalnavi li.network a:active{background-position:-450px -63px;}
#globalnavi li.network .on{background-position:-450px -63px;}

#globalnavi li.environment a{background-position:-600px 0;}
#globalnavi li.environment,#globalnavi li.environment a:hover{background-position:-600px -63px;}
#globalnavi li.environment a:active{background-position:-600px -63px;}
#globalnavi li.environment .on{background-position:-600px -63px;}

#globalnavi li.recruit a{background-position:-750px 0;}
#globalnavi li.recruit,#globalnavi li.recruit a:hover{background-position:-750px -63px;}
#globalnavi li.recruit a:active{background-position:-750px -63px;}
#globalnavi li.recruit .on{background-position:-750px -63px;}


/*サイドナビ*/
#sidenavi{float:right; width:198px; margin: 0 7px 0 0;}
#sidemenu{padding:0 0 10px 0;}


/*サイドナビ下部のバナー*/
#banar{margin:0;}
#banar ul{}
#banar li{width:198px; height:74px; text-indent:-9999px;}
#banar li a{display:block; width:198px; height:74px;}
#banar li.side-newentry,#banar li.side-newentry a{background:url("../lib/side_item/side_new_entry.jpg") 0 0 repeat;}
#banar li.side-newentry a:hover{background-position:0 -74px;}
#banar li.side-emphasis,#banar li.side-emphasis a{background:url("../lib/side_item/side_emphasis.jpg") 0 0 repeat;}
#banar li.side-emphasis a:hover{background-position:0 -74px;}
#banar li.side-drive,#banar li.side-drive a{background:url("../lib/side_item/drive_btn.jpg") 0 0 repeat;}
#banar li.side-drive a:hover{background-position:0 -74px;}
#banar li.side-anniversaries,#banar li.side-anniversaries a{background:url("../lib/side_item/side_60th.jpg") 0 0 repeat;}
#banar li.side-anniversaries a:hover{background-position:0 -74px;}
#banar li.side-bouon,#banar li.side-bouon a{background:url("../lib/side_item/side_bouon.jpg") 0 0 repeat;}
#banar li.side-bouon a:hover{background-position:0 -74px;}
#banar li.side-item,#banar li.side-item a{background:url("../lib/side_item/side_item.jpg") 0 0 repeat;}
#banar li.side-item a:hover{background-position:0 -74px;}
#banar li.side-world,#banar li.side-world a{background:url("../lib/side_item/side_world.jpg") 0 0 repeat;}
#banar li.side-world a:hover{background-position:0 -74px;}


/*フッター*/
#footer{width:900px; text-align:left;}
#footerbanar{width:890px; height:119px; margin:0 0 0 10px;}
#footerbanar .banar{float:left; padding:10px 25px 0 20px; height:119px; background:url("../lib/footer/line.jpg") top right no-repeat;}
#footerbanar .banarlast{float:left; padding:10px 20px 0 20px; height:119px;}
#footernavi{padding:15px; border-top:1px solid #000000; text-align: right;}
#footernavi a{color:#2e2e2a;}


/*copyright*/
#copyright{margin:0 auto; margin-top:10px; width:900px; text-align:left;}
