1@charset "utf-8";

/*-
*汎用パーツ
*/
.white{
	color:#FFF;
}
.gray{
	color:#BBB;
}
.red{
	color:#c72c2c;
}
.red_F30{
	color:#F30;
	}
.pink{
	color:#ED4552;
	}
.blue{
color:#3478CB;
}
.yellow{
color:#F90;
}
.purple{
    color:#800080;
}
.orange{
color:#FF6600;
}
.orange2{
    color:#EC7B00;
}
.green{
    color:green;
}
.site_color{
color:#CC0000;
}
.txtR{
	text-align:right;
}

.txtL{
	text-align:left;
}
.txtC{
	text-align:center;
}
.w100{
	width:100px;
}

.w200{
	width:200px;
}

.w300{
	width:300px;
}

.w360{
	width:360px;
}

.w620{
	width:620px;
}
.mBtm00{
	margin-bottom:0 !important;
}

.mBtm05{
	margin-bottom:5px !important;
}

.mBtm10{
	margin-bottom:10px !important;
}

.mBtm15{
	margin-bottom:15px !important;
}

.mBtm20{
	margin-bottom:20px;
}
.mBtm25{
	margin-bottom:25px;
}
.mBtm30{
	margin-bottom:30px;
}
.mBtm40{
	margin-bottom:40px;
}
.mTop05{
	margin-top:5px;
}
.mTop10{
	margin-top:10px;
}
.mTop15{
	margin-top:15px;
}
.mRight05{
	margin-right: 5px;
}
.mRight10{
	margin-right: 10px;	
}
.mRight15{
    margin-right: 15px;	
}
.mRight20{
	margin-right: 20px;	
}
.mLeft05{
    margin-left: 5px;
}
.mLeft10{
    margin-left: 10px;	
}
.mLeft15{
    margin-left: 15px;	
}
.mLeft20{
    margin-left: 20px;	
}
.mBoth05{
	margin:0 5px;	
}
.mBoth10{
	margin:0 10px;	
}
.mBoth15{
	margin:0 20px;	
}
.mBoth20{
	margin:0 20px;	
}
.pBtm20{
	padding-bottom:20px;
}
.txtInt10{
	text-indent: 10px;	
}
.txtInt15{
	text-indent: 15px;
}
.txtInt20{
	text-indent: 20px;
}
.font8{
    font-size:0.5rem;
}
.font9{
    font-size:0.5625rem;
}
.font10{
    font-size:0.625rem;
}
.font11{
    font-size:0.6875rem;
}
.font12{
	font-size:0.75rem;
}
.font13{
	font-size:0.8125rem;
}
.font14{
	font-size:0.875rem;
}
.font15{
	font-size:0.9375rem;
}
.font16{
	font-size:1.000rem;
}
.font17{
    font-size:1.0625rem;
}
.font18{
	font-size:1.125rem;
}
.font19{
	font-size:1.19rem;
}
.font21{
	font-size:1.31rem;
}
.font22{
	font-size:1.375rem;
}
.font23{
	font-size:1.44rem;
}
.font24{
	font-size:1.5rem;
}
.font26{
	font-size:1.63rem;
}
.font28{
	font-size:1.75rem;
}
.font32{
	font-size:2rem;
}
.font36{
    font-size:2.25rem;
}
.font14_f{
	font-size:14px;
}
.font28_f{
	font-size:28px;
}
.bBlack{
	border: 1px solid #666;
}
.bGray{
	border: 1px solid #CCC;
}
.underBarBlack{
	border-bottom:1px solid #666;	
}
.underBarGray{
	border-bottom:1px solid #CCC;
}
.underDotGray{
	border-bottom:1px dotted #666;
}
.topDotGray{
	border-top:1px dotted #666;
}
.fl{
	float:left;
}

.fr{
	float:right;
}

.clear{
	clear:both;
}
.clearR{
	clear:right;
}
.clearL{
	clear:left;
}
.bold{
	font-weight: bold;
}
.italic{
    font-style: italic;
}
.normal{
    font-weight:normal;
}
.absolute{
	position:absolute;
}
.block{
	display:block;
}

/*vertical-alignはimg要素に対して使う*/
.v_align1 { vertical-align: 1px; }
.v_align2 { vertical-align: 2px; }
.v_align3 { vertical-align: 3px; }
.v_align5 { vertical-align: 5px; }
.v_align-1 { vertical-align: -1px; }
.v_middle{
vertical-align: middle;
}
.v_top{
    vertical-align: top;
}
a:hover img{
opacity:0.8;
filter:alpha(opacity=80);
-ms-filter: "alpha( opacity=80 )";
}
a li:hover{
	text-decoration: underline;
}
.none{
	display:none !important;
}
.block{
	display:block !important;
}
.hidden{
    visibility: hidden !important;
}
.shironuki {
    color: white;
    text-shadow: 
        -1.5px -1.5px 0 black,  
        1.5px -1.5px 0 black,
        -1.5px 1.5px 0 black,
        1.5px 1.5px 0 black,
        0px 0px 8px black; /* この行が縁取りの太さを調整しています */
    font-weight: bold;
}