@charset "shift_jis";

html{
	color: #666666;
	background: #FFFFFF;
	overflow-x: hidden;
}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{margin:0;padding:0;}
table{border-collapse:collapse;border-spacing:0;}
fieldset,img{border:0;}
li{list-style:none;}
caption,th{text-align:left;}
h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}
address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal;}
q:before,q:after{content:'';}
abbr,acronym {border:0;font-variant:normal;}
sup {vertical-align:text-top;}
sub {vertical-align:text-bottom;}
input,textarea,select{font-family:inherit;font-size:inherit;font-weight:inherit;}
legend{color:#000;}
label{cursor: pointer;}
img, a {border: none;}
.clear{
	clear: both;
}



/* 2. align & float & box-centaring setting
================================================== */
/* align */
.alnC{ text-align:center; }
.alnL{ text-align:left; }
.alnR{ text-align:right; }

/* vertical-align */
.valnT{ vertical-align:top; }
.valnM{ vertical-align:middle; }
.valnB{ vertical-align:bottom; }

/* float */
.fltL{ float:left; }
.fltR{ float:right; }
.clear{ clear:both; }

/* img float*/
.imgL img { float:left; margin:0px 10px 10px 0px; }
.imgR img { float:right; margin:0px 0px 10px 10px; }

/* box-centaring */
.cbox{
	margin-left:auto !important;
	margin-right:auto !important;
}

.hover80 a:hover img,
a.hover80:hover img,
a:hover img.hover60 {
filter: alpha(opacity=80);
-moz-opacity:0.80;
opacity:0.80;
}

.hover60 a:hover img,
a.hover60:hover img,
a:hover img.hover60 {
filter: alpha(opacity=60);
-moz-opacity:0.60;
opacity:0.60;
}

/* 3. floatbox clearing
================================================== */
.clearfix{
	zoom:1;
}
.clearfix:after{
	content:".";
	display:block;
	clear:both;
	height:0;
	visibility:hidden;
	font-size: 0.1em;
	line-height: 0;
}


/* 4. utility margin setting
================================================== */
/* margin-top */
.mt0{ margin-top:0 !important; }
.mt5{ margin-top:5px !important; }
.mt10{ margin-top:10px !important; }
.mt-10{ margin-top:-10px !important; }
.mt15{ margin-top:15px !important; }
.mt20{ margin-top:20px !important; }
.mt25{ margin-top:25px !important; }
.mt30{ margin-top:30px !important; }
.mt-30{ margin-top:-30px !important; }
.mt40{ margin-top:40px !important; }
.mt50{ margin-top:50px !important; }
.mt55{ margin-top:55px !important; }
.mt100{ margin-top:100px !important; }
.mt150{ margin-top:150px !important; }
.mt200{ margin-top:200px !important; }

/* margin-right */
.mr0{ margin-right:0 !important; }
.mr5{ margin-right:5px !important; }
.mr10{ margin-right:10px !important; }
.mr15{ margin-right:15px !important; }
.mr20{ margin-right:20px !important; }
.mr23{ margin-right:23px !important; }
.mr25{ margin-right:25px !important; }
.mr30{ margin-right:30px !important; }
.mr40{ margin-right:40px !important; }
.mr45{ margin-right:45px !important; }
.mr50{ margin-right:50px !important; }
.mr60{ margin-right:60px !important; }
.mr95{ margin-right:95px !important; }

/* margin-bottom */
.mb0{ margin-bottom:0 !important; }
.mb5{ margin-bottom:5px !important; }
.mb8{ margin-bottom:8px !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; }
.mb40{ margin-bottom:40px !important; }
.mb50{ margin-bottom:50px !important; }
.mb75{ margin-bottom:75px !important; }
.mb100{ margin-bottom:100px !important; }
.mb150{ margin-bottom:150px !important; }

/* margin-left */
.ml0{ margin-left:0 !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; }
.ml50{ margin-left:50px !important; }


/* 5. utility padding setting
================================================== */
/* padding-top */
.pt0{ padding-top:0 !important; }
.pt5{ padding-top:5px !important; }
.pt10{ padding-top:10px !important; }
.pt15{ padding-top:15px !important; }
.pt20{ padding-top:20px !important; }
.pt25{ padding-top:25px !important; }
.pt30{ padding-top:30px !important; }
.pt40{ padding-top:30px !important; }
.pt100{ padding-top:100px !important; }
.pt150{ padding-top:150px !important; }
.pt180{ padding-top:180px !important; }
.pt200{ padding-top:200px !important; }

/* padding-right */
.pr0{ padding-right:0 !important; }
.pr5{ padding-right:5px !important; }
.pr10{ padding-right:10px !important; }
.pr15{ padding-right:15px !important; }
.pr20{ padding-right:20px !important; }
.pr25{ padding-right:25px !important; }
.pr30{ padding-right:30px !important; }

/* padding-bottom */
.pb0{ padding-bottom:0 !important; }
.pb5{ padding-bottom:5px !important; }
.pb10{ padding-bottom:10px !important; }
.pb15{ padding-bottom:15px !important; }
.pb20{ padding-bottom:20px !important; }
.pb25{ padding-bottom:25px !important; }
.pb30{ padding-bottom:30px !important; }
.pb40{ padding-bottom:40px !important; }

/* padding-left */
.pl0{ padding-left:0 !important; }
.pl5{ padding-left:5px !important; }
.pl10{ padding-left:10px !important; }
.pl15{ padding-left:15px !important; }
.pl20{ padding-left:20px !important; }
.pl25{ padding-left:25px !important; }
.pl30{ padding-left:30px !important; }


/* 6. utility padding setting
================================================== */
/* エラー時にバックグラウンドが変わる */
.errDisplay{background-color:#ffcccc;}
/* /* エラー表示の文字色 */
.errtxt{color:#660000;}

.fBold{font-weight:bold;}
.fSize140{ font-size:140% !important; }
.fSize90{ font-size:90% !important; }
.fSize80{ font-size:80% !important; }
.fSize70{ font-size:70% !important; }
.fSize60{ font-size:60% !important; }
.fPink{ color:#ec6d88;}

.bgColor1{background-color:#fff !important; color:#000 !important;}
.bgColor2{background-color:#C2E9F9 !important;}
.bgColor3{background-color:#aaa !important; color:#ffffff !important; font-weight:bold;}
.bgColor4{background-color:#eee !important; font-weight:bold;}
.bgColor5{background-color: #FFFFCC !important;}

.lHight1{line-height:1.2em !important;}

/* 7. pc/sp visbility switch
================================================== */
.pc{display:block;}
.sp{display:none;}
.pc img, .sp img{width:100%}
@media only screen and (max-width: 480px) {   
.pc{display:none;}
.sp{display:block;}
}