@import url("menu.css");
@import url("common.css");
@import url("pico.css");
@import url("../style.css");

/* =====================================================================
　トップページ用設定　
===================================================================== */

/* ----.toptab,.shop_ad {display:none;}--------------------------------------------------------
背景　
---------------------------------------------------------------------*/
#ground_body {background-image: url(../images/shared/ground.jpg);	background-repeat: no-repeat;	background-position: center top;}

#weather {font-size:10pt; float:right;	padding-top: 20px;	padding-right: 15px;}
#weather  h4{float:right;margin-right:10px; margin-top:5px;}
.weather_link {display:none;}

.joken {padding:10px;font-size:10pt;
width:820px;
	background-color: #996600;
	margin-right: auto;
	margin-left: auto;
	border-width: 1px;
	border-style: dotted;
	border-color: #996666;

}
.error{
font-weight:bold;
padding:20px;font-size:10pt;
width:820px;
	background-color: #ff0000;
margin-top:10px;
	margin-right: auto;
	margin-left: auto;
	border-width: 1px;
	border-style: dotted;
	border-color: #996666;

}
/***コンテナー*************************/
#container{
	background-color: #2D1307;
	width: 898px;
	margin-right: auto;
	margin-left: auto;
	border-right-width: 1px;
	border-left-width: 1px;
	border-right-style: solid;
	border-left-style: solid;
	border-right-color: #CCCCCC;
	border-left-color: #CCCCCC;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #CCCCCC;
	margin-top: 15px;
}

/********中ページブロックわけ********************************/
#maincontents{width:690px; padding-right:5px; float:right;}
#sidemenu{width:180px; padding-left:10px; float:left;}

/*****Shoplist*******************************************************/
.shoplist{
	background-image: url(../images/shop/shoplist.gif);
	background-repeat: no-repeat;
	width: 870px;
	margin-top: 5px;
	margin-right: auto;
	margin-left: auto;
	padding-top:3px;

}
.shoplist a{color: #FFFF66;text-decoration: underline;}
.shoplist a:hover{color:#FF9966;}
.shoplist h3{
	font-size: 11pt;
	margin: 2px 0px;
	height: 25px;
	padding: 0px 0px 0px 60px;
	background-image: url(../images/shop/shoplist_h3.gif);	background-repeat: no-repeat;
	border-bottom:1px solid #886253;
}
.shoplist h4{font-size: 12pt;margin: 0px;padding: 3px 0px 0px 20px;	background-image: url(../images/shop/shoplist_h4.gif);	background-repeat: no-repeat;height: 31px;}
.shoplist p{padding:5px;}
.shoplist table{	width: 850px;	margin-top:5px;	margin-left: 10px;}
.shoplist td{	font-size: 80%;	vertical-align: top;}

.shoplist td.shopType{
	text-align:right;
	padding-right: 10px;
}
.shoplist td.shopType p {text-align:left;}
.shoplist .box{
	background-color: #996600;
	padding: 0px 10px;
	height: 14px;
	font-size: 12px;
	border-top: 1px solid #FFCC66;
	border-right: 1px solid #FFCC66;
	border-bottom: 1px solid #FFCC66;
	border-left: 1px solid #FFCC66;
}

table.coursePrice {width:300px; margin:0;}
table.coursePrice td {white-space:nowrap; font-size:100%;}
table.coursePrice td.minute {width:50px;}
table.coursePrice td.price {width:125px;}

/**************************/
.pagenavi{
	font-size: 11pt;
	padding: 5px 5px 5px 60px;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #996666;
	width: 785px;
	margin-right: auto;
	margin-left: auto;
	border-top-width: 1px;
	border-top-style: dotted;
	border-top-color: #996666;
	margin-top: 10px;
	background-image: url(../images/shared/page.gif);
	background-repeat: no-repeat;
	background-position: left;
}
.pagenavi a{color: #FFFFFF;}
.pagenavi a:hover{color: #FFFF66;	font-weight: bold;}
.pagenavi strong{	padding-left:10px;	color:#cccccc;	font-weight: bold;}
.shop_ad{
	background-color: #CC6600;
	padding: 3px;
	border: 1px dotted #FFFFFF;
	margin: 10px;
}
.shop_ad a{color:#ffff66;text-decoration: underline;}
.shop_ad a:hover{color:#FF9966;}
.toptab a{color:#ffffff;}
.toptab a:hover{color:#FFFF33;}
.shop_ad ul {list-style:none;}
.shop_ad li {margin:2px 5px 3px;}

.toptab li{
	list-style-type: none;
	padding: 3px;
	background-color: #CC6600;
	border: 1px solid #FFFF00;
	margin: 5px;
}

.ctrlInfo {width:580px; float:left; margin:5px 0 10px 10px;}
.ctrlInfo h4 {border-bottom:2px solid #d6ab96; margin:5px 0; padding:3px; color:#ffff66;}
.ctrlInfo p {font-size:85%;}
.newsInfo {margin-bottom:15px;}
.newsInfo .info {border-bottom:1px solid #fff; margin:0 0 15px; padding:4px; font-size:90%;}
.newsInfo .info h5 {margin:10px 0 5px; padding:0 0 2px 5px; font-size:100%; color:#ffbfa3; border-left:6px solid #c40026;}
.newsInfo ul {list-style:inside;}
.newsInfo .itemDate {margin-left:10px; font-size:80%;}
.bannerInfo {margin-bottom:10px;}
.bannerInfo dt {font-weight:bold; font-size:90%; border:1px solid #666; background:#333; margin:10px 0 5px; padding:3px;}
.bannerInfo dd {margin-bottom:5px;}
.bannerInfo pre {width:550px; overflow:auto; font-size:90%; background:#cfcfcf; color:#2d1307; padding:4px;}

/****** shop detail **************/
.shop_detail a{color:#ffff66;text-decoration: underline;}
.shop_detail a:hover{color:#FF9966;}
.shop_detail {
	background-color: #3E261B;
	border: 2px solid #D2C9C1;
	width: 876px;
	margin-top: 15px;
	margin-right: auto;
	margin-left: auto;
	clear: both;
}
.shop_detail .midashi {background-color: #231610;	width: 866px;border-bottom-width: 2px;border-bottom-style: solid;border-bottom-color: #FFFFFF;margin-right: auto;margin-left: auto;margin-bottom: 5px;}
.shop_detail .midashi p{float: right;padding: 2px 2px;margin: 5px;}
.shop_detail .midashi .news a{
	background-image: url(../images/shop/news.gif);
	background-repeat: no-repeat;
	height: 24px;
	width: 148px;
	text-indent: -9999pt;
	display: block;
}
.shop_detail .midashi .recruit a:hover{background-position:0 -24px;}

.shop_detail .midashi .recruit a{
	background-image: url(../images/shop/recruit.gif);
	background-repeat: no-repeat;
	height: 24px;
	width: 148px;
	text-indent: -9999pt;
	display: block;
}
.shop_detail .midashi .news a:hover{background-position:0 -24px;}
.shop_detail .midashi h3{	font-size: 30px;	padding: 3px;} 
.basic_info{	float: right;	width: 550px;	margin-right: 10px;}
.basic_info p{padding:5px;}
.basic_info .box{
	background-color: #996600;
	padding: 0px 10px;
	height: 15px;
	font-size: 12px;
	border-top: 1px solid #FFCC66;
	border-right: 1px solid #FFCC66;
	border-bottom: 1px solid #FFCC66;
	border-left: 1px solid #FFCC66;	
}
.basic_info h4{	background-color: #231610;	padding-top: 3px;padding-right: 3px;padding-bottom: 3px;padding-left: 5px;	margin-top: 5px;margin-bottom: 5px;}
.basic_info dl{width:545px;padding-top:10px;padding-bottom:10px;}
.basic_info dt{clear: left;float: left;}
.basic_info dd{border-bottom: 1px dotted #999999; padding-left:120px;}
.basic_info .member{
	background: url(../images/shop/member_02.gif) repeat-y top center;
	width: 540px;
	margin: 10px 0;
	background-color: #DBDBDB;
}
.basic_info .member img{	margin: 0px;	padding: 0px;}
.basic_info .member p{	color:#333333;	font-weight: bold;	padding: 0px 10px;}
.basic_info .member .footer {height:20px; background:url(../images/shop/member_03.gif) no-repeat top center;}

.basic_info .camp{
	background: url(../images/shop/camp_02.gif) repeat-y top center;
	width: 540px;
	margin: 10px 0;
	background-color: #000000;
}
.basic_info .camp img{	margin: 0px;	padding: 0px;}
.basic_info .camp p{	color:#ffffff;	font-weight: bold;	padding: 0px 10px;}
.basic_info .camp .footer {height:20px; background:url(../images/shop/camp_03.gif) no-repeat top center;}

.shop_image .gal ul{width:280px;}

.parking{background-image: url(../images/shop/parking.gif);	background-repeat: no-repeat;	display: block;	text-indent: -9999pt;height: 16px;	width: 89px;float:right; margin-top: 2px;margin-bottom: 2px;}

.shop_image{padding:10px;}
.shop_detail .contents {clear:both;	width: 840px;	margin-right: auto;	margin-left: auto;}
.shop_detail .contents table{width: 840px;	background-color: #CCCCCC;	margin-top: 10px;	margin-bottom: 10px;}
.shop_detail .contents td{	background-color: #483831;	font-size:11pt;	padding: 3px;}
.shop_detail .contents th{	background-color: #3E261B;	font-size:11pt;	padding: 3px;}
.shop_detail .contents td.number {text-align:right; white-space:nowrap;}
.shop_detail .contents td.string {text-align:center; white-space:nowrap;}
.shop_detail h4.latestNews {height:50px; background:url(../images/shop/bar_news.gif) no-repeat 0 0; text-indent:-9999px;}
.shop_detail .news {list-style:none;}
.shop_detail .news li {border-bottom:1px dashed #e6e6e6; margin:0 10px 8px; padding:0 0 3px;}
.shop_detail .news li.readMore {text-align:right; padding-right:30px; border:none;}
.shop_detail .news .publish_date {font-size:90%; margin-right:25px;}
.shop_detail .gal ul {}
.shop_detail .gal li{float: left; border: 1px solid #CCCCCC; margin:0 8px 5px 0; list-style-type: none; width:200px; overflow:hidden;}
.shop_detail .gal p{margin:2px; font-size:80%; word-break:break-all;}
.shop_detail .gal hr {border:1px solid #ce7f59; margin:8px 0; clear:both; width:832px;}

/*****Shopnews*******************************************************/

.shopnews a{color:#ffff66;text-decoration: underline;}
.shopnews a:hover{color:#FF9966;}
.shopnews {
	background-color: #000000;
	border: 2px solid #D2C9C1;
	width: 866px;
	margin-top: 15px;
	margin-right: auto;
	margin-left: auto;
	background-image: url(../images/shop/shopnews_bg.gif);
	background-repeat: repeat;
	padding: 5px;
	clear: both;
}
.shopnews .midashi {
	width: 840px;
	background-image: url(../images/shop/shopnews_title.gif);
	background-repeat: no-repeat;
	margin-right: auto;
	margin-left: auto;
	margin-bottom: 5px;

}
.shopnews .midashi p{
	float: right;
	font-size: 10pt;
	font-weight: bold;
	padding-top: 15px;
	padding-right: 10px;

}
.shopnews .midashi h3{
	font-size: 14pt;
	padding: 12px 3px 3px 10px;

	height: 40px;
} 
.shopnews .contents {
	clear:both;
	width: 840px;
	margin-right: auto;
	margin-left: auto;
	font-size: 10pt;
}
.shopnews .contents h4{
	font-size: 11pt;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #CCCCCC;
	margin-bottom: 10px;

}

.news {margin-top:10px;}
.news .box {font-size:10pt; background-color: #333333; background-image: url(../images/top/info_bg.gif); background-repeat: repeat; width: 285px; float: left; margin-left: 10px; margin-bottom: 20px; overflow: hidden;}
.news .box p{padding:5px;}
.news .box img{padding: 3px;}
.news .box h3{background-color: #333333; font-size: 11pt; font-weight: bold; padding: 3px; border: 1px solid #666666; width: 274px;}
.news .box a{color:#FFFF66; font-weight: bold; text-decoration: underline;}
.news .box a:hover{color:#FF9966; font-weight: bold;}
.news .box .btm a{background-image: url(../images/top/more.gif); background-repeat: no-repeat; height: 18px; width: 75px; text-indent: -9999pt; display: block; vertical-align: bottom;}
.news .box .btm a:hover{background-position:0 -18px;}
.news .box h3 a {display:block; overflow:hidden; white-space:nowrap;}
.news .box .caption {font-size:8pt;color:#FFCC99;}

.rss {width:57px; height:19px; overflow:hidden; float:right; display:block; margin:5px 25px 0 15px;}
.rss a {width:57px; height:19px; display:block; background:url(../images/shared/rss.gif) no-repeat 0 0; text-indent:-9999px;}
.rss a:hover {background-position:0 -19px;}
.shop_detail .rss {margin:20px 15px 0 15px;}

/**********************************************/
.t_img{
	background: url(../images/shop/news_top.gif) no-repeat 0 0;
	height: 140px;
	width: 880px;
	margin: 0 auto;
}
.t_img h2 {text-indent:-9999px;}

/****** shop recruit **************/
.shop_recruit a{color:#333333;text-decoration: underline;}
.shop_recruit a:hover{color:#ff5555;}
.shop_recruit p{color:#333333; font-size: 11pt;}
.shop_recruit {
	color:#333333;
	background-color: #3E261B;
	width: 840px;
	margin-top: 15px;
	margin-right: auto;
	margin-left: auto;
	clear: both;
	background-image: url(../images/shop/shop_recruit_box_02.gif);
	background-repeat: repeat-y;
}
.shop_recruit .midashi {
	width: 840px;
	margin-right: auto;
	margin-left: auto;

	background-image: url(../images/shop/shop_recruit_box_01.gif);
	height: 47px;
}
.shop_recruit .midashi p{
	float: right;
	font-size: 12pt;
	font-weight: bold;
	color: #333333;
	padding-top: 14px;
	padding-right: 10px;
	padding-left: 10px;
}
.shop_recruit .midashi h3{
	font-size: 20px;
	padding: 14px 3px 3px 40px;
	font-weight: bold;
	color: #CC0000;
} 
.shop_recruit .midashi a{color: #CC0000;}
.shop_recruit .midashi a:hover{color: #CC00CC;}
.shop_recruit .contents {
	clear:both;
	width: 820px;
	margin-right: auto;
	margin-left: auto;
	padding: 0px 10px 10px;
}

.shop_recruit .box {width: 489px; margin:5px 0 10px; padding:0; float: right; clear:right;}
.shop_recruit .box .midashi2 {background: url(../images/shop/shop_recruit_box_04.gif) no-repeat bottom center; padding:0 0 20px; height:40px;}
.shop_recruit .box .midashi2 .tel, .shop_recruit .box .midashi2 .mail {float:right; clear:right; padding-left:40px; width:320px; font-size:10pt; color:#333; font-weight:bold; height:20px;}
.shop_recruit .box .midashi2 .tel {background:url(../images/shop/tel.gif) no-repeat left center;}
.shop_recruit .box .midashi2 .mail {background:url(../images/shop/mail.gif) no-repeat left center;}
.shop_recruit .box p{background: url(../images/shop/shop_recruit_box_06.gif) repeat-y top center; margin:0; padding:10px 10px 0;}
.shop_recruit .box .footer {height:14px; background:url(../images/shop/shop_recruit_box_07.gif) no-repeat top center;}

.shop_recruit .lbox{
	width: 320px;
	padding-top: 10px;
	float:left;
}

.shop_recruit .contents dt {float:left; clear:left; font-size:10pt;}
.shop_recruit .contents dd{
	border-bottom: 1px dotted #666666;
	font-weight: bold;
	font-size:10pt;
	padding-left: 80px;
	margin-bottom:10px;
}
.shop_recruit .point {
	width: 820px;
	margin-right: auto;
	margin-left: auto;
}
.shop_recruit .point p{
	font-size: 90%;
	padding: 10px;
	line-height: 140%;
}
.rfoot{
	background-image: url(../images/shop/shop_recruit_box_08.gif);
	background-repeat: no-repeat;
	height: 11px;
	width: 840px;
	margin-right: auto;
	margin-left: auto;
	clear: both;
}
.shop_recruit .contents .follow {font-size:10pt;}
.shop_recruit .contents .follow a{color: #CC0000;}
.shop_recruit .contents .follow a:hover{color: #CC00CC;}


/*******金津園とは (pico)***/
.sidemenu{}
.sidemenu h2{
	background-color: #FFCC00;
	text-indent: -9999pt;
	display: block;
	height: 34px;
	width: 180px;
}
.sidemenu .kanazu {
	background-image: url(../images/kanazuen/title.gif);
}
.sidemenu .around {
	background-image: url(../images/kanazuen/title_2.gif);
}
.sidemenu dt {
	background-image: url(../images/kanazuen/dt.gif);
	display: block;
	height: 21px;
	width: 170px;
	padding-left:10px;
	padding-top:2px;
}
.sidemenu a{color:#000000;}

.sidemenu li{	list-style-type: none; font-size:11pt;}
.sidemenu .roll a{background-image:url(../images/kanazuen/menu_on2.gif);
	background-repeat:no-repeat;
	background-color:#eaead0;
	padding:7px 0 5px 25px;
	display: block;
	/*height: 24px;*/
	width: 155px;
}
.sidemenu .roll a:hover{background:url(../images/kanazuen/menu_off2.gif); background-repeat:no-repeat; background-color:#ffffa5;}

#edit {padding:5px 10px;}
/*
#edit table{
	background-color: #cccccc;
}
#edit td{
	background-color: #31251E;
	padding: 3px;
}
#edit th{
	background-color: #996600;
	padding: 3px;
}
#edit caption{
	font-weight: bold;
	color: #FFFFFF;
	margin: 5px;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #FFFFFF;
	padding: 3px;
}
#edit .foot {text-align:center;}
*/
.tn_img{
	background-image: url(../images/shop/shopnews.gif);
	background-repeat: no-repeat;
	height: 116px;
	width: 880px;
	margin-right: auto;
	margin-left: auto;
}
.tn_img h2{
	padding-top: 75px;
	padding-left: 20px;
	color: #FFFFFF;
	font-size: 16pt;
}
.ninsho {
	width: 600px;
	margin-right: auto;
	margin-left: auto;
	margin-top: 0;
	margin-bottom: 100px;
	padding-top:180px;
	background:url(../images/entrance.gif) no-repeat top right;
}
.ninsho h2{
	background-color: #CC6600;
	padding: 3px 3px 3px 10px;
	margin-left: 180px;
	margin-bottom: 20px;
}
.ninsho p{
	line-height: 150%;
	padding: 5px;
}
.ninsho ul{
	margin-top:10px;
	padding-bottom: 50px;
}
.ninsho li{
	float: left;
	list-style-type: none;
	margin-right: 10px;
}
.n01 a{background: url(../images/enter.gif) no-repeat; text-indent:-9999pt; display:block; height:50px; width:200px;  }
.n01 a:hover{background-position:0 -50px;}
.n02 a{background: url(../images/leave.gif) no-repeat; text-indent:-9999pt; display:block; height:50px; width:200px;  }
.n02 a:hover{background-position:0 -50px;}

.pico_container h3 {font-size:14px; font-weight:bold; clear:both;}
.pico_container h4 {font-size:12px; font-weight:bold; clear:both; border-bottom:1px dotted #c9b49a; margin:8px 0 0 5px;}
.pico_container a:link {color:#FFFF66; text-decoration:underline;}
.pico_container a:visited {}
.pico_container a:hover {color:#FF9966;}
.pico_container dl {margin:0 0 15px 10px;}
.pico_container dt {clear:left; float:left;}
.pico_container dd {padding-left:150px; border-bottom:1px dotted #9c8772;}
.pico_container .lft {clear:both; float:left; margin:0 5px 5px 0; text-align:center;}
.pico_container .lft span {display:block; font-size:85%;}
.pico_container p {}


.columnBody {clear:both; margin-top:30px;}
.bodyTop {margin-top:0;}
.columnBody div {clear:both; margin:0; padding:0;} /* wrap image */
.columnBody div img {margin:1px; padding:1px; border:1px solid #999; background:#fff;}
.columnBody div.lft {float:left; margin:0 4px 4px 0;}
.columnBody div.ctr {text-align:center; margin:0 auto 4px; background:transparent; border:none;}
.columnBody div.rgt {float:right; margin:0 0 4px 4px;}
.columnBody p {margin:0 0 15px; padding:0; text-indent:1em; line-height:160%;}
.columnBody p:first-letter{font-weight:bold; font-size:18px;}