@charset "utf-8";

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

	Base common setting

=================================*/
* {
    margin: 0;
    padding: 0;
}
body {
	font: 14px/1.4 "Hiragino Kaku Gothic Pro W3", "ヒラギノ角ゴ Pro W3",sans-serif;
	color: #333333;
	-webkit-text-size-adjust: none;
}

.android .bold {text-shadow:1px 0 1px #333333;}
.iphone .bold {text-shadow:1px 0 0px #333333;}

/*----------------------------------------------------------
	layout tools
----------------------------------------------------------*/
.none {
	border: none !important;
	background: none !important;
}

/* link setting */
a {
	color: #222;
	text-decoration:underline;
}
a:link, a:visited {
	color: #222;
	text-decoration:underline;
}
a:hover {
	text-decoration:none;
}


/* clearfix */

.clearfix { min-height: 1%; }

.clearfix:after {
    content: " ";
    display: block;
    height: 0px;
    clear: both;
    visibility: hidden;
	font-size:0;
}

.clearfix { display: inline-table; }

/* Hides from Mac IE \*/
* html .clearfix { height: 1px; }
.clearfix { display: block; }
/* Hides from Mac IE */
.clear { clear:both; }
.left { text-align:left; }
.center { text-align:center; }
.right { text-align:right; }
.block {display:block;}
.inline_block { display:inline-block; }
.displayNone {display:none;}
/*.Fleft { float:left; }
.Fright { float:right; }
*/
/*----------------------------------------------------------
	space
----------------------------------------------------------*/
.mAuto{margin:0 auto;}

.p0{padding-bottom:0 !important;}
.p5{padding-bottom:5px;}
.p10{padding-bottom:10px;}
.p15{padding-bottom:15px;}
.p20{padding-bottom:20px;}
.p25{padding-bottom:25px;}
.p30{padding-bottom:30px;}
.p35{padding-bottom:35px;}
.p40{padding-bottom:40px;}
.p45{padding-bottom:45px;}
.p50{padding-bottom:50px;}

.pt0{padding-top:0 !important;}
.pt5{padding-top:5px;}
.pt10{padding-top:10px;}
.pt15{padding-top:15px;}
.pt20{padding-top:20px;}
.pt25{padding-top:25px;}
.pt30{padding-top:30px;}
.pt35{padding-top:35px;}
.pt40{padding-top:40px;}
.pt45{padding-top:45px;}
.pt50{padding-top:50px;}

.t0{margin-top:0 !important;}
.t5{margin-top:5px;}
.t10{margin-top:10px;}
.t15{margin-top:15px;}
.t20{margin-top:20px;}
.t25{margin-top:25px;}
.t30{margin-top:30px;}
.t35{margin-top:35px;}
.t40{margin-top:40px;}
.t45{margin-top:45px;}
.t50{margin-top:50px;}

.l0{margin-left:0 !important;}
.l5{margin-left:5px;}
.l9{margin-left:9px;}
.l10{margin-left:10px;}
.l15{margin-left:15px;}
.l20{margin-left:20px;}
.l25{margin-left:25px;}
.l30{margin-left:30px;}
.l35{margin-left:35px;}
.l40{margin-left:40px;}
.l45{margin-left:45px;}
.l50{margin-left:50px;}

.r0{margin-right:0 !important;}
.r5{margin-right:5px;}
.r10{margin-right:10px;}
.r12{margin-right:12px;}
.r15{margin-right:15px;}
.r20{margin-right:20px;}
.r25{margin-right:25px;}
.r30{margin-right:30px;}
.r35{margin-right:35px;}
.r40{margin-right:40px;}
.r45{margin-right:45px;}
.r50{margin-right:50px;}

.m0{margin-bottom:0 !important;}
.m5{margin-bottom:5px;}
.m10{margin-bottom:10px;}
.m15{margin-bottom:15px;}
.m20{margin-bottom:20px;}
.m25{margin-bottom:25px;}
.m30{margin-bottom:30px;}
.m35{margin-bottom:35px;}
.m40{margin-bottom:40px;}
.m45{margin-bottom:45px;}
.m50{margin-bottom:50px;}

.pl20{padding-left:20px;}
.pr20{padding-right:20px;}

.dark-red { color:#D32206;}

.ttlsmall {
	margin-top:10px!important;
	margin-left:1em!important;
	margin-bottom:0!important;
	font-weight:bold;
}

/*----------------------------------------------------------
	hoverImg
----------------------------------------------------------*/
a:hover img.hoverImg{
opacity:0.7;
filter:alpha(opacity=70);
-ms-filter: "alpha( opacity=70 )";
}
@media all and (orientation:portrait){ }
@media all and (orientation:landscape){ }


/*----------------------------------------------------------
	imag size
----------------------------------------------------------*/
.img10 {width:10%; height:auto;}
.img20 {width:20%; height:auto;}
.img30 {width:30%; height:auto;}
.img40 {width:40%; height:auto;}
.img50 {width:50%; height:auto;}
.img60 {width:60%; height:auto;}
.img70 {width:70%; height:auto;}
.img80 {width:80%; height:auto;}
.img90 {width:90%; height:auto;}
.img100 {width:100%; height:auto;}


/*----------------------------------------------------------
	img width
----------------------------------------------------------*/
img {max-width : 100%;}


#info img{
	max-width : 100%;
	height:auto;
	}


input {-webkit-appearance: none;}




#contentHead .searchArea{
	display:none;
	}