@charset "UTF-8";

/* reset */
html,body,div,span,object,iframe,embed,map,area,
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;}
table{border-collapse:collapse;border-spacing:0}
address,caption,cite,code,dfn,em,strong,th,var,del{font-style:normal;font-weight:normal}
ol,ul{list-style:none}
caption,th{text-align:left}
h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}
q:before,q:after{content:'';content:none;}
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}
input,textarea,select{*font-size:100%}
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block;}
img{width:100%; vertical-align:top; }
a{text-decoration:none;outline:0;}
.clear:after{ content:"."; display:block; clear:both; height:0; visibility:hidden; }
strong{	font-weight:bold; }

/* base set */
html{ text-align:center;-webkit-text-size-adjust:none;
font-family: "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif;
_font-family:'ＭＳ Ｐゴシック', sans-serif; font-size:18px; line-height:1.8; }
input, textarea, select{ font-family:"ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif; }

@media screen and ( max-width : 480px )  {
html{ font-size:16px; line-height:1.5; }
}

/* common */
body{ background:#000; color:#fff; position:relative; text-align:center; }
#wrapper{ width:960px; margin:0px auto; }
header{ background:no-repeat top; width:100%; }

a{ color:#fff; text-decoration:underline; }
a:hover{ text-decoration:none; }
.caution{ color:#8d0b12; }
.small{ font-size:80%; }
.error{ color:#f00; }

.btnClass a{ display:block; text-align:center; height:auto;text-decoration:none; }
.btnClass a:hover{ background-color:rgba(255,255,255,0.1); }
.btnClass.typeA, nav ul li
{ background:url(../img/bg_texture_02.gif); }
.btnClass.typeA a, nav ul li a
{ color:#fff;  padding:1em; line-height:1.2; font-size:120%; }

.blockset{ background:url(../img/bg_texture_01.gif); text-align:left; margin:16px auto; }
.blockset h2{ border-bottom:2px solid #8d0b12; font-size:140%; font-weight:bold; padding:1em; }
.inner{ padding:24px; }

ul.disc li{ list-style:disc inside; text-indent:-1em; padding-left:1em; }

footer{ margin-top:24px; min-height: 60px; }
#btnToTop{ bottom: 10px; height: 62px; position: fixed; right: 10px; width: 62px; z-index: 100;}
#btnToTop a{background:url("../img/btn_totop.png") left top no-repeat;
display: block; height: 100%; overflow: hidden; text-indent: -9999px; width: 100%; }
address{ font-size:50%; }

/* by size */
@media screen and ( min-width : 481px )  {
.dispPc{ display:block; }
.dispSp{ display:none; }
.m_t{ margin-top:1em; }
}
@media screen and ( max-width : 480px )  {
.dispPc{ display:none; }
.dispSp{ display:block; }
.m_t{ margin-top:0.5em; }
#wrapper{ width:320px;}
.btnClass.typeA a, nav ul li a{ line-height:1.1;font-size:110%; }
.inner{ padding:12px; }
#btnToTop{ display:none; }
}