﻿/* メイン画像
------------------------------------------------ */
#main{
	width:900px;
	margin:0 auto;
}
#main img{
	margin:10px 0 20px;
}

/* トップページコンテンツ
------------------------------------------------ */
#t_contents{
	width:950px;
}
#t_contents .left{
	width:680px;
	padding-top:20px;
	float:left;
}
#t_contents .right{
	width:250px;
	padding-top:20px;
	float:right;
}

/* INFOR
------------------------------------------------ */

#infor {
	width:678px;
	border:2px solid #e5e5e5;
	background:url(../image/common/bg_info.jpg) repeat-y top;
	margin-bottom:20px;
}

#infor .l{
	width:317px;
	margin:10px 0 0 10px;
	float:left;
}
* html body #infor .l {
	margin:10px 0 0 5px;
}
#infor .r{
	width:317px;	
	float:right;
	margin:10px 10px 0 0;
}
* html body #infor .r {
	margin:10px 5px 0 0;
}
.infor_frame{
	width:317px;
	padding-top:10px;
	margin-bottom:10px;
}
.infor_bottom_coner335{
	width:317px;
	padding-bottom:6px;
}
#infor_title{
    width:317px;
	height:30px;
	margin:0 auto;
	position:relative;
	display:block;
}
#infor_title .list{
    width:36px;
	height:17px;
	top:4px;
	right:5px;
	position:absolute;
}

.infor{
	width:305px;
	margin:0 auto;
}
.infor li{
	margin-bottom:5px;
	padding-bottom:3px;
	border-bottom:1px #CCC dashed;
	min-height:1px;　/* IE 7対策 */
}
.infor li .headline{
	margin-bottom:5px;
}
.infor li .headline img{
	margin-top:2px;
}
.infor li .day{
	font-weight:bold;
	margin-right:5px;
}
.infor li .title{
	font-weight:bold;
}
.infor .end{
	border:none;
}
.infor li .img{
	margin-right:5px;
	float:left;
	width:70px;
	height:70px;
}
#infor-owner_title{
    width:680px;
	height:30px;
	margin:0 auto;
	position:relative;
	display:block;
}
#infor-owner_title .list{
    width:36px;
	height:17px;
	top:7px;
	right:12px;
	position:absolute;
}


/*-------------------------*/
.news_list_ttl {
    width:680px;
	height:30px;
	margin:0 auto;
	position:relative;
	display:block;
}
.news_list_ttl .list_1 {
    width:36px;
	height:17px;
	top:7px;
	right:12px;
	position:absolute;
}
.news_list_ttl .list_2 {
    width:36px;
	height:17px;
	top:7px;
	right:57px;
	position:absolute;
}



/* レストラン紹介
------------------------------------------------ */

#info .l{
	width:335px;
	float:left;
}
#info .r{
	width:335px;
	float:right;
}

/* レストラン紹介
------------------------------------------------ */
#rest{
	width:668px;
	margin:0 auto 10px;
}
#rest li{
	width:220px;
	float:left;
}
#rest li img{
	margin-bottom:5px;
}
#rest .mg{
	padding:0 4px;
}


/* コンテンツの枠
----------------------------------------------------------- */  
.info_frame{
	width:335px;
	padding-top:10px;
	margin-bottom:10px;
	background: url(../image/common/info_frame.gif) repeat-y top;
}
.info_bottom_coner335{
	width:335px;
	padding-bottom:6px;
	background: url(../image/common/info_bottom_coner335.gif) no-repeat bottom;
}

/* コンテンツの枠
----------------------------------------------------------- */  
.left-contents_frame{
	width:680px;
	padding-top:10px;
	margin-bottom:10px;
	background: url(../image/common/left-contents_frame.gif) repeat-y top;
}
.left-contents_bottom_coner680{
	width:680px;
	padding-bottom:6px;
	background: url(../image/common/left-contents_bottom_coner680.gif) no-repeat bottom;
}


/* インフォメーション
----------------------------------------------------------- */  
#info_title{
    width:335px;
	height:30px;
	margin:0 auto;
	position:relative;
	display:block;
}
#info_title .list{
    width:36px;
	height:17px;
	top:4px;
	right:5px;
	position:absolute;
}
.info{
	width:320px;
	margin:0 auto;
}
.info li{
	margin-bottom:5px;
	padding-bottom:3px;
	border-bottom:1px #CCC dashed;
	min-height:1px;　/* IE 7対策 */
}
.info li .headline{
	margin-bottom:5px;
}
.info li .headline img{
	margin-top:2px;
}
.info li .day{
	font-weight:bold;
	margin-right:5px;
}
.info li .title{
	font-weight:bold;
}
.info .end{
	border:none;
}
.info li .img{
	margin-right:5px;
	float:left;
}

/* 別荘オーナー向け情報
----------------------------------------------------------- */
#info-owner_title{
    width:680px;
	height:30px;
	margin:0 auto;
	position:relative;
	display:block;
}
#info-owner_title .list{
    width:36px;
	height:17px;
	top:4px;
	right:3px;
	position:absolute;
}
#owner{
	width:670px;
	margin:0 auto;
}
#owner li{
	border-bottom:1px #CCC dashed;
	margin-bottom:5px;
	padding-bottom:5px;
	min-height:1px;　/* IE 7対策 */
}
#owner .ico{
	float:left;
	margin-right:5px;
}
#owner .day{
	float:left;
	margin-right:5px;
	font-weight:bold;
}
#owner .title{
	float:left;
	font-weight:bold;
}

/*
-------------------------------------------------*/

.news_list {
	width:670px;
	margin:0 auto;
}
.news_list  li{
	border-bottom:1px #CCC dashed;
	margin-bottom:5px;
	padding-bottom:5px;
	min-height:1px;　/* IE 7対策 */
}
.news_list  .ico{
	float:left;
	margin-right:5px;
}
.news_list  .day{
	float:left;
	width:70px;
	font-weight:bold;
}
.news_list  .day_2{
	float:left;
	width:110px;
	font-weight:bold;
}
.news_list  .title{
	float:left;
	font-weight:bold;
}

/*
-------------------------------------------------*/

.top_banner {
}

.top_banner li {
	float:left;
}


.word{
	width:668px;
	margin:0 auto 10px;
}
.word .word_title {
	font-size:1.0em;
	font-weight:bold;
	border-bottom:1px dotted #9BACFF;
	margin-bottom:5px;
	padding-bottom:5px;
}
.word .word_title span {
	font-size:1.2em;
	color:#34499C;
}

.word .word_text {
	line-height:1.8em;
}

