@charset "UTF-8";
/*----------------------------------------------------------------- 
cssReset
----------------------------------------------------------------- 
html5doctor.com Reset Stylesheet v1.6.1
Last Updated: 2010-09-17
Author: Richard Clark - http://richclarkdesign.com 
*/
html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code,
del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var,
b, i,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video {
    margin:0;
    padding:0;
    border:0;
    outline:0;
    vertical-align:baseline;
		font: inherit;
}
article,aside,address,details,figcaption,figure,
footer,header,hgroup,menu,nav,section { 
    display:block;
}
nav ul {
    list-style:none;
}
blockquote, q {
    quotes:none;
}
blockquote:before, blockquote:after,
q:before, q:after {
    content:'';
    content:none;
}
a {
    margin:0;
    padding:0;
    font-size:100%;
    vertical-align:baseline;
    background:transparent;
}
/* html5doctor.com Reset End*/

/* nomal Reset*/
img{ /*vertical-align:bottom; border:0; max-width: 100%; height: auto; width: auto\9; *//* ie8 */  }
address{ font-style:normal; font-weight:normal; }
ul{ margin:0; padding:0; list-style:none; }

/*----------------------------------------------------------------- 
common selector
----------------------------------------------------------------- */
.t_center{ text-align:center; }
.t_right{ text-align:right; }
.t_left{ text-align:left; }
.mt5,.top5{ margin-top:5px; }
.mt10,.top10{ margin-top:10px; }
.mt20,.top20{ margin-top:20px; }
.mt30,.top30{ margin-top:30px; }
.mt40,.top40{ margin-top:40px; }
.mt50,.top50{ margin-top:50px; }
.mt60,.top60{ margin-top:60px; }
.mt70,.top70{ margin-top:70px; }
.mt80,.top80{ margin-top:80px; }
.mb5,.bottom5{ margin-bottom:5px; }
.mb10,.bottom10{ margin-bottom:10px; }
.mb20,.bottom20{ margin-bottom:20px; }
.mb30,.bottom30{ margin-bottom:30px; }
.mb40,.bottom40{ margin-bottom:40px; }
.mb50,.bottom50{ margin-bottom:50px; }
.mb60,.bottom60{ margin-bottom:60px; }
.mb70,.bottom70{ margin-bottom:70px; }
.mb80,.bottom80{ margin-bottom:80px; }
.ml10,.left10{ margin-left:10px; }
.ml20,.left20{ margin-left:20px; }
.ml30,.left30{ margin-left:30px; }
.mr10,.right10{ margin-right:10px; }
.mr20,.right20{ margin-right:20px; }
.mr30,.right30{ margin-right:30px; }
.oHidden{ overflow:hidden; }



/*----------------------------------------------------------------- 
common font_size( base / 14px )
----------------------------------------------------------------- */
.text10{ font-size:72%; }
.text11{ font-size:79%; }
.text12{ font-size:86%; }
.text13{ font-size:93%; }
.text14{ font-size:100%; }
.text15{ font-size:108%; }
.text16{ font-size:115%; }
.text17{ font-size:122%; }
.text18{ font-size:129%; }
.text19{ font-size:136%; }
.text20{ font-size:143%; }
.text21{ font-size:150%; }
.text22{ font-size:158%; }
.text23{ font-size:165%; }
.text24{ font-size:172%; }
.text25{ font-size:179%; }
.text26{ font-size:186%; }
.text27{ font-size:193%; }
.text28{ font-size:200%; }
.text29{ font-size:207%; }
.text30{ font-size:214%; }

.red{ color:#F00; }
.bold{ font-weight:bold; }
strong{font-weight:bold;}

/*----------------------------------------------------------------- 
common hover
----------------------------------------------------------------- */
.commonHover:hover{ -moz-opacity:0.7; opacity:0.7; filter:alpha(opacity=70); cursor:pointer; }

/*----------------------------------------------------------------- 
common list
----------------------------------------------------------------- */
/* annotation */
ul.textAnnotation{ padding-left:1em;  }
ul.textAnnotation li{ text-indent:-1em; font-size:86%; }

/* ul */
ul.textUlist{ margin:0 0 0 1em;padding:0; }
ul.textUlist li{ list-style-type:disc; }

/* ol */
ol.textOlist{ margin:0 0 0 1.5em;padding:0; }



/*----------------------------------------------------------------- 
common youtube
----------------------------------------------------------------- */
.videoContainer {
	position: relative;
	padding-bottom: 56.25%;
	padding-top: 30px;
	height: 0;
	overflow: hidden;
}

.videoContainer iframe,  
.videoContainer object,  
.videoContainer embed {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}


/*----------------------------------------------------------------- 
common 404
----------------------------------------------------------------- */
.notfoundText01{ font-size:214%; font-weight:bold; margin-bottom:10px; text-align:center; margin-top:100px; }
.notfoundText02{ font-size:115%; font-weight:bold; margin-bottom:20px; text-align:center; }


/*----------------------------------------------------------------- 
common clearfix
----------------------------------------------------------------- */
.clearfix:after,
.innerWrap:after,
/*nav ul:after,*/
.menuList01 li a:after{ content: "."; display:block; height:0.1px; clear:both; visibility:hidden; font-size:0.1em; line-height:0; }

.clearfix,
.innerWrap,
/*nav ul,*/
.menuList01 li a{ display:inline-block; overflow:hidden; _overflow:visible; display:block; }

* html .clearfix,
* html .innerWrap,
* html nav ul,
* html .menuList01 li a{ height:1%; }


/*----------------------------------------------------------------- 
common privacy
----------------------------------------------------------------- */
.formPrivacy {
    border: 1px solid #CCC;
    height: 150px;
    overflow: scroll;
    width: 96%;
    padding: 10px 1%;
    margin: 0 auto 30px;
    overflow-x: hidden;
}



@media only screen and (min-width: 768px){
.pcnone{display:none !important;}
.Box404{ width:100%; min-height:600px;}

/*----------------------------------------------------------------- 
common box
----------------------------------------------------------------- */
.half_l{ float:left; width:48%; }
.half_r{ float:right; width:48%; }
}
@media only screen and (max-width:767px){
.spnone{display:none;}

/*----------------------------------------------------------------- 
common box
----------------------------------------------------------------- */
.half_l{ width:100%; }
.half_r{width:100%; }
}