@charset "utf-8";


/*----------------------------------------------------------------------
 *	拡張設定
 *
 *　HTMLで使いたい位置に、
 *　<span class="○○○">××××</span>
 *　と使うことで、それぞれが反映できます。
 *
 *　文中の強調テキストを太字にしたい場合 *
 *　.boldを使用
 *
 *　文中の<span class="bold">強調</span>を太字にします。
 *
 *　といった使い方をして下さい。
 *
 
 *----------------------------------------------------------------------
*/



/*
		テキストの太字
 ----------------------------------------------------------------------*/

.bold{
	font-weight: bold; 
}
.normal{
	font-weight: normal; 
}
.italic{ font-weight: italic; }



/*
		テキストのサイズ
 ----------------------------------------------------------------------*/

.fs08{
	font-size: 0.8em; 
}
.fs09{
	font-size: 0.9em; 
}
.fs10{
	font-size: 1.0em; 
}
.fs11{
	font-size: 1.1em; 
}
.fs12{
	font-size: 1.2em; 
}
.fs13{
	font-size: 1.3em; 
}
.fs14{
	font-size: 1.4em; 
}
.fs15{
	font-size: 1.5em; 
}
.fs16{
	font-size: 1.6em; 
}
.fs17{
	font-size: 2.3em;/*1.7em;*/ 
	line-height: 1.5em;
}
.fs18{
	font-size: 1.8em; 
}
.fs19{
	font-size: 1.9em; 
}
.fs20{
	font-size: 2em; 
}


/*
		テキストのカラー
 ----------------------------------------------------------------------*/
.red11{
	font-size: 1.1em; 
	color: #ff0000; 
}		/*　赤　*/

.red{
	color: #ff0000; 
}		/*　赤　*/
.blue{
	color:#E26487;/* #0000ff;*/ 
}	/*　青　*/
.green{
	color: #009900; 
}	/*　緑　*/
.yellow{
	color: #ffff00; 
}	/*　黄　*/
.navy{
	color: #003399; 
}	/*　紺色　*/
.black{
	color: #000000; 
}	/*　黒　*/
.gray{
	color: #999999; 
}	/*　グレー　*/
.purple{
	color: #9900cc; 
}	/*　紫　*/
.orange{
	color: #ff6633; 
}	/*　橙　*/
.pink{
	color: #ff00ff; 
}	/*　桃　*/
.white{
	color :#ffffff; 
}	/*　白　*/


/*
		テキストの背景
 ----------------------------------------------------------------------*/

.back-red{
	background-color: #ff0000; 
}		/*　赤　*/
.back-blue{
	background-color: #0000ff; 
}	/*　青　*/
.back-green{
	background-color: #009900; 
}	/*　緑　*/
.back-yellow{
	font-size: 22px;
	line-height: 2em;
	color: #3F3D3E;
	/*background-color: #ffff00; */
}	/*　黄　*/
.back-navy{
	background-color: #003399; 
}	/*　紺色　*/
.back-black{
	background-color: #000000; 
}	/*　黒　*/
.back-gray{
	background-color: #999999; 
}	/*　グレー　*/
.back-purple{
	background-color: #9900cc; 
}	/*　紫　*/
.back-orange{
	background-color: #ff6633; 
}	/*　橙　*/
.back-pink{
	background-color: #ff00ff; 
}	/*　桃　*/
.back-white{
	background-color: #ffffff; 
}	/*	白	*/



/*
		テキストのまつわる線
 ----------------------------------------------------------------------*/

.under{
	text-decoration: underline; 
}		/*　下線　*/
.through{
	text-decoration: line-through; 
}	/*　打ち消し線　*/


/*
		テキストの位置配置
 ----------------------------------------------------------------------*/

.text-l{
	text-align: left; 
}	/*　左寄せ　*/
.text-c{
	text-align: center; 
}	/*　中央揃え　*/
.text-r{
	text-align: right; 
}	/*　右寄せ　*/



/*
		マージンの位置配置
 ----------------------------------------------------------------------*/

.m0{
	margin: 0px!important; 
}				/*全margin無し*/
.mt-0{
	margin-top: 0px!important; 
}			/*上marginが0px*/
.mr-0{
	margin-right: 0px!important; 
}		/*右marginが0px*/
.mb-0{
	margin-bottom: 0px!important; 
}		/*下marginが0px*/
.ml-0{
	margin-left: 0px!important; 
}		/*左marginが0px*/

.m1{
	margin: 1px!important; 
}
.mt-1{
	margin-top: 1px!important; 
}	
.mr-1{
	margin-right: 1px!important; 
}
.mb-1{
	margin-bottom: 1px!important; 
}
.ml-1{
	margin-left: 1px!important; 
}

.m2{
	margin: 2px!important; 
}
.mt-2{
	margin-top: 2px!important; 
}	
.mr-2{
	margin-right: 2px!important; 
}
.mb-2{
	margin-bottom: 2px!important; 
}
.ml-2{
	margin-left: 2px!important; 
}

.m3{
	margin: 3px!important; 
}
.mt-3{
	margin-top: 3px!important; 
}	
.mr-3{
	margin-right: 3px!important; 
}
.mb-3{
	margin-bottom: 3px!important; 
}
.ml-3{
	margin-left: 3px!important; 
}

.m4{
	margin: 4px!important; 
}
.mt-4{
	margin-top: 4px!important; 
}	
.mr-4{
	margin-right: 4px!important; 
}
.mb-4{
	margin-bottom: 4px!important; 
}
.ml-4{
	margin-left: 4px!important; 
}

.m5{
	margin: 5px!important; 
}
.mt-5{
	margin-top: 5px!important; 
}	
.mr-5{
	margin-right: 5px!important; 
}
.mb-5{
	margin-bottom: 5px!important; 
}
.ml-5{
	margin-left: 5px!important; 
}

.m6{
	margin: 6px!important; 
}
.mt-6{
	margin-top: 6px!important; 
}	
.mr-6{
	margin-right: 6px!important; 
}
.mb-6{
	margin-bottom: 6px!important; 
}
.ml-6{
	margin-left: 6px!important; 
}

.m7{
	margin: 7px!important; 
}
.mt-7{
	margin-top: 7px!important; 
}	
.mr-7{
	margin-right: 7px!important; 
}
.mb-7{
	margin-bottom: 7px!important; 
}
.ml-7{
	margin-left: 7px!important; 
}

.m8{
	margin: 8px!important; 
}
.mt-8{
	margin-top: 8px!important; 
}	
.mr-8{
	margin-right: 8px!important; 
}
.mb-8{
	margin-bottom: 8px!important; 
}
.ml-8{
	margin-left: 8px!important; 
}

.m9{
	margin: 9px!important; 
}
.mt-9{
	margin-top: 9px!important; 
}	
.mr-9{
	margin-right: 9px!important; 
}
.mb-9{
	margin-bottom: 9px!important; 
}
.ml-9{
	margin-left: 9px!important; 
}

.m10{
	margin: 10px!important; 
}
.mt-10{
	margin-top: 10px!important; 
}
.mr-10{
	margin-right: 10px!important; 
}
.mb-10{
	margin-bottom: 10px!important; 
}
.ml-10{
	margin-left: 10px!important; 
}

.m15{
	margin: 15px!important; 
}
.mt-15{
	margin-top: 15px!important; 
}
.mr-15{
	margin-right: 15px!important; 
}
.mb-15{
	margin-bottom: 15px!important; 
}
.ml-15{
	margin-left: 15px!important; 
}

.m20{
	margin: 20px!important; 
}
.mt-20{
	margin-top: 20px!important; 
}
.mr-20{
	margin-right: 20px!important; 
}
.mb-20{
	margin-bottom: 20px!important; 
}
.ml-20{
	margin-left: 20px!important; 
}

.m25{
	margin: 25px!important; 
}
.mt-25{
	margin-top: 25px!important; 
}
.mr-25{
	margin-right: 25px!important; 
}
.mb-25{
	margin-bottom: 25px!important; 
}
.ml-25{
	margin-left: 25px!important; 
}

.m30{
	margin: 30px!important; 
}
.mt-30{
	margin-top: 30px!important; 
}
.mr-30{
	margin-right: 30px!important; 
}
.mb-30{
	margin-bottom: 30px!important; 
}
.ml-30{
	margin-left: 30px!important; 
}

.m40{
	margin: 40px!important; 
}
.mt-40{
	margin-top: 40px!important; 
}
.mr-40{
	margin-right: 40px!important; 
}
.mb-40{
	margin-bottom: 40px!important; 
}
.ml-40{
	margin-left: 40px!important; 
}

.m50{
	margin: 50px!important; 
}
.mt-50{
	margin-top: 50px!important; 
}
.mr-50{
	margin-right: 50px!important; 
}
.mb-50{
	margin-bottom: 50px!important; 
}
.ml-50{
	margin-left: 50px!important; 
}

.m60{
	margin: 60px!important; 
}
.mt-60{
	margin-top: 60px!important; 
}
.mr-60{
	margin-right: 60px!important; 
}
.mb-60{
	margin-bottom: 60px!important; 
}
.ml-60{
	margin-left: 60px!important; 
}

.m70{
	margin: 70px!important; 
}
.mt-70{
	margin-top: 70px!important; 
}
.mr-70{
	margin-right: 70px!important; 
}
.mb-70{
	margin-bottom: 70px!important; 
}
.ml-70{
	margin-left: 70px!important; 
}


/*------------------------------------------------------------
		padding
-------------------------------------------------------------*/

.p0{
	padding: 0px!important; 
}				/*全padding無し*/
.pt-0{
	padding-top: 0px!important; 
}		/*上paddingが0px*/
.pr-0{
	padding-right: 0px!important; 
}		/*右paddingが0px*/
.pb-0{
	padding-bottom: 0px!important; 
}		/*下paddingが0px*/
.pl-0{
	padding-left: 0px!important; 
}		/*左paddingが0px*/

.p1{
	padding: 1px!important; 
}
.pt-1{
	padding-top: 1px!important; 
}
.pr-1{
	padding-right: 1px!important; 
}
.pb-1{
	padding-bottom: 1px!important; 
}
.pl-1{
	padding-left: 1px!important; 
}

.p2{
	padding: 2px!important; 
}
.pt-2{
	padding-top: 2px!important; 
}
.pr-2{
	padding-right: 2px!important; 
}
.pb-2{
	padding-bottom: 2px!important; 
}
.pl-2{
	padding-left: 2px!important; 
}

.p3{
	padding: 3px!important; 
}
.pt-3{
	padding-top: 3px!important; 
}
.pr-3{
	padding-right: 3px!important; 
}
.pb-3{
	padding-bottom: 3px!important; 
}
.pl-3{
	padding-left: 3px!important; 
}

.p4{
	padding: 4px!important; 
}
.pt-4{
	padding-top: 4px!important; 
}
.pr-4{
	padding-right: 4px!important; 
}
.pb-4{
	padding-bottom: 4px!important; 
}
.pl-4{
	padding-left: 4px!important; 
}

.p5{
	padding: 5px!important; 
}
.pt-5{
	padding-top: 5px!important; 
}
.pr-5{
	padding-right: 5px!important; 
}
.pb-5{
	padding-bottom: 5px!important; 
}
.pl-5{
	padding-left: 5px!important; 
}

.p6{
	padding: 6px!important; 
}
.pt-6{
	padding-top: 6px!important; 
}
.pr-6{
	padding-right: 6px!important; 
}
.pb-6{
	padding-bottom: 6px!important; 
}
.pl-6{
	padding-left: 6px!important; 
}

.p7{
	padding: 7px!important; 
}
.pt-7{
	padding-top: 7px!important; 
}
.pr-7{
	padding-right: 7px!important; 
}
.pb-7{
	padding-bottom: 7px!important; 
}
.pl-7{
	padding-left: 7px!important; 
}

.p8{
	padding: 8px!important; 
}
.pt-8{
	padding-top: 8px!important; 
}
.pr-8{
	padding-right: 8px!important; 
}
.pb-8{
	padding-bottom: 8px!important; 
}
.pl-8{
	padding-left: 8px!important; 
}

.p9{
	padding: 9px!important; 
}
.pt-9{
	padding-top: 9px!important; 
}
.pr-9{
	padding-right: 9px!important; 
}
.pb-9{
	padding-bottom: 9px!important; 
}
.pl-9{
	padding-left: 9px!important; 
}

.p10{
	padding: 10px!important; 
}
.pt-10{
	padding-top: 10px!important; 
}
.pr-10{
	padding-right: 10px!important; 
}
.pb-10{
	padding-bottom: 10px!important; 
}
.pl-10{
	padding-left: 10px!important; 
}

.p15{
	padding: 15px!important; 
}
.pt-15{
	padding-top: 15px!important; 
}
.pr-15{
	padding-right: 15px!important; 
}
.pb-15{
	padding-bottom: 15px!important; 
}
.pl-15{
	padding-left: 15px!important; 
}

.p20{
	padding: 20px!important; 
}
.pt-20{
	padding-top: 20px!important; 
}
.pr-20{
	padding-right: 20px!important; 
}
.pb-20{
	padding-bottom: 20px!important; 
}
.pl-20{
	padding-left: 20px!important; 
}

.p30{
	padding: 30px!important; 
}
.pt-30{
	padding-top: 30px!important; 
}
.pr-30{
	padding-right: 30px!important; 
}
.pb-30{
	padding-bottom: 30px!important; 
}
.pl-30{
	padding-left: 30px!important; 
}

.p40{
	padding: 40px!important; 
}
.pt-40{
	padding-top: 40px!important; 
}
.pr-40{
	padding-right: 40px!important; 
}
.pb-40{
	padding-bottom: 40px!important; 
}
.pl-40{
	padding-left: 40px!important; 
}

.p50{
	padding: 50px!important; 
}
.pt-50{
	padding-top: 50px!important; 
}
.pr-50{
	padding-right: 50px!important; 
}
.pb-50{
	padding-bottom: 50px!important; 
}
.pl-50{
	padding-left: 50px!important; 
}

.p60{
	padding: 60px!important; 
}
.pt-60{
	padding-top: 60px!important; 
}
.pr-60{
	padding-right: 60px!important; 
}
.pb-60{
	padding-bottom: 60px!important; 
}
.pl-60{
	padding-left: 60px!important; 
}

.p70{
	padding: 70px!important; 
}
.pt-70{
	padding-top: 70px!important; 
}
.pr-70{
	padding-right: 70px!important; 
}
.pb-70{
	padding-bottom: 70px!important; 
}
.pl-70{
	padding-left: 70px!important; 
}

.left{ float: left; }
.right{
float: right;
	margin: 0px 10px 10px 10px;
 }
 
.leftm{
	margin-left: 64px;
	width:795px;
	color: rgb(62, 156, 219);
	font-size: 16px;
	font-weight: bold;
}

.brack{
	color:#434242;
	line-height: 1.5em;
}


#content{
width: 900px;
margin: 0 auto;
}