@charset "UTF-8";

/* -------------------------------
モデルケース */

#showcase{
	position:relative;
	margin:1px auto 9px auto;
	width:899px;
	height:345px;
	background:url(../img/index/icatch.png) no-repeat;
	text-align:left;
	clear:both;
}

#showcase dl{
	position:absolute;
	top:33px;
	left:196px;
}
#showcase dl dd{
	padding-top:4px;
	line-height:1.41;
}
#showcase h2{
	position:absolute;
	top:144px;
	left:507px;
}
#showcase ul{
	position:absolute;
	top:32px;
	left:32px;
}
#showcase ul li{
	float:left;
	margin-right:6px;
}
#showcase ul li#case1{
	float:none;
	clear:left;
	margin:0 0 48px 560px;
}
#showcase ul li p{
	position:relative;
	width:274px;
	color:#fff;
	line-height:1.41;
}
#showcase ul li p span{
	position:absolute;
	top:-76px;
	left:0;
	padding:0 12px;
	display:block;
	z-index:100;
}
#showcase ul li#case1 p span{
	top:-48px;
}

/* -------------------------------
ゲストハウス運営 */

dl#guesthouse{
	margin-top:7px;
	width:557px;
	background:url(../img/index/guest_bg.png);
	float:left;
}
dl#guesthouse dt,
dl#guesthouse dd{
	padding:0 27px;
	background:url(../img/index/guest_top.png) 0 -24px;
}
dl#guesthouse dt{
	line-height:0;
	font-size:0px;
}
dl#guesthouse dt img{
	behavior:expression(IEPNGFIX.fix(this));
}
dl#guesthouse dt.merit{
	padding-top:28px;
	background:url(../img/index/guest_top.png);
}
dl#guesthouse dd{
	padding-bottom:20px;
}
dl#guesthouse dd.manage{
	height:122px;
	background:url(../img/index/guest_bottom.png) no-repeat 0 100%;
}
dl#guesthouse dd p.more{
	position:relative;
}
dl#guesthouse dd p.more a{
	position:absolute;
	top:-59px;
	left:413px;
}
dl#guesthouse dd p.photo{
	width:124px;
	padding:0 16px 16px 0;
	float:left;
}
dl#guesthouse dd.merit p.photo img{
	background:url(../img/index/photo1.jpg) no-repeat 50% 50%;
}
dl#guesthouse dd.consult p.photo img{
	background:url(../img/index/photo2.jpg) no-repeat 50% 50%;
}
dl#guesthouse dd.manage p.photo img{
	background:url(../img/index/photo3.jpg) no-repeat 50% 50%;
}
dl#guesthouse dd p.text{
	padding-bottom:20px;
	line-height:1.5;
	flaot:left;
}

dl#guesthouse dd ul.text{
	margin-left:24px;
	line-height:1.5;
	flaot:left;
}
dl#guesthouse dd ul.text li{
	list-style-type:disc;
}

dl#guesthouse dd p.text em{
	margin-top:10px;
	display:block;
}
dl#guesthouse dd p.text em a{
	padding-left:16px;
}
dl#guesthouse dd.merit p.text em a{
	color:#be0000;
	background:url(../img/index/arrow1.png) no-repeat;
}
dl#guesthouse dd.consult p.text em a{
	color:#699400;
	background:url(../img/index/arrow2.png) no-repeat;
}
dl#guesthouse dd.manage p.text em a{
	color:#0074be;
	background:url(../img/index/arrow3.png) no-repeat;
}

/* -------------------------------
リンクバナー */

ul#banners{
	width:326px;
	float:right;
}
ul#banners li{
	margin-top:2px;
}
ul#banners li a{
	vertical-align:top;
	display:inline-block;
}
ul#banners li a:hover{
	opacity:0.7;
	-moz-opacity:0.7;
	filter:alpha(opacity=70);
	display:inline-block;
}
ul#banners li img{
	vertical-align:top;
}

/* -------------------------------
無料査定受付中 */

ul#banners li.free{
	width:326px;
	height:132px;
	background:url(../img/index/free_bg2.png) no-repeat;
}
ul#banners li.free h2,
ul#banners li.free p,
ul#banners li.free ul,
ul#banners li.free span{
	padding-left:19px;
}
ul#banners li.free h2{
	padding-top:23px;
}
ul#banners li.free ul{
	padding-top:10px;
}
ul#banners li.free ul li{
	margin-right:8px;
	display:inline;
}

ul#banners li.free span{
	padding-top:6px;
	display:block;
}

/* -------------------------------
ブログ最新記事 */

ul#banners li.news{
	width:326px;
	height:300px;
	background:url(../img/index/news_bg.png) no-repeat;
}
ul#banners li.news p.rss{
	padding-right:7px;
	text-align:right;
}
ul#banners li.news h2{
	margin-top:-20px;
	padding-left:21px;
}
ul#banners li.news ul.blog{
	margin:12px 0 0 21px;
	width:298px;
	height:234px;
	overflow:auto;
}
ul#banners li.news ul.blog li{
	padding:10px 0;
	background:url(../img/index/news_dot.png) no-repeat;
	line-height:1.5;
}
ul#banners li.news ul.blog li .date{
	color:#82b800;
	font-family:Verdana;
	font-size:8pt;
	font-weight:bold;
}
ul#banners li.news ul.blog li a{
	padding-right:17px;
	color:#211;
	text-decoration:none;
}
ul#banners li.news ul.blog li a:hover{
	text-decoration:underline;
}
