@charset "shift_jis";
/* フォント
---------------------------------------------------- */


.font10{
   font-size: 70%;
   line-height:150%;
}
.font10_gray{
   font-size: 70%;
   line-height:150%;
   color:#666666;
}
.font10_w{
   font-size: 70%;
   line-height:150%;
   color:#FFFFFF;
}


.font14{
   font-size: 100%;
   line-height:160%;
}
.font14_b_r{
   font-size: 100%;
   line-height:150%;
   font-weight:bold;
   color:#FF0000;
}


.line_black { font-size: 88%;
  line-height:150%;
	border-bottom-style: solid;
	border-bottom-color: #cccccc;
	border-bottom-width: 1px;
	padding:5px;

}

.line_bottom { font-size: 110%;
  line-height:150%;
	border-bottom: solid #cccccc 1px;
	padding-bottom:5px;

}

.line_black2 { font-size: 88%;
  line-height:150%;
	border-bottom-style: solid;
	border-bottom-color: #999999;
	border-bottom-width: 1px;
	padding:7px 5px 2px 5px;

}
.line_black_top { font-size: 88%;
  line-height:150%;
	border-top-style: solid;
	border-top-color: #999999;
	border-top-width: 1px;
	padding:7px 5px 3px 10px;
	border-bottom-style: solid;
	border-bottom-color: #999999;
	border-bottom-width: 1px;
}
.font12-w { font-size: 88%;
	line-height: 150%;
	font-weight: bold;
	color: #FFFFFF;
}
.font12-w-s { font-size: 88%;
	line-height: 150%;
	color: #FFFFFF;
}
.font12-blue-b { font-size: 88%;
	line-height: 150%;
	color: #0086d0;
	font-weight:bold;
}

.font-red10b{
color:#6f183b;
font-weight:bold;
font-size:70%;

}
.font-red_b{
color:#b4016b;
font-weight:bold;
}
.font-red_b_10{
color:#b4016b;
font-weight:bold;
font-size:70%;
}
.font-red3-b{
color:#6f183b;
font-weight:bold;

}
.arrow	{
  margin: 0; font-size: 88%;
  background-image:url(../images/arrow02.gif);
  background-position:left;
  background-repeat:no-repeat;
  padding:0;
  padding-left:10px;
  list-style:none;

}

.arrow03	{
  margin: 0; font-size: 88%;
  background-image:url(../images/arrow03.gif);
  background-position:left;
  background-repeat:no-repeat;
  padding:0;
  padding-left:10px;
  list-style:none;

}




/* h指定
---------------------------------------------------- */
h2,h3,h4 {
  margin: 0; font-size: 88%;
  font-weight:normal;
  padding:0;
}
h1
{
  color:#666666;
  margin-bottom:6px;
  font-weight:normal;
  padding:0; font-size: 88%;
   line-height:150%;
  
}


h2{

 width:258px;
 height:44px;



}
h2 a{
 background:url(../images/logo_new.gif) no-repeat;
 width:258px;
 height:44px;
 	font-size:88%;
	line-height:150%;
 	text-decoration: none;
	display: block;
	text-indent: -9999px;


}


/* 全体構造
---------------------------------------------------- */

html, body {
    font-size: 88%;
	color:#333333;
	line-height: 150%;
	font-family:"ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
}
body {
background-color:#FFFFFF;
	text-align: center;

		margin:0;
		padding:0;


}



td,th {
  font-size: 88%;
  line-height: 150%;
  color:#333333;
  	font-family:"ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";

}

.clear{
	clear:both;
	height:0;
	padding:0;
	font-size: 1px; 
	line-height: 1px; 
	height: 1px;
}
/*  ---- Clearfix ----  */

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

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



.to_top {
  width: 860px;
    padding:20px 0;
  margin: auto;
  text-align:right;
clear: both;
}
.to_top :after {
    content: ".";
    display: block;
    clear: both;
    height: 1px;
    overflow: hidden;
}

.right{ float:right}
.left{float:left}

a:link {	text-decoration:underline;color:#0066ff;}
a:visited { text-decoration:underline;color:#0066ff;}
a:hover{	text-decoration:none;	color:#0066ff;} 
a:active {	text-decoration:none; color:#0066ff;}



  /* コンテンツ
---------------------------------------------------- */

.container{
  width: 908px;
  text-align:center;
  padding:0;
  	margin:auto;
  	background:url(../images/all_back.gif) repeat-y center;


}
.main{
  width: 860px;
  margin: auto;
  padding:0;
}
.main:after {
    content: "";
    display: block;
    clear: both;
    height: 1px;
    overflow: hidden;
}
.side{
  width: 202px;
  margin-right:18px;
  text-align:center;
  float:left;
  padding:0;
}

.right{
  width: 640px;
  margin: 0;
  text-align:left;
  float:left;
  padding:0;
  

}
.right:after {
    content: "";
    display: block;
    clear: both;
    height: 1px;
    overflow: hidden;
}


.pan {
	margin-bottom:10px;
	text-align:left;
	width:860px;
	margin:auto;
	}

.line{
margin:10px 0;
background:url(../images/line01.gif) repeat-x;
width:640px;
height:21px}

/* ヘッダ
---------------------------------------------------- */
.head {
  width: 908px;
  text-align:center;
  padding:0;
	background:url(../images/head_back.gif) no-repeat top;
  	margin:auto;

}
.head:after {
    content: "";
    display: block;
    clear: both;
    height: 1px;
    overflow: hidden;
}
.head_contents{
   width:860px;
     	margin:auto;
   padding-top:25px;
   text-align:left;
   background:url(../images/logo2.gif) no-repeat right bottom;
   height:77px;
}



.head_l{
  width:350px;
  float:left;
  margin:0;
  padding:0;

}
.head_c{
  width:367px;
  float:left;
  margin:0;
  padding:0;
  text-align:right;

}


#head_navi {	
  width:370px;
  float:left;
    margin: 0;
  padding: 0;
  margin-top:15px;

}

#head_navi ul,li {
  padding: 0;
  margin: 0;
  list-style: none;
}


#head_navi1 a,#head_navi2 a,#head_navi3 a{
	text-decoration: none;
	display: block;
	text-indent: -9999px; height: 23px;
}

#head_navi1 {
  background: url("../images/btn_korea.gif") no-repeat top left;
  width: 82px; height: 23px;
  float:right;  margin-right:10px;

  }
#head_navi1 a:hover {
  background: url("../images/btn_korea_ov.gif") no-repeat top left;
}
#head_navi2 {
  background: url("../images/btn_china.gif") no-repeat top left;
  width: 82px; height: 23px;
  float:right;  margin-right:10px;

  }
#head_navi2 a:hover {
  background: url("../images/btn_china_ov.gif") no-repeat top left;
}

#head_navi3 {
  background: url("../images/btn_en.gif") no-repeat top left;
  width: 82px; height: 23px;
  float:right;  margin-right:10px;

  }
#head_navi3 a:hover {
  background: url("../images/btn_en_ov.gif") no-repeat top left;
}

  /* navi
---------------------------------------------------- */
#navi {	
  margin:auto;
  width: 860px;
  height: 43px;
  padding-bottom:8px;

}
#navi:after {
    content: "";
    display: block;
    clear: both;
    height: 1px;
    overflow: hidden;
}
#navi ul,li {
  margin: 0;
  padding: 0;
  list-style: none;
}


#navi1 a,#navi2 a,#navi3 a,#navi4 a,#navi5 a,#navi6 a,#navi7 a{
	text-decoration: none;
	display: block;
	text-indent: -9999px; height: 43px;
}
#navi1ov a,#navi2ov a,#navi3ov a,#navi4ov a,#navi5ov a,#navi6ov a,#navi7ov a{
	text-decoration: none;
	display: block;
	text-indent: -9999px; height: 43px;
}
#navi1 {
  background: url("../images/navi01.gif") no-repeat top left;
  width: 123px; height: 43px;
  float:left;

  }
#navi1 a:hover {
  background: url("../images/navi01ov.gif") no-repeat top left;
}
#navi1ov {
  background: url("../images/navi01ov.gif") no-repeat top left;
  width: 123px; height: 43px;
  float:left;

  }
#navi2 {
  background: url("../images/navi02.gif") no-repeat top left;
  width: 123px; height: 43px;
  float:left;
  }
#navi2 a:hover {
  background: url("../images/navi02ov.gif") no-repeat top left;
}
#navi2ov {
  background: url("../images/navi02ov.gif") no-repeat top left;
  width: 123px; height: 43px;
  float:left;
  }
#navi3 {
  background: url("../images/navi03.gif") no-repeat top left;
  width: 123px; height: 43px;
  float:left;
  }
#navi3 a:hover {
  background: url("../images/navi03ov.gif") no-repeat top left;
}
#navi3ov {
  background: url("../images/navi03ov.gif") no-repeat top left;
  width: 123px; height: 43px;
  float:left;
  }
#navi4 {
  background: url("../images/navi04.gif") no-repeat top left;
  width: 122px; height: 43px;
  float:left;
  }
#navi4ov {
  background: url("../images/navi04ov.gif") no-repeat top left;
  width: 122px; height: 43px;
  float:left;
  }
#navi4 a:hover {
  background: url("../images/navi04ov.gif") no-repeat top left;
}
#navi5 {
  background: url("../images/navi05.gif") no-repeat top left;
  width: 122px; height: 43px;
  float:left;
  }
#navi5 a:hover {
  background: url("../images/navi05ov.gif") no-repeat top left;
}
#navi5ov {
  background: url("../images/navi05ov.gif") no-repeat top left;
  width: 122px; height: 43px;
  float:left;
  }
#navi6 {
  background: url("../images/navi06.gif") no-repeat top left;
  width: 123px; height: 43px;
  float:left;
  }
#navi6 a:hover {
  background: url("../images/navi06ov.gif") no-repeat top left;
}
#navi6ov {
  background: url("../images/navi06ov.gif") no-repeat top left;
  width: 123px; height: 43px;
  float:left;
  }
#navi7 {
  background: url("../images/navi07.gif") no-repeat top left;
  width: 124px; height: 43px;
  float:left;
  }
#navi7 a:hover {
  background: url("../images/navi07ov.gif") no-repeat top left;
}
#navi7ov {
  background: url("../images/navi07ov.gif") no-repeat top left;
  width: 124px; height: 43px;
  float:left;
  }

/* トップページ
---------------------------------------------------- */


.top_l{
  float:left;
  width:316px;
  margin:8px 0 8px 5px;
  padding:0;

}
.top_r{
  float:left;
  width:312px;
  margin:5px 0;
  padding:0;
}
.top_r:after {
    content: "";
    display: block;
    clear: both;
    height: 1px;
    overflow: hidden;
}
.top_club{
line-height:17px;
width:auto;
padding:5px 15px 0 15px;
background-color:#ebebeb}

.top_club_btn{
width:auto;
text-align:center;
padding-top:10px;}


.top_l2{
  float:left;
  width:288px;
  padding:0 15px;
  margin:0;
	border-right: solid #cccccc 1px;
 

}
.top_r2{
  float:left;
  width:288px;
  padding:0 15px;
  margin:0;
}

/* リニューアルお知らせ */

.top_renew_news{ border: solid 1px #ff9e9e; padding:12px; margin-bottom:15px; background:url(../images/top_renew_news_bg.gif) top left repeat-x #ffdede}
.top_renew_news_t{ text-align:center; font-weight:bold; margin-bottom:8px}


/* 右バナー */

#top_list_bn {	
  width:288px;
  padding: 0;
  margin:0;

}

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

#top_list_bn li {
  width:288px;
  margin-bottom: 5px;
  list-style: none;
  padding:0
	
}


#top_bestrate a,#top_navip a,#top_ladysr a,#top_ladys a,#top_couple a,#top_reco a,#top_dayuse a,#top_bridal a,#top_restaurant a,#top_snavi a{
	text-decoration: none;
	display: block;
	text-indent: -9999px; height: 58px;
}

#top_bestrate {
  background: url("../images/top_bn_bestrate.jpg") no-repeat top left;
  width: 288x; height: 58px;
  float:left;  }  
#top_bestrate a:hover {
  background: url("../images/top_bn_bestrate_ov.jpg") no-repeat top left;}  
  
#top_navip {
  background: url("../images/top_bn_naviplan.jpg") no-repeat top left;
  width: 288x; height: 58px;
  float:left;  }  
#top_navip a:hover {
  background: url("../images/top_bn_naviplan_ov.jpg") no-repeat top left;}    

#top_ladysr {
  background: url("../images/top_bn_ladys.jpg") no-repeat top left;
  width: 288x; height: 58px;
  float:left;  }  
#top_ladysr a:hover {
  background: url("../images/top_bn_ladys_ov.jpg") no-repeat top left;}  
  
#top_ladys {
  background: url("../images/top_bn_lady.jpg") no-repeat top left;
  width: 288x; height: 58px;
  float:left;  }
#top_ladys a:hover {
  background: url("../images/top_bn_lady_ov.jpg") no-repeat top left;}

#top_couple {
  background: url("../images/top_bn_couple.jpg") no-repeat top left;
  width: 288x; height: 58px;
  float:left;  }
#top_couple a:hover {
  background: url("../images/top_bn_couple_ov.jpg") no-repeat top left;}


#top_reco {
  background: url("../images/top_bn_eco.jpg") no-repeat top left;
  width: 288x; height: 58px;
  float:left;  }
#top_reco a:hover {
  background: url("../images/top_bn_eco_ov.jpg") no-repeat top left;}

#top_dayuse {
  background: url("../images/top_bn_dayuse.jpg") no-repeat top left;
  width: 288x; height: 58px;
  float:left;  }
#top_dayuse a:hover {
  background: url("../images/top_bn_dayuse_ov.jpg") no-repeat top left;}

#top_bridal {
  background: url("../images/top_bn_bridal.jpg") no-repeat top left;
  width: 288x; height: 58px;
  float:left;  }
#top_bridal a:hover {
  background: url("../images/top_bn_bridal_ov.jpg") no-repeat top left;}

#top_restaurant {
  background: url("../images/top_bn_restaurant.jpg") no-repeat top left;
  width: 288x; height: 58px;
  float:left;  }
#top_restaurant a:hover {
  background: url("../images/top_bn_restaurant_ov.jpg") no-repeat top left;}

#top_snavi {
  background: url("../images/top_bn_navi.jpg") no-repeat top left;
  width: 288x; height: 58px;
  float:left;  }
#top_snavi a:hover {
  background: url("../images/top_bn_navi_ov.jpg") no-repeat top left;}


/* いろいろな予約 */

#top_yoyaku{
  background-color:#7c074c;
  background: url("../images/book_back.gif") no-repeat top left;

}
#top_yoyaku_in{
  background: url("../images/book_back.gif") no-repeat top left;
  padding:0 15px;
  text-align:left;

}
#top_yoyaku2{
  background-color:#7c074c;
  background: url("../images/book02_back.gif") no-repeat top left;

}
#top_yoyaku2_in{
  background: url("../images/book02_back.gif") no-repeat top left;
  padding:0 15px;
  text-align:left;

}

/* 2009/10〜未使用 */

.top_list_plan {
  text-align:left;
    margin: 0;
  padding: 0;
}
.top_list_plan ul {
margin:0;
  padding: 0;
  list-style: none;
}
.top_list_plan li {
  margin: 5px 0;
  padding:0;
  list-style: none;
  	text-decoration: none;
  padding: 0;

}
.top_list_plan2{
 margin:0;
 padding:0;}
 
.top_list_plan2 dt{
 margin:0;
 padding:0;
 background:url(../images/arrow01.gif) left no-repeat;
 padding-left:15px;
 line-height:150%;
}
.top_list_plan2 dl{
 margin:4px 0;
 padding:0;

}

.top_list_plan2 dd{
 margin:0;
 line-height:160%;
 line-height:150%;
}


#top_list_plan_more{
  background: url("../images/btn_more.gif") no-repeat top left;
  margin-left:200px;
  width:86px;
  height:22px;
}

#top_list_plan_more a{
	text-decoration: none;
	display: block;
	text-indent: -9999px; height: 22px;
}
#top_list_plan_more a:hover {
  background: url("../images/btn_more_ov.gif") no-repeat top left;
}

/* 目的別 */

#top_list_moku {	

    margin: 0;
  padding:0 30px 0 10px;

  float:left;

}

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

#top_list_moku li {
  margin-bottom: 10px;
  list-style: none;
  padding-left:20px
	
}


#moku1{
  background: url("../images/icon_mouse.gif") no-repeat top left;



  }

#moku2{
  background: url("../images/icon_banq.gif") no-repeat top left;



  }
#moku3{
  background: url("../images/icon_wedding.gif") no-repeat top left;


  }
 #moku4{
  background: url("../images/icon_rest.gif") no-repeat top left;

  }
 #moku5{
  background: url("../images/icon_navi.gif") no-repeat top left;

  }
 #moku6{
  background: url("../images/icon_day.gif") no-repeat top left;

  }

/* チェーンホテル一覧 */

.top_list_chain_w_a {
padding:0 5px ; margin:0; text-align:left;}


.top_list_chain_w {	
  float:left;
  margin: 0 10px;
  padding:0;
  width:190px;

}

.top_list_chain {	

    margin:0;
  padding:0;
  width:190px;


}


.top_list_chain ul {
  padding: 0;
  margin: 0;
  list-style: none;
  margin-bottom:10px;
}

.top_list_chain li {
  padding: 0;
  margin-left: 5px;
  list-style: none;
  text-align:left;
	
}

.top_chain_t {	


  padding:1px 1px 1px 7px;
  width:100%;
  background-color:#666666;
  color:#FFFFFF;
  text-align:left;
  margin-bottom:5px;


}


  /* フッタ
---------------------------------------------------- */

  
.foot{
  width: 908px;
  text-align:center;
  padding-top:15px;
    	margin:0;
  	margin:auto;
  	background:url(../images/foot_back.gif) repeat-y bottom;

}
.foot_contents{
   width:860px;

   text-align:left;
   background:url(../images/line01.gif) repeat-x;
   padding-top:10px;
   margin:auto;
      padding-bottom:20px;
}


.foot_l {
  text-align:left;
  width:500px;
  float:left;
    margin:0;
  padding-left:5px;}

.foot_r {
  float:left;
  text-align:right;
  width:355px;
  margin:0;
  padding:0
  
}
.foot_r ul {
  padding: 0;
  margin: 0;
  list-style: none;
}
.foot_r li {

  list-style: none;
   background:url(../images/arrow02.gif) no-repeat 3px;
   padding:0 5px 0 15px;
   float:right;
   margin-left:10px;
   width:auto;
}


.foot_contents:after {
    content: "";
    display: block;
    clear: both;
    height: 1px;
    overflow: hidden;
}





/* 2階層目
---------------------------------------------------- */

#side_user a{
	text-decoration: none;
	display: block;
	text-indent: -9999px; height: 54px;
}

#side_user {
  background: url("../images/side_btn_user.gif") no-repeat top left;
  width: 202px; height: 54px;

  }
#side_user a:hover {
  background: url("../images/side_btn_user_ov.gif") no-repeat top left;
}
#side_user2 {
  background: url("../images/side_user_txt.gif") no-repeat top left;
  width: 202px; height: 18px;
	text-decoration: none;
	display: block;
	text-indent: -9999px;
  }
#side_club{
  background-color:#e3e3e3;
  background: url("../images/side_club_back.gif") no-repeat top left;

}
#side_club_in{
  background: url("../images/side_club_back.gif") no-repeat top left;
  padding:0 15px;
  text-align:left;
}
#side_btn_more{
  background: url("../images/side_btn_more.gif") no-repeat top left;
  margin:5px 0 0 28px;
  width:116px;
  height:22px;
	  background-color:#e3e3e3;
	padding-bottom:5px;}
	
#side_btn_more a{
	text-decoration: none;
	display: block;
	text-indent: -9999px; height: 22px;
}
#side_btn_more a:hover {
  background: url("../images/side_btn_more_ov.gif") no-repeat top left;
}

#side_hotel{
  background-color:#7c074c;
  background: url("../images/side_hotel_back.gif") no-repeat top left;

}
#side_hotel_in{
  background: url("../images/side_hotel_back.gif") no-repeat top left;
  padding:0 15px;
  text-align:left;
  background-color:#7d084d;
}

#btn_reserve a{
	text-decoration: none;
	display: block;
	text-indent: -9999px; height: 35px;
}

#btn_reserve {
  background: url("../images/btn_reserve.gif") no-repeat top left;
  width: 202px; height: 35px;

  }
#btn_reserve a:hover {
  background: url("../images/btn_reserve_ov.gif") no-repeat top left;
}

#side_info{
  background-color:#f3f3f3;
  background: url("../images/link_back.gif") no-repeat top left;

}
#side_info_in{
  background: url("../images/link_back.gif") no-repeat top left;
  padding:0 15px;
  text-align:left;
}
#side_info_in ul{
  margin:0;
  padding:0;
}
#side_info_in li{
  list-style: none;
   background:url(../images/arrow01.gif) no-repeat 3px;
   padding:0 5px 0 18px;
   line-height:160%;

}


/* ホテル
---------------------------------------------------- */

.h_navi_day{
  float:left;
  width:130px;
  margin:0;
  padding:0;

  }
  
#h_navi_day:after {
    content: "";
    display: block;
    clear: both;
    height: 1px;
    overflow: hidden;
}

#h_navi_t {
  background: url("../images/h_yoyaku_title.gif") no-repeat top left;
  width: 183px; height: 13px;
	text-decoration: none;
	display: block;
	text-indent: -9999px;
	padding-bottom:5px;
  }
#h_navi {	
  float:left;
  width:420px;
  margin:0;
  padding:0

}

#h_navi_rf {	
  float:left;
  width:510px;
  margin:0;
  padding:0

}

#h_navi:after {
    content: "";
    display: block;
    clear: both;
    height: 1px;
    overflow: hidden;
}
#h_navi ul,li {
  margin: 0;
  padding: 0;
  list-style: none;
}


#h_navi1 a,#h_navi2 a,#h_navi3 a,#h_navi4 a{
	text-decoration: none;
	display: block;
	text-indent: -9999px; height: 26px;
}

#h_navi1 {
  background: url("../images/h_btn_day.gif") no-repeat top left;
  width: 115px; height: 26px;
  float:left;
  margin-right:9px;
  }
#h_navi1 a:hover {
  background: url("../images/h_btn_day_ov.gif") no-repeat top left;
}
#h_navi2 {
  background: url("../images/h_btn_ca.gif") no-repeat top left;
  width: 115px; height: 26px;
  float:left;
  margin-right:9px;
  }
#h_navi2 a:hover {
  background: url("../images/h_btn_ca_ov.gif") no-repeat top left;
}
#h_navi3 {
  background: url("../images/h_btn_room.gif") no-repeat top left;
  width: 115px; height: 26px;
  float:left;
  margin-right:9px;
  }
#h_navi3 a:hover {
  background: url("../images/h_btn_room_ov.gif") no-repeat top left;
}
#h_navi4 {
  background: url("../images/h_btn_plan.gif") no-repeat top left;
  width: 115px; height: 26px;
  float:left;
  margin-right:9px;
  }
#h_navi4 a:hover {
  background: url("../images/h_btn_plan_ov.gif") no-repeat top left;
}


.h_l{
  float:left;
  width:175px;
  margin-right:20px;
  margin-top:20px;

}
.h_r{
  float:left;
  width:445px;
  margin:20px 0;
  padding:0;
}
.h_r:after {
    content: "";
    display: block;
    clear: both;
    height: 1px;
    overflow: hidden;
}
#h_topics{
  background-color:#ebebeb;

}

#h_topics_in{
  padding:0 12px 10px 12px;
  text-align:left;
}

#h_topics_in ul{
  margin:0;
  padding:0;
}
#h_topics_in li{
  list-style: none;
   background:url(../images/topics_arrow.gif) no-repeat top left;
   padding:0 5px 0 10px;
   margin:7px 0;
   line-height:150%;

}