@charset "Shift_jis";

body {  
margin: 0px;
padding: 0px;
text-align: center; 
background-color: #eeeeee;
font-family: "ＭＳ Ｐゴシック", Osaka, sans-serif;
	}
#container { 
width: 710px;
border-left: solid 1px #dddddd;
border-right: solid 1px #dddddd;
background-color: #ffffff;
text-align: left; 
}
#header {
width: 710px;
height: 82px;
background-image: url(img/header.jpg);
}

#main1 {
width: 710px;
height: 300px;
}
#box1 {
width: 498px;
height: 290px;
padding: 5px 10px 10px 10px;
float: left;
}
#box2 {
width: 182px;
height: 290px;
padding: 5px 10px 0px 0px;
float: right;
}

/*#navi {
width:690px;
height:40px;
clear: both;
text-align: left;
margin-left:10px;
}
#navi ul {
	PADDING: 0; 
	MARGIN: 0; 
	WIDTH: 690px;
	height:40px;
	list-style:none;
	text-align: left;
}
#navi li {
	float: left;
	height:40px;
	DISPLAY: block;  MARGIN: 0px
}*/

#navi {
/*width:690px;*/
height:40px;
clear: both;
text-align: left;
margin-left:10px;
}
#navi ul {
	padding: 0; 
	margin: 0; 
	/*width: 690px;*/
	height:40px;
	list-style:none;
	text-align: left;
}
#navi li {
	float: left;
	height:40px;
	display: block;
    margin: 0px;
    padding: 0;
	list-style:none;
}
#navi li.n_home{
	width:79px;}
#navi li.n_bath,#navi li.n_dish,#navi li.n_ins,
#navi li.n_area,#navi li.n_plan,#navi li.n_tea{
	width:87px;}
#navi li.n_contact{
	width:89px;}


#main2 {
width: 710px;
}
#side1 {
width: 450px;
height: auto;
padding-left: 15px;
padding-top: -2px;
float: left;
}

#side2 {
width:210px;
height: auto;
float:right;
padding-right: 15px;
padding-top: 15px;
border-bottom-style: dottod;
border-bottom-color: #71a68c;
}
#footer {
width:710px;
height:90px;
text-align:center;
clear:both;
}
#f_nav{ clear:both; margin:0 0 15px 0;}
#f_nav ul{}
#f_nav li{ float:left; list-style:none; margin:0 0 0 8px; font-size:80%;}

#bnr_fmedia{ float:right; margin:0 5px 5px 0;}


/*ロゴの画像にh1を適用*/
h1 {
margin-left:5px;
margin-top:9px;
float: left;
}
/*トピックスバナーにh2を適用*/
h2{
margin: 0 0 5px 0;
}

/*ヘッダーのEnglishに適用*/
.english {
margin-right:10px;
margin-top:45px;
float: right;
border:0;
}

/*バナーの画像に適用*/
.bottomspace {
padding-bottom: 3px;
margin-bottom: 0px;
border:0;
}

/*お知らせ*/
.p1 {
text-align: left;
text-indent: 5px;
color: #333333;
font-size:80%;
margin-top:-10px;
}
.p1 a {color: #333333;
text-decoration:none;
}
.p1 a:link {color:#333333;
}
.p1 a:visited {color:#333333;
}
.p1 a:hover {color:#ff0000;
}


/*つり橋荘について*/
.img2{
margin-top: -10px;
padding-left: 0;
float:left;
}
.p2{
text-align: left;
color: #333333;
font-size:80%;
line-height:140%;
margin-top:0px;
margin-bottom:10px;
}

/*フォント小*/
.p3{
text-align: center;
color: #666666;
font-size:70%;
margin-top:-2px;
margin-bottom:8px;
padding:0px;
}

/*フッター部分に適用*/
.p4{
color: #333333;
font-size:10pt;
font-weight:600;
margin-top:5px;
}
.p4 strong{
font-size:11pt;
font-weight:bold;
letter-spacing:0.3em;
margin-left:8px;
margin-right:5px;
}
address {
color: #333333;
font-size:10pt;
font-style: normal;
margin-top:3px;
}
.p5{
color: #999999;
font-size:8pt;
margin-top:3px;
}
.p6{
color: #666666;
font-size:9pt;
margin-top:3px;
}


/*--------------staff*/



#staff_box1  p{
/*margin:10px 10px 0px 5px;*/
padding:0 10px;
font-size:85%;
color:#000000;
text-align:left;
line-height:1.5em;
}			   			  	

h4 {
margin-bottom:0;
font-size:100%;
color:#3F661A;
text-align:center;
}		
								 


#staff_head h1,#staff_head h2{
margin:0;
}
#staff_head h2 img { margin-left:20px;}

#staff_box1{ 
margin-top:30px;
margin-bottom:40px;
}

.img3 {
margin:0 10px 10px 15px; 
float:left; 
}		 
				 
table#staff_a {
margin:10px auto;
width:575px;
height:215px;
border:25px;
border-style:solid;
border-color:#92B958;
position:center;
clear:both;
} 

table#staff_a td {
border:1px soild #3F661A;
}
			 
table#staff_b {
margin:10px auto;
width:575px;
border:1px solid #3F661A;
position:center;
font-size:80%;
} 
table#staff_b td{
padding:5px;
border-bottom:1px solid #3F661A;
}
table#staff_b th {
width:105px;
text-align:center;
background:#3F661A;
border-bottom:1px solid #FFF;
color:#FFF;
}
table#staff_b tr.none_border th,table#staff_b tr.none_border td {
border:none;
}

#staff_box2 {
margin-top:50px;
}

#staff_box3{
width:400px;
margin-right:10px;
padding:0 5px 0 -15px;
font-size:85%;
line-height:1.5em;
border-color:#006633;
border-style:double;
list-style-type:disc;
float:left;
}

#staff_box3 h2 {
margin-top:10px;
margin-bottom:0;
font-size:100%;
text-align:center;
color:#000000;
}

#staff_box3 li{
margin:0 5px 0 -15px;
}

#staff_box4{
margin:20px auto 0;
text-align:center;
font-size:100%;
color:#26420C;
}

#staff_box4 a{
font-size:100%;
color:#26420C;
}


#foot {
width:710px;
height:50px;
margin-top:30px;
background-image:url(kyujin/foot.jpg);
background-position:bottom;
background-repeat:no-repeat;
clear:both;
text-align:center;
}

#foot a {
font-size:80%;
color:#26420C;
}

#img6{
margin-bottom:5px;
}

#img7{
margin:-15px 15px 40px 5px;
float:right;
}			
	
/*------------------------------------------menber-----*/
#menber p,#menber #privilege_area li {line-height:1.5em; font-size:12px; text-align:left;}
#menber p{padding:5px 55px;}
#menber p.attention {color:#D43D02;/* padding-top:25px;*/}
#menber #privilege_area ul { padding:10px 25px 3px 290px ;margin:0;}
#menber #privilege_area li { list-style:none; padding-left:2em; text-indent:-2em;}
#menber #privilege_area p { padding:2px 25px 2px 290px ;}
#privilege_area { background:url(member/img/privilege_bg.jpg) no-repeat 25px 30px  ; padding:0 0 10px 0;}
#sub_title {margin:10px 0 10px 55px;}
#menber b {font-size:1.1em; }
#menber b.club {color:#015901; font-size:1.2em;}

/*------------------------------------------class-----*/
.clear { clear:both; }


/*--------------------------------------------news----*/
#news {line-height:120%; list-style:none;}
#news a{color:#333; text-decoration:none;}


/*------------------------------------------search----*/
#search_box {border:solid 1px #307d59; margin:0 0 5px 0; padding:0;}
#search_box p#title {background:url(img/search.gif) no-repeat bottom right; height:21px; width:148px; text-indent:-9999px; margin:0; padding:0;}
#search_box #search_title_489ban {display:none;}
#search_box form{margin:3px 0; padding:0;}


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

div#recommend,#recommend p,#recommend td,#recommend ul,#recommend li,
#recommend dl,#recommend dt,#recommend dd,#recommend table{ margin:0; padding:0; }
#recommend li{ margin:0; list-style:none; color:#333; }

/* プランの大枠 */
#recommend .PlanView { clear:both; font-size:80%; background:#FFF;  width:450px; margin:0 0 15px 0; line-height:140%;}

/* 文章の大枠 */
#recommend .explan { /*float:left; width:250px;*/ margin:5px;  border-bottom:dashed 1px #70a38b;}

/* 画像 */
#recommend .picture { float:right; width:144px; }
#recommend .main_picture { width:144px; border:none; text-align:center; overflow:hidden; }
#recommend .yoyakuban_main_picture_img { width:150px; margin:10px 0px 10px 5px; float:right;}

/* プラン名 */
#recommend .PlanView .plan { margin-bottom:5px; padding:5px 0 0 2px; font-weight:bold; color:#a62124;
	font-size:100%; /*border-bottom:1px solid #000;*/ }

/* プラン一覧のコメント */
#recommend .explan .comment { padding:0 0 0 5px; margin:0; }

/* 部屋リスト */
#recommend .explan div.roomlist{ margin:5px 0 0 2px; padding:5px 5px 0 0; font-size:85%; }
#recommend .roomlist li { display:block; padding:2px 0 2px 2px ; margin:0 2px 0 0; background:url(img/click.gif) no-repeat right;}
#recommend .roomlist li a{  display:block; padding:2px 0 2px 2px ; color:#6f6439;}
#recommend .roomlist li a:hover{ text-decoration:underline;}

/* 「▼このプランに該当するお部屋タイプ」 */
#recommend .explan .roomlist p.room_list_header{ display:none; }

#recommend{ width:380px; margin:5px; }