@charset "utf-8";

.h3-area img {
margin: 2px 0 0 0;
}


div.spot-area {
margin-top:15px;
padding-top:3px;
background-color:#f2f5ef;
}

div.spot-area div.h3-area {
width:525px;
margin: 0 3px ;
padding: 3px 2px 1px 2px;
background:white url(../pickup/img/h3_bottom.gif) repeat-x left bottom;
}

div.spot-area div.h3-area div.text-area {
padding-left:5px;
color:#403531;
border-left:8px solid #403531;
border-color: #009900;
}
div.spot-area div.h3-area div.text-area h3{
margin: 0;
padding: 0;
font-size:medium;
font-weight: normal;
line-height: 40px;
color:#57421e;
}

p.spot_text01 {
margin: 10px 10px 0 10px;
padding: 0;
font-size: 0.9em;
line-height: 1.5em;
}
p.spot_mapnav {
margin: 6px 10px 10px 10px;
padding: 0;
font-size: 0.8em;
line-height: 1em;
text-align: right;
}

dl.spot_green_dl {
margin: 0 10px;
padding: 0;
color: #6ca300;
font-size: 0.9em;
}
.spot_green_dl dt {
margin: 1em 0 0 0;
padding: 0;
}
.spot_green_dl dd {
margin: 0.4em 0 0 0;
padding: 0.5em;
line-height: 1.4em;
border: 1px dotted #6ca300;
}

/* 詳細ページ========================= */

p.areanavi {
margin: 0;
padding: 0;
float: right;
}
img.areanavi {
margin: 6px 10px 0 0;
float: right;
vertical-align: middle;
}

/* フォトエリア */
div.spot-area div.info-area div.photoarea {
margin: 0 10px 10px 10px;
padding: 0 0 10px 0;
border-bottom: 2px dotted #cccccc;
}
div.spot-area div.info-area div.photoarea div.photo_left {
width: 300px;
margin: 0;
padding: 0;
float: left;
}
div.spot-area div.info-area div.photoarea div.photo_left img {
margin: 0 0 10px 0;
}

/*  */
div.spot-area div.info-area div.photoarea div.text_right {
width: 200px;
margin: 0;
padding: 0;
float: right;
font-size: 0.9em;
line-height: 1.4em;
}
div.spot-area div.info-area div.photoarea div.text_right p {
margin: 0 0 10px 0
}
p.spot_text02 {
margin: 0 0 20px 0;
padding: 0 0 10px 0;
font-size: 0.9em;
line-height: 1.5em;
border-bottom: 2px dotted #cccccc;
}
/*  */
div.spot-area div.info-area div.photoarea div.photoarea_sub {
width: 500px;
margin: 0;
padding: 10px;
background-color: #cccccc;
clear: both;
}
.spot-area div.info-area div.photoarea div.photoarea_sub img.subimg01 {
margin: 0;
}
.spot-area div.info-area div.photoarea div.photoarea_sub img.subimg02 {
margin: 0 0 0 10px;
}
.spot-area div.info-area div.photoarea div.photoarea_sub img.subimg03 {
margin: 10px 0 0 0;
}
.spot-area div.info-area div.photoarea div.photoarea_sub img.subimg04 {
margin: 10px 0 0 10px;
}
/*  */
div.spot-area div.info-area div.photoarea div.photoarea_sub_half {
width: 260px;
margin: 0;
padding: 10px;
background-color: #cccccc;
clear: both;
}
.spot-area div.info-area div.photoarea div.photoarea_sub_half img {
margin: 0;
}

/*  */
div.spot_green_div {
margin: 0;
padding: 0;
color: #6ca300;
font-size: 0.9em;
}
.spot_green_div h5 {
margin: 1em 0 1.5em 0;
padding: 0;
font-size: 1.2em;
text-align: left;
color: #6ca300;
border: none;
}
.spot_green_div table,
.spot_shisetsu table {
margin: 0 0 10px 0;
padding: 0;
width: 100%;
font-size: 0.9em;
border-top: 1px solid #cccccc;
border-left: 1px solid #cccccc;
}
.spot_green_div table th,td,
.spot_shisetsu table th,td
 {
padding: 6px;
text-align: left;
vertical-align: top;
line-height: 1.2em;
font-weight: normal;
border-right: 1px solid #cccccc;
border-bottom: 1px solid #cccccc;
}
td.syuukaku {
/* background-color: #f6ffe8; */
}
td.kakou {
/* background-color: #fdf0fa; */
}
td.kougei {
/* background-color: #efecea; */
}

/* 施設案内用　100217 */
div.spot_shisetsu {
margin: 0;
padding: 0;
color:#403531;
font-size: 12px;
line-height:1.5em;
}
div.spot_shisetsu dl dt {
color:#cc6633;
}
div.spot_shisetsu dl {
margin:0 10px;
padding:3px;
border-bottom:2px dotted #cccccc;
}
div.spot_shisetsu dl#first_dl{
border-top:2px dotted #cccccc;
}
div.spot_shisetsu dl#last_dl{
border:none;
}
div.spot_shisetsu dl dd,
div.spot_shisetsu dl dd ul{
padding:0;
margin:0;
}
div.spot_shisetsu dl dd ul{
text-indent:2em;
}
div.spot_shisetsu dl dd p{
text-indent:2em;
}
div.spot_shisetsu dl dd p.indent_3em{
text-indent:4em;
}
div.spot_shisetsu dl dd p.indent_6em{
text-indent:7em;
}
div.spot_shisetsu dl dd p.komejirusi{
border-top:dashed 1px #cccccc;
padding:0.5em 0 0 0;
width:400px;
}

/*  */
div.right-item-list h5 {
font-weight:normal;
width:185px;
margin:0;
padding:0;
line-height:1.2em;
font-size:14px;
border-bottom: none;
}

div.item-area div.item-list div.item-desc div.item-price2{
padding-right:5px;
text-align: left;
color:#FF0000;
}



h3.spot_hana_title {
margin: 0 0 20px 0;
padding: 0 0 0 6px;
font-size: 1em;
line-height: 1.5em;
color: #009900;
border-left: 5px solid #009900;
}


div.info-area div#map-area2 {
	width:310px;
	float:left;
}
div.info-area div#map-area2 div#g-map2 {
	width:310px;
	height:310px;
	border:1px solid white;
	border:1px solid #CCC;
}
div.info-area div#date-weather-wrapper2 {
	width:200px;
	float:right;	
}
div.info-area div#info-body2 {
	padding:10px;
	color:#403531;
}
div.info-area div#info-body2 h4{
	margin:0 0 5px 0;
	padding:0;
	color:#CC9900;
}


div.info-area div#map-area3 {
	width:310px;
	float:left;
}
div.info-area div#map-area3 div#g-map3 {
	width:310px;
	height:310px;
	border:1px solid white;
	border:1px solid #CCC;
}
div.info-area div#date-weather-wrapper3 {
	width:200px;
	float:right;	
}
div.info-area div#info-body3 {
	padding:10px;
	color:#403531;
}
div.info-area div#info-body3 h4{
	margin:0 0 5px 0;
	padding:0;
	color:#CC9900;
}

div.info-area div#map-area4 {
	width:310px;
	float:left;
}
div.info-area div#map-area4 div#g-map4 {
	width:310px;
	height:310px;
	border:1px solid white;
	border:1px solid #CCC;
}
div.info-area div#date-weather-wrapper4 {
	width:200px;
	float:right;	
}
div.info-area div#info-body4 {
	padding:10px;
	color:#403531;
}
div.info-area div#info-body4 h4{
	margin:0 0 5px 0;
	padding:0;
	color:#CC9900;
}

div.info-area div#map-area5 {
	width:310px;
	float:left;
}
div.info-area div#map-area5 div#g-map5 {
	width:310px;
	height:310px;
	border:1px solid white;
	border:1px solid #CCC;
}
div.info-area div#date-weather-wrapper5 {
	width:200px;
	float:right;	
}
div.info-area div#info-body5 {
	padding:10px;
	color:#403531;
}
div.info-area div#info-body5 h4{
	margin:0 0 5px 0;
	padding:0;
	color:#CC9900;
}






/* CSS Document */

