/*テレビ de み〜たスポット詳細
------------------------------------------------*/
#banner01 {
margin:0;
padding:5px 0 0;
text-align:center;
/*width:728px;*/
}

#wrapper{
width:846px;
margin:0 auto;
}

#wrapper #contentsSide{
width:626px;
float:left;
margin-right: 20px;
_margin-right: 15px;
}

#wrapper #prSide{
width: 200px;
float: left;
}


#wrapper #spotTitle{
width:846px;
padding:10px 0;
margin-top:10px;
margin-bottom:15px;
border-top:1px solid #999999;
border-bottom:1px solid #999999;
position:relative;
}

#wrapper #spotTitle h1{
font-size:110%;
width: 520px;
float:left;
}

#wrapper #spotTitle p{
font-size:80%;
width: 420px;
float:left;
}

#wrapper #spotTitle ul{
list-style:none;
/*position:absolute;
top:10px;
right:0;*/
float:right;
width:320px;
}

#wrapper #spotTitle ul li{
text-align:right;
font-size:80%;
width:320px;
}

#wrapper #spotTitle ul li span{
color:#ff3300;
font-weight:bold;
}



#wrapper #contentsSide h2{
padding:10px 8px;
font-size:110%;
background-color:#dbdbeb;
margin-bottom:15px;
}

#wrapper #contentsSide dl#intro{
width:626px;
position:relative;
min-height:220px;
height: auto !important;
height: 220px;
margin-bottom:20px;
}

#wrapper #contentsSide dl#intro dt{
font-size:90%;
line-height:1.6em;
font-weight:bold;
padding-left:270px;
margin-bottom:8px;
}

#wrapper #contentsSide dl#intro dd{
font-size:80%;
line-height:1.6em;
}

#wrapper #contentsSide dl#intro dd.photo{
position:absolute;
top:0;
left:0;
}

#wrapper #contentsSide dl#intro dd.photo span{
/*display:block;*/
padding-top:1px;
}

#wrapper #contentsSide dl#intro dd.cmt{
padding-left:270px;
}


#wrapper #contentsSide dl#intro_noPhoto{
width:626px;
margin-bottom:20px;
}

#wrapper #contentsSide dl#intro_noPhoto dt{
font-size:90%;
line-height:1.6em;
font-weight:bold;
margin-bottom:8px;
}

#wrapper #contentsSide dl#intro_noPhoto dd{
font-size:80%;
line-height:1.6em;
}


#wrapper #contentsSide table#baseInfo{
margin-bottom:3px;
width:626px;
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;
}



#wrapper #contentsSide #mapBlock{
background-color:#dbdbeb;
}

#wrapper #contentsSide #mapBlock #mapSide{
float:left;
width:487px;
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:134px;
}

#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;
padding-left:23px;
padding-right:5px
}

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

#wrapper #contentsSide #mapBlock #naviSide dl#bookMark dd ul li#shiori_clip{
background-image:url(../images/shiori_icon.gif);
background-repeat:no-repeat;
line-height:18px;
}

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

#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);
}



#wrapper #contentsSide h4#aces{
width:610px;
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:626px;
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;
}

#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;
}


#wrapper #contentsSide .sponsorBlock{
	margin-top: 30px;
	border: 1px solid #FC0;
	clear: both;
}

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

	#wrapper #contentsSide div.sponsorBlock h4{
	font-weight: bold;
	padding: 5px;
	color : #AB8B3B;
	font-size: 80%;
	float: left;
	}
	
	#wrapper #contentsSide div.sponsorBlock div.areatitlespace div.link_right{
	margin: 0px10px 0px 0px;
	padding-top: 5px;
	float: right:
	text-align: right;
	}
	

#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;
}

#wrapper #prSide ul#areaInfo li{
text-align:right;
list-style:none;
font-size:80%;
margin-bottom:4px;
}

#wrapper #prSide ul#areaInfo li a{
padding:2px 0px 2px 20px;
background-image:url(../images/areainfo_link_icon.gif);
background-repeat:no-repeat;
background-position:0 1px;
}

/*========================================================================
 エリアマッチ
=========================================================================*/

#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;

}


.b_prarea{
	font-size: 80%;
	margin: 3px;
	overflow: hidden;
	_overflow: visible;
	min-height: 30px;
	_height: 30px;
	line-height: 1.3;
	clear:both;
	cursor: pointer;
}


.b_prarea .prarea_right {
	margin-top:5px;
	width:418px;
	float:left;
	color:#333333;
}
.b_prarea .prarea_right a{
	color:#333333;
	
}

.b_prarea .prarea_left {
	margin-top:5px;
	width:198px;
	float:left;
	text-decoration:underline;
	color:#0066FF;
	height:100%;
}
.b_prarea .prarea_text{
	display: block;
}
.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;
}

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

}


/*========================================================================
 しおり登録
=========================================================================*/
#shiori {
	text-align:center;
	width:750px;
	margin-left:auto;
	margin-right:auto;
	display:none;
	z-index:3;
	top:0px;
	}

#shiori hr {
	border:1px #DBDBEB solid;
	height:1px;
	} 

#shiori_top {
/*	text-align:center;
	width:750px;
	height:70px;
	padding:0px;
*/
	}

#shiori_message {
	text-align:center;
	font-weight:bold; 
	font-size:110%; 
	width:600px;
	height:22px;
	margin-left:auto;
	margin-right:auto;
	border:1px #FFCC00 solid;
	padding:8px 0px 0px 0px;
	background-image:url(/cocomemo/images/title_bg.gif);
	background-repeat:repeat;
	}

#shiori_comment {
	text-align:center;
	width:600px;
	height:50px;
	border:1px #FFCC00 solid;
	padding:8px 0px 6px 0px;
	margin-left:auto;
	margin-right:auto;
	}

#shiori_introduction {
	text-align:center;
	width:500px;
	margin-left:auto;
	margin-right:auto;
}

.shiori_text{
	text-align:center;
	margin-top:10px;
	font-size:80%;
}

.shiori_box{
	width:350px;
	height:120px;
	text-align : left;
	margin-top:40px;
	margin-left:auto;
	margin-right:auto;
	background-color:#CCFFFF;
}

#shiori_spot {
	text-align:center;
	width:600px;
	margin-left:auto;
	margin-right:auto;
	margin-bottom:15px;
	padding:0px;
	
	}

#shiori_spot a {
	font-size:120%;
	}

#shiori_close {
	position:relative;
	top:150px;
	left:0px; 
	text-align:center;
	width:600px;
	height:50px;
	margin-left:auto;
	margin-right:auto;
	padding:0px;
	}

#shiori_footer {
	position:relative;
	top:190px;
	left:0px; 
	width:100%;
	height:30px;
	text-align:right;
	border-top:1px #CCC solid;
	}

.h_margin2 {
	margin-top : 15px
	}



/* エラー */

.errInfo{
	background:#FFFFFF none repeat scroll 0 0;
	clear:both;
	padding-top:5px;
	text-align:center;
}
.navibar {
	display:block;
	font-size:80%;
	margin-left:auto;
	margin-right:auto;
	text-align:left;
	width:900px;

}

#error_message {
	text-align:center;
	color:red;
	font-weight:bold;
	font-size:110%;
	width:600px;
	height:22px;
	margin-left:auto;
	margin-right:auto;
	border:1px #FFCC00 solid;
	padding:8px 0px 0px 0px;
	background-image:url(/kankou/images/err_title_bg.gif);
	background-repeat:repeat;
}

#error_comment {
	width:600px;
	height:50px;
	border:1px #FFCC00 solid;
	padding:8px 0px 6px 0px;
	margin-left:auto;
	margin-right:auto;
}


/* クリップ完了画面用 */
#shioriPR{
width:440px;
height:237px;
background-image:url(/kankou/images/spot_bg.gif);
background-repeat:repeat;
position:relative;
margin:10px auto;
}

#shioriPR dl{
text-indent:-9999px;
}

#shioriPR ul{
list-style:none;
font-size:80%;
}

#shioriPR ul li.link1{
position:absolute;
top:33px;
left:0;
text-align:right;
width:430px;
}

#shioriPR ul li.link2{
position:absolute;
top:180px;
left:0;
text-align:center;
width:440px;
}