html,body,div,span,iframe,h1,h2,h3,h4,p,pre,del,em,img,b,i,dl,dt,dd,ol,ul,li,form,table,tbody,tr,th,td,article,aside,footer,header,nav,section{margin:0;padding:0;border:0;outline:0;font-size:100%;vertical-align:baseline;background:transparent;box-sizing:border-box}
article,aside,footer,header,nav,section,textarea{display:block}
body{line-height:1;overflow-wrap:break-word;word-wrap:break-word}
input,textarea,select{font-family:inherit;font-size:inherit;color:inherit;vertical-align:middle}
a{margin:0;padding:0;text-decoration:none;outline:none;font-size:100%;vertical-align:baseline;background:transparent}
a img{border-style:none}
ul,li{list-style-type:none}
.if-container{display:inline-block;margin:0 auto;height:100%;width:100%;overflow:auto;-webkit-overflow-scrolling:touch}
.ifrm{border:none;display:block;height:100%;width:100%}
.cf:before,.cf:after{content:" ";display:table}.cf:after{clear:both}
html{font-size:62.5%;height:100%}
body{
background:none;color:#cfc7c0;font-family:Verdana,Roboto,'游ゴシック','Yu Gothic','游ゴシック体','YuGothic','ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック','MS PGothic',sans-serif;font-size:1.1em;letter-spacing:.08em;line-height:1.65;padding:20px 20px 70px;text-align:left
}
a{background:url("image/back03.gif");border-radius:3px;color:#c83a4c;display:inline-block;padding: 5px;margin:5px 5px 5px 5px}
a img{vertical-align:middle}
#page{
background:url("image/background.gif"), url("image/backgroundsky.gif");background-position: bottom left, top left;background-repeat: repeat-x, repeat-x;background-color:#0a0a0b;color:#cfc7c0;padding:25px;text-align:center;height:100%
}
#page a{background:none;border-radius:0;margin:0}
#wrapper{margin:0 auto;height:100%;width:880px}
header{text-align:left;padding-bottom:20px}
#leftcolumn{float:left;margin:0 auto;text-align:center;width:300px}
#rightcolumn{
background:#121214;border:4px double #34343c;box-shadow:0px 0px 0px 0px #121214;float:right;padding:0px 0px;width:550px
}
.box15{margin:0;width:100%}
.u01,.s01{background:url("image/f-yoko.gif") repeat-x;height:25px;margin:0 32px}
.box-top{background-image:url("image/f-kado1.gif"), url("image/f-kado2.gif");background-position:top left, top right;background-repeat:no-repeat, no-repeat;height:25px}
.box-center{background-image:url("image/f-tate.gif"), url("image/f-tate.gif");background-position:top right, top left;background-repeat:repeat-y, repeat-y;padding:5px 32px}
.box-bottom{background-image:url("image/f-kado3.gif"), url("image/f-kado4.gif");background-position:top left, top right;background-repeat:no-repeat, no-repeat;height:25px}
#menu{display:block;text-align:center}
nav li a,nav li span{color:#e7e3df !important;display:block;letter-spacing:.1em;padding:5px 0;position:relative}
#menu nav li a:hover,nav li span:hover{background:url("image/back02.gif");border-radius:7px}
.sub-menu{display:none;overflow:hidden}
.sub-menu li{background:url("none");}
.sub-menu li a:after{display:none}
nav li span:after{border-top:solid 2px #cfc7c0;border-right:solid 2px #cfc7c0;content:"";display:block;margin-top:-5px;position:absolute;top:50%;right:10px;height:5px;width:5px;-ms-transform:rotate(45deg);-webkit-transform:rotate(45deg);transform:rotate(45deg)}
nav li span.open:after{-ms-transform:rotate(135deg);-webkit-transform:rotate(135deg);transform:rotate(135deg)}
.menus01{background:url("image/ue.gif") no-repeat;margin:0 auto;padding:0 10px;height:45px;width:250px}
.menus02{background:#16161a;border-left:1px solid #34343c;border-right:1px solid #34343c;margin:0 auto;padding:0 10px;width:250px}
.menus03{background:url("image/tunagi.gif") no-repeat;margin:0 auto;padding:0 10px;height:45px;width:250px}
.menus04{background:url("image/sita.gif") no-repeat;margin:0 auto;padding:0 10px;height:30px;width:250px}
#open{display:none}
.index-wrapper{margin:20px auto;width:600px;text-align:center}
#pagetop{background:rgba(10,10,11,.95);color:#cfc7c0;border-radius:3px;box-sizing:border-box;display:block;padding:10px;position:fixed;text-align:center;z-index:10}
#pagetop:hover{background:rgba(10,10,11,1)}
h1{font-size:1.7em;letter-spacing:.2em;margin-bottom:.3em;color:#e7e3df;text-shadow:0 0 16px rgba(200,58,76,.35)}
h2,.h2{border-bottom:dashed 1px #34343c;font-size:1.1em;font-weight:700;padding:.2em;margin:20px 0}
.h2:first-letter{font-size:1.5em}
h3,.h3{background:#1f1f24;border-radius:3px;text-align: center;font-size:1em;font-weight:700;margin:20px 0}
dt{font-weight:700;margin:0px 0px 5px}
dd{border-bottom:1px solid #34343c;margin:0px 0px 5px 2em}
em{background:#9e1b2f;color:#f0e9e6;font-weight:700}
input,textarea{background:#242428;border:1px dotted #6e6e78;color:#e7e3df;margin:3px 0;width:200px}
textarea{height:50px}
hr{display:block;border:0;border-top:1px dashed #34343c;margin:1em 0;padding:0;height:1px}
.marker{background:#9e1b2f;color:#f0e9e6;border:1px solid #6e1a24;border-radius:3px;padding:2px 2px}
.ln01{border-left:8px solid #34343c;margin:5px 0;padding:3px}
.ln02{border-left:8px solid #9e1b2f;margin:5px 0;padding:3px}
.textbox{border:1px dotted #6e6e78;font-size:0.9em;padding-left:1em;text-align:center;color:#8b847e}
.title{color:#cfc7c0;font-size:1.5em;font-weight:700;margin:2em 0;text-align:right}
.txt{border-left:1px solid #34343c;color:#8b847e;margin:1em;padding:0 0 0 1em}
.frame{background:#121214;border:1px dotted #6e6e78;border-radius:3px;box-shadow:0px 0px 0px #34343c;-webkit-box-shadow:0px 0px 0px #34343c}
@media screen and (max-width: 920px){#wrapper{width:600px}#rightcolumn{width:300px}}
@media screen and (max-width: 600px){
body{font-size:1.3em;padding:10px 10px 70px}
#wrapper{width:100%;position:relative}
#page header{padding-right:60px}
#contents{width:100%}
#leftcolumn{float:none;background:rgba(10,10,11,.94);padding:100px 0 20px;height:100%;width:300px;transition:all .3s;transform:translate(300px);-ms-transform:translate(300px);-webkit-transform:translate(300px);position:fixed;top:0;right:0;z-index:1000}
#leftcolumn.open{transform:translate(0);-ms-transform:translate(0);-webkit-transform:translate(0)}
aside{height:100%;overflow:auto;-webkit-overflow-scrolling:touch}
#open{color:#cfc7c0;display:inline-block;position:absolute;text-align:center;height:60px;width:60px;top:0;right:0;z-index:1001}
.open-text{position:absolute;bottom:0;left:0;width:100%}
#open .close + .open-text{color:#c83a4c}
#open-icon,#open-icon:before,#open-icon:after{background:#cfc7c0}
#open-icon{display:block;margin:-1px 0 0 -10px;position:absolute;top:20px;left:50%;height:2px;width:20px}
#open-icon:before,#open-icon:after{content:"";display:block;position:absolute;top:50%;left:0;height:2px;width:20px;transition:.3s}
#open-icon:before{margin-top:-8px}
#open-icon:after{margin-top:6px}
#open .close{background:transparent}
#open .close:before,#open .close:after{margin-top:0}
#open .close:before{-ms-transform:rotate(-45deg);-webkit-transform:rotate(-45deg);transform:rotate(-45deg);background:#c83a4c}
#open .close:after{-ms-transform:rotate(-135deg);-webkit-transform:rotate(-135deg);transform:rotate(-135deg);background:#c83a4c}
}

#gblist{margin-top:18px;text-align:left}
#gblist ul{list-style:none;padding:0;margin:0}
#gblist li{border-bottom:1px dotted #34343c;padding:8px 0;color:#b9b2ab;font-size:0.9em}
#gblist li b{color:#cfc7c0}
#gbinfo{color:#c83a4c;font-size:0.9em;min-height:1.2em}
form .title span{color:#8b847e;font-weight:400;font-size:0.85em}

.textbox .title{text-align:left !important;margin:1.2em 0 .3em}
.textbox p{margin:2px 0}