@charset "utf-8";
@import url(reset.css);
@import url(base.css);
@import url(universal.css);

/*--------------------------------------
 Box
---------------------------------------*/
html{
	background: url(../images/share/bg_body.jpg);
	height: 100%;
}
body{
	text-align:center;
	background: url(../images/share/bg_body.jpg);
	height: 100%
}
#leaf{
	background: url(../images/share/leaf.png) center top no-repeat fixed;
	_background-image: url(../images/share/leaf.jpg);
	min-height: 100%;
	_height: 100%;
	position: relative;
}
	div#header{
		text-align: left;
		width:100%;
		height: 450px;
		position: relative;
		background: url(../images/share/bg_header.png) repeat-x;
		_background: url(../images/share/bg_header.jpg) repeat-x;
	}
	div#container{
		text-align:left;
		width:960px;
		margin:0 auto 0;
		z-index:3;
		position:relative;
		padding-bottom: 380px;
	}
		div#content{
			float:left;
			width:660px;
			background-color: transparent;
			color: #5b330a;
			margin-bottom: 120px;
		}
		div#side{
			float:right;
			width:264px;
			_height: 450px;
			background:transparent;
			position:relative;
		}
	div#footer{
		width:100%;
		background:url(../images/share/bg_footer.png) repeat-x;
		_background-image:url(../images/share/bg_footer.gif);
		height:377px;
		text-align: center;
		position: absolute;
		bottom: 0;
		left: 0;
		z-index: 3;
	}

/***********************************
header
***********************************/
div#header_wrap{
	width:668px;
	height:411px;
	position: relative;
	left: 50%;
	margin-left: -590px;
	_background: url(../images/share/kaki2.jpg) left bottom no-repeat;
	}
	div#header_wrap h1{
		text-indent: -9999px;
		height: 411px;
		_height: 239px;
		background: url(../images/share/kaki.png) no-repeat;
		_background: url(../images/share/kaki1.gif) no-repeat;
	}
/***********************************
Main menu
***********************************/
/***********************************
content
***********************************/
div#content_wrap p{
	padding-left: 4px;
}
h2{font-size: 180%;}
h3{font-size: 160%;font-weight: bold; }
h4{font-size: 114%;font-weight: bold; }
	
div#content_wrap h3{
	width: 640px;
	height: 70px;
	background-repeat: no-repeat;
	text-indent: -9999px;
}
div#content_wrap h4{
	width: 659px;
	height: 90px;
	background-repeat: no-repeat;
	text-indent: -9999px;
}

.clr_red{
	color: #a90101;
}
p#ssl{
	width: 540px;
	margin-left: 50px;
	font-size: 87%;
	color: #978369;
}
.stop{
	margin:10px 10px 60px 10px;
	background-color: #463f23;/* 2b1600 */
	/*左上、右上、右下、左下*/
	-moz-border-radius:10px;
	-webkit-border-radius:10px;
	-webkit-box-shadow: 3px 3px 10px #000;
	-moz-box-shadow:3px 3px 10px #000;
	box-shadow:3px 3px 10px #000;
}
.stop p{
	background:url(../images/share/stop.gif) 23px 18px no-repeat;
	color: #ddc;
	text-shadow: 1px 1px rgba(0,0,0,0.1);
	padding:20px 0 20px 92px!important;
}
.stop a:link{color:#ccc;}
.stop a:visited{color:#eee;}
.stop a:hover{color:#fff;}
.stop a:active{color:#fff;}

/* table */
caption{
	font-weight:bold;
	font-size:90%;
	padding-bottom:3px;
}

table{
	margin-left:8px;
}
table th,
table td{
	border:solid 1px #77430e;
}

table#schedule th,
table#schedule td{
	height:28px;
	text-align:center;
	border:solid 1px #77430e;
	white-space:nowrap;
	font-size:86%;
	_padding-left:0;
	_padding-right:0;
}

#month th{
	width:32px;
}

tr#kaki_img td{
	height:80px;
}
#oct{
	background-color:#dec994;
}
#nov{
	background-color:#885a24;
	text-shadow: 1px 1px rgba(255,255,255,0.1);
	color:#fff;
}


/***********************************
side
***********************************/
div#side_wrap{
	position:absolute;
	top:0;
	left:0;
	width:264px;
	margin-top:-428px;
}

div#menu ul{
	background:url(../images/share/menu.png) no-repeat;
	_background:url(../images/share/menu.gif) no-repeat;
	height: 457px;
}
div#menu a,
div#menu span{
	display: block;
	width: 250px;
	height: 42px;
	text-indent: -9999px;
	overflow: hidden;
	margin-left: 7px;
}

div#menu a#menu_gohome{background: url(../images/share/menu.png) -7px 0 no-repeat; height: 180px;}
div#menu a#menu_home{background: url(../images/share/menu.png) -7px -180px no-repeat; }
div#menu a#menu_lineup{background: url(../images/share/menu.png) -7px -222px no-repeat;}
div#menu a#menu_tips{background: url(../images/share/menu.png) -7px -264px no-repeat;}
div#menu a#menu_howto{background: url(../images/share/menu.png) -7px -306px no-repeat;}
div#menu a#menu_order{background: url(../images/share/menu.png) -7px -348px no-repeat;}
div#menu a#menu_contact{background: url(../images/share/menu.png) -7px -390px no-repeat;}

div#menu span#menu_gohome{background: url(../images/share/menu.png) -7px 0 no-repeat; height: 180px;}
div#menu span#menu_home{background: url(../images/share/menu.png) -271px -180px no-repeat;}
div#menu span#menu_lineup{background: url(../images/share/menu.png) -271px -222px no-repeat;}
div#menu span#menu_tips{background: url(../images/share/menu.png) -271px -264px no-repeat;}
div#menu span#menu_howto{background: url(../images/share/menu.png) -271px -306px no-repeat;}
div#menu span#menu_order{background: url(../images/share/menu.png) -271px -348px no-repeat;}
div#menu span#menu_contact{background: url(../images/share/menu.png) -271px -390px no-repeat;}

/*ie6*/
div#menu a#menu_gohome{_background-image: url(../images/share/menu.gif);}
div#menu a#menu_home{_background-image: url(../images/share/menu.gif);}
div#menu a#menu_lineup{_background-image: url(../images/share/menu.gif);}
div#menu a#menu_wakeari{_background-image: url(../images/share/menu.gif);}
div#menu a#menu_tips{_background-image: url(../images/share/menu.gif);}
div#menu a#menu_howto{_background-image: url(../images/share/menu.gif);}
div#menu a#menu_order{_background-image: url(../images/share/menu.gif);}
div#menu a#menu_contact{_background-image: url(../images/share/menu.gif);}

div#menu span#menu_gohome{_background-image: url(../images/share/menu.gif);}
div#menu span#menu_home{_background-image: url(../images/share/menu.gif);}
div#menu span#menu_lineup{_background-image: url(../images/share/menu.gif) ;}
div#menu span#menu_wakeari{_background-image: url(../images/share/menu.gif);}
div#menu span#menu_tips{_background-image: url(../images/share/menu.gif);}
div#menu span#menu_howto{_background-image: url(../images/share/menu.gif);}
div#menu span#menu_order{_background-image: url(../images/share/menu.gif);}
div#menu span#menu_contact{_background-image: url(../images/share/menu.gif);}
/*ココマデ*/

div#menu a#menu_gohome:link{background-position: -7px 0;}
div#menu a#menu_home:link{background-position: -7px -180px;}
div#menu a#menu_lineup:link{background-position: -7px -222px;}
div#menu a#menu_tips:link{background-position: -7px -264px;}
div#menu a#menu_howto:link{background-position: -7px -306px;}
div#menu a#menu_order:link{background-position: -7px -348px;}
div#menu a#menu_contact:link{background-position: -7px -390px;}

div#menu a#menu_gohome:visited{background-position: -7px 0;}
div#menu a#menu_home:visited{background-position: -7px -180px;}
div#menu a#menu_lineup:visited{background-position: -7px -222px;}
div#menu a#menu_tips:visited{background-position: -7px -264px;}
div#menu a#menu_howto:visited{background-position: -7px -306px;}
div#menu a#menu_order:visited{background-position: -7px -348px;}
div#menu a#menu_contact:visited{background-position: -7px -390px;}

div#menu a#menu_gohome:hover{background-position: -271px 0;}
div#menu a#menu_home:hover{background-position: -271px -180px;}
div#menu a#menu_lineup:hover{background-position: -271px -222px;}
div#menu a#menu_tips:hover{background-position: -271px -264px;}
div#menu a#menu_howto:hover{background-position: -271px -306px;}
div#menu a#menu_order:hover{background-position: -271px -348px;}
div#menu a#menu_contact:hover{background-position: -271px -390px;}

div#menu a#menu_gohome:active{background-position: -271px 0;}
div#menu a#menu_home:active{background-position: -271px -180px;}
div#menu a#menu_lineup:active{background-position: -271px -222px;}
div#menu a#menu_tips:active{background-position: -271px -264px;}
div#menu a#menu_howto:active{background-position: -271px -306px;}
div#menu a#menu_order:active{background-position: -271px -348px;}
div#menu a#menu_contact:active{background-position: -271px -390px;}

div#side_now{
	position: relative;
	z-index: 1;
	height:178px;
}

div#side_now dl{
	background:url(../images/share/side_now.png?2015) 0 -356px no-repeat;
	_background:url(../images/share/side_now.gif?2015) 0 0 no-repeat;
	width:264px;
	height:178px;
}
div#side_now h4,div#side_now dl dt,div#side_now dl dd{
	display:none;
}
div#side_now dl#status_reserve{
	background-position:0 -178px;
}
div#side_now dl#status_sale{
	background-position:0 0;
}


#side_wrap p{
	text-align:right;
	padding:0 8px 0 0;
}


#side_wrap #n_alert{
	position: relative;
	text-align:left;
	background:url(../images/share/side_alert.png) no-repeat;
	_background-image:url(../images/share/side_alert.gif);
	color: #373727;
	text-shadow: none;
	padding: 100px 50px 0;
	width: 164px;
	_width: 264px;
	height: 225px;
	margin:-36px 0 0 0;
	z-index:99;
	text-justify: inter-ideograph;
	text-align: justify;
}

/***********************************
Footer
***********************************/
div#footer_wrap,
div#footer_wrap a{
	color: #373727;
	text-decoration: none;
}
div#footer_wrap a:link{color: #373727;}
div#footer_wrap a:visited{color: #373727;}
div#footer_wrap a:hover{color: #fff; text-decoration: underline;}
div#footer_wrap a:active{color: #fff; text-decoration: underline;}

div#footer_wrap{
	width:960px;
	margin:0 auto;
	text-align: left;
	background-color: transparent;	
}
	p#gotop{
		width: 960px;
		float: right;
		padding-bottom: 40px;
	}
		a#pagetop{
			float: right;
			display: block;
			width: 129px;
			height: 33px;
			background: url(../images/share/bg_pagetop.png) no-repeat;
			_background-image: url(../images/share/bg_pagetop.gif) ;
			text-align: center;
			padding-top: 7px;
		}
	p#copy{
		text-align:right;
		color:#ccc;
		font-size:80%;
		line-height:40px;
	}
	
	div#foot_add{
		float: left;
		width: 290px;
	}
		span#footer_logo{
			display: block;
			width: 191px;
			height: 34px;
			background: url(../images/share/footer_logo.jpg) no-repeat;
			text-indent: -9999px;
			cursor: pointer;
		}
		address{
			line-height: 1.5;
		}
		div#foot_add img{
			margin-top: 35px;
		}
	div.footmenu{
		float: left;
		width: 203px;
	}
		div.footmenu h4{
			font-weight: bold;
			font-size: 140%;
			padding-bottom: 9px;
		}
		div.footmenu ul li{
			font-size: 105%;
		}
/*************************
no script
*************************/
noscript p{
	position:absolute;
	left:0;
	top:-300px;
	font-size:130%;
	background:#f3f3f3;
	border:3px solid #a90101;
	color:#a90101;
	width:500px;
	padding:25px;
	text-align:center;
	-webkit-box-shadow: 3px 3px 10px #000;
	-moz-box-shadow: 3px 3px 10px #000;
	-moz-border-radius:10px;
	-webkit-border-radius:10px;
}
