@charset "utf-8";
/* -------------------------------------------------------------------*/
/* 記載順序 */
/* -------------------------------------------------------------------*/
/* 基本（PC幅960px以上）*/
/*  ・各要素、各ページレイアウト含*/
/* -------------------------------------------------------------------*/
/* レスポンシブ設定（各デバイス幅用のレイアウト） */
/*  ・960px-780px（PC-タブレット横）*/
/*  ・780px-600px（タブレット縦-スマートフォン横）*/
/*  ・600px-480px（スマートフォン横）*/
/*  ・480px以下  （スマートフォン縦）*/
/* -------------------------------------------------------------------*/

/* ===============================================================================================*/
/* 基本 ==========================================================================================*/
/* ===============================================================================================*/
* {
	margin:0;
	padding:0;
}
html{
	overflow: auto;/*隙間対策*/
}
a {
	text-decoration:none;
	color:#fff;
	}
img{
	border:none;
}
ul{	list-style-type:none;
}
body{
	background-image: url("../images/gray.jpg");
	font-family: Helvetica, "メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	color:#353535;
	overflow:hidden;/*隙間対策*/
}
.nowrap{
	white-space:nowrap;
}
/*全体*************/
#wrapper{
	margin:0 auto;
	padding:1.2% 0 0;
	max-width:960px;
	position:relative;
	background:#fff;
	overflow:hidden;
}
.inner{
	margin:0 auto;
	width:100%;
}
/* ヘッダー*************/
#header{
	max-width:960px;
	margin:0 auto ;
	overflow:hidden;
	color:#fff;
	background-color:#21339D;
}

/** html #header{height:1%;}*/
/* ロゴ（左）*************/
#header .logo{
	width:470px;
	float:left;
	padding:13px 0 0 15px;
}
.logo img{
	float:left;
	margin:0 12px 0px 0;
}
.logo_compname{
	margin:4px 0 0px;
	font-size:1.8em;
}
.logo a{
	color:#fff;
	font-weight:bold;
}
.logo a:hover{
	color:#ddd;
}
h1{
	clear:both;
	font-size:1.1em;
	font-weight:normal;
	margin:0;
	padding:8px 0 16px 0;
}
/* 電話、FAX番号等（右）*************/
.info{
	float:right;
	width:auto;
	padding:12px 5px 0 0;
	margin:0;
}
.okigaru {
	float:left;
	width:auto;
	margin:8px 5px 0 0;
	padding:3px 8px 3px 9px;
	text-align:center;
	white-space:nowrap;
	font-size:0.78em;
	/*border:1px solid #7a8bf0;*/
	background:#3647b0;
	background:#5869d0;
	border-radius:12px;
	color: #fff;
}
.telfax{
	float:right;
	width:auto;
	text-align:right;
	padding:0 8px 0 0;
	line-height:1.4;
}
.telno{
	font-family: arial, Geneva, sans-serif;
	font-size:1.75em;
	font-weight:bold;
}
.telno a{
	color:#fff;
	text-decoration:none;
}
.telno img{
	vertical-align:middle;
	margin-bottom:6px;
}
.faxno {
	font-family:verdana, Geneva, sans-serif;
	font-size:1.2em;
	font-weight:bold;
}
.faxno img{
	vertical-align:middle;
	margin-bottom:5px;
}
.faxno a{
	color:#fff;
	text-decoration:none;
}
/*menu**************************/
ul#topnav{
	clear:both;
	width:100%;
	/*overflow:hidden;*/
	margin:0 auto;
	border-top:1px solid #7a8bf0;
	border-bottom:1px solid #21339D;
	background-color: #21339D;
	background:linear-gradient(#7a8bf0, #21339D);
	background: -webkit-gradient(linear, left top, left bottom, from(#7a8bf0), to(#21339D));/* Safari,Google Chrome用 */
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#7a8bf0', endColorstr='#21339D')";/* IE 8,9 */
	font-size:1em;
	display:table;/*変更*/
	table-layout: fixed;/*変更*/
}
/** html ul#topnav{height:1%;}*/
ul#topnav li img{
	margin-right:8px;
}
ul#topnav li{
	width:25%;/*変更*/
	display:table-cell;/*変更*/
	text-align:center;
	white-space:nowrap;
	border-left:1px solid #7a8bf0;
}
ul#topnav li:first-child{
	width:25%;/*変更*/
	display:table-cell;/*変更*/
	text-align:center;
	border:none;
}
ul#topnav li a{
	display:block;
	color:#fff;
	padding:15px 0px;
	line-height:1.2;
/*	background-color: #21339D;  */
/*	background: linear-gradient(#7a8bf0, #21339D); */
/*	background: -webkit-gradient(linear, left top, left bottom, from(#7a8bf0), to(#21339D)); */ /* Safari,Google Chrome用 */
/*	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#7a8bf0', endColorstr='#21339D')";  */ /* IE 8,9 */
}
ul#topnav a li:first-child{
	display:block;
	padding:10px 0;
	color:#fff;
	padding:15px 0px;
	line-height:1.2;
	background-color: #21339D;
	background: linear-gradient(#7a8bf0, #21339D);
	border-left:1px solid #7a8bf0;
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#7a8bf0', endColorstr='#21339D')";/* IE 8,9 */
}
ul#topnav li a:hover{
	background-color:#4355bf;
	background: linear-gradient(#21339D, #7a8bf0);
	background: -webkit-gradient(linear, left top, left bottom, from(#21339D), to(#7a8bf0));/* Safari,Google Chrome用 */
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#21339D', endColorstr='#7a8bf0')";/* IE 8,9 */
}
.active{
	display:block;
	color:#fff;
	padding:15px 0px;
	line-height:1.2;
	border:none;
	background-color:#4355bf;
	background: linear-gradient(#21339D, #7a8bf0);
	background: -webkit-gradient(linear, left top, left bottom, from(#21339D), to(#7a8bf0));/* Safari,Google Chrome用 */
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#21339D', endColorstr='#7a8bf0')";/* IE 8,9 */
}
/*ul#topnav li a:first-child
	{border:0;
}*/
/* メイン画像（トップページ+サブページ）*************/
#mainBanner{
	clear:both;
	line-height:0;
	background-color:#21339D;
	border-bottom:1px solid #7a8bf0;
	margin:0 auto;
	background: linear-gradient(#21339D 55%, #7a8bf0);
	background: -webkit-gradient(linear, left top, left bottom, from(#21339D), to(#7a8bf0));/* Safari,Google Chrome用 */
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#21339D', endColorstr='#7a8bf0')";/* IE 8,9 */
}
#mainBanner .inner{
	position:relative;
	max-width:960px;
}
#mainBanner img{
	max-width:100%;
	height:auto;
/*******************************/
	/*position: relative;*/
/*******************************/
	overflow:hidden;

	/*border:1px solid #21339d;*/
/*******************************/
}
.s_img{display:none;}

/*■■■アクセスカウンター■■■*/
/**************20140525**************/
#counter{
	position: absolute;
	height:auto;
	bottom:0;
	right:0;
	text-align: center;
	z-index:100;
	margin:0;
	padding: 3px 10px 2px;
	background:#727171;
	border:2px solid #C9CACA;
	color:#fff;
	font-family: "Arial", "Geneva", "Helvetica", "sans-serif";
	font-size: 1.2em;
	white-space:nowrap;
	letter-spacing:0.05em;
	font-weight: bold;
	line-height:1;
}


/* コンテンツ**************************/

h2{
	clear:both;
	background-color:#21339d;
	width:90%;
	/*margin:15px 60px 25px;*/
	margin:3% auto 2.2%;
	padding:8px 0 6px 25px;
	color:#fff;
	font-size:1.1em;
	background: linear-gradient(#7a8bf0 10%, #21339D);
	background: -webkit-gradient(linear, left top, left bottom, from(#7a8bf0), to(#21339D));/* Safari,Google Chrome用 */
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#21339D', endColorstr='#7a8bf0')";/* IE 8,9 */
}
.contents_top{
	clear:both;
	width:88%;
	margin:4.2% auto 2%;
	padding:0;
	overflow:hidden;
	line-height:1.8;
}
.contents{
	clear:both;
	width:88%;
	margin:3.2% auto 4.2%;
	padding:0;
	overflow:hidden;
	line-height:1.8;
}
.contents a{
	text-decoration:none;
	color: #06F;
}
.contents a:hover{
	text-decoration:none;
	color: #09F;
}
/** html .gridWrapper{height:1%;}*/

.left{
	max-width:150px;
	width:21%;
	float:left;
	margin:0 ;
}
.left img{
	max-width:100%;
	height:auto;
}
.right_bun{
	width:77%;
	float:right;
	padding:0;
	margin:0;
}
.kantan_waku{
	width:95%;
	margin:0 auto 0px;
	border:1px solid #aaa;
	line-height:1.8;
	padding:2%;
}

/*会社概要コンテンツ-----*/
.right{
	width:200px;
	max-width:200px;
	width:25%;
	float:right;
	margin:0 ;
}
.right p{
	text-align:center;
	font-size:.9em;
	white-space:nowrap;
}
.right img{
	max-width:100%;
	height:auto;
	margin:0;
	padding:0;
	text-align:center;
}
.kakudai a{
	text-align:center;
	font-size:.8em;
	white-space:nowrap;
}
.left_bun{
	text-align:center;
	width:72%;
	float:left;
	padding:0;
}
.left_bun table{
	width:100%;
	font-size:1em;
	border:1px solid #ccc;
}
.left_bun .koumoku{
	width:20%;
	padding:.7em 0;
	background-color:#f1f1f1;
	border-bottom:1px solid #ccc;
	text-align:center;
	font-size:.9em;
	font-weight:normal;
}
.left_bun .data{
	width:75%;
	padding:.7em .3em .7em 1em;
	border-bottom:1px solid #ccc;
	text-align:left;
}
.left_bun .last_th{
	width:20%;
	padding:.7em 0;
	background-color:#f1f1f1;
	text-align:center;
	font-size:.9em;
	border:none;
	font-weight:normal;
}
.left_bun .last_td{
	width:75%;
	padding:.7em .3em .7em 1em;
	text-align:left;
}
/*会社概要コンテンツここまで-----*/

/*プライバシーポリシー コンテンツ-----*/
h3{
	margin:0 0 2%;
	font-size:1.3em;
	font-weight:bold;
	color:#21339D;
}
.pri_naiyou{
	padding-left:2em;
	text-indent:-2em;
	padding-right:1em;
	margin-bottom:2.5%;
}
/*プライバシーポリシー コンテンツここまで-----*/

/*サイトマップ コンテンツ-----*/
.stmap ul {
	list-style-type: none;
}
.stmap li {
	background: url("../images/st_arrow.gif") no-repeat 18px 5px;
	padding-left: 40px;
	margin-bottom:20px;
}
/*サイトマップ コンテンツここまで-----*/

/*フッター**************************/
#footer {
	max-width:960px;
	height:auto;
	margin:0 auto;
	padding:0 0 10px;
	background-color:#21339d;
		position:relative;
}

#footer .inner{
	margin-bottom:0px;
	padding:0;
	overflow:hidden;
}
/*フッターメニュー*/
#f_menu{
	width:100%;
	clear:both;
	padding:17px 0 0 25px;
	color:#fff;
	font-size: 0.75em;
}
#f_menu ul{
	width:100%;
	padding:0;
	list-style-type:none;
}
#f_menu li{
	float:left;
	margin-bottom:7px;
	border-right:1px solid #aaa;
}
#f_menu li:last-child{

	float:left;
	border:none;
}
#f_menu li a{
	display:block;
	padding:0 1.8em;
	color:#fff;
	text-decoration:none;
}
#f_menu li a:hover{
	color:#ddd;
}
/*フッター　会社名、住所、連絡先など*/
#f_comp_adrs{
	width:590px;
	margin-top:13px;
	padding-left:25px;
	color:#fff;
	line-height:1.6;
	font-size: 0.78em;
	float:left;
}
#f_comp a{
	font-size:1.1em;
	font-weight:bold;
	color:#fff;
	text-decoration:none;
}
#f_comp a:hover{
	color:#ddd;
}
/*コピーライト*/
#copyright {
	width:310px;
	margin-top:38px;
	padding-right:15px;
	font-size: 0.75em;
	color: #fff;
	text-align:right;
	float:right;
	position:relative;
	bottom:0;
	right:0;
}

/* ===============================================================================================*/
/* レスポンシブ設定 ==============================================================================*/
/* ===============================================================================================*/

/* PC用 ==========================================================================================*/
@media only screen and (min-width:960px){
	#wrapper,.inner,ul#topnav{
	width:960px;
	padding:0;
	}
}
/* モニター幅960px以下～780px ===================================================================*/
@media only screen and (max-width:960px){
	#wrapper{/*960px以下～780px*/
	max-width:960px;
	}
	h1{/*960px以下～780px*/
	clear:both;
	font-size:1.1em;
	font-weight:normal;
	margin:0;
	padding:8px 0 0px 0;
	}
	.okigaru {/*960px以下～780px*/
	float:left;
	width:auto;
	margin:5px 5px 0 0;
	padding:3px 8px 3px 9px;
	text-align:center;
	white-space:nowrap;
	font-size:0.78em;
	/*border:1px solid #7a8bf0;*/
	background:#3647b0;
	background:#5869d0;
	border-radius:12px;
	color: #fff;
	}
	.telfax{/*960px以下～780px*/
	float:right;
	width:auto;
	text-align:right;
	padding:0 8px 10px 0;
	line-height:1.2;
	}
	.right_bun{/*960px以下～780px*/
	width:75%;
	float:right;
	padding:0;
	margin-bottom:1.0%;
	}
	.kakudai{/*960px以下～780px*/
	font-size:.68em;
	text-align:center;
	white-space:nowrap;
	}
	#f_menu{/*960px以下～780px*/
	width:95%;
	clear:both;
	margin:0 auto;
	padding:20px 0 25px 0;
	color:#fff;
	font-size: 0.75em;
	text-align:center;
	}
	#f_comp_adrs{/*960px以下～780px*/
	clear:both;
	width:95%;
	margin:0 auto;
	color:#fff;
	font-size: 0.78em;
	float:none;
	}
	#f_comp_adrs a{/*960px以下～780px*/
	text-decoration:none;
	color:#fff;
	}
	#copyright {/*960px以下～780px*/
	width:95%;
	margin-top:8px;
	font-size: 0.75em;
	color: #fff;
	text-align:center;
	}
}
/* スマートフォン 横(ランドスケープ) 780px～600px ※メニュー:幅半分、2行==========================*/
@media only screen and (max-width:780px){

	ul#topnav{/*780px～600px*/
	clear:both;
	width:100%;
	margin:0 auto;
	border-top:1px solid #7a8bf0;
	border-bottom:1px solid #21339D;
	background-color: #21339D;
	background: linear-gradient(#7a8bf0, #21339D);
	font-size:1em;
	}
	ul#topnav li{/*780px～600px*/
	width:49.83%;
	float:left;
	border-right:1px solid #7a8bf0;
	border-bottom:1px solid #5969d0;
	border-left:none;
	text-indent:1em;
	text-align:left;
	}
	ul#topnav li:first-child{/*780px～600px*/
	text-indent:1em;
	text-align:left;
	border-bottom:1px solid #5969d0;
	border-right:1px solid #7a8bf0;
	width:49.83%;
	}
	ul#topnav li:nth-child(even){/*780px～600px*/
	text-indent:1em;
	text-align:left;
	border-bottom:1px solid #5969d0;
	border-right:none;
	width:49.83%;
	}
	.contents{/*780px～600px*/
	width:90%;
	padding:0;
	overflow:hidden;
	line-height:1.5;
	}
	/*会社概要コンテンツ:780px～600px----*/
	.right{
	width:210px;
	float:none;
	margin:0 auto 20px;
	}
	.kakudai{/*780px～600px*/
	font-size:.8em;
	text-align:center;
	}
	.left_bun{/*780px～600px*/
	width:100%;
	float:none;
	margin:0 auto;
	padding:0;
	}
	/*会社概要コンテンツ:780px～600pxここまで-----*/
	.pri_naiyou{/*780px～600px*/
	font-size:.9em;
	}
	.stmap ul {
	margin-top:2%;
}
}
/* スマートフォン 横(ランドスケープ) 600px～480px ※メインビジュアル:小、メニュー:下方・幅100%=====*/
@media only screen and (max-width:600px){

	#header .logo{/*600px～480px*/
	width:auto;
	text-align:center;
	margin:0 auto;
	float:none;
	padding:10px 0 7px;
	}
	.logo img{/*600px～480px*/
	float:none;
	margin:0;
	}
	.logo_compname{/*600px～480px*/
	margin:7px 0 0;
	font-size:1.5em;
	}
	.logo a{/*600px～480px*/
	color:#fff;
	font-weight:bold;
	}
	.logo a:hover{/*600px～480px*/
	color:#ddd;
	}
	h1{
	clear:both;
	font-size:0.9em;
	font-weight:normal;
	margin:0;
	padding:15px 0 ;
	}
	.info{/*600px～480px*/
	float:none;
	width:auto;
	padding:0;
	margin:0 auto;
	}
	.okigaru {/*600px～480px*/
	float:none;
	width:13em;
	margin:0px auto 7px;
	padding:3px 8px 3px 9px;
	text-align:center;
	white-space:nowrap;
	font-size:0.78em;
	/*border:1px solid #7a8bf0;*/
	background:#3647b0;
	background:#5869d0;
	border-radius:12px;
	color: #fff;
	}
	.telfax{/*600px～480px*/
	float:none;
	width:auto;
	text-align:center;
	padding:0 0 8px;
	line-height:1.2;
	}
	ul#topnav{/*600px～480px*/
	display:none;
	}
	.stmap li {/*サイトマップページのリスト：600px～480px*/
	font-size:.88em;
	}
	.right_bun{/*600px～480px*/
	width:100%;
	float:none;
	margin:0 auto;
	padding:0;
	font-size:0.85em;
	}
	.kantan_waku{/*600px～480px*/
	font-size:0.85em;
	}
	#f_menu{/*600px～480px*/
	width:100%;
	clear:both;
	margin:0;
	padding:0;
	color:#fff;
	}
	#f_menu ul{/*600px～480px*/
	text-align:center;
	margin:0 auto;
	}
	#f_menu ul li{/*600px～480px*/
	width:100%;
	font-size:1.25em;
	margin:0;
	}
	#f_menu ul li:first-child{/*600px～480px*/
	width:100%;
	font-size:1.25em;
	border:none;
	margin:0;
	}
	#f_menu ul li a{/*600px～480px*/
	display:block;
	padding:17px 0;
	color:#fff;
	text-decoration:none;
	border-top:1px solid #4355bf;
	background-color: #3244ae;
	background: linear-gradient(#5c6bd8, #21339D);
	background: -webkit-gradient(linear, left top, left bottom, from(#7a8bf0), to(#21339D));/* Safari,Google Chrome用 */
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#7a8bf0', endColorstr='#21339D')";/* IE 8,9 */
	}
	#f_menu ul li a:last-child{/*600px～480px*/
	display:block;
	padding:17px 0;
	color:#fff;
	text-decoration:none;
	border-top:1px solid #4355bf;
	border-bottom:1px solid #4355bf;
	background-color: #21339D;
	background: linear-gradient(#5c6bd8, #21339D);
	background: -webkit-gradient(linear, left top, left bottom, from(#7a8bf0), to(#21339D));/* Safari,Google Chrome用 */
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#7a8bf0', endColorstr='#21339D')";/* IE 8,9 */
	}
	#f_menu ul li a:hover{/*600px～480px*/
	background:#21339d;
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#21339D', endColorstr='#7a8bf0')";/* IE 8,9 */
	}
	#mainBanner>.inner>img{/*600px～480px*/
	display:none;
	}
	.s_img{/*600px～480px*/
	display:block;
	width:100%;
	height:auto;
	margin:0 auto;
	text-align:center;
	}
	.left{/*600px～480px*/
	width:150px;
	float:none;
	margin:0 auto;
	}
	.left img{/*600px～480px*/
	max-width:100%;
	height:auto;
	}
	.right_bun{/*600px～480px*/
	width:auto;
	float:none;
	margin:0 auto;
	}
	h3{
	font-size:1em;
	}
	#f_comp_adrs{/*600px～480px*/
	width:95%;
	padding:14px 0 0 0;
	margin:0 auto 0;
	text-align:center;
	color:#fff;
	font-size: 0.78em;
	line-height:1.6;
	float:none;
	}
}
/* スマートフォン 縦(ポートレート) 480px以下======================================================*/
@media only screen and (max-width:480px){

	h2{/*480px以下x*/
	font-size:1em;
	}
	#counter{/*480px以下x*/
	padding: 1px 8px 1px;
	font-size: 0.8em;
	}
}
/* スマートフォン 縦(ポートレート) 250px以下のアクセスカウンターサイズ==============================*/
@media only screen and (max-width:250px){

	#counter{/*250px以下x*/
	padding: 1px 3px 1px;
	border:1px solid #C9CACA;
	font-size: 0.65em;
	line-height:1;
	}

}