*{
margin:0px;
padding:0px;
}
img{
border:0px;
}
.clearfix:after {
  content: ".";  /* 新しい要素を作る */
  display: block;  /* ブロックレベル要素に */
  clear: both;
  height: 0;
  visibility: hidden;
  line-height:0;
}

.clearfix {
  min-height: 1px;
}

* html .clearfix {
  height: 1px;
  /*\*//*/
  height: auto;
  overflow: hidden;
  /**/
}
.c-both{
height: 1px;
clear: both;
padding:0px;
}
body{
color:#660000;
background:url(gif/bg_body.gif) repeat 0 0;
}
body,th,td,ul,p{
font-size:90%;
}
/*見出し設定
------------------------------*/
h2.pagetitle{
clear:both;
margin-bottom:20px;
}
h3{
margin-bottom:0px;
}
div.planitem h3{
display:inline;
}
.text_title{
clear:both;
background:url(gif/h3_icon.gif) no-repeat 0 0.2em;
margin-bottom:20px;
padding: 5px 10px 5px 40px;
font-size:120%;
border-top:5px solid #cc9966;
border-bottom:1px dotted #cc9966;
}

p.title{
padding:3px 0px 3px 20px;
magin-bottom:10px;
background:url(gif/icon.png) no-repeat 0 0.2em;
font-size:120%;
font-weight:bold;
}
p.info{
padding:10px;
}
p.info span{
display:block;
font-size:95%;
margin:10px 0px;
}

/*枠
------------------------------*/
#wrap{
min-width:900px;
background:url(gif/bg_header.gif) repeat-x 0 top;
padding:0px auto;
}
#wrap_top{
min-width:900px;
background:url(gif/bg_header_top.gif) repeat-x 0 top;
padding:0px auto;
}
#jpanican_link,#header,#content,#link_bn,#footer{
width:900px;
margin:0px auto;
}
div.subpage{
padding-top:30px;
}
/*JAPANiCANリンク
------------------------------*/
#jpanican_link{
padding:0px auto;
width:900px;
height:17px;
}
#jpanican_link ul{
float:right;
list-style:none;
padding:7px 0px 10px;
}
#jpanican_link li{
float:left;
display:inline-block;
}

/*header
------------------------------*/
#header{
padding:25px 0 10px;
width:900px;/*IE6*/
}
img.logo{
float:left;
}
div.h_menu{
width:430px;
float:right;
text-align:right;
}
div.h_menu img{
margin:auto 0px;
}
ul.header_btn,ul.smenu{
list-style:none;
}
ul.smenu{
float:right;
}
ul.header_btn li,ul.smenu li{
float:left;
display:inline-block;
}
ul.header_btn li.telinfo,ul.smenu li{
margin-left:10px;
}
.topimg{
clear:both;
}
/*mmenu メインメニュー
------------------------------*/
div.mmenu{
margin-top:10px;
}
div.mmenu ul{
list-style:none;
}
div.mmenu li{
float:left;
display:inline-block;
height:50px;
}

/*カテゴリーメニュー
------------------------------*/
div.cat_menubox{
margin-bottom:30px;
padding:0px 10px;
}
div.cat_menubox ul{
list-style:none;
}
div.cat_menubox li{
display:block;
float:left;
margin-right:10px;
border:1px solid #cc9966;
background:#fff url(gif/bg_catmenu.gif) repeat-x 0 0;
}
div.cat_menubox a{
display:block;
padding:5px 20px;
margin:0px 5px;
text-decoration:none;
background:url(gif/list_catmenu.gif) no-repeat 0 0.3em;
}

/*ページ先頭に戻る
------------------------------*/
div.back_pagetop{
text-align:right;
margin:10px 10px 20px;
font-size:90%;
}
div.back_pagetop a{
background:url(gif/list_backpagetop.gif) no-repeat 0 0;
padding:2px 0px 2px 20px;
text-decoration:none;
clear:both;
}
/*新着情報HTML設定
------------------------------*/
div#news_space{
float:left;
background:url(gif/bg_body2.gif);
min-height:270px;
height:auto !important;/*IE6*/
height:270px;/*IE6*/
width:400px;
}
div.bg_onepoint{
background:url(gif/bg_newspoint.gif) no-repeat right bottom;
min-height:275px;
height:auto !important;/*IE6*/
height:275px;/*IE6*/

}
#top_content_data_tbl{
margin:10px;
min-height:180px;
height:auto !important;/*IE6*/
height:180px;/*IE6*/
}
#top_content_data_tbl td{
font-size:100%;
vertical-align:top;
}
div#news_space p{
margin:10px;
}


/*新着情報ツール設定*/
/*nomatch_top*/
.nomatch_top_tbl{
min-height:200px;
height:auto !important;/*IE6*/
height:200px;/*IE6*/
}
.nomatch_top_tbl td{
vertical-align:top;
}
#news_tbl{
width:628px;
background:url(gif/bg_body2.gif);
border:1px solid #cc9933;
}
#news_tbl table.detailes{
margin:20px auto 10px;
text-align:left;
}
#news_tbl table.detailes td{
vertical-align:middle;
}
#content_data_space{
padding:10px;
}
#content_data_tbl{
width:608px;
font-size:120%;
}
#content_data_tbl td{
font-size:inherit;
}
.topics_data{
padding:10px;
text-align:right;
font-weight:bold;
}

div.newsbox{
width:628px;
float:left;
}
form.news_back{
text-align:center;
margin-top:20px;
}

/*news_見出し設定*/
.topics_title{
color:#ffffff;
padding:5px 10px;
background:#660000;
font-size:120%;
}
/*nodata*/
.nodata{
text-align:center;
margin:10px;
}
.nodata_content{
padding:40px 0px;
}


/*バナーメニュー bn_menu
------------------------------*/
#bn_menu{
float:right;
width:470px;
}
/*予約メニュー背景*/
.reserve-outside,
.reserve-inside {
 width: 470px;
}
.reserve-outside {
 background: url(gif/bg_reserve_menu_top.gif) no-repeat left top;
 background-color: #775f53;
 padding-top: 5px;
}
.reserve-inside {
 background: url(gif/bg_reserve_menu_bottom.gif) no-repeat left bottom;
 background-color:;
 padding-bottom: 5px;
}

/*予約メニュー　reserve_menu*/
img.btn_reserve{
float:left;
margin:0 5px;
}
.btn_reference_cancel{
color:#fff;
font-size:80%;
margin:0 5px
}
.btn_reference_cancel img{
margin:3px 0 0;
}
/*プランバナーメニュー*/
#bn_menu ul{
list-style:none;
}
#bn_menu li{
float:left;
margin-top:10px;
}
#bn_menu li.left_bn{
margin-right:10px;
}

/*おすすめプラン
------------------------------*/
.recommendplan{
position:relative;
margin:40px 0 20px;
}
.btn_planlist{
position:absolute;
right:0;
top:3px;
clear:both;
display: block;

}
.planitem{
width:288px;
float:left;
margin-top:20px;
}
.c-planitem{
margin:20px 17px 0;
}

.plantitle{
margin-right:10px;
}
.planimg{
clear:both;
margin-top:10px;
}
.planinfo{
margin:5px;
display:block;
min-height:90px;
height:auto !important;/*IE6*/
height:90px;/*IE6*/
}
/*プラン詳細*/
.planitem table.detailes{
width:288px;
border-top:2px solid #ccc;
}
.planitem table.detailes td{
border-bottom:2px solid #ccc;
}
.planitem table.detailes td.d_comment{
min-height:28px;
height:auto !important;/*IE6*/
height:28px;/*IE6*/
vertical-align:top;
font-size:85%;
}


/*宿泊予約･空室確認btn*/
img.btn_plan_reserve{
display:block;
margin:10px 76px 0px 75px;
}
/*外部リンク link_bn
------------------------------*/
#link_bn{
clear:both;
text-align:right;
margin:40px auto 20px;
}
#link_bn img{
margin-left:10px;
}
/*footer
------------------------------*/
#footer{
background:url(gif/bg_footertop.gif) no-repeat 0 0;
margin-top:40px;
padding:20px 0;
}
/*fleft*/
div.fleft{
float:left;
width:450px;
}

ul.fmenu,ul.fsmenu{
list-style:none;
}
ul.fmenu li,ul.fsmenu li{
float:left;
display:inline-block;
}
ul.fmenu a,ul.fsmenu a{
display:block;
padding:0px 10px;
margin-bottom:5px;
border-right:1px solid #660000;
color:#CC3300;
white-space:nowrap;
text-decoration:none;
}
ul.fmenu a:hover,ul.fsmenu a:hover{
color:#0000ff;
}
ul.fsmenu a{
padding-left:13px;
border:none;
background:url(gif/list_fsmenu.gif) no-repeat 0 0.1em;
}
ul.fmenu .fmenutop{
border-left:1px solid #660000;
}


/*fright*/
div.fright{
float:right;
}
p.company_name{
font-size:120%;
}


/*リスト設定
------------------------------*/
ul.list{
margin:10px 0px;
list-style:none;
clear:both;
}
ul.list li{
margin:3px 5px;
background:url(gif/list.gif) no-repeat 0 0.2em;
padding:0px 0px 0px 7px;
}
/*フォント設定
------------------------------*/
.fnt_center{
text-align:center;
}
.fnt_right{
text-align:right;
}
.fnt_bold{
font-weight:bold;
}
.fnt_red{
color:#CC0000;
}
.fnt_large{
font-size:120%;
}

/*テーブル設定
------------------------------*/
/*詳細*/
table.detailes{
width:288px;
border-collapse: collapse;
border-top:1px solid #5a0000;
}
table.detailes td{
vertical-align:top;
}
table.detailes caption{
background:#ceaa82;
padding:5px;
text-align:left;
border-top:1px solid #5a0000;
font-weight:bold;
color:#330000;
}
table.detailes td.d_title{
background:#efefef url(gif/list_details.gif) no-repeat 2px 0.25em;
padding:5px 5px 5px 22px;
white-space:nowrap;
}
table.detailes td{
background:#ffffff;
padding:5px;
border-bottom:1px solid #5a0000;
}
table.detailes td.price{
font-weight:bold;
color:#CC0000;
font-size:110%;
}
table.detailes td.price span{
font-size:80%;
font-weight:normal;
color:#660000;
}

/*access,pryvacy,info　右カラム
------------------------------*/
div.subcontent{
float:right;
width:228px;
background:url(gif/bg_body2.gif) repeat;
border:1px solid #cc9966;
padding:10px 0px;
}
div.subcontent img{
margin:0px 10px;
}
div.subcontent h4{
margin:15px 10px 0px;
padding:5px;
font-size:90%;
border:1px dotted #660000;
border-left:5px double #660000;
}
div.subcontent p{
margin:10px 15px;
line-height:110%;
}
p.text_telinfo{
padding:5px;
border:1px solid #cc9966;
font-size:120%;
font-weight:bold;
}
p.text_telinfo span{
background:#cc9966;
display:block;
padding:3px;
margin:0px 0px 10px;
text-align:center;
font-size:80%;
}
p.text_tel{
font-size:150%;
font-weight:bold;
}
p.text_tel span{
font-size:60%;
font-weight:normal;
}