@charset "utf-8";

body{
margin:0;
padding:0;
background-color:#90CECD;
font:13px "lr oSVbN",arial,helvetica,clean,sans-serif;
*font-size:small;
*font:x-small;
line-height:140%;
}

.text10 { font-size:77%; }
.text11 { font-size:85%; }
.text12 { font-size:93%; }
.text13 { font-size:100%; }
.text14 { font-size:108%; }
.text15 { font-size:116%; }
.text16 { font-size:123.1%; }
.text17 { font-size:131%; }
.text18 { font-size:138.5%; }
.text19 { font-size:146.5%; }
.text20 { font-size:153.9%; }
.text21 { font-size:161.6%; }
.text22 { font-size:167%; }
.text23 { font-size:174%; }
.text24 { font-size:182%; }
.text25 { font-size:189%; }
.text26 { font-size:197%; }


h1,h2,h3,h4,h5,p,ul,li,ol{
margin:0;
padding:0;
}

ul,ol,li{
list-style:none;
}

img{
border:none;
}

a{
color:#00A0C6;
text-decoration:none;
}

a:hover{
color:#F9354A;
text-decoration:underline;
}


hr{
display:none;
}

.odd{
background-color:#F5F5F5;
}

#container_a {
width:1000px;
margin:0 auto;
}


#container_b {
width:1000px;
margin:0 auto;
background-color:#FFF;
}

/* clearFix */
div#container_b:after,
div#container_b:after{display:block; visibility:hidden; clear:both; height:0; content:".";}
div#container_b,
div#container_b{display:inline-block;}

#mainArea{
width:780px;
float:left;
}

#mainArea .wrap{
padding:10px;
}


#mainArea .colLeft{
float:left;
width:578px;
}

#mainArea .colRight{
float:right;
width:165px;
}

#subArea{
width:220px;
float:right;
padding-top:10px;
}


/*-----------------------------------Header Area -------------------------------------*/

#header{
height:178px;
background:#90CECD url(../images/header/header_top.gif) no-repeat left bottom;
}

#header #headerTitle{
width:220px;
height:158px;
float:left;
margin-right:5px;
padding-top:3px;
}

#header #headerTitle h1,
#header #headerTitle h3{
display:none;
}

#header #navi{
float:left;
}

#header #navi ul#menu{
width:561px;
}

#header #navi ul#menu li{
float:left;
}

#header #navi ul#menu li a{
display:block;
width:187px;
height:56px;
}

#header #navi ul#menu li span{
display:none;
}

#header #navi ul#menu li#topmenu a{background:transparent url(../images/header/top_menu.gif) no-repeat left top;}
#header #navi ul#menu li#searchmenu a{background:transparent url(../images/header/hotelsearch_menu.gif) no-repeat left top;}
#header #navi ul#menu li#accessmenu a{background:transparent url(../images/header/access_menu.gif) no-repeat left top;}
#header #navi ul#menu li#nimenu a{background:transparent url(../images/header/ni_news_menu.gif) no-repeat left top;}
#header #navi ul#menu li#namenu a{background:transparent url(../images/header/na_news_menu.gif) no-repeat left top;}
#header #navi ul#menu li#eventmenu a{background:transparent url(../images/header/event_menu.gif) no-repeat left top;}
#header #navi ul#menu li#inquirymenu a{background:transparent url(../images/header/inquiry_menu.gif) no-repeat left top;}
#header #navi ul#menu li#commenu a{background:transparent url(../images/header/campaign_menu.gif) no-repeat left top;}
#header #navi ul#menu li#aboutmenu a{background:transparent url(../images/header/about_menu.gif) no-repeat left top;}
#header #navi ul#menu li#profitmenu a{background:transparent url(../images/header/profit_menu.gif) no-repeat left top;}

#header #navi ul#menu li#topmenu a:hover,
#header #navi ul#menu li#searchmenu a:hover,
#header #navi ul#menu li#accessmenu a:hover,
#header #navi ul#menu li#namenu a:hover,
#header #navi ul#menu li#nimenu a:hover,
#header #navi ul#menu li#eventmenu a:hover,
#header #navi ul#menu li#inquirymenu a:hover,
#header #navi ul#menu li#commenu a:hover,
#header #navi ul#menu li#aboutmenu a:hover,
#header #navi ul#menu li#profitmenu a:hover,
body#top #header #navi ul#menu li#topmenu a,
body#facilities #header #navi ul#menu li#searchmenu a,
body#access #header #navi ul#menu li#accessmenu a,
body#niigata #header #navi ul#menu li#nimenu a,
body#nagano #header #navi ul#menu li#namenu a,
body#event #header #navi ul#menu li#eventmenu a,
body#inquiry #header #navi ul#menu li#inquirymenu a,
body#campaign #header #navi ul#menu li#commenu a,
body#about #header #navi ul#menu li#aboutmenu a,
body#profit #header #navi ul#menu li#profitmenu a
{
background-position:0 -56px;
}

#header #topSearch{
float:right;
width:200px;
padding-top:50px;
}

#header #topSearch h3{
display:block;
background:transparent url(../images/header/topsearch_ttl.gif) no-repeat left top;
height:35px;
}

#header #topSearch h3 span{
display:none;
}

	#inputFeild {
		float: left;
		width: 166px;
		height: 30px;
		overflow: hidden;
		background: url(../images/header/search_bg.gif) left top no-repeat;
	}
	
	#searchBox {
		width: 155px;
		height: 30px;
		margin: 0;
		padding: 5px 5px 0 5px;
		vertical-align: middle;
		background: transparent;
		border: none;
		color: #FFF9EF;
	}
	
	#submitBtn {
		float: right;
		width: 28px;
		height: 28px;
	}

	#submitBtn input.submit {
		width: 28px;
		height: 28px;
		overflow: hidden;
		padding-top: 28px;
		background: transparent url(../images/header/search_btn.gif) 0 0;
		border: none;
		cursor: pointer;
	}
	#submitBtn input.submit:hover {
		background-position: 0 -28px;
	}
/*-----------------------------------Main Area -------------------------------------*/


#mainArea h2{
margin-bottom:10px;
clear:both;
}

#mainArea .colLeft h2{
padding:10px 0 3px 10px;
background:transparent url(../images/top/h2_bg.gif) no-repeat 0 0;
height:26px;
color:#FFF;
font-weight:bold;
}

#mainArea .colRight h3{
background:transparent url(../images/top/colright_h3_bg.gif) no-repeat 0 0;
padding:2px 2px 2px 15px;
color:#808C8C;
margin-bottom:6px;
}

body#facilities #mainArea h2,
body#event #mainArea h2,
body#niigata #mainArea h1,
body#nagano #mainArea h1,
body#present #mainArea h2{
padding:10px 0 3px 10px;
background:transparent url(../images/top/h2_bg_l.gif) no-repeat 0 0;
height:26px;
color:#FFF;
font-weight:bold;
}


#mainArea .colRight .profitArea{
background:transparent url(../images/facilities/profit_bottom.gif) no-repeat 0 bottom;
margin-bottom:15px;
padding-bottom:5px;
}

#mainArea .colRight .profitArea h3{
background:transparent url(../images/facilities/profit_ttl.gif) no-repeat 0 0;
height:65px;
dispaly:block;
padding:0;
margin:0;
}

#mainArea .colRight .profitArea h3 span{
display:none;
}

#mainArea .colRight .profitArea .wrap{
border-left:solid 1px #90CECD;
border-right:solid 1px #90CECD;
padding:0;
margin:0;
}

#mainArea .colRight .profitArea ul li{
border-bottom:solid 1px #90CECD;
}

#mainArea .colRight .profitArea ul li a{
background:#FFF url(../images/facilities/profit_li_bg.gif) no-repeat center top;
display:block;
padding:5px;
font-weight:bold;
}

#mainArea .colRight .profitArea ul li a:hover{
background-image:none;
background-color:#FFFF99;
}

#mainArea .colRight .profitArea p a{
display:block;
width:61px;
height:20px;
background:transparent url(../images/facilities/list_o.gif) no-repeat 0 0;
float:right;
margin:5px;
}

#mainArea .colRight .profitArea p a:hover{
background:transparent url(../images/facilities/list_v.gif) no-repeat 0 0;
}

#mainArea .colRight .profitArea p span{
display:none;
}


#mainArea .colRight .eventArea ul li{
line-height:120%;
padding:2px;
font-size:85%; 
border-bottom:solid 1px #EBEBEB;
}

#mainArea .colRight .eventArea ul li p.name{
font-weight:bold;
padding: 0 0 0 3px;
border-left:solid 3px #FF6600;
margin-bottom:3px;
}

#mainArea .colRight .eventArea ul li p.date{
background:transparent url(../images/top/period2.gif) no-repeat 0 0;
padding:1px 0 1px 37px;
}

#mainArea .colRight .eventArea ul li p.place{
background:transparent url(../images/top/place2.gif) no-repeat 0 0;
padding:1px 0 1px 37px;
}

#mainArea .colRight h4{
padding:1px;
background-color:#CFE8F3;
border-bottom:solid 1px #9FD2E8;
border-right:solid 1px #9FD2E8;
margin-bottom:2px;
}

#mainArea .colRight ul.list{
margin-bottom:10px;
}

#mainArea .colRight ul.list li{
padding:2px 0 0 13px;
background-image: url(../images/common/list_mark4.gif);
background-repeat: no-repeat;
background-position: 0 5px;
}

#mainArea .colRight p.listTitle{
background-image:none;
padding:0 0 0 3px;
font-weight:bold;
color:#9FD2E8;
}

#mainArea .topPhotoArea p.topPhoto{
float:left;
width:585px;
margin-bottom:5px;
}

#mainArea ul.photoThumbnail{
float:right;
width:165px;
}

#mainArea ul.photoThumbnail li{
float:left;
margin:0 5px 5px 0;
background-color:#90CECD;
width:50px;
height:50px;
}

#mainArea .newsArea{
clear:both;
padding: 0 0 0 0;
}

#mainArea .newsArea .niArea,
#mainArea .newsArea .naArea,
#mainArea .niEventArea,
#mainArea .naEventArea{
width:374px;
}

#mainArea .newsArea .niArea,
#mainArea .niEventArea{
float:left;
}

#mainArea .newsArea .naArea,
#mainArea .naEventArea{
float:right;
}


#mainArea .newsArea .pickupNews{
padding: 0 10px 10px 0;
clear:both;
}

#mainArea .newsArea .pickupNews p.photo,
.topicsNews p.photo{
float:left;
margin:0 5px 15px 0;
padding:4px 9px 9px 9px;
background:transparent url(../images/top/photo_bg.gif) no-repeat left bottom;
}

#mainArea .newsArea .pickupNews .title p.category,
#mainArea .individualArea .textArea .title p.category{
width:76px;
height:30px;
float:left;
display:block;
margin-right:5px;
}

#mainArea .newsArea .pickupNews p.category span,
#mainArea .individualArea .textArea .title p.category span{
display:none;
}

#mainArea .newsArea .pickupNews p.spa,
#mainArea .individualArea .textArea .title p.spa{background: transparent url(../images/mark/cate_spa.gif) 0 0;}
#mainArea .newsArea .pickupNews p.flower,
#mainArea .individualArea .textArea .title p.flower{background: transparent url(../images/mark/cate_flower.gif) 0 0;}
#mainArea .newsArea .pickupNews p.gourmet,
#mainArea .individualArea .textArea .title p.gourmet{background: transparent url(../images/mark/cate_gourmet.gif) 0 0;}
#mainArea .newsArea .pickupNews p.sake,
#mainArea .individualArea .textArea .title p.sake{background: transparent url(../images/mark/cate_sake.gif) 0 0;}
#mainArea .newsArea .pickupNews p.soba,
#mainArea .individualArea .textArea .title p.soba{background: transparent url(../images/mark/cate_soba.gif) 0 0;}
#mainArea .newsArea .pickupNews p.ocean,
#mainArea .individualArea .textArea .title p.ocean{background: transparent url(../images/mark/cate_ocean.gif) 0 0;}
#mainArea .newsArea .pickupNews p.mount,
#mainArea .individualArea .textArea .title p.mount{background: transparent url(../images/mark/cate_mount.gif) 0 0;}
#mainArea .newsArea .pickupNews p.ski,
#mainArea .individualArea .textArea .title p.ski{background: transparent url(../images/mark/cate_ski.gif) 0 0;}
#mainArea .newsArea .pickupNews p.fes,
#mainArea .individualArea .textArea .title p.fes{background: transparent url(../images/mark/cate_fes.gif) 0 0;}
#mainArea .newsArea .pickupNews p.other,
#mainArea .individualArea .textArea .title p.other{background: transparent url(../images/mark/cate_other.gif) 0 0;}

#mainArea .newsArea .pickupNews p.date,
#mainArea .individualArea .textArea p.date,
#mainArea .topicsNews .title p.date{
text-align:right;
color:#666666;
padding:3px 0;
border-top:dashed 1px #CCC;
margin-right:3px;
clear:both;
}

#mainArea .newsArea .newsList .title{
background:transparent url(../images/top/newslist_ttl_bg.gif) repeat-x 0 bottom;
padding:2px;
margin:0 0 1px;
clear:both;
}

#mainArea .newsArea .newsList .title h3{
float:left;
width:200px;
color:#666666;
}

#mainArea .newsArea .newsList .title p.list a{
float:right;
width:51px;
height:21px;
display:block;
background:transparent url(../images/top/newslist_mark.gif) no-repeat 0 0;
}

#mainArea .newsArea .newsList p.list a:hover{
background-position: 0 -21px;
}

#mainArea .newsArea .newsList p.list span{
display:none;
}

#mainArea .newsArea .newsList ul{
clear:both;
margin-bottom:1px;
}

#mainArea .newsArea .newsList ul li{
background-color:#F2F2EB;
border-top:solid 1px #C5C5C5;
border-bottom:solid 1px #FFF;
padding:3px;
height:52px;
}

#mainArea .newsArea .newsList ul li:hover{
background-color:#D4E7E5;
}

#mainArea .newsArea .newsList p.category {
width:52px;
height:52px;
float:left;
display:block;
margin-right:5px;
}

#mainArea .newsArea .newsList p.category span{
display:none;
}

#mainArea .newsArea .newsList p.spa{background: transparent url(../images/mark/cate_list_spa.gif) 0 0;}
#mainArea .newsArea .newsList p.flower{background: transparent url(../images/mark/cate_list_flower.gif) 0 0;}
#mainArea .newsArea .newsList p.gourmet{background: transparent url(../images/mark/cate_list_gourmet.gif) 0 0;}
#mainArea .newsArea .newsList p.sake{background: transparent url(../images/mark/cate_list_sake.gif) 0 0;}
#mainArea .newsArea .newsList p.soba{background: transparent url(../images/mark/cate_list_soba.gif) 0 0;}
#mainArea .newsArea .newsList p.ocean{background: transparent url(../images/mark/cate_list_ocean.gif) 0 0;}
#mainArea .newsArea .newsList p.mount{background: transparent url(../images/mark/cate_list_mount.gif) 0 0;}
#mainArea .newsArea .newsList p.ski{background: transparent url(../images/mark/cate_list_ski.gif) 0 0;}
#mainArea .newsArea .newsList p.fes{background: transparent url(../images/mark/cate_list_fes.gif) 0 0;}
#mainArea .newsArea .newsList p.other{background: transparent url(../images/mark/cate_list_other.gif) 0 0;}

#mainArea .newsArea .newsList p.date{
background-color:#D4E7E5;
margin-left:55px;
}


#mainArea .newsSearchArea h2{
margin-bottom:1px;
}

#mainArea .newsSearchArea h3{
float:left;
width:140px;
clear:both;
}

#mainArea .newsSearchArea ul{
float:right;
width:600px;
padding-right:10px;
}

#mainArea .newsSearchArea ul li{
float:left;
text-align:center;
}

#mainArea .newsSearchArea ul li a{
display:block;
width:120px;
height:24px;
background:transparent url(../images/top/newssearch_btn2.gif) no-repeat 0 0;
padding:8px 0 0 0;
color:#5D5D5D;
}

#mainArea .newsSearchArea ul li a:hover{
background-position:0 -32px;
color:#FFF;
}

#mainArea .adArea{
background:transparent url(../images/top/add_bg.gif) repeat scroll 0 0;
border:1px solid #EDEDED;
clear:both;
margin-bottom:10px;
margin-right:8px;
padding:3px 0;
}

#mainArea .adArea img{
margin:0 3px;
}

#mainArea .niEventArea h3{
clear:both;
}

#mainArea .niEventArea .title,
#mainArea .naEventArea .title{
height:36px;
background: transparent url(../images/top/event_ttl_bg.gif) no-repeat 0 0;
padding:3px 0 0 8px;
width:360px;
}

#mainArea .niEventArea .title h3,
#mainArea .naEventArea .title h3{
float:left;
width:200px;
}


#mainArea .niEventArea .title p.list a,
#mainArea .naEventArea .title p.list a{
display:block;
width:52px;
height:21px;
background:transparent url(../images/top/event_list_btn.gif) no-repeat 0 0;
float:right;
margin:5px 5px 0 0;
}

#mainArea .niEventArea .title p.list a:hover,
#mainArea .naEventArea .title p.list a:hover{
background-position:0 -21px;
}

#mainArea .niEventArea .title p.list span,
#mainArea .naEventArea .title p.list span{
display:none;
}

#mainArea .niEventArea ul,
#mainArea .naEventArea ul{
padding-right:6px;
margin-bottom:10px;
}

#mainArea .niEventArea ul li,
#mainArea .naEventArea ul li{
background-color:#F2F2EB;
padding:5px;
border-bottom:solid 1px #B2B2B2;
border-top:solid 1px #FFF;
}

#mainArea .niEventArea h5,
#mainArea .naEventArea h5,
#mainArea .hotelSearchArea ul li,
#mainArea .search ul li{
padding-left:20px;
background:transparent url(../images/mark/llist_mark_gray.gif) no-repeat 0 2px;
margin-bottom:3px;
}

#mainArea .hotelSearchArea .map{
float:left;
width:378px;
margin:0 10px 15px 0;
}

#mainArea .hotelSearchArea .search{
float:right;
width:370px;
}

#mainArea .hotelSearchArea .search ul li{
margin-bottom:3px;
border-bottom:dashed 1px #CCC;
padding:2px 0 2px 20px;
}


#mainArea .hotelSearchArea  h3{
margin-bottom:10px;
}

#mainArea .hotelSearchArea  h4{
margin-bottom:6px;
color:#666666;
padding:0 0 0 2px;
border-left:solid 3px #00A0C6;
}


/*--------------------------エリア検索--------------------------*/

#mainArea .search h3,
#mainArea .facilitiesArea .mapArea h3{
margin-bottom:6px;
}

#mainArea .search ul{
margin-bottom:10px;
}

#mainArea .search ul li {
display:block;
float:left;
padding-right:5px;
width:165px;
}

body#top #mainArea .search ul li{
float:none;
width:auto;
}

/*--------------------------subArea--------------------------*/


/*新着情報*/

#subArea .newEntry{
background:transparent url(../images/subarea/newentry_bottom.gif) no-repeat left bottom;
padding:0 10px 15px 0;
margin:0 0 15px 0;
}

#subArea .newEntry h4{
display:block;
height:38px;
background:transparent url(../images/subarea/newentry_ttl.gif) no-repeat left top;
}

#subArea .newEntry h4 span{
display:none;
}

#subArea .newEntry ul{
padding:0 10px;
}

#subArea .newEntry ul li a{
border-right:none;
border-bottom:dotted 1px #CCC;
display:block;
font-weight:bold;
}

#subArea .newEntry ul li span{
font-weight:normal;
}

/*ブロック*/

#subArea .box{
padding-right:10px;
margin-bottom:15px;
}

#subArea .box h4{
color:#808C8C;
background: transparent url(../images/top/subarea_h4_bg.gif) no-repeat 0 0;
height:21px;
padding:3px 0 8px 18px;
}

#subArea .box h5{
margin:0 0 6px 0;
}

#subArea ul{
margin:0 0 10px 0;
}

#subArea ul li{
display:inline;
}


#subArea ul li a{
background: transparent url(../images/mark/subarea_mark.gif) no-repeat 0 8px;
padding: 3px 3px 3px 10px;
display:block;
border-bottom:solid 1px #EBEBEB;
border-right:solid 1px #EBEBEB;
margin:0 0 3px 0;
}

#subArea ul li a:hover{
color:#FFF;
background:transparent url(../images/subarea/subarea_link_bg.gif) repeat-y 0 0;
}

#subArea .add{
margin-bottom:15px;
text-align:left;
}


/*--------------------------footer--------------------------*/

#footer{
clear:both;
padding:20px 15px 70px 15px;
font-size:88%;
background:transparent url(../images/footer/footer_bg.gif) no-repeat 0 bottom;
}


/*--------------------------施設個別ページ--------------------------*/


body#facilities #mainArea .individualArea h2,
body#event #mainArea .individualArea h2{
background:transparent url(../images/top/h2_bg.gif) no-repeat scroll 0 0;
}

body#facilities #mainArea .individualArea table.photo,
body#event #mainArea .individualArea table.photo{
float:right;
margin: 0 0 10px 8px;
width:auto;
}

body#facilities #mainArea .textArea h3,
body#event #mainArea .textArea h3{
margin-bottom:10px;
padding-bottom:5px;
}

body#facilities #mainArea .textArea h3.hotelName{
border-bottom:dashed 1px #CCC;
}

body#facilities #mainArea .textArea p,
body#event #mainArea .textArea p{
margin:0 0 10px 0;
}

#mainArea .textArea p.data {
background:transparent url(../images/common/list_mark3.gif) no-repeat scroll 0 4px;
padding-left:15px;
}


body#facilities #mainArea .textArea .reservation a{
clear:both;
text-align:center;
display:block;
background:transparent url(../images/facilities/reservation_icon2.gif) no-repeat 0 0;
height:35px;
}

body#facilities #mainArea .textArea .reservation a:hover{
background-position:0 -35px;
}

body#facilities #mainArea .textArea .reservation span{
display:none;
}

/*--------------------------individual--------------------------*/


#mainArea .individualArea table.photo{
float:right;
margin: 0 0 5px 8px;
width:auto;
}

#mainArea .individualArea table.photo img{
padding:3px;
background-color:#FFF;
border:solid 1px #CCC;
margin-bottom:4px;
}


#mainArea .individualArea .textArea{
margin-bottom:15px;
}

#mainArea .individualArea .newsList{
margin-bottom:15px;
}

#mainArea .individualArea .newsList ul li{
background-color:#FFF;
border-top:none;
border-bottom:dashed 1px #CCC;
padding:3px;
height:auto;
}

#mainArea .individualArea .newsList ul li:hover{
background-color:#FFF;
}

#mainArea .individualArea .newsList p.category {
width:86px;
height:31px;
float:left;
display:block;
margin-right:5px;
}

#mainArea .individualArea .newsList p.category span{
display:none;
}

#mainArea .individualArea .newsList p.spa{background: transparent url(../images/mark/cate_mark2_spa.gif) 0 0;}
#mainArea .individualArea .newsList p.flower{background: transparent url(../images/mark/cate_mark2_flower.gif) 0 0;}
#mainArea .individualArea .newsList p.gourmet{background: transparent url(../images/mark/cate_mark2_gourmet.gif) 0 0;}
#mainArea .individualArea .newsList p.sake{background: transparent url(../images/mark/cate_mark2_sake.gif) 0 0;}
#mainArea .individualArea .newsList p.soba{background: transparent url(../images/mark/cate_mark2_soba.gif) 0 0;}
#mainArea .individualArea .newsList p.ocean{background: transparent url(../images/mark/cate_mark2_ocean.gif) 0 0;}
#mainArea .individualArea .newsList p.mount{background: transparent url(../images/mark/cate_mark2_mount.gif) 0 0;}
#mainArea .individualArea .newsList p.ski{background: transparent url(../images/mark/cate_mark2_ski.gif) 0 0;}
#mainArea .individualArea .newsList p.fes{background: transparent url(../images/mark/cate_mark2_fes.gif) 0 0;}
#mainArea .individualArea .newsList p.other{background: transparent url(../images/mark/cate_mark2_other.gif) 0 0;}

#mainArea .individualArea .newsList p.date{
background-color:transparent;
line-height:100%;
}


body#facilities #mainArea .individualArea .info{
margin-bottom:15px;
}

body#facilities #mainArea .individualArea .info h3{
margin:0;
padding:0;
}

#mainArea .individualArea .info ul li{
padding:3px 0;
border-bottom:dashed 1px #CCC;
}

body#facilities #mainArea .individualArea .info ul li p{
border-left: solid 3px #FF0000;
margin:0;
padding:0 0 0 3px;
box-shadow:3px 3px 5px #CCC;
	-webkit-box-shadow:3px 3px 5px #CCC;
	-moz-box-shadow:3px 3px 5px #CCC;
	-opera-box-shadow:3px 3px 5px #CCC;
}

/*オススメ*/


#mainArea .recomeArea .title{
height:36px;
background: transparent url(../images/top/h2_bg.gif) no-repeat 0 0;
padding:3px 0 0 8px;
margin-bottom:10px;
clear:both;
}

#mainArea .recomeArea .title h3{
float:left;
width:500px;
color:#FFF;
padding:8px 0 0 3px;
}


#mainArea .recomeArea .title p.list a{
display:block;
width:52px;
height:21px;
background:transparent url(../images/top/event_list_btn.gif) no-repeat 0 0;
float:right;
margin:5px 5px 0 0;
}

#mainArea .recomeArea .title p.list a:hover{
background-position:0 -21px;
}

#mainArea .recomeArea .title p.list span{
display:none;
}


#mainArea .recomeArea .leftSide{
float:left;
width:284px;
}

#mainArea .recomeArea .rightSide{
float:right;
width:284px;
}

#mainArea .recomeArea table.otherList{
background-color:#ffffff;
width:574px;
}

#mainArea .recomeArea table.otherList td{
/*background:transparent url(../images/facilities/td_line.gif) no-repeat right bottom;*/
border-top:dashed 1px #CCC;
padding: 2px;
}



/* ホテルリスト */


#mainArea .recomeArea ul.hotelList,
#mainArea .listArea ul.hotelList,
#mainArea .newsArea .listArea ul.hotelList{
margin-bottom:15px;
}

/*トップページ用*/

#mainArea .topHotelArea{
width:754px;
}

#mainArea .topHotelArea h3{
margin-bottom:4px;
}

#mainArea .topHotelArea ul.hotelList li{
margin-bottom:4px;
background: url(../images/top/hotel_list_bottom3.gif) no-repeat center bottom;
width:374px;
margin-bottom:10px;
}


#mainArea .topHotelArea ul.hotelList li div.wrap{
padding:0 10px 10px 10px;
}


#mainArea .topHotelArea ul.hotelList li div.title {
background:transparent url(../images/top/hotel_list_top3.gif) no-repeat scroll center top;
height:auto;
margin:0;
padding:3px 0 0;
}

#mainArea .topHotelArea ul.hotelList li p.name {
background:transparent url(../images/mark/llist_mark_gray.gif) no-repeat scroll 0 2px;
font-weight:bold;
margin:0 8px;
padding:1px 0 6px 20px;
}

#mainArea .recomeArea ul.hotelList li p.photo,
#mainArea .listArea ul.hotelList li p.photo,
#mainArea .newsArea .listArea ul.hotelList li p.photo,
#mainArea .topHotelArea ul.hotelList li p.photo{
float:left;
}

#mainArea .topHotelArea ul.hotelList li p.photo img{
background:transparent url(../images/individual/photo_bg2.gif) no-repeat left bottom;
padding:7px;
margin:0 5px 10px 0;
}


/*個別ページ用*/

#mainArea .recomeArea ul.hotelList li{
margin-bottom:4px;
background: url(../images/individual/hotel_list_bottom.gif) no-repeat center bottom;
clear:both;
}

#mainArea .recomeArea ul.hotelList li div.title {
background:transparent url(../images/individual/hotel_list_top.gif) no-repeat scroll center top;
height:auto;
margin:0;
padding:3px 0 0;
}

#mainArea .recomeArea ul.hotelList li div.wrap,
#mainArea .newsArea .listArea ul.hotelList li div.wrap {
border-top:1px solid #CCC;
margin:0 5px 10px;
padding:5px 0 0 0;
}

#mainArea .recomeArea ul.hotelList li p.name,
#mainArea .newsArea .listArea ul.hotelList li p.name {
background:transparent url(../images/mark/llist_mark_gray.gif) no-repeat scroll 0 4px;
border-bottom:1px solid #FFF;
font-weight:bold;
margin:0 5px;
padding:2px 0 2px 20px;
}

#mainArea .recomeArea ul.hotelList li p.photo,
#mainArea .listArea ul.hotelList li p.photo,
#mainArea .newsArea .listArea ul.hotelList li p.photo{
float:left;
}

#mainArea .recomeArea ul.hotelList li p.photo img,
#mainArea .newsArea .listArea ul.hotelList li p.photo img{
background:transparent url(../images/individual/photo_bg3.gif) no-repeat left bottom;
padding:7px;
margin:0 5px 10px 0;
}

#mainArea .recomeArea ul.hotelList p.text{
width:130px;
float:left;
}

#mainArea .recomeArea ul.hotelList .reservation a,
#mainArea .newsArea .listArea ul.hotelList .reservation a{
display:block;
background:transparent url(../images/individual/btn_reserve.gif) no-repeat 0 0;
width:64px;
height:65px;
float:right;
}

#mainArea .recomeArea ul.hotelList .reservation a:hover,
#mainArea .newsArea .listArea ul.hotelList .reservation a:hover{
background-position:0 -65px;
}

#mainArea .recomeArea ul.hotelList .reservation span,
#mainArea .newsArea .listArea ul.hotelList .reservation span{
display:none;
}


/*特集用*/

#mainArea .listArea ul.hotelList li{
margin-bottom:4px;
}
#mainArea ul.hotelList li p.name{
margin-left:70px;
font-weight:bold;
padding:2px 0 2px 20px;
background: url(../images/mark/llist_mark_gray.gif) no-repeat 0 4px;
}

#mainArea .listArea ul.hotelList li p.name2{
margin-left:2px;
font-weight:bold;
padding:2px 0 2px 20px;
background: url(../images/mark/llist_mark_gray.gif) no-repeat 0 4px;
}


#mainArea .listArea ul.hotelList li p.photo img{
background:transparent url(../images/individual/photo_bg2.gif) no-repeat left bottom;
padding:7px;
margin:0 5px 0 0;
}

#mainArea .listArea ul.hotelList .reservation a{
display:block;
background:transparent url(../images/individual/reservation_icon.gif) no-repeat 0 0;
height:31px;
/*clear:both;*/
}

#mainArea .listArea ul.hotelList .reservation a:hover{
background-position:0 -31px;
}

#mainArea .listArea ul.hotelList .reservation span{
display:none;
}

#mainArea .facilitiesArea .listArea ul.hotelList li{
float:left;
width:374px;
}


/*特集用2*/


#mainArea .newsArea .listArea ul.hotelList li{
margin-bottom:4px;
background: url(../images/individual/hotel_list_bottom2.gif) no-repeat center bottom;
clear:both;
}

#mainArea .newsArea .listArea ul.hotelList li div.title{
background:transparent url(../images/individual/hotel_list_top2.gif) no-repeat scroll center top;
height:auto;
margin:0;
padding:3px 0 0;
border:none;
}

#mainArea .newsArea .listArea ul.hotelList li p.text{
float:left;
width:200px;
}


/*その他施設の一覧*/

#mainArea .otherList ul{
margin-bottom:15px;
}

#mainArea .otherList h3{
border-top:solid 5px #CCC;
padding:2px 0 0 33px;
background:transparent url(../images/facilities/under_arrow_mark.gif) no-repeat 0 3px;
}

#mainArea .otherList ul li a{
padding:2px;
border-top:dashed 1px #CCC;
display:block;
background-color:#FFF;
}

#mainArea .otherList ul li a:hover{
background-color:#EFEFEF;
}


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

2010.1.29追加
センターカラム　オススメホテルリスト

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

#mainArea .colRight ul.hotelList li{
border:solid 1px #CCC;
}

#mainArea .colRight ul.hotelList li p.name{
margin:0;
font-weight:bold;
padding:2px;
background:#F6FBD8 url(../images/centerclum/name_bg.gif) no-repeat 0 0;
line-height:110%;
}

#mainArea .colRight ul.hotelList li p.photo{
float:left;
}

#mainArea .colRight ul.hotelList li p.photo img{
background:transparent url(../images/centerclum/photo70_bg.gif) no-repeat left bottom;
}

#mainArea .colRight ul.hotelList li p.text{
padding:0 2px 2px 2px;
text-align:justify;
}


#mainArea .colRight ul.hotelList .reservation a{
display:block;
background:transparent url(../images/centerclum/reservation_icon.gif) no-repeat 0 0;
height:31px;
clear:both;
}


/*--------------------------重久追加--------------------------*/

#mainArea .listArea ul.hotelList h3{
margin-left:2px;
font-weight:bold;
padding:2px 0 2px 20px;
background: url(../images/mark/llist_mark_gray.gif) no-repeat 0 2px;
font-size:99%;
}



/*--------------------------施設ページ--------------------------*/

body#facilities #mainArea h3{
clear:both;
}

#mainArea .facilitiesArea .mapArea{
clear:both;
}

#mainArea .facilitiesArea .mapArea .niMap{
float:left;
}

#mainArea .facilitiesArea .mapArea .naMap{
float:right;
}

#mainArea .listArea .title{
background-color:#DFDFDF;
border-right:solid 1px #C7C5C5;
border-bottom:solid 1px #C7C5C5;
padding:2px;
margin:0 0 1px;
clear:both;
}

#mainArea .listArea .title h3{
float:left;
width:280px;
color:#666666;
}

#mainArea .listArea .title p.list a{
float:right;
width:52px;
height:15px;
display:block;
background:transparent url(../images/common/list_mark2.gif) no-repeat 0 0;
margin: 2px 2px 0 0;
}

#mainArea .listArea p.list a:hover{
background-position: 0 -15px;
}

#mainArea .listArea p.list span{
display:none;
}


/*------------------------------------------------------------------------------
検索結果ページ
------------------------------------------------------------------------------*/

#mainArea .resultArea ul li{
padding:10px 0;
}

#mainArea .resultArea ul li h3.name{
background-color:#E8E8E8;
border:solid 1px #CCC;
margin-bottom:6px;
padding:2px;
clear:both;
}

#mainArea .resultArea ul li p.photo img{
padding:3px;
border:solid 1px #CCC;
background-color:#FFF;
margin-right:6px;
margin-bottom:6px;
}

#mainArea .resultArea ul li table.text{
}


/*------------------------------------------------------------------------------
イベントページ
------------------------------------------------------------------------------*/


body#event .newsArea h3.title,
body#access .recomeArea h3.title,
body#feature .recomeArea h3.title{
border-top:solid 5px #CCC;
padding:3px 0;
margin-bottom:6px;
background-image:none;
height:auto;
clear:both;
}



/*------------------------------------------------------------------------------
得ダネ情報ページ＝重久追加
------------------------------------------------------------------------------*/

body#profit .newsArea h3.title,
body#access .recomeArea h3.title,
body#feature .recomeArea h3.title{
border-top:solid 5px #CCC;
padding:3px 0;
margin-bottom:6px;
background-image:none;
height:auto;
clear:both;
}



/*------------------------------------------------------------------------------
アクセスページ
------------------------------------------------------------------------------*/

body#access #mainArea h3{
clear:both;
}

body#access #mainArea h4{
color:#00AEEF;
border-style:solid;
border-width:1px 1px 1px 5px;
border-color: #00AEEF;
padding:3px;
margin-bottom:10px;
clear:both;
background-color:#FFF;
}

.guide .icon{
float:left;
width:75px;
}

.guide{
clear:both;
border-top:solid 1px #CCC;
padding:5px 0 ;
margin-bottom:5px;
}

.guide .guide2 {
border-bottom:1px dashed #CCC;
float:right;
padding:5px 0;
width:500px;
}

.guide2 table.line{
width:auto;
float:left;
}

.guide2 table{
line-height:100%;
padding-bottom:5px;
}

.guide2 .time{
width:95px;
float:left;
padding:25px 3px;
color:#00AEEF;
}

.guide2 table{
}

.guide .guideEnd{
border:none;
}

hr.bottomSpace{
margin-bottom:20px;
clear:both;
display:block;
border-width:0;
background-color:#FFF;
color:#FFF;
}


/* ===== tabmenu ===== */

body#access ul#tab{
height:29px;
margin:0;
padding:0;
}

body#access ul#tab li{
float: left;
margin:0;
padding:0;
}

body#access ul#tab li a{
padding:0;
margin:0;
width: 139px;
height: 29px;
display:block;
}

body#access ul#tab li span{
display:none;
}

body#access ul#tab li a#tabeventlist1{background: url("../images/access/btn_niigata_o.gif") no-repeat left top;}
body#access ul#tab li a#tabeventlist2{background: url("../images/access/btn_nagano_o.gif") no-repeat left top;}

body#access ul#tab li a#tabeventlist1:hover {background-image: url("../images/access/btn_niigata_ov.gif");}
body#access ul#tab li a#tabeventlist2:hover {background-image: url("../images/access/btn_nagano_ov.gif");}

body#access ul#tab li.selected a#tabeventlist1{background-image: url("../images/access/btn_niigata_s.gif");}
body#access ul#tab li.selected a#tabeventlist2{background-image: url("../images/access/btn_nagano_s.gif");}

#eventlist1,
#eventlist2{
background:url("../images/access/display_bg.gif") no-repeat left top;
clear:both;
padding-top:20px;
}

/*
body#access div.tab{

}

body#access ul#tab{
float:left;
}


body#access ul#tab li{
float: left;
}

body#access ul#tab li a{
padding:0;
width: 139px;
height: 29px;
display:block;
}

body#access ul#tab li span{
display:none;
}

body#access ul#tab li a#tabeventlist1{background: url("../images/access/btn_niigata_o.gif") no-repeat left top;}
body#access ul#tab li a#tabeventlist2{background: url("../images/access/btn_nagano_o.gif") no-repeat left top;}

body#access ul#tab li a#tabeventlist1:hover {background-image: url("../images/access/btn_niigata_ov.gif");}
body#access ul#tab li a#tabeventlist2:hover {background-image: url("../images/access/btn_nagano_ov.gif");}

body#access ul#tab li.selected a#tabeventlist1{background-image: url("../images/access/btn_niigata_s.gif");}
body#access ul#tab li.selected a#tabeventlist2{background-image: url("../images/access/btn_nagano_s.gif");}

body#access .tab .vote{
float:right;
padding:10px;
border-left:solid 1px #CFCFCF;
}

.eventlist{
background:url("../images/access/display_bg.gif") no-repeat left top;
clear:both;
padding-top:20px;
}
*/
/*------------------------------------------------------------------------------
特集ページ
------------------------------------------------------------------------------*/

.topicsNews .title h3{
clear:both;
}

.recomeArea h4.highway{
background:transparent url(../images/common/highway_bg.gif) no-repeat left top;
height:24px;
padding:6px 0 0 15px;
margin-bottom:10px;
}

body#feature .topicsArea ul li{
line-height:140%;
padding:2px 0 2px 20px;
background:transparent url(../images/feature/newslist_mark.gif) no-repeat 0 6px;
border-bottom:1px dashed #CCCCCC;
}



/*GW特集*/

#feature .gwArea h3{
margin-bottom:10px;
padding:0 0 0 4px;
border-left:solid 3px #90CECD;
border-right:solid 3px #90CECD;
background-color:#EFEFEF;
color:#666;
}


#gwhotelList  {
border-collapse:collapse;
margin-bottom:20px;
text-align:left;
width:760px;
}

#gwhotelList thead th{
}

#gwhotelList td {
color:#666699;
padding:5px;
}

#feature #gwhotelList tbody th.hotelName{
background-color:#CFE6DC;
}

#gwhotelList tbody td.price{
text-align:center;
}

#gwhotelList tbody td {
background:url("../images/feature/back.gif") repeat scroll 0 0 transparent;
}
* html #gwhotelList tbody td {
background:none repeat scroll 0 0 transparent;
}
#gwhotelList tbody tr:hover td {
background:none repeat scroll 0 0 transparent;
color:#333399;
}

#gwhotelList tbody tr td.photo{
width:58px;
}

#gwhotelList tbody tr td.photo img{
padding:3px;
background-color:#FFF;
border:solid 1px #CCC;
}

#feature .gwArea p.detail a{
display:block;
width:49px;
height:50px;
background:transparent url("../images/feature/detail_btn.gif") no-repeat scroll 0 0;
}

#feature .gwArea p.detail a:hover{
background-position:0 -50px;
}

#feature .gwArea p.detail span{
display:none;
}

/*カレンダー*/

#feature .gwArea .calender{
margin-bottom:15px;
}

#feature .gwArea .calender table tr td.cell{
background:transparent url("../images/feature/calender_bg.gif") no-repeat 0 0;
width:33px;
height:32px;
}

#feature .gwArea .calender table tr td.cell p{
font-family: "Times New Roman", Times, serif;
font-weight:bold;
text-align:center;
}

#feature .gwArea .calender a{
color:#000;
}

#feature .gwArea .calender a:hover,
#feature .gwArea .calender a.sun:hover,
#feature .gwArea .calender a.sat:hover{
color:#FFF;
background-color:#F9453A;
}

#feature .gwArea .calender a.sun{
color:#FF0000;
}

#feature .gwArea .calender a.sat{
color:#3399FF;
}

/*検索ボタン*/

input#ru_button {
background:url("../images/feature/search_btn.gif") repeat scroll 0 -31px transparent;
border:medium none;
cursor:pointer;
height:31px;
overflow:hidden;
width:139px;
margin:6px 0;
}

input#ru_button:hover{
background-position:0 0;
}




div#vtip{
display: none;
position: absolute;
background:#FFF url("../images/feature/vtip_bg.gif") no-repeat center top;
padding:5px;
width:290px;
border-radius:5px;
	-webkit-border-radius:5px;
	-moz-border-radius:5px;
	-opera-border-radius:5px;
box-shadow:3px 3px 5px #CCC;
	-webkit-box-shadow:3px 3px 5px #CCC;
	-moz-box-shadow:3px 3px 5px #CCC;
	-opera-box-shadow:3px 3px 5px #CCC;
	border: 1px solid #a6c9e2;
	z-index: 9999;
}


/*------------------------------------------------------------------------------
夏特集ページ
------------------------------------------------------------------------------*/

#mainArea .recomeHotel ul.hotelList li {
background:#FFF url("../images/feature/summer/recomehotel_bg.gif") no-repeat center top;
height:250px;
padding:15px 10px;
clear:both;
margin-bottom:10px;
}

div.recomeHotel ul.hotelList .title {
background:url("../images/feature/summer/name_bg.gif") no-repeat scroll center top #FFFFFF;
height:30px;
padding:10px 20px;
}

#mainArea .recomeHotel ul.hotelList li .wrap{
padding:5px;
}

#mainArea .recomeHotel ul.hotelList li .title p.name{
background-image:none;
padding:0;
margin:0;
}

#mainArea .recomeHotel ul.hotelList li p.photo img{
border:solid 1px #EAEAEA;
padding:4px;
float:left;
margin-right:5px;
background-color:#FFF;
}
#mainArea .recomeHotel ul.hotelList li p.text{
margin-bottom:5px;
}


#mainArea .recomeHotel ul.hotelList li p.reservation a{
background:url("../images/feature/summer/detail.gif") no-repeat scroll 0 0 transparent;
display:block;
float:right;
height:33px;
width:154px;
}

#mainArea .recomeHotel ul.hotelList li p.reservation a:hover{
background-position: 0 -33px;
}

#mainArea .recomeHotel ul.hotelList li p.reservation span{
display:none;
}


#mainArea .eventCalender ul li{
clear:both;
}

#mainArea .eventCalender p.photo{
float:left;
margin:0 5px 15px 0;
padding:4px 9px 5px 9px;
background:transparent url(../images/centerclum/photo70_bg.gif) no-repeat left bottom;
}

#mainArea .eventCalender p.text{
}

#mainArea .eventCalender .title p.category{
width:76px;
height:30px;
float:left;
display:block;
margin-right:5px;
}

#mainArea .eventCalender .title p.category span{
display:none;
}

#mainArea .eventCalender p.fireworks{background: transparent url(../images/mark/cate_fireworks.gif) 0 0;}
#mainArea .eventCalender p.fes{background: transparent url(../images/mark/cate_fes.gif) 0 0;}



#mainArea .eventCalender p.region{
border-top:1px dashed #CCCCCC;
color:#666666;
display:block;
float:left;
padding:1px 0;
width:285px;
}

#mainArea .eventCalender p.date{
font-weight:bold;
border:1px solid #8ec1da;
line-height:100%;
padding:7px 10px;
  -webkit-border-radius: 0 0 7px 7px;
  -moz-border-radius: 0 0 7px 7px;
  border-radius: 0 0 7px 7px;
  
  box-shadow: 0 1px 10px #FFFFFF inset, 0 -7px #EAEAEA inset;
  -webkit-box-shadow: 0 1px 10px #FFFFFF inset, 0 -7px #EAEAEA inset;
  -moz-box-shadow: 0 1px 10px #FFFFFF inset, 0 -7px #EAEAEA inset;
  
  text-shadow: 0 1px #fff;
  border: 1px solid #E1E1E1;
  background-color: #EFEFEF;
margin-bottom:10px;
position:relative;
clear:both;
}

#mainArea .eventCalender p.date span{
font-family: Georgia, "Times New Roman", Times, serif;
font-size:150%;
margin-bottom:10px;
}


/* ===== tabmenu ===== */

body#feature ul#tab{
height:29px;
margin:0;
padding:0;
}

body#feature ul#tab li{
float: left;
margin:0;
padding:0;
}

body#feature ul#tab li a{
padding:0;
margin:0;
width: 139px;
height: 29px;
display:block;
}

body#feature ul#tab li span{
display:none;
}

body#feature .naArea ul#tab li a#tabeventlist1{background: url("../images/access/btn_niigata_o.gif") no-repeat left top;}
body#feature .naArea ul#tab li a#tabeventlist2{background: url("../images/access/btn_nagano_o.gif") no-repeat left top;}

body#feature .naArea ul#tab li a#tabeventlist1:hover {background-image: url("../images/access/btn_niigata_ov.gif");}
body#feature .naArea ul#tab li a#tabeventlist2:hover {background-image: url("../images/access/btn_nagano_ov.gif");}

body#feature .naArea ul#tab li.selected a#tabeventlist1{background-image: url("../images/access/btn_niigata_s.gif");}
body#feature .naArea ul#tab li.selected a#tabeventlist2{background-image: url("../images/access/btn_nagano_s.gif");}

body#feature .naArea #eventlist1,
body#feature .naArea #eventlist2{
background:url("../images/feature/display_bg.gif") no-repeat left top;
clear:both;
padding:0;
}




/*--------------------------その他--------------------------*/

p.caption{
color:#666666;
}

.navigation{
clear:both;
text-align:center;
}

#topicPath{
margin-bottom:10px;
}

#topicPath b{
color:#666;
}

p#backto{
clear:both;
}

p#backto a{
display:block;
width:124px;
height:17px;
background:transparent url(../images/header/backto.gif) no-repeat 0 0;
margin:0 auto;
}

p#backto a:hover{
background-position:0 -17px;
}

p#backto span{
display:none;
}

/* ---------------------------------
*    clearfix
*/

.clearfix { min-height: 1%; }

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

.clearfix { display: inline-table; }

/* Hides from Mac IE \*/
* html .clearfix { height: 1px; }
.clearfix { display: block; }
/* Hides from Mac IE */