@charset "Shift_JIS";

/* *************************** スポットトップタイトル *************************** */

div.spot_top_key_img{
	width:745px;
	background-image: url(../img/spot_top_key_img.jpg);
	
}

div.spot_top_text{
	width:745px;
	margin: 0px 0px 20px 0px;
	font-size: 14px;
	text-align: center;
	
}

div.spot_top_key_img h2{
	padding:130px 0 0 140px;
	font-size: 13px;
	
}

div.spot_title h2{
	color:#000000;
	font-size:13px;
	font-weight:bold;
	padding:0px 0 0 5px;
}

div.spot_top_title{
	width:740px;
	height:30px;
	background-image: url(../img/diving_spot_list.gif);
	margin-top: 20px;
}

div.spot_top_title h3{
	padding: 9px 0px 0px 190px;
	font-size: 14px;
	font-weight: bold;
	color: #666666;
}


div.spot_top_title2{
	width:740px;
	height:30px;
	background-image: url(../img/diving_spot.gif);
	margin-top: 20px;
}

div.spot_top_title2 h3{
	padding: 9px 0px 0px 150px;
	font-size: 14px;
	font-weight: bold;
	color: #666666;
}

/* *************************** スポットトップイメージ *************************** */


div.spot_top_content_1{
	width:170px;
	background-image: url(../img/spot_top_img_body.jpg);
}

div.spot_top_content_title{
	height: 27px;
	background-repeat: no-repeat;
	padding-left: 30px;
	padding-bottom: 10px;
	

}

div.spot_top_content_title strong{
	font-size:15px;
	font-weight: bold;
	

}

div.spot_top_content_1 img{
	padding: 0px 10px 5px 10px;
}

div.spot_top_content_spot_t{
	padding: 5px 8px 5px 10px;
}

div.spot_top_content_1 p{
	font-size: 12px;
	padding: 0px 0px 0px 10px;
	line-height: 15px;
}

div.spot_top_content_1 p.spot_top_001{
	font-size:12px;
	font-weight: bold;
	background-image: url(../../../common/img/mark_arrow06.gif);
	background-repeat: no-repeat;
}

div.spot_top_content_top{
	width:170px;
	height: 7px;
}

div.spot_top_box_1{
	width:170px;
	margin: 20px 0px 0px 0px;
	float: left;
}

div.spot_top_box_2{
	width:170px;
	margin: 20px 0px 0px 20px;
	float: left;
}

div.spot_top_list_top{
	width:740px;
	height:8px;
	background-repeat: no-repeat;
	margin: 20px 0px 0px 0px;
}

div.spot_top_list_body{
	padding: 0px 10px 0px 10px;
	background-image: url(../img/spot_top_bg_body.gif);
	background-repeat: repeat-y;
}

div.spot_top_list_body_left{
	padding: 10px 10px 0px 0px;
	width: 350px;
	float:left;
	border-bottom: dotted 1px #999;
	;
}

div.spot_top_list_body_left_left{
	padding: 0px 10px 10px 10px;
	width: 100px;
	float:left;
}

div.spot_top_list_body_left_right{
	padding: 0px 0px 5px 10px;
	width: 210px;
	float:right;
}

div.spot_top_list_body_right{
	padding: 10px 10px 10px 0px;
	width: 350px;
	float:right;
	border-bottom: dotted 1px #999;
	;
}

div.spot_top_list_body_right_left{
	padding: 0px 10px 10px 10px;
	width: 100px;
	float:left;
}

div.spot_top_list_body_right_right{
	padding: 0px 10px 10px 10px;
	width: 210px;
	float:right;
}

div.spot_top_list_bottom{
	width:740px;
	height:8px;
	background-repeat: no-repeat;
	margin: 0px 0px 20px 0px;
}

ul.spot_list {
	width:150px;
}

ul.spot_list li.spot {
	background-image: url(../img/spot_list_icon.gif);
	background-repeat: no-repeat;
	padding: 0px 0px 0px 20px;
	font-size: 12px;
	float:left;
	margin: 0px 0px 10px 0px;
}

ul.spot_list li.spot2 {
	background-image: url(../img/spot_list_icon.gif);
	background-repeat: no-repeat;
	padding: 0px 0px 0px 20px;
	font-size: 12px;
	margin: 0px 0px 10px 00px;
	float:right;
}