/* =Reset default browser CSS.
Based on work by Eric Meyer: http://meyerweb.com/eric/tools/css/reset/index.html
-------------------------------------------------------------- */
*, *:before, *:after {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-o-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box;
}
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {border: 0;font-family: inherit;font-size: auto;font-style: inherit;font-weight: inherit;margin: 0;outline: 0;padding: 0;vertical-align: baseline;}
:focus {outline: 0;}

ol, ul,li{list-style: none;}
table {border-collapse: collapse;border-spacing: 0;}
caption, th, td {font-weight: normal;text-align: left;vertical-align:middle;}
blockquote:before, blockquote:after,q:before, q:after {content: "";}
blockquote, q {quotes: "" "";}
a img{border: 0;}
figure{margin:0}
address, details, figcaption, figure, footer, header, hgroup, menu, nav, aside, section {display: block;}
/* -------------------------------------------------------------- */
body{
	color: #797878;
	font-size: 14px;
	line-height:1.5;
	font-family: "游明朝体", "YuMincho", "游明朝", "Yu Mincho", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN W3", HiraMinProN-W3, "ヒラギノ明朝 ProN", "Hiragino Mincho ProN", "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "HGS明朝E", "ＭＳ Ｐ明朝", "MS PMincho", serif;
	padding: 0;
	margin: 0;
}

a:hover .opa1{opacity:0.1;}
a:hover .opa2{opacity:0.2;}
a:hover .opa3{opacity:0.3;}
a:hover .opa4{opacity:0.4;}
a:hover .opa5{opacity:0.5;}
a:hover .opa6{opacity:0.6;}
a:hover .opa7{opacity:0.7;}
a:hover .opa8{opacity:0.8;}
a:hover .opa9{opacity:0.9;}

.center{text-align:center;}
.b-center{margin:0 auto;}
.strong{font-weight:bold}
.clear{clear:both;}

.text-l{text-align:left;}
.text-r{text-align:right;}

.float-l{float:left;}
.float-r{float:right;}

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

.fmin{ font-family: "Sawarabi Mincho", serif; }

.size-8px{font-size:8px;}
.size-9px{font-size:9px;}
.size-10px{font-size:10px;}
.size-11px{font-size:11px;}
.size-12px{font-size:12px;}
.size-13px{font-size:13px;}
.size-14px{font-size:14px;}
.size-15px{font-size:15px;}
.size-16px{font-size:16px;}
.size-17px{font-size:17px;}
.size-18px{font-size:18px;}
.size-19px{font-size:19px;}
.size-20px{font-size:20px;}

.w5{width:5%;}
.w10{width:10%;}
.w15{width:15%;}
.w20{width:20%;}
.w25{width:25%;}
.w30{width:30%;}
.w35{width:35%;}
.w40{width:40%;}
.w45{width:45%;}
.w48{width:48%;}
.w50{width:50%;}
.w55{width:55%;}
.w60{width:60%;}
.w65{width:65%;}
.w70{width:70%;}
.w80{width:80%;}
.w90{width:90%;}
.w98{width:98%;}
.w100{width:100%;}

.w75{width:75px;}
.w27{width:75px;}

.w50px{width:50px;}
.w100px{width:100px;}
.w110px{width:110px;}
.w150px{width:150px;}
.w200px{width:200px;}
.w250px{width:250px;}
.w300px{width:300px;}

.h10px{height:10px;}
.h11px{height:11px;}
.h12px{height:12px;}
.h13px{height:13px;}
.h14px{height:14px;}
.h15px{height:15px;}
.h16px{height:16px;}
.h17px{height:17px;}
.h18px{height:18px;}
.h19px{height:19px;}
.h20px{height:20px;}
.h30px{height:30px;}
.h40px{height:40px;}
.h50px{height:50px;}
.h100px{height:100px;}
.h200px{height:200px;}

.radius2{border-radius:2px;}
.radius5{border-radius:5px;}
.radius10{border-radius:10px;}
.radius20{border-radius:20px;}

.mauto{ margin: 0 auto !important; }
.m0{ margin: 0!important; }
.m0-t{ margin-top: 0!important; }
.m0-r{ margin-right: 0!important; }
.m0-b{ margin-bottom: 0!important; }
.m0-l{ margin-left: 0!important; }
.m3{ margin: 3px!important; }
.m3-t{ margin-top: 3px!important; }
.m3-r{ margin-right: 3px!important; }
.m3-b{ margin-bottom: 3px!important; }
.m3-l{ margin-left: 3px!important; }
.m4{ margin: 4px!important; }
.m4-t{ margin-top: 4px!important; }
.m4-r{ margin-right: 4px!important; }
.m4-b{ margin-bottom: 4px!important; }
.m4-l{ margin-left: $px!important; }
.m5{ margin: 5px!important; }
.m5-t{ margin-top: 5px!important; }
.m5-r{ margin-right: 5px!important; }
.m5-b{ margin-bottom: 5px!important; }
.m5-l{ margin-left: 5px!important; }
.m8{ margin: 8px!important; }
.m8-t{ margin-top: 8px!important; }
.m8-r{ margin-right: 8px!important; }
.m8-b{ margin-bottom: 8px!important; }
.m8-l{ margin-left: 8px!important; }
.m10{ margin: 10px!important; }
.m10-t{ margin-top: 10px!important; }
.m10-r{ margin-right: 10px!important; }
.m10-b{ margin-bottom: 10px!important; }
.m10-l{ margin-left: 10px!important; }
.m15{ margin: 15px!important; }
.m15-t{ margin-top: 15px!important; }
.m15-r{ margin-right: 15px!important; }
.m15-b{ margin-bottom: 15px!important; }
.m15-l{ margin-left: 15px!important; }
.m20{ margin: 20px!important; }
.m20-t{ margin-top: 20px!important; }
.m20-r{ margin-right: 20px!important; }
.m20-b{ margin-bottom: 20px!important; }
.m20-l{ margin-left: 20px!important; }
.m30{ margin: 30px!important; }
.m30-t{ margin-top: 30px!important; }
.m30-r{ margin-right: 30px!important; }
.m30-b{ margin-bottom: 30px!important; }
.m30-l{ margin-left: 30px!important; }
.m40{ margin: 40px!important; }
.m40-t{ margin-top: 40px!important; }
.m40-r{ margin-right: 40px!important; }
.m40-b{ margin-bottom: 40px!important; }
.m40-l{ margin-left: 40px!important; }
.m50{ margin: 50px!important; }
.m50-t{ margin-top: 50px!important; }
.m50-r{ margin-right: 50px!important; }
.m50-b{ margin-bottom: 50px!important; }
.m50-l{ margin-left: 50px!important; }
.m60{ margin: 60px!important; }
.m60-t{ margin-top: 60px!important; }
.m60-r{ margin-right: 60px!important; }
.m60-b{ margin-bottom: 60px!important; }
.m60-l{ margin-left: 60px!important; }
.m100{ margin: 100px!important; }
.m100-t{ margin-top: 100px!important; }
.m100-r{ margin-right: 100px!important; }
.m100-b{ margin-bottom: 100px!important; }
.m100-l{ margin-left: 100px!important; }
.p0{ padding: 0!important; }
.p0-t{ padding-top: 0!important; }
.p0-r{ padding-right: 0!important; }
.p0-b{ padding-bottom: 0!important; }
.p0-l{ padding-left: 0!important; }
/*.p3{ padding: 3px!important; }*/
.p3-t{ padding-top: 3px!important; }
.p3-r{ padding-right: 3px!important; }
.p3-b{ padding-bottom: 3px!important; }
.p3-l{ padding-left: 3px!important; }
/*.p5{ padding: 5px!important; }*/
.p5-t{ padding-top: 5px!important; }
.p5-r{ padding-right: 5px!important; }
.p5-b{ padding-bottom: 5px!important; }
.p5-l{ padding-left: 5px!important; }
.p10{ padding: 10px!important; }
.p10-t{ padding-top: 10px!important; }
.p10-r{ padding-right: 10px!important; }
.p10-b{ padding-bottom: 10px!important; }
.p10-l{ padding-left: 10px!important; }
.p15{ padding: 15px!important; }
.p15-t{ padding-top: 15px!important; }
.p15-r{ padding-right: 15px!important; }
.p15-b{ padding-bottom: 15px!important; }
.p15-l{ padding-left: 15px!important; }
.p20{ padding: 20px!important; }
.p20-t{ padding-top: 20px!important; }
.p20-r{ padding-right: 20px!important; }
.p20-b{ padding-bottom: 20px!important; }
.p20-l{ padding-left: 20px!important; }
.p30{ padding: 30px!important; }
.p30-t{ padding-top: 30px!important; }
.p30-r{ padding-right: 30px!important; }
.p30-b{ padding-bottom: 30px!important; }
.p30-l{ padding-left: 30px!important; }
.p40{ padding: 40px!important; }
.p40-t{ padding-top: 40px!important; }
.p40-r{ padding-right: 40px!important; }
.p40-b{ padding-bottom: 40px!important; }
.p40-l{ padding-left: 40px!important; }
.p50{ padding: 50px!important; }
.p50-t{ padding-top: 50px!important; }
.p50-r{ padding-right: 50px!important; }
.p50-b{ padding-bottom: 50px!important; }
.p50-l{ padding-left: 50px!important; }
.p60{ padding: 60px!important; }
.p60-t{ padding-top: 60px!important; }
.p60-r{ padding-right: 60px!important; }
.p60-b{ padding-bottom: 60px!important; }
.p60-l{ padding-left: 60px!important; }
.p100{ padding: 100px!important; }
.p100-t{ padding-top: 100px!important; }
.p100-r{ padding-right: 100px!important; }
.p100-b{ padding-bottom: 100px!important; }
.p100-l{ padding-left: 100px!important; }
