@charset "utf-8";
/************************************************
 汎用
************************************************ */

/* IME */
.imeDisable{
	ime-mode: disabled;
}
.imeActive{
	ime-mode: active;
}
.imeInactive{
	ime-mode: inactive;
}

/* フロート
----------------------------------------------- */
.fl{
	float:left!important;
}
.fr{
	float:right!important;
}

/* フロート回り込み解除
----------------------------------------------- */
.clearfix:after {
    display: block;
    clear: both;
    height: 0px;
    line-height: 0px;
    visibility: hidden;
    content: ".";
}
.clearfix {
    display: block; /* for IE8 */
}

/* フロート解除 */
.clear{
	content: "."; 
	display: block; 
	height: 0; 
	clear: both; 
	visibility: hidden;
}

/**/
.center
{
	text-align: center!important;
}

/**/
.red
{
	color: red;
}
.orange
{
	color: orange;
}
.yellow
{
	color: yellow;
}
.green
{
	color: green;
}

/* 幅　高さ
----------------------------------------------- */
.w10{ width: 10px!important; }
.w15 { width: 15px!important; }
.w20 { width: 20px!important; }
.w25 { width: 25px!important; }
.w30 { width: 30px!important; }
.w35 { width: 35px!important; }
.w40 { width: 40px!important; }
.w45 { width: 45px!important; }
.w50 { width: 50px!important; }
.w55 { width: 55px!important; }
.w60 { width: 60px!important; }
.w65 { width: 65px!important; }
.w70 { width: 70px!important; }
.w75 { width: 75px!important; }
.w80 { width: 80px!important; }
.w85 { width: 85px!important; }
.w90 { width: 90px!important; }
.w95 { width: 95px!important; }
.w100 { width: 100px!important; }
.w120 { width: 120px!important; }
.w140 { width: 140px!important; }
.w150 { width: 150px!important; }
.w200{	width: 200px!important;	}
.w250 { width: 250px!important; }
.w300{	width: 300px!important;	}
.w350 { width: 350px!important; }
.w380 { width: 380px!important; }
.w400{	width: 400px!important;	}
.w450 { width: 450px!important; }
.w500{	width: 500px!important;	}
.w535{	width: 535px!important;	}
.w600{	width: 600px!important;	}



.w10p{ width: 10%!important; }
.w15p { width: 15%!important; }
.w20p { width: 20%!important; }
.w25p { width: 25%!important; }
.w30p { width: 30%!important; }
.w35p { width: 35%!important; }
.w40p { width: 40%!important; }
.w45p { width: 45%!important; }
.w50p { width: 50%!important; }
.w55p { width: 55%!important; }
.w60p { width: 60%!important; }
.w65p { width: 65%!important; }
.w70p { width: 70%!important; }
.w75p { width: 75%!important; }
.w80p { width: 80%!important; }
.w85p { width: 85%!important; }
.w90p { width: 90%!important; }
.w95p { width: 95%!important; }
.w100p { width: 100%!important; }



.h10{ height:10px!important; }
.h20{ height:20px!important; }
.h30{ height:30px!important; }
.h40{ height:40px!important; }
.h50{ height:50px!important; }
.h60{ height:60px!important; }
.h70{ height:70px!important; }
.h80{ height:80px!important; }
.h90{ height:90px!important; }
.h100{ height:100px!important; }
.h150{ height:150px!important; }
.h200{ height:200px!important; }
.h250{ height:250px!important; }
.h300{ height:300px!important; }
.h350{ height:350px!important; }
.h400{ height:400px!important; }
.h450{ height:450px!important; }
.h500{ height:500px!important; }


/*マージン pixel*/
.m0{	margin:0!important;	}
.m1{	margin: 1px!important;	}
.m2{	margin: 2px!important;	}
.m3{	margin: 3px!important;	}
.m4{	margin: 4px!important;	}
.m5{	margin: 5px!important;	}
.m10{	margin: 10px!important;	}
.m15{	margin: 15px!important;	}
.m20{	margin: 20px!important;	}

.mt1{	margin-top: 1px!important;	}
.mt2{	margin-top: 2px!important;	}
.mt3{	margin-top: 3px!important;	}
.mt4{	margin-top: 4px!important;	}
.mt5{	margin-top: 5px!important;	}
.mt10{	margin-top: 10px!important;	}
.mt30{	margin-top: 30px!important;	}
.mt40{	margin-top: 40px!important;	}

.mb1{	margin-bottom: 1px!important;	}
.mb2{	margin-bottom: 2px!important;	}
.mb3{	margin-bottom: 3px!important;	}
.mb4{	margin-bottom: 4px!important;	}
.mb5{	margin-bottom: 5px!important;	}
.mb10{	margin-bottom: 10px!important;	}
.mb15{	margin-bottom: 15px!important;	}
.mb20{	margin-bottom: 20px!important;	}
.mb30{	margin-bottom: 30px!important;	}
.mb40{	margin-bottom: 40px!important;	}
.mb50{	margin-bottom: 50px!important;	}

.ml1{	margin-left: 1px!important;	}
.ml2{	margin-left: 2px!important;	}
.ml3{	margin-left: 3px!important;	}
.ml4{	margin-left: 4px!important;	}
.ml5{	margin-left: 5px!important;	}

.mr1{	margin-right: 1px!important;	}
.mr2{	margin-right: 2px!important;	}
.mr3{	margin-right: 3px!important;	}
.mr4{	margin-right: 4px!important;	}
.mr5{	margin-right: 5px!important;	}



/*マージン em*/
.m05e{	margin: 0.5em!important;	}
.m1e{	margin: 1em!important;	}
.m2e{	margin: 2em!important;	}
.m3e{	margin: 3em!important;	}
.m4e{	margin: 4em!important;	}
.m5e{	margin: 5em!important;	}

.mt1e{	margin-top: 1em!important;	}
.mt2e{	margin-top: 2em!important;	}
.mt3e{	margin-top: 3em!important;	}
.mt4e{	margin-top: 4em!important;	}
.mt5e{	margin-top: 5em!important;	}

.mb1e{	margin-bottom: 1em!important;	}
.mb2e{	margin-bottom: 2em!important;	}
.mb3e{	margin-bottom: 3em!important;	}
.mb4e{	margin-bottom: 4em!important;	}
.mb5e{	margin-bottom: 5em!important;	}

.ml1e{	margin-left: 1em!important;	}
.ml2e{	margin-left: 2em!important;	}
.ml3e{	margin-left: 3em!important;	}
.ml4e{	margin-left: 4em!important;	}
.ml5e{	margin-left: 5em!important;	}

.mr1e{	margin-right: 1em!important;	}
.mr2e{	margin-right: 2em!important;	}
.mr3e{	margin-right: 3em!important;	}
.mr4e{	margin-right: 4em!important;	}
.mr5e{	margin-right: 5em!important;	}

.mv1e{
	margin-top:1em!important;
	margin-bottom:1em!important;
}

.mh05e{
	margin-left:0.5em!important;
	margin-right:0.5em!important;
}
.mh1e{
	margin-left:1em!important;
	margin-right:1em!important;
}



/*パディング pixel*/
.p1{	padding: 1px!important;	}
.p2{	padding: 2px!important;	}
.p3{	padding: 3px!important;	}
.p4{	padding: 4px!important;	}
.p5{	padding: 5px!important;	}
.p10{	padding: 10px!important;	}
.p20{	padding: 20px!important;	}
.p30{	padding: 30px!important;	}

.pl5{	padding-left:5px!important	}
.pl10{	padding-left: 10px!important;	}
.pl20{	padding-left: 20px!important;	}
.pl100{	padding-left: 100px!important;	}

.pr0{	padding-right: 0!important;	}
.pr20{	padding-right: 20px!important;	}

.pt5{	padding-top:5px!important;	}
.pt10{	padding-top:10px!important;	}

.pb5{	padding-bottom:5px!important;	}
.pb10{	padding-bottom:10px!important;	}




/*パディング em*/
.p1e{	padding: 1em!important;	}
.p2e{	padding: 2em!important;	}
.p3e{	padding: 3em!important;	}
.p4e{	padding: 4em!important;	}
.p5e{	padding: 5em!important;	}

.pt1e{	padding-top: 1em!important;	}
.pt2e{	padding-top: 2em!important;	}

.pb1e{	padding-bottom: 1em!important;	}
.pb2e{	padding-bottom: 2em!important;	}

.pl1e{	padding-left: 1em!important;	}
.pl2e{	padding-left: 2em!important;	}

.pr1e{	padding-right: 1em!important;	}

.pv05e{	padding: 0.5em 0!important;	}
.pv1e{	padding: 1em 0!important;	}