@charset "utf-8";
/* CSS Document */

/*-------- body --------*/

body {
background: url(../images/top/main_image.jpg) no-repeat center top;
}

/*-------- dt,dd --------*/

dt,dd{
	float:left;
}

/*-------- header --------*/

#header{
    margin: 0 auto;
    width: 960px;
	height:510px;
}

/*-------- nav --------*/

#nav{
	width: 960px;
	margin:0 auto;
}

#nav li{
	padding-top:3px;
}

/* -------- contents --------*/

#contents{
	margin: 0 auto;
	background:url(../images/common/contents_back.png) repeat-x top ;
	background-color:#f3efe6;
	padding-bottom:40px;
}

#contents #inner_contents {
    margin: 0 auto;
    width: 960px;
	padding-top:60px;
}

/* --- summery ---*/

#contents #summery{
	width:960px;
	padding-top:20px;
}

#contents #summery h2{
	width:208px;
	float:left;
	margin-right:59px;
}

#contents #summery li{
	margin-right:15px;
}

#contents #summery li.summery_last{
	margin-right:0px;
}

/*-- detail --*/

#detail{
	padding-top:330px;
	width:960px;
}

/* --- section ---*/

#main_contents .section{
	display: block;
	padding-bottom:40px;
	width:680px;
}

.title_area{
	width:680px;
}

.title_area h3{
	width:353px;
	float:left;
}

.title_area p{
	float:right;
	padding-top:15px;
}

.roombox{
	width:200px;
	float:left;
}

.img_section{
	width:199px;
	height:154px;
	background:url(../images/common/photo_back.png) no-repeat 0 0;
	padding-bottom:8px;
}

.text_section{
	width:200px;
	display:block;
}

.img_section img{
	padding:5px 4px;
}

.first{
	margin:0 39px 0 0px;
}
.last{
	margin:0 0 0 39px;
}

.listbox{
	width:200px;
	padding:3px 0;
	display:block;
}

.icon{
	width:52px;
	float:left;
	display:block;
}

.text{
	width:148px;
	float:left;
	line-height:1.2;
}

/* --- news ---*/

#news{
	width:689px;
	position:relative;
	background:url(../images/top/news_back.png) repeat-y 0 0;
}

#news dd a{
	color:#000000;
}

#news a:hover{
	color:#000000;
}

#contents #news h2{
	position:absolute;
	top:-5px;
	left:-20px;
	float:left;
}

#main_contents #news dl{
	width:534px;
	padding:20px 0 20px 155px ;
	background:url(../images/top/news_bottom.png) no-repeat 0 bottom;	
}

#main_contents #news dt{
	margin-top:2px;
	width:80px;
	margin-bottom:8px;
}

#main_contents #news dt.line2{ /*Newsのテキストが2行のとき*/
	margin-bottom:23px;
}

#main_contents #news dd{ 
	width: 434px;
	padding-right: 20px;
	float:right;
	margin-bottom:10px;
}

/*======// end =======*/