@charset "UTF-8";

/* Base
----------------------------------------------------*/

body {
	background: #0a0b03;
	color: #ffffff;
	font-size:80%;
	font-family: "ヒラギノ明朝 Pro W3", "Hiragino Mincyo Pro", "ＭＳ 明朝", serif;
}

* + html body {
	font-family: "メイリオ","Meiryo";
	font-size:70%;
}

body #footer {
	font-size:12px;
}

* + html body #footer {
	font-size:10px;
}

/* Link
----------------------------------------------------*/

a:link {
	color:#ffffff;
}

a:visited {
	color:#CCCCCC;
	text-decoration:none;
}

a:hover {
	color:#FF9900;
	text-decoration:underline;
}

a:active {
	color:#FF9900;
	text-decoration:none;
}

/* container
----------------------------------------------------*/
#container {
	position:relative;
	width:2900px;
}

/* contents
----------------------------------------------------*/
#contents {
	width:2900px;
}

/* h1
----------------------------------------------------*/
#contents h1 {
	position:absolute;
	top:137px;
	left:205px;
	width:213px;
	height:215px;
	line-height:0;
	font-size:0;
	z-index:1;
}

body#menu #contents h1 {
	position:static;
	width:176px;
	height:172px;
	line-height:0;
	font-size:0;
}

/* h2
----------------------------------------------------*/
#contents h2.title-1 {
	position:absolute;
	top:300px;
	left:440px;
}

#contents h2.title-2 {
	position:absolute;
	top:187px;
	left:1155px;
	width:343px;
	height:90px;
	z-index:1;
}

#map h2 {
	width:133px;
	height:19px;
	margin-bottom:8px;
	line-height:0;
	font-size:0;
}

#reservation h2 {
	margin-bottom:20px;
}

/* h3
----------------------------------------------------*/
#contents h3 {
	padding-top:10px;
}

/* h4
----------------------------------------------------*/
#contents h4 {
	font-weight:normal;
	border-left:5px solid #a26ca8;
	margin-top:5px;
	padding-left:5px;
}

/* fujiyoshi
----------------------------------------------------*/

/* photo */
p.photo1 {
	position:absolute;
	top:0;
	left:0;
	width:735px;
	height:277px;
	line-height:0;
	font-size:0;
	z-index:0;
}

p.photo2 {
	position:absolute;
	top:0;
	left:736px;
	width:374px;
	height:277px;
	line-height:0;
	font-size:0;
	z-index:0;
}

p.photo3 {
	position:absolute;
	top:0;
	left:1155px;
	width:343px;
	height:277px;
	line-height:0;
	font-size:0;
	z-index:0;
}

p.photo4 {
	position:absolute;
	top:277px;
	left:1155px;
	width:343px;
	height:277px;
	line-height:0;
	font-size:0;
	z-index:0;
}

/* greeting */
#contents #greeting {
	position:absolute;
	top:430px;
	left:440px;
	width:252px;
}

/* introduction */
#contents #introduction {
	position:absolute;
	top:277px;
	left:755px;
	width:329px;
	z-index:0;
}

#contents #introduction p {
	margin-top:13px;
	line-height:130%;
}

/* address */
#contents #fujiyoshi address {
	position:absolute;
	top:388px;
	left:50px;
}

#contents #fujiyoshi address span {
	display:block;
	padding-left:5.3em;
}

/* map
----------------------------------------------------*/
#contents #map {
	position:absolute;
	top:15px;
	left:1543px;
	width:686px;
}


#contents #map .map .map-left {
	float:left;
	width:314px;
}

#contents #map .map .map-right {
	float:right;
	width:360px;
}

#contents #map div.map p.print {
	margin-bottom:5px;
}

/* root */
#contents #map div.vehicles {
	width:314px;
}

#contents #map div.walk {
	width:360px;
}

#contents #map div.course {
	margin-top:5px;
	_height:1%;
	width:360px;
	background:url(../../images/index_bg005.gif) repeat-y left top;
}

#contents #map div.walk ul {
	float:left;
	padding:4px;
	width:105px;
}

#contents #map div.walk ul li {
	font-size:95%;
	line-height:1.2;
}

#contents #map div.walk ul img {
	margin-bottom:5px;
}

#contents #map div.walk span {
	float:left;
	margin:97px 2px;
	_margin:97px 2px 0 1px;
}

/* reservation
----------------------------------------------------*/

#reservation {
	position:absolute;
	top:0;
	left:2263px;
	width:498px;
}

div.reservation-top {
	width:498px;
	background:#0a0b03;
}

div.reservation-top div.about {
	float:left;
	width:244px;
	padding-top:15px;
}

div.reservation-bottom p img {
	float:left;
	width:244px;
}

/* topic */
div.reservation-bottom #topic {
	float:left;
	width:214px;
	_width:244px;
	padding:15px;
}

div.reservation-bottom #topic p {
	margin-bottom:1em;
}

div.reservation-bottom #topic ul li {
	list-style:disc;
	margin-left:15px;
}

/* address */
div.introduction p {
	margin-bottom:1em;
}

/* tel */
div.reservation-top p.tel {
	margin:20px 0;
}

/* footer
----------------------------------------------------*/
#footer {
	position:absolute;
	top:513px;
	left:0;
	width:2900px;
	background:#0a0b03 url(../../images/index_bg001.gif) left top repeat-x;
	font-size:12px;
}

#footer div.pagenavi {
	padding-top:30px;
	width:450px;
}

#footer div.pagenavi div.logo {
	float:left;
}

#footer div.pagenavi div.pagenavi-list {
	float:left;
	background:url(../images/com_bg002.gif) left top no-repeat;
	height:75px;
	width:375px;
}

#footer div.pagenavi div.pagenavi-list ul li {
	display:block;
	float:left;
	background:url(../images/com_ic001.gif) no-repeat 0 0.25em;
	padding:0 0 0 10px;
	margin:8px 0 0 10px;
	white-space:nowrap;
}

* html #footer div.pagenavi div.pagenavi-list ul li { /* IE6 hacks */
	margin-left:5px;
}

#footer div.pagenavi div.pagenavi-list ul ul li {
	display:inline;
	padding:0 0 0 10px;
	margin:5px 0 0 10px;
	background:url(../images/com_ic002.gif) no-repeat 0 0.35em;
	white-space:nowrap;
}

#footer div.pagenavi div.pagenavi-list ul ul li.first-child {
	margin-left:0;
}

/* general
----------------------------------------------------*/

.element-clear {
	clear:both;
}

/* clearfix
----------------------------------------------------*/

#container:after,
#contents:after,
#contents #map div.course:after,
body#menu #contents-4 div.tempura-choice:after,
#footer:after {
	content: ".";  
    display: block;  
    visibility: hidden;  
    height: 0.1px;  
    font-size: 0.1em;  
    line-height: 0;  
    clear: both;
}

#container
#contents,
#contents #map div.course,
body#menu #contents-4 div.tempura-choice,
#footer {
	display: inline-block;
}