@charset 'utf-8';
/* 基本CSS（utf-8_ver）インポート */
@import url(/style-css-utf8.css);
@import url(/datespot/pr-rank.css);

/* ▼ここからGoogle Maps API 及び KsGMap に関連するCSS▼ */

#main {
	position: relative;
	top:0px;
	left:0px;
	height: 555px;
	width:560px;
	oveflow: scroll;
	background:#fff;
	margin:5px 0 0 5px;
	border:1px solid #ccc;
	clear:both;
}
/* (！) position: relative; もしくは position: absolute; は必ず指定して下さい。*/
#map {
	z-index: 2;
	background-color: #fff;
	width: 544px;
	height: 300px;
	position:relative;
	top:0;
	left:0;
	margin:8px 0 0 8px;
}

#categoryNavi {
	position: relative;
	top: 10px;
	left: 5px;
	width: 220px;
}

#categoryNavi select {
	width: 220px;
	border:1px solid #aaa;
	background:#fff;
}

#itemNavi {
	position: relative;
	top: 10px;
	left: 5px;
	width: 220px;
	height: 120px;
	line-height: 120%;
	font-size:12px;
	border:1px solid #aaa;
	background:#fff;
}

/* KsGMap の ID */
#ksgmap--map-message {						/* マップ内に表示するメッセージ */
	margin: 10px;
	font-size: 90%;
}
#ksgmsp--mapNavi-listItem--mySelf {			/* マップナビの自分自身 */
	background-color: #eeeeee;
}
#ksgmsp--categoryNavi-listItem--all {		/* カテゴリナビのすべて表示 */
	background-color: #eeeeee;
}
#ksgmsp--categoryNavi-listItem--undefined {	/* カテゴリナビの未定義の場合 */
	background-color: #eeeeee;
}

/* ▲ここまでGoogle Maps API 及び KsGMap に関連するCSS▲ */


/* KsGMapのレイアウトに関するcss */

.function-box{
	width:544px;
	height:180px;
	margin:5px 0 0 5px;
}

.function-box .fb-left{
	width:314px;
	height:180px;
	float:left;
	background:#fff;
}

.fb-left .fb-area{
	height:40px;
}

.fb-area .area-name{
	width:70px;
	height:40px;
	float:left;
}

.fb-area .area-navi{
	float:left;
	background:#fff;
	height:40px;
	width:240px;
	background:url('/datespot/img/navi-back.gif');
}

.fb-left .fb-spot{
	clear:both;
	height:140px;
}

.fb-spot .spot-name{
	width:70px;
	height:140px;
	float:left;
}

.fb-area .spot-navi{
	float:left;
	height:140px;
	width:240px;
}

.function-box .fb-right{
	width:230px;
	height:180px;
	float:left;
	background:#fff;
}

.fb-right .fb-howto{
	width:230px;
	height:24px;
}

.fb-right .fb-howto2{
	width:230px;
	height:156px;
	background:url('/datespot/img/howto2-back.gif');
}

.fb-right .fb-howto2 p{
	margin:0;
	font-size:12px;
	line-height:130%;
	width:220px;
	height:146px;
	background:#fff;
	overflow:auto;
	position:relative;
	top:5px;
	left:5px;
}

.close-win{
	clear:both;
	text-align:center;
	margin-top:20px;
}

/* HTML部分 */
.same-area-link{
	margin:0 0 10px 0;
	font-size:12px;
	padding:5px 0 5px 100px;
	background:url('/datespot/img/sal-back.gif');
}

.same-area-link a{
	color:#0000ff;
}

.same-area-link img{
	float:left;
	margin-right:10px;
}

.same-area-link ul{
	margin:0;
	padding:0;
	display:inline;
}

.same-area-link li{
	margin:0 2px 0 0;
	padding:0;
	display:inline;
}

.prefs{
	height:50px;
	width:560px;
	clear:both;
}

.prefs img{
	border:0;
}

.prefs .prefs-title{
	width:145px;
	height:50px;
	float:left;
}

.prefs .prefs-title-top{
	width:200px;
	height:50px;
	float:left;
}

.prefs .prefs-name{
	width:126px;
	height:50px;
	float:left;
	background:url('/datespot/img/pref-name-back.gif');
}
.prefs .fix{
	width:70px;
	text-align:center;
	position:relative;
	top:16px;
	left:49px;
}

.prefs h2{
	font-size:16px;
	margin:0;
	display:inline;
}

.prefs p{
	margin:0;
	float:left;
	height:50px;
	width:289px;
	padding:0;
}

.prefs p.ds-top{
	margin:0;
	font-size:12px;
	line-height:130%;
	float:left;
	height:50px;
	width:340px;
	padding:0 10px;
	background:#fff;
}

.ads-waku{
	clear:both;
	height:50px;
	width:560px;
	margin:8px 0 0 0;
}

.ads-waku .detail-back01{
	width:235px;
	height:60px;
	float:left;
	background:url('/datespot/img/detail-back01.gif');
}

.ads-waku .detail-back01 h2{
	font-size:12px;
	margin:0;
	position:relative;
	top:5px;
	left:105px;
}

.ads-waku .detail-back01 .fix-h3{
	width:220px;
	text-align:center;
	position:relative;
	top:19px;
	left:6px;
}

.fix-h3 h3{
	font-size:14px;
	margin:0;
	display:inline;
}
.ads-waku .detail-back02{
	width:325px;
	height:60px;
	float:left;
	background:url('/datespot/img/detail-back02.gif');
}

.ads-waku .detail-back02 p{
	margin:24px 0 0 0;
	width:309px;
	padding:0 8px;
	font-size:12px;
	line-height:130%;
}

.detail-bn{
	height:50px;
	clear:both;
}

.spot-waku{
	font-size:12px;
	margin:0 0 0 6px;
	clear:both;
	border-bottom:1px solid #ccc;
	width:536px;
	padding:10px 8px;
	overflow:hidden;
}

.spot-waku table{
	width:265px;
	border-collapse:collapse;
	border:1px solid #ddd;
	float:left;
}

.spot-waku table.left{
	margin-right:5px;
}

.spot-waku table th{
	font-size:11px;
	font-weight:normal;
	border:1px solid #ddd;
	background:url('/datespot/img/spot-th-back.gif');
	color:#000;
	width:50px;
}

.spot-waku table td{
	border:1px solid #ddd;
	padding:3px;
}

.spot-waku tr.name td a{
	font-size:12px;
	font-weight:bold;
	color:#26753d;
}

.spot-waku tr.comm td{
	height:100px;
	vertical-align:top;
}
.spot-waku tr.comm td p{
	margin:0;
	line-height:130%;
	height:94px;
	overflow:auto;
}

/* デートスポットトップページ */

.ds-pref-select{
	width:552px;
	margin-top:10px;
	border:1px solid #ccc;
	padding:4px;
	overflow:hidden;
}

.ds-pref-select .left{
	width:360px;
	float:left;
	background:#fff;
	margin-right:2px;
}

.ds-pref-select .left .map{
	margin-top:5px;
	height:420px;
}

.ds-pref-select .right{
	width:190px;
	float:left;
	background:#fff;
}

.ds-pref-select .right dl{
	margin:5px 0 0 5px;
	padding:0;
	font-size:12px;
	width:178px;
	height:430px;
}

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

.ds-pref-select .right dd{
	margin:0;
	padding:4px;
}

.ds-pref-select .right ul{
	margin:0;
	padding:0;
	line-height:130%;
}

.ds-pref-select .right li{
	margin:0;
	display:inline;
	list-style-type:none;
	padding-right:8px;
}

.howtouse{
	clear:both;
	margin:10px 0;
}

.howto-exp{
	width:540px;
	margin-left:10px;
	clear:both;
}

.howto-exp .howto-inner{
	width:530px;
	background:#fff;
	padding:5px 5px 10px 5px;
	margin-bottom:10px;
	clear:both;
	overflow:hidden;
	border-bottom:1px dashed #ff9900;
}

.howto-exp .howto-inner img{
	border:1px solid #aaa;
	float:left;
}

.howto-exp .howto-inner p{
	margin:5px 16px 0 0;
	padding:10px;
	font-size:12px;
	line-height:130%;
	text-align:left;
	height:120px;
	background:url('/datespot/img/howto-pback.gif');
	float:left;
	width:290px;
}


/* デートスポット　地域別index */

.update-text{
	font-size:12px;
	background:url('/datespot/img/howto-pback.gif');
	padding:8px;
	width:544px;
	line-height:140%;
	margin-top:4px;
}

.update-text ul{
	margin:0;
	padding:0 8px;
	height:100px;
	overflow:auto;
	background:#fff;
}

.update-text li{
	list-style-type:none;
}


/*新型地域-都道府県interface*/

.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-bottom:5px;
}
.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;
}


/*センター広告枠*/

.snt-title{
	width:560px;
	margin:5px 0 0 5px;
}

.snt-wak{
	border-right:1px solid #ff6000;
	border-bottom:1px solid #ff6000;
	border-left:1px solid #ff6000;
	width:558px;
	height:100px;
	margin:0 0 5px 5px;
	padding:5px 0;
}

.snt-wak .gaz{
	width:250px;
	height:100px;
	float:left;
}

.snt-text{
	float:left;
	width:308px;
}

.snt-wak p{
	margin:0;
	padding:0 5px;
	font-size:12px;
	line-height:130%;
}

.snt-wak .link{
	font-size:12px;
	border-top:1px dashed #ff6000;
	padding-top:2px;
	padding-right:8px;
	margin:5px 5px 0 5px;
	text-align:right;
}