@charset "UTF-8";


@import url("basic.css");





/*
S
----------------------------------------*/

body{
	margin:0;
	padding:0;
	color:#bbbcc0;
	background:#262A39;
	text-align: center;
	font-size:12px;
	/*
	font-family:"qMmpS Pro W3", "lr oSVbN", Osaka, sans-serif;
	*/
	border:0;
	background-image: url(../images/img_bg.jpg);
}


#wrapper {
	width:100%;
	text-align:left;
	margin:0;
	padding:0;
	border:0;
}


a:link { color:#3366CC; text-decoration:none;}
a:visited { color:#3366CC; text-decoration:none;}
a:active { color:#3366CC; text-decoration:none;}
a:hover{color:#3399FF;text-decoration: underline;}



#container{
	width:800px;
	margin: 0 auto;
	background-image: url(../images/co_bk.jpg);
	background-repeat: repeat-y;
}

#top_fla{
	width:800px;
	height:422px;
	margin: 0 auto;
}

#top_navi{
	width:800px;
	height:25px;
	margin: 0 auto;
}

#top_navi2{
	width:800px;
	height:175px;
	margin: 0 auto;
}

#top_img{
	width:800px;
	height:150px;
	margin: 0px;
	background: no-repeat;
	padding: 0px;
	float: none;
}

#right{
padding:0px;
margin:0 0 20px 4px;
text-align:left;
letter-spacing:1px;
width:580px;
height:auto;
color:#333;
float:left;
}

#topicpath{
padding:10px;
margin:3px;
width:90%;
text-align:left;
background-image: url(../images/bg_main.gif);
clear:both;
}

/*
wb_[
----------------------------------------*/

#header {
	width:800px;
	height: 53px;
	background-image: url(../images/logo_top_bg.gif);
	background-repeat: no-repeat;
}

/*
C[W
----------------------------------------*/

#top_fla h2 {
	clear:both;
	text-indent : -9000px;
	display: none;
}

#top_img h2 {
	clear:both;
	text-indent : -9000px;
/*	display: none;*/
}


#top_img #plan{
	background: url(../images/img_top_reserve.jpg) no-repeat left top;
	width:800px;
	height:150px;
	padding:0;
	margin:0;
	clear:both;
	text-indent : -9999px;
}

#top_img #enkai{
	background: url(../images/img_top_enkai.jpg) no-repeat left top;
	width:800px;
	height:150px;
	padding:0;
	margin:0;
	clear:both;
	text-indent : -9999px;
}


#top_img #blog01{
	background: url(../images/img_top_blog.jpg) no-repeat left top;
	width:800px;
	height:150px;
	padding:0;
	margin:0;
	clear:both;
	display:block;
	text-indent : -9999px;
}


#top_img #blog02{
	background: url(../images/img_top_hotnews.jpg) no-repeat left top;
	width:800px;
	height:150px;
	padding:0;
	margin:0;
	clear:both;
	text-indent : -9999px;
	display:block;
}

#top_img #blog03{
	width:800px;
	height:150px;
	padding:0;
	margin:0;
	clear:both;
	text-indent : -9999px;
	display:block;
	background-image: url(../images/img_top_blogryouri.jpg);
	background-repeat: no-repeat;
	background-position: left top;
}






#top_navi2 h2 {
	clear:both;
	text-indent : -9000px;
	display: none;
}

.a_middle{
vertical-align:middle;
}


/*
S
----------------------------------------*/
#header h1 {
	float:left;
	margin:0;
	padding:0;
	width:140px;
	height:53px;
	font-size:12px;
	text-indent : -9000px;
	background-image: url(../images/logo_top.gif);
}

#header h1 a{
	text-decoration:none;
	display:block;				
	margin:0;
	padding:0;
	width:140px;
	height:53px;
}

/*
wb_[j[
----------------------------------------*/

#submenu ul {
	display:block; 
	float:right;
	margin:0px 0px 0px 0px;
	padding:0px;
	width:460px;
	height:36px;
	list-style-type:none;
}

#submenu li { 
	float:right;
	text-indent : -9000px;
}

#faq a{
	background-image: url(../images/bt_header05.gif);
	background-repeat: no-repeat;
	margin: 18px 0 0 0;
	width: 100px;
	height: 28px;
	display: block;
}


#contact a{
	background-image: url(../images/bt_header04.gif);
	background-repeat: no-repeat;
	margin: 18px 0 0 0;
	width: 81px;
	height: 28px;
	display: block;
}
#club a{
	background-image: url(../images/bt_header03.gif);
	background-repeat: no-repeat;
	margin: 18px 0 0 0;
	width: 135px;
	height: 28px;
	display: block;
}
#sight a{
	background-image: url(../images/bt_header02.gif);
	background-repeat: no-repeat;
	margin: 18px 0 0 0;
	width: 76px;
	height: 28px;
	display: block;
}
#home a{
	background-image: url(../images/bt_header01.gif);
	background-repeat: no-repeat;
	margin: 18px 0 0 0;
	width: 68px;
	height: 28px;
	display: block;
}




/*
navi
----------------------------------------*/
#navi_space{
	width: 800px;
	height: 25px;
}

#navi ul {
	display:block; 
	margin:0px 0px 0px 0px;
	padding:0px;
	width:800px;
	height:25px;
	list-style-type:none;
}

#navi li { 
	float:left;
	text-indent : -9000px;
}

#plan a{
	background-image: url(../images/navi/navi01.gif);
	background-repeat: no-repeat;
	margin: 0px 0 0 0;
	width: 171px;
	height: 25px;
	display: block;
}
#plan a:hover{
	background-image: url(../images/navi/navi01_h.gif);
}
#style a{
	background-image: url(../images/navi/navi02.gif);
	background-repeat: no-repeat;
	margin: 0px 0 0 0;
	width: 103px;
	height: 25px;
	display: block;
}
#style a:hover{
	background-image: url(../images/navi/navi02_h.gif);
}
#spa a{
	background-image: url(../images/navi/navi03.gif);
	background-repeat: no-repeat;
	margin: 0px 0 0 0;
	width: 75px;
	height: 25px;
	display: block;
}
#spa a:hover{
	background-image: url(../images/navi/navi03_h.gif);
}
#room a{
	background-image: url(../images/navi/navi04.gif);
	background-repeat: no-repeat;
	margin: 0px 0 0 0;
	width: 74px;
	height: 25px;
	display: block;
}
#room a:hover{
	background-image: url(../images/navi/navi04_h.gif);
}
#public a{
	background-image: url(../images/navi/navi05.gif);
	background-repeat: no-repeat;
	margin: 0px 0 0 0;
	width: 113px;
	height: 25px;
	display: block;
}
#public a:hover{
	background-image: url(../images/navi/navi05_h.gif);
}
#dish a{
	background-image: url(../images/navi/navi06.gif);
	background-repeat: no-repeat;
	margin: 0px 0 0 0;
	width: 136px;
	height: 25px;
	display: block;
}
#dish a:hover{
	background-image: url(../images/navi/navi06_h.gif);
}
#access a{
	background-image: url(../images/navi/navi07.gif);
	background-repeat: no-repeat;
	margin: 0px 0 0 0;
	width: 128px;
	height: 25px;
	display: block;
}
#access a:hover{
	background-image: url(../images/navi/navi07_h.gif);
}




/*
box
----------------------------------------*/
#box{
	display: block;
	background-color: #1d2233;
	height: 100%;
	margin: 0;
	background-image: url(../images/bg.gif);
	background-repeat:repeat;
	background-position:0 0px;
	width: 800px;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #6a7588;
}


#box2{
	display: block;
	background-color: #1d2233;
	height: 100%;
	margin: 0 0 0 0;
	background-image: url(../images/bg.gif);
	background-repeat:repeat;
	background-position:0 0px;
	width: 800px;
}


.box01{
width:530px;
height:auto;
background-color:#FFFFFF;
color:#333333;
padding:5px;
line-height:180%;
margin: 5px;
}


.box01a{
width:530px;
height:auto;
margin:0px auto;
padding:0;
color:#ccc;
line-height:150%;
clear:both;
}


.box01_a{
width:530px;
height:280px;
background-color:#FFFFFF;
color:#333333;
padding:5px;
line-height:180%;
}




.boxCategory{
width:541px;
margin:0px;
padding:0;
color:#ccc;
line-height:150%;
height: auto;
}




/*-- ▽reservation--*/
.box02{
width:500px;
height:auto;
margin:20px auto;
padding:5px;
background-color:#ccc;
border:5px solid #fff;
color:#333;
line-height:150%;
clear:both;
}

.box02 dl{
padding:0px;
margin:0px;
}


.box dt{
margin:0;
padding:0;
}

.box01 dd{
margin:0;
padding:0 0 0 50px;
}


.box03{
width:490px;
height:auto;
margin:0px auto;
padding:0px;
color:#333;
line-height:150%;
/*
border:1px dotted #ccc;*/
clear:both;
}


.box03a{
width:490px;
height:auto;
margin:10px auto;
padding:5px;
color:#ccc;
line-height:150%;
clear:both;
}

.box04{
width:530px;
height:auto;
background-color:#FFFFFF;
color:#333333;
padding:5px;
line-height:180%;
float:left;
margin: 10px 0px 5px;
}



/*
plan
------------------------------------------------------------*/

#vacancySearch {
background:url(../images/plan_img/bg_vacancysearch.gif) no-repeat top left;
	width:541px;
	height:65px;
	clear:both;
	padding:45px 0 0 0;
	margin:0;
	display:block; 
	text-align:center;
	}
	
#leftSearch {
background:url(../images/plan_img/bg_vacancysearch_s.gif) no-repeat top left;
	width:200px;
	height:120px;
	clear:both;
	padding:45px 0 0 0;
	margin:0;
	display:block; 
	text-align:center;
	}



.planDetails{
width:340px;
padding:0;
margin:0;
display:block;
	}


.planTitle{
background:url(../images/bg_section.gif) no-repeat;
font-size:medium;
color:#fff;
line-height:185%;
height:28px;
padding:0 0 0 15px;
width:540px;
height:30px;
margin:0;
	}
	
.planSubtitle{
	font-size:medium;
	color:#FFFFCC;
	border-bottom:3px solid #333366;
	background-color:#003366;
	color:#FFFFFF;
	line-height:165%;
	/*height:23px;*/
	padding:0 0 0px 0;
	margin:0 0 10px 0;
	clear:both;
	}

.planImg{
	width:160px;
	float:left;
	padding:0;
	clear:none;
	margin: 0;
	}



.heading{
width:500px;
height:auto;
margin:10px auto;
padding:0;
border-bottom:1px dotted #666;
color:#ccc;
line-height:17px;
clear:both;
}


.boxImg01{
width:220px;
height:50px;
margin:10px 0px 0px 15px;
padding:170px 0 0 0;
background:#FFFFFF url(../images/plan_img/img_cag01.jpg) no-repeat top center;
color:#ffffcc;
text-align:center;
line-height:150%;
float:right;
}


.boxImg02{
width:220px;
height:50px;
margin:10px 0px 0px 15px;
padding:170px 0 0 0;
background:#FFFFFF url(../images/plan_img/img_cag02.jpg) no-repeat top center;
color:#ffffcc;
text-align:center;
line-height:150%;
float:right;
}


.boxImg02a{
width:220px;
height:50px;
margin:10px 0px 0px 0px;
padding:170px 0 0 0;
background:#FFFFFF url(../images/plan_img/img_cag02a.jpg) no-repeat top center;
color:#ffffcc;
text-align:center;
line-height:150%;
float:right;
}



.boxImg03{
width:220px;
height:50px;
margin:10px 0px 0px 15px;
padding:170px 0 0 0;
background:#FFFFFF url(../images/plan_img/img_cag03.jpg) no-repeat top center;
color:#ffffcc;
text-align:center;
line-height:150%;
float:right;
}



.boxImg04{
width:220px;
height:50px;
margin:10px 0px 0px 15px;
padding:170px 0 0 0;
background:#FFFFFF url(../images/plan_img/img_cag03.jpg) no-repeat top center;
color:#ffffcc;
text-align:center;
line-height:150%;
float:right;
}


.boxImg04{
width:220px;
height:50px;
margin:10px 0px 0px 15px;
padding:170px 0 0 0;
background:#FFFFFF url(../images/plan_img/img_cag04.jpg) no-repeat top center;
color:#ffffcc;
text-align:center;
line-height:150%;
float:right;
}


.boxImg05{
width:220px;
height:50px;
margin:10px 0px 0px 0px;
padding:170px 0 0 0;
background:#FFFFFF url(../images/plan_img/img_cag05.jpg) no-repeat top center;
color:#ffffcc;
text-align:center;
line-height:150%;
float:right;
}


.boxImg06{
width:220px;
height:50px;
margin:10px 0px 0px 0px;
padding:170px 0 0 0;
background:#FFFFFF url(../images/plan_img/img_cag06.jpg) no-repeat top center;
color:#ffffcc;
text-align:center;
line-height:150%;
float:right;
}

.boxImg06_win{
width:220px;
height:50px;
margin:10px 0px 0px 0px;
padding:170px 0 0 0;
background:#FFFFFF url(../images/plan_img/img_cag06_win.jpg) no-repeat top center;
color:#ffffcc;
text-align:center;
line-height:150%;
float:right;
}


.boxImg07{
width:220px;
height:50px;
margin:10px 0px 0px 0px;
padding:170px 0 0 0;
background:#FFFFFF url(../images/plan_img/img_cag07.jpg) no-repeat top center;
color:#ffffcc;
text-align:center;
line-height:150%;
float:right;
}


.boxImg08{
width:220px;
height:50px;
margin:10px 0px 0px 0px;
padding:170px 0 0 0;
background:#FFFFFF url(../images/plan_img/img_cag08.jpg) no-repeat top center;
color:#ffffcc;
text-align:center;
line-height:150%;
float:right;
}


.boxImg09{ width:220px; height:50px; margin:10px 0px 0px 15px; padding:170px 0 0 0; background:#FFFFFF url(../images/plan_img/img_cag09.jpg) no-repeat top center; color:#ffffcc; text-align:center; line-height:150%;
float:right;

}

.boxImg10{
width:220px;
height:50px;
margin:10px 0px 0px 15px;
padding:170px 0 0 0;
background:#FFFFFF url(../images/plan_img/img_cag10.jpg) no-repeat top center;
color:#ffffcc;
text-align:center;
line-height:150%;
float:right;
}


.content_box{

width:530px;
height:auto;
margin:0px 0px 30px 0px;
padding:0px;

}

.content_box2{

width:540px;
height:200px;
margin:0px 0px 80px 0px;
padding:0px;

}

.content_box3{

width:530px;
height:auto;
margin:0px 0px 80px 0px;
padding:0px;

}

.content_box_w{

width:500px;
height:auto;
margin:0px 0px 80px 0px;
padding:0px;

}

.content_pu{
width:300px;
height:auto;
margin:0px 15px 0px 0px;
padding:0px;
}

.content_pd{
width:340px;
height:auto;
margin:0px 0px 0px 15px;
padding:0px;
}

.content_pd2{
width:400px;
height:auto;
margin:0px 0px 0px 15px;
padding:0px;
}

.content_pd3{
width:300px;
height:auto;
margin:0px 10px 0px 0px;
padding:0px;
float:right;
}
.content_pd4{
width:300px;
height:200px;
margin:0px 30px 0px 0px;
padding:0px;
float:right;
}

.content_pd5{
width:340px;
height:auto;
margin:0px 0px 0px 15px;
padding:0px;
}

.content_pd6{
width:300px;
height:auto;
margin:0px 30px 0px 15px;
padding:0px;
float:right;
}


.content_pd7{
	width:300px;
	height:auto;
	margin:0px;
	padding:10px;
	float:right;
	border: thin solid #0099CC;
}


.content_pho{
height:auto;
margin:15px 0px 0px;
padding:0px;
float:left;
}

.ph_m{

margin:0px 0px 120px 15px;
}

.ph_m2{

margin:0px 0px 120px 15px;
}
/* side plan
------------------------------------*/



.sideplan{
margin:0 auto;
padding:5px;
color:#CCCCCC;
width:100%;
clear:both;
}

.sideplan ul{
padding:0;
margin:0;
}


.sideplan li{
margin:4px 0 4px 0px;
padding:1px 0 1px 30px;
/*
border-bottom:1px solid #666;*/
height:28px;
line-height:15px;
clear:both;
/*list-style-image:none;*/
list-style-type:none;
}



li.num1{
 background-image:url(../images/topbn/num1.gif);
 background-position:left top;
 background-repeat:no-repeat;
 }

li.num2{
 background-image:url(../images/topbn/num2.gif);
 background-position:left top;
 background-repeat:no-repeat;
 }

li.num3{
 background-image:url(../images/topbn/num3.gif);
 background-position:left top;
 background-repeat:no-repeat;
 }

li.num4{
 background-image:url(../images/topbn/num4.gif);
 background-position:left top;
 background-repeat:no-repeat;
 }

li.num5{
 background-image:url(../images/topbn/num5.gif);
 background-position:left top;
 background-repeat:no-repeat;
 }

li.category {
 background-image:url(../images/plan_img/icon_ya01.gif);
 background-position:left top;
 background-repeat:no-repeat;

}


.sideplan a:link { color:#FFFFcc; text-decoration:none;}
.sideplan a:active { color:#FF6600; text-decoration:none;}
.sideplan a:hover{color:#CC6699;text-decoration: underline;}
.sideplan a:visited { color:#FFFFcc; text-decoration:none;}




.sideplan dl{
padding:0;
margin:0;
}


.sideplan dt{
margin:3px 0 2px 0px;
padding:0px 0 0px 0px;
border-bottom:1px dotted #666;
height:20px;
line-height:15px;
clear:both;
}


.sideplan dd{
margin:0px;
padding:0px 0 0px 10px;
line-height:15px;
clear:both;
}


/*
C
----------------------------------------*/

/* side plan2
------------------------------------*/

.sideplan2{
margin:0 auto;
padding:5px;
color:#CCCCCC;
width:100%;
clear:both;
}

.sideplan ul{
padding:0;
margin:0;
}


.sideplan2 li{
margin:4px 0 4px 0px;
padding:1px 0 1px 30px;
/*
border-bottom:1px solid #666;*/
height:28px;
line-height:15px;
clear:both;
/*list-style-image:none;*/
list-style-type:none;
}

li.num1{
 background-image:url(../images/topbn/num1.gif);
 background-position:left top;
 background-repeat:no-repeat;
 }


.sideplan a:link { color:#FFFFcc; text-decoration:none;}
.sideplan a:active { color:#FF6600; text-decoration:none;}
.sideplan a:hover{color:#CC6699;text-decoration: underline;}
.sideplan a:visited { color:#FFFFcc; text-decoration:none;}







	
/*
C
----------------------------------------*/
#main {
	float: right;
	width:600px;
	margin:0;
	padding:0 0 0 0;
	background-image: url(../images/bg_main.gif);
	background-repeat: repeat-x;
	background-position:0 0px;
	background-color: #1d2233;
}

#main_margin {
margin:0;
padding:17px 0 0 30px;
width:570px;
height: auto;
}

#main_margin_wh {
	margin:17px 0 0 30px;
	background-color:#fff;
	text-align:center;
}


#main2 {
	float: right;
	width:600px;
	padding:4px 0 0 0;

}


.section{
	margin:0 0 30px 0;
}



.disp{
	margin:5px 0 0 5px;
	width: 541px;
	line-height: 180%;
}

.disp ul{
	margin:0;
	padding: 0;
}
.disp li{
	list-style:none;
	margin:3px 0 0 0;
}
.disp dl{
	margin:0 0 0 30px;
}
	
.disp2{
margin:5px 0 0 5px;
width: 525px;
background: #FFFFFF url(../dish/img/back.jpg);
padding: 5px;
color: #000000;
line-height: 18px;
}


/*
TCh
----------------------------------------*/
#side {
	float: left;
	width:200px;
	padding:0 0 0px 0;
	margin:4px 0 0 0;
	background-color: #272b3a;
	vertical-align: top;
	height: 100%;
}

#side img{
	vertical-align:top;
	margin: 0;
}





/*
tb^[
----------------------------------------*/

#txtNavi {
	background-image: url(../images/img_footer.gif);
	background-repeat: repeat-y;
	clear: both;
	padding: 10px 0 0 0;
	font-size: 11px;
	text-align:right;
	margin: 0;
}

#footer {
	height:60px;
	background-image: url(../images/img_footer.gif);
	background-repeat: no-repeat;
	clear: both;
	padding: 10px 0 0 0;
	font-size: 11px;
	margin: 0;
}


/*
bookmark
----------------------------------------*/

#bookmark {
	clear: both;
	padding: 10px 0 0 0;
	margin: 0;
}


/*
Rs[Cg
----------------------------------------*/

#footer P{
	margin:0;
	padding:0;
	height:14px;
	text-indent : -9000px;
	background: url(/images/common/tx_copyright.gif) no-repeat ;
	background-position: top center;
}
				 

div.clearFix{
	margin:0;
	padding:0;
	clear:both;
	height:1px;
}




/*
eLXg
----------------------------------------*/
.bold{
font-weight:bold;
}

.txt14{
font-size:14px;
}

.bk{
color:#333;
}

.red{
color:#990033;
}

.wh{
color:#FFFFFF;
}

.ye{
color:#FFFF66;
}

.gold{
color:#CC9900;
}

.pink{
color:#FF3366;
}

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

.l_h17{
line-height:150%;
}.box_osusume {
	width:530px;
	height:auto;
	margin:0px auto;
	padding:0;
	color:#ccc;
	line-height:150%;
	clear:both;
}
.txt12_amni {
	font-size:12px;
	line-height: 20px;
	color: #000000;
	padding-left: 5px;
}
.box_company {
	width:120px;
	height:auto;
	margin:20px auto;
	padding:5px;
	background-color:#ccc;
	border:3px solid #fff;
	color:#333;
	line-height:130%;
	clear:both;
}
.box_company2 {
	width:400px;
	height:auto;
	margin:15px auto 20px;
	padding:5px;
	background-color:#ccc;
	border:3px solid #fff;
	color:#333;
	line-height:130%;
	clear:both;
	letter-spacing: 1px;
	vertical-align: 2%;
}

.box_spa {
	width:520px;
	height:auto;
	margin:15px auto 20px;
	padding:5px;
	background-color:#ccc;
	border:3px solid #fff;
	color:#333;
	line-height:130%;
	clear:both;
	letter-spacing: 1px;
	vertical-align: 2%;
}
.box_enkai { width:250px; height:auto; margin:0px auto 0px 10px; padding:3px; color:#FFFFFF; /*
border:1px dotted #ccc;*/ clear:none; float: left; }

.box_enkai2 { width:250px; height:auto; margin:0px auto; padding:0px; color:#FFFFFF; /*
border:1px dotted #ccc;*/ clear:none; float: right; }

.box_enkai_3 { width:235px; height:60px; margin:10px 0px 10px 3px; padding:5px; background:#DFE4F8 no-repeat; color:#000000; text-align:left; line-height:170%; border: 5px solid #9093A4; float: left; clear: none; }

.box_enkai_4 { width:500px; margin:10px 0px 10px 3px; padding:5px; background:#DFE4F8 no-repeat; color:#000000; text-align:left; line-height:170%; border: 5px solid #9093A4; float: none; clear: none; }





.taRight{

text-align:right;
}

.style_p{

	width:200px;
	margin:0px;
	float:left;
}

.content_box_st{

	width:580px;
	margin:0px;

}

.boxst{
width:530px;
height:auto;
color:#cccccc;
padding:5px;
line-height:130%;
float:left;
margin: 10px 0px 5px;
}



.content_pd7{
width:450px;
height:auto;
margin:0px 20px;
padding:0px;
float:left;
}

.planSubtitle_s{
	font-size:12px;
	color:#FFFFCC;
	border-bottom:3px solid #223366;
	background-color:#0099CC;
	color:#FFFFFF;
	line-height:165%;
	/*height:23px;*/
	padding:0px 0px 0px 8px;
	margin:0 0 10px 0;
	clear:both;
	}
.content_box_4 {
	width: 320px;
	height: auto;
}