/*reset.css*/

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;font-size:100%;font:inherit;vertical-align:baseline}
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}
blockquote,q{quotes:none}
blockquote:before,blockquote:after,q:before,q:after{content:"";content:none}
ins{background-color:#ff9;color:#000;text-decoration:none}
mark{background-color:#ff9;color:#000;font-style:italic;font-weight:bold}
del{text-decoration:line-through}
abbr[title],dfn[title]{border-bottom:1px dotted;cursor:help}
table{border-collapse:collapse;border-spacing:0}
hr{display:block;height:1px;border:0;border-top:1px solid #ccc;margin:1em
0;padding:0}
input,select{vertical-align:middle}
body{font:13px/1.231 sans-serif;*font-size:small}
select,input,textarea,button{font:99% sans-serif}
pre,code,kbd,samp{font-family:monospace,sans-serif}
html{overflow-y:scroll}
a:hover,a:active{outline:none}
ul,ol{margin:0}
li{list-style:none}
nav ul, nav
li{margin:0;list-style:none;list-style-image:none}
small{font-size:85%}
strong,th{font-weight:bold}
td{vertical-align:top}
sub,sup{font-size:75%;line-height:0;position:relative}
sup{top: -0.5em}
sub{bottom: -0.25em}
pre{white-space:pre;white-space:pre-wrap;word-wrap:break-word;padding:15px}
textarea{overflow:auto}
.ie6 legend, .ie7
legend{margin-left: -7px}
input[type="radio"]{vertical-align:text-bottom}
input[type="checkbox"]{vertical-align:bottom}
.ie7 input[type="checkbox"]{vertical-align:baseline}
.ie6
input{vertical-align:text-bottom}
label,input[type="button"],input[type="submit"],input[type="image"],button{cursor:pointer}
button,input,select,textarea{margin:0}
input:valid,textarea:valid{}
input:invalid,textarea:invalid{border-radius:1px;-moz-box-shadow:0px 0px 5px red;-webkit-box-shadow:0px 0px 5px red;box-shadow:0px 0px 5px red}
.no-boxshadow input:invalid, .no-boxshadow textarea:invalid{background-color:#000}
::-moz-selection{background:#000;color:#ccc;text-shadow:none}
::selection{background:#000;color:#ccc;text-shadow:none}
a:link{-webkit-tap-highlight-color:#ccc}
button{width:auto;overflow:visible}
.ie7
img{-ms-interpolation-mode:bicubic}
body,select,input,textarea{color:#000}
h1,h2,h3,h4,h5,h6{font-weight:bold}
a,a:active,a:visited{color:#000;text-decoration:none}
a:hover{color:#888888;text-decoration:underline; cursor:pointer;}
img{vertical-align:bottom}
.ir{display:block;text-indent: -999em;overflow:hidden;background-repeat:no-repeat;text-align:left;direction:ltr}
.hidden{display:none;visibility:hidden}
.visuallyhidden{border:0;clip:rect(0 0 0 0);height:1px;margin: -1px;overflow:hidden;padding:0;position:absolute;width:1px}
.visuallyhidden.focusable:active,.visuallyhidden.focusable:focus{clip:auto;height:auto;margin:0;overflow:visible;position:static;width:auto}
.invisible{visibility:hidden}
.clearfix:before,.clearfix:after{content:"\0020";display:block;height:0;overflow:hidden}
.clearfix:after{clear:both}
.clearfix{zoom:1}
body{font:normal normal normal 0.89em/1.1em 'Dosis','ヒラギノ丸ゴ Pro W3','Hiragino Maru Gothic Pro','Osaka','ＭＳ Ｐゴシック','MS P Gothic', sans-serif}
*:first-child+html
body{font-family:'Dosis','ヒラギノ丸ゴ Pro W3','Hiragino Maru Gothic Pro','Osaka','ＭＳ Ｐゴシック','MS P Gothic', sans-serif}
* html
body{font-family:'Dosis','ヒラギノ丸ゴ Pro W3','Hiragino Maru Gothic Pro','Osaka','ＭＳ Ｐゴシック','MS P Gothic', sans-serif}
.x-large{font-size:138.5%}
.large{font-size:123.1%}
.mid{font-size:108%}
.small{font-size:93%}
.x-small{font-size:85%}
html,body{height:auto}