@charset "utf-8";

/* tag */
html{
	overflow-y:scroll;
}

table.noborder, table.noborder th, table.noborder td{
	border: none;
	margin: 0px;
	padding: 0px;
	vertical-align: middle;
}
.tdtop{
	vertical-align: top;
}
.tdmid{
	vertical-align: middle;
}
.tdbottom{
	vertical-align:bottom;
}
.odd{
	background-color:#f2f2f2;
}
img{
	display:block;
	margin:0;
}

/*float*/
.floatr{
	float:right;
}
.floatl{
	float:left;
}
.imgr{
	float:right;
	margin-left:10px;
}
.imgl{
	float:left;
	margin-right:10px;
}
.clear{
	clear:both;
	zoom:1;
}
.dummy{
	clear:both;
	font-size: 1px;
	line-height: 1px;
	zoom:1;
}
.clearfix:after{
	content:".";
	display:block;
	clear:both;
	height:0;
	visibility:hidden;
}
.clearfix{
	zoom:1;
}

/*box*/
.center{
	text-align:center;
}
.right{
	text-align:right;
}
.left{
	text-align:left;
}
.mid{
	margin-right:auto;
	margin-left:auto;
}

.mtnone{margin-top:0px;}
.mt5{margin-top:5px;}
.mt10{margin-top:10px;}
.mt15{margin-top:15px;}
.mt20{margin-top:20px;}
.mt30{margin-top:30px;}
.mt40{margin-top:40px;}

.mb5{margin-bottom:5px;}
.mb10{margin-bottom:10px;}
.mb15{margin-bottom:15px;}
.mb20{margin-bottom:20px;}
.mb30{margin-bottom:30px;}
.mb40{margin-bottom:40px;}
.mbend{margin-bottom:0px;}

.mr5{margin-right:5px;}
.mr10{margin-right:10px;}
.mr15{margin-right:15px;}
.mr20{margin-right:20px;}
.mr25{margin-right:25px;}
.mr30{margin-right:30px;}
.mr40{margin-right:40px;}
.mrend{margin-right:0px;}

.ml5{margin-left:5px;}
.ml10{margin-left:10px;}
.ml15{margin-left:15px;}
.ml20{margin-left:20px;}
.ml30{margin-left:30px;}
.ml40{margin-left:40px;}
.mlend{margin-left:0px;}

.mbt5{margin-top:5px;margin-bottom:5px;}
.mbt10{margin-top:10px;margin-bottom:10px;}
.mbt15{margin-top:15px;margin-bottom:15px;}
.mbt20{margin-top:20px;margin-bottom:20px;}
.mbt30{margin-top:30px;margin-bottom:30px;}
.mbt40{margin-top:40px;margin-bottom:40px;}

.pt5{padding-top:5px;}
.pt10{padding-top:10px;}
.pt15{padding-top:15px;}
.pt20{padding-top:20px;}
.pt30{padding-top:30px;}
.pt40{padding-top:40px;}

.pb5{padding-bottom:5px;}
.pb10{padding-bottom:10px;}
.pb15{padding-bottom:15px;}
.pb20{padding-bottom:20px;}
.pb30{padding-bottom:30px;}
.pb40{padding-bottom:40px;}

.pr5{padding-right:5px;}
.pr10{padding-right:10px;}
.pr15{padding-right:15px;}
.pr20{padding-right:20px;}
.pr30{padding-right:30px;}
.pr40{padding-right:40px;}

.pl5{padding-left:5px;}
.pl10{padding-left:10px;}
.pl15{padding-left:15px;}
.pl20{padding-left:20px;}
.pl30{padding-left:30px;}
.pl40{padding-left:40px;}
.pl50{padding-left:50px;}
.pl60{padding-left:60px;}

.box5{padding:5px;}
.box10{padding:10px;}
.box15{padding:15px;}
.box20{padding:20px;}
.box30{padding:30px;}
.box40{padding:40px;}
.box50{padding:50px;}

.inbox5{padding:0px 5px;}
.inbox10{padding:0px 10px;}
.inbox15{padding:0px 15px;}
.inbox20{padding:0px 20px;}
.inbox30{padding:0px 30px;}
.inbox40{padding:0px 40px;}
.inbox50{padding:0px 50px;}

.w20{width:20px;}
.w40{width:40px;}
.w50{width:50px;}
.w80{width:80px;}
.w100{width:100px;}
.w200{width:200px;}
.w250{width:250px;}
.w300{width:300px;}
.w350{width:350px;}
.w400{width:400px;}
.w450{width:450px;}
.w480{width:480px;}
.w500{width:500px;}
.w520{width:520px;}
.w540{width:540px;}
.w560{width:560px;}
.w580{width:580px;}
.w600{width:600px;}
.w800{width:800px;}
.w99{width:99%;}

/*text*/
.indenttxt{text-indent: -1em;padding-left: 1em;}
.indenttxt2{text-indent: -2em;padding-left: 2em;}
.indenttxt3{text-indent: -3em;padding-left: 3em;}

.text100, .text100 td, .text100 th{line-height:100%;}
.text120, .text120 td, .text120 th{line-height:120%;}
.text150, .text150 td, .text150 th{line-height:150%;}
.text180, .text180 td, .text180 th{line-height:180%;}
.text200, .text200 td, .text200 th{line-height:200%;}
.text300, .text300 td, .text300 th{line-height:300%;}

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

.font10{font-size:10px;}
.font14{font-size:14px;}
.font16{font-size:16px;}
.font80{font-size:80%;}
.font90{font-size:90%;}
.font110{font-size:110%;}
.font120{font-size:120%;}

/*form*/
.imeon{ime-mode:active;}
.imeoff{ime-mode:inactive;}

/*--------------------------------------------------------------
パソコン用
--------------------------------------------------------------*/
.disp_mobile{
	display:none;
}

/*--------------------------------------------------------------
スマホ用
--------------------------------------------------------------*/
@media only screen and (max-width: 640px) {
.disp_pc{
	display: none;
}
.disp_mobile{
	display: block;
}
}