@charset "utf-8";

/* ------------------------- TOC 
setup
wrap around the contents
header
site navigation
common sub navigation
contents
page top
footer
 ------------------------- */

/* ============================== setup */
body { color: #fff; background-color: #fff; font-size: 12px; font-family: "Lucida Grande", Verdana, "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "MS PGothic", sans-serif; }
table { border-collapse: collapse; border-spacing: 0; }

a { color: #f39; }
a:link { color: #f39; }
a:visited { color: #f39; }
a:hover, a:active { color: #66f; }
a img, a:link img, a:visited img, a:hover img, a:active img { border: none; text-decoration: none; }

.spc { padding-bottom: 1em; }
.bullet { color: #f39; }

/* ============================== wrap around the contents */
*{ margin:0; padding:0; }
html { height:100%; }

/* ============================== pre_req */
body#pre_req { color: #666; text-align: left; background: url(../../request/img/bg_header.gif) repeat-x left top; }
body#pre_req #wrapper { width: 100%; background: url(../../request/img/bg_footer.gif) repeat-x left bottom; }
body#pre_req #wrapper_inner { width: 550px; margin: 0 auto; }

body#pre_req #header { padding-top: 10px; height: 67px; margin-bottom: 18px; }
body#pre_req #header p { float: left; }
body#pre_req #header .close { float: right; }

/*body#pre_req #contents { height: auto !important; height: 100%; min-height: 100%; margin: 0 auto -50px; }*/
body#pre_req #main h1 { margin-bottom: 20px; }
body#pre_req p { line-height: 1.5em; }
body#pre_req p.theme { padding: 10px; background: #000; color: #fff; margin: 20px 0; }
body#pre_req p.theme em { font-size: 117%; font-weight: bold; }
body#pre_req i { font-style: normal; color: #f39; }

body#pre_req #form { border-top: 1px dotted #000; margin-top: 20px; padding: 20px 0 50px 0; }
body#pre_req #form table th { width: 40%; padding: 5px; text-align: right; }
body#pre_req #form table th em { color: #f00; }
body#pre_req #form table td { width: 60%; padding: 5px; }
body#pre_req #form .bt { text-align: center; margin-top: 20px; }
body#pre_req #form .bt input { width: 100px; }

body#pre_req #footer { color: #ccc; font-size: 84%; height:auto !important; height: 50px; min-height: 50px; width: 100%; padding-top: 10px; }

/* ============================== ticket_common */
.ticket_cmn { background: #000; color: #666; }
.ticket_cmn strong { font-weight: bold; }
.ticket_cmn .small { font-size: 84%; }
.ticket_cmn .mb { margin-bottom: 20px; }

.pop { color: #666; }
.pop strong { font-weight: bold; }
.pop .small { font-size: 84%; }
.pop .mb { margin-bottom: 20px; }

.ticket_cmn #wrapper { width: 100%; background: #fff url(../img/bg_header.gif) repeat-x left top; }
.ticket_cmn #wrapper_inner { width: 750px; margin: 0 auto; }
.ticket_cmn #header { padding: 10px 0; background: url(../img/logo_30th.gif) no-repeat right 10px; height: 83px; }
.ticket_cmn #header #logo { float: left;}
.ticket_cmn #header #go_home { float: right; padding-top: 74px; }

/*g_nav*/
.ticket_cmn #gnav { margin-bottom:19px; height: 25px; }
.ticket_cmn #gnav li { float: left; margin-right: 2px; }
.ticket_cmn #gnav li#gnav_support { margin-right: 0; }
.ticket_cmn #gnav li a { display: block; background-image: url(../img/gnav.gif); height: 25px; }
.ticket_cmn #gnav li#gnav_about a { background-position: 0 0; width: 185px; }
.ticket_cmn #gnav li#gnav_contents a { background-position: -185px 0; width: 186px; }
.ticket_cmn #gnav li#gnav_ticket a { background-position: -370px 0; width: 186px; }
.ticket_cmn #gnav li#gnav_support a { background-position: -555px 0; width: 186px;  }
.ticket_cmn #gnav li#gnav_about a:hover { background-position: 0 -25px; }
.ticket_cmn #gnav li#gnav_contents a:hover { background-position: -185px -25px; }
.ticket_cmn #gnav li#gnav_ticket a:hover { background-position: -370px -25px; }
.ticket_cmn #gnav li#gnav_support a:hover { background-position: -555px -25px; }
body#about #gnav li#gnav_about a { background-position: 0 -50px; }
#contents #gnav li#gnav_contents a { background-position: -185px -50px; }
#ticket #gnav li#gnav_ticket a { background-position: -370px -50px; }
#support #gnav li#gnav_support a { background-position: -555px -50px; }

.ticket_cmn #main { margin-left: 50px; margin-top: 25px; padding-bottom: 30px; }
.ticket_cmn #main p { line-height: 1.5em; padding-bottom: 1em; }
.ticket_cmn #main h2 { color: #000; font-weight: bold; border-bottom: 1px dotted #000; padding-bottom: 3px; margin-bottom: 5px; }
.ticket_cmn #main h3 { font-weight: bold; padding-bottom: 3px; margin-bottom: 5px; }

.ticket_cmn #footer { width: 100%; background: #000; }
.ticket_cmn #footer .credit { width: 750px; margin: 0 auto; color: #ccc; font-size: 84%; padding: 10px 0 20px 0; }

/* ============================== pop_common */
.pop { background: #000; }
.pop #wrapper { width: 100%; background: #fff url(../img/bg_pop.gif) repeat-x left top; }

.pop #header { height: 50px; margin-bottom: 25px; }
.pop #header #logo { float: left; padding-top: 31px; }
.pop #header #close { float: right; padding-top: 9px; }

.pop #main h2 { color: #000; font-weight: bold; border-bottom: 1px dotted #000; padding-bottom: 3px; margin-bottom: 5px; }
.pop table { width: 100%; margin-bottom: 1em; }
.pop table th { padding: 5px 5px; width: 30%; }
.pop table td { padding: 5px 5px; width: 70%; }
.pop table input.short { width: 50px; }
.pop table input.midium { width: 150px; }
.pop table input.long { width: 300px; }
.pop .submit { margin: 10px 0 0 200px; padding-bottom: 10px; }

/* ============================== enter */
.enter { background: #000; color: #666; }
.enter strong { font-weight: bold; }
.enter .small { font-size: 84%; line-height: 1.3em; }
.enter .mb { margin-bottom: 20px; }

.enter #wrapper { width: 100%; background: #fff url(../img/2nd_bg_header.gif) repeat-x left top; }
.enter #wrapper_inner { width: 800px; margin: 0 auto; }
.enter #main_header { padding: 10px 0; background: url(../img/logo_30th.gif) no-repeat right 10px; height: 83px; }
.enter #main_header #logo { float: left;}
.enter #main_header #go_coursetop { float: right; padding-top: 70px; }
.enter #main_header #go_coursetop li { float: left; margin-left: 5px; }
.enter #main_header #go_coursetop li img { vertical-align:bottom; }
.enter #sub_header h1 { float: left; border-right: 1px solid #000; }
.enter #sub_header #nav_func { float: right; width: 189px; padding-top: 33px; }
.enter #sub_header #nav_func li.dot { border-bottom: 1px dotted #666; padding-bottom: 1px; margin-bottom: 1px; }
.enter #sub_header #nav_func li img { vertical-align:bottom; }

.enter #main { margin-top: 2px; padding-top: 15px; padding-bottom: 30px; background: url(../img/2nd_bg_main.gif) repeat-y left top; }
.enter #main .lc { width: 585px; }
.enter #main .lc p { line-height: 1.5em; }

.enter #main .rc { width: 190px; }
.enter #main .rc #enq { margin-bottom: 13px; }
.enter #main .rc #set01 { margin-bottom: 15px; }
.enter #main .rc #set02 { margin-bottom: 15px; }
.enter #main .rc #set03 { margin-bottom: 15px; }
.enter #main .rc #set04 { margin-bottom: 15px; }
.enter #main .rc #set05 { border-bottom: 1px dotted #666; border-top: 1px dotted #666; padding: 1px 0; margin-bottom: 5px; }
.enter #main .rc #set06 { padding-left: 5px; font-size: 84%; }
.enter #main .rc .lbl { margin-bottom: 5px; }
.enter #main .rc h2 { margin-bottom: 5px; }
.enter #main .rc dl { margin-bottom: 10px; }
.enter #main .rc dt { float: left; line-height: 1.5em; color: #000; font-weight: bold; }
.enter #main .rc dd { float: left; line-height: 1.5em; width: 150px; }
.enter #main .rc dd em { font-size: 84%; }

.enter #footer { width: 100%; background: #000; }
.enter #footer .credit { width: 750px; margin: 0 auto; color: #ccc; font-size: 84%; padding: 10px 0 20px 0; }