@charset "utf-8";
@import "/stl_basic_utf.css";
/*--------------------------------------------------------------------
file_name : stl_datespot.css
edit_date : 2007.08.22
use_at    : bs-gs.com
!! Change "edit_date" when you add some data to this file !!
--------------------------------------------------------------------*/


/*----------*/

#left{
	float:left;
}

#datespot{
	padding:0;
	font-size:12px;
	overflow:hidden;
	width:550px;
	float:right;
	margin-right:auto;
	margin-left:auto;
}

#datespot h2{
	margin:0 0 5px 0;
	padding:0;
}

#ds_title{
	width:550px;
	height:50px;
}

#ds_title #title_img{
	width:145px;
	height:50px;
	float:left;
}

#ds_title #title_prefname{
	width:126px;
	height:50px;
	float:left;
	background:url('/datespot/img/pref-name-back.gif');
	position:relative;
	top:0;
	left:0;
	z-index:0;
}

#ds_title #title_prefname h2{
	margin:0;
	padding:0;
	width:70px;
	font-size:16px;
	text-align:center;
	position:relative;
	top:18px;
	left:40px;
	z-index:1;
}

#ds_title #title_top_img{
	width:200px;
	height:50px;
	float:left;
}

#ds_title p{
	width:345px;
	height:50px;
	padding:3px 0 0 5px;
	margin:0;
	float:left;
	line-height:120%;
}

#ds_title #title_maplink{
	width:279px;
	height:50px;
	float:left;
}

#ds_prefselect{
	width:550px;
	overflow:hidden;
	clear:both;
	margin-bottom:10px;
}

#ds_prefselect_map{
	width:360px;
	float:left;
	margin-right:2px;
}

#ds_prefselect_list{
	width:188px;
	float:left;
}

#ds_prefselect_list dl{
	margin:0;
	padding:0;
}

#ds_prefselect_list dt{
	margin:0;
	font-weight:bold;
	padding:4px;
	background:url('/datespot/img/ds-top-rightback.gif');
}

#ds_prefselect_list dd{
	margin:0;
	padding:4px;
}

#ds_prefselect_list dd ul{
	margin:0;
	padding:0;
	line-height:130%;
}

#ds_prefselect_list dd li{
	margin:0;
	display:inline;
	list-style-type:none;
	padding-right:8px;
}

#howtouse{
	width:550px;
	clear:both;
	overflow:hidden;
}

#howtouse_exp{
	width:550px;
	clear:both;
	overflow:hidden;
}

#howtouse_exp .howto-inner{
	width:510px;
	height:152px;
	border-bottom:1px dashed #ff9900;
	margin:0 auto;
	padding:10px;
}

#howtouse_exp .howto-inner p{
	line-height:130%;
	padding:10px 0 0 0;
	margin:0 16px 0 0;
	float:left;
	width:292px;
}

#howtouse_exp .howto-inner div{
	width:200px;
	height:150px;
	background:#ccc;
	float:left;
}

/*都道府県ランキング*/
#pref-rank{
	margin:0;
	padding:0;
	width:550px;
	background:#fff;
	clear:both;
}

/*新型地域-都道府県interface*/
.arrow-icon{
	float:left;
	width:75px;
	height:15px;
	padding:3px 5px 0 5px;
}

#area-pref-if{
	clear:both;
	margin-top:5px;
	height:22px;
	width:550px;
}

#area-pref-if .area-inner{
	float:left;
	margin:0 1px 0 0;
}

#area-pref-if .area-inner .ds-area-name-on{
	font-weight:bold;
	font-size:12px;
	background:url('/datespot/img/area-name-on-back.gif');
	padding:2px 6px;
	border-bottom:2px solid #ff9900;
}

#area-pref-if .area-inner .ds-area-name{
	font-size:12px;
	background:url('/datespot/img/area-name-back.gif');
	padding:2px 6px;
	border-bottom:2px solid #ddd;
}

#area-pref-if .area-inner .arrow{
	text-align:center;
}

#area-pref-if2{
	clear:both;
	height:26px;
	width:550px;
	background:url('/datespot/img/pref-back.gif');
	margin:0 0 5px 5px;
	position:relative;
	top:0;
	left:0;
	z-index:0;
}

#area-pref-if2 ul{
	margin:2px 0 0 5px;
	padding:0;
}

#area-pref-if2 li{
	float:left;
	list-style-type:none;
	font-size:14px;
	border-right:2px solid #fff;
	padding:3px 8px;
}

#area-pref-if2 li.on{
	font-weight:bold;
}

#area-pref-if2 li.on ul.region{
	font-weight:normal;
	position:absolute;
	top:26px;
	left:0;
	z-index:1;
	background:url('/datespot/img/region-name.gif') no-repeat;
	margin:0;
	padding:5px 0 0 80px;
	width:470px;
}

#area-pref-if2 li.on ul.region li{
	float:left;
	list-style-type:none;
	border-right:1px solid #ccc;
	font-size:12px;
	padding:1px 4px;
}

/* 地域詳細 */
#detail-view{
	font-size:12px;
	margin:30px 0 0 10px;
	clear:both;
}

#detail-view img{
	margin:0 5px 0 0;
}

#detail{
	width:520px;
	overflow:hidden;
	clear:both;
	background:#fff;
	margin-right:auto;
	margin-left:auto;
}

#detail .loc-box{
	width:500px;
	margin-right:auto;
	margin-left:10px;
	margin-top:15px;
	overflow:hidden;
}

#detail h3{
	margin:0 0 3px 0;
	padding:5px;
	font-size:12px;
	background:url('/datespot/img/detail-h3bn.gif');
}

#detail h3 span{
	font-size:12px;
	font-weight:normal;
	margin-left:5px;
}

#detail dl{
	margin:0;
	padding:0 0 10px 0;
	clear:both;
}

#detail .spot{
	width:490px;
	font-size:12px;
	padding:5px;
	background:url(/datespot/img/detail-dt-bk.gif);
	margin:0 0 3px 0;
	float:left;
}

#detail .spot p{
	display:inline;
	margin:0;
	padding:0;
	font-size:12px;
	margin-left:15px;
}

#detail dd{
	margin:0 0 5px 0;
	padding:5px;
	overflow:hidden;
}

#detail dd .infomark{
	float:left;
	width:30px;
	height:30px;
	margin:4px 0;
}


#detail p{
	display:block;
	margin:0;
	padding:0;
}

#detail p.comm{
	font-size:12px;
	line-height:120%;
}

#detail dd p.info{
	font-size:11px;
	line-height:100%;
	margin:4px 0;
	float:left;
	width:222px;
	overflow:hidden;
}

.datespot-search{
	width:500px;
	margin-right:auto;
	margin-left:auto;
	margin-top:30px;
}

.datespot-search img{
	position:relative;
}

.datespot-search ul{
	margin:0;
	padding:0;
}

.datespot-search li{
	width:500px;
	height:100px;
	margin:8px;
	list-style-type:none;
}

#pref-rank #pr-head{
	width:550px;
	height:70px;
	margin:5px 0;
	clear:both;
}

#pref-rank #pr-head h3{
	margin:0;
	padding:0;
	float:left;
	width:310px;
	height:70px;
}

#pref-rank #pr-head p{
	margin:0;
	padding:3px 5px;
	float:left;
	width:230px;
	height:64px;
	font-size:small;
	line-height:115%;
}

#pref-rank #pr-container{
	width:550px;
	overflow:hidden;
	clear:both;
}

#pref-rank #pr-left{
	width:356px;
	float:left;
	background:#fff;
	margin-right:5px;
}

#pr-left .ktkr{
	width:350px;
	border-collapse:collapse;
	background:#fff9cc;
}

#pr-left .ktkr .td-left{
	border-bottom:1px dotted #ccc;
	width:135px;
}

#pr-left .ktkr .td-left .thumb{
	width:130px;
	height:120px;
	background:url('/datespot/ranking/img/kitawaa.gif');
	text-align:center;
}

#pr-left .ktkr .td-left img{
	border:1px solid #0000ff;
	margin-top:42px;
}

#pr-left .ktkr .td-right{
	border-bottom:1px dotted #ccc;
	padding:5px 0;
}

#pr-left .ktkr .td-right .sitename{
	font-weight:bold;
	font-size:14px;
	padding:2px 4px;
	background:url('/datespot/rank/img/sitename-back.gif');
}

#pr-left .ktkr .td-right .sitename img{
	vertical-align:middle;
	margin-left:5px;
}

#pr-left .ktkr .td-right p{
	font-size:12px;
	margin:0;
	padding:3px 0;
	line-height:125%;
}

#pr-left .ktkr .td-right .link{
	text-align:right;
	padding-right:10px;
	height:17px;
	width:200px;
	position:relative;
	top:0;
	left:0;
}

#pr-left .ktkr .td-right .link a:hover{
	position:relative;
	top:1px;
	left:1px;
}

#pr-left .ktkr .td-right .link img{
	border:0;
}

#pr-left .dsr-date{
	font-size:12px;
	text-align:right;
	padding-right:5px;
	background:#fff;
	border-bottom:1px dotted #ccc;
	width:340px;
}

#pr-left .dsr-rank-a{
	width:350px;
	border-collapse:collapse;
	background:#fff;
	margin-bottom:5px;
}

#pr-left .dsr-rank-a .td-left{
	background:#fff;
	border-bottom:1px dotted #ccc;
	width:20px;
}

#pr-left .dsr-rank-a .td-middle{
	width:100px;
	padding:0 5px;
	border-bottom:1px dotted #ccc;
}

#pr-left .dsr-rank-a .td-middle .thumb img{
	border:1px solid #0000ff;
}

#pr-left .dsr-rank-a .td-middle .eva{
	width:100px;
	height:16px;
	background:url('/datespot/rank/img/eva.gif');
}

#pr-left .dsr-rank-a .td-middle .eva .eva2{
	height:16px;
	background:url('/datespot/rank/img/eva2.gif');
}

#pr-left .dsr-rank-a .td-middle .pop{
	font-size:11px;
	margin-top:4px;
}

#pr-left .dsr-rank-a .td-right{
	vertical-align:top;
	padding:5px 0;
	border-bottom:1px dotted #ccc;
}

#pr-left .dsr-rank-a .td-right .sitename{
	font-size:14px;
	font-weight:bold;
	background:url('/datespot/rank/img/sitename-back.gif');
	padding:2px 4px;
}

#pr-left .dsr-rank-a .td-right .sitename img{
	vertical-align:middle;
	margin-left:5px;
}

#pr-left .dsr-rank-a .td-right p{
	font-size:12px;
	margin:0;
	padding:3px 0;
	line-height:125%;
}

#pr-left .dsr-rank-a .td-right .link{
	text-align:right;
	padding-right:10px;
	font-size:12px;
}

#pr-left .kenkyu_n{
	color:#aaa;
	font-size:11px;
}

/*タイプ別へのリンク集*/
#gg-link{
	width:540px;
	margin:30px 0;
	clear:both;
}

.intro p{
	width:540px;
	background-image:url('/datespot/img/gg_link/gg_title.jpg');
	background-repeat:no-repeat;
	padding-top:40px;
	padding-left:10px;
	line-height:130%;
}

.gg-type{
	width:485px;
	margin:5px auto;
	border-bottom:1px solid #FF9933;
	overflow:hidden;
}

.gg-type .midashi{
	font-size:14px;
	margin-bottom:4px;
}

.gg-type .image{
	width:120px;
	float:left;
	z-index:0;
}

.gg-type p{
	width:350px;
	margin:0;
	float:left;
	line-height:130%;
	z-index:1;
}

/*特集用スペース*/
#ds-special{
	width:540px auto;
	margin-top:15px;
	margin-bottom:15px;
	padding:10px;
	border-top:1px dotted #FF9900;
	border-bottom:1px dotted #FF9900;
	}

#ds-special p{
	line-height:140%;
	margin:0;
	padding-left:20px;
	}

#ds-special a{
	display:block;
	text-align:center;
}


/*ここまで左、以下右*/

#pref-rank #pr-right{
	width:189px;
	float:left;
	background:#fff;
}

#pr-right .dsr-rank-b{
	border-collapse:collapse;
	background:#fff;
	width:189px;
}

#pr-right .dsr-rank-b .td-left{
	width:20px;
	padding:3px;
	border-bottom:1px dotted #ccc;
}

#pr-right .dsr-rank-b .td-middle{
	font-size:14px;
	border-bottom:1px dotted #ccc;
	padding:3px 0;
	width:144px;
}

#pr-right .dsr-rank-b .td-middle .eva{
	width:100px;
	height:16px;
	background:url('/datespot/rank/img/eva.gif');
}

#pr-right .dsr-rank-b .td-middle .eva .eva2{
	height:16px;
	background:url('/datespot/rank/img/eva2.gif');
}

#pr-right .dsr-rank-b .td-right{
	width:25px;
	border-bottom:1px dotted #ccc;
}

#pr-right #pref_list{
	width:189px;
	overflow:hidden;
	margin:10px 0 0 0;
}

#pref_list h3{
	margin:0;
	padding:3px;
	font-size:11px;
	font-weight:normal;
	background:url('/datespot/img/right-h3bg.gif');
}

#pref_list h3 img{
	vertical-align:middle;
	margin-right:4px;
}

#pref_list ul.large{
	margin:0;
	padding:6px;
	list-style-type:none;
	font-size:12px;
	height:100px;
	overflow:auto;
}

#pref_list ul.large li{}

#pref_list ul.small{
	margin:4px 0 0 6px;
	padding:0;
	list-style-type:none;
	line-height:130%;
}

#pref_list ul.small li{
	margin:0;
	padding:0 3px;
	border-right:1px solid #ccc;
	display:inline;
}

#pr-right #blog_api{
	width:189px;
	overflow:hidden;
	margin:10px 0 0 0;
}

#blog_api h3{
	margin:0;
	padding:3px;
	font-size:11px;
	font-weight:normal;
	background:url('/datespot/img/right-h3bg.gif');
}

#blog_api h3 img{
	vertical-align:middle;
	margin-right:4px;
}

#blog_api dl{
	margin:0;
	padding:6px;
	height:300px;
	overflow:auto;
	font-size:11px;
}

#blog_api dt{
	margin:0;
	padding:0;
}

#blog_api dt a{
	color:#9191ff;
}

#blog_api dd{
	margin:2px 0 6px 4px;
	padding:0;
	line-height:110%;
	color:#aaa;
}


/*夏休みイベント*/
#event_ntysm{
	width:550px;
	height:180px;
	clear:both;
	margin:10px 0;
}

#event_ntysm_a{
	width:68px;
	height:180px;
	float:left;
}

#event_ntysm_b{
	width:336px;
	height:180px;
	float:left;
	background:url('/datespot/img/ntysm_04.gif');
	position:relative;
}

#event_ntysm_b iframe{
	width:140px;
	height:130px;
	position:absolute;
	top:40px;
	left:35px;
}

#event_ntysm_c{
	width:146px;
	height:180px;
	float:left;
}

#event_ntysm_01{
	width:336px;
	height:40px;
	position:absolute;
	top:0;
	left:0;
	z-index:1;
}

#event_ntysm_b p{
	margin:0;
	padding:0;
	font-size:12px;
	line-height:14px;
	position:absolute;
	top:90px;
	left:200px;
	width:145px;
	z-index:2;
}

#deaibbs{
	width:768px;
	clear:both;
	padding:6px;
	background:#fff;
	overflow:hidden;
}

#deaibbs iframe{
	width:750px;
	height:380px;
	display:block;
	margin:0 auto;
}

/*秋の三連休*/
#aki3renkyu{
	clear:both;
	text-align:center;
	margin-top:8px;
}

/*added*/
#added{
	width:520px;
	height:106px;
	margin:0 auto;
	position:relative;
	top:20px;
}

#added div{
	padding:3px;
}

#added ul{
	margin:0 auto;
	padding:3px;
	width:500px;
	height:74px;
	overflow:auto;
	border:1px solid #ffd38e;
	background:#fff;
}

#added li{
	list-style-type:none;
	width:233px;
	height:12px;
	padding:3px 0 3px 3px;
	float:left;
	margin:0 1px 1px 0;
	background:#f2f2f2;
}

#added li img{
	vertical-align:middle;
	margin-right:3px;
}

/*added_detail*/
#added_detail{
	width:520px;
	margin:8px auto;
	overflow:hidden;
}


#added_detail h3{
	margin:0 0 8px 0;
	padding:4px 4px 4px 8px;
	font-size:18px;
	background:#f2f2f2;
	border-left:8px solid #ff9900;
}

#added_detail p{
	padding:0 8px;
}

#added_detail p.added_detail_text{
	margin:0;
	text-indent:0.5em;
	line-height:140%;
}

#added_detail p.added_detail_info{
	margin-top:8px;
	line-height:130%;
}

/*noelform_ds*/
#noelform_ds{
	width:185px;
	height:130px;
	padding-top:55px;
	background:url('/datespot/img/sagasemasu.gif');
}

#noelform_ds form{
	width:160px;
	margin:0 auto;
}

#noelform_ds form .submitbutton{
	text-align:center;
	margin-top:5px;
}

.to_rsc_noel{
	width:185px;
	height:140px;
	padding-top:15px;
}

#inc_ad{width:500px;height:200px;clear:both;margin:24px auto 8px auto;}

#speaktext{
background-color: #F7FFF7;
width: 520px;
height:280px;
overflow:hidden;
margin:8px auto;
padding:0 0 15px 0;
clear: both;
}

#speaktext h3{
	height:35px;
	margin:0;
	padding:7px 4px 7px 15px;
	font-size:18px;
	background-image:url(./img/taikenbar.gif);
	background-repeat: no-repeat;
	}

.p_left{
	width: 300px;
	background: #F7FFF7;
	margin:0 0 8px 8px;
	padding:0px;
	float:left;
	}

.midashi{
	font-weight:bold;
	font-size:130%;
	color:#009900;
	margin:0 0 8px 0;
	}

.maintext{
	margin:0;
	line-height:140%;
	}

.maintext img{
	vertical-align:middle;
	}

#speaktext a{
	margin-right:20px;
	}

.icon{
	margin-right:4px;
	}

.speak_link{
margin-top: 8px;
}

.photo{
	width: 170px;
	margin-left:20px;
	border: 2px solid #FFFFFF;
	float:left;
	}


#keisen{
text-indent:-9999px;
border-bottom:dotted 2px #D7D7D7;
margin-bottom:8px;
}

#ds-rank{
width:520px;
margin:8px auto;
padding: 0;
clear:both;
}

.rankbar{
display:block;
width:235px;
float:left;
margin-right:15px;
}

#ds-rank p{
width:270px;
margin:0;
padding:0;
float:left;
line-height: 130%;
}

#ds-ranking{
width:530px;
margin:8px auto;
padding: 0;
clear:both;
}

.ds-rank1{
width:166px;
margin:5px 10px 5px 0;
padding-bottom:10px;
float:left;
border:solid 1px #8EFF8E;
text-align:center;
}

.ds-rank2{
width:166px;
margin:5px 0;
padding-bottom:10px;
float:left;
border:solid 1px #8EFF8E;
text-align:center;
}

.first{
display:block;
width:151px;
margin:0;
padding:11px 15px 11px 0;
text-align:right;
background-image:url(./img/spot/d_rank1.gif);
background-repeat:no-repeat;
}

.second{
display:block;
width:151px;
margin:0;
padding:11px 15px 11px 0;
text-align:right;
background-image:url(./img/spot/d_rank2.gif);
background-repeat:no-repeat;
}

.therd{
display:block;
width:151px;
margin:0;
padding:11px 15px 11px 0;
text-align:right;
background-image:url(./img/spot/d_rank3.gif);
background-repeat:no-repeat;
}



.cap{
width:120px auto;
border:solid 8px #CEFFCE;
margin:0;
padding:0;
}

.ds-rank1 p{
width:151px;
margin:0;
padding:2px 0px;
text-align:right;
}

.ds-rank2 p{
width:151px;
margin:0;
padding:2px 0px;
text-align:right;
}

#taiken{
	width:205px;
	margin-top:20px;
}

#taiken .report{
	font-size:14px;
	color:#009933;
	margin:2px 0;
}

#taiken .report img{
	width:40px;
	height:40px;
	float:lett;
}

#taiken .report p{
	width:200px;
	font-size:12px;
	line-height:120%;
	color:#2E2E2E;
	vertical-align:15px;
	margin:6px;
}