@charset "Shift_JIS";
/* --------------------------------------------------------
ザ・ビー赤坂　基本
-------------------------------------------------------- */
body{
	font-size:62.5%;
	line-height:150%;
	color:#666666;
	background:#EEE;
	margin:0;
	padding:0;
	text-align:center;
font-size:12px;		}

h1,form,p,ul,ol{
	margin:0;
	padding:0;
}
h2{margin-top:15px;}

h3{
	margin:0;
	padding-bottom:5px;
	color:#301600;
	font-size:x-small;
}

 h4{
	width:924px;
	height:80px;
	margin:0;
	background: url(../img/bg_g.jpg);
	background-position:top;
	text-align:left;
	}
	
td{
	font-size:80%;
	line-height:150%;
}


img{
	border:0;
}

a:link{
	color:#3366cc;
	text-decoration:underline;
}
a:visited{
	color:#cc6633;
	text-decoration:underline;
}
a:active{
	color:#660000;
	text-decoration:
	underline;
	}
a:hover{
	color:#660000;
	text-decoration:underline;
}

.a2:link				{	color:				#ffffff;
					text-decoration:		underline;		}
.a2:visited			{	color:				#ffffff;
					text-decoration:		underline;		}
.a2:active			{	color:				#660000;
					text-decoration:		underline;		}
.a2:hover			{	color:				#660000;
					text-decoration:		underline;		}	
					
.sub_link{font-size:11px;}

.text_w			{	color:				#ffffff;			font-size:10px;				}
.text_r			{	color:				#c2345e;		}
.text_b			{	color:				#3366cc;		}
.text_b				{
	font-size:10px;
	float: right;
}
.text_t			{	color:				#634D3C;		}
.text_bro			{	color:				#301600;		}
.text_bk				{	color:				#000000;	font-size:10px; float: right;}
.text_br				{	color:				#301600; }

.bg_w			{	background-color:	#ffffff;		}

.bg_border			{	background-color:	#9f8c7c;		}
.bg_menu			{	background-color:	#9f8c7c;		}
.bg_footer			{	background-color:	#9f8c7c;		}

.bg_header			{	background-color:	#ffffff;		}
.bg_title			{	background-color:	#baaca0;		}

.bg_main			{	background-color:	#f1eeeb;		}
.bg_main02			{	background-color:	#ffffff;		}
.bg_line			{	background-color:	#e2dcd7;		}
.bg_anchor			{	background-color:	#e2dcd7;		}

.bg_box_border		{	background-color:	#cccccc;		}
.bg_box_title		{	background-color:	#f8f7f5;		}
.bg_box_title_br		{	background-color:	#DFD9D3;		}
.bg_box_bg		{	background-color:	#fcfcfb;		}
.bg_box_bg		{	background-color:	#ffffff;		}

.bg_box_calendar	{	background-color:	#fdfdfc;		}
.bg_box_calendar_wd	{	background-color:	#f8f7f5;		}
.bg_box_calendar_sat	{	background-color:	#e5e5ff;
					color:				#666666;		}
.bg_box_calendar_sun	{	background-color:	#ffe5e5;
					color:				#666666;		}

.m				{	padding-left:		20px;
					padding-right:		20px;
					padding-top:		20px;
					padding-bottom:	20px;		}

.menu_top			{	padding-left:		20px;
					padding-right:		20px;
					padding-top:		15px;
					padding-bottom:	15px;		}

.m20				{	padding-left:		20px;
					padding-right:		20px;		}

.m20t				{	padding-left:		20px;
					padding-right:		0px;		}

.box				{	padding-left:		10px;
					padding-right:		10px;
					padding-top:		5px;
					padding-bottom:	5px;			}

.box_table			{	padding-left:		10px;
					padding-right:		10px;
					padding-top:		2px;
					padding-bottom:	2px;			}


/*  ---- Clearfix ----  */

.clearfix{
	zoom:1;
}
.clearfix:after{
	display:block;
	visibility:hidden;
	clear:both;
	height:0;
	content:".";
}

.clearfix { display: inline-block; }
/* Mac版IEを除外 \*/
.clearfix { display: block; }
/* */
/* --------------------------------------------------------
構造
-------------------------------------------------------- */

/* Wrapper */

#wrapper{
	width:924px;
	margin:0 auto;
	padding:0;
	background:#FFF;
	border-left:solid 1px #999;
	border-right:solid 1px #999;
}

/* Header */

#header{
	width:924px;
	height:118px;
	margin:0;
	padding:0;
	background:url(../img/bg_top.jpg) repeat-x left bottom;
}


#header #h_left{
	float:left;
	width:320px;
	height:81px;
	padding:0;
	text-align:left;
}

#header #h_left #logo{
	margin:0 0 0 14px;
}

#header #h_right{
	float:right;
	width:565px;
	margin:0 25px 0 0;
	padding:0;
	color:#000000;
	text-align:right;

}

* html #header #h_right{
    margin:0px 13px 0px 0px;
	
	}

#header #h_right h1{
	margin:0;
	color:#000000;
	font-size:12px;
	padding:10px 0 0 0;
	font-weight: normal;
}


#header br{clear:both;}


#header #navi{
	padding-left:14px;
	text-align:left;
	height:37px;
	margin:0;
}

#header #navi ul{
	margin:0;
	padding:0;
	list-style:none;
}

#header #navi li{
	margin:0;
	padding:0;
	float:left;
	text-indent:-128128px;
	list-style-type:none;
	height:37px;
	vertical-align:bottom;
}

#header #navi li a{
	margin:0;
	padding:0;
	display:block;
	height:37px;
		text-indent:-128128px;
}

#header #navi .navi1{
	width:61px;
	background: url(../img/m_01a.jpg);
	background-repeat:no-repeat;
}

#header #navi .navi1 a:hover{
	width:61px;
	background: url(../img/m_01b.jpg);
	background-repeat:no-repeat;
}
#header #navi .navi1on{
	width:61px;
	background: url(../img/m_01b.jpg);
	background-repeat:no-repeat;
}

#header #navi .navi2{
	width:129px;
	background: url(../img/m_02a.jpg);
	background-repeat:no-repeat;
}

#header #navi .navi2 a:hover{
	width:129px;
	background: url(../img/m_02b.jpg);
	background-repeat:no-repeat;
}
#header #navi .navi2on{
	width:129px;
	background: url(../img/m_02b.jpg);
	background-repeat:no-repeat;
}

#header #navi .navi3{
	width:52px;
	background: url(../img/m_03a.jpg);
	background-repeat:no-repeat;
}

#header #navi .navi3 a:hover{
	width:52px;
	background: url(../img/m_03b.jpg);
	background-repeat:no-repeat;
}
#header #navi .navi3on{
	width:52px;
	background: url(../img/m_03b.jpg);
	background-repeat:no-repeat;
}

#header #navi .navi4{
	width:106px;
	background: url(../img/m_04a.jpg);
	background-repeat:no-repeat;
}

#header #navi .navi4 a:hover{
	width:106px;
	background: url(../img/m_04b.jpg);
	background-repeat:no-repeat;
}
#header #navi .navi4on{
	width:106px;
	background: url(../img/m_04b.jpg);
	background-repeat:no-repeat;
}

#header #navi .navi5{
	width:80px;
	background: url(../img/m_05a.jpg);
	background-repeat:no-repeat;
}

#header #navi .navi5 a:hover{
	width:80px;
	background: url(../img/m_05b.jpg);
	background-repeat:no-repeat;
}
#header #navi .navi5on{
	width:80px;
	background: url(../img/m_05b.jpg);
	background-repeat:no-repeat;
}

#header #navi .navi6{
	width:53px;
	background: url(../img/m_06a.jpg);
	background-repeat:no-repeat;
}

#header #navi .navi6 a:hover{
	width:53px;
	background: url(../img/m_06b.jpg);
	background-repeat:no-repeat;
}
#header #navi .navi6on{
	width:53px;
	background: url(../img/m_06b.jpg);
	background-repeat:no-repeat;
}

#header #navi .navi7{
	width:84px;
	background: url(../img/m_07a.jpg);
	background-repeat:no-repeat;
}

#header #navi .navi7 a:hover{
	width:84px;
	background: url(../img/m_07b.jpg);
	background-repeat:no-repeat;
}
#header #navi .navi7on{
	width:84px;
	background: url(../img/m_07b.jpg);
	background-repeat:no-repeat;
}

#header #navi .navi8{
	width:74px;
	background: url(../img/m_08a.jpg);
	background-repeat:no-repeat;
}

#header #navi .navi8 a:hover{
	width:74px;
	background: url(../img/m_08b.jpg);
	background-repeat:no-repeat;
}
#header #navi .navi8on{
	width:74px;
	background: url(../img/m_08b.jpg);
	background-repeat:no-repeat;
}

#header #navi .navi9{
	width:92px;
	background: url(../img/m_09a.jpg);
	background-repeat:no-repeat;
}

#header #navi .navi9 a:hover{
	width:92px;
	background: url(../img/m_09b.jpg);
	background-repeat:no-repeat;
}
#header #navi .navi9on{
	width:92px;
	background: url(../img/m_09b.jpg);
	background-repeat:no-repeat;
}

/* Contents */

#contents{
	margin:0 auto;
	background:#FFF;
	width:924px;
	padding-top:1px;
}

#contents h4{
	width:924px;
	height:85px;
	background: url(../img/bg_g.jpg);
	text-align:left;
}

#contents td{
	font-size:80%;
	line-height:150%;
}


/* Footer */

#footer{
	margin:0;
	width:924px;
	text-align:left;
}

#footer1{
	border-top:solid 1px #999;
	padding:0;
	font-size:12px;
	line-height:160%;
	background:#FFF;
	width:924px;
	
}

#footer1 img.qr{
    padding:10px 10px 10px 24px;
	display:block;
	display:block;
	float:left;
}

#footer1 .txt{
width:320px;
	padding:10px;
	float:left;
	
}

#footer1 .qr_banner{ float:right;
  text-align:center;
   width:288px;
   padding-top:15px;}


#footer2{
	clear:both;
	border-top:solid 1px #999;
	padding:15px 10px 10px 10px;
	font-size:10px;
	line-height:150%;
	background:#EEE;
}

#footer2 div{
	padding-bottom:5px;
	font-size:12px;
	color:#634D3C;
}

#footer3{
	padding:15px 10px 10px 10px;
	background:#9F8C7C;
	height:40px;
	color:#FFF;
}

#footer3 #ad{
	float:left;
	width:520px;
}
#footer3 #ad .link{
	padding:5px 0;
}

#footer3 #ad .link a:link{
	padding:5px 0;
	color:#ffffff;
}

#footer3 #ad .link a:visited{
	padding:5px 0;
	color:#ffffff;
}

#footer3 #ad .link a:active{
	padding:5px 0;
	color:#660000;
}

#footer3 #ad .link a:hover{
	padding:5px 0;
	color:#660000;
}

#footer3 #copyright{
	padding-top:10px;
	width:auto;
	float:right;
	text-align:right;
	vertical-align:bottom;
}


/* TOP */

#flash{
width:924px;
	margin:0;
	padding:0;
	font-size:12px;
}
#menu{
width:924px;
}

#menu img{
border-top:1px solid #FFF;
border-right:1px solid #FFF;
}

#captiontxt{
	width:auto;	
	padding:10px;
	font-size:11px;
	line-height:140%;
	text-align:left;
}

/* コンセプト */

.conceptsp1{
	width:463px;
	border-top:1px solid #999;
	border-right:1px solid #999;
	padding:18px 15px 18px 20px;
}
.conceptsp2{
	width:463px;
	border-top:1px solid #999;
	padding:18px 15px 18px 20px;
}
.conceptsp3{
	width:463px;
	border-top:1px solid #999;
	padding:18px 15px 18px 20px;
}
.conceptsp4{
	width:463px;
	border-top:1px solid #999;
	border-right:1px solid #999;
	padding:18px 15px 18px 20px;
}

.images{
	margin-bottom:10px;
}


/* 客室 */
#room{
	width:924px;
	background: url(../../guestroom/images/bg_b.jpg) repeat-x;
	margin-bottom:20px;
}
#groombg{
	width:885px;
	padding:0px 0px 15px 0px;
	border-bottom:1px solid #D5D0CC;

}
#groombg .pho{
	float:left;
	margin-right:4px;
}

#groombg .caption{
	font-size:10px;
	color:#301600;
}

#roominfo{
	border:1px solid #999999;
}
#roominfo th{
	font-size:x-small;
	border-bottom:1px solid #999999; 
	border-left:1px solid #999999;
	background-color:	#DFD9D3;
	text-align:left;
}

#roominfo .info1{
	font-size:x-small;
	border-bottom:1px solid #999999;
	background-color:	#DFD9D3;
	text-align:left;
	font-weight: bold;
}
#roominfo .info2{
	font-size:x-small;
	background-color:	#DFD9D3;
	text-align:left;
	font-weight: bold;
}

#roominfo .price1{
	border-bottom:1px solid #999999;
	border-left:1px solid #999999;
	text-align:right;
}
#roominfo .price2{
	border-left:1px solid #999999;
	text-align:right;
}

/* 20110421チェックインチェックアウトテキストに修正 */
.cico{width:875px; text-align:center;}

.cico_left{width:200px; float:left;}

.cico_right{width:600px; float:left; margin: 0 0 0 20px;}

.cico_mini{ border:1px solid #CCCCCC;}

.cico_mini th{ background-color: #b96682; font-size:76%; font-weight:bold; text-align:left; padding:5px; color:#FFFFFF;}

.cico_mini td{ padding:5px; border:1px dotted #CCCCCC;}

.cico_big{ border:1px solid #CCCCCC;}

.cico_big th{ background-color: #aaaaaa; font-size:76%; font-weight:bold; text-align:left; padding:5px; color:#ffffff;}

.cico_big td{ padding:5px; border:1px dotted #CCCCCC;}


/* 施設ガイド */

#check{
	border:1px solid #999999;
	margin-bottom:30px;
}
#check p{
	padding:10px 10px 10px 20px;
}

#guide{
	border:1px solid #999999;
	background: url(../../facilities/images/bg_b.jpg) ;
	background-repeat:repeat-x;
	margin-bottom:30px;
}

#guide .ph{
	margin-bottom:15px;
}

/* 周辺施設 */

#links{width:924px;
}

#links table{width:400px; }

#links td{width:50%; }

#links td table th{font-weight:normal; text-align:left; font-size:80%; padding-top:4px; width:10%; }


#links h3{
	margin:0;
	padding:0px;
	font-size:x-small;
	line-height:150%;
	color:#C2335E;
}

#links div{
	margin-bottom:30px;
}

#links .llist{
	padding:20px;
	border-right:1px dotted #D5D0CC;
	border-bottom:1px dotted #D5D0CC;
}

#links .rlist{
	padding:20px;
	border-bottom:1px dotted #D5D0CC;
}

#links .runder{
	padding:20px;
	border-right:1px dotted #D5D0CC;
}

/* アクセス */


.maptit{
	width:924px;
	height:90px;
	background: url(../img/bg_b.jpg);
	text-align:left;
}

.map{
	width:924px;
	text-align:center;
	margin:5px 0 40px 0;
}

/* TOP Reservation window */
form{margin:0; padding:0; }

img#ttl{float:left; }

table#rsv{width:924px; font-size:125%; margin:0; padding:0; }

table#rsv td{padding:0; }

table#rsv td#cts{ width:634px; color:#000000; line-height:1.6; /*background:url(../../img/top/search_arw.gif) 450px 30px no-repeat;*/ background-color:#c1b7b4; font-size:11px; }

table#rsv td#cts img{
padding:5px;
margin:5px;
}

table#rsv td#cts ul{padding:0 5px 5px 5px; margin:0 5px 5px 5px; float:left; width:500px; font-size:100%; }

table#rsv td#cts ul li{list-style-type:none; margin-left:0px; float:left; margin-right:10px; }

table#rsv td#btn{background:#8d9ab5; padding:5px; }

.clear{clear:both; _width:100%; }

#Search_A{float:left; margin-top:5px; }

#captiontxt2{
	margin:0;
	padding:10px;
	font-size:12px;
	line-height:140%;
	text-align:left;
	background:url(../../img/top/shadow.gif) 2px 0 no-repeat;
}

/* spa menu */
.price{vertical-align:bottom; }

td.menu{
	background:url(../img/ico_pink.gif) no-repeat left 8px;
	padding-left:10px;
}

td.detail{padding-left:10px; }

.head{
line-height:150%;}

					
div#menu{font-size:12px; line-height:1.2; }

td#gmenu{background:url(../img/bg_top.jpg) repeat-x left bottom; }

#captiontxt2{
	margin:0;
	padding:10px;
	font-size:12px;
	line-height:140%;
	text-align:left;
	background:url(../../img/top/shadow.gif)  repeat-x;
}

/* TOP nabber */

#banner{
  text-align:center;
   width:289px;
   border-left:1px solid #999;
   background-color:#E0E0D4;
   }
   
   .banner_movie{
   padding:5px 0;
  text-align:center;
   width:288px;
   border-left:1px solid #ccc;
   vertical-align:middle;
   }

/*トリップアドバイザー*/
.trip_advisor{border-left:1px solid #cccccc; width:180px; float:left;}
.trip{ padding:15px 0 0 0; color:#A4A4A4; font-size:10px; line-height:1.4;}

/*施設ページにムービー追加*/
.faci_movie_left{float:left; width:265px;}
.faci_movie_left ul {list-style: disc; list-style-position:inside; margin-bottom:5px;}
.faci_movie_left .small{ font-size:10px;}
.faci_movie_right{float:right; width:548px; padding:0 0 15px 0;}
.faci_movie_right p{text-align:right; padding:0 0 15px 0;}
.mt10{ margin-top:10px;}

/*スパページ休業のお知らせ*/
#earthquake{
margin:25px 100px;
text-align:left;
border:1px solid #CCC;
width:740px;
}

*html #earthquake{display:inline;}

#earthquake .ttl{
color:#BA6582;
text-align:center;
font-size:21px;
padding:15px;
}

#earthquake .body{
	font-size:14px;
	line-height:1.8;
	margin:0 50px;
	width:640px;
	padding:0 0 15px 0;
}

#earthquake .body2{
	font-size:14px;
	line-height:1.8;
	margin:0 50px;
	width:640px;
	padding:0 0 15px 0;
	text-align:right;
}

/*twitter facebook sharebutton_20111115*/
/*share  ico*/
.share_ico{ margin:0; padding:0;}
.share_ico li{ list-style-type:none; float:right; padding:0 5px 0 0; vertical-align:bottom;}

/*twitter ico*/
img.tweetButton {
    padding: 0 0 1px;
    vertical-align: middle;
}

.share_ico li.tw_cnt{padding:2px 0 0 0;}

/*facebook ico*/
.fb_cnt{width:73px;
height:24px; overflow:hidden; padding:2px 0 0 0;}

#h_right .left{width:250px; float:right; padding:25px 10px 0 0;}
#h_right .right{width:300px; float:right;}