@charset "utf-8";


@import url("basic.css");



/* 
faundation
/*----------------------------------------------*/


html {
 height:100%;
 /* width:100%;*/
}

body {
	font-size: small;
	color: #333333;
	text-align: center;
	background-color:#FFFFFF;
	margin: 0px;
	padding: 0px;
	height:100%;
}

a:link {
	color: #6666CC;
	text-decoration: none;
}

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

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



/* 
header
/*----------------------------------------------*/

#headerWrapper{
	width:100%;
	height:140px;
	margin:0;
	padding:0;
	background:url(../img/bg_headerwrap.jpg) repeat-x left top;
	clear:both;
}


#headerWrapper #headerNavi{
	width:960px;
	margin:0px auto;
	padding:0px;
	background:url(../img/bg_headernavi.jpg) no-repeat center top;
	height:25px;
	clear:both;
}



#headerWrapper #header{
	width:960px;
	margin:0px auto;
	padding:0px;
	text-indent:-9999px;
	text-align:left;
	height:115px;
	clear:both;
	display:block;
	background-image: url(../img/bg_header.gif);
	background-repeat: no-repeat;
	background-position: center top;
}

#headerWrapper #header a{
	width:960px;
	margin:0px auto;
	padding:0px;
	background:url(../img/bg_header.jpg) no-repeat center top;
	text-indent:-9999px;
	text-align:left;
	height:115px;
	clear:both;
	display:block;
}



/*
Reservation
-------------------------------------------------------*/


#reservation {
margin:38px 0 0 0;
padding:0px;
width:390px;
height:26px;
text-align:right;
float:left;
}


#reservation li {
	text-align: left;
	height:26px;
	padding: 0px;
	margin: 0px 0px;
	list-style-type: none;
	list-style-image:none;
	float:right;
}


#reservation a{
	display:block;
	height:100%;
	text-indent:-9999px;
}


#reservation a:focus{
	overflow: hidden;
}


#reservation li a:hover{
	background:none !important;
}


li.bnreservation{
 background-image:url(../img/navi/top_reserve_f2.gif);
 width:240px;
 background-repeat:no-repeat;
 }

li.bnreservation a{
 background-image:url(../img/navi/top_reserve.gif);
  width:240px;
   background-repeat:no-repeat;
 }







/* 
container
/*----------------------------------------------*/


#containerWrapper{
	width:100%;
	margin:0;
	padding:0;
	background:#fff url(../img/bg_containerwrap.jpg) repeat-x left top;
	clear:both;
}



#container{
	padding:0;
	margin:0px auto;
	width:960px;
	background:#fff url(../img/bg_container.jpg) repeat-x left bottom;
	clear:both;
}


#containerstart{
	width:100%;
	height:20px;
	margin:0;
	padding:0;
	background:#fff url(../img/bg_containerstart.jpg) no-repeat left top;
	clear:both;
}

#containerend{
	width:100%;
	height:30px;
	margin:0;
	padding:0;
	background:#fff url(../img/bg_containerend.jpg) repeat-x left top;
	clear:both;
}


/*
contentsTitle
-----------------------------------------------------*/

#contentstitle{
	padding:0px;
	margin:0px auto;
	width:960px;
	height:150px;
	clear:both;
}


#contentstitle #access{
	padding:0px;
	margin:0px;
	width:960px;
	height:150px;
	background: #000000 url(../img/ti_access.jpg) no-repeat center top ;
	text-indent:-9999px;
	text-align:left;
	clear:both;
}


#contentstitle #charge{
	padding:0px;
	margin:0px;
	width:960px;
	height:150px;
	background: #000000 url(../img/ti_charge.jpg) no-repeat center top ;
	text-indent:-9999px;
	text-align:left;
	clear:both;
}



#contentstitle #facilities{
	padding:0px;
	margin:0px;
	width:960px;
	height:150px;
	background: #000000 url(../img/ti_facilities.jpg) no-repeat center top ;
	text-indent:-9999px;
	text-align:left;
	clear:both;
}


#contentstitle #link{
	padding:0px;
	margin:0px;
	width:960px;
	height:150px;
	background: #000000 url(../img/ti_link.jpg) no-repeat center top ;
	text-indent:-9999px;
	text-align:left;
	clear:both;
}


#contentstitle #sight{
	padding:0px;
	margin:0px;
	width:960px;
	height:150px;
	background: #000000 url(../img/ti_sight.jpg) no-repeat center top ;
	text-indent:-9999px;
	text-align:left;
	clear:both;
}


#contentstitle #privacy{
	padding:0px;
	margin:0px;
	width:960px;
	height:150px;
	background: #000000 url(../img/ti_privacy.jpg) no-repeat center top ;
	text-indent:-9999px;
	text-align:left;
	clear:both;
}


#contentstitle #event{
	padding:0px;
	margin:0px;
	width:960px;
	height:150px;
	background: #000000 url(../img/ti_event.jpg) no-repeat center top ;
	text-indent:-9999px;
	text-align:left;
	clear:both;
}


#contentstitle #goods{
	padding:0px;
	margin:0px;
	width:960px;
	height:150px;
	background: #000000 url(../img/ti_goods.jpg) no-repeat center top ;
	text-indent:-9999px;
	text-align:left;
	clear:both;
}




#contentstitle #plan{
	padding:0px;
	margin:0px;
	width:960px;
	height:150px;
	background: #000000 url(../img/ti_plan.jpg) no-repeat center top ;
	text-indent:-9999px;
	text-align:left;
	clear:both;
}




#contentstitle #meal{
	padding:0px;
	margin:0px;
	width:960px;
	height:150px;
	background: #000000 url(../img/ti_meal.jpg) no-repeat center top ;
	text-indent:-9999px;
	text-align:left;
	clear:both;
}




#contentstitle #staffblog{
	padding:0px;
	margin:0px;
	width:960px;
	height:150px;
	background: #000000 url(../img/ti_staffblog.jpg) no-repeat center top ;
	text-indent:-9999px;
	text-align:left;
	clear:both;
}



/*
Left
-----------------------------------------------------*/

#left{
	padding:0;
	margin:0;
	width:200px;
	background:#fff url(../img/bg_left.jpg) no-repeat left top;
	float:left;
}


/*
main
-----------------------------------------------------*/


#main{
	padding:0;
	margin:0 5px;
	width:535px;
	background-color:#fff;
	text-align:left;
	line-height:150%;
	float:left;
}


#main01{
	padding:0;
	margin:0 5px;
	width:750px;
	background-color:#fff;
	text-align:left;
	line-height:150%;
	float:left;
}


#main #topicpath, #main01 #topicpath{
	padding:10px;
	margin:0px;
	text-align:left;
	clear:both;
}


#main .pageTop, #main01 .pageTop {
	padding: 20px;
	margin: 0px;
	text-align: right;
	clear:both;
}



/*
Right
-----------------------------------------------------*/

#right {
	padding:0;
	margin:0;
	background:#fff url(../img/bg_right.jpg) no-repeat right top;
	width:215px;
	float:right;
}


#right #movie{
	padding:0;
	margin:0;
	background:#fff url(../img/bg_movie.jpg) no-repeat right top;
	width:190px;
	height:160px;
	clear:both;
}


#right #blog{
	padding:40px 0 0 22px;
	margin:0;
	background:#fff url(../img/bg_blog.jpg) no-repeat right top;
	width:178px;
	height:160px;
	clear:both;
}


/*
swf
-------------------------------------------------------*/

#swfWarapper{
	padding:0;
	margin:0px;
	clear:both;
}



#swf{
	padding:0px;
	margin:0px auto;
	width:924px;
	height:400px;
	clear:both;
}


/*
#header navi
-------------------------------------------------------*/


#headerNavi #navi {
margin:0;
padding:0px;
width:960px;
text-align:left;
clear:both;
}


#headerNavi #navi li {
	height:20px;
	padding: 0px;
	margin: 0;
	list-style-type: none;
	list-style-image:none;
	text-indent:-9999px;
	text-align:left;
	float:right;
}


#headerNavi #navi a{
	display:block;
	height:100%;
	text-indent:-9999px;
}


#headerNavi #navi a:focus{
	overflow: hidden;
}


#headerNavi #navi li a:hover{
	background:none !important;
}


#headerNavi #navi li.school{
width:70px;
padding:0;
margin:0;
text-indent:-9999px;
 }

#headerNavi #navi li.goods a{
width:70px;
padding:0;
margin:0;
text-indent:-9999px;
 }


#headerNavi #navi li.japanese{
width:70px;
padding:0;
margin:0;
text-indent:-9999px;
 }

#headerNavi #navi li.japanese a{
width:70px;
padding:0;
margin:0;
text-indent:-9999px;
 }


#headerNavi #navi li.german{
width:70px;
padding:0;
margin:0;
text-indent:-9999px;
 }

#headerNavi #navi li.german a{
width:70px;
padding:0;
margin:0;
text-indent:-9999px;
 }

 
#headerNavi #navi li.english{
width:70px;
padding:0;
margin:0;
text-indent:-9999px;
 }

#headerNavi #navi li.english a{
width:70px;
padding:0;
margin:0;
text-indent:-9999px;
 }


/*
#right navi
-------------------------------------------------------*/


#right #navi {
margin:0;
padding:0px;
width:215px;
text-align:left;
clear:both;
}


#right #navi li {
	height:65px;
	width:215px;
	padding: 0px;
	margin: 0;
	list-style-type: none;
	list-style-image:none;
	clear:both;
}


#right #navi a{
	display:block;
	height:100%;
	text-indent:-9999px;
}


#right #navi a:focus{
	overflow: hidden;
}


#right #navi li a:hover{
	background:none !important;
}


#right #navi li.goods{
 background-image:url(../img/bt_goods_f2.jpg);
 }

#right #navi li.goods a{
 background-image:url(../img/bt_goods.jpg);
 }


#right #navi li.bread{
 background-image:url(../img/bt_bread_f2.jpg);
 }

#right #navi li.bread a{
 background-image:url(../img/bt_bread.jpg);
 }


#right #navi li.staffblog{
 background-image:url(../img/bt_staffblog_f2.jpg);
 }

#right #navi li.staffblog a{
 background-image:url(../img/bt_staffblog.jpg);
 }

 
#right #navi li.blog{
 background-image:url(../img/bt_blog_f2.jpg);
 }

#right #navi li.blog a{
 background-image:url(../img/bt_blog.jpg);
 }




/*
groval navi  
-------------------------------------------------------*/

#left #navi{
	width: 180px;
	margin: 0 0 0 0;
	padding: 0;
	clear:both;
}


#left #navi li {
	text-align: left;
	width:180px;
	height: 40px;
	padding: 0px;
	margin: 5px 0px;
	list-style-type: none;
	list-style-image:none;
	clear:both;
}


#left #navi a{
	display:block;
	height:100%;
	text-indent:-9999px;
}


#left #navi a:focus{
	overflow: hidden;
}


#left #navi li a:hover{
	background:none !important;
}

/*
#left #navi li.lunch{
 background-image:url(../img/dayuseplan_f2.gif);
 width:142px;
 }

#left #navi li.lunch a{
 background-image:url(../img/dayuseplan.gif);
 width:142px;
 }
*/
 
#left #navi li.plan{
 background-image:url(../img/bt_plan_f2.jpg);
 }

#left #navi li.plan a{
 background-image:url(../img/bt_plan.jpg);
 }
 

#left #navi li.banquet{
 background-image:url(../img/bt_banquet_f2.jpg);
 }

#left #navi li.banquet a{
 background-image:url(../img/bt_banquet.jpg);
 }

 
#left #navi li.facilities{
 background-image:url(../img/bt_facilities_f2.jpg);
 }

#left #navi li.facilities a{
 background-image:url(../img/bt_facilities.jpg);
 }


#left #navi li.meal{
 background-image:url(../img/bt_meal_f2.jpg);
 }

#left #navi li.meal a{
 background-image:url(../img/bt_meal.jpg);
 }
 
 
#left #navi li.charge{
 background-image:url(../img/bt_charge_f2.jpg);
 }

#left #navi li.charge a{
 background-image:url(../img/bt_charge.jpg);
 }
 

#left #navi li.access{
 background-image:url(../img/bt_access_f2.jpg);
 }

#left #navi li.access a{
 background-image:url(../img/bt_access.jpg);
 }
 
 
#left #navi li.sight{
 background-image:url(../img/bt_sight_f2.jpg);
 }

#left #navi li.sight a{
 background-image:url(../img/bt_sight.jpg);
 }
 

#left #navi li.link{
 background-image:url(../img/bt_link_f2.jpg);
 }

#left #navi li.link a{
 background-image:url(../img/bt_link.jpg);
 }


#left #navi li.event{
 background-image:url(../img/bt_event_f2.jpg);
 }

#left #navi li.event a{
 background-image:url(../img/bt_event.jpg);
 }




/*
Left navi  
-------------------------------------------------------*/


#leftnavi {
	padding: 0px;
	margin: 0px;
	clear:both;
}

#leftnavi li {
	padding:0px;
	margin: 0px 0px 0px 5px;
	list-style-image: none;
	list-style-type:none;
	height:22px;
	width:140px;
}



/*
footer
/*-------------------------------------------------*/


#footerWrapper{
	width:100%;
	margin:0;
	padding:0;
	background:#fff url(../img/bg_containerwrap.jpg) repeat-x left top;
	clear:both;
}


#footerWrapper #footer{
	padding:5px 0 0 0;
	margin:0px auto;
	background-color:#fff;
	width:960px;
	height:120px;
	clear:both;
}


#footer #txtNavi{
	clear:both;
	margin: 0px auto;
	padding:0;
}



#footer #adderess{
	text-align:right;
	margin:0px;
	padding:0px;
	clear:both;
}



#footer #copyarea{
text-align:right;
font-size:x-small;
padding:0px;
margin:0px;
clear:both;
}


/*
contents
/*----------------------------------------------*/

#main .subTitle {
	padding:0;
	margin:0 auto;
	width:495px;
	height:40px;
	text-indent:-9999px;
	clear:both;
}



/*
top
-------------------------------------------------*/

#main #okoshiyasu a{
	padding:0;
	margin:0 auto;
	background:#fff url(../img/img_okoshiyasu.jpg) no-repeat center top;
	width:490px;
	height:244px;
	text-indent:-9999px;
	clear:both;
	display:block;
}

#main #okoshiyasu {
	padding:0;
	margin:0 auto;
	background:#fff url(../img/img_okoshiyasu.jpg) no-repeat center top;
	width:490px;
	height:244px;
	text-indent:-9999px;
	clear:both;
	display:block;
}


#main #plan{
	padding:0;
	margin:0 auto;
	background:#fff url(../img/bn_plan.jpg) no-repeat center top;
	width:495px;
	height:40px;
	text-indent:-9999px;
	clear:both;
}

#main .planTitle{
	padding:0;
	margin:0 auto;
	background:#fff url(../img/top/bg_plantitle.jpg) no-repeat center bottom;
	width:475px;
	height:30px;
	clear:both;
}


#main .planImg{
	padding:0;
	margin:0;
	width:120px;
}


#main .planDetails{
	padding:0;
	margin:0;
	width:345px;
}



#main #topics {
	padding: 0px;
	clear: both;
	height: 150px;
	width: 550px;
	margin:0;
	text-align: left;
	border: 1px solid #ccc;
	overflow: auto;
}




/*
box
-------------------------------------------------*/


.section01 {
	padding: 0;
	margin:0px auto;
	width: 495px;
	clear:both;
}


.section01 dt, .section02 dt {
	margin:0;
	padding:0;
	border-bottom: 1px dotted #999999;
	clear:both;
	}

.section01 dd, .section02 dd {
	margin:0;
	padding:0 0 0 30px;
	clear:both;
	}


.section02 {
	padding: 0;
	margin:0px auto;
	width: 475px;
	clear:both;
}



.w400{
width:400px;
margin:0 auto;
padding:0;
clear:both;
}






/*
txt
-------------------------------------------------*/


.xsmall {
font-size: x-small;
}

.medium {
font-size: medium;
}

.midium{
font-size:medium;
}

.mono{
font-family: "lr SVbN", "Osaka|, monospace" ;
}


.orange {
color: #FF9900;
}


.wh {
color: #FFFFFF;
}


.red{
color:#CC0000
}

.blue{
color:#3366CC;
}

.lh150{
line-height:150%;
}
/*---------------------------------------------------*/
/*   toplink */
/*----------------------------------------------------*/


#footerlinkmenu {
	font-size:11px;
	color:#333333;
	text-align: left;
	margin: 10px auto;
	line-height:17px;
	width:750px;
	height:auto;
	padding: 0;
}


#footerlinkmenu li{
	list-style-type:none;
}


.mao{
	width:499px;
	height:245;
	clear:both;
	padding:0;
	display:block;
	margin: 0 auto;
	
}