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



@import url("common.css");
@import url("header.css");
@import url("footer.css");
@import url("font.css");
@import url("map.css");
/* Font-size Adjustment
	
	77% = 10px	| 	112% = 16px	|	167% = 22px	
	85% = 11px	|	129% = 17px	|	174% = 23px
	92% = 12px	|	136% = 18px	|	182% = 24px
	100% = 13px	|	144% = 19px	|	189% = 25px
	107% = 14px	|	152% = 20px	|	197% = 26px
	114% = 15px	|	159% = 21px	|

===================================================	*/



em {
	font-style:normal;
	font-weight:bold;
}
/* contents top
-----------------------------------------------	*/



#contents {
	width:620px;
	margin:0 20px 40px 0;
	float:left;
}
/* AREA RANKING
-----------------------------------------------	*/



#rankingwrap h2 {
	font-family:"Times New Roman", Times, serif;
	margin:0 0 10px 0;
	text-align:center;
	font-weight:bold;
}
#rankingwrap h3 {
	margin:0 0 10px 0;
}
.section-ranking {
	margin:0 0 30px 0;
}
.section-ranking table.base {
	width:754px;
	border:1px solid #CCC;
	padding:10px;
}
table.base td.no1 {
	vertical-align:top;
	width:100%;
}
table.base td.no2 {
	vertical-align:top;
	width:160px;
}
table.base td.no3 {
	vertical-align:top;
	width:135px;
}
p.txtrank {
	font-weight:bold;
}
p.dotted {
	border-bottom: 1px dotted #ccc;
	margin:0 0 5px 0;
	padding:0 0 20px 0;
}
table.no1box td.top {
	vertical-align:top;
}
table.no2box td.img, table.no1box td.img {
	vertical-align:top;
}
/* purpose
-----------------------------------------------	*/

#purposewrap, #detailwrap, #rankingwrap, #favwrap, #presentwrap, #couponwrap, #recommendwrap, #newswrap {
	width:760px;
	margin:0 auto;
	padding:0 auto 0 auto;
	text-align:left;
	font-size:92%;
}
#purposewrap h2 {
	font-size:112%;
	font-weight:bold;
}
.section-purpose, .section-news {
	margin:0 0 30px 0;
	border:1px solid #CCC;
}
.section-purpose-end {
	border:1px solid #CCC;
	margin-bottom: 50px;
}
.section-purpose .ttl-purpose h3, .section-purpose-end .ttl-purpose h3 {
	padding:10px 10px 15px 10px;
	font-size:112%;
}
.ttl-purpose h3 a:link, .ttl-purpose h3 a:visited {
	color: #000000;
	text-decoration: underline;
}
.ttl-purpose h3 a:hover, .ttl-purpose h3 a:active {
	color: #000000;
	text-decoration: none;
}
.ttl-purpose, .ttl-news {
	background:url(../img/bg_ttl.gif) top center;
	margin:0 0 10px 0;
	border-bottom:2px solid #CC0000;
}
.ttl-purpose div.ttl-left {
	width:478px;
	float:left;
}
.ttl-purpose div.ttl-right {
	width:280px;
	float:left;
}
.ttl-right p {
	text-align:right;
	padding:12px 10px 0 10px;
}
.ttl-right img {
	margin:0 0 0 5px;
}
.block-purpose {
	width:740px;
	margin:0 auto;
}
.inner-purpose-img {
	width:140px;
	margin:0 20px 0 0;
	float:left;
}
.inner-purpose-txt {
	width:580px;
	margin:0;
	float:left;
}
.inner-purpose-txt strong, .inner-present-txt strong, .inner-coupon-txt strong {
	font-weight:bold;
	margin:0 10px 5px 0;
}
.inner-purpose-txt p {
	margin: 0 0 15px 0;
	padding:0 0 10px 0;
	border-bottom:#aaa 1px dotted;
}
.inner-purpose-txt p.purpose-txt-btm {
	margin: 0;
	padding:0;
	border-bottom:none;
}
.inner-purpose-txt dl, .inner-present-txt dl {
	margin: 0 0 15px 0;
	padding:0 0 10px 0;
	border-bottom:#aaa 1px dotted;
}
.inner-purpose-txt dt {
	line-height: 1.5;
	margin: 0 15px 0 0;
}
.inner-purpose-txt dt {
	float: left;
}
.inner-purpose-txt dt.normal, .inner-present-txt dt, #main dt {
	padding: 0;
	float:none;
	font-weight:bold;
}
.inner-purpose-txt dd.normaldd {
	padding: 0 10px 0 0;
}
.inner-purpose-txt span.red, .inner-present-txt span.red, #main span.red {
	color:#e60001;
	padding:0 5px 0 0;
}
/* DETAIL
-----------------------------------------------	*/


.ttl-detail, .ttl-present, .ttl-coupon, .ttl-feature {
	background:url(../img/bg_ttl.gif) no-repeat top center;
	margin:0 0 20px 0;
	border-top:1px solid #CCC;
	border-bottom:2px solid #CC0000;
	border-left:1px solid #CCC;
	border-right:1px solid #CCC;
}
.ttl-detail div.ttl-left {
	width:398px;
	float:left;
}
.ttl-detail div.ttl-right {
	width:360px;
	float:left;
}
.section-detail h3, .ttl-present h3, .ttl-coupon h3, .ttl-feature h3, .ttl-news h3 {
	font-weight:bold;
	padding:10px 10px 15px 10px;
	font-size:182%;
}
.ttl-purpose h3 a:link, .ttl-purpose h3 a:visited {
	color: #000000;
	text-decoration: underline;
}
.ttl-purpose h3 a:hover, .ttl-purpose h3 a:active {
	color: #000000;
	text-decoration: none;
}
.inner-detail-img {
	width:360px;
	margin:0 30px 0 0;
	float:left;
}
.inner-detail-txt {
	width:370px;
	margin:0;
	float:left;
}
.inner-photo-a {
	width:91px;
	margin:0 2px 0 0;
	float:left;
}
.inner-photo-b {
	width:91px;
	margin:0;
	float:left;
}
.block-detail {
	margin:0 0 20px 0;
	padding:0 0 10px 0;
	border-bottom:1px solid #CCCCCC;
}
.block-detail-btm {
	margin:0 0 40px 0;
}
.inner-camp {
	background:#fcfedc;
	margin:0 0 20px 0;
	padding:5px 5px 10px 5px;
}
p.lead {
	font-weight:bold;
	margin:0 0 5px 0;
}
p.outline {
	margin:0 0 20px 0;
}
#map-small {
	margin:0 0 10px 0;
}
p.btn-map {
	text-align:center;
}
p.reserve {
	padding:10px;
	font-size:107%;
	font-weight:bold;
	color:#CC0000;
}
.inner-info-txt p {
	padding:0 0 5px 0;
}
.inner-detail-txt dl {
	margin: 0 0 15px 0;
}
.inner-detail-txt dt, .inner-detail-txt dd {
	font-size: 92%;
	line-height: 1.5;
}
.inner-detail-txt dt {
	float: left;
}
.inner-detail-txt dd {
	padding: 0 10px 0 120px;
}
.block-info {
	background:#f5f5f5;
	width:368px;
	border:1px solid #CCCCCC;
}
.inner-info {
	width:350px;
	padding:10px;
}
.inner-info-img {
	width:75px;
	margin:0 10px 0 0;
	float:left;
}
.inner-info-txt {
	width:265px;
	margin:0;
	float:left;
}
/* PRESENT
-----------------------------------------------	*/

.block-present, .block-coupon {
	margin-bottom: 30px;
}
.inner-present-img {
	width:240px;
	margin:0 20px 0 0;
	float:left;
}
.inner-present-txt {
	width:240px;
	margin:0;
	float:left;
}
.inner-coupon-img {
	width:360px;
	margin:0 40px 0 0;
	float:left;
}
.inner-coupon-txt {
	width:360px;
	margin:0;
	float:left;
}
.inner-present-img ul, .inner-present-txt ul {
	margin-bottom:50px;
}
.inner-present-img li, .inner-present-txt li {
	background: url(../img/icon_arrow.gif) no-repeat left center;
	padding: 0 0 0 15px;
}
.block-present strong, .block-coupon strong {
	font-weight:bold;
	margin:0 10px 5px 0;
}
.block-present dl {
	margin: 0 0 15px 0;
	padding:0 0 10px 0;
	border-bottom:#aaa 1px dotted;
}
.block-present dt {
	padding: 0;
	float:none;
	font-weight:bold;
}
.block-present dd {
	margin-bottom:10px;
}
.block-present span.red {
	color:#e60001;
	padding:0 5px 0 0;
}
/* COUPON
-----------------------------------------------	*/


.inner-coupon-img ul {
	padding-bottom: 10px;
}
.inner-coupon-img li {
	background:url(../coupon/img/icon_arrow03.gif) no-repeat left top;
	padding-left: 20px;
	padding-bottom: 10px;
	margin-bottom:10px;
}
p.download {
	margin-bottom:20px;
	text-align:center;
}
.inner-coupon-txt li {
	background:url(../coupon/img/icon_arrow04.gif) no-repeat left top;
	padding-left: 15px;
	padding-bottom: 10px;
	margin-bottom:10px;
}
/* RECOMMEND
-----------------------------------------------	*/

.section-recommend {
	border:1px solid #CCC;
	margin-bottom: 50px;
}
.block-recommend {
	width:740px;
	border-bottom:1px dotted #ccc;
	margin-right: auto;
	margin-bottom: 15px;
	margin-left: auto;
	padding-bottom: 10px;
}
.block-recommend-end {
	width:740px;
	margin-right: auto;
	margin-bottom: 15px;
	margin-left: auto;
}
.inner-recommend-img {
	width:360px;
	margin:0;
	float:left;
}
.inner-recommend-txt {
	width:360px;
	margin:0 20px 0 0;
	float:left;
}
.inner-recommend-img02 {
	width:170px;
	margin:0 20px 0 0;
	float:left;
}
.inner-recommend-txt02 {
	width:550px;
	margin:0;
	float:left;
}
.ttl-recommend {
	margin:0 0 20px 0;
	border-bottom:2px solid #CC0000;
	background:url(../recommend/img/bg_ttl.gif) top;
}
.ttl-recommend div.ttl-left {
	width:280px;
	float:left;
}
.ttl-recommend div.ttl-right {
	width:478px;
	float:left;
}
.ttl-recommend .ttl-right p {
	text-align:left;
	padding:10px;
}
.ttl-recommend h3 {
	padding:10px;
	font-size:136%;
	font-weight:bold;
}
p.lead02 {
	font-size:107%;
	font-weight:bold;
	margin-bottom: 10px;
}
p.lead03 {
	font-size:107%;
	font-weight:bold;
}

/* FEATURE
-----------------------------------------------	*/


#leftnavi {
	float:left;
	width:200px;
	margin-right: 30px;
	border-top:3px solid #CC0000;
	font-size:92%;
}
#leftnavi h3 {
	font-size:114%;
	padding:10px;
	border-bottom:1px solid #CCCCCC;
	font-weight:bold;
}
#main {
	float:left;
	width:680px;
	margin-bottom:30px;
}
.detail_box01 {
	margin-top: 30px;
	padding-bottom: 30px;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #CCC;
}
.detail_box01_btm {
	margin-top: 30px;
}
.detail_box01 .left, .detail_box01_btm .left {
	float: left;
	width: 480px;
}
.detail_box01 .right, .detail_box01_btm .right {
	float: right;
	width: 180px;
}
.detail_box01 .title, .detail_box01_btm .title {
	font-size: 107%;
	color: #C00;
}
.link01 {
	padding-left:15px;
	background: url(../img/icon_arrow.gif) no-repeat left center;
}
.ttl {
	font-size:112%;
	font-weight:bold;
	color:#CC0000;
	margin-top:30px;
}
.nav {
	width: 200px;
}
.nav .nl {
	margin: 0;
	padding: 0;
	list-style-type: none;
	text-align: left;
}
.nav .nl li {
	background-color: #ffffff;
	border-bottom: 1px #cccccc solid;
}
.nav .nl li a {
	display: block;
	position: relative; /* IE6用 */
	padding: 9px 10px;
	text-decoration: none;
}
.nav .nl li a:hover, .nav .nl li a.current {
	background-color: #eee;
	text-decoration: underline;
}
.nav .nl .subnav li {
	border-bottom: 1px #FFF solid;
	background-color: #eee;
}
.nav .nl .subnav li a {
	display: block;
	position: relative; /* IE6用 */
	padding: 4px 15px;
	text-decoration: none;
	background: url(../img/icon_arrow.gif) no-repeat left center;
}
.nav .nl .subnav li a:hover, .nav .nl .subnav li a.current {
	background-color: #ccc;
	text-decoration: underline;
}
.subnav {
	margin: 0;
	padding-left:10px;
	list-style-type: none;
	text-align: left;
}
#pagetop02 {
	margin:50px 0 0 0;
}
#pagetop02 p {
	text-align:right;
}
/* NEWS
-----------------------------------------------	*/

.block-news {
	width:720px;
	margin:0 auto;
}
.block-news dl {
	margin: 0 0 25px 0;
	padding:0 0 15px 0;
	border-bottom:#aaa 1px dotted;
}
.block-news dt, .block-news dd {
	line-height: 1.5;
}
.block-news dt {
	background: url(../img/icon_arrow.gif) no-repeat left center;
	padding: 0 0 0 15px;
	float: left;
}
.block-news dd {
	padding: 0 10px 0 70px;
}