@charset "utf-8";

/*共通項目
-------------------------------------------------*/
body{font-size:75%;line-height:175%;font-family:"メイリオ", Meiryo, "ヒラギノ角ゴPro W3", "Hiragino Kaku Gothic Pro", "ＭＳ Ｐゴシック", Osaka, sans-serif;color:#333;text-align:center;}
input,select,textarea{font-family:"メイリオ", Meiryo, "ヒラギノ角ゴPro W3", "Hiragino Kaku Gothic Pro", "ＭＳ Ｐゴシック", Osaka, sans-serif;font-size:100%;}

/*ページトップ */
.pagetop{text-align:right;}

/*見出し設定
-------------------------------------------------*/
h1{
	width:1140px;
	margin:0 auto;
	text-align:right;
	font-size:79%;
	line-height:normal;
	padding:5px 0;
	font-weight:normal;
	height: 17px;
}
h2{font-size: 120%;}
h3{font-size: 110%;}
h4{font-size: 100%;}
h5{font-size: 100%;}

.tit_h3{border-top:3px solid #000;border-bottom:1px solid #1e73b4;padding:4px 8px;line-height:normal;font-size:150%;color:#666;margin:0 0 20px;}
.tit_h4{border-left:6px solid #000;color:#000;padding:0 0 0 9px;margin:0 0 10px;line-height:normal;font-size:133%;margin:0 0 10px;}
.tit_h5{font-size:117%; color:#000; line-height:normal;margin:0 0 10px;}


/*ヘッダー
-------------------------------------------------*/
#header_bg{
	text-align:left;
	background:url(../images/common/h_bg.jpg) repeat-x center top;
}
#header{
	width:1140px;
	margin:0 auto;
	text-align:left;
	height: auto;
}
#logo {
	width:260px;
	float:left;
	height:90px;
	padding-top: 15px;
	margin-bottom: 12px;
}

/* ヘッダーナビ */

#hinfo{
	width:712px;
	float:right;
	padding-top: 15px;
}

#hinfo .info{
	margin-bottom:13px;
	text-align:right;
}

#hnav{
	
}
#hnav ul{
	width:px;
	margin:0 auto;
	list-style-type:none;
	height:auto;
	overflow:hidden;
	float:right;
}
#hnav li{
	float:left;
	text-align:left;
	padding-left: 15px;
}
#hnav li img{vertical-align:bottom;}

/* グローバルナビ 
-------------------------------------------------*/
#nav_bg{
	margin:0 auto;
	background: url(../images/common/nav/gnav_bg.jpg) repeat-x left top;
}
#nav{
	width:1140px;
	margin:0 auto 10px;
}
#nav ul{
	width:1140px;
	margin:0 auto;
	list-style:none;
	height:64px;
	overflow:hidden;
}
#nav li{
	float:left;
	text-align:left;
	height: 64px;
}
#nav li img{vertical-align:bottom;}

/* サイドナビ 
-------------------------------------------------*/
.snav{

}
.snav ul{list-style-type:none;}
.snav li{
	overflow:hidden;
	margin-bottom: 20px;
}
.snav li img{
	vertical-align:bottom;
	
	/* box-shadow */
box-shadow:rgba(113, 135, 164, 0.16) 0px 0px 10px 0px;
-webkit-box-shadow:rgba(113, 135, 164, 0.16) 0px 0px 10px 0px;
-moz-box-shadow:rgba(113, 135, 164, 0.16) 0px 0px 10px 0px;
}

.snav .sub{
	padding:0 10px;
	font-size: 90%;
}
/* コンテンツ
-------------------------------------------------*/
#contents_bg{
	text-align:left;
	background: #f4f0ea;
}
#contents{
	width:1140px;
	margin:0 auto;
	text-align:left;
	padding-top: 30px;
	padding-bottom: 60px;
}

/* サブカラム 
-------------------------------------------------*/
#aside{
	width:263px;
	float:left;
}

#aside h2{
	margin-bottom:12px;
}
/* メインカラム 
-------------------------------------------------*/
#article{
	width:860px;
	float: right;
}
/* 3カラムの場合*/
#article_main {
	width:580px;
	float:left;
	margin-top: -22px;
}
#article_sub {
	width:263px;
	float:right;
}

#article_sub .about{
	/* box-shadow */
	box-shadow:rgba(113, 135, 164, 0.16) 0px 0px 10px 0px;
	-webkit-box-shadow:rgba(113, 135, 164, 0.16) 0px 0px 10px 0px;
	-moz-box-shadow:rgba(113, 135, 164, 0.16) 0px 0px 10px 0px;
	margin-bottom: 30px;
}

.company_box{
	/* box-shadow */
	box-shadow:rgba(113, 135, 164, 0.16) 0px 0px 10px 0px;
	-webkit-box-shadow:rgba(113, 135, 164, 0.16) 0px 0px 10px 0px;
	-moz-box-shadow:rgba(113, 135, 164, 0.16) 0px 0px 10px 0px;
	margin-bottom: 30px;
}

.smap{
	width:263px;
	height:160px;
	overflow:hidden;
}

#article_sub .ban_box{
}

#article_sub .ban_box p{
	margin-bottom:30px;
}

#article_sub .bn{
	/* box-shadow */
	box-shadow:rgba(113, 135, 164, 0.16) 0px 0px 10px 0px;
	-webkit-box-shadow:rgba(113, 135, 164, 0.16) 0px 0px 10px 0px;
	-moz-box-shadow:rgba(113, 135, 164, 0.16) 0px 0px 10px 0px;
}

/* フッター 
-------------------------------------------------*/
#footer_bg{
	background: #fff;
	border-top:#e9e2d9 10px solid;
}

#footer{
	width:1140px;
	margin:0 auto;
	height:auto;
}

.f_pr{
	text-align:center;
	margin-bottom:60px;
}

.f_logo{
	float:left;
	margin-left: 85px;
}

.f_tel{
	margin-right: 85px;
	float: right;
}

#fnav{
	width:1140px;
	height: auto;
	margin-bottom: 25px;
}
#fnav ul{list-style:none;}
#fnav li{
	display:inline;
	padding-right:20px;
	border-right:1px solid #104893;
	line-height: normal;
	margin-left:20px;
	font-size: 12px;
}

#fnav li.end{
	padding-right:0px;
	border-right: none;
}

#fnav a:link,#fnav a:visited,#fnav a:active{
	color:#104893;
	line-height:normal;
	text-decoration:none;
}
#fnav a:hover{
	color:#05244d;
	line-height:normal;
	text-decoration:none;
}

/*コピーライト */
address{
	text-align:center;
	font-style:normal;
	line-height:normal;
	padding:7px 0;
	background: #e9e2d9;
	color: #666;
}

/* リンク設定 
-------------------------------------------------*/
body a:focus{outline:none;}
body a:link, body a:visited, body a:active{
	color:#06c;
	text-decoration:none;
}
body a:hover{color:#06c;text-decoration:underline;}
/* 画像リンク*/
body a:hover img {filter:alpha(opacity=75);-moz-opacity:0.75;opacity:0.75;}
/* 画像リンク 効果解除*/
#nav li a:hover img,
#logo a:hover img
{filter:alpha(opacity=100);-moz-opacity:1;opacity:1;}

/* ボーダー設定 
-------------------------------------------------*/
.bdr_t{border-top:1px dotted #666;padding:0 0 10px;margin:0 0 10px;}
.bdr_b{border-bottom:1px dotted #666;padding:0 0 10px;margin:0 0 10px;}

/* 文字カラー設定 
-------------------------------------------------*/
.red{color:#e60012;}
.pink{color:#ffc0cb;}
.purple{color:#800080}
.blue{color:#06c;}
.skyblue{color:#0cc;}
.green{color:#008000;}
.yellow{color:#ffc;}
.orange{color:#ffa500;}
.brown{color:#a52a2a;}

.white{color:#fff;}
.gray{color:#ccc;}
.black{color:#333;}
.gold{color:#960;}

/* アイコン設定 
-------------------------------------------------*/
.list_icon{background:url(../images/common/list_icon.jpg) left center no-repeat;padding:0 0 0 20px;}
.link_icon{background:url(../images/common/link_icon.jpg) left center no-repeat;padding:0 20px;float:right;}

.no_recruit{text-align:center;line-height:400px;}

#hnav img
{vertical-align:top;}

#article img,
#aside img,
#footer img,
h1 img,
h2 img,
h3 img,
h4 img,
h5 img,
h6 img,
li img
{vertical-align:bottom;}