@charset "utf-8";

@import url(https://fonts.googleapis.com/css?family=Lato:400,700);
@import url(http://fonts.googleapis.com/earlyaccess/notosansjp.css);

/*共通項目
-------------------------------------------------*/

body{
	font-size:90%;
	line-height:185%;
	
	font-family:
	Lato, "Noto Sans JP", "游ゴシック Medium", "游ゴシック体", "Yu Gothic Medium", YuGothic, "ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	/*"游明朝","Yu Mincho","游明朝体","YuMincho","ヒラギノ明朝 Pro W3","Hiragino Mincho Pro","HG明朝E","ＭＳ Ｐ明朝","ＭＳ 明朝",serif;*/
	color:#000;
	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{
	margin: 0 auto;
	text-align: left;
	font-size: 79%;
	line-height: normal;
	padding: 1px;
	font-weight: normal;
	color: #FFF;
}
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;}

.h2_tit01{
	color: #0583c9;
	font-size: 30px;
	font-weight: normal;
	margin-bottom: 30px;
	line-height: 1.5;
}

.h2_tit01 span{
	color: #000;
	font-size: 24px;
}


.h3_tit01{
	font-size: 25px;
	margin-bottom: 20px;
	font-weight: normal;
}

.h3_tit02{
	font-size: 36px;
	margin-bottom: 30px;
	font-weight: normal;
}

.h3_tit02 span{
	font-size: 18px;
	line-height: 1;
}

.h3_tit03{
	font-size: 30px;
	margin-bottom: 20px;
	font-weight: normal;
	border-bottom: 1px solid #ccc;
	line-height: 1.8;
}

.h4_tit01{
	font-size: 18px;
	margin-bottom: 20px;
	font-weight: normal;
	border-left: 5px solid #ccc;
	line-height: normal;
	padding-left: 15px;
}

.h5_tit01{
	margin-bottom: 20px;
	padding-top:2px;
}

.h5_tit01 span{
	font-size: 16px;
	margin-bottom: 20px;
	font-weight: normal;
	border: 1px solid #000;
	line-height: normal;
	padding: 5px 20px;
	background: #000;
	color: #fff;
}

.inline {
	text-align: justify;
	text-justify: distribute-all-lines;
}
 
.inline:after {
	content:"";
	display: inline-block;
	width: 100%;
	line-height:0;
	height: 0;
}

.tel{
	font-size: 26px;
}

/*ヘッダー
-------------------------------------------------*/
#header_bg{
	text-align: left;
	background: url(../images/common/header_bg.jpg) repeat-x center top;
}
#header{
	width: 1170px;
	margin: 0 auto;
	text-align: left;
}
#logo {
	width: 278px;
	float: left;
	height: 73px;
}

/* ヘッダーナビ */
#hnav{
	float: right;
}
#hnav ul{width:px;margin:0 auto;list-style-type:none;height:41px;overflow:hidden; float:right; width:230px;}
#hnav li{float:left;text-align:left;padding-right: 20px;}
#hnav li img{vertical-align:bottom;}

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

/* サイドナビ 
-------------------------------------------------*/
#snav{
	padding: 10px;
}
#snav ul{list-style-type:none;}
#snav li{height:px;overflow:hidden;}
#snav li img{vertical-align:bottom;}
#snav .sub{
	padding:0 10px;
	font-size: 90%;
}
/* コンテンツ
-------------------------------------------------*/
#contents_bg{
	text-align: left;
}
.contents{
	width: 1140px;
	margin: 0 auto;
	text-align: left;
	padding-top: 60px;
	padding-bottom: 60px;
}

.bg_contact{
	background:#f2f2f0;
}

.bg_contact .contents{
	text-align: left;
	padding-top: 30px;
	padding-bottom: 0px;
}

.menu_box li{
	display:inline-block;
	vertical-align:top;
	width:280px;
	line-height:1.2;
}
.menu_box li img{
	margin-bottom:10px;
}

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

/* メインカラム 
-------------------------------------------------*/
#article{
	width:720px;
	float: right;
}
/* 3カラムの場合*/
#article_main {
	width:480px;
	float:left;
}
#article_sub {
	width:220px;
	float:right;
}

/* フッター 
-------------------------------------------------*/
#footer_bg{

}
#footer{
	width: 1140px;
	margin: 0 auto;
	color: #FFF;
	padding-top: 35px;
	padding-bottom: 30px;
}

.f_info{
	text-align:left;
	float:left;
}
#fnav{
	padding-top: 90px;
	float: right;
}
#fnav ul{list-style:none;}
#fnav li{display:inline; padding-right:20px; border-right:1px solid #000; margin-left:20px;}
#fnav li:last-child{padding-right:0px; border-right:none;}
#fnav a:link,#fnav a:visited,#fnav a:active{
	color: #000;
	line-height: normal;
	text-decoration: none;
}
#fnav a:hover{
	color: #666;
	line-height: normal;
	text-decoration: none;
}

/*コピーライト */
address{
	text-align:center;
	font-style:normal;
	margin:0;
	line-height:normal;
	padding:5px 0;
	font-size:79%;
	border-top:#0583c9 1px solid;}

/* リンク設定 
-------------------------------------------------*/
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;}