@charset "utf-8";

/* ======================================================================================== TOWN */
div#page-body div#spot-ttl-area{
	height:122px;
	background: url(../img/bg_ttl_spot.jpg) no-repeat left top;
}
div#page-body div#food-ttl-area{
	height:122px;
	background: url(../img/bg_ttl_food.jpg) no-repeat left top;
}
div#page-body div#event-ttl-area{
	height:122px;
	background: url(../img/bg_ttl_event.jpg) no-repeat left top;
}
div#page-body div#town-ttl-area{
	height:122px;
	background: url(../img/bg_ttl_area.jpg) no-repeat left top;
}
div#page-body h2{
	padding: 27px 0px 0px 25px;
	font-size: 220%;
	line-height: 120%;
	color: #000000;
}

/* ------------------------------------------------------------------- FOOD */
div#food-body{
	padding: 0px;
}
div#food-body p{
	padding: 0px 0px 15px;
	line-height: 160%;
	font-size: 110%;
}
div#food-body img{
	padding: 3px;
	border: 1px solid #cccccc;
}
div#food-body div#left-pic{
	float:right;
	padding: 0px 0px 5px 15px;
}
div#food-body div#left-pic p{
	width:251px;
	padding: 0px 0px 10px;
	font-size: 80%;
	line-height: 120%;
}
div#food-body div.pic-area{
	width:720px;
	clear:both;
	padding: 10px 0px 0px;
}
div#food-body div.pic-area div.desc-box{
	float:left;
	width:275px;
	font-size: 80%;
	line-height: 120%;
}
div#food-body div.pic-are div.desc-box p{
	width:251px;
	padding: 0px 0px 10px;
	font-size: 80%;
	line-height: 120%;
}

/* ------------------------------------------------------------------- SPOT */
div#spot-body{
	padding: 0px;
}
div#spot-body h3{
	background: url(../img/bg_h3_spot.gif) no-repeat left top;
	padding: 12px 0px 25px 17px;
	font-size: 130%;
	line-height: 120%;
	color: #000000;
}
div#spot-body div.area-h3{
	padding: 0px;
}
div#spot-body div.area-h3 p{
	padding: 0px 0px 10px 17px;
	line-height: 160%;
}
div#spot-body div.area-h3 div.img-box-left{
	width:251px;
	float:left;
}
div#spot-body div.area-h3 div.img-box-right{
	width:251px;
	float:right;
}
div#spot-body div.area-h3 div.img-box-left p,
div#spot-body div.area-h3 div.img-box-right p{
	width:251px;
	padding: 0px 0px 10px;
	font-size: 80%;
	line-height: 120%;
}
div#spot-body div.area-h3 div.img-box-left img,
div#spot-body div.area-h3 div.img-box-right img{
	padding: 3px;
	border: 1px solid #cccccc;
}
div#spot-body div.area-h3 ul{
	padding: 0px 0px 10px 17px;
}
div#spot-body div.area-h3 ul li{
	padding: 0px 0px 5px 0px;
}
div#spot-body div.area-h3 ul li a{
	padding: 0px 0px 0px 17px;
	background: url(../img/arw_line_gray.gif) no-repeat 0px 4px;
	display:block;
	line-height: 120%;
}

/* ------------------------------------------------------------------- SPOT */
div#event-body{
	padding: 0px;
}
div#event-body table{
	border-top: 1px solid #CCCCCC;
}
div#event-body table td{
	width:260px;
	padding:5px 8px;
	border-bottom: 1px solid #CCCCCC;
	border-left: 1px solid #CCCCCC;
	background: #f3f3f3;
	color: #000000;
	line-height: 140%;
	vertical-align: top;
}
div#event-body table td.month{
	width:auto;
	border-bottom: 1px solid #CCCCCC;
	border-left: none;
	background: #3a9315;
	font-size: 120%;
	line-height: 120%;
	font-weight: bold;
	color: #FFFFFF;
	text-align: center;
}
div#event-body table td.date{
	background: #eaeaea;
	width:auto;
	font-weight: bold;
	border-left: none;
}

/* ------------------------------------------------------------------- TOWN */
div#page-body div#town-box{
	padding: 0px;
}
div#page-body div#town-box h3{
	background: url(../img/bg_h3_spot.gif) no-repeat left top;
	padding: 12px 0px 25px 17px;
	font-size: 130%;
	line-height: 120%;
	color: #000000;
}
div#page-body div#town-box div.town-desc-box{
	padding: 0px 0px 30px;
}
div#page-body div#town-box div.town-desc-box h4{
	padding: 8px 0px 7px 20px;
	background: #eefaed url(../img/bg_icon_h4_area.gif) no-repeat 5px 11px;
	font-size: 110%;
	line-height: 120%;
	color: #000000;
}
div#page-body div#town-box div.town-desc-box h5{
	clear:both;
	padding: 13px 0px 3px 17px;
	background: url(../img/bg_ico_ttl_square_green.gif) no-repeat 0px 15px;
	font-size: 110%;
	line-height: 120%;
	color: #006600;
}
div#page-body div#town-box div.town-desc-box p{
	padding: 0px 0px 10px 17px;
	line-height: 160%;
}
div#page-body div#town-box div.town-desc-box ul{
	padding: 0px 0px 0px 17px;
}
div#page-body div#town-box div.town-desc-box ul li{
	padding: 0px 0px 0px 8px;
	line-height: 160%;
	background: url(../img/bg_ico_li_square_green.gif) no-repeat left 8px;
	width:330px;
	float:left;
}