﻿@charset "utf-8";
/* CSS Document */

@import "common.css";

div#Top_ContentsContainer{
	width:848px;
	margin: 0 auto 20px auto;
	padding:0 36px;
}

/*-- 泊まる　楽しむ　知る --*/
#Top_contents{
	width:848px;
}

.Entry{
	width:240px;
}

.Entry ul{
	width:150px;
	padding:0 0 15px 15px;
}

.Entry li{
	list-style:none;
	padding:5px 0 5px 3px;
}

.Entry li img{
	margin-right:5px;
}
/*-- 泊まる --*/
#Stay{
	background:url(../images/entry01_bg.jpg) no-repeat left bottom;
}

#Stay li{
	background:url(../images/entry01_line.gif) bottom left repeat-x;
}

#Stay a:link {color:#507C02; text-decoration:none;}
#Stay a:visited {color: #507C02; text-decoration:none;}
#Stay a:hover {color: #507C02; text-decoration:underline;}
#Stay a:active {color: #507C02; text-decoration:none;}

/*-- 楽しむ --*/
#Fun{
	background:url(../images/entry02_bg.jpg) no-repeat left bottom;
}

#Fun li{
	background:url(../images/entry02_line.gif) bottom left repeat-x;
}

#Fun a:link,#Know a:link {color:#FF4115; text-decoration:none;}
#Fun a:visited,#Know a:visited {color: #FF4115; text-decoration:none;}
#Fun a:hover,#Know a:hover {color: #FF4115; text-decoration:underline;}
#Fun a:active,#Know a:active {color: #FF4115; text-decoration:none;}


/*-- 知る --*/
#Know{
	padding-bottom:6px;
	background:url(../images/entry03_bg.jpg) no-repeat left bottom;
}

#Know li{
	padding:6px 0;
	background:url(../images/entry03_line.gif) bottom left repeat-x;
}

.Hidden{
    visibility: hidden;
	color:#FFFFFF;
}

/*-- 左コンテンツ --*/
#Top_Left_contents{
	float:left;
	width:593px;
}

#Top_Left_contents a:link {color:#0066CC;}
#Top_Left_contents a:visited {color: #0066CC;}
#Top_Left_contents a:hover {color: #0066CC; text-decoration:none;}
#Top_Left_contents a:active {color: #0066CC;}

#Top_Left_contents h3{
	margin:0 0 5px 0;
}

#Map{
	margin-bottom:15px;
}

#RSS{
	background:url(../images/title02.gif) no-repeat top left;
	text-align:right;
	font-size: 12px;
	font-weight: normal;
	line-height: 32px;
	padding-right:3px;
}
#RSS a:link {color:#FF7E00;}
#RSS a:visited {color: #FF7E00;}
#RSS a:hover {color: #FF7E00; text-decoration:none;}
#RSS a:active {color: #FF7E00;}
#RSS h3 {
padding: 0;
margin: 0;
}
.topnews{
margin: 0 20px;
line-height: 140%;
}

#News_container{
	padding:0 10px 30px 5px;
	background:url(../images/news_bg.gif) bottom left repeat-y;
}
#News_container h4{
padding: 0;
margin: 0;
}

#News{
	padding:0 25px 30px 25px;
	line-height: 140%;
	background:url(../images/news_line.gif) bottom left repeat-x;
}

#News img{
	margin:0 12px 5px 0;
}

#News dl{
	margin-bottom:10px;
}

#News dt{
	margin:0 0 10px 0;
}

.day{
	color:#666666;
	padding-bottom:5px;
}

#News_others{
		padding:10px 0;

}

#News_others dt{
	float:left;
	color:#666666;
	padding:0 10px 0 0;
}

#News_others dd{
	margin-bottom:6px;
}

.Pickup_left{
	float:left;
	width:272px;
	padding:0 5px 0 4px;
}

.Pickup_left img{
	margin:0 6px 0 0;
}

/* これ以降Mac IE 5には適用されない \*/
.ContentsBOX{
    zoom:1;
}
/* これ以降Mac IE 5にも適用される */

.ContentsBOX {
	display: inline-table;
	margin:0 0 10px 0;
}

.ContentsBOX:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}

/* Hides from IE-mac \*/
* html .ContentsBOX {height: 1%;}
.ContentsBOX {display: block;}
/* End hide from IE-mac */


/*-- 右コンテンツ --*/
#Top_Right_contents{
	float:right;
	width:240px;
	text-align:center;
	background:url(../images/top_r_bg.gif) top right repeat-y;
}

#SendMail{
	clear:both;
	background:#FFFFFF;
	border:solid 1px #c6c6c6;
	width: 222px;
	margin:12px 5px 20px 8px;
	_margin:12px 0px 20px 0px;
}
#SendMail form{
	padding:0 8px;
}
#Send{
	width: 200px;
	text-align: left;
	margin: 0px 0 5px 0px;
}

#Send .Mobile{
	width: 160px;
	margin-bottom: 3px;
}

#Send select{
	width: 100px;
}

.Attention{ font-size:10px; padding:0 10px 10px 10px; line-height:150%;}

#Top_Right_contents.banner{
	padding-bottom:12px;
}
.Pagetop {
padding: 10px;
}
div#Footer{
	clear:both;
	margin-top:-20px;
}