@charset "utf-8";

/* ===================================================================
CSS information
=================================================================== */

/*----------------------------------------------------
	基本設定、リンクカラーなど
----------------------------------------------------*/

html {
	background: #000;
}

body {
	color: #FFF;
	font-size: 14px;
}

a {
	color: #195FB8;
	text-decoration: none;
	overflow: hidden;
	outline: none;
}

a:visited {
	color: #195FB8;
	text-decoration: none;
}

a:hover {
	color: #195FB8;
	text-decoration: underline;
}

/*----------------------------------------------------
	汎用class
----------------------------------------------------*/


/* clearfix */
#contents:after {
	content: " ";
	display: block;
	height: 0;
	line-height: 0;
	clear: both;
	visibility: hidden;
}

#contents {
	display: inline-block;
	min-height: 1%;
}

/* Hides from IE-mac \*/
* html #contents {
	height: 1%;
}

#contents {
	display: block;
}

/* End hide from IE-mac */


#container {
	width: 950px;
	margin: 0px auto;
	position: relative;
}

/*----------------------------------------------------

----------------------------------------------------*/

#haikei {
	text-align: center;
	position: absolute;
	z-index: 1;
	display: none;
}

#haikei img {
	width: auto;
	height: auto;
}

#main {
	position: relative;
	z-index: 2;
	padding-top: 47px;
}

/*----------------------------------------------------
	フッター
----------------------------------------------------*/
#footer {
	border-top: 1px solid #FFF;
	padding-top: 18px;
	padding-left: 5px;
	height: 80px;
	font-weight: bold;
}

#footer .text1 {
	background-color: #FFF;
	color: #000;
	font-size: 15px;
	padding: 8px 14px;
}

#footer .text2 {
	font-size: 17px;
	padding: 8px 14px;
}

#footer .copy {
	text-align: right;
	font-size: 12px;
	padding-right: 10px;
	padding-top: 20px;
}

.resizeS .font10 {
	font-size: 10px;
}

.resizeS .font11 {
	font-size: 11px;
}

.resizeS .font12 {
	font-size: 12px;
}

.resizeS .font13 {
	font-size: 13px;
}

.resizeS .font14 {
	font-size: 14px;
}

.resizeS .font15 {
	font-size: 15px;
}

.resizeS .font16 {
	font-size: 16px;
}

.resizeS .font17 {
	font-size: 17px;
}

.resizeS .font18 {
	font-size: 18px;
}

.resizeM .font10 {
	font-size: 12px;
}

.resizeM .font11 {
	font-size: 13px;
}

.resizeM .font12 {
	font-size: 14px;
}

.resizeM .font13 {
	font-size: 15px;
}

.resizeM .font14 {
	font-size: 16px;
}

.resizeM .font15 {
	font-size: 17px;
}

.resizeM .font16 {
	font-size: 18px;
}

.resizeM .font17 {
	font-size: 19px;
}

.resizeM .font18 {
	font-size: 20px;
}

/*----------------------------------------------------

----------------------------------------------------*/



.section1 {
	clear: both;
	margin-bottom: 40px;
}

.section2 {
	clear: both;
	margin-bottom: 40px;
	margin-left: 55px;
	margin-right: 55px;
}

.section3 {
	clear: both;
	margin-bottom: 40px;
	margin-left: 55px;
	margin-right: 55px;
	padding-left: 45px;
	padding-right: 45px;
}

.section4 {
	clear: both;
	margin-bottom: 40px;
	margin-left: 55px;
	margin-right: 55px;
	padding-left: 120px;
	padding-right: 120px;
}

.section5 {
	clear: both;
	margin-bottom: 40px;
	margin-left: 50px;
	margin-right: 50px;
	padding-left: 25px;
	padding-right: 0px;
}

.overauto {
	overflow: auto;
}

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

.fL {
	float: left;
}

.fR {
	float: right;
}

/*--- font カラー -----*/

.yellow01 {
	color: #887620;
	font-weight: bold;
	font-size: 16px;
}

.blue1 {
	color: #3361AE;
	font-size: 17px;
}

.blue02 {
	color: #0F6BDD;
}

.blue03 {
	font-weight: bold;
	color: #069CE9;
	font-size: 16px;
}

.orange01 {
	font-weight: bold;
	color: #FA5C37;
	font-size: 14px;
}

.orange02 {
	font-weight: bold;
	color: #FA5C37;
	font-size: 17px;
}

.orange03 {
	color: #F33A16;
}

.purple01 {
	font-weight: bold;
	color: #626CB3;
	font-size: 16px;
}

.green01 {
	font-weight: bold;
	color: #009D12;
	font-size: 12px;
}

.green02 {
	font-weight: bold;
	color: #02A284;
	font-size: 18px;
}

.brown01 {
	font-weight: bold;
	color: #96804A;
	font-size: 12px;
}

.brown02 {
	font-weight: bold;
	color: #96804A;
	font-size: 18px;
}

.red1 {
	color: #D80000;
}

.red02 {
	color: #FF79A5;
	font-weight: bold;
}

.red03 {
	font-weight: bold;
	font-size: 14px;
	color: #FF3333;
}

.red04 {
	font-weight: bold;
	color: #FF3333;
}

.red05 {
	font-weight: bold;
	color: #FF79A5;
	font-size: 14px;
}

.black01 {
	font-weight: bold;
	color: #000000;
	font-size: 16px;
}

.black02 {
	font-weight: bold;
	color: #333333;
	font-size: 14px;
}

.white01 {
	color: #FFFFFF;
}

/*--- 枠 -----*/

.wak01 {
	border: 1px solid #CCCCCC;
	padding: 30px;
	margin-bottom: 30px;
	clear: both;
	overflow: auto;
}

.wak02 {
	border-top: 1px solid #CCCCCC;
	border-bottom: 1px solid #CCCCCC;
	padding: 10px 0px;
}

.wak03 {
	border: 1px solid #69C7E6;
	padding: 30px 45px;
}

.wak04 {
	border: 1px solid #BED6DE;
	padding: 22px;
}

/*--- ライン -----*/

.line01 {
	border-bottom: 1px #000000 dotted;
	margin-bottom: 5px;
}

.line02 {
	border-bottom: 1px #CCCCCC solid;
	margin-bottom: 40px;
	padding-bottom: 40px;
}

.line03 {
	border-top: 1px #CCCCCC solid;
	padding-top: 10px;
	padding-bottom: 10px;
}

/*--- icon -----*/

.icon01 {
	background: url(../images/icon_03.gif) 0 50% no-repeat;
	font-weight: bold;
	padding-left: 15px;
	margin-bottom: 10px;
}

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

.txtc {
	text-align: center;
}

.txtl {
	text-align: left;
}

.txtr {
	text-align: right;
}

/*--- 他 -----*/


.mgB0 {
	margin-bottom: 0px;
}

.mgB05 {
	margin-bottom: 5px;
}

.mgB10 {
	margin-bottom: 10px;
}

.mgB15 {
	margin-bottom: 15px;
}

.mgB20 {
	margin-bottom: 20px;
}

.mgB25 {
	margin-bottom: 25px;
}

.mgB30 {
	margin-bottom: 30px;
}

.mgB35 {
	margin-bottom: 35px;
}

.mgB40 {
	margin-bottom: 40px;
}

.mgB45 {
	margin-bottom: 45px;
}

.mgB50 {
	margin-bottom: 50px;
}

.mgB55 {
	margin-bottom: 55px;
}

.mgB60 {
	margin-bottom: 60px;
}

.mgB65 {
	margin-bottom: 65px;
}

.mgB70 {
	margin-bottom: 70px;
}

.mgB75 {
	margin-bottom: 75px;
}

.mgB80 {
	margin-bottom: 80px;
}

.mgB85 {
	margin-bottom: 85px;
}

.mgB90 {
	margin-bottom: 90px;
}

.mgB95 {
	margin-bottom: 95px;
}

.mgB100 {
	margin-bottom: 100px;
}

.mgB105 {
	margin-bottom: 105px;
}

.mgB-10 {
	margin-bottom: -10px;
	position: relative;
	z-index: 5;
}

.mgB-15 {
	margin-bottom: -15px;
	position: relative;
	z-index: 5;
}

.mgB-20 {
	margin-bottom: -20px;
	position: relative;
	z-index: 5;
}

.mgB-25 {
	margin-bottom: -25px;
	position: relative;
	z-index: 5;
}

.mgB-30 {
	margin-bottom: -30px;
	position: relative;
	z-index: 5;
}

.mgB-35 {
	margin-bottom: -35px;
	position: relative;
	z-index: 5;
}

.mgB-40 {
	margin-bottom: -40px;
	position: relative;
	z-index: 5;
}

.mgL10 {
	margin-left: 10px;
}

.mgL13 {
	margin-left: 13px;
}

.mgL20 {
	margin-left: 20px;
}

.mgL25 {
	margin-left: 25px;
}

.mgL30 {
	margin-left: 30px;
}

.mgT10 {
	margin-top: 10px;
}

.mgT30 {
	margin-top: 30px;
}

.mgT60 {
	margin-top: 60px;
}

.mgT-70 {
	margin-top: -70px;
}

/*------*/

.pdB0 {
	padding-bottom: 0px;
}

.pdB05 {
	padding-bottom: 5px;
}

.pdB10 {
	padding-bottom: 10px;
}

.pdB15 {
	padding-bottom: 15px;
}

.pdB20 {
	padding-bottom: 20px;
}

.pdB25 {
	padding-bottom: 25px;
}

.pdB30 {
	padding-bottom: 30px;
}

.pdB35 {
	padding-bottom: 35px;
}

.pdB40 {
	padding-bottom: 40px;
}

.pdB45 {
	padding-bottom: 45px;
}

.pdB50 {
	padding-bottom: 50px;
}

.pdB55 {
	padding-bottom: 55px;
}

.pdB60 {
	padding-bottom: 60px;
}

.pdB65 {
	padding-bottom: 65px;
}

.pdB70 {
	padding-bottom: 70px;
}

.pdB75 {
	padding-bottom: 75px;
}

.pdB80 {
	padding-bottom: 80px;
}

.pdB85 {
	padding-bottom: 85px;
}

.pdB90 {
	padding-bottom: 90px;
}

.pdB95 {
	padding-bottom: 95px;
}

.pdB100 {
	padding-bottom: 100px;
}

.pdB105 {
	padding-bottom: 105px;
}