@charset "utf-8";
/*------------------------------------------------------------
	書式設定
------------------------------------------------------------*/
/* テキストの位置 */
.taLeft { text-align: left !important; }
.taCenter { text-align: center !important; }
.taRight { text-align: right !important; }

/* フォントの大きさ（プラス） */
.fsP1 { font-size: 1.08em !important; }
.fsP2 { font-size: 1.16em !important; }
.fsP3 { font-size: 1.24em !important; }
.fsP4 { font-size: 1.32em !important; }
.fsP5 { font-size: 1.4em !important; }

/* フォントの大きさ（マイナス） */
.fsM1 { font-size: 0.92em !important; }
.fsM2 { font-size: 0.84em !important; }
.fsM3 { font-size: 0.76em !important; }
.fsM4 { font-size: 0.68em !important; }
.fsM5 { font-size: 0.6em !important; }

/* フォントの太さ */
.fwNormal { font-weight: normal !important; }
.fwBold { font-weight: bold !important; }

/*------------------------------------------------------------
	微調整用クラス（※多用しないこと）
------------------------------------------------------------*/
.mt0 { margin-top: 0 !important; }
.mb0 { margin-bottom: 0 !important; }

/*------------------------------------------------------------
	汎用スタイル
------------------------------------------------------------*/
	* html .clearfix {
		zoom: 1;
	}

	*+html .clearfix {
		zoom: 1;
	}

.clearfix:after {
	height: 0;
	visibility: hidden;
	content: ".";
	display: block;
	clear: both;
}

/*------------------------------------------------------------
	common
------------------------------------------------------------*/
.hotBox {
	margin-bottom: 60px;
	background: #f8f8f8;
	border-bottom: 2px solid #E7E6E6;
}

.hotBox .sub {
	margin: 0 auto;
	padding: 10px 0;
	max-width: 1200px;
}

.hotBox .sub p {
	padding: 15px 0 15px 45px;
	float: left;
	font-size: 16px;
	background: url(../../images/hot.png) no-repeat left top;
}

.hotBox .sub p span {
	font-weight: bold;
}

.hotBox .sub p a {
	margin-left: 15px;
}

.hotBox .sub p a:hover {
	text-decoration: underline;
}

.section {
	margin: 0 auto;
	max-width: 1200px;
}

#main .h2Head {
	margin: 0 0 50px;
	color: #0C469A;
	font-size: 50px;
	text-align: center;
}

#main .h2Head .en {
	margin-bottom: -60px;
	display: block;
	color: #D2E1EF;
	font-family: Impact;
	font-size: 70px;
	font-weight: normal;
	letter-spacing: 1px;
}

#main .h2Head .txt {
	margin-top: 10px;
	padding-top: 10px;
	display: block;
	color: #333;
	font-size: 16px;
	font-weight: normal;
	position: relative;
}

#main .h2Head .txt:before {
	margin-left: -25px;
	width: 50px;
	height: 2px;
	position: absolute;
	left: 50%;
	top: 0;
	content: "";
	background: #CF231B;
}


#main .banner {
	height: 180px;
	background: url(../../images/banner.jpg) no-repeat center center;
}

@media all and (min-width: 0) and (max-width: 767px) {
}