/* CSS Document */

a.link{ color: #000000; line-height: 21px;}
a.link:hover{ color: #3333CC;}

a.link2{  color: #000000; line-height: 21px;}
a.link2:hover{ color: #3333CC;}

/*=============================
	   	h3 titleに指定
=============================*/

h3#title{
		float: left;
		width: 309px; height: 20px;
		background-image: url(img/title.gif);
		background-position: 0 0;
		background-repeat: no-repeat;
}

/*---------------リンクボタン---------------*/

a.hotel_reserve_btn{
		float: left;
		display: block;
		position: relative;
		top: -6px; left: 253px;
		width: 143px; height: 27px;
		background-image: url(../img/hotel_reserve_btn.gif);
		background-position: 0 0;
		background-repeat: no-repeat;
}
* html a.hotel_reserve_btn{
		float: left;
		display: block;
		position: relative;
		top: -5px; left: 253px;
		width: 143px; height: 27px;
		background-image: url(../img/hotel_reserve_btn.gif);
		background-position: 0 0;
		background-repeat: no-repeat;
}

a.others_btn{
		float: left;
		display: block;
		position: relative;
		top: -6px; left: 269px;
		width: 124px; height: 27px;
		background-image: url(../img/others_btn.gif);
		background-position: 0 0;
		background-repeat: no-repeat;
}
* html a.others_btn{
		float: left;
		display: block;
		position: relative;
		top: -5px; left: 269px;
		width: 124px; height: 27px;
		background-image: url(../img/others_btn.gif);
		background-position: 0 0;
		background-repeat: no-repeat;
}

/*---------------ロールオーバー---------------*/

a.hotel_reserve_btn:hover{ background-position: 0 -27px;}

a.others_btn:hover{ background-position: 0 -27px;}

/*=============================
	   ul#hotel_navに指定
=============================*/

ul#hotel_nav{
		margin-left: 16px;
		list-style-type: none;
}

ul#hotel_nav li{
		float: left;
		margin-right: 1px;
}

/*------------------リンク-------------------*/

li.plan_btn a{
		display: block;
		width: 132px; height: 21px;
		background-image: url(../img/plan_btn.gif);
		background-position: 0 0;
		background-repeat: no-repeat;
}

li.facility_btn a{
		display: block;
		width: 102px; height: 21px;
		background-image: url(../img/facility_btn.gif);
		background-position: 0 0;
		background-repeat: no-repeat;
}

li.spring_btn a{
		display: block;
		width: 102px; height: 21px;
		background-image: url(../img/spring_btn.gif);
		background-position: 0 0;
		background-repeat: no-repeat;
}

li.access_btn a{
		display: block;
		width: 102px; height: 21px;
		background-image: url(../img/access_btn.gif);
		background-position: 0 0;
		background-repeat: no-repeat;
}

li.internet_btn a{
		display: block;
		width: 197px; height: 21px;
		background-image: url(../img/internet_btn.gif);
		background-position: 0 0;
		background-repeat: no-repeat;
}

/*------------------ロールオーバー-------------------*/

li.plan_btn a:hover{ background-position: 0 -21px;}

li.facility_btn a:hover{ background-position: 0 -21px;}

li.spring_btn a:hover{ background-position: 0 -21px;}

li.access_btn a:hover{ background-position: 0 -21px;}

li.internet_btn a:hover{ background-position: 0 -21px;}


/*=============================
	   left_image_boxに指定
=============================*/

#left_image_box{
		/*margin-right: 14px;*/ margin-right: 7px; margin-bottom: 6px;
		padding-top: 30px; padding-left: 16px;
		float: left;
		width: 375px; height: auto;
}

.hotel_logo{ border: 1px solid #E2E2E2; margin-bottom: 10px;}

.hotel_image{
		margin-bottom: 7px;
		padding: 10px;
		background-image: url(img/hotel_image_bg.gif);
		background-position: 0 0;
		background-repeat: no-repeat;

}


/*=============================
	   right_info_boxに指定
=============================*/

#right_info_box{
		padding-top: 26px;
		float: left;
		width: 456px; height: auto;
}

p.info_text{
		margin-bottom: 20px;
		padding-top: 13px;
		font-size: 12px; line-height: 21px;
}

.hotel_image03{
		float: left;
		margin-right: 10px; margin-bottom: 13px;
		padding: 10px;
		background-image: url(img/hotel_image03_bg.gif);
		background-position: 0 0;
		background-repeat: no-repeat;
}

.hotel_image04{
		float: left;
		margin: 0;
		padding: 10px;
		background-image: url(img/hotel_image03_bg.gif);
		background-position: 0 0;
		background-repeat: no-repeat;
}

/*-------------news---------------*/

h3.info_title{
		clear: both;
		width: 456px; height: 24px;
		background-image: url(../img/info_title.gif);
		background-position: 0 0;
		background-repeat: no-repeat;
}

/*--------------info_list-----------------*/

#info_box{
		padding-top: 14px;
		width: 456px; height: auto;
		background-color: #F1ECE9;
}
* html #info_box{
		padding-top: 13px;
		width: 456px; height: 327px;
		background-color: #F1ECE9;
}

dl.info_list{
		margin-bottom: 1px;
		padding-left: 16px; padding-top: 6px;
		width: 420px; height: auto;
		list-style-type: none;
}
* html dl.info_list{
		margin-bottom: 1px;
		padding-left: 16px; padding-top: 7px;
		width: 420px; height: auto;
		list-style-type: none;
		
}

dt.infoimage_list{
		margin-right: 12px;
		padding-top: 1px; padding-left: 1px;
		float: left;
		width: 53px;
		background: url(img/info_image_bg.gif) left top no-repeat;
}
* html dt.infoimage_list{
		margin-right: 8px;
		padding-top: 1px; padding-left: 1px;
		float: left;
		width: 53px;
		background: url(img/info_image_bg.gif) left top no-repeat;
}

dd.infotext_list{
		padding-top: 1px; padding-left: 12px;
		font-size: 12px; line-height: 18px;
}

dd.infotext_list a:hover{ color: #3333CC;}

img.info_border{
		clear: both;
		margin-left: 16px;
		width: 424px; height: 2px;
}

#info02_area{
		margin-left: 16px; margin-bottom: 13px;
		clear: both;
}

/*------------ info_list02 -------------*/

dl.info_list02{
		float: left;
		width: 246px; height: auto;
		list-style-type: none;
}
* html dl.info_list02{
		float: left;
		width: 246px; height: auto;
		list-style-type: none;
		
}

dl.info_list03{
		float: left;
		margin-bottom: 1px;
		padding-top: 6px;
		width: 246px; height: auto;
		list-style-type: none;
}
* html dl.info_list03{
		float: left;
		margin-bottom: 1px;
		padding-top: 7px;
		width: 246px; height: auto;
		list-style-type: none;
		
}

dd.infotext_list02{
		padding-top: 5px;
}

/*=============================
	  	plan_boxに指定
=============================*/

#plan_box{
		clear: both;
		margin-left: 16px;
		width: 845px; height: auto;
}

h4#plan_title{
		letter-spacing: -1px;
		font-size: 12px; font-weight: bold;
		
}

/*=============================
	  info_title_boxに指定
=============================*/

#info_title_box{
		padding-top: 16px;
		width: 206px; height: auto;
		border-top: 5px solid #B7AAA8;
}

/*=============================
	  infomation_boxに指定
=============================*/

#infomation_box{
		margin-bottom: 30px;
		margin-left: 7px;
		padding-top: 12px; padding-left: 11px;
		width: 621px; height: auto;
		border-top: 5px solid #DCD6D5;
		border-left: 2px solid #DCD6D5;
}

#infomation_box_bottom{
		margin-bottom: 30px;
		padding-top: 10px; padding-left: 11px;
		margin-left: 7px;
		width: 619px; height: auto;
		border-top: 5px solid #DCD6D5;
		border-left: 2px solid #DCD6D5;
}



/*--------------------- プラン -------------------------*/

/*=============================
	  	h4#planに指定
=============================*/

h4#plan{
		clear: both;
		margin-bottom: 9px;
		font-size: 16px; font-weight: bold; line-height: 28px;
}
* html h4#plan{
		clear: both;
		margin-bottom: 8px;
		font-size: 16px; font-weight: bold; line-height: 28px;
}

/*------------プランリスト------------*/

dl#plan_list{
		clear: both;
		list-style-type: none;
}

dt.plan_image{
		float: left;
		margin-bottom: 13px;
}

dd.plan_text{
		float: left;
		margin-left: 16px;
		font-size: 12px; line-height: 21px;
}

dd.btn{
		clear: both;
}

dd.plan_border{
		margin: 1px;
		width: 619px; height: 3px;
		background-image: url(../img/plan_border.gif);
		background-position: 0 0;
		background-repeat: no-repeat;
}

p.plan_text_other{
		font-size: 12px; line-height: 21px; margin-bottom: 11px;
}


.plan_sub_text{
		font-size: 10px; line-height: 17px;
}

/*--------------reservation_btn------------------*/

a.reservation_btn{
		margin-bottom: 27px;
		display: block;
		position: relative;
		top: 12px; left: 0px;
		width: 84px; height: 27px;
		background-image: url(../img/reservation_btn.gif);
		background-position: 0 0;
		background-repeat: no-repeat;
}
* html a.reservation_btn{
		margin-bottom: 28px;
		display: block;
		position: relative;
		top: 12px; left: 0px;
		width: 84px; height: 27px;
		background-image: url(../img/reservation_btn.gif);
		background-position: 0 0;
		background-repeat: no-repeat;
}

a.reservation_btn:hover{ background-position: 0 -27px;}

.plan_border{ width: 619px; clear: both; margin-bottom: 7px;}
* html .plan_border{ width: 619px; clear: both; margin-bottom: 8px;}

/*---------------page_back_btn---------------*/

a.page_back_btn{
		clear: both;
		display: block;
		width: 119px; height: 9px;
		background-image: url(../../share/page_back_btn.gif);
		background-position: 0 0;
		background-repeat: no-repeat;
}

a.page_back_btn:hover{ background-position: 0 -9px;}

/*--------------------- 施設 -------------------------*/

dl3facility_list{
		list-style-type: none;
}

dt.facility_image{
		float: left;
}

dd.facility_text{
		margin-left: 16px;
		float: left;
		font-size: 12px; line-height: 21px;
}

p.facility_text{
		clear: both;
		margin-bottom: 21px;
		font-size: 12px; line-height: 21px;
}

p.facility_text02{
		margin-bottom: 10px;
		font-size: 12px; line-height: 21px;
}

p.facility_title{
		padding-top: 5px;
		margin-bottom: 8px;
		font-size: 12px;
}

p.facility_text04{
		margin-bottom: 21px;
		padding-left: 216px; padding-top: 1px;
		font-size: 12px; line-height: 21px;
		background-image: url(img/enkanjo_image.jpg);
		background-position: 0 0;
		background-repeat: no-repeat;
}

/*--------------------- 温泉 -------------------------*/

p.spring_text{
		margin-bottom: 10px;
		font-size: 12px; line-height: 21px;
}

/*------------温泉リスト------------*/

dl#spring_list{
		clear: both;
		list-style-type: none;
}

dt.spring_image{
		float: left;
		margin-bottom: 15px;
}

dd.spring_text{
		float: left;
		margin-left: 16px; margin-bottom: 20px;
		font-size: 12px; line-height: 21px;
}

dd.spring_border{
		width: 619px; height: 2px;
		background-image: url(../img/plan_border.gif);
		background-position: 0 0;
		background-repeat: no-repeat;
}

p.spring_title{
		clear: both;
		margin-bottom: 13px;
		font-size: 16px; font-weight: bold;
}

#spring_image_box{
		margin-bottom: 10px;
		float: left;
		width: 199px; height: auto;
}
img.sp_image{
		float: left;
		margin-top: 7px;
}

#spring_text_box{
		margin-left: 16px;
		float: left;
		width: 404px;
}

/*--------------------- アクセス方法 -------------------------*/

p.access_text{
		margin-bottom: 10px;
		font-size: 12px; line-height: 21px;
}

p.access_text01{
		padding-top: 1px;
		margin-bottom: 10px;
		font-size: 12px; line-height: 21px;
}

p.access_text02{
		margin-bottom: 10px;
		font-size: 12px; line-height: 21px;
}

/*------------アクセスリスト------------*/

dl#access_list{
		clear: both;
		list-style-type: none;
}

dt.access_image{
		margin-bottom: 10px;
		float: left;
}

dd.access_text02{
		float: left;
		margin-left: 16px;
		width: 260px;
		font-size: 12px; line-height: 21px;
}

dd.access_btn{
		clear: both;
		margin-bottom: 16px;
		width: 136px; height: 21px;
}

a.print_btn{
		clear: both;
		display: block;
		width: 136px; height: 21px;
		background-image: url(../img/print_btn.gif);
		background-position: 0 0;
		background-repeat: no-repeat;
}

a.print_btn:hover{ background-position: 0 -21px;}

/*--------------------- インターネット予約 -------------------------*/


p.internet_text{
		margin-bottom: 22px;
		font-size: 12px; line-height: 21px;
}

p.internet_text a{ font-size: 14px;}

.inter_title{ font-size: 16px; font-weight: bold;}




/*----------------テスト---------------*/

#top_contents_table{
		clear: both;
}

/*=============================
	   ホテル設備一覧に指定
=============================*/
.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

.clearfix { display: inline-block; }

/* Hides from IE-mac \*/
* html .clearfix { height: 1%; }
.clearfix { display: block; }
/* End hide from IE-mac */

#standard_title{
		width: 76px; height: 19px;
		background-image: url(../img/standard_title.gif);		
}

#kyakushitu_title{
		width: 105px; height: 19px;
		background-image: url(../img/kyakushitu.gif);
}

#jihann_title{
		width: 105px; height: 19px;
		background-image: url(../img/jihann.gif);
		background-repeat: no-repeat;
}

.standard_menu{
		width: 614px; height: auto;
		margin-bottom: 10px;
		padding-top: 5px; padding-left: 3px; padding-bottom: 4px;
		border-top: 2px solid #9A6E6D;
		border-right: 1px solid #C9B2B1;
		border-bottom: 1px solid #C9B2B1;
		border-left: 1px solid #C9B2B1;
		background-color: #F8F7F6;
}

.standard_menu ul{ list-style: none;}

* html .standard_menu{
		width: 614px; height: auto;
		margin-bottom: 10px;
		padding-top: 5px; padding-left: 3px; padding-bottom: 4px;
		border-top: 2px solid #9A6E6D;
		border-right: 1px solid #C9B2B1;
		border-bottom: 1px solid #C9B2B1;
		border-left: 1px solid #C9B2B1;
		background-color: #F8F7F6;
}

.small_menu{
		width: 614px; height: auto;
		margin-bottom: 16px;
		padding-top: 5px; padding-left: 3px; padding-bottom: 4px;
		border-top: 2px solid #9A6E6D;
		border-right: 1px solid #C9B2B1;
		border-bottom: 1px solid #C9B2B1;
		border-left: 1px solid #C9B2B1;
		background-color: #F8F7F6;
}

.small_menu ul{ list-style: none;}

* html .small_menu{
		width: 614px; height: auto;
		margin-bottom: 16px;
		padding-top: 5px; padding-left: 3px; padding-bottom: 4px;
		border-top: 2px solid #9A6E6D;
		border-right: 1px solid #C9B2B1;
		border-bottom: 1px solid #C9B2B1;
		border-left: 1px solid #C9B2B1;
		background-color: #F8F7F6;
}

/*---- 基本設備イメージ ----*/

.facility_img{
		width: 119px; height: 37px;
		margin-right: 4px; margin-bottom: 3px;
		float: left;
		background-repeat: no-repeat;
}

.facility_img_last{
		width: 119px; height: 37px;
		margin-right: 3px; margin-bottom: 3px;
		float: left;
		background-repeat: no-repeat;
}

.daiyokujyou_img{
		background-image: url(../img/standard/daiyokujyou_icon.gif);
}

.daiyokujyou_img_off{
		background-image: url(../img/standard/daiyokujyou_off_icon.gif);
}

.roten_img{
		background-image: url(../img/standard/roten_icon.gif);
}

.roten_img_off{
		background-image: url(../img/standard/roten_off_icon.gif);
}

.sauna_img{
		background-image: url(../img/standard/sauna_icon.gif);
}

.sauna_img_off{
		background-image: url(../img/standard/sauna_off_icon.gif);
}

.family_img{
		background-image: url(../img/standard/family_icon.gif);
}

.family_img_off{
		background-image: url(../img/standard/family_off_icon.gif);
}

.pool_img{
		background-image: url(../img/standard/pool_icon.gif);
}

.pool_img_off{
		background-image: url(../img/standard/pool_off_icon.gif);
}

.karaoke_img{
		background-image: url(../img/standard/karaoke_icon.gif);
}

.karaoke_img_off{
		background-image: url(../img/standard/karaoke_off_icon.gif);
}

.freekaraoke_img{
		background-image: url(../img/standard/freekaraoke_icon.gif);
}

.freekaraoke_img_off{
		background-image: url(../img/standard/freekaraoke_off_icon.gif);
}

.shougi_img{
		background-image: url(../img/standard/shougi_icou.gif);
}

.shougi_img_off{
		background-image: url(../img/standard/shougi_off_icon.gif);
}

.ma-jyan_img{
		background-image: url(../img/standard/ma-jyan_icon.gif);
}

.ma-jyan_img_off{
		background-image: url(../img/standard/ma-jyan_off_icon.gif);
}

.rentalma-jyan_img{
		background-image: url(../img/standard/rentalma-jyan_icon.gif);
}

.rentalma-jyan_img_off{
		background-image: url(../img/standard/rentalma-jyan_off_icon.gif);
}

.yashoku_img{
		background-image: url(../img/standard/yashoku_icon.gif);
}

.yashoku_img_off{
		background-image: url(../img/standard/yashoku_off_icon.gif);
}

.parking_img{
		background-image: url(../img/standard/parking_icon.gif);
}

.parking_img_off{
		background-image: url(../img/standard/parking_icon.gif);
}

.coinrand_img{
		background-image: url(../img/standard/coinrand_icou.gif);
}

.coinrand_img_off{
		background-image: url(../img/standard/coinrand_off_icon.gif);
}

.rentalsicle_img{
		background-image: url(../img/standard/rentalsicle_icon.gif);
}

.rentalsicle_img_off{
		background-image: url(../img/standard/rentalsicle_off_icon.gif);
}

/*---- 客室アメニティ ----*/

.yukata_img{
		background-image: url(../img/kyakushitu/yukata_icon.gif);
}

.yukata_img_off{
		background-image: url(../img/kyakushitu/yukata_off_icon.gif);
}

.hanten_img{
		background-image: url(../img/kyakushitu/hanten_icon.gif);
}

.hanten_img_off{
		background-image: url(../img/kyakushitu/hanten_off_icon.gif);
}

.teeth_img{
		background-image: url(../img/kyakushitu/teeth_icon.gif);
}

.teeth_img_off{
		background-image: url(../img/kyakushitu/teeth_off_icon.gif);
}

.reizou_img{
		background-image: url(../img/kyakushitu/reizouko_icon.gif);
}

.reizou_img_off{
		background-image: url(../img/kyakushitu/reizouko_off_icon.gif);
}

.kushi_img{
		background-image: url(../img/kyakushitu/kushi_icon.gif);
}

.kushi_img_off{
		background-image: url(../img/kyakushitu/kushi_off_icon.gif);
}

.burashi_img{
		background-image: url(../img/kyakushitu/burashi_icon.gif);
}

.burashi_img_off{
		background-image: url(../img/kyakushitu/burashi_off_icon.gif);
}

.kamisori_img{
		background-image: url(../img/kyakushitu/kamisori_icon.gif);
}

.kamisori_img_off{
		background-image: url(../img/kyakushitu/kamisori_off_icon.gif);
}

.sekkenn_img{
		background-image: url(../img/kyakushitu/sekken_icon.gif);
}

.sekkenn_img_off{
		background-image: url(../img/kyakushitu/sekken_off_icon.gif);
}

.hand_img{
		background-image: url(../img/kyakushitu/handsoap_icon.gif);
}

.hand_img_off{
		background-image: url(../img/kyakushitu/handsoap_off_icon.gif);
}

.body_img{
		background-image: url(../img/kyakushitu/bodysoap_icon.gif);
}

.body_img_off{
		background-image: url(../img/kyakushitu/bodysoap_off_icon.gif);
}

.shampp_img{
		background-image: url(../img/kyakushitu/shanpp_icon.gif);
}

.shampp_img_off{
		background-image: url(../img/kyakushitu/shanpp_off_icon.gif);
}

.rince_img{
		background-image: url(../img/kyakushitu/rince_icon.gif);
}

.rince_img_off{
		background-image: url(../img/kyakushitu/rince_off_icon.gif);
}

.shampp-rince_img{
		background-image: url(../img/kyakushitu/shanpp-rince_icon.gif);
}

.shampp-rince_img_off{
		background-image: url(../img/kyakushitu/shanpp-rince_off_icon.gif);
}

/*---- 自動販売機 ----*/

.juice_img{
		background-image: url(../img/jihann/drink_icon.gif);
}

.juice_img_off{
		background-image: url(../img/jihann/drink_off_icon.gif);
}

.sake_img{
		background-image: url(../img/jihann/sake_icon.gif);
}

.sake_img_off{
		background-image: url(../img/jihann/sake_off_icon.gif);
}

.ice_img{
		background-image: url(../img/jihann/ice_icon.gif);
}

.ice_img_off{
		background-image: url(../img/jihann/ice_off_icon.gif);
}

.milk_img{
		background-image: url(../img/jihann/milk_icon.gif);
}

.milk_img_off{
		background-image: url(../img/jihann/milk_off_icon.gif);
}

.food_img{
		background-image: url(../img/jihann/food_icon.gif);
}

.food_img_off{
		background-image: url(../img/jihann/food_off_icon.gif);
}

.tabako_img{
		background-image: url(../img/jihann/tabako_icon.gif);
}

.tabako_img_off{
		background-image: url(../img/jihann/tabako_off_icon.gif);
}