@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;
}
#mine .profilebox,
#yanagawa .profilebox {
	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;
}