@charset "UTF-8";
/* CSS Document */

/* Reset */
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;}
body {line-height:1;}
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section {display:block;}
ol,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;}
del {text-decoration: line-through;}
abbr[title],dfn[title] {border-bottom:1px dotted;cursor:help;}
table {border-collapse:collapse;border-spacing:0;}
input,select {vertical-align:middle;}
ins {background-color:#ff9;color:#000;text-decoration:none;}
mark {background-color:#ff9;color:#000; font-style:italic;font-weight:bold;}
hr {display:block;height:1px;border:0;border-top:1px solid #cccccc;margin:1em 0;padding:0;}


/* Common */
body { color: rgb(51,51,51); font-family: ArialMT, "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ ProN W3", メイリオ, sans-serif; line-height: 1.4; letter-spacing: -0.001em; -webkit-text-size-adjust: none; }
.column, .faq { zoom: 1; overflow: hidden; margin-bottom: 30px; }
.column:after, .faq:after { content: ""; clear: both; display: block; }
.column h1, .store h1, .faq h1 { height: 40px; margin-bottom: 10px; padding-left: 5px; background: #FDEEF1; }
.column h1 img, .store h1 img, .faq h1 img { width: 300px; height: 40px; }
.column .contents, .faq .contents { padding: 0 2%; }
p.return a { padding-left: 20px; background: url(../img/return_arrow.png) no-repeat left center; background-size: 20px 20px; display: block; }

#flink { padding: 10px; }
#flink ul li a { line-height: 1.4; text-align: center; color: #333; text-decoration: none; margin: 0 auto .5em auto; padding: .7em 0 .6em 0; border: solid 1px #999; border-radius: 5px; background: #666; background: -moz-linear-gradient(top, rgba(200,200,200,1), rgba(255,255,255,1)); background: -webkit-gradient(linear, left top, left bottom, from(rgba(200,200,200,1)), to(rgba(255,255,255,1))); display: block; }


/* Header */
#header { width: 100%; margin-bottom: 10px; background: url(../img/head_bg.gif); background-size: 300px auto; }
#headbase { width: 100%; background: url(../img/head_tochigi.png) no-repeat 0 0; background-size: 310px auto; background-position: center; }

#keyvisual { width: 310px; height: 270px; margin: 0 auto; position: relative; }
#keyvisual h1 { width: 310px; height: auto; position: absolute; left: 0; top: 20px; }
#keyvisual h2 { width: 310px; height: auto; position: absolute; left: 0x; bottom: 10px; }
#keyvisual #tochimaru { width: 130px; height: auto; position: absolute; right: 0; bottom: -10px; }
#keyvisual h1 img, #keyvisual h2 img, #keyvisual #tochimaru img { width: 100%; height: auto; }

#anchor { padding: 0 3% 4px 3%; }
#anchor ul li a { line-height: 1.4; text-align: center; color: #333; text-decoration: none; margin: 0 auto .5em auto; padding: .7em 0 .6em 0; border: solid 1px #999; border-radius: 5px; background: #666; background: -moz-linear-gradient(top, rgba(200,200,200,1), rgba(255,255,255,1)); background: -webkit-gradient(linear, left top, left bottom, from(rgba(200,200,200,1)), to(rgba(255,255,255,1))); display: block; }

#overview { padding: 0 2%; }
#overview p { font-size: 105%; line-height: 1.5; font-weight: bold; color: #C06; padding-bottom: 1em; }

#store p a { line-height: 1.4; text-align: center; color: #333; text-decoration: none; margin: .3em auto 0 auto; padding: .7em 0 .6em 0; border: solid 1px #999; border-radius: 5px; background: #666; background: -moz-linear-gradient(top, rgba(200,200,200,1), rgba(255,255,255,1)); background: -webkit-gradient(linear, left top, left bottom, from(rgba(200,200,200,1)), to(rgba(255,255,255,1))); display: block; }
#store ul li { font-size: 93%; line-height: 1.3; text-indent: -1em; padding: .5em 0 0 1em; }

/* Overview */
#outline ul { }
#outline ul li { line-height: 1.3; padding: .4em 0 .3em 0; border-bottom: dotted 1px #999; word-break: break-all; }
#outline ul li h2 { font-size: 130%; line-height: 1.3; font-weight: bold; color: #C06; padding-bottom: .1em; display: block; }
#outline ul li:first-child { padding-top: 0; }
#outline ul li:last-child { border-bottom: none; }
#outline ul li ul.entsub li { font-size: 93%; line-height: 1.3; padding-top: .4em; border-bottom: none; }
#outline ul li ul.entsub li span { color: #F9C; }
#outline ul li ul.attention { padding-top: .4em; }
#outline ul li ul.attention li { font-size: 93%; line-height: 1.3; text-indent: -1em; padding: 0 0 .3em 1em; border-bottom: none; }
#outline ul li ul.attention li:last-child { padding-bottom: 0; }
#outline p a.btn { line-height: 1.4; text-align: center; color: #333; text-decoration: none; margin: .3em auto 0 auto; padding: .7em 0 .6em 0; border: solid 1px #999; border-radius: 5px; background: #666; background: -moz-linear-gradient(top, rgba(200,200,200,1), rgba(255,255,255,1)); background: -webkit-gradient(linear, left top, left bottom, from(rgba(200,200,200,1)), to(rgba(255,255,255,1))); display: block; }

#present ul { width: 100%; max-width: 640px; margin: 0 auto; zoom: 1; overflow: hidden; }
#present ul:after { content: ""; clear: both; display: block; }
#present ul li { width: 48%; height: auto; margin: 0 1% 1% 1%; float: left; }
#present ul li img { width: 100%; height: auto; }

#notes ul { padding-top: .4em; }
#notes ul li { line-height: 1.4; text-indent: -1em; padding: 0 0 .2em 1em; }
#notes ul li span { color: #F9C; }
#notes ul#attention li { font-size: 93%; line-height: 1.3; }

#privacy ul#article { padding: .5em 0 1em 0; }
#privacy ul#article li { text-indent: -1.2em; padding: 0 0 .8em 1.2em; }
#privacy ul#article li dl dt { padding-top: .4em; }
#privacy ul#article li dl dd { text-indent: 0; padding-left:  .3em; }
#privacy dl#sponsor { padding-top: 1em; }
#privacy dl#sponsor dt { line-height: 1.2; text-align: center; margin-bottom: .4em; padding: .3em 0 .2em 0; background: #DDD; }
#privacy dl#sponsor dd ul li { font-size: 85%; line-height: 1.2em; }
#privacy dl#sponsor dd ul li a { text-align: center; color: #333; text-decoration: none; width: 49%; margin: 0 2% 1% 0; padding: 1em 0; border-radius: 5px; box-shadow: 0 0 5px 0 rgba(0,0,0,0.5) inset; float: left; display: block; }
#privacy dl#sponsor dd ul li:nth-child(2n) a { margin-right: 0; }

#entry { padding: 0 10px; }
#entry .contents { padding: 10px 10px 0 10px; border: solid 1px #900; background: #FDD; }
#entry p { font-size: 93%; line-height: 1.3; padding-bottom: .5em; }
#entry p.attention { text-indent: -1em; padding-left: 1em; }
#entry p a { line-height: 1.4; text-align: center; color: #333; text-decoration: none; padding: .7em 0 .6em 0; border: solid 1px #999; border-radius: 5px; background: #666; background: -moz-linear-gradient(top, rgba(200,200,200,1), rgba(255,255,255,1)); background: -webkit-gradient(linear, left top, left bottom, from(rgba(200,200,200,1)), to(rgba(255,255,255,1))); display: block; }


/* Shop */
.store { padding-bottom: 20px; }
.storelist { margin-bottom: 10px; padding: 0 10px; }
.storelist li { font-size: 93%; line-height: 1.3; padding: .5em 0 .3em 0; border-bottom: dotted 1px #999; }
.storelist li h4 { font-size: 105%; color: #C06; }
.store p a.btn { line-height: 1.4; text-align: center; color: #333; text-decoration: none; margin: 0 10px 10px 10px; padding: .7em 0 .6em 0; border: solid 1px #999; border-radius: 5px; background: #666; background: -moz-linear-gradient(top, rgba(200,200,200,1), rgba(255,255,255,1)); background: -webkit-gradient(linear, left top, left bottom, from(rgba(200,200,200,1)), to(rgba(255,255,255,1))); display: block; }


/* FAQ */
#faqhead { width: 320px; height: 260px; margin: 0 auto; position: relative; }
#faqhead h1 { width: 310px; height: auto; margin: 0 auto; padding-top: 10px; }
#faqhead h2 { width: 180px; height: auto; margin-left: -90px; position: absolute; left: 50%; bottom: 25px; }
#faqhead h1 img, #faqhead h2 img { width: 100%; height: auto; }

.faq dl.faqlist { padding-bottom: 1em; }
.faq dl.faqlist dt { font-size: 123%; line-height: 1.2; font-weight: bold; color: #07C; padding: .6em 0 .4em 1.8em; position: relative; }
.faq dl.faqlist dt h4 { font-size: 90%; line-height: 1.2; text-align: center; color: #07C; width: 1.6em; padding: .2em 0; border-radius: 50%; -webkit-border-radius: 50%; -moz-border-radius: 50%; background: #BDF; position: absolute; left: 0; top: .5em; display: block; }
.faq dl.faqlist dd { line-height: 1.4; padding: 0 0 10px 20px; border-bottom: dotted 1px #999; padding: .2em 0 .6em 2.2em; position: relative; }
.faq dl.faqlist dd h4 { font-size: 110%; line-height: 1.2; text-align: center; color: #900; width: 1.6em; padding: .2em 0; border-radius: 50%; -webkit-border-radius: 50%; -moz-border-radius: 50%; background: #FCC; position: absolute; left: 0; top: .1em; display: block; }
.faq dl.faqlist dd a.btn { line-height: 1.4; text-align: center; color: #333; text-decoration: none; margin: 0 auto .5em auto; padding: .7em 0 .6em 0; border: solid 1px #999; border-radius: 5px; background: #666; background: -moz-linear-gradient(top, rgba(200,200,200,1), rgba(255,255,255,1)); background: -webkit-gradient(linear, left top, left bottom, from(rgba(200,200,200,1)), to(rgba(255,255,255,1))); display: block; }
.faq dl.faqlist dd dl#iccard { padding-top: 1em; }
.faq dl.faqlist dd dl#iccard dt { font-size: 115%; line-height: 1.2; color: #F60; padding: 0 0 .3em 0; }
.faq dl.faqlist dd dl#iccard dd { padding: 0; border-bottom: none; }
.faq dl.faqlist dd dl#iccard dd ul li { padding: .3em 0 .1em 0; border-bottom: dotted 1px #999; }
.faq dl.faqlist dd dl#iccard dd ul li:last-child { border-bottom: none; }
.faq dl.faqlist dd dl#iccard dd ul li h5 span { color: #F60; padding-right: .2em; }
.faq dl.faqlist dd dl#iccard dd ul li ul li { font-size: 93%; line-height: 1.3; text-indent: -1em; padding: .2em 0 0 1em; border-bottom: none; }

.faq dl.faqlist dd dl#iccard dd ul li#mobasui dl { padding-top: 1em; }
.faq dl.faqlist dd dl#iccard dd ul li#mobasui dl dt { font-size: 100%; color: #333; }
.faq dl.faqlist dd dl#iccard dd ul li#mobasui dl dd strong { font-size: 93%; font-weight: normal; text-indent: -1em; padding: 0 0 1em 1em; display: block; }

.faq dl.faqlist dd ul.attention { font-size: 100%; padding-top: .3em; }
.faq dl.faqlist dd ul.attention li { border-bottom: none; }
.faq dl.faqlist dd ul.indent1em { padding: .3em 0; }
.faq dl.faqlist dd ul.indent1em li { text-indent: -1em; padding-left: 1em; }
.faq dl.faqlist dd ul.indent1em li ul.attention { padding: 0 0 .3em 0; }
.faq dl.faqlist dd ul.indent1em li ul.attention li { text-indent: 0; padding-left: 0; }

.faq dl.faqlist dd ul#present { padding-top: .5em; }
.faq dl.faqlist dd ul#present li { padding-left: 2.5em; position: relative; }
.faq dl.faqlist dd ul#present li h5 { color: #C06; position: absolute; left: 0; }

#finish {width:auto; height:auto; padding:1em; border:2px solid #900; margin:0 10px 1em 10px; background-color:#ffffff; line-height:1.4; color:#900;}

#entry p.finish { color:#900;font-size:95%;text-align:left;margin: 0 10px 10px 10px; }