@charset "Shift_JIS";
/* CSS Document */



/*--- rakuten style reset */

#htlContents {
	width: 1190px !important;
	_width: 1230px !important;
	margin: 0 auto !important;
	min-width: 0 !important;
}

#htlHeader {
	width: 1190px !important;
	_width: 1230px !important;
}






* { margin:0; padding:0; font-style:normal;}
img { border:0;}
li { list-style:none; }

body { background:url(common/body_bg.gif) ; text-align:center; }
#container { color:#160600; font-family:"ＭＳ Ｐ明朝", "細明朝体", "ヒラギノ明朝 Pro W3";line-height:1.5em; font-size:0.8em; text-align:left; margin:0 auto; width:950px;}


/*-------------------------------------header*/
#header { display:inline-block; width:950px; font-family:"ＭＳ Ｐ明朝", "細明朝体", "ヒラギノ明朝 Pro W3"; /*height:85px;*/}
#header:after{ content:" "; clear:both; display:block; height:0px;}
h1 { float:left; padding:15px 0 12px 40px;}
#header address {float:right; text-align:left; width:230px;font-family:"ＭＳ Ｐ明朝", "細明朝体", "ヒラギノ明朝 Pro W3";  padding:15px 15px 0 0;}
#header address img { margin:0 0 5px 2px;}


/*-------------------------------------global_nav*/
#global_nav { display:inline-block; height:55px; /*padding-top:1px;*/ width:950px;}
#global_nav:after { content:" "; clear:both; display:block; height:0px;}
#global_nav li { float:left;}
#global_nav li a { display:block; text-indent:-9999px; height:55px; }

#n_top { background:url(common/global_nav.gif) no-repeat 0 0 ; width:125px;}
#n_spa { background:url(common/global_nav.gif) no-repeat -125px 0 ; width:123px;}
#n_meal { background:url(common/global_nav.gif) no-repeat -248px 0 ; width:125px;}
#n_room { background:url(common/global_nav.gif) no-repeat -373px 0 ; width:125px;}
#n_fac { background:url(common/global_nav.gif) no-repeat -498px 0 ; width:126px;}
#n_daining { background:url(common/global_nav.gif) no-repeat -624px 0 ; width:126px;}
#n_plans { background:url(common/global_nav.gif) no-repeat -750px 0 ; width:200px;}

a:hover#n_top, .p_top #n_top { background:url(common/global_nav.gif) no-repeat 0 -55px ; width:125px;}
a:hover#n_spa, .p_spa #n_spa { background:url(common/global_nav.gif) no-repeat -125px -55px ; width:123px;}
a:hover#n_meal,.p_meal #n_meal { background:url(common/global_nav.gif) no-repeat -248px -55px ; width:125px;}
a:hover#n_room,.p_room #n_room { background:url(common/global_nav.gif) no-repeat -373px -55px ; width:125px;}
a:hover#n_fac,.p_facilities #n_fac { background:url(common/global_nav.gif) no-repeat -498px -55px ; width:126px;}
a:hover#n_daining,.p_daining #n_daining { background:url(common/global_nav.gif) no-repeat -624px -55px ; width:126px;}
a:hover#n_plans { background:url(common/global_nav.gif) no-repeat -750px -55px ; width:200px;}

#p_nav { display:inline-block; height:55px; margin-top:10px; width:950px; }
#p_nav li { display:block; float:left;}
#p_nav li a { display:block; text-indent:-99999px;}

/*-------------------------------------content*/
#top-content { padding:10px 0 0 0; display:inline-block; width:950px; }
#top-content #box { float:right; width:364px; }
#top-content #box img { margin:0 0 5px 0; }
#top-content #box .left { float:left; margin:0 6px 0 0;}
#top-content #box .mono { clear:both; padding:5px 0 0 0;}
#top-content #box #news_col { background:url(img/news_bg.gif) no-repeat left bottom; margin-bottom:10px; padding:0 0 10px 0; height:250px; width:365px;}
#top-content #box #news_col iframe { margin-left:12px;}
#content { padding:10px 0 0 0; display:inline-block; width:950px;}
#content:after{ content:" "; clear:both; display:block; height:0px;}




#top-content #pickup_col { float:left; width:680px;}
#top-content #pickup_col img { margin-bottom:10px; margin-right:3px;}
#top-content #pickup_col img.adj { margin-right:0; float:right;}
#top-content #side_col { float:right; width:265px;}
#top-content #side_col img { margin-bottom:5px;}
#top-content #side_col img.adj1 { float:left;}
#top-content #side_col img.adj { float:left; margin-right:3px;}
#top-content #side_col #news_col { background:url(img/news_bg.gif) no-repeat left bottom; margin-bottom:10px; padding:0 0 10px 0; height:250px; width:265px;}
#top-content #side_col #news_col iframe { margin-left:8px;}





/*
.p_plan td .menu { float:left; }
.p_plan td table { background:url(img/dotted_line.gif) repeat-x; center top; float:right; margin:5px 0 0 0 ; width:400px;}
.p_plan td td { background:url(img/dotted_line.gif) repeat-x center bottom;  padding:8px 0 ;}
.p_plan td .place { float:left; margin:5px 15px 0 0 ;}
.p_plan td span { float:left; display:block; }
.p_plan td .b_reserve { float:right; margin:5px 0 0 0 ;}
.p_plan #plan1 { background:#f3e4e9; border:1px solid #e8bccb; padding:5px 10px; margin-bottom:50px;}
.p_plan #plan2 { background:#f1f3e4; border:1px solid #c3c8a4; padding:5px 10px; margin-bottom:50px;}
.p_plan #plan3 { background:#e4f3ef; border:1px solid #bbd9d1; padding:5px 10px; margin-bottom:50px;}

*/
/* 120924_updata koba---autumn~winter*/
.p_plan #plan1 { background:#f7e2d0; border:1px solid #efd5bf; padding:5px 10px; margin-bottom:50px;}
.p_plan #plan2 { background:#f5e2c7; border:1px solid #eacea6; padding:5px 10px; margin-bottom:50px;}
.p_plan #plan4 { background:#f3e5e1; border:1px solid #e2c8c1; padding:5px 10px; margin-bottom:50px;}
.p_plan #plan3 { background:#f1f3e4; border:1px solid #d2d7b7; padding:5px 10px; margin-bottom:50px;}
.p_plan #plan5 { background:#f4e6d3; border:1px solid #e4c9b1; padding:5px 10px; margin-bottom:50px;}

/*　120924_delete koba---spring~summer
.p_plan #plan1 { background:#f7d8d0; border:1px solid #eecdc5; padding:5px 10px; margin-bottom:50px;}
.p_plan #plan2 { background:#e9eed6; border:1px solid #e1e7cf; padding:5px 10px; margin-bottom:50px;}
.p_plan #plan3 { background:#ece4f2; border:1px solid #dacce4; padding:5px 10px; margin-bottom:50px;}
.p_plan #plan4 { background:#e1f3f1; border:1px solid #d1eae7; padding:5px 10px; margin-bottom:50px;}
.p_plan #plan5 { background:#f4e6d3; border:1px solid #e4c9b1; padding:5px 10px; margin-bottom:50px;}

*/


.p_meal #p_nav { }
.p_meal #p_nav li{ margin-right:10px;}
.p_meal #p_nav li a{ height:55px; width:296px;}
.p_meal #p_nav li#n_meal01 { background:url(img/meal_nav_off.gif) no-repeat -1px 0 ;}
.p_meal #p_nav li#n_meal02 { background:url(img/meal_nav_off.gif) no-repeat -309px 0 ;}
.p_meal #p_nav li#n_meal03 { background:url(img/meal_nav_off.gif) no-repeat -617px 0 ;}
.p_meal #p_nav li#n_meal01 a:hover,.p_meal .meal01 #p_nav li#n_meal01 a { background:url(img/meal_nav_on.gif) no-repeat -1px 0 ;}
.p_meal #p_nav li#n_meal02 a:hover,.p_meal .meal02 #p_nav li#n_meal02 a { background:url(img/meal_nav_on.gif) no-repeat -309px 0 ;}
.p_meal #p_nav li#n_meal03 a:hover { background:url(img/meal_nav_on.gif) no-repeat -617px 0 ;}

.p_room #p_nav { }
.p_room #p_nav li{ margin-right:10px;}
.p_room #p_nav li a{ height:55px;}
.p_room #p_nav li#n_room01 { background:url(img/room_nav_off.gif) no-repeat -1px 0 ; width:296px;}
.p_room #p_nav li#n_room02 { background:url(img/room_nav_off.gif) no-repeat -309px 0 ; width:296px;}
.p_room #p_nav li#n_room03 { background:url(img/room_nav_off.gif) no-repeat -617px 0 ; width:139px;}
.p_room #p_nav li#n_room04 { background:url(img/room_nav_off.gif) no-repeat -770px 0 ; width:139px;}
.p_room #p_nav li#n_room01 a:hover { background:url(img/room_nav_on.gif) no-repeat -1px 0 ;}
.p_room #p_nav li#n_room02 a:hover { background:url(img/room_nav_on.gif) no-repeat -309px 0 ;}
.p_room #p_nav li#n_room03 a:hover { background:url(img/room_nav_on.gif) no-repeat -617px 0 ;}
.p_room #p_nav li#n_room04 a:hover { background:url(img/room_nav_on.gif) no-repeat -770px 0 ;}

.p_spa #p_nav { }
.p_spa #p_nav li{ margin-right:10px;}
.p_spa #p_nav li a{ height:55px;}
.p_spa #p_nav li#n_spa01 { background:url(img/spa_nav_off.gif) no-repeat -1px 0 ; width:219px;}
.p_spa #p_nav li#n_spa02 { background:url(img/spa_nav_off.gif) no-repeat -232px 0 ; width:219px;}
.p_spa #p_nav li#n_spa03 { background:url(img/spa_nav_off.gif) no-repeat -461px 0 ; width:219px;}
.p_spa #p_nav li#n_spa04 { background:url(img/spa_nav_off.gif) no-repeat -690px 0 ; width:219px;}
.p_spa #p_nav li#n_spa01 a:hover { background:url(img/spa_nav_on.gif) no-repeat -1px 0 ;}
.p_spa #p_nav li#n_spa02 a:hover { background:url(img/spa_nav_on.gif) no-repeat -232px 0 ;}
.p_spa #p_nav li#n_spa03 a:hover { background:url(img/spa_nav_on.gif) no-repeat -461px 0 ;}
.p_spa #p_nav li#n_spa04 a:hover { background:url(img/spa_nav_on.gif) no-repeat -690px 0 ;}






.res_tb { background:url(img/dotted_line.gif) repeat-x center top; margin-top:15px;}
.res_tb td { background:url(img/dotted_line.gif) repeat-x center bottom; padding:10px 0;}
.res_tb .place {float:left; margin:5px 15px 0 0 ;}
.res_tb td span { float:left; display:block; }
.res_tb .b_reserve { float:right; margin:5px 0 0 0 ;}

/*ul,li{ padding:0;margin:0; }*/
.rollover {
    height:507px;
    width:950px;
    margin:10px 0;
}
.rollover p {
    float:left;
    margin:0;
    position:relative;
	/*width:700px;*/ height:467px;margin:0 5px;
}
.rollover_view {
    position:absolute;
    top:0;
    left:0;
}
.rollover ul { /*width:225px;*/ list-style:none; margin-right:10px;}
#sec2.rollover ul { margin-left:11px;}
/*.rollover a img {
    border:0;
}*/
.rollover li{ background:url(https://hagihonjin.co.jp/room/img/special_thum_bg1.gif) no-repeat left center ; padding-left:10px; /*height:43px;*/ margin-bottom:5px;}
#sec2.rollover li{ background:url(https://hagihonjin.co.jp/room/img/special_thum_bg2.gif) no-repeat 206px center ; padding-left:1px; height:43px; margin-bottom:5px;}

.rollover li img { border:2px solid #000;}
.rollover  li a:hover img { filter: alpha(opacity=60); -moz-opacity:0.6; opacity:0.6;}
  

.p_monorail td table.note { margin:15px 0 35px 30px;}
.p_monorail td table.note img { margin-bottom:10px;}
.p_monorail td td,
.p_monorail td th{ font-family:"ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif; font-size:12px; line-height:18px; color:#000;text-align:left; }


#view_col { background:url(https://hagihonjin.co.jp/rakuten/img/mono_view_bg.gif) no-repeat; width:394px;}
#slideshow { position:relative; width:381px; height:252px; padding:0; margin:3px; }
#slideshow img { position:absolute; top:0; left:0; z-index:8; }
#slideshow img.active { z-index:10; }
#slideshow img.last-active { z-index:9; }






/*-----*/

.left { float:left; }

/*------------------------footer*/
#footer { border-top:1px solid #000; margin-top:15px;}
#footer img { float:right; margin:15px 0 0 15px;}
#footer div { float:left; display:inline-block; width:750px; text-align:center; padding:15px 0; }
#footer div li {display:inline; padding:0 10px; }
#footer div li a { color:#333;}
#footer p { clear:both; font-size:11px;}