@charset "utf-8";


/* xx. hide or show
=========================================*/

@media only screen and (min-width: 769px), print {
.showPC{
	display:block !important;
}
.showSP{
	display:none !important;
}
}
@media only screen and (max-width: 768px) {
.showPC{
	display:none !important;
}
.showSP{
	display:block !important;
}
.spHerfImg{
	max-width:50%;
	height:auto;
}
}


/* xx. text
=========================================*/

.txBold{
	font-weight:bold;
}

.txnomal{
	font-weight:normal;
}

.txRed{
	color:#b92e2e;
}

.txRedError{
	color:#b92e2e;
	font-weight:bold;
}
.textS{
	font-size:12px !important;
}
@media only screen and (max-width: 768px) {
.textS{
	font-size:10px !important;
}
}

/* xx. float
=========================================*/

.colfloat{
	
}

.colleft{
	float:left;
}

.colright{
	float:right;
}


/* xx. textAlign
=========================================*/
.aR {
	text-align: right !important;
}
.aL {
	text-align: left !important;
}
.aC {
	text-align: center !important;
}

.vT {
	vertical-align: top !important;
}
.vM {
	vertical-align: middle !important;
}
.vB {
	vertical-align: bottom !important;
}


/* xx. Margin, Padding
=========================================*/
.firstChild {margin-top: 0 !important;}

.mt5 {margin-top: 5px !important;}
.mt10 {margin-top: 10px !important;}
.mt15 {margin-top: 15px !important;}
.mt20 {margin-top: 20px !important;}
.mt25 {margin-top: 25px !important;}
.mt30 {margin-top: 30px !important;}
.mt35 {margin-top: 35px !important;}
.mt40 {margin-top: 40px !important;}

.mb0 {margin-bottom: 0px !important;}
.mb5 {margin-bottom: 5px !important;}
.mb10 {margin-bottom: 10px !important;}
.mb15 {margin-bottom: 15px !important;}
.mb20 {margin-bottom: 20px !important;}
.mb25 {margin-bottom: 25px !important;}
.mb30 {margin-bottom: 30px !important;}
.mb35 {margin-bottom: 35px !important;}
.mb40 {margin-bottom: 40px !important;}
.mb50 {margin-bottom: 50px !important;}

.ml5 {margin-left: 5px !important;}
.ml10 {margin-left: 10px !important;}
.ml15 {margin-left: 15px !important;}
.ml20 {margin-left: 20px !important;}
.ml25 {margin-left: 25px !important;}
.ml30 {margin-left: 30px !important;}
.ml35 {margin-left: 35px !important;}
.ml40 {margin-left: 40px !important;}

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


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


/* xx. Width
=========================================*/

.w50 {width: 50px !important;}
.w100 {width: 100px !important;}
.w150 {width: 150px !important;}
.w170 {width: 170px !important;}
.w200 {width: 200px !important;}
.w210 {width: 210px !important;}
.w250 {width: 250px !important;}
.w300 {width: 300px !important;}
.w320 {width: 320px !important;}
.w350 {width: 350px !important;}
.w400 {width: 400px !important;}
.w420 {width: 420px !important;}
.w450 {width: 450px !important;}
.w500 {width: 500px !important;}
.w530 {width: 530px !important;}
.w550 {width: 550px !important;}
.w600 {width: 600px !important;}
.w720 {width: 720px !important;}
.w730 {width: 730px !important;}
.w750 {width: 750px !important;}

.w100p {width: 100% !important;}
.wauto {width: auto !important;}

.wp5 {width: 5% !important;}
.wp10 {width: 10% !important;}
.wp15 {width: 15% !important;}
.wp20 {width: 20% !important;}
.wp25 {width: 25% !important;}
.wp27 {width: 27% !important;}
.wp30 {width: 30% !important;}
.wp33 {width: 33% !important;}
.wp34 {width: 34% !important;}
.wp35 {width: 35% !important;}
.wp40 {width: 40% !important;}
.wp45 {width: 45% !important;}
.wp50 {width: 50% !important;}
.wp55 {width: 55% !important;}
.wp60 {width: 60% !important;}
.wp65 {width: 65% !important;}
.wp70 {width: 70% !important;}
.wp73 {width: 73% !important;}
.wp75 {width: 75% !important;}
.wp80 {width: 80% !important;}
.wp85 {width: 85% !important;}
.wp90 {width: 90% !important;}
.wp95 {width: 95% !important;}
.wp100 {width: 100% !important;}
.mwp100 {max-width: 100% !important;}

/* xx. Hight
=========================================*/
.mh100 {min-height: 100px !important;}

/* xx. rollover
=========================================*/

.opaImg{
	-webkit-transition: 0.3s ease-in-out;
	   -moz-transition: 0.3s ease-in-out;
	     -o-transition: 0.3s ease-in-out;
	        transition: 0.3s ease-in-out;
}
.opaImg:hover{
	opacity:0.7 !important;
	cursor:pointer;
}

/* xx. link
=========================================*/


a{
	color:#0068b7;
	text-decoration:none;
	-webkit-transition: 0.3s ease-in-out;
	   -moz-transition: 0.3s ease-in-out;
	     -o-transition: 0.3s ease-in-out;
	        transition: 0.3s ease-in-out;
}

a:visited{
	color:#0068b7;
	text-decoration:none;
}

a:hover{
	color:#0068b7;
	text-decoration:underline;
	opacity: 0.7 !important;
	filter: alpha(opacity=70);
}


#topAnc{
	font-size:0px;
	height:0;
}


/*=================================

	clearfix

=================================*/
.clearfix:after {
	content: "";
	display: block;
	clear: both;
}

.clearfix {
	zoom: 1;
}