@charset "Shift_JIS";

/* *************************** タイトルバー *************************** */
div.spot_title{
	width:545px;
	height:53px;
	background-image: url(../../../common/img/spot_top_title.gif);
	margin-bottom: 10px;
	float: left;
	
}


div.spot_title li.c001{
	padding: 5px 0 0 10px;

}

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

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

/* *************************** メインボックス *************************** */

div.spot_main_box{
	width:743px;
	float:left;
}

/* *************************** メインタイトル *************************** */

div.spot_diving_title1{
	width:740px;
	margin-top: 10px;
}

div.spot_diving_titel1_img1{
	width:735px;
	padding: 10px 10px 0px 0px;
}

div.spot_diving_titel1_img1 p{
	padding: 10px 10px 10px 65px;
	font-weight: bold;
	font-size: 16px;
	text-align: left;
}

div.spot_diving_titel1_box{
	width:725px;
	padding: 5px 0px 5px 8px;
}

div.spot_diving_titel1_box1{
	width:720px;
	margin: 8px 7px 30px 2px;
	background-repeat: no-repeat;
}

div.spot_diving_titel1_box1 p{
	width:680px;
	padding: 8px 7px 30px 12px;
	font-size: 14px;
	line-height: 1.4;
}

div.spot_diving_titel1_box1_left{
	padding: 15px 5px 10px 5px;
	float:left;
	font-size: 14px;
	line-height: 22px;
	width: 470px;
}

div.spot_diving_titel1_box1_right{
	float:right;
	width: 215px;
}

div.spot_diving_titel1_box1_right img{
	padding: 15px 0px 0px 5px;
}

div.spot_diving_titel1_box1_right p{
	padding: 5px 0px 0px 15px;
	font-size: 12px;
	width: 200px;
}

div.spot_diving_titel1_box1_text{
	padding: 5px 0px 10px 70px;
	font-size: 16px;
	line-height: 18px;
	font-weight: bold;
	border-bottom: 1px dotted #000;
	background-image: url(../img/pont_icon.gif);
	background-repeat: no-repeat;
}



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

/* *************************** ピックアップ *************************** */
div.spot_diving_title2{
	width:740px;
	height:30px;
	background-image: url(../img/pickup_point.gif);
	margin-top: 20px;
	margin-bottom: 20px;
}

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


/* *************************** ボックス定義 *************************** */
div.spot_mbox01_d{		/*ピックアップ*/
	width:555pt;
	margin:10px 0px 0px 0px;
	padding: 0px 0px 0px 0px;

}


div.spot_mbox03_d{
	clear:both;
	width:733px;
	margin:10px 0px 0px 0px;
	padding: 5px 5px 5px 5px;

}

div.spot_mbox01_d_title{
	width:701px;
	height:25px;
	margin:6px 20px 0px 20px;
	background:url('../img/genre_title.gif') no-repeat !important;
}

div.spot_mbox01_d_title p{
	padding:5px 0 0 20px;
	font-size:14px;
	color:#ffffff;
	font-weight:bold;
}

div.spot_mbox01_d_select{
	width:250px;
	height:380px;
	margin:10px 0px 0px 0px;
	float: right;
	border: 1px solid #D8DBDE;
	padding: 0px 0px 0x 0px;

}

div.spot_mbox01_d_select p{
	padding:0px 10px 20px 20px;
	font-size:12px;
	line-height: 17px;
	margin-top: 5px;

}

div.spot_mbox01_d_select img{
	padding:10px 0px 0px 25px;
}

div.spot_mbox01_s_title{
	width:740px;
	height:25px;
	margin:15px 0px 10px 0px;
	background-color: #f795c0;
}

div.spot_mbox01_s_title p{
	padding:5px 0 0 30px;
	font-size:14px;
	color:#ffffff;
	font-weight:bold;
	text-align: left;
}


div.spot_area_select_sr{		/*左スポット名選択*/
	width:240px;
	margin:15px 0px 0px 0px;
	height: 113px;
	float: right;
	border-left: 1px solid #C1C1BF;
	border-bottom: 1px solid #C1C1BF;
	border-right: 1px solid #C1C1BF;
	border-top: 1px solid #C1C1BF;
	line-height: 1.3;

}

	div.spot_area_select_sr ul{
	margin:0px;
	padding:3px 0px 10px 6px;
	clear:both;
	list-style-image:none;
	list-style-position:outside;
	list-style-type:none;
	}
	
	div.spot_area_select_sr ul li{
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 14px;
	background-image: url(../../../common/img/c_liststyle04.gif);
	background-repeat: no-repeat;
	height: 21px;


	}
	
	div.spot_area_select_img{
	margin:11px 0px 0px 5px;
	padding:0px 0px 0px 0px;
	width: 120px;
	float: left;
	}
	
	
	div.spot_area_select_text{
	margin:11px 5px 0px 0px;
	padding:0px 0px 0px 0px;
	float: right;
	width: 105px;
	height: 17px;
	border-bottom: 1px solid #C1C1BF;
	font-size: 12px;
	font-weight: bold;
	text-align: left;
	}
	
		div.spot_area_select_text2{
	margin:11px 7px 0px 5px;
	padding:0px 0px 0px 0px;
	width: 100px;
	font-size: 10px;
	float: right;
	}
	
	div.spot_area_select_sl{		/*左スポット名選択*/
	width:120px;
	margin:0px 0px 0px 0px;
	height: 370px;
	float: right;
	border-bottom: 1px solid #C1C1BF;
	border-right: 1px solid #C1C1BF;

}

	div.spot_area_select_sl ul{
	margin:0px;
	padding:3px 0px 10px 6px;
	clear:both;
	list-style-image:none;
	list-style-position:outside;
	list-style-type:none;
	}
	
	div.spot_area_select_sl ul li{
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 14px;
	background-image: url(../../../common/img/c_liststyle04.gif);
	background-repeat: no-repeat;
	height: 21px;


	}
div.spot_area_select_sr2{		/*下スポット名選択*/
	width:720px;
	margin:10px 0px 0px 5px;
	height: 18px;
	padding: 0px　10px 0px 10px;

}


	div.spot_area_select_sr2 ul{
	margin:0px;
	padding:3px 0px 10px 7px;
	list-style-image:none;
	list-style-position:outside;
	list-style-type:none;
	}
	
	div.spot_area_select_sr2 ul li{
	margin:0px 3px 0px 0px;
	float:left;
	padding:0px 0px 0px 14px;
	background-image: url(../../../common/img/c_liststyle04.gif);
	background-repeat: no-repeat;
	height: 15px;
	font-size: 14px;
	font-weight: bold;


	}
	
	div.spot_area_select_line{		/*下スポット名選択*/
	width:740px;
	border-bottom: 1px solid #C1C1BF;
	border-left: 1px solid #C1C1BF;
	border-right: 1px solid #C1C1BF;
	padding: 0px 0px 10px 0px;


}

	div.spot_area_select ul{
	margin:0px;
	padding:5px 0px 10px 10px;
	clear:both;
	list-style-image:none;
	list-style-position:outside;
	list-style-type:none;
	}
	
	div.spot_area_select ul li{
	margin:4px 0px 0px 0px;
	padding:0px 10px 0px 15px;
	display:inline;
	background-image: url(../../../common/img/c_liststyle04.gif);
	background-repeat: no-repeat;


	}

div.detail{
	width:220px;
	margin:3px 0px 0px 25px;
	font-size: 15px;
	font-weight: bold;
	background-image: url(../img/spot_strong.gif);
	background-repeat: repeat-y;
	height: 15px;

}



div.detail strong{
	font-size:15px;
	font-weight: bold;
	margin-left: 20px;
	padding: 5px 0px 0px 0px;
}


div.spot_top_content_1{
	font-size:18px;
	font-weight: bold;
	margin-left: 0px;
	padding: 0px 0px 0px 30px;
	background-image: url(../img/pickup_point_m.gif);
	background-repeat: no-repeat;
	height: 21px;
}

div.spot_diving_content_1{
	width:730px;
	margin:10px 0px 0px 0px;
	padding: 5px 5px 5px 0px;
	border-top: 1px dotted #000;

}

div.spot_diving_content_text{
	width:325px;
	margin:0px 0px 0px 0px;
	padding: 13px 5px 5px 0px;
	float: left;
	font-size: 14px;

}

div.spot_diving_content_text p{
	margin:0px 0px 0px 0px;
	padding: 5px 5px 5px 0px;
	font-size: 14px;
	line-height: 1.6;

}

div.spot_diving_content_text strong{
	margin:0px 0px 0px 0px;
	padding: 5px 5px 5px 0px;
	font-size: 14px;
	line-height: 1.5;
	font-weight: bold;

}

div.spot_diving_content_img1{
	margin:0px 0px 0px 0px;
	padding: 24px 20px 24px 15px;
	font-size: 13px;
	width: 161px;
	float: left;

}


div.spot_diving_content_img3{
	margin:10px 0px 5px 0px;
	font-size: 13px;
	float: right;

}

/* ダイビングチップ */

#screenshot{
	position:absolute;
	border:1px solid #ccc;
	background:#333;
	padding:5px;
	display:none;
	color:#fff;
	}
	

div.spot_chip_01_10 {
	font-weight:bold;
	font-size:14px;
	text-align: center;
	height: 10pt;
	color: #FFFFFF;
	}
	
/* ダイビングポイント */


div.point_main_contents{
	width:743px;
	float:right;
	background-color: #DCEBFF;
	margin-bottom: 20px;
}

div.spot_point_title {
	width:726px;
	height:53px;
	margin-bottom: 10px;
	float: left;
	background-image: url(../../../common/img/spot_point_title_bg.gif);
	margin-left: 10px;
	margin-top: 10px;
	
}

div.spot_point_title h2{
	color:#000000;
	font-size:16px;
	font-weight:bold;
	padding:17px 0px 0px 25px;
}

div.spot_point_area{
	width:711px;
	margin-left: auto;
	margin-right: auto;
}

div.spot_point_area_h3{
	width:711px;
	margin-left: auto;
	margin-right: auto;
	background-image: url(../img/spot_point_box_bg_h3.gif);
	height: 38px;
}

div.spot_point_area_h3_2{
	width:711px;
	margin-left: auto;
	margin-right: auto;
	background-image: url(../img/spot_point_box_bg_h3.gif);
	height: 38px;
}


div.spot_point_area_h3 h3{
	padding: 9px 0px 0px 20px;
	font-size: 14px;
}

div.spot_point_area_h3_2 h3{
	padding: 9px 0px 0px 20px;
	font-size: 14px;
}

div.spot_point_area_body{
	width:706px;
	margin-left: auto;
	margin-right: auto;
	background-color: #FFFFFF;
	padding: 10px 0px 5px 5px;
}

div.spot_point_area_body2{
	width:711px;
	margin-left: auto;
	margin-right: auto;
	background-color: #FFFFFF;
}

div.spot_point_area_body2 p{
	padding: 10px 0px 0px 20px;
	font-size: 12px;
}

div.spot_point_area_body2 img{
	width:711px;
	margin-left: auto;
	margin-right: auto;
	padding: 10px 0px 10px 0px;
}

div.spot_point_area_photo{
	width:218px;
	padding: 9px;
	float: left;
}

div.spot_point_area_text{
	width:210px;
	font-size: 12px;
	line-height: 1.4;
	margin-left: auto;
	margin-right: auto;
	margin-top: 10px;
}

div.spot_point_area_photo2{
	width:218px;
	padding: 6px;
	float: right;
}

div.spot_point_area_text2{
	width:220px;
	font-size: 12px;
	line-height: 1.4;
	margin-top: 10px;
}

div.spot_point_area_info{
	padding: 20px 0px 20px 25px;
	float: left;
}

div.spot_point_area_info_l{
	width:256px;
	float: left;
	padding-top: 20px;
	padding-right: 0px;
	padding-bottom: 20px;
	padding-left: 20px;
}

div.spot_point_area_info_l li.c001{
	width:256px;
	background-color: #AFD4FF;
	height: 20px;
	padding: 10px 0px 0px 0px;
	text-align: center;
	font-size: 12px;
	border-top: 1px solid #e0eeff;
	border-right: 1px solid #e0eeff;
	border-left: 1px solid #e0eeff;
}

div.spot_point_area_info_l li.c002{
	width:256px;
	background-color: #AFD4FF;
	height: 35px;
	padding: 20px 0px 0px 0px;
	text-align: center;
	font-size: 12px;
	border-top: 1px solid #e0eeff;
	border-right: 1px solid #e0eeff;
}

div.spot_point_area_info_l li.c003{
	width:256px;
	background-color: #AFD4FF;
	height: 100px;
	padding: 60px 0px 0px 0px;
	text-align: center;
	font-size: 12px;
	border-top: 1px solid #e0eeff;
	border-right: 1px solid #e0eeff;
	border-bottom: 1px solid #e0eeff;
	vertical-align: middle;
}

div.spot_point_area_info_l li.c004{
	width:250px;
	background-color: #FFAAFF;
	height: 20px;
	padding: 10px 0px 0px 0px;
	text-align: center;
	font-size: 12px;
	border-top: 1px solid #FFCCFF;
	border-right: 1px solid #FFCCFF;
	border-bottom: 1px solid #FFCCFF;
	border-left: 1px solid #FFCCFF;
}

div.spot_point_area_info_l li.c005{
	width:250px;
	background-color: #FFAAFF;
	height: 20px;
	padding: 10px 0px 0px 0px;
	text-align: center;
	font-size: 12px;
	border-top: 1px solid #FFCCFF;
	border-right: 1px solid #FFCCFF;
	border-left: 1px solid #FFCCFF;
}

div.spot_point_area_info_l li.c006{
	width:256px;
	background-color: #FFAAFF;
	height: 20px;
	text-align: center;
	font-size: 12px;
	border-top: 1px solid #FFCCFF;
	border-right: 1px solid #FFCCFF;
	border-left: 1px solid #FFCCFF;
	padding-top: 10px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
}

div.spot_point_area_info_l li.c007{
	width:256px;
	background-color: #FFAAFF;
	height: 20px;
	text-align: center;
	font-size: 12px;
	border-top: 1px solid #FFCCFF;
	border-right: 1px solid #FFCCFF;
	border-bottom: 1px solid #FFCCFF;
	border-left: 1px solid #FFCCFF;
	padding-top: 10px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
}

div.spot_point_area_info_r{
	width:410px;
	float: right;
	padding-top: 20px;
	padding-right: 20px;
	padding-bottom: 20px;
	padding-left: 0px;
}

div.spot_point_area_info_r li.c001{
	width:380px;
	background-color: #FFFFFF;
	height: 20px;
	padding: 10px 20px 0px 20px;
	text-align: left;
	font-size: 12px;
	border-top: 1px solid #e0eeff;
	border-right: 1px solid #e0eeff;
}

div.spot_point_area_info_r li.c002{
	width:380px;
	background-color: #FFFFFF;
	height: 45px;
	padding: 10px 20px 0px 20px;
	text-align: left;
	font-size: 12px;
	border-top: 1px solid #e0eeff;
	border-right: 1px solid #e0eeff;
	line-height: 1.4;
}

div.spot_point_area_info_r li.c003{
	width:380px;
	background-color: #FFFFFF;
	height: 150px;
	padding: 10px 20px 0px 20px;
	text-align: left;
	font-size: 14px;
	border-top: 1px solid #e0eeff;
	border-right: 1px solid #e0eeff;
	border-bottom: 1px solid #e0eeff;
	line-height: 1.4;
}

div.spot_point_area_info_r li.c004{
	width:370px;
	background-color: #FFFFFF;
	height: 20px;
	padding: 10px 20px 0px 20px;
	text-align: left;
	font-size: 12px;
	border-top: 1px solid #FFCCFF;
	border-right: 1px solid #FFCCFF;
	border-bottom: 1px solid #FFCCFF;
}

div.spot_point_area_info_r li.c006{
	width:375px;
	background-color: #FFFFFF;
	height: 20px;
	padding: 10px 20px 0px 20px;
	text-align: left;
	font-size: 12px;
	border-top: 1px solid #FFCCFF;
	border-right: 1px solid #FFCCFF;
}

div.spot_point_area_info_r li.c007{
	width:375px;
	background-color: #FFFFFF;
	height: 20px;
	padding: 10px 20px 0px 20px;
	text-align: left;
	font-size: 12px;
	border-top: 1px solid #FFCCFF;
	border-right: 1px solid #FFCCFF;
	border-bottom: 1px solid #FFCCFF;
}

div.spot_point_back {
	width:670px;
	font-size: 12px;
	text-align: right;
	margin-left: auto;
	margin-right: auto;
	font-weight: bold;
	margin-top: 10px;
	padding-top: 10px;
	margin-bottom: 10px;
	
}

div.search_point_area{
	width:711px;
	margin-left: auto;
	margin-right: auto;
}

div.search_point_area_h3{
	width:711px;
	margin-left: auto;
	margin-right: auto;
	background-image: url(../img/spot_point_box_bg_h3_2.gif);
	height: 38px;
	background-repeat: no-repeat;
}

div.search_point_area_h3 h3{
	padding: 9px 0px 0px 20px;
	font-size: 14px;
}

div.search_point_area_h3_2{
	width:711px;
	margin-left: auto;
	margin-right: auto;
	background-image: url(../img/spot_point_box_bg_h3_2.gif);
	height: 38px;
}

div.search_point_area_h3_2 h3{
	padding: 9px 0px 0px 20px;
	font-size: 14px;
}

div.search_point_area_info_l{
	width:196px;
	padding: 20px 0px 30px 20px;
	float: left;
}

div.search_point_area_info_l li.c001{
	width:196px;
	background-color: #FFA1EC;
	height: 20px;
	padding: 10px 0px 0px 0px;
	text-align: center;
	font-size: 12px;
	border-top: 1px solid #ffdff9;
	border-right: 1px solid #ffdff9;
}

div.search_point_area_info_l li.c002{
	width:200px;
	background-color: #AFD4FF;
	height: 35px;
	padding: 20px 0px 0px 0px;
	text-align: center;
	font-size: 12px;
	border-top: 1px solid #e0eeff;
	border-right: 1px solid #e0eeff;
}

div.search_point_area_info_l li.c003{
	width:196px;
	background-color: #FFA1EC;
	height: 100px;
	padding: 80px 0px 0px 0px;
	text-align: center;
	font-size: 12px;
	border-top: 1px solid #ffdff9;
	border-right: 1px solid #ffdff9;
	border-bottom: 1px solid #ffdff9;
	vertical-align: middle;
}

div.search_point_area_info_r{
	width:470px;
	padding: 20px 20px 30px 0px;
	float: right;
}

div.search_point_area_info_r li.c001{
	width:435px;
	background-color: #FFFFFF;
	height: 20px;
	padding: 10px 20px 0px 20px;
	text-align: left;
	font-size: 12px;
	border-top: 1px solid #ffdff9;
	border-right: 1px solid #ffdff9;
}

div.search_point_area_info_r li.c002{
	width:435px;
	background-color: #FFFFFF;
	height: 45px;
	padding: 10px 20px 0px 20px;
	text-align: left;
	font-size: 12px;
	border-top: 1px solid #e0eeff;
	border-right: 1px solid #e0eeff;
	line-height: 1.4;
}

div.search_point_area_info_r li.c003{
	width:435px;
	background-color: #FFFFFF;
	height: 170px;
	padding: 10px 20px 0px 20px;
	text-align: left;
	font-size: 14px;
	border-top: 1px solid #ffdff9;
	border-right: 1px solid #ffdff9;
	border-bottom: 1px solid #ffdff9;
	line-height: 1.4;
}

div.search_point_area_info_r li.c001{
	width:435px;
	background-color: #FFFFFF;
	height: 20px;
	padding: 10px 20px 0px 20px;
	text-align: left;
	font-size: 12px;
	border-top: 1px solid #ffdff9;
	border-right: 1px solid #ffdff9;
	border-bottom: 1px solid #ffdff9;
}

div.movie_area_main{
	padding: 10px 5px 10px 5px;
}

div.movie_area_main_box{
	background-color: #dcebff;
}

div.movie_area_main_box img{
	padding: 10px 0px 0px 10px;
}

div.movie_area_main_title{
	background-image: url(../../miyako/img/movie_bg_title.gif);
	width: 350px;
	background-repeat: no-repeat;
	height: 35px;
}

div.movie_area_main_title h4{
	padding: 9px 20px 0px 20px;
	font-size: 14px;
	font-weight: bold;
}

div.movie_area_main_l{
	width: 350px;
	float: left;
	margin-bottom: 25px;
	margin-top: 15px;
}

div.movie_area_main_r{
	width: 350px;
	float: right;
	margin-bottom: 25px;
	margin-top: 15px;
}

div.movie_area_info{
	background-image: url(../../miyako/img/movie_info_bg_center.gif);
	width: 350px;
}

div.movie_area_info_l{
	float: left;
	padding-top: 10px;
	padding-right: 0px;
	padding-bottom: 10px;
	padding-left: 25px;
}

div.movie_area_info_l li.c001{
	width:110px;
	background-color: #afd4ff;
	height: 20px;
	text-align: center;
	font-size: 12px;
	border-top: 1px solid #ddecff;
	border-right: 1px solid #ddecff;
	border-left: 1px solid #ddecff;
	padding-top: 10px;
}

div.movie_area_info_l li.c002{
	width:110px;
	background-color: #afd4ff;
	height: 30px;
	text-align: center;
	font-size: 12px;
	border-top: 1px solid #ddecff;
	border-right: 1px solid #ddecff;
	border-bottom: 1px solid #ddecff;
	border-left: 1px solid #ddecff;
	padding-top: 20px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
}

div.movie_area_info_r{
	float: left;
	padding-top: 10px;
	padding-bottom: 10px;
}

div.movie_area_info_r li.c001{
	width:147px;
	background-color: #FFFFFF;
	height: 20px;
	padding: 10px 20px 0px 20px;
	text-align: left;
	font-size: 12px;
	border-top: 1px solid #ddecff;
	border-right: 1px solid #ddecff;
}

div.movie_area_info_r li.c002{
	width:147px;
	background-color: #FFFFFF;
	height: 40px;
	padding: 10px 20px 0px 20px;
	text-align: left;
	font-size: 12px;
	border-top: 1px solid #ddecff;
	border-right: 1px solid #ddecff;
	border-bottom: 1px solid #ddecff;
	line-height: 1.4;
}

div.movie_area_b{
	float: right;
	padding-top: 5px;
	padding-bottom: 7px;
	padding-right: 25px;
}

div.movie_area_base{
	text-align: center;
	padding-bottom: 20px;
}

div.point_diving_title2{
	width:690px;
	height:30px;
	background-image: url(../img/pickup_point.gif);
	margin-top: 20px;
	margin: 20px 0px 10px 5px;
}

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

div.point_mbox01_s_title{
	width:202px;
	height:25px;
	margin:15px 12px 0px 0px;
	background-color: #f795c0;
	float: right;
}

div.point_mbox01_s_title p{
	padding:5px 0 0 25px;
	font-size:14px;
	color:#ffffff;
	font-weight:bold;
	text-align: left;
}

div.point_area_select_s{
	width:200px;
	margin:0px 12px 0px 0px;
	border-left:1px solid #D8DBDE;
	border-right:1px solid #D8DBDE;
	float: right;
	border-bottom: 1px solid #D8DBDE;

}

div.point_area_select_s ul{
	margin:0px;
	padding:5px 0px 10px 10px;
	clear:both;
	list-style-image:none;
	list-style-position:outside;
	list-style-type:none;
	}
	
div.point_area_select_s ul li{
	margin:5px 0px 0px 0px;
	padding:0px 0px 0px 14px;
	background-image: url(../../../common/img/c_liststyle04.gif);
	background-repeat: no-repeat;
	height: 25px;


	}