@charset "Shift_JIS";
/*============================================================================
 基本スタイル
============================================================================*/
*{
	margin:0;
	padding:0;
}
html{
	overflow-y:scroll;
}
body{
	background:url(img/back.gif) repeat;
	color:#000000;
	font-family: メイリオ, "ＭＳ Ｐゴシック", sans-serif;
	font-size:90%;
	text-align:center;
}
#all{
	background:url(img/c_back.gif) repeat-y;
	margin:0 auto;
	text-align:center;
	width:802px;
}
#main{
	margin-left: 151px;
	padding-top: 107px;
}
a:link{color:#4169E1;}
a:hover{color:#cccccc;}
a:visited{color:#CD5C5C;}
.clearfix:after{
	content:"."; 
	clear:both;
	display:block;
	height:0;
	visibility:hidden;
}
.clearfix{
	display:inline-block;
}
/* Hides from IE-mac \*/
* html .clearfix{height:1%;}
.clearfix{display:block}
/* End hide from IE-mac */
.cboth{
	clear:both;
	height:0;
}
* html .cboth{
	height:.1em;
	margin-top:-.1em;
	overflow:hidden;
}
hr{
	border:0;
	visibility:hidden;
}
/*============================================================================
ヘッダ
============================================================================*/
#header{
	padding:20px 0 0 0;
	width:802px;
}
#header:after {
	content:"";
	clear:both;
	display:block;
}
.logo {
	float:left;
	height:60px;
	margin:0 0 0 10px;
	width:292px;
}
.globalNav1 {
	float:right;
	height:80px;
	text-align:right;
	width:400px;
}
.globalNav1 li {
	float:left;
	list-style:none;
	margin:55px 0 0 0;
	padding:0;
}
.globalNav1 li a {
	background-image:url(img/globalNav1.gif);
	display:block;
	height:0 !important;
	height /**/:16px;
	overflow:hidden;
	padding-top:16px;
}
/* 幅指定 */
.nav1_01{width:69px;}
.nav1_02{width:132px;}
.nav1_03{width:94px;}
/* 通常 */
.nav1_01 a{background-position:0 0;}
.nav1_02 a{background-position:-69px 0;}
.nav1_03 a{background-position:-201px 0;}
/* オンマウス */
.nav1_01 a:hover{background-position: 0px  -20px;}
.nav1_02 a:hover{background-position: -69px  -20px;}
.nav1_03 a:hover{background-position: -201px -20px;}
/* プライバシーマーク */
#mark{
/*	height:60px;*/
	margin:0 20px 0 0;
}
/*============================================================================
ヘッダメニュー
============================================================================*/
#globalNav2{
	width:798px;
}
#globalNav2:after{
	clear:both;
	content:"";
	display:block;
}
#globalNav2 ul{
	float:left;
	margin:0;
	padding-left:5px;
	width:795px;
}
#globalNav2 li{
	float:left;
	list-style:none;
	padding:0 2px;
	width:128px;
}
#globalNav2 li a{
	background-image: url(img/globalNav2.gif);
	display:block;
	height:0 !important;
	height /**/:26px;
	overflow:hidden;
	padding-top:26px;
}
/* 幅指定 */
.nav2_01{width: 128px;}
.nav2_02{width: 128px;}
.nav2_03{width: 128px;}
.nav2_04{width: 128px;}
.nav2_05{width: 128px;}
.nav2_06{width: 128px;}
/* 通常 */
.nav2_01 a{background-position:0  0;}
.nav2_02 a{background-position:-135px 0;}
.nav2_03 a{background-position:-269px 0;}
.nav2_04 a{background-position:-404px 0;}
.nav2_05 a{background-position:-537px 0;}
.nav2_06 a{background-position:-670px 0;}
/* オンマウス */
.nav2_01 a:hover{background-position:-0px -28px;}
.nav2_02 a:hover{background-position:-135px -28px;}
.nav2_03 a:hover{background-position:-269px -28px;}
.nav2_04 a:hover{background-position:-404px -28px;}
.nav2_05 a:hover{background-position:-537px -28px;}
.nav2_06 a:hover{background-position:-670px -28px;}
/*============================================================================
コンテンツ-基本-
============================================================================*/
#contents{
	margin:0 auto;
	width:802px;
}
#contents:after{
	clear:both;
	contents:"";
	display:block;
}
#contents_l{
	float:left;
	padding:0 0 0 2px;
	width:149px;
}
#contents_r{
	float:right;
	with:650px;
}
.contents_r_box{
	margin:0 auto 20px;
	text-align:center;
	width:630px;
}
#contents_r h3{
	margin:20px auto;
	width:560px;
}
#main_tit{
	margin:0 2px 0 0;
	width:649px;
}
.sub_tit {
	margin:20px auto;
	width: 630px;
}
/*============================================================================
左コンテンツ
============================================================================*/
#left{
	background:url(img/lef_back.gif) repeat;
	clear:both;
	width:149px;
}
#leftmenu ul{
	width:149px;
}
#leftmenu li{
	height:75px;
	list-style-type:none;
	width:149px;
}
#leftmenu a{
	background-image: url(img/Left_navi_01.jpg);
	background-repeat: no-repeat;
	display: block;
	height: 75px;
	text-indent:-9999px;
	width: 149px;
}
/* 幅指定 */
.menu01{width:149px;}
.menu02{width:149px;}
.menu03{width:149px;}
.menu04{width:149px;}
/* 通常 */
.menu01 a{background-position: 0 0;}
.menu02 a{background-position: 0 -75px;}
.menu03 a{background-position: 0 -150px;}
.menu04 a{background-position: 0 -225px;}
/* オンマウス */
.menu01 a:hover{background-position:-149px 0;}
.menu02 a:hover{background-position:-149px -75px;}
.menu03 a:hover{background-position:-149px -150px;}
.menu04 a:hover{background-position:-149px -225px;}

#index{
	width:149px;
}
/*============================================================================
左MENU（会社案内）
============================================================================*/
#corp_menu{
	background:url(img/lef_back.gif) repeat;
	width:149px;
}
#corp_01 ul{
	width:149px;
}
#corp_01 li{
	height:50px;
	list-style:none;
	width:149px;
}
#corp_01 a{
	background-image:url(img/Left_navi_corp.jpg);
	background-repeat: no-repeat;
	display:block;
	height:50px;
	text-indent:-9999px;
	width:149px;
}
/* 幅指定（コンテンツ内移動ボタン） */
.corp01{width:149px;}
.corp02{width:149px;}
.corp03{width:149px;}
.corp04{width:149px;}
.corp09{width:149px;}
/* 通常（コンテンツ内移動ボタン） */
.corp01 a{background-position:0 0;}
.corp02 a{background-position:0 -50px;}
.corp03 a{background-position:0 -100px;}
.corp04 a{background-position:0 -150px;}
.corp09 a{background-position:0 -200px;}
/* オンマウス（コンテンツ内移動ボタン） */
.corp01 a:hover{background-position:-149px 0;}
.corp02 a:hover{background-position:-149px -50px;}
.corp03 a:hover{background-position:-149px -100px;}
.corp04 a:hover{background-position:-149px -150px;}
.corp09 a:hover{background-position:-149px -200px;}
/* 以下「環境への取り組み」も同様 */
#corp_02{
	width:149px;
}
#corp_02 ul{
	width:149px;
}
#corp_02 li{
	height:75px;
	list-style:none;
	width:149px;
}
#corp_02 a{
	background-image:url(img/Left_navi_01.jpg);
	background-repeat:no-repeat;
	display:block;
	height:75px;
	text-indent:-9999px;
	width:149px;
}
/* 幅指定（別コンテンツ） */
.corp05{width:149px;}
.corp06{width:149px;}
.corp07{width:149px;}
.corp08{width:149px;}
/* 通常（別コンテンツ） */
.corp05 a{background-position:0 0;}
.corp06 a{background-position:0 -75px;}
.corp07 a{background-position:0 -150px;}
.corp08 a{background-position:0 -225px;}
/* オンマウス（別コンテンツ） */
.corp05 a:hover{background-position:-149px 0;}
.corp06 a:hover{background-position:-149px -75px;}
.corp07 a:hover{background-position:-149px -150px;}
.corp08 a:hover{background-position:-149px -225px;}
/* ここまで */

/*============================================================================
左MENU（環境への取り組み）
============================================================================*/
#eco_menu {
	background:url(img/lef_back.gif) repeat;
	width:149px;
}
#eco_01 ul{
	width:149px;
}
#eco_01 li{
	height:50px;
	list-style:none;
	width:149px;
}
#eco_01 a{
	background-image:url(img/Left_navi_corp.jpg);
	background-repeat: no-repeat;
	height:50px;
	display:block;
	text-indent:-9999px;
	width:149px;
}
/* 幅指定（コンテンツ内移動ボタン） */
.eco01{width:149px;}
.eco02{width:149px;}
.eco03{width:149px;}
/* 通常（コンテンツ内移動ボタン） */
.eco01 a{background-position:0 -250px;}
.eco02 a{background-position:0 -300px;}
.eco03 a{background-position:0 -350px;}
/* オンマウス（コンテンツ内移動ボタン） */
.eco01 a:hover{background-position:-149px -250px;}
.eco02 a:hover{background-position:-149px -300px;}
.eco03 a:hover{background-position:-149px -350px;}
/*============================================================================
HOMEボタン
============================================================================*/
#home_bu{
	width:149px;
}
#home_bu ul{
	width:149px;
}
#home_bu li{
	height:24px;
	list-style:none;
	width:149px;
}
#home_bu a{
	background-image:url(img/home.gif);
	display:block;
	height:24px;
	text-indent:-9999px;
	width:149px;
}
/* 幅指定 */
.home{width:149px;}
/* 通常 */
.home a{background-position:0 0;}
/* オンマウス */
.home a:hover{background-position:-149px 0;}

/*============================================================================
求人募集バナー
============================================================================*/
#job{
	height:99px;
	margin:40px 0 0 0;
	width:149px;
}
/*============================================================================
フッター
============================================================================*/
#footer{
	margin:0 auto;
	width:798px;
}
/*============================================================================
pagetop
============================================================================*/
#pagetop{
	float:right;
	margin:20px 20px 20px 0;
}
.pagetop2{
	float:right;
	margin:20px 20px 20px 0;
}
#pagetop_news{
	clear:both;
	float:right;
	margin-right:20px;
}
.pagetop_staff{
	height:50px;
	text-align:right;
	margin:10px 20px 0 0;
}
/*============================================================================
 文字スタイル
============================================================================*/
.text1{
	font-size:90%;
	line-height:140%;
	vertical-align:top;
}
.text2{
	font-size:90%;
	color:#3366CC;
	margin-top:1em;
}
.text3{
	font-size:90%;
	line-height:1.5em;
	margin-left:0px;
	text-indent:1.5em;
}
.m10{
	font-size:80%;
	line-height:140%;
}
.m9{
	font-size:80%;
	line-height:150%;
}
.m12{
	line-height:170%;
}
.m12link{
	color:#3366CC;
	text-decoration:none;
}
.m12link a{
	color:#3366CC;
	text-decoration:none;
}
.m12link a:hover{
	color:#ff3300;
	text-decoration:none;
}