/*title*/

#ttlnew{margin-bottom:5px;
clear:both;
}
#ttlnew2{margin-bottom:5px;
clear:both;
}
#ttlrecommend{margin-bottom:5px}
#ttlpickup{margin-bottom:5px}

#ttlnew h2.new,
#ttlnew h3.new,
#ttlnew h4.new,
#ttlnew2 h2.new,
#ttlnew2 h3.new,
#ttlnew2 h4.new {
	background:url(../img/bg_ttl.gif) no-repeat 0 0;
	background-position:bottom;
	padding:5px 0 5px 30px;
	font-weight:bold;
	font-size:1.3em;
	line-height:normal;
	color:#000000;
}
#ttlnew h2.new span,
#ttlnew h3.new span,
#ttlnew h4.new span,
#ttlnew2 h2.new span,
#ttlnew2 h3.new span,
#ttlnew2 h4.new span {
	color:#000000;
	padding-left:60px;
	font-size:small;
}

.index-area01 {
	background:url(../img/bg_index_wt.gif) no-repeat 0 0;
	background-position:top;
	padding-top:5px;
}

.index-area02 {
	background:url(../img/bg_index_wb.gif) no-repeat 0 0;
	background-position:bottom;
	padding-bottom:5px;
}

.newttl01 {
	font-size:1.0em;
	font-weight:bold;
	color:#000000;
	background:#ECECEC;
	border-left: solid 8px #FF9900;
	padding:2px 0 2px 8px;
	margin:0 0 10px;
}




/*section01*/

#section01{
/*margin-bottom:20px;*/
margin-bottom:10px;
}


#leftbox01{
float:left;
width:435px;
}

#rightbox01{
float:right;
width:435px;
}


#leftbox02{
    float: left;
    margin-right: 5px;
    width: 290px;
}

#centerbox02{
    float: left;
    margin-right: 5px;
    width: 290px;
}

#rightbox02{
    float: left;
    width: 290px;
}

.r_sec01outer{
  background:#F8D87F;
    padding:5px;
}
.r_sec01inner{
 background:#FCE7BC;
    padding:1px 6px 3px 9px;
}


p.newday{
display:block;
margin:0 0 10px 20px;
font-weight:bold;
text-align:right;
background:url(../img/day_hr.jpg) no-repeat left bottom;
}

p.area-txt{
padding:5px 0 0 3px;
}

p.newmore{
display:block;
font-weight:bold;
text-align:right;
}

#section01 .floatlef  { 
float: left; width:200px
}

#section01 .floatcent  {
width:200px
}

#section01 .floatrig {
float: right; width:200px
}



/*section02*/

#section02{
clear:both;
margin-bottom:10px;
}


.r_sec02outer{
clear:both;
display:block;
  background:#BFBFBF;
    padding:1px;
	margin-bottom:10px;
}
.r_sec02inner{
display:block;
  background:#F1EED9;

}

.r_sec02inner div.sec02photo  {float:left; width:160px;}
.r_sec02inner div.sec02photo img {padding:7px 0px 7px 7px;}

.r_sec02inner div.sec02main { float: right;padding:7px;width:695px;}


.sec02main strong{
color:#FF6600;
}

h3.sec2title{background:url(../img/town_back.gif) no-repeat left top                ;
height:41px;
padding:7px 10px 10px 35px;
font-weight:bold;
font-size:116%;
	position:relative;
}

h3 .sec02day{
	position:absolute;
	text-align:right;
	font-weight:bold;
	width: 150px;
	left: 535px;
	font-size:85%;
	top:8px;
}

/*section04*/

#section04{
clear:both;
margin-bottom:20px}


#section04 #leftbox04{
float:left;
width:430px;
}

#section04 #rightbox04{
float:right;
width:430px;
}


#section04 .pickupbody{
	padding:10px 0 10px;
	border-bottom-width: 1px;
	border-bottom-style: dashed;
	border-bottom-color: #ccc;

}

#section04 .pickupbody h3{
font-weight:bold;
margin-left:100px
}

#section04 .pickupbody p{
margin-left:100px
}


#section04 strong{
color:#FF6600;
font-weight:bold;
}


#section04 .pickupbody img  { float: left; padding:2px; border:1px solid #CCCCCC}


/*section03*/

#section03{
clear:both;
margin-bottom:20px}


#section03 #leftbox03{
float:left;
width:435px;
}

#section03 #rightbox03{
float:right;
width:435px;
}

#section03 .r_sec03outer{
  background:#FFDC99;
    padding:3px;
}
#section03 .r_sec03inner{
  background:#FFF1B2;
    padding:10px;
}

#section03 .rec_faceouter{
  background:#F3CA74;
    padding:3px;

}
#section03 .rec_faceinner{
background:#FFFFFF url(../img/re_face.gif) no-repeat 5px 5px;
    padding:10px 3px 6px 45px;
font-weight:bold;
font-size:116%;
}

#section03 .rec_body{
	margin-top:10px;
  background:#FFFFFF;
    padding:10px;
}

#section03 .rec_body h3{
font-weight:bold;
}



#section03 strong{
color:#FF6600;
font-weight:bold;
}

p.more {clear:both;
	text-align: right;

}

p.more a{
	background:transparent url(../img/morearrow.gif) no-repeat scroll left center;
	padding-left: 17px;
	}


#section03 .imglef  { float: left; margin-right:10px;margin-bottom:10px; border:3px solid #EAD0A2}

#section03 .imgrig { float: right; margin-left:10px;margin-bottom:10px; border:3px solid #EAD0A2}



/*map*/
#map1,
#map3 {
	width:630px;
	height:400px;
	float:left;
}

#map2,
#map5 {
	width:365px;
	height:400px;
	float:left;
	margin-right:5px;
}


#map4 {
	width:315px;
	height:400px;
	float:left;
	margin-right:5px;
}


#map2_2,
#map5_2 {
	width:260px;
	height:400px;
	float:left;
}


#map4_2 {
	width:310px;
	height:400px;
	float:left;
}


#map-navi {
	float:right;
	width:230px;
	height:398px;
	border:solid 1px #CCCCCC;
	overflow:auto;
	
	/*background-color:#ECECEC;*/
}

#map-navi h4 {
	font-weight:bold;
	margin:0 0 5px;
	padding:3px 5px 3px 5px;
	color:#FF6600;
	background:#FEE6AA url(../img/bg_mapnavi_dot.gif) repeat-x 0 0;
	background-position:bottom;
}

#map-navi ul {
	margin:0 5px 10px;
}

#map-navi ul li {
	margin:0 5px 5px;
	padding:0 0 0 20px;
	background:url(../img/morearrow.gif) no-repeat 0 2px;
	
	
}

#map-navi ul li img {
	margin:0 0 0 5px;
}

.spot-box-section {
		clear:both;
	height:130px;
overflow: hidden;
}
.spot-box {
	float:left;
	margin:0 15px 20px 0;
	width:130px;
}

.spot-box dl {
}

.spot-box dl dt {
	margin:0 0 3px;
}
.spot-box dl dt img {
	padding:1px;
	border:solid 1px #CCCCCC;
}
.spot-box dl dd {
	font-size:89%;
}