@charset "UTF-8";
html { font-size: 62.5%; }

body { width: 100%; margin: 0 auto; padding: 0; font-size: 1.4rem; line-height: 1.3; font-family: "\30D2\30E9\30AE\30CE\89D2\30B4\20\50\72\6F\20\57\33", "Hiragino Kaku Gothic Pro", "\30e1\30a4\30ea\30aa", Meiryo, "\FF2D\FF33\20\FF30\30B4\30B7\30C3\30AF", sans-serif; color: #303030; zoom: 1; /* IEのみ */ background: #300000 url(../images/al_bk.jpg) repeat-y center 0; }

section, article, aside, div, p, img, hr { margin: 0; padding: 0; vertical-align: top; }

ul, li, dl, dt, dd { margin: 0; padding: 0; list-style: none; overflow: hidden; vertical-align: top; }

h1, h2, h3, h4 { display: inline; font-size: 1em; font-weight: normal; margin: 0; padding: 0; }

table, tr, th, td { margin: 0; padding: 0; border-spacing: 0; }

a { border: 0; color: #1D1B1B; text-decoration: none; }

span.swapimg { display: block; position: relative; z-index: -1; }

.cf { *zoom: 1; }
.cf:after { content: ''; display: block; clear: both; }

article#contents { position: relative; overflow: hidden; width: 910px; padding: 5px 15px; margin: 0 auto; background: url(../images/contents_back.jpg) repeat-y; box-sizing: border-box; }

header { display: block; position: relative; width: 100%; overflow: hidden; }
header ul { width: 100%; padding: 0; margin: 0; font-size: 0; }
header ul li { display: inline-block; font-size: 1.8rem; }
header ul li img { width: 100%; }
header ul li.logo { width: 153px; margin-right: 50px; }
header ul li.text { width: 676px; text-align: right; }
header ul li.text h1 { display: block; width: 100%; height: 44px; padding-top: 10px; box-sizing: border-box; }

section { display: block; width: 100%; margin-top: 10px; padding: 5px; background-color: #EFEFE9; border: 1px #DADACB solid; border-radius: 4px; box-sizing: border-box; }
section img.title, section img.main { width: 100%; }
section div.schedule { position: relative; width: 100%; }
section div.schedule ul.sample { position: absolute; top: 17px; right: 10px; padding: 0; margin: 0; font-size: 0; z-index: 1; }
section div.schedule ul.sample li { display: inline-block; margin-left: 20px; }
section div.schedule ul.sample li a { display: block; width: 109px; height: 16px; text-indent: 100%; white-space: nowrap; overflow: hidden; }
section div.schedule ul.sample li a.sample01 { background: url(../images/sample01.png) no-repeat; }
section div.schedule ul.sample li a.sample02 { background: url(../images/sample02.png) no-repeat; }
section div.schedule ul.sample li a.sample03 { background: url(../images/sample03.png) no-repeat; }
section div.schedule ul.sample li a:hover, section div.schedule ul.sample li a:active { background-position: bottom; }
section strong { display: block; max-height: 100%; padding: 16px 10px 8px 10px; font-size: 2.2rem; }

ul.buttons { padding: 0; margin: 20px 0; font-size: 0; text-align: center; }
ul.buttons li { display: inline-block; }
ul.buttons li.entry, ul.buttons li.regist { width: 280px; margin-right: 10px; }
ul.buttons li.credit { width: 300px; }
ul.buttons li.faq { width: 200px; margin-right: 20px; }
ul.buttons li.contact { width: 200px; }
ul.buttons a { display: block; width: 100%; height: 100px; text-indent: 100%; white-space: nowrap; overflow: hidden; }
ul.buttons a.entry { background: url(../images/index_entry.png) no-repeat; }
ul.buttons a.regist { background: url(../images/index_regist.png) no-repeat; }
ul.buttons a.credit { background: url(../images/index_credit.png) no-repeat; }
ul.buttons a.faq { height: 40px; background: url(../images/index_faq.png) no-repeat; }
ul.buttons a.contact { height: 40px; background: url(../images/index_contact.png) no-repeat; }
ul.buttons a:hover, ul.buttons a:active { background-position: bottom; }

img.past { display: block; width: 100%; margin: 25px 0; }

footer { display: block; width: 100%; margin-top: 25px; font-size: 1rem; }
footer div.regist { width: 100%; padding: 6px; background: #EFEDDE; border: 1px #E3E3E3 solid; box-sizing: border-box; }
footer div.regist img.title { width: 100%; }
footer div.regist img.how { margin-top: 30px; width: auto; height: 30px; }
footer div.regist div.inside { padding: 25px 0 0 40px; }
footer div.regist div.inside img.text01 { width: 469px; }
footer div.regist div.inside img.text02 { width: 794px; margin-top: 20px; }
footer div.regist div.inside img.text03 { width: 565px; }
footer div.regist div.inside img.text04 { width: 749px; margin-top: 20px; }
footer div.regist div.inside img.text05 { width: 570px; }
footer div.regist div.inside img.text06 { width: 504px; margin: 20px 0; }
footer div.regist ul.links { width: 100%; padding: 0; margin: 0; font-size: 0; }
footer div.regist ul.links li { display: inline-block; width: 150px; margin: 20px 10px 0 0; }
footer div.regist ul.links li a { display: block; width: 150px; height: 79px; background-color: #fff; border: 1px #666 solid; box-sizing: border-box; text-indent: 100%; white-space: nowrap; overflow: hidden; }
footer div.regist ul.links li a.shogakukan { background: url(../images/link_shogakukan.png) no-repeat center center; }
footer div.regist ul.links li a.yahoo { background: url(../images/link_yahoo.png) no-repeat center center; }
footer div.regist ul.links li a.biglobe { background: url(../images/link_biglobe.png) no-repeat center center; }
footer div.regist ul.links li a.nifty { background: url(../images/link_nifty.png) no-repeat center center; }
footer div.regist ul.links li a.sonet { background: url(../images/link_sonet.png) no-repeat center center; }
footer div.regist ul.links li a:hover, footer div.regist ul.links li a:active { border-color: #c00; background-position: 0 1px; }
footer div.regist hr { width: 100%; height: 0; margin-top: 30px; border: 0; border-bottom: 1px #000 dotted; }
footer div.others { margin-top: 30px; }
footer div.others a { text-decoration: underline; }
footer div.copy { margin: 20px 0; text-align: center; }
footer div.isp { font-size: 2.4rem; max-height: 100%; }
footer div.isp small { font-size: 2.2rem; }
footer div.isp a { text-decoration: underline; }
footer div.others { font-size: 2.2rem; max-height: 100%; }