@charset "UTF-8";

@import url("common.css");
@import url("structure.css");

/* ======================================

 index.html
 2008.11.20
======================================= */

/* ======================================

 showcase

======================================= */

#showcase
{
	position: relative;
	width: 800px;
	height: 419px;
	margin: 0;
}
#showcase .main
{
	position: absolute;
	width: 800px;
	height: 419px;
}
#showcase .lead
{
	position: absolute;
	left: 442px;
	top: 43px;
	width: 298px;
	height: 206px;
}

/* ======================================

 showcaseprice

======================================= */

#showcaseprice
{
	position: relative;
	width: 800px;
	height: 46px;
	margin: 6px 0 10px;
	background:url(../img/index/top_bg1.gif) no-repeat;
}

#showcaseprice ul li
{
	float:left;
	width: 350px;
	height: 35px;
	margin: 5px 0 5px 5px;
}

#showcaseprice ul li dl
{
	padding-right:25px;
	background:url(../img/index/arrow.gif) no-repeat 100% 5px;
}

#showcaseprice ul li dt dd
{
margin:0;
padding:0;
}


/* ======================================

 gerande

======================================= */

div.gerande
{
	width: 397px;
	padding: 0px;
	margin: 0 0 10px;
	background: #fff;
}
div.gerande h2
{
	margin: 0 0 5px;
}
div.gerande .leading
{
	margin: 0 0 5px;
}
div.gerande .navi
{
	text-align: right;
}
div.gerande .navi a
{
	padding-left: 20px;
}

/* ----- takatsue ----- */

#takatsue
{
	float: left;
}

/* ----- daikura ----- */

#daikura
{
	float: right;
}

/* ======================================

 guidance

======================================= */

#guidance
{
	position: relative;
	clear: both;
	width: 796px;
	padding:0;
	border: 2px solid #f20058;
	background-color:#fff500;
}

#guidance .notes
{
	margin: 0;
	float: left;
	width: 474px;
}

#guidance .notes h2
{
	position: absolute;
	left: -2px;
	top: -10px;
}

#guidance .notes ul
{
	margin: 59px 0 0;
}

#guidance .notes li
{
	margin: 0 0 10px 4px;
}

#guidance .notes ul li.leading
{
	margin: 3px 0 10px 7px;
}

#guidance .benefit
{
	position: relative;
	float: right;
	width: 305px;
}

#guidance .benefit h2
{
	position: absolute;
	left: 55px;
	top: -10px;
}

#guidance .benefit ul
{
	margin:22px 0;
}
#guidance .benefit li
{
	float: left;
	width: 88px;
	padding-right: 18px;
	padding-left:0px;
	padding-bottom:15px;
	background: url(../img/index/t_guidance_7.gif) no-repeat 100% 22px;
}

#guidance .benefit ul li.firstChild
{
	width: 82px;
	margin-right: 0;
	padding-right: 20px;
	background: url(../img/index/t_guidance_7.gif) no-repeat 100% 22px;
}

#guidance .benefit ul li.lastChild
{
	width: 83px;
	margin-right: 0;
	padding-right: 0;
	background: none;
}

#guidance .benefit p
{
	color: #01269b;
	font-size: 84%;
	margin:0 0 10px;
	display:block;
	width:300px;
}

/* ======================================

 stayplan

======================================= */

#stayplan
{
	position: relative;
	width: 800px;
	height: 71px;
	margin: 13px 0 10px;
	background:url(../img/index/top_bg2.gif) no-repeat;
}

#stayplan ul li.txt
{
	float:left;
	width: 465px;
	height: 28px;
	margin: 23px 0 20px 18px;
	_margin: 23px 0 20px 9px;
}

#stayplan ul li.btn
{
	float:left;
	width: 266px;
	height: 57px;
	margin: 9px 0 5px 37px;
}