/* preload */
#image-preload{
width: 0px;
height: 0px;
display: inline;
background-image:url('../img/topimg/01.jpg');
background-image:url('../img/topimg/02.jpg');
background-image:url('../img/topimg/03.jpg');
background-image:url('../img/topimg/04.jpg');
}
/* =Reset default browser CSS.
Based on work by Eric Meyer: http://meyerweb.com/eric/tools/css/reset/index.html
-------------------------------------------------------------- */
*{
	font-family: 'ヒラギノ角ゴシック Pro', 'Hiragino Kaku Gothic Pro', メイリオ, Meiryo, Osaka, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;
	color:#666;
}
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-size: auto;font-style: inherit;margin: 0;outline: 0;padding: 0;vertical-align: baseline;}
:focus {outline: 0;}

ol, ul,li{list-style: none;}
table {border-collapse: separate;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}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {display: block;}
*, *: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;
}


/* -------------------------------------------------------------- */
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;}
.color-blue{color:#59A0D2;}
.color-red{color:#E23D47;}
.color-lightblue{color:#2ca6e0;}
.blue_link{color:#0000FF;font-weight:bold;}

.bdr_bottom{
	border-bottom:1px dashed #999;
}

.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;}

.bdr-no{border:none!important;}

.img_center{margin:0 auto;display:block;}

.iblock{display:inline-block;}

.w600{width:600px!important;}
.w800{width:800px!important;}

.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!important;}
.size-17px{font-size:17px;}
.size-18px{font-size:18px;}
.size-19px{font-size:19px;}
.size-20px{font-size:20px;}
.size-21px{font-size:21px;}
.size-22px{font-size:22px;}
.size-24px{font-size:24px;}

.size-12p{font-size:75%;}
.size-14p{font-size:87.5%;}
.size-15p{font-size:93.8%;}
.size-16p{font-size:100% !important;}
.size-17p{font-size:106.3%;}
.size-18p{font-size:112.5%;}
.size-19p{font-size:118.8%;}
.size-20p{font-size:125%;}
.size-21p{font-size:131.3%;}
.size-22p{font-size:137.5%;}
.size-23p{font-size:143.8%;}
.size-24p{font-size:150%;}

.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;}
.w800px{width:800px;}

.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!important;}
.h100px{height:100px;}
.h200px{height:200px;}
.minh400px{min-height:400px;}

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

.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: 4px!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; }
.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; }
.m200{ margin: 200px!important; }
.m200-t{ margin-top: 200px!important; }
.m200-r{ margin-right: 200px!important; }
.m200-b{ margin-bottom: 200px!important; }
.m200-l{ margin-left: 200px!important; }
.m13-tb{margin:13px 0!important;}
.m22-tb{margin:22px 0!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; }

.bw-t{border-top-width: 1px !important;}
.bw-r{border-right-width: 1px !important;}
.bw-b{border-bottom-width: 1px !important;}
.bw-l{border-left-width: 1px !important;}