@charset "euc-jp";

/* スポット詳細用CSS
------------------------------------------------------------*/


/* banner01
------------------------------------------------------------*/
#banner01 {
width:900px;
margin:0 auto;
padding:5px 0 0;
text-align:center;
}



/* breadcrumbsBlock
------------------------------------------------------------*/
#breadcrumbsBlock{
width:900px;
margin:0 auto 10px;
padding-bottom:4px;
position:relative;
border-bottom:1px solid #999999;
}

#breadcrumbsBlock ul{
list-style:none;
position:absolute;
bottom:9px;
right:0px;
}

#breadcrumbsBlock ul li{
display:inline;
font-size:80%;
line-height:1.4em;
padding:3px 0 3px 18px;
margin:0 0 0 8px;
background-image:url(/images/areainfo_link_icon.gif);
background-repeat:no-repeat;
background-position:0 2px;
}


/* spotTitle
------------------------------------------------------------*/
#spotTitle{
width:900px;
margin:0 auto 15px;
position:relative;
background-repeat:no-repeat;
background-position:10px 0px;
padding-bottom:12px;
border-bottom:1px solid #999999;
}

#spotTitle h1{
font-size:125%;
line-height:1em;
padding-left:58px;
}

#spotTitle h1.noPhoto{
padding-left:0px;
}

#spotTitle h1 span{
display:block;
font-size:60%;
font-weight:normal;
}

#spotTitle ul.spotInfo1{
position:absolute;
top:0px;
right:0px;
list-style:none;
}

#spotTitle ul.spotInfo1 li{
font-size:80%;
font-weight:bold;
line-height:1em;
text-align:right;
margin:0px 0 8px;
}

#spotTitle ul.spotInfo1 li span{
color:#ff3300;
}

#spotTitle dl.menberInfo{
width:900px;
position:relative;
padding-top:8px;
}

#spotTitle dl.menberInfo dt{
font-size:80%;
line-height:1em;
color:#ff3300;
padding-left:58px;
}

#spotTitle dl.menberInfo dt.noPhoto{
padding-left:0px;
}

#spotTitle dl.menberInfo dd{
position:absolute;
/*top:8px;
/top:11px;*/
bottom:0;
right:0px;
}

#spotTitle dl.menberInfo dd ul{
list-style:none;
}

#spotTitle dl.menberInfo dd ul li{
font-size:80%;
line-height:1em;
display:inline;
margin-left:8px;
white-space:nowrap;
}

#spotTitle dl.menberInfo dd ul li.review span.org{
color:#ff6600;
}
#spotTitle dl.menberInfo dd ul li.review span.gray{
color:#999999;
}





/* wrapper
------------------------------------------------------------*/
#wrapper{
width:900px;
margin:0 auto;
position:relative;
padding-bottom:30px;
}


/* contentsSide
------------------------------------------------------------*/
#contentsSide{
float:left;
width:580px;
}

/* mainTopics
------------------------------------------------------------*/
#mainTopics{
min-height:250px;
height: auto !important;
height: 250px;
margin-bottom:20px;
}

#mainTopics h2{
font-size:90%;
line-height:1.4em;
padding-left:280px;
margin-bottom:12px;
}

#mainTopics div.mfn{
padding-left:280px;
margin-bottom:12px;
}

#mainTopics p.cmt{
font-size:80%;
line-height:1.6em;
padding-left:280px;
margin-bottom:15px;
}

#mainTopics dl{
position:absolute;
top:0px;
left:0px;
}

#mainTopics ul{
list-style:none;
padding-left:280px;
}

#mainTopics ul li{
font-size:80%;
line-height:1em;
padding:3px 0 3px 18px;
background-image:url(/images/spot_srch_icon.gif);
background-repeat:no-repeat;
background-position:0 2px;
}

#mainTopics dl dt{
width:260px;
height:200px;
background-color:#CCCCCC;
}
#mainTopics dl dd{
width:248px;
font-size:70%;
line-height:1.3em;
padding:6px;
background-color:#e6e6e6;
}



/* mainTopics2 写真なし
------------------------------------------------------------*/
#mainTopics2{
margin-bottom:20px;
}

#mainTopics2 h2{
font-size:90%;
line-height:1.4em;
margin-bottom:12px;
}

#mainTopics2 div.mfn{
padding-left:280px;
margin-bottom:12px;
}

#mainTopics2 p.cmt{
font-size:80%;
line-height:1.6em;
margin-bottom:15px;
}

#mainTopics2 ul{
list-style:none;
}

#mainTopics2 ul li{
font-size:80%;
line-height:1em;
padding:3px 0 3px 18px;
background-image:url(/images/spot_srch_icon.gif);
background-repeat:no-repeat;
background-position:0 2px;
}




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

#subPhotos dl{
float:left;
width:190px;
}

#subPhotos dl dt{
width:169px;
height:130px;
background-color:#CCCCCC;
}

#subPhotos dl dd{
padding-top:4px;
width:169px;
font-size:70%;
line-height:1.3em;
}


/* tvLinks
------------------------------------------------------------*/
#tvLinks{
list-style:none;
margin-bottom:20px;
}

#tvLinks li{
display:inline;
font-size:80%;
line-height:1em;
padding:3px 0px 3px 18px;
margin-right:12px;
background-image:url(/images/spot_srch_icon.gif);
background-repeat:no-repeat;
background-position:0 2px;
}


/* tvCaution
------------------------------------------------------------*/
p#tvCaution{
padding-top:8px;
font-size:80%;
line-height:1em;
margin-bottom:8px;
}



/* baseInfo
------------------------------------------------------------*/
#wrapper #contentsSide table#baseInfo{
margin-bottom:3px;
width:580px;
background-image:url(../images/cnr_lb.gif);
background-repeat:no-repeat;
background-position:bottom left;
background-color:#dbdbeb;
}

#wrapper #contentsSide table#baseInfo th{
font-size:80%;
font-weight:normal;
text-align:left;
padding:5px;
background-repeat:no-repeat;
width: 100px;
}

#wrapper #contentsSide table#baseInfo th.lt{
background-image:url(../images/cnr_lt.gif);
background-position:top left;
}

#wrapper #contentsSide table#baseInfo td{
font-size:80%;
padding:5px;
background-color:#f0f0f5;
background-repeat:no-repeat;
}

#wrapper #contentsSide table#baseInfo td.rt{
background-image:url(../images/cnr_rt.gif);
background-position:top right;
}

#wrapper #contentsSide table#baseInfo td.end{
background-image:url(../images/cnr_rb.gif);
background-position:bottom right;
}




/* mapBlock
------------------------------------------------------------*/
#wrapper #contentsSide #mapBlock{
background-color:#dbdbeb;
width:540px;
}

#wrapper #contentsSide #mapBlock #mapSide{
float:left;
width:540px;
height:356px;
border:1px solid #999999;
overflow: hidden;
}

#wrapper #contentsSide #mapBlock #mapSide #info_map #img_zoomout{
overflow: hidden;
position: absolute;
z-index: 10;
top: 5px;
right: 5px;
cursor: pointer;
}

#wrapper #contentsSide #mapBlock #mapSide #info_map #img_zoomup{
overflow: hidden;
position: absolute;
z-index: 10;
top: 40px;
right: 5px;
cursor: pointer;
}

#wrapper #contentsSide #mapBlock #naviSide{
float:right;
width:135px;
padding-left:3px;
}

#wrapper #contentsSide #mapBlock #naviSide ul#naviBtn{
margin-top:5px;
}

#wrapper #contentsSide #mapBlock #naviSide ul#naviBtn li{
list-style:none;
margin-bottom:5px;
width:131px;
height:32px;
}

#wrapper #contentsSide #mapBlock #naviSide ul#naviBtn li a{
width:131px;
height:32px;
display:block;
text-indent:-9999px;
background-repeat:no-repeat;
/*\*/overflow: hidden;/**/
}

#wrapper #contentsSide #mapBlock #naviSide ul#naviBtn li a#print{
background-image:url(../images/spot_btn_print.gif);
}

#wrapper #contentsSide #mapBlock #naviSide ul#naviBtn li a#sendMail{
background-image:url(../images/spot_btn_mail.gif);
}

#wrapper #contentsSide #mapBlock #naviSide dl{
background-image:url(../images/spot_mapnavi_bg.gif);
background-repeat:repeat-y;
margin-bottom:5px;
}

#wrapper #contentsSide #mapBlock #naviSide dl#toMobile dt{
text-indent:-9999px;
height:27px;
background-image:url(../images/spot_view_mobile.gif);
background-repeat:no-repeat;
}

#wrapper #contentsSide #mapBlock #naviSide dl dd{
background-image:url(../images/spot_mapnavi_bottom.gif);
background-repeat:no-repeat;
background-position:bottom left;
}

#wrapper #contentsSide #mapBlock #naviSide dl#toMobile dd{
text-align:center;
font-size:75%;
padding-bottom:10px;
width: 131px;
}

#naviSide dl#toMobile dd span.url{
margin: 5px;
width: 120px;
display: block;
text-align: center;
word-break: break-all;
word-wrap: break-word;
}

#wrapper #contentsSide #mapBlock #naviSide dl#bookMark dt{
text-indent:-9999px;
height:27px;
background-image:url(../images/spot_bookmark.gif);
background-repeat:no-repeat;
}

#wrapper #contentsSide #mapBlock #naviSide dl#bookMark dd{
padding:5px 0;
min-height:82px;
height: auto !important;
height: 82px;
}

#wrapper #contentsSide #mapBlock #naviSide dl#bookMark dd ul li{
list-style:none;
font-size:80%;
margin-left:5px;
margin-bottom:4px;
/margin-bottom:0px;
padding:2px 10px 2px 23px;
background-repeat:no-repeat;
}

#wrapper #contentsSide #mapBlock #naviSide dl#bookMark dd ul li.okekake{
background-image:url(../images/icon_folder.gif);
background-position:1px 3px;
/background-position:1px 5px;
}

#wrapper #contentsSide #mapBlock #naviSide dl#bookMark dd ul li.spot{
background-image:url(../images/spot_mfnicon.gif);
}




/* mapOptionNavi
------------------------------------------------------------*/
#wrapper #contentsSide ul#mapOptionNavi{
margin:20px 0;
text-align:right;
list-style:none;
}

#wrapper #contentsSide ul#mapOptionNavi li{
font-size:80%;
margin-bottom:5px;
}

#wrapper #contentsSide ul#mapOptionNavi li a{
text-align:right;
padding:3px 0px 3px 20px;
background-repeat:no-repeat;
}

#wrapper #contentsSide ul#mapOptionNavi li a#moreSize{
background-image:url(../images/spot_srch_icon.gif);
}

#wrapper #contentsSide ul#mapOptionNavi li a#routeSrch{
padding-left:50px;
background-image:url(../images/spot_traffic_icon.gif);
}




/* acesTable
------------------------------------------------------------*/
#wrapper #contentsSide h4#aces{
width:564px;
background-image:url(../images/access_title_bg.gif);
background-repeat:no-repeat;
color:#FFFFFF;
font-weight:bold;
background-color:#999999;
padding:4px 8px;
font-size:80%;
}

#wrapper #contentsSide table#acesTable{
width:580px;
margin-bottom:10px;
padding-bottom:5px;
background-color:#999999;
background-image:url(../images/access_title_bottom.gif);
background-repeat:no-repeat;
background-position:bottom;
}

#wrapper #contentsSide table#acesTable th{
font-size:80%;
font-weight:normal;
background-color:#e6e6e6;
width:100px;
}

#wrapper #contentsSide table#acesTable td{
background-color:#ffffff;
padding:8px 0 3px;
}

#wrapper #contentsSide table#acesTable td ol{
font-size:80%;
padding-left:15px;
list-style-position:inside;
}

#wrapper #contentsSide table#acesTable td ol li{
margin-bottom:5px;
}





/* sponsorBlock 
------------------------------------------------------------*/
#wrapper #contentsSide .sponsorBlock{
margin-top: 30px;
border: 2px solid #FF9900;
clear: both;
}

#wrapper #contentsSide div.sponsorBlock div.areatitlespace{
background: #FF9900;
overflow: visible;
min-height: 30px;
_height: 30px;
}	

#wrapper #contentsSide div.sponsorBlock h4{
margin: 0 0 0  5px;
float: left;
line-height:28px;
font-size: 80%;
color : #FFFFFF;
font-weight: bold;
}

#wrapper #contentsSide div.sponsorBlock div.areatitlespace div.link_right{
margin: 0 5px 0 0;
float: right;
text-align: right;
font-size:80%;
line-height:28px;
}

.b_prarea{
position:relative;
font-size: 80%;
margin: 3px;
overflow: hidden;
_overflow: visible;
min-height: 80px;
_height: 80px;
line-height: 1.3;
clear:both;
cursor: pointer;
vertical-align:middle;
}
.b_prarea>a{
overflow: hidden;
outline:none;
}

.b_prarea img {
	display:block;
	margin:10px 20px 10px 10px;
	float:left;
}

.b_prarea .prarea_title {
	font-weight:bold;margin:10px 10px 0 0;
}
.b_prarea .prarea_title span{
	margin-left:10px;
	font-weight:normal;
	color:#666666;
}

.b_prarea .prarea_txt {;color:#333;}

.b_prarea .prarea_url {
	font-size:80%;
	color:#50991D;
}

.b_prarea .prarea_sub{
	position:absolute;
	top:57px;
	left:90px;
	margin-right:10px;
}
.b_prarea .prarea_sub>a{
	margin-right:10px;
	font-size:80%;
}

.link_right {
margin-right:10px;
text-align:right;
font-size:80%;
}




/* prSide
------------------------------------------------------------*/
#prSide{
float:right;
width:300px;
}



/* prBlock
------------------------------------------------------------*/
#prSide dl#prBlock {
clear: both;
}

#wrapper #prSide dl{
width:200px;
background-image:url(../images/srch_rcmd_bg.gif);
margin-bottom:15px;
}

#wrapper #prSide dl#prBlock dt{
text-align:left;
font-size:80%;
color:#999999;
padding-left:8px;
padding-top:6px;
height:25px;
background-image:url(../images/spot_side_pr_top.gif);
margin-bottom:-10px;
}

#wrapper #prSide dl dd{
padding-bottom:15px;
background-repeat:no-repeat;
background-image:url(../images/srch_rcmd_bottom.gif);
background-position:bottom;
}


#wrapper #prSide dl#relationBlock dt{
text-indent:-9999px;
background-image:url(../images/spot_side_pr_relation.gif);
margin-bottom:-10px;
height: 32px;
}

#wrapper #prSide dl#relationBlock dd p{
width:188px;
min-height:19px;
height: auto !important;
height: 19px;
background-image:url(../images/detail_pr_bg.gif);
background-repeat:repeat-x;
background-position:bottom;
background-color:#fcd89f;
font-size:80%;
font-weight:bold;
color:#ff6600;
/*text-indent:6px;*/
padding-left:6px;
padding-top:4px;
margin:10px auto 5px;
}

#wrapper #prSide dl#relationBlock dd p img{
margin-bottom:-2px;
margin-right:5px;
}



/* r_prarea エリアマッチ 右
------------------------------------------------------------*/

#prBlock .r_prarea{
	margin:5px 0 10px 10px;
	width: 180px;
	font-size: 80%;
	cursor: pointer;
	display:block;
}
#prBlock .r_prarea p {
	margin-top:5px;
}

.r_prarea .prarea_title {
	text-decoration: underline;
	color: #0066FF;
}
.r_prarea .prarea_title a{
	display: block;
}
#prBlock .prarea_comment a{
	color:#333333;
	display: block;
}

#prBlock .prarea_comment{
	color:#333333;
}

.prarea_text{
	text-decoration:none;
	color:#0066FF;

}


/* ad_key_dtl
------------------------------------------------------------*/
.ad_key_dtl {
	height:100%;
	margin:5px 0 0px 10px;
	width:180px;
	font-size:80%;
}

.title_box {
	margin-bottom:3px;
	color:#0066FF;
	text-decoration:underline;
}

.ad_key_dtl a{
	display:block;
}

.photo_s {
	float:left;
	height:45px;
	margin-bottom:5px;
	width:60px;
}

.photo_s a{
	display:block;
}


#relationBlock .ad_key_dtl .text_box {
	float: right;
	margin-left: 2px;
	width: 115px;
	font-size: 90%;
	display:block;
	color: #333333;
	
}

.clear {
	clear:both;
}


/* socialBtn
------------------------------------------------------------*/
#breadcrumbsBlock .socialBtn {
	display:inline;
	padding:0px;
	position:absolute;
	right:145px;
	top:17px;
	*top:33px; /* for IE6/IE7 */
}

#breadcrumbsBlock .socialBtn .mixi {
display: inline;
float:left;
margin: 0px 30px 0px 0px;
padding: 0px;
width: 85px;
}

#breadcrumbsBlock .socialBtn .google {
display: inline;
float:left;
margin: 0px 10px 0px 0px;
padding: 0px;
width: 75px;
}

#breadcrumbsBlock .socialBtn .twitter {
display: inline;
float:left;
margin: 0px 10px 0px 0px;
padding: 0px;
width: 100px;
}

#breadcrumbsBlock .socialBtn .facebook {
display: inline;
float:left;
margin: 0px 10px 0px 0px;
padding: 0px;
width: 100px;
}

div#spLink {
	width:100%;
	font-family:"ヒラギノ角ゴ Pro","Hiragino Kaku Gothic Pro",sans-serif;
}

div#spLink a{
	display:block;
	width:880px;
	margin:3% auto;
	padding:50px 10px;
	font-size:3em;
	background: #febbc2; /* Old browsers */
	background: -moz-linear-gradient(top,  #febbc2 2%, #cb4a60 50%, #bc0525 51%, #ec031e 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(2%,#febbc2), color-stop(50%,#cb4a60), color-stop(51%,#bc0525), color-stop(100%,#ec031e)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #febbc2 2%,#cb4a60 50%,#bc0525 51%,#ec031e 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #febbc2 2%,#cb4a60 50%,#bc0525 51%,#ec031e 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #febbc2 2%,#cb4a60 50%,#bc0525 51%,#ec031e 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #febbc2 2%,#cb4a60 50%,#bc0525 51%,#ec031e 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#febbc2', endColorstr='#ec031e',GradientType=0 ); /* IE6-9 */
	-moz-box-shadow:0 3px 3px #999;
	-webkit-box-shadow:0 3px 3px #999;
	box-shadow:0 3px 3px #999;
	color: #FFFFFF;
	text-shadow:-1px -1px 0px #666;
	text-decoration:none;
	text-align:center;
	border-radius:6px;
	border: solid 1px #D20000;
}