@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;
    font-size:100%;
    vertical-align:baseline;
  /*  background:transparent;*/
		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; }
input[type="text"],
input[type="password"]{ padding:5px 0; }
input[type="checkbox"]{ margin-right:5px; }


/*----------------------------------------------------------------- 
common selector
----------------------------------------------------------------- */
.t_center{ text-align:center; }
.t_right{ text-align:right; }
.top5{ margin-top:5px; }
.top10{ margin-top:10px; }
.top20{ margin-top:20px; }
.top30{ margin-top:30px; }
.top40{ margin-top:40px; }
.top50{ margin-top:50px; }
.top60{ margin-top:60px; }
.top70{ margin-top:70px; }
.top80{ margin-top:80px; }
.bottom5{ margin-bottom:5px; }
.bottom10{ margin-bottom:10px; }
.bottom20{ margin-bottom:20px; }
.bottom25{ margin-bottom:25px; }
.bottom30{ margin-bottom:30px; }
.bottom40{ margin-bottom:40px; }
.bottom50{ margin-bottom:50px; }
.bottom60{ margin-bottom:60px; }
.bottom70{ margin-bottom:70px; }
.bottom80{ margin-bottom:80px; }
.p_top50{ padding-top:50px; }
.left10{ margin-left:10px; }
.left20{ margin-left:20px; }
.left30{ margin-left:30px; }
.left40{ margin-left:40px; }
.left50{ margin-left:50px; }
.left60{ margin-left:60px; }
.left80{ margin-left:80px; }
.right10{ margin-right:10px; }
.right20{ margin-right:20px; }
.right30{ margin-right:30px; }
.right40{ margin-right:40px; }
.right50{ margin-right:50px; }
.right60{ margin-right:60px; }
.oHidden{ overflow:hidden; }
.cBoth{ clear:both; }
.black{ color:#000; }
.red{ color:#F00; }
.blue{ color:#019EDB; }
.gray{ color:#999999; }
.brown{ color:#830000; }
.orange{ color:#EB6124; }
.bold{ font-weight:bold; }
.f_left{ float:left; }
.f_right{ float:right; }


/*----------------------------------------------------------------- 
common font_size( base / 12px )
----------------------------------------------------------------- */
.text10{ font-size:83%; }
.text11{ font-size:91%; }
.text12{ font-size:100%; }
.text13{ font-size:108%; }
.text14{ font-size:116%; }
.text15{ font-size:125%; }
.text16{ font-size:133%; }
.text17{ font-size:141%; }
.text18{ font-size:150%; }
.text19{ font-size:158%; }
.text20{ font-size:166%; }
.text21{ font-size:175%; }
.text22{ font-size:183%; }
.text23{ font-size:191%; }
.text24{ font-size:200%; }
.text25{ font-size:208%; }
.text26{ font-size:216%; }


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


/*----------------------------------------------------------------- 
common form
----------------------------------------------------------------- */
input[type="text"],
input[type="password"],
textarea{ font-size:100%; padding:5px; border:solid 2px #CCC; }

input[type="checkbox"],
input[type="radio"]{ margin-right:5px; }

input[type="button"]:focus,
input[type="submit"]:focus{ outline:none; }

input[type="text"]:focus,
input[type="password"]:focus,
textarea:focus{ background:#FFC; outline:none; }

input.myError,
textarea.myError{ background:#FFECE9; }
label.myError{ color:#F00; display:block; clear:both; }

area{ outline:none; }

/*----------------------------------------------------------------- 
common clearfix
----------------------------------------------------------------- */
.clearfix:after,
.innerWrap:after,
.innerWrap02:after,
nav ul:after,
.mainIn01:after,
.menuBox01:after,
.footerIn01:after,
.footerIn02:after,
.indexMenu01:after,
.indexNewsTitle01:after,
.indexNews01 li:after,
ul.touyuShop:after,
ul.staffList:after,
.indexMenu01_NEW:after,
.ssList01 li:after{ content: "."; display:block; height:0.1px; clear:both; visibility:hidden; font-size:0.1em; line-height:0; }

.clearfix,
.innerWrap,
.innerWrap02,
nav ul,
.mainIn01,
.menuBox01,
.footerIn01,
.footerIn02,
.indexMenu01,
.indexNewsTitle01,
.indexNews01 li,
ul.touyuShop,
ul.staffList,
.indexMenu01_NEW,
.ssList01 li{ display:inline-block; overflow:hidden; _overflow:visible; display:block; }

* html .clearfix,
* html .innerWrap,
* html .innerWrap02,
* html nav ul,
* html .mainIn01,
* html .menuBox01,
* html .footerIn01,
* html .footerIn02,
* html .indexMenu01,
* html .indexNewsTitle01,
* html .indexNews01 li,
* html ul.touyuShop,
* html ul.staffList,
* html .indexMenu01_NEW,
* html .ssList01 li{ height:1%; }