@charset "shift_jis";

/* フォント

---------------------------------------------------- */





.font10{

   font-size: 10px;

   line-height:16px;

}

.font10_gray{

   font-size: 10px;

   line-height:16px;

   color:#666666;

}

.font10_w{

   font-size: 10px;

   line-height:16px;

   color:#FFFFFF;

}





.font14{

   font-size: 14px;

   line-height:20px;

}

.font14_b_r{

   font-size: 14px;

   line-height:18px;

   font-weight:bold;

   color:#FF0000;

}





.line_black {

 font-size: 12px;

  line-height:18px;

	border-bottom-style: solid;

	border-bottom-color: #cccccc;

	border-bottom-width: 1px;

	padding:5px;



}



.line_bottom {

 font-size: 12px;

  line-height:18px;

	border-bottom: solid #cccccc 1px;

	padding-bottom:5px;



}



.line_black2 {

 font-size: 12px;

  line-height:18px;

	border-bottom-style: solid;

	border-bottom-color: #999999;

	border-bottom-width: 1px;

	padding:7px 5px 2px 5px;



}

.line_black_top {

 font-size: 12px;

  line-height:18px;

	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: 12px;

	line-height: 18px;

	font-weight: bold;

	color: #FFFFFF;

}

.font12-w-s {

	font-size: 12px;

	line-height: 18px;

	color: #FFFFFF;

}

.font12-blue-b {

	font-size: 12px;

	line-height: 18px;

	color: #0086d0;

	font-weight:bold;

}



.font-red10b{

color:#6f183b;

font-weight:bold;

font-size:10px;



}

.font-red_b{

color:#b4016b;

font-weight:bold;

}

.font-red_b_10{

color:#b4016b;

font-weight:bold;

font-size:10px;

}

.font-red3-b{

color:#6f183b;

font-weight:bold;



}

.arrow	{

  margin: 0;

  font-size: 12px;

  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: 12px;

  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: 12px;

  font-weight:normal;

  padding:0;

}

h1

{

  color:#666666;

  margin-bottom:6px;

  font-weight:normal;

  padding:0;

   font-size: 12px;

   line-height:16px;

  

}





h2{



 width:258px;

 height:44px;







}

h2 a{

 background:url(../images/logo_new.gif) no-repeat;

 width:258px;

 height:44px;

 	font-size:12px;

	line-height:18px;

 	text-decoration: none;

	display: block;

	text-indent: -9999px;





}





/* 全体構造

---------------------------------------------------- */



html, body {

    font-size: 12px;

	color:#333333;

	line-height: 18px;

	font-family:"ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";

}

body {

background-color:#FFFFFF;

	text-align: center;



		margin:0;

		padding:0;





}







td,th {

  font-size: 12px;

  line-height: 18px;

  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;



}

.to_top :after {

    content: "";

    display: block;

    clear: both;

    height: 1px;

    overflow: hidden;

}



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;

    display:none;

position: relative;

clear:both;

}



.right{

  width: 640px;

  margin: 0;

  text-align:left;

  float:left;

  padding:0;

 position: relative;

clear:both; 



}

.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;

    display:none;

position: relative;

clear:both;}

.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;

    display:none;

position: relative;

clear:both;



}

/* トップページ

---------------------------------------------------- */





.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{

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_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_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;

position: relative;

clear:both;

}

.foot_contents{

   width:860px;



   text-align:left;

   background:url(../images/line01.gif) repeat-x;

   padding-top:10px;

   margin:auto;

      padding-bottom:20px;

	      display:none;

}













/* 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:20px;



}





/* ホテル

---------------------------------------------------- */



.h_navi_day{

  float:left;

  width:130px;

  margin:0;

  padding:0;

	display:none;



  }

  

#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:after {
    content: "";
    display: block;
    clear: both;
    height: 1px;
    overflow: hidden;
}

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

}
#h_navi_rf: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{



  width:175px;

  margin-right:20px;

  margin-top:20px;

  float:left;

}

.h_r{



  width:445px;

  margin:20px 0;

  padding:0;

  float:right;

}

.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:18px;



}