@charset "utf-8";

/* ------------------------------------------------------------------------------------------------------ 共通Layout */

/***********************************************
 Pagetop
 ***********************************************/

#pagetop {
	display: none;
	position: fixed;
	right: 0;
	bottom: 0;
	z-index: 99;
	width: 60px;
	height: 60px;
	overflow: hidden;
}

	#pagetop a {
		display: block;
		height: 100%;
		background: url(../common/btn_pagetop.gif) center no-repeat;
		text-decoration: none;
		text-indent: -9999px;
		
		filter: alpha(opacity=80);
		-moz-opacity: 0.8;
		opacity: 0.8;
		
		-webkit-transition: 0.5s;
		-moz-transition: 0.5s;
		-ms-transition: 0.5s;
		-o-transition: 0.5s;
		transition: 0.5s;
	}
	
		#pagetop a:hover {
			filter: alpha(opacity=100);
			-moz-opacity: 1.0;
			opacity: 1.0;
		}


/***********************************************
 ページタイトル
 ***********************************************/
 
.pagettl {
	width: 100%;
	height: 70px;
	background: #fff;
}

	.pagettl h1 {
		width: 1000px;
		margin: 0 auto;
		padding: 0;
		font-size: 1.9em;
		line-height: 70px;
		font-weight: normal;
	}

		.pagettl h1 span {
			padding-right: 0.7em;
			font-size: 0.6em;
			color: #999;
		}


/***********************************************
 共通ラベル
 ***********************************************/
 
.lbl {
	margin: 0;
	padding: 16px 30px 13px;
	background: #252525;
	font-size: 1.2em;
	color: #fff;
}


/***********************************************
 共通ボトムナビ
 ***********************************************/

.bottomnavi {
	margin-top: 10px;
	padding: 20px 0;
	background: #fff;
	text-align: center;
}

	.bottomnavi a {
		display: block;
		
		-webkit-transition: 0.5s;
		-moz-transition: 0.5s;
		-ms-transition: 0.5s;
		-o-transition: 0.5s;
		transition: 0.5s;
	}

	.bottomnavi .hback {
		width: 160px;
		margin: 0 auto;
		background-color: #296890;
		line-height: 40px;
		color: #fff;
	}

		.bottomnavi .hback:hover {
			background-color: #173a50;
		}


/***********************************************
 セレクトボックススタイル
 ***********************************************/

.easy-select-box {
	display: inline-block;
	background: #fff;
  border: 1px solid #ccc;
}

	.easy-select-box .esb-displayer {
		padding: 0 3px;
		background: url(../common/selectbox_arrow.gif) right center no-repeat;
		text-indent: 5px;
		cursor: default;
	}

		.easy-select-box .esb-displayer:hover {
			filter: alpha(opacity=80);
			-ms-filter: 'alpha(opacity=80)';
			opacity: 0.8;
		}

		.easy-select-box:hover .esb-displayer { text-decoration: none; }

	.easy-select-box .esb-dropdown {
		position: absolute;
		display: none;
		z-index: 999;
		background: #fff;
		border: 1px solid #ccc;
		overflow: auto;
	}

	.easy-select-box .esb-item {
		padding: 3px 7px;
		background: #fafafa;
		color: #0c2245;
		cursor: default;
	}

	.easy-select-box .esb-item:hover{
		background: #bbb;
		color: #fff;
		text-decoration: none;
	}


/***********************************************
 テキストボックス 共通指定
 ***********************************************/

textarea,
select,
input[type="text"] {
	background: #fafafa;
	border: 1px solid #ccc;
	border-radius: 3px;
	box-sizing: border-box;
}

textarea,
select { padding: 5px; }

input[type="text"] { padding: 0 5px; }

	textarea:focus,
	select:focus,
	input[type="text"]:focus {
		background: #fff;
		border: 1px solid #07abb1;
	}


/***********************************************
 共通ボタン
 ***********************************************/

.btn {
	display: block;
	width: 400px;
	height: 70px;
	margin: 0 auto;
	background-color: #c34b4b;
	background-position: center;
	background-repeat: no-repeat;
	border: none;
	text-indent: -9999px;
	
	-webkit-transition : all 0.5s;
	-moz-transition: all 0.5s;
	-ms-transition: all 0.5s;
	-o-transition: all 0.5s;
	transition: all 0.5s;
}

	.btn:hover {
		background-color: #833232;
	}

	#apply		{ background-image: url(../common/btn_apply.png); }			/* 応募する */
	#check		{ background-image: url(../common/btn_check.png); }			/* 確認する */
	#transmit { background-image: url(../common/btn_transmit.png); }	/* 送信する */


/***********************************************
 共通hover
 ***********************************************/

.linkhover {
	-webkit-transition: 0.5s;
	-moz-transition: 0.5s;
	-ms-transition: 0.5s;
	-o-transition: 0.5s;
	transition: 0.5s;
}

	.linkhover:hover {
		filter: alpha(opacity=50);
		-moz-opacity:0.5;
		opacity: 0.5;
	}


/***********************************************
 FMKラベル
 ***********************************************/

#fmklbl {
	position: fixed;
	top: 0;
	left: 0;
	z-index: 999;
	width: 100%;
	height: 30px;
	background-color: #252525;
	background-image: url(../common/img_fmklogo_S.png);
	background-position: 15px center;
	background-repeat: no-repeat;
}

	#fmklbl ul {
		margin: 0;
		padding: 0;
		list-style: none;
		text-align: right;
		letter-spacing: -0.4em;
		/*font-size: 0.9em;*/
	}

	#fmklbl li {
		display: inline-block;
		width: 100px;
		text-align: center;
		letter-spacing: normal;
		overflow: hidden;
	}

		#fmklbl li a {
			display: block;
			height: 30px;
			line-height: 30px;
			color: #fff;
			
			-webkit-transition: background-color 0.5s;
			-moz-transition: background-color 0.5s;
			-ms-transition: background-color 0.5s;
			-o-transition: background-color 0.5s;
			transition: background-color 0.5s;
		}

			#fmklbl li a:hover {
				background-color: #fc1b1c;
				text-decoration: none;
			}


@media screen and (max-width: 768px) {

#fmklbl {
	position: static;
	z-index: 0;
	width: 100%;
	height: auto;
	background-image: none;
}

	#fmklbl ul {
		width: 100%;
	}

	#fmklbl li {
		display: block;
		float: left;
		width: 50%;
		background: #ccc;
	}

	#fmklbl li + li {
		background-color: #bbb;
	}

		#fmklbl li a {
			height: 40px;
			line-height: 40px;
			color: #333;
		}

}



/* ------------------------------------------------------------------------------------------------------ class */

.clearfix:before,.clearfix:after { content:""; display:table; }
.clearfix:after { clear:both; }
.clearfix { *zoom:1; }

.clear		{ clear: both; }
.none			{ display: none; }
.nobr			{ }


@media screen and (max-width: 768px) {

.nobr	{
	display: none;
}

}



/* ------------------------------------------------------------------------------------------------------ Font Size  */

.fsmall			{ font-size: 0.9em; }



/* ------------------------------------------------------------------------------------------------------ Font Color */

.red		{ color: #fc1b1c; }



/* ------------------------------------------------------------------------------------------------------ Font Style */

.bold			{ font-weight: bold; }
.italic		{ font-style: italic; }
.dn				{ text-decoration: none; }
.through	{ text-decoration: line-through; }



/* ------------------------------------------------------------------------------------------------------ text align */

.txt-right	{ text-align: right; }
.txt-center	{ text-align: center; }
.txt-left		{ text-align: left; }



/* ------------------------------------------------------------------------------------------------------ Width */

.w45	{ width: 45px !important; }
.w55	{ width: 55px !important; }



/* ------------------------------------------------------------------------------------------------------ Margin */

.m-t10	{ margin-top: 10px; }