@charset "Shift_JIS";

/************************************************************************
	01 : 特集
************************************************************************/

#top-specal-title{
	width:445px;
	height:32px;
	background:url(../../images/top/special_title.gif) no-repeat 0 0;
	text-indent: -9999px;
	overflow: hidden;
}

p#special-txt{
	display:block;
	padding:0;
	margin:5px 0 0;
}

/***** カスタム *****/
.specialBox,
.containerBox {
	clear: both;
	width: 445px;
	height: inherit;
	margin: 0;
	padding: 0 0 10px;
}

.mapBox {
	width: 445px;
	height: 285px;
	margin: 10px 0 0;
}

.mapInfo {
	width: 440px;
	text-align: center;
	margin: 5px 0 15px;
}

.mapInfo img,
.mapInfo p {
	vertical-align: middle;
}

.leftBox,
.centerBox,
.rightBox {
	float: left;
}

.leftBox,
.centerBox,
.rightBox {
	width: 135px;
	margin-left: 10px;
}

.specialBox p {
	margin: 0 auto 15px;
	text-align: center;
	font-size: 11px;
}

.specialBox p ,
.specialBox p a,
.specialBox p a:hover {
	border: none;
	text-decoration: none;
}

h3 {
	width: 200px;
	height: 25px;
	margin: 0 0 5px;
	text-align: left;
	text-indent: -9999px;
	overflow: hidden;
}

h4 {
	margin: 10px 0 8px;
	font-size: 15px;
	color: #FF6600;
}

hr {
	display: block;
	margin: 5px auto 25px;
}

#sub01 {
	background: url(../../../../0901Special/images/R156.jpg);
}

#sub02 {
	background: url(../../../../0901Special/images/R41.jpg);
}

#sub03 {
	background: url(../../../../0901Special/images/R19.jpg);
}

#sub04 {
	background: url(../../../../0901Special/images/R153.jpg);
}

#sub05 {
	background: url(../../../../0901Special/images/R477.jpg);
}

.containerBox ul {
	clear: both;
	width: 445px;
	margin: 0 0 0 10px;
	padding: 0;
}

.containerBox li {
	float: left;
	width: 130px;
	margin-left: 10px;
	list-style-type: disk;
}

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

/************************************************************************
	02 : What's new
************************************************************************/

#top-news-title{
	width:445px;
	height:40px;
	background:url(../../images/top/news_title.gif) no-repeat 0 0;
	margin: 15px 0 0;
	
}

#top-news{
	width:445px;
	height: 225px;
	border: 0;
	margin: 0;
	padding: 0;
}

dl#event{
	background:url(../../images/top/event_icon.gif) no-repeat 0 0;
	padding:0 0 15px 67px;
	margin:0 0 10px;
	display:block;
	border-bottom:dotted #999999 1px;
	text-align: left;
	width: 330px;
}

dl#event dt,
dl#event dd{
	padding:0;
	margin:0;
	display:block;
	width: 300px;
}
	
dl#hotel{
	background:url(../../images/top/hotel_icon.gif) no-repeat 0 0;
	padding:0 0 15px 67px;
	margin:10px 0 10px;
	display:block;
	border-bottom:dotted #999999 1px;
	text-align: left;
	width: 330px;
}

dl#hotel dt,
dl#hotel dd{
	padding:0;
	margin:0;
	display:block;
	width: 300px;
}


dl#news1{
	background:url(/news/icon/new1.gif) no-repeat 0 0;
	padding:0 0 15px 67px;
	margin:10px 0 10px 8px;
	display:block;
	border-bottom:dotted #999999 1px;
}

dl#news1 dt,
dl#news1 dd{
	padding:0;
	margin:0;
}

dl#news2{
	background:url(/news/icon/new2.gif) no-repeat 0 0;
	padding:0 0 15px 67px;
	margin:10px 0 10px 8px;
	display:block;
	border-bottom:dotted #999999 1px;
}

dl#news2 dt,
dl#news2 dd{
	padding:0;
	margin:0;
}

dl#news3{
	background:url(/news/icon/new3.gif) no-repeat 0 0;
	padding:0 0 15px 67px;
	margin:10px 0 10px 8px;
	display:block;
	border-bottom:dotted #999999 1px;
}

dl#news3 dt,
dl#news3 dd{
	padding:0;
	margin:0;
}

dl#news4{
	background:url(/news/icon/new4.gif) no-repeat 0 0;
	padding:0 0 15px 67px;
	margin:10px 0 10px 8px;
	display:block;
	border-bottom:dotted #999999 1px;
}

dl#news4 dt,
dl#news4 dd{
	padding:0;
	margin:0;
}

dl#news5{
	background:url(/news/icon/new5.gif) no-repeat 0 0;
	padding:0 0 15px 67px;
	margin:10px 0 10px 8px;
	display:block;
	border-bottom:dotted #999999 1px;
}

dl#news5 dt,
dl#news5 dd{
	padding:0;
	margin:0;
}


dl#news1 dd a,
dl#news2 dd a,
dl#news3 dd a,
dl#news4 dd a,
dl#news5 dd a,
dl#event dd a,
dl#hotel dd a{
	display:block;
	border:none;
}
/************************************************************************
	03 : イチ押しポイント
************************************************************************/
#top-specal2-title{
	width:445px;
	height:40px;
	background:url(../../images/top/special2_title.gif) no-repeat 0 0;
	margin: 15px 0 0;
	
}

p.fObject2{
	display:block;
	width:auto;
	height:auto;
	float:left;
	line-height:10;
	margin:0 10px 15px 0;
	padding: 0px;
}
p.top-sp2{
	padding:0;
	margin:0;
	height:auto;
}
/************************************************************************
	04 : いろいろ使えるコンテンツ
************************************************************************/
#top-anycontent-title{
	width:445px;
	height:40px;
	background:url(../../images/top/anycontent_title.gif) no-repeat 0 0;
	clear: both;
}

dl#top-any{
	background:url(../../images/top/any_icon1.gif) no-repeat 0 0;
	padding:0 0 5px 80px;
	margin:0 0 8px 5px;
	display:block;
	float:left;
	width:130px;
}

dl#top-any2{
	background:url(../../images/top/any_icon2.gif) no-repeat 0 0;
	padding:0 0 5px 80px;
	margin:0 0 8px 8px;
	display:block;
	float:left;
	width:130px;
	clear: right;
}

dl#top-any3{
	background:url(../../images/top/any_icon3.gif) no-repeat 0 0;
	padding:0 0 15px 80px;
	margin:0 0 10px 5px;
	display:block;
	float:left;
	width:128px;
}

dl#top-any4{
	background:url(../../images/top/any_icon4.gif) no-repeat 0 0;
	padding:0 0 5px 80px;
	margin:0 0 8px 8px;
	display:block;
	float:left;
	clear:right;
	width:130px;
}

dl#top-any5{
	background:url(../../images/top/any_icon5.gif) no-repeat 0 0;
	padding:0 0 5px 80px;
	margin:0 0 8px 8px;
	display:block;
	float:left;
	clear:right;
	width:130px;
}

dl#top-any dt,
dl#top-any2 dt,
dl#top-any3 dt,
dl#top-any4 dt,
dl#top-any5 dt{
	padding:3px 0 3px;
	border-top: dotted #999999 1px;
	border-bottom: dotted #999999 1px;
}

dl#top-any dd,
dl#top-any2 dd,
dl#top-any3 dd,
dl#top-any4 dd,
dl#top-any5 dd{
	padding:0;
	margin:3px 0 0;
}

/************************************************************************
	05 : バナー
************************************************************************/
/************************************************************************
	06 : ホテルセレクション
************************************************************************/
#top-hotelselection-title{
	width:445px;
	height:40px;
	background:url(../../images/top/hotelselection_title.gif) no-repeat 0 0;
	margin: 15px 0 0;
	
}
#top-hotelselection{
	width:445px;
	height:158px;
	margin: 2px 0 0;
}

/************************************************************************
	06 : スクロールtop
************************************************************************/

#details-scrolltop-box{
	float:left;
	height:12px;
	width:445px;
	margin:10px 0 15px 0;
}
#details-page-top{
	float:right;
	height:12px;
	background:url(../../images/arrow_pagetop.gif) no-repeat;
	position:relative;
	width: 90px;

}
div#details-page-top-text{
	position:absolute;
	left: 17px;
	top: -3px;
	font-size:10px;
}