@charset "Shift_JIS";

/*@import url(jtb_site_970.css);*/
@import url(/common/css/jtb_site_970.css);
@import url(detail.css);
@import url(editor.css);

/*-----------------------*/
/* 1.COMMON */
/* 2.SHOP HEADER */
/* 3.SHOP title */
/* 4.SHOP TEXT & PHOTO */
/* 5.PAGING */
/* 6.MINIWINDOW CLOSE&PRINT*/

/* SHOP SIDE PARTS */
/* SHOPTOP３column PRINT*/
/*-----------------------*/

/* 1.COMMON
=========================================================*/
.fontnormal{
	font-size:small !important;
	font-size:x-small;
	word-break: break-all; /* east add */}
	
.b{font-weight:bold;}		
.mb_10{margin-bottom:10px;}
.pt_10{padding-top:10px;}

.clear{clear:both;}
br.clear{ clear:both; height:0%; font-size:0; line-height:0;}

/*layout column*/
#sub_area{
	float:left;
	width:230px;
	margin-right:10px;}
#main_container{
	float:left;
	width:710px;}
	#main_area{
		float:left;
		width:470px;
		margin-right:10px;}
	#ex_area{
		float:left;
		width:230px;
		word-break:break-all /* 08/09/22 JMC add */
}

.main_box{
	margin-bottom:10px;
	padding:10px;
	border:1px solid #dddddd;
	}
.white{
	color:#FFFFFF;
}
	
/*全社用差込領域*/
.freearea{margin-bottom:10px;}
.freearea2{margin-bottom:10px;clear:both;}
.freearea3{margin-bottom:10px;width:470px;}
	
a:focus{outline:none;}

.arrow_link{
	padding-left:12px;
	background:url(../images/icon_arrow.gif) no-repeat 0 0.3em;}
	
/*2.SHOP HEADER
=========================================================*/
/*FOR SHOPTOP*/
#shopheader{width:950px;margin-bottom:10px;position:relative;}
	
/*季節ごと画像切り替え*/
.jan{background:url(../images/head_jan.gif) no-repeat bottom;}
.jan2{background:url(../images/head_jan02.gif) no-repeat bottom;}
.feb{background:url(../images/head_feb.gif) no-repeat bottom;}
.mar{background:url(../images/head_mar.gif) no-repeat bottom;}
.mar2{background:url(../images/head_mar02.gif) no-repeat bottom;}
.apr{background:url(../images/head_apr.gif) no-repeat bottom;}
.may{background:url(../images/head_may.gif) no-repeat bottom;}
.may2{background:url(../images/head_may02.gif) no-repeat bottom;}
.jun{background:url(../images/head_jun.gif) no-repeat bottom;}
.jul{background:url(../images/head_jul.gif) no-repeat bottom;}
.jul2{background:url(../images/head_jul02.gif) no-repeat bottom;}
.aug{background:url(../images/head_aug.gif) no-repeat bottom;}
.sep{background:url(../images/head_sep.gif) no-repeat bottom;}
.oct{background:url(../images/head_oct.gif) no-repeat bottom;}
.nov{background:url(../images/head_nov.gif) no-repeat bottom;}
.dec{background:url(../images/head_dec.gif) no-repeat bottom;}

#shopheader p{
	padding:7px 0 20px;
	float:left;}
#shopheader .shopname{
	padding:17px 0 0 0;}
	#shopheader .shopname h1 a{
		margin-left:14px;
		font-weight:bold;
		text-decoration:underline;
		color:#333333;}

	#shopheader ul.headbtn{
		padding:13px 5px 8px 0;	
		float:right;}
		#shopheader .headbtn li{display:inline;margin-left:3px;line-height:1%;}
		#shopheader .headbtn li img{vertical-align:bottom;}
/* JMC add 080827 from here */
	#shopheader ul.headcoment{float:right;padding:12px 7px 0 7px;}
		#shopheader .headcoment .arrowlink{	padding:10px 0 0 12px;margin:0;
		background:url(../images/icon_arrow.gif) no-repeat 0 0.3em;	line-height:1.1;}
		#shopheader .headcoment li{font-size:x-small !important;}
/* JMC add 080827 to here */
	#shopheader ul.headicon{
		float:right;
		padding:5px 7px 7px 0;}
		#shopheader .headicon li{display:inline;margin-left:4px;line-height:1%;}
		#shopheader .headicon li img{vertical-align:bottom;}
		
/*OTHER*/
/* JMC 修正 110929 from here */
#shopheader2{
	width:950px;
	padding-bottom:8px;
	margin-bottom:10px;
	background:url(../images/head_bg.gif) repeat-x bottom;}
#shopheader2 .shopname{
	padding:2px 0 0 0;
	float:left;
	font-weight:bold;}
	#shopheader2 .shopname img{ 
		float:left;}
	#shopheader2 .shopname h1{
		padding:6px 0 0 15px;
		width:930px;
		display:table-cell;}
	* html #shopheader2 .shopname h1{
		padding-left:10px;
		width:910px;}
	*+html #shopheader2 .shopname h1{
		width:900px;}
	#shopheader2 .shopname a{
		font-weight:bold;
		text-decoration:underline;
		padding-bottom:2px;
		color:#333333;}
	#shopheader2 ul.headbtn{
		padding:0;
		float:right;}
/* JMC 修正 110929 to here */
		#shopheader2 .headbtn li{display:inline;margin-left:3px;line-height:1%;}
		#shopheader2 .headbtn li img{vertical-align:bottom;}


/*3.MAINAREA TITLE
=========================================================*/
#main_title{
	min-height:32px;
	_height:38px;
	background:url(../images/title_bg.gif) no-repeat;
	margin-bottom:10px;
	line-height:1;
	padding:6px 0 0 10px;
	position:relative;}
#main_title h2{
	float:left;
	font-weight:bold;
	border-left:5px solid #CC0000;
	padding:7px 0 6px 9px;}
#main_title p{
	float:right;
	padding:5px 10px 0 0;}


/*4.MAINAREA PHOTO POSITION
=========================================================*/
.photo_right .edit_photo{
	float:right;
	width:200px;
	text-align:center;
	margin:0 0 0 10px;}		
.photo_left .edit_photo{
	float:left;
	width:200px;
	text-align:center;
	margin:0 10px 0 0;}
	
.photo_top .edit_photo p{
	float:left;
	width:200px;
	text-align:center;
	margin:0 10px 10px 0;}	
.photo_bottom .edit_photo p{
	float:left;
	width:200px;
	text-align:center;
	margin:10px 10px 0 0;}
	
.edit_area{
	padding:11px 5px 5px 5px;
	width:678px;
	_width:688px;/*IE6*/
	position:relative;}
	
	.photo_top .edit_text,
	.photo_bottom .edit_photo{
		clear:both;}

	.edit_photo span{
			line-height:1.2;
			width:200px;
			display:block;
			padding:2px 0 5px;
			text-align:left;}	
	/*拡大あり*/
	.edit_photo span img{
			float:right;
			padding:0 0 0 5px;}
	.photo_magni{
		float:right;
			padding-left:5px;}
		
		
/*5.PAGEING
=========================================================*/
#paging{
	width:710px;
	padding-top:10px;}
	
#paging ul{float:right;}
	#paging li{float:left;}
	#paging li a{
		line-height:1;
		padding:4px 6px;
		border:solid 1px #CCCCCC;
		margin-right:3px;
		display:block;}
	#paging li a:hover{
		background:#efefef;}
	#paging li.pageactive{
		line-height:1;
		font-weight:bold;
		background:#efefef;
		padding:4px 6px;
		border:solid 1px #CCCCCC;
		margin-right:3px;
		display:block;
		float:left;}

/*ページトップへ戻る*/		
.back_pagetop p{
	margin-top:10px;
	clear:both;
	float:right;}
	.back_pagetop p a{
		padding-left:12px;
		background:url(../images/icon_arrowtop.gif) no-repeat 0 0.3em;}

/*6.MINIWINDOW CLOSE&PRINT
=========================================================*/
.btnprint{
	text-align:right;
	padding-bottom:5px;}
.btnprint a{
	padding:5px 10px 2px 12px;
	background:url(../images/print_icon.gif) no-repeat 0 0.4em;}
	
.btnarea{margin:10px;text-align:center;}

.btnclose a{
	padding:2px 0 2px 18px;
	background:url(../images/img_close.gif) no-repeat 0 0.1em;}
	


/*=============================================================================*/
/* SHOP SIDE PARTS(MENU/BOX)===================================================*/
/*=============================================================================*/
/*SHOP FEATURE*/		
#shopfeature ul{
	padding-bottom:5px;}
	#shopfeature li{
		line-height:1%;
		font-size:1%;
		margin-bottom:5px;
		display:block;}

/*MAIN MENU*/		
#shopmenu{margin-bottom:10px;}
#shopmenu h4{
	line-height:1;
	color:#FFFFFF;
	font-weight:normal;
	padding:7px 0 5px 28px;
	background:#3792d2 url(../images/menu_title.gif) no-repeat;}
#shopmenu li{
	display:block;
	background:#e5eff6 url(../images/menu_bgoff.gif) no-repeat bottom;
	border-top:1px solid #FFFFFF;
	padding:2px;
	line-height:1.3;}
	#shopmenu li a span{
		padding:0px 0 1px 8px;
		display:block;}
	#shopmenu li a span img{display:inline;font-size:0;vertical-align:baseline;}
	#shopmenu li a{
		padding:2px;
		display:block;
		text-decoration:none!important;}
	#shopmenu li a:hover,#shopmenu li a.on{
		color:#FFFFFF;
		background:#375fd2;}

/*バナー*/
.banner{margin-bottom:10px;}
.banner img{vertical-align:bottom;}	
.bannertext{
	padding:0 5px;}
	
/*QRコード*/
#qr_box{
	padding:5px 10px;
	border:1px solid #CCCCCC;
	margin-bottom:10px;
	position:relative;}
	#qr_box h3{
	color:#0066CC;}
	#qr_box img{
		float:left;
		padding-right:5px;}
	#qr_box p{
		padding-top:15px;
		line-height:1.2;}
	
		
/*見出しブルーのボックス
------------------------*/	

/* お得情報*/
#otoku_box{
	width:230px;
	}
#otoku_box h3{
	padding:9px 8px 7px 35px;
	color:#FFFFFF;font-weight:normal;line-height:1;
	background:#3792d2 url(../images/mtitle_futaba.gif) no-repeat;}
	#otoku_box p{
		text-align:center;
		padding:15px 10px;
		margin-bottom:10px;
		border-right:1px solid #dddddd;border-left:1px solid #dddddd;border-bottom:1px solid #dddddd;}
	
/* 店舗写真(タイトル背景無し)*/	
.free_box h3{
	padding:9px 8px 7px 10px;
	color:#FFFFFF;font-weight:normal;line-height:1;
	background:#3792d2 url(../images/mtitle_none.gif) no-repeat;}	
	.free_box div{
		padding:5px 4px;
		margin-bottom:10px;
		border-right:1px solid #dddddd;border-left:1px solid #dddddd;border-bottom:1px solid #dddddd;
		}
	.free_box p{
		text-align:center;}
	.free_box span{
		display:block;
		padding:5px;
		line-height:1.2;}
		
/* 今すぐ予約/予約センター*/	
h3.online{
	padding:9px 8px 7px 35px;
	color:#FFFFFF;font-weight:normal;line-height:1;
	background:#3792d2 url(../images/mtitle_pc.gif) no-repeat;}		
.arrowlink{
	padding-left:12px;
	margin:0 0 10px 0;
	background:url(../images/icon_arrow.gif) no-repeat 0 0.3em;
	line-height:1.1;}
	.arrowlink a{text-decoration:none!important;}

#online_area{
	padding:10px 10px 0;
	background:#e5eff6;}	
	#online_area .online_stay{
		padding-bottom:10px;
/* 08/10/28 JMC delete	position:relative;*/}
	#online_area .online_stay img{
		float:left;
		width:80px;
		margin-right:10px;}
#online_area .online_text{
	float:left;
	width:120px;}
	#online_area .online_text a{
		display:block;
		font-weight:bold;}
				
#telephone{
	padding:10px;
	margin-bottom:10px;
	background:#e5eff6 url(../images/dot_darkgray.gif) repeat-x top;}

/* JMC add 08/11/11 from here */
#telephone2{
	padding:10px;
	margin-bottom:10px;
	background-color:#e5eff6}
/* JMC add 08/11/11 to here */	

/* JTBplus*/
#jtbplus_box h3{float:left;}
#jtbplus_box .jtbplus_title{
	position:relative;
	background:#3792d2 url(../images/mtitle_none.gif) no-repeat;}
#jtbplus_box .jtbplus_title p{
	float:right;
	width:132px; 
	padding:4px 5px 0 0;
	color:#FFFFFF;
	line-height:1.1;}	

#jtbplus_box dl{
	padding:10px;
	margin-bottom:10px;
	background:#e5eff6;height:1%;}
	#jtbplus_box dt{
		list-style:none;
		line-height:1.8;}
	#jtbplus_box dt a{
		padding-left:12px;
		background:url(../images/icon_arrow.gif) no-repeat 0 0.4em;}
	#jtbplus_box dd{
		padding-left:12px;
		line-height:1.2;}
		

/* その他*/	
#other_box h3{
	padding:9px 8px 7px 35px;
	color:#FFFFFF;font-weight:normal;line-height:1;
	background:#3792d2 url(../images/mtitle_bag.gif) no-repeat;}	
#other_box dl{
	padding:10px;
	margin-bottom:10px;
	background:#e5eff6;height:1%;}
	#other_box dt{
		list-style:none;
		line-height:1.8;}
	#other_box dt a{
		padding-left:12px;
		background:url(../images/icon_arrow.gif) no-repeat 0 0.4em;}
	#other_box dd{
		padding-left:12px;
		line-height:1.2;}


/*SHOPTOP３カラムのプリント時右カラム非表示*/
@media print{
	*html #ex_area{
		display:none !important;
		}
		}

/*Googleマップの使い方　JMC add 081217*/
.howto{
	float:right;
	font-weight:normal;
	margin-right:0.5em;
}
.white a:link{color:#FFFFFF}
.white a:visited{color:#FFFFFF}
.white a:hover{color:#FFFFFF}
.white a:active{color:#FFFFFF}