@charset "UTF-8";
 @import url(common.css);
/* Common */
/* -------------------------------------------------------------------------------- */

/* Title */

#archive h2#no-sb { margin-top: 20px; }
#archive h2 { background: #339966 url(../images/h2-bg.gif) no-repeat right center; color: #FFFFFF; padding: 2px 10px; font-size: 110%; border-bottom: 3px solid #E5E5E5; }
#archive h2 a { color: #FFFFFF; }
#archive h3 { background: #C3D9CE url(../images/h3-bg.gif) no-repeat right center; color: #333333; padding: 2px 10px; font-size: 100%; border-bottom: 3px solid #E5E5E5; margin-top: 30px; }
#archive .ebox h3:first-child,
#archive h3.fa { margin-top: 0; }
#archive h3 a { color: #333333; }
#guidebox h3 { background: #E5E5E5 url(../images/h3-bg2.gif) no-repeat right center; border-bottom: 3px solid #CCCCCC; }
#archive h4 { background: #E5E5E5 url(../images/h3-bg2.gif) no-repeat right center; border-bottom: 3px solid #CCCCCC; color: #333333; padding: 1px 10px; font-size: 100%; }
/* Entry */

.ebox { zoom: 100%; margin-bottom: 60px; }
.ebox,
.ebox th,
.ebox td { line-height: 1.5; }
.ebox:after { content: " "; clear: both; height: 0; display: block; visibility: hidden; }
.ebox-l { margin-bottom: 0; }
/* Hosoku */

#archive .hosoku h4 { background: none; border-bottom: 3px double #CCCCCC; padding: 0 0 3px 0; margin: 0 0 3px 0; }
#archive .hosoku ul { margin-top: 0; margin-left: 1.5em; padding-left: 0; list-style: circle; }
/* Box */

#archive .topibox { border: 1px solid #CCCCCC; background: #F1F1F1; margin-bottom: 1em; }
#archive .topibox .inner { padding: 10px; zoom: 100%; }
#archive .topibox .inner:after { content: " "; clear: both; height: 0; display: block; visibility: hidden; }
/* Information */
/* -------------------------------------------------------------------------------- */

/* Info */

#infobox .box { border: 1px dotted #CCCCCC; width: 320px; margin-bottom: 20px; }
#infobox .box-l { float: left; }
#infobox .box-r { float: right; }
#infobox .box .inner { padding: 5px; zoom: 100%; }
#infobox .box .inner:after { content: " "; clear: both; height: 0; display: block; visibility: hidden; }
#infobox .box img { margin-right: 10px; float: left; }
#infobox .box h3 { margin: 0 0 0 110px; }
#infobox .box p { margin: 5px 0 0 0; }
/* Price */
#playprice #tbl-price { margin-bottom: 1em; }
#playprice .photo { float: left; width: 240px; }
#playprice .data { float: right; width: 400px; }
#playprice .data .inner { border: 1px solid #CCCCCC; background: #F1F1F1; margin-bottom: 5px; }
#playprice .data .inner2 { padding: 10px; }
.tbl-price { border-collapse: collapse; width: 100%; }
.tbl-price th,
.tbl-price td { border-bottom: 1px solid #CCCCCC; padding: 3px 5px; }
.tbl-price .nb { border-bottom: none; }
.tbl-price th { text-align: left; font-weight: normal; }
.tbl-price th.ce { text-align: center; }
td.price { text-align: right; }
th.c-y { background: #FFEDA6; }
th.c-b { background: #CCE6FF; }
th.c-p { background: #FFD3CC; }
th.c-g { background: #F1F1F1; }
#tbl-price th.c-y,
#tbl-price th.c-b,
#tbl-price th.c-p { text-align: center; border-left: 2px solid #FFFFFF; border-right: 2px solid #FFFFFF; border-bottom: none; }
.tbl-b { border: 1px solid #CCCCCC; }
/* Guide */
#guidebox dt { float: left; width: 100px; }
#guidebox dd { margin-left: 120px; }
#guidebox dl { zoom: 100%; }
#guidebox dl:after { content: " "; clear: both; height: 0; display: block; visibility: hidden; }
/* Lesson */
.profilebox { float: left; width: 480px; }
.tbl-profile { border-collapse: collapse; width: 100%; }
.tbl-profile th { width: 25%; text-align: left; white-space: nowrap; }
.tbl-profile th,
.tbl-profile td { border-bottom: 1px dotted #CCCCCC; padding: 2px 0; vertical-align: top; }
.tbl-profile .la th,
.tbl-profile .la td { border-bottom: none; }
.probox-l { float: left; }
.probox-r { float: right; }
.probox { width: 320px; }
#archive .probox h3 { margin-top: 0; }
.probox th.top { text-align: right; }
.traineebox { padding: 5px; margin-bottom: 5px; }
.traineebox2 { background: #F0F7E1; }
#trainee .profilebox { width: 470px; }
/* Online */
#online-about .box { width: 320px; }
#online-about .box .inner { background: #F1F1F1; border: 1px dotted #CCCCCC; }
#online-about .box .inner2 { padding: 10px; }
#online-about .box1 { float: left; }
#online-about .box2 { float: right; }
/* Online-guide */

#online-guide .photo { margin: 1em 0; }
#online-guide td.no { text-align: center; }
#online-guide table { border-collapse: collapse; width: 100%; }
#online-guide th,
#online-guide td { border: 1px solid #999999; padding: 5px; }
#online-guide th { background: #E5E5E5; font-weight: normal; white-space: nowrap; text-align: center; }
#online-guide table table { margin: 5px 0 0 0; }
#online-guide table table th,
#online-guide table table td { border: 1px solid #CCCCCC; }
#online-guide table table.g th { background: #DCEBC8; }
#online-guide table table.b th { background: #CBE5FF; }
#online-guide table table.a th { background: #F1F1F1; }
/* Course */
/* -------------------------------------------------------------------------------- */

.coursebox { margin-bottom: 30px; zoom: 100%; }
.coursebox:after { content: " "; clear: both; height: 0; display: block; visibility: hidden; }
.coursebox .photo { float: left; width: 240px; }
.coursebox .desc { float: right; width: 410px; }
#archive .coursebox h3 { margin: 0; padding: 0; background: none; border: none; }
.coursebox p { margin: 5px 0; }
.coursebox p.more { text-align: right; }
.tbl-course { border: 1px solid #CCCCCC; border-collapse: collapse; width: 100%; }
.tbl-course th { text-align: left; }
.tbl-course th,
.tbl-course td { border: 1px solid #CCCCCC; padding: 1px; }
.tbl-course td { text-align: center; }
.tbl-course .hole { background: #FFEDA6; }
.tbl-course .hdcp { background: #FFD3CC; }
.tbl-course .bt { background: #D8F5C8; }
.coursebox2 { zoom: 100%; margin: 0 20px 20px 0; width: 320px; float: left; }
.coursebox2:after { content: " "; clear: both; height: 0; display: block; visibility: hidden; }
.cb2r { margin-right: 0; }
#archive .coursebox2 h3 { margin: 0 0 5px 0; }
.coursebox2 .photo { margin-bottom: 5px; }
.coursebox2 table { width: 120px; float: right; }
.coursebox2 .desc { width: 190px; float: left; }
.coursebox2 p { margin: 0; }
.coursebox2 p.more { text-align: right; }
/* About */
/* -------------------------------------------------------------------------------- */

#accessbox th { color: #339966; }
/* Facility */
/* -------------------------------------------------------------------------------- */

#facilitybox .box,
#facilitybox .box-c { border: 1px dotted #CCCCCC; margin-bottom: 20px; text-align: center; padding: 5px 0; }
#facilitybox .box { width: 320px; }
#facilitybox .box-l { float: left; }
#facilitybox .box-r { float: right; }
#facilitybox .inner { zoom: 100%; margin: 0 auto; text-align: left; }
#facilitybox .box .inner { width: 308px; }
#facilitybox .box-c .inner { width: 648px; }
#facilitybox .inner:after { content: " "; clear: both; height: 0; display: block; visibility: hidden; }
#facilitybox h3 { margin: 0; }
#facilitybox img { margin: 5px 0; }
#facilitybox p { margin: 0; }
/* Restaurant */
/* ---------------------------------------- */

#rest-about h3 { margin: 0 0 10px 0; }
#rest-about .box-l { float: left; width: 200px; }
#rest-about .box-r { width: 440px; float: right; }
#rest-about .eigyo { border-collapse: collapse; border: 1px solid #CCCCCC; width: 100%; margin-bottom: 10px; }
#rest-about .eigyo th,
#rest-about .eigyo td { border: 1px solid #CCCCCC; padding: 1px 5px; }
#rest-about .eigyo th { text-align: left; }
#rest-about .menu { border: 1px dotted #CCCCCC; background-color: #F2FFF2; margin-bottom: 1em; }
#rest-about .menu .inner { padding: 10px; zoom: 100%; }
#rest-about .menu .inner:after { content: " "; clear: both; height: 0; display: block; visibility: hidden; }
#rest-about .menu ul { margin: 0; padding: 0; list-style: none; }
#rest-about .menu li { background: url(../images/p-navi01.gif) no-repeat left center; padding-left: 13px; width: 190px; float: left; }
/* Menu */
.tbl-rest { border-collapse: collapse; width: 310px; }
.tbl-rest th,
.tbl-rest td { border-bottom: 1px solid #CCCCCC; }
.tbl-rest th { text-align: left; font-weight: normal; vertical-align: top; }
.tbl-rest td { text-align: right; vertical-align: bottom; white-space: nowrap; }
.rest-l { float: left; }
.rest-r { float: right; }
div.rest-l,
div.rest-r { width: 310px; }
.tbl-rest span { color: #999999; }
/* width100% table */
.tbl-rest2 { width: 100%; }
#alcohol h4 { margin: 20px 0 0 0; }
#morning p { text-align: center; padding: 5px 0; border: 1px solid #FF6666; color: #FF3333; margin-top: 0; }
/* partymenu */
#party th.name { white-space: nowrap; padding-right: 20px; }
#party th { padding: 5px 0; }
/* Contact */
/* -------------------------------------------------------------------------------- */
#contactform { text-align: center; }
#contactform p,
#contactform h3 { text-align: left; }
#contactform table { margin: 0 auto; border: 1px solid #CCCCCC; border-collapse: collapse; }
#contactform th,
#contactform td { padding: 7px; vertical-align: top; border-bottom: 1px dotted #CCCCCC; text-align: left; }
#contactform .submit { background: #E5E5E5; border: none; text-align: right; }
#contactform .hissu { color: #FF0000; }
#contactform .i01,
#contactform textarea { width: 350px; }
/* Sitemap */
/* -------------------------------------------------------------------------------- */

#sitemapbox .clear { margin-bottom: 10px; }
#sitemapbox .box { border: 1px dotted #CCCCCC; width: 320px; }
#sitemapbox .box-l { float: left; }
#sitemapbox .box-r { float: right; }
#sitemapbox .box .inner { padding: 5px; zoom: 100%; }
#sitemapbox .box .inner:after { content: " "; clear: both; height: 0; display: block; visibility: hidden; }
#sitemapbox .box img { float: left; }
#sitemapbox .box h3 { margin: 0 0 0 110px; }
#sitemapbox .box p { margin: 5px 0; }
#sitemapbox .box2 { margin-left: 110px; padding: 5px; }
#sitemapbox ul { margin: 0; padding: 0; list-style: none; }
#sitemapbox li { background: url(../images/p-navi01.gif) no-repeat left center; padding-left: 13px; }
/* Quick */
/* -------------------------------------------------------------------------------- */

#quickbox .box-l { float: left; width: 340px; margin-bottom: 20px; }
#quickbox .box-r { float: right; width: 300px; margin-bottom: 20px; }
#quickbox .box-r th { width: 30%; }
.qcbox { width: 210px; float: left; margin-right: 15px; padding-top: 40px; }
.qcbox p { margin: 5px 0; }
.qcbox p.more { text-align: right; margin-bottom: 0; }
#qc-w { background: url(../../contents/course/images/t-cw.gif) no-repeat left top; }
#qc-c { background: url(../../contents/course/images/t-cc.gif) no-repeat left top; }
#qc-e { background: url(../../contents/course/images/t-ce.gif) no-repeat left top; float: right; margin-right: 0; }
.qfbox { width: 210px; float: left; margin-right: 15px; margin-bottom: 10px; }
.qfbox-r { float: right; margin-right: 0; }
.qfbox-bath { width: 435px; }
.qfbox p { margin: 5px 0 0 0; }
/* News */
/* -------------------------------------------------------------------------------- */

#newsbox .box { margin-bottom: 30px; zoom: 100%; }
#newsbox .box,
#newsbox .body,
#newsbox .more { zoom: 100%; }
#newsbox .box:after,
#newsbox .body:after,
#newsbox .more:after { content: ""; clear: both; height: 0; display: block; visibility: hidden; }
#newsbox h3 { margin: 0; }
#newsbox .date { text-align: right; margin-top: 5px; color: #999999; }
#newsbox .body { margin-top: 1em; margin-bottom: 1em; }
#newsbox .morelink { text-align: right; }
#newslog { list-style: none; margin-left: 0; padding-left: 0; }
#newslog li { border-bottom: 1px dotted #CCCCCC; padding-bottom: 5px; margin-bottom: 5px; }
/* Topics */
/* -------------------------------------------------------------------------------- */

/* Submenu */

#categories { text-align: right; }
#categories ul { margin: 0; padding: 0; list-style: none; }
#categories li { display: inline; border-right: 1px solid #4D4D4D; padding-right: 10px; margin-right: 10px; }
#categories a { color: #4D4D4D; text-decoration: underline; }
#categories li.la { border-right: none; padding-right: 0; margin-right: 0; }
#categories li a.on { font-weight: bold; color: #FF6600; text-decoration: none; }
/* Index */

#topibox .mikata { text-align: right; margin-bottom: 5px; }
#topibox .box { border: 1px dotted #CCCCCC; width: 320px; margin-bottom: 20px; text-align: center; padding: 5px 0; }
#topibox .box-l { float: left; }
#topibox .box-r { float: right; }
#topibox .box .inner { width: 308px; margin: 0 auto; text-align: left; zoom: 100%; }
#topibox .box .inner:after { content: " "; clear: both; height: 0; display: block; visibility: hidden; }
#topibox .box h3,
#topibox .box h4 { margin:0 0 5px 0; }
#topibox .box p { margin: 5px 0; }
#topibox ul { margin: 0; padding: 0; list-style: none; height: 130px; overflow: auto; }
#topibox li { padding: 3px 5px; }
#topibox li.bg { background: #F2F2F2; }
#topibox .navi { text-align: right; margin-top: 5px; }
#topibox .navi a { background: url(../images/p-navi01.gif) no-repeat left center; padding-left: 13px; }
#newsbox #pagenavi { zoom: 100%; }
#newsbox #pagenavi:after { content: ""; clear: both; height: 0; display: block; visibility: hidden; }
#newsbox #pagenavi,
#newsbox #pagenavi ul,
#newsbox #pagenavi li { margin: 0; padding: 0; list-style: none; }
#newsbox #pagenavi .p { width: 30%; float: left; text-align: left; }
#newsbox #pagenavi .b { width: 30%; float: right; text-align: right; }
#newsbox #pagenavi .l { text-align: center; margin: 0 30%; }
#newsbox #pagenavi .p a,
#newsbox #pagenavi .b a { background: url(../images/p-navi01.gif) no-repeat left center; padding-left: 15px; }
#newsbox #pagenavi .l span { color: #F60; font-weight: bold; }