@charset "utf-8";

/*
	トップページ
	create : 080407
	update : 111116
*/

/* トップページ背景 */

body#Top div.typeTop{
	background-image:url(/images/bg-body.gif) !important;
	background-repeat:repeat-y;
	background-position:0 0;
}

/* ------------------------------------------------------------ ヘッダ */


/* ------------------------------------------------------------ グローバルナビ内エリア */

/*-------------------------------------------------- グローバルナビ基本設定*/


/* ボタンの基本設定 */
/*
body#Top div#globalNav ul li a {
	height: 52px;
	background-image: url(/images/global-nav-top.jpg);
	background-position: 1px 0;
}

body#Top div#globalNav ul li.anahotels a { width: 200px; background-position: 0 0; }

body#Top div#globalNav ul li.search a { width: 184px; background-position: -200px 0; }

body#Top div#globalNav ul li.plan a { background-position: -384px 0; }

body#Top div#globalNav ul li.enjoyed a { background-position: -576px 0; }

body#Top div#globalNav ul li.guide a { background-position: -768px 0; }
*/

/* 別ウィンドウアイコン設定 2009/03/17修正 */
body#Top div#mainContents li.external a {
	display: block;
	padding: 0px 10px 0px 0px;
}
/* 別ウィンドウアイコン設定 2009/03/17修正 ここまで */
/*
body#Top div#globalNav ul li.anahotels a:hover {
	background-position: 0px -52px;
}
body#Top div#globalNav ul li.search a:hover {
	background-position: -200px -52px;
}
body#Top div#globalNav ul li.plan a:hover {
	background-position: -384px -52px;
}
body#Top div#globalNav ul li.enjoyed a:hover {
	background-position: -576px -52px;
}
body#Top div#globalNav ul li.guide a:hover {
	background-position: -768px -52px;
}
*/

/* ------------------------------------------------------------ トップビジュアル内エリア */
div#TopVisual{
	height:434px;
	width:760px;
	background-color: #FFFFFF;
	position: absolute;
	top: 0;
	left: -20px;
	visibility: visible;
}



/* ------------------------------------------------------------ コンテンツ内エリア */
body#Top {
	background-image:url(/images/bg-top-body.jpg);
	background-repeat:repeat-x;
	background-color:#f2f2f2;
	background-position:0 3px
}

/* マージン設定 /common/css/layout.cssより移植 2009/03/17修正 */
body#Top div.enjoyInnerBox1,
body#Top div.enjoyInnerBox2 { margin: 10px 10px 10px 10px;}
body#Top div.enjoyInnerBox1 div.column4B,
body#Top div.enjoyInnerBox2 div.column4B { margin: 0px 10px 0px 0px; padding: 0px;}
body#Top div.enjoyInnerBox1 div.column4B p.image,
body#Top div.enjoyInnerBox2 div.column4B p.image { margin: 0px; padding: 0px; }
body#Top div.enjoyInnerBox1 div.column4B dl,
body#Top div.enjoyInnerBox2 div.column4B dl { margin: 0px 0px 0px 10px; padding: 0px;}
body#Top div.enjoyInnerBox1 div.column4B dt a,
body#Top div.enjoyInnerBox2 div.column4B dt a{ margin: 0px; padding: 0px 0px 0px 10px;}
body#Top div.enjoyInnerBox1 div.column4B dd,
body#Top div.enjoyInnerBox2 div.column4B dd { margin: 0px; padding: 0px 0px 0px 10px;}
body#Top dl.InformationNo { margin: 0px 0px 0px 20px;}
/* マージン設定 /common/css/container.cssより移植 2009/03/17修正 ここまで */

body#Top div.campaignInnerBox { margin: 10px 20px 10px 0px; padding: 0px 0px 10px 10px;}
* html body#Top div.campaignInnerBox { margin-top: 0px;}
*:first-child+html body#Top div.campaignInnerBox { margin-top: 0px;}
body#Top div.campaignInnerBox div.column4B { margin: 0px;}
body#Top div.campaignInnerBox div.column4B p.image { margin: 0px; padding: 0px; }
body#Top div.campaignInnerBox div.column4B ul { margin: 0px 0px 0px 10px; padding: 0px;}
body#Top div.campaignInnerBox div.column4B ul li { margin: 0px 0px 0px 0px; padding: 0px 0px 0px 10px;}
body#Top div#mainContents .lastChild { padding-bottom: 0px;}
*:first-child+html body#Top div#mainContents .lastChild { padding-bottom: 0px; margin-bottom: 0px;}


body#Top div#contentsBox {
	position: relative;
}

body#Top div#mainContents{
	margin-top: 434px;
}

body#Top div#mainContents h2{
	margin:6px 20px 10px 0;
	padding: 7px 14px 7px;
	border:none;
	line-height: 1.0;
	background-image: url(/images/index-bg-h.jpg);
	background-repeat: no-repeat;
	background-position: 0 0;
}
body#Top div#mainContents h2 a{
	background-position: 100% -3px;
	zoom: 1;
}
body#Top div#mainContents p.rssBtn{
	width: 30px;
	margin: -33px 0 20px 0;
	padding: 0;
	line-height: 1.0;
}
/* ホテル検索*/

body#Top div#mainContents div.search div.column4B{
	width:260px;
	margin:0;
	padding:0;
}

body#Top div#mainContents div.search div.column4B p.image{
margin:0 0 20px 0;
padding:0;
}


/* おすすめプラン */
body#Top div#mainContents h2.recommendTitle {
	background-image: url(/images/index-bg-h-recommend.jpg);
	margin-bottom: 1px;
	padding: 6px 14px 6px;
}
body#Top div#mainContents p.rssBtn#rssRecommend {
	margin: -23px 0 7px 200px;
}

body#Top div#mainContents div.recommendBox{
	margin: 0 20px 30px 0;
	padding: 9px 0 0 9px;
	border: solid 1px #B8AF8C;
	background-color: #FAF2E2;
}
* html body#Top div#mainContents div.recommendBox,
*:first-child+html body#Top div#mainContents div.recommendBox{
	padding-bottom: 9px;
}


body#Top div#mainContents div.recommendBox div.locator{
	padding-bottom: 10px;
}

body#Top div#mainContents div.recommendBox div.topBox,
body#Top div#mainContents div.recommendBox div.column4B{
	border: solid 1px #C09C51;
	background-color: #FFFFF4;
}

/* オススメプラン修正 2009/03/17修正 */
body#Top div#mainContents div.recommendBox h3 {
	margin: 10px;
	padding: 0px 0px 0px 8px;
	border: none;
	background-image: url(/common/images/mark-link2.gif);
	background-repeat: no-repeat;
	background-position: left center;
	font-size: 120%;
	zoom: 1;
}

body#Top div#mainContents div.recommendBox h3 a,
body#Top div#mainContents div.recommendBox h3.external a {
	padding: 0px 0px 0px 0px;
	color: #333333;
	display: inline;
}

body#Top div#mainContents div.recommendBox h3.external a {
	margin: 0px;
	padding: 0px 15px 0px 0px;
	background-image: url(/common/images/cnt-icon-win.gif);
	background-repeat: no-repeat;
	background-position: right center;
}

body#Top div#mainContents div.recommendBox h3.external a:hover {
	background-image: url(/common/images/cnt-icon-win-on.gif);
	background-repeat: no-repeat;
	background-position: right center;
}

body#Top div#mainContents div.recommendBox h3.noIcon a,
body#Top div#mainContents div.recommendBox h3.noIcon a:hover {
	background-image: none;
	padding: 0;
}

/* 矢印位置を上部に指定(081222追加) */
body#Top div#mainContents div.recommendBox h3 a.iconPosition{
	background-position: left top;
}

body#Top div#mainContents div.recommendBox dl dd p{
	margin: 0 10px 10px;
	color: #666666;
}
body#Top div#mainContents div.recommendBox dl dd p.limit{
	margin-bottom: 0;
}

body#Top div#mainContents div.recommendBox div.topBox{
	margin-right: 9px;
	padding-right: 1px;
	min-height: 92px;
	zoom: 1;
}
* html body#Top div#mainContents div.recommendBox div.topBox{
	height: 92px;
}

body#Top div#mainContents div.recommendBox div.topBox h3{
	line-height: 110%;
	margin-right: 250px;
}

body#Top div#mainContents div.recommendBox div.topBox dl{
	margin: 0;
}
body#Top div#mainContents div.recommendBox div.topBox dl dt{
	margin-top: -32px;
	margin-bottom: 1px;
	float: right;
	padding: 6px;
	border: solid 1px #D6D1B8;
}
/* オススメプラン修正 2009/03/17修正 ここまで */

body#Top div#mainContents div.recommendBox div.topBox dl dd{
	margin: 0 250px 0 10px;
}
body#Top div#mainContents div.recommendBox div.topBox dl dd p{
	margin-bottom: 20px;
}
body#Top div#mainContents div.recommendBox div.topBox dl dd p.limit{
	margin-bottom: 0;
}

body#Top div#mainContents div.recommendBox div.column4B{
	width: 247px;
	margin-right: 2px;
}
* html body#Top div#mainContents div.recommendBox div.column4B{
	width: 249px;
}
body#Top div#mainContents div.recommendBox div.column4B dl{
	margin: 0 10px 10px;
}
body#Top div#mainContents div.recommendBox div.column4B dl dt{
	text-align: right;
}
body#Top div#mainContents div.recommendBox div.column4B dl dd{
	margin-top: -60px;
	margin-right: 82px;
}


/* キャンペーン */
body#Top div#mainContents .campaignInnerBox {
	border-bottom: 1px solid #cccccc;
}
body#Top div#mainContents .campaignInnerBox.lastChild {
	border-bottom: none;
}
/* -----------------------------------------------------------------
リンクアイコン 2009/03/17修正 */
body#Top div#mainContents .campaignInnerBox.lastChild li  {
	background-image: url(/common/images/mark-link2.gif);
	background-repeat: no-repeat;
	zoom: 1;
}
/* リンクアイコン 2009/03/17修正 ここまで */

/* リンクアイコン 2009/07/02修正 */
body#Top div#mainContents .campaignInnerBox.firstChild li  {
	background-image: url(/common/images/mark-link2.gif);
	background-repeat: no-repeat;
	zoom: 1;
}
/* リンクアイコン 2009/07/02修正 ここまで 
--------------------------------------------------------------------*/

body#Top div#mainContents p.rssBtn#rssCampaign {
	margin-left: 150px;
}


/* ホテルを楽しむ */
body#Top div.locator div.column4A {
	overflow: hidden;
}


/* お知らせ */
/* リンクアイコン 2009/03/17修正 */
body#Top div#mainContents dl.InformationNo dd {
	margin-left: 7em;
}
body#Top div#mainContents dl.InformationNo dd.noIcon a {
	background-image: none;
}
/* リンクアイコン 2009/03/17修正 ここまで */

/* サブコンテンツエリア */

div#subContents{
	margin-top: 434px;
}

div#subContents div.melmaga,
div#subContents div.blogLink,
div#subContents div.wedding,
div#subContents div.wallpaper,
div#subContents div.campaign,
div#subContents div.meeting{
	margin: 1px 1px 0 0;
	border: 1px solid #CCCCCC;
	padding: 0 0 8px;
	background-color: #F2F3EA;
	background-repeat: no-repeat;
}
div#subContents div.melmaga h4,
div#subContents div.blogLink h4,
div#subContents div.wedding h4,
div#subContents div.wallpaper h4,
div#subContents div.campaign h4,
div#subContents div.meeting h4{
	padding: 1px 1px 0;
}
div#subContents div.melmaga p,
div#subContents div.blogLink p,
div#subContents div.wedding p,
div#subContents div.wallpaper p,
div#subContents div.campaign p,
div#subContents div.meeting p{
	margin: 10px;
	font-size: 100%;
	color: #666666;
}
div#subContents div.melmaga p.btn,
div#subContents div.blogLink p.btn,
div#subContents div.wedding p.btn,
div#subContents div.wallpaper p.btn,
div#subContents div.campaign p.btn,
div#subContents div.meeting p.btn{
	text-align: right;
}

div#subContents div.melmaga{
	border-color: #D4D4D2;
}
div#subContents div.blogLink{
	border-color: #CFB8A7;
	background-image: url(/images/bg-anablog.jpg);
	background-position: 50% 42px;
}
div#subContents div.blogLink h4.external{
	margin: 0 0 10px;
	padding: 1px 1px 0;
	background-image: none;
}
div#subContents div.blogLink h4.external a{
	padding: 0;
	background-image: none;
}
div#subContents div.wedding{
	border-color: #CA9196;
	background-image: url(/images/bg-wedding.jpg);
	background-position: 50% 51px;
}
div#subContents div.wallpaper{
	border-color: #D9D1AD;
	background-image: url(/images/bg-wallpaper.jpg);
	background-position: 50% 53px;
}
div#subContents div.campaign{
	border-color: #D9D1AD;
	background-image: url(/images/bg-campaign.jpg);
	background-position: 50% 53px;
}
div#subContents div.meeting{
	border-color: #bcbcbc;
	background-image: url(/images/bg-meeting.jpg);
	background-position: 50% 51px;
}

/* ローカルナビエリア 
div.typeTop div#localnavi{
	margin-top:-35px;
}*/
div.typeTop div#reservation{
	background-position: 0 0;
}


/*
* html div#subContents div.mypage,
* html div#subContents div.mile,
* html div#subContents div.relatedNavi,
* html div#subContents div.mobile,
* html div#subContents div.melmaga,
* html div#subContents div.blogLink,
* html div#subContents div.wedding{
}*/





/* EOF */