@charset "UTF-8";
body {
	margin: 0;
	padding: 0;
	border: none;
}

/*postion*/
.posr { float: right; }
.posl { float: left; }
.posc { float: center; }

.font10 { font-size: 10px; !important; }
.font11 { font-size: 11px; }
.font12 { font-size: 12px; !important; }
.font13 { font-size: 13px; }
.font14 { font-size: 14px; }
.font15 { font-size: 16px; }
.font17 { font-size: 17px; }
.font18 { font-size: 18px !important; }
.font20 { font-size: 20px; }
.font30 { font-size: 30px; }
.font36 { font-size: 36px; }
.font42 { font-size: 42px; }
/* CSS Document */

.txt_3l{font-size: 150% !important;line-height: 1.67;}
.txt_2l{font-size: 133% !important;line-height: 1.67;}
.txt_l{font-size: 116% !important;line-height: 1.67;}
.txt_m{font-size: 100% !important;line-height: 1.67;}
.txt_s{font-size: 83% !important;line-height: 1.67;}
.txt_200{font-size: 200%;}
.txt_r{text-align: right !important;}
.txt_c{text-align: center !important;}
.txt_lf{text-align: left !important;}
.txt_attention{color: #fa0000 !important;}
.txt_n{font-weight: normal;}
.txt_b{font-weight:bolder;}

/* ----- margin ----- */
.mt0{margin-top: 0 !important;}
.mt5{margin-top: 5px !important;}
.mt10{margin-top: 10px !important;}
.mt15{margin-top: 15px !important;}
.mt18{margin-top: 18px !important;}
.mt20{margin-top: 20px !important;}
.mt30{margin-top: 30px !important;}
.mt40{margin-top: 40px !important;}
.mt50{margin-top: 50px !important;}
.mt60{margin-top: 60px !important;}
.mt70{margin-top: 70px !important;}
.mt100{margin-top: 100px !important;}
.mt100{margin-top: 100px !important;}
.mt-20{margin-top: -20px !important;}
.mt-30{margin-top: -30px !important;}
.mt-40{margin-top: -40px !important;}
.mt-100{margin-top: -100px !important;}
.mt-200{margin-top: -200px !important;}

.mr0{margin-right: 0 !important;}
.mr5{margin-right: 5px !important;}
.mr10{margin-right: 10px !important;}
.mr13{margin-right: 13px !important;}
.mr15{margin-right: 15px !important;}
.mr18{margin-right: 18px !important;}
.mr20{margin-right: 20px !important;}
.mr25{margin-right: 25px !important;}
.mr30{margin-right: 30px !important;}
.mr36{margin-right: 36px !important;}
.mr40{margin-right: 40px !important;}
.mr50{margin-right: 50px !important;}
.mr60{margin-right: 60px !important;}
.mr72{margin-right: 72px !important;}

.mb0{margin-bottom: 0 !important;}
.mb5{margin-bottom: 5px !important;}
.mb6{margin-bottom: 6px !important;}
.mb10{margin-bottom: 10px !important;}
.mb11{margin-bottom: 11px !important;}
.mb15{margin-bottom: 15px !important;}
.mb16{margin-bottom: 16px !important;}
.mb18{margin-bottom: 18px !important;}
.mb20{margin-bottom: 20px !important;}
.mb25{margin-bottom: 25px !important;}
.mb30{margin-bottom: 30px !important;}
.mb36{margin-bottom: 36px !important;}
.mb40{margin-bottom: 40px !important;}
.mb45{margin-bottom: 45px !important;}
.mb50{margin-bottom: 50px !important;}
.mb55{margin-bottom: 55px !important;}
.mb60{margin-bottom: 60px !important;}
.mb72{margin-bottom: 72px !important;}

.ml30{margin-left: 30px !important;}
.ml36{margin-left: 36px !important;}
.ml48{margin-left: 48px !important;}
.ml50{margin-left: 50px !important;}
.ml75{margin-left: 75px !important;}
.ml100{margin-left: 100px !important;}
.ml150{margin-left: 150px !important;}
.ml200{margin-left: 200px !important;}
.ml250{margin-left: 250px !important;}
.ml300{margin-left: 300px !important;}
.ml350{margin-left: 350px !important;}
.ml400{margin-left: 400px !important;}
.ml450{margin-left: 450px !important;}
.ml-200{margin-left: -200px !important;}

.ma0auto{margin: 0 auto;}
.ma0{margin: 0 !important;}
.mar0{margin-left:0; margin-right:auto;}
.mal0{margin-left:auto; margin-right:0;}

/* ----- padding ----- */
.pa0{padding: 0 !important;}
.pa5{padding: 5px !important;}
.pa10{padding: 10px !important;}
.pa15{padding: 15px !important;}
.pa20{padding: 20px !important;}

.pt0{padding-top: 0 !important;}
.pt5{padding-top: 5px !important;}
.pt10{padding-top: 10px !important;}
.pt15{padding-top: 15px !important;}
.pt20{padding-top: 20px !important;}
.pt25{padding-top: 25px !important;}
.pt30{padding-top: 30px !important;}
.pt40{padding-top: 30px !important;}
.pt50{padding-top: 30px !important;}
.pt60{padding-top: 30px !important;}

.pr0{padding-right: 0 !important;}
.pr5{padding-right: 5px !important;}
.pr10{padding-right: 10px !important;}
.pr15{padding-right: 15px !important;}
.pr20{padding-right: 20px !important;}
.pr25{padding-right: 25px !important;}
.pr30{padding-right: 30px !important;}

.pb0{padding-bottom: 0 !important;}
.pb5{padding-bottom: 5px !important;}
.pb10{padding-bottom: 10px !important;}
.pb15{padding-bottom: 15px !important;}
.pb20{padding-bottom: 20px !important;}
.pb25{padding-bottom: 25px !important;}
.pb30{padding-bottom: 30px !important;}

.pl0{padding-left: 0 !important;}
.pl5{padding-left: 5px !important;}
.pl10{padding-left: 10px !important;}
.pl15{padding-left: 15px !important;}
.pl20{padding-left: 20px !important;}
.pl25{padding-left: 25px !important;}
.pl30{padding-left: 30px !important;}
.pl75{padding-left: 75px !important;}

.pl1em{padding-left: 1em !important;}
.pl2em{padding-left: 2em !important;}
.pl3em{padding-left: 3em !important;}

/* ----- line-height ----- */
.lh100{line-height: 1 !important;}
.lh120{line-height: 1.2 !important;}
.lh150{line-height: 1.5 !important;}
.lh180{line-height: 1.8 !important;}
.lh200{line-height: 2 !important;}

/* ----- text-indent ----- */
.ti10{text-indent: 10px;}
.ti-1em{text-indent: -1em;}
.ti-2em{text-indent: -2em;}
.ti-3em{text-indent: -3em;}

/* ----- vertical-align ----- */
.vat{vertical-align: top !important;}
.vatb{vertical-align: text-bottom !important;}
.vam{vertical-align: middle !important;}
.vab{vertical-align: bottom !important;}

/* ----- width ----- */
.w72{ width: 72px;}
.w100{ width: 100px;}
.w120{ width: 120px;}
.w150{ width: 150px;}
.w200{ width: 200px;}
.w300{ width: 300px;}
.w350{ width: 350px;}
.w400{ width: 400px;}
.w450{ width: 450px;}
.w500{ width: 500px;}
.w620, .c8 { width: 620px;}

/* ----- border ----- */
.bd1pxr{ border-right: solid 1px #E3D8CC;}


/*-----common-----*/

/*---------header---------*/
.headerabovetext {
	text-align: center; 
	margin-bottom:20px;
	font-size:22px;
	color: #ffffff;
}

.headerdowntext {
	text-align: center; 
	margin-bottom:20px;
	font-size:60px;
	color: #ffffff;
}

/*---------border-radius------*/

.radius5{border-radius:5px;}
.radius10{border-radius:10px;}
.radius15{border-radius:15px;}

/*----------float reset------------*/

.clear{clear:both;}


/*height*/

.h100{height: 100px;}