/* *******************************************
     基本設定
******************************************* */

/* html
------------------------------------------------- */

html {
	overflow-y:scroll;
	height:100%;
}

/* body
------------------------------------------------- */
body {
	height:100%;
	line-height:160%;
	color:#fff;
	font-size:12px;
	font-family:'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif;
}


/* wrapper
------------------------------------------------- */
#wrapper {
	width:100%;
	height:100%;
	margin:0 auto;
	padding:0;
	text-align:left;
}


/* header
------------------------------------------------- */
header {
	background:#0348A5;
	width:100%;
	height:90px;
}
header .inner {
	width:960px;
	margin:0 auto;
	padding:0;
	text-align:left;
}
header .inner h1 {
	float:left;
	padding-top:27px;
	font-size:10px;
}
header .inner h1 img {
	margin-bottom:2px;
}
header .inner ul {
	border-right:1px solid #6891C9;
	float:right;
}
header .inner ul li {
	border-left:1px solid #6891C9;
	width:160px;
	height:53px;
	float:left;
	padding-top:37px;
	text-align:center;
}


/* contents
------------------------------------------------- */
#contents {
	width:100%;
	overflow:hidden;
}
* html #contents {
	zoom:1;
}
*+html #contents {
	zoom:1;
}
#contents:after {
	height:0;
	visibility:hidden;
	content:".";
	display:block;
	clear:both;
}

#contents #main_v { 
	background:url(../images/img_main.jpg) no-repeat center center;
	background-size:cover;
	height:566px;
}
#contents #main_v .inner { 
	width:960px;
	margin:0 auto;
}
#contents #main_v .inner h2{
	padding:329px 0 0 620px;
	font-size:16px;
	line-height:180%;
	letter-spacing:1px;
}


#contents #blue_area {
	background:#0348A5;
	width:100%;
	height:320px;
	padding-top:40px;
}
#contents #blue_area .inner {
	background:url(../images/bg_com_rec.gif) repeat-y center top;
	width:960px;
	margin:0 auto 0 auto;
	text-align:left;
	overflow:hidden;
}
#contents #blue_area .inner .company_area {
	width:320px;
	float:left;
	margin-left:50px;
}
#contents #blue_area .inner .company_area h3 {
	font-size:18px;
	margin:5px 0 20px 0;
}
#contents #blue_area .inner .company_area dl {
	overflow:hidden;
}
#contents #blue_area .inner .company_area dl dt {
	float:left;
	width:55px;
	margin:0 15px 10px 0;
}
#contents #blue_area .inner .company_area dl dd {
	float:left;
	width:250px;
	margin-bottom:10px;
}

#contents #blue_area .inner .recruit_area {
	width:340px;
	float:right;
	margin-right:85px;
}
#contents #blue_area .inner .recruit_area h3 {
	font-size:18px;
	margin:5px 0 20px 0;
}
#contents #blue_area .inner .recruit_area dl {
	overflow:hidden;
}
#contents #blue_area .inner .recruit_area dl dt {
	float:left;
	width:55px;
	margin:0 15px 10px 0;
}
#contents #blue_area .inner .recruit_area dl dd {
	float:left;
	width:270px;
	margin-bottom:10px;
}


#contents #map_area {
	background:#E9E5DC;
	width:100%;
	height:410px;
}


/* footer
------------------------------------------------- */
footer {
	background:#0348A5;
	width:100%;
	height:70px;
}
footer .copy {
	padding-top:20px;
	text-align:center;
	font-size:10px;
	letter-spacing:1px;
}



/* リンク装飾
------------------------------------------------- */
a:link,
a:visited {
	color:#fff;
	text-decoration:none;
}
a:hover,
a:active {
	color:#fff;
	text-decoration:underline;
}


/* テキスト装飾
------------------------------------------------- */
.fs9 {font-size:9px;}
.fs10 {font-size:10px;}
.fs12 {font-size:12px;}
.fs13 {font-size:13px;}
.fs14 {font-size:14px;}
.fs16 {font-size:16px;}
.fs18 {font-size:18px;}

.fwb {font-weight:bold;}

.red {color:#bc0000;}
.black {color:#333;}


/* レイアウト定義
------------------------------------------------- */
.fL {float:left;}
.fR {float:right;}
.clear {clear:both;}

.tal {text-align:left;}
.tar {text-align:right;}
.tac {text-align:center;}


/* マージン設定
------------------------------------------------- */
.mt5 {margin-top:5px;}
.mt10 {margin-top:10px;}
.mt15 {margin-top:15px;}
.mt20 {margin-top:20px;}
.mt30 {margin-top:30px;}
.mt40 {margin-top:40px;}
.mt50 {margin-top:50px;}

.mb5 {margin-bottom:5px;}
.mb10 {margin-bottom:10px;}
.mb15 {margin-bottom:15px;}
.mb20 {margin-bottom:20px;}
.mb30 {margin-bottom:30px;}
.mb40 {margin-bottom:40px;}
.mb50 {margin-bottom:50px;}


/* アルファ
------------------------------------------------- */
a.alpha:hover img {
  opacity:0.7;
  filter:alpha(opacity=70);
}


/* FLOAT -Clearfix
------------------------------------------------- */
.clearfix:after { 
/*for modern browser*/
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}