@charset "UTF-8";

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

screen.css

author: name（admin）
info: pc設定
-------------------------------------*/

/* カラムセット */
#col-set{
	width:660px;
	float:left;
}

/* 看板
-------------------------------------*/
#col-billboard{
	float:right;
	width:650px;
	height:125px;
	margin:0 0 10px;
}

/* トップバナー
-------------------------------------*/
#top-banner{
	float:right;
	width:650px;
	margin:0 0 5px;
}

#top-banner li{
	float:left;
	display:inline;
	padding:0;
}

/* 各バナー */
#top-banner li#top-banner01{
	/*width:194px;*/
	/*height:85px;*/
	margin:0 5px 0 0;
}
#top-banner li#top-banner01 a{
	float:left;
	width:194px;
	height:85px;
	text-indent:-9999px;
	overflow:hidden;
	background:url(../common/img/kyoen_no_zen24.jpg) no-repeat 0 0;
}
#top-banner li#top-banner01 a:hover{
	background-position:0 -85px;
}

#top-banner li#top-banner02{
	width:176px;
	height:85px;
	margin:0;
}
#top-banner li#top-banner02 a{
	float:left;
	display:inline;
	width:176px;
	height:85px;
	text-indent:-9999px;
	overflow:hidden;
	background:url(../common/img/chibiceleb-175.gif) no-repeat 0 0;
}

/* 100126掲載停止 */
#top-banner li#top-banner02,
#top-banner li#top-banner02 a
#top-banner li#top-banner03,
#top-banner li#top-banner03 a{
	display:none;
}

#top-banner li#top-banner03{
	width:194px;
	height:82px;
	margin:0 0 0 5px;
	display:inline;
}
#top-banner li#top-banner03 a{
	float:left;
	display:inline;
	width:194px;
	height:82px;
	text-indent:-9999px;
	overflow:hidden;
	background:url(../common/img/banner03.gif) no-repeat 0 0;
}

#top-banner li#top-banner04{
	/*width:194px;
	height:82px;*/
	margin:0 0 0 5px;
	display:inline;
}
#top-banner li#top-banner04 a{
	float:left;
	display:inline;
	/*width:194px;
	height:82px;*/
	text-indent:-9999px;
	overflow:hidden;
	/*background:url(../common/img/banner03.gif) no-repeat 0 0;*/
}

/* おすすめ宿泊プラン
-------------------------------------*/
#col02-plan{
	float:left;
	width:410px;
	padding:0 0 0 10px;
}
*html #col02-plan{
	width:420px;
}
#col02-plan h2{
	text-indent:-9999px;
	overflow:hidden;
	float:left;
	width:410px;
	height:32px;
	background:url(../img/plan_sh.png) no-repeat 0 0;
}

/* プランリスト */
#plan-list{
	float:left;
	height:720px;
	width:410px;
	padding:0;
	overflow:auto;
	background:url(../img/plan_bg.png) no-repeat center center;
}

#plan-list li{
	float:left;
	text-align:left;
	width:390px;
	margin:0 0 10px;
	border-bottom:dotted 1px #973200;
}

/* おすすめ01 */
.plan-st .photo{	
	float:left;
	width:122px;
	height:92px;
	padding:2px 0 0 2px;
	background:url(../img/plan_photo_st.png) no-repeat 0 0;
}
*html .plan-st .photo{
	width:124px;
	height:94px;
}

/* 見出し */
.plan-st h3{
	color:#669900;
	float:right;
	font-size:12px;
	width:256px;
	margin:0 0 5px;
}
.plan-st h3 a{
	text-decoration:none;
	float:left;
	width:239px;
	margin:0;
	padding:0 0 0 17px;
	background:url(../common/img/icon01.png) no-repeat 0 2px;
}
*html .plan-st h3 a{
	width:256px;
}
.plan-st h3 a:hover{
	text-decoration:underline;
	color:#ff0000;
	background:url(../common/img/icon01_h.png) no-repeat 0 2px;
}

/* テキスト */
.plan-st .text{
	color:#333;
	float:right;
	font-size:12px;
	width:256px;
	margin:0 0 10px;
	text-decoration:none;
}
.plan-st a.text:hover{
	text-decoration:underline;
}

/* 期間 */
.plan-st .term{
	color:#669900;
	float:right;
	font-size:12px;
	width:256px;
	font-weight:bolder;
	margin:0 0 5px;
}

/* 新聞掲載 */
.plan-st .news{
	display:block;
	color:#ff6600;
	font-weight:bold;
}

/* おすすめ02 */
.plan-normal .photo{
	float:left;
	width:82px;
	height:62px;
	padding:2px 0 0 2px;
	background:url(../img/plan_photo_normal.png) no-repeat 0 0;
}
*html .plan-normal .photo{
	width:84px;
	height:64px;
}

/* 見出し */
.plan-normal h3{
	width:286px;
	float:right;
	font-size:12px;
	margin:0 0 5px;
}
.plan-normal h3 a{
	text-decoration:none;
	color:#669900;
	float:left;
	width:269px;
	margin:0;
	padding:0 0 0 17px;
	background:url(../common/img/icon01.png) no-repeat 0 2px;
}
*html .plan-normal h3 a{
	width:286px;
}
.plan-normal h3 a:hover{
	color:#ff0000;
	text-decoration:underline;
	background:url(../common/img/icon01_h.png) no-repeat 0 2px;
}

/* テキスト */
.plan-normal .text{
	color:#333;
	text-decoration:none;
	float:right;
	font-size:12px;
	width:286px;
	margin:0 0 10px;
}
.plan-normal a.text:hover{
	text-decoration:underline;
}

/* 期間 */
.plan-normal .term{
	color:#690;
	float:right;
	font-size:12px;
	width:286px;
	font-weight:bolder;
	margin:0 0 5px;
}

/* 新聞掲載 */
.plan-normal .news{
	display:block;
	color:#f60;
	font-weight:bold;
}

/* 右カラム
-------------------------------------*/
#col03{
	float:right;
	width:220px;
	padding:0;
}
*html #col03{
	width:220px;
}

/* お知らせ
-------------------------------------*/
#col03-info{
	float:left;
	text-align:left;
	background:url(../img/info_bg.png) no-repeat center center;
}
#col03-info h2{
	text-indent:-9999px;
	overflow:hidden;
	float:left;
	width:220px;
	height:32px;
	background:url(../img/info_sh.png) no-repeat 0 0;
}
#info-list{
	width:210px;
	margin:0 0 10px;
	padding:0 0 0 5px;
	float:left;
}
*html #info-list{
	width:215px;
}

#info-list li{
	float:left;
	width:210px;
	margin:0 0 5px;
	padding:0 0 5px;
	font-size:11px;
	border-bottom:dotted 1px #973200;
}
#col03-info .info-other{
	float:left;
	text-align:left;
	font-size:11px;
	width:210px;
	padding:0 0 10px 5px;
}
#col03-info .day{
	color:#333333;
	text-decoration:none;
}

/* 観光イベント
-------------------------------------*/
#col03-event{
	float:left;
	text-align:left;
	background:url(../img/info_bg.png) no-repeat center center;
}
#col03-event h2{
	text-indent:-9999px;
	overflow:hidden;
	float:left;
	width:220px;
	height:32px;
	background:url(../img/event_sh.png) no-repeat 0 0;
}

/* イベント一覧 */
#event-list{
	width:220px;
	float:left;
}
#event-list li{
	float:left;
	width:210px;
	border-bottom:dotted 1px #973200;
	margin:0 0 5px;
}
#event-list .photo{
	float:left;
	width:82px;
	height:62px;
	padding:2px 0 0 2px;
	background:url(../img/event_photo.png) no-repeat 0 0;
}
*html #event-list .photo{
	width:84px;
	height:64px;
}
#event-list h3{
	float:right;
	width:116px;
	font-size:12px;
}
#event-list h3 a{
	color:#ff6600;
	text-decoration:none;
	width:99px;
	float:left;
	margin:0;
	padding:0 0 0 17px;
	background:url(../common/img/icon01.png) no-repeat 0 2px;
}
*html #event-list h3 a{
	width:116px;
}
#event-list h3 a:hover{
	color:#ff0000;
	text-decoration:underline;
	background:url(../common/img/icon01_h.png) no-repeat 0 2px;
}
#event-list .link-data{
	float:right;
	margin:10px 0 5px;
	font-size:12px;
}
#col03-event .info-other{
	float:left;
	text-align:left;
	font-size:11px;
	width:210px;
	padding:0 0 10px 5px;
}