@charset "UTF-8";

.clear {
	clear: both
}
.red {
	color: #FF3366
}

/* ---------------------------------------------------------------- */
/* p */
/* ---------------------------------------------------------------- */

p.con {
	padding: 5px 0 25px 0
}

/* ---------------------------------------------------------------- */
/* h */
/* ---------------------------------------------------------------- */

h2.title {
	color: #666F3D;
	font-size: 12px;
	line-height: 130%
}
h2.cate {
	margin: 0 0 15px 0;
	padding: 3px 0 3px 10px;
	background-color: #6DC5DE;
	color: #FFFFFF;
	font-size: 12px
}
h2.cate02 {
	margin: 50px 0 15px 0;
	padding: 3px 0 3px 10px;
	background-color: #6DC5DE;
	color: #FFFFFF;
	font-size: 12px
}

/* ---------------------------------------------------------------- */
/* div */
/* ---------------------------------------------------------------- */

.top5 {
	margin: 5px 0 0 0
}
.top10 {
	margin: 10px 0 0 0
}
.top15 {
	margin: 15px 0 0 0
}
.top20 {
	margin: 20px 0 0 0
}
.top25 {
	margin: 25px 0 0 0
}
.top45 {
	margin: 45px 0 0 0
}
.top60 {
	margin: 60px 0 0 0
}
.l20 {
	margin: 0 0 0 20px
}

/* ---------------------------------------------------------------- */
/* news */
/* ---------------------------------------------------------------- */

#news_title {
	position: relative;
	width: 550px;
	height: 36px;
	background-image: url(../img/news/title.gif);
	background-repeat: no-repeat
}
div.news_area {
	clear: both;
	padding: 25px 0 25px 0;
	width: 550px;
	position: relative;
	background-image: url(../common/line_rouph.gif);
	background-repeat: no-repeat;
	background-position: bottom
}

.news_photo {
	float: right;
	margin: 0 0 10px 10px ;
}

/* ---------------------------------------------------------------- */
/* shark-diving */
/* ---------------------------------------------------------------- */

#shark_title {
	position: relative;
	width: 550px;
	height: 36px;
	background-image: url(../img/shark/title.gif);
	background-repeat: no-repeat
}
div.area {
	padding: 15px 0 15px 0;
	width: 550px;
	position: relative
}
div.shark_l {
	width: 160px;
	float: left
}
div.shark_r {
	width: 390px;
	float: left
}
div.shark_l02 {
	padding: 0 0 20px 0;
	width: 350px;
	float: left
}
div.shark_r02 {
	width: 200px;
	text-align: right;
	float: left
}

/* ---------------------------------------------------------------- */
/* dsd */
/* ---------------------------------------------------------------- */

#dsd_title {
	position: relative;
	width: 550px;
	height: 36px;
	background-image: url(../img/dsd/dsd_title.gif);
	background-repeat: no-repeat
}

/* ---------------------------------------------------------------- */
/* sitmap */
/* ---------------------------------------------------------------- */

#siemap_title {
	position: relative;
	width: 550px;
	height: 36px;
	background-image: url(../img/sitemap/sitemap_title.gif);
	background-repeat: no-repeat
}

/* ---------------------------------------------------------------- */
/* dive-sites */
/* ---------------------------------------------------------------- */

#sites_title {
	position: relative;
	width: 550px;
	height: 36px;
	background-image: url(../img/sites/sites_title.gif);
	background-repeat: no-repeat
}

/* ---------------------------------------------------------------- */
/* dive-courses */
/* ---------------------------------------------------------------- */

#dive_title {
	position: relative;
	width: 550px;
	height: 36px;
	background-image: url(../img/dive/title.gif);
	background-repeat: no-repeat
}

div.dive_l {
	width: 260px;
	float: left
}
div.dive_r {
	width: 290px;
	float: left
}
ul.dive {
	margin-left: 20px
}
ul.dive li {
	margin: 0 0 3px 0;
	font-weight: bold
}

/* ---------------------------------------------------------------- */
/* price */
/* ---------------------------------------------------------------- */

#price_title {
	position: relative;
	width: 550px;
	height: 36px;
	background-image: url(../img/price/title.gif);
	background-repeat: no-repeat
}
table.t_price {
	position: relative;
	margin: 8px 0 0 0;
	width: 350px;
	border-top: 1px solid #DBDBDB;
	border-left: 1px solid #DBDBDB;
	font-size: 12px
}
table.t_price th {
	padding: 3px 0 2px 10px;
	width: 190px;
	background-color: #6DC5DE;
	border-bottom: 1px solid #DBDBDB;
	color: #FFFFFF;
	text-align: left
}
table.t_price th.g {
	padding: 3px 0 2px 10px;
	width: 190px;
	background-color: #BBBBBB;
	border-bottom: 1px solid #DBDBDB;
	color: #FFFFFF;
	text-align: left
}
table.t_price th.p {
	padding: 3px 0 2px 10px;
	width: 190px;
	background-color: #E97E8C;
	border-bottom: 1px solid #DBDBDB;
	color: #FFFFFF;
	text-align: left
}
table.t_price td {
	padding: 3px 0 2px 10px;
	border-right: 1px solid #DBDBDB;
	border-bottom: 1px solid #DBDBDB;
}
ul.price {
	margin: 10px 0 0 15px
}
ul.price li.t {
	margin: 0 0 0 -15px;
	font-weight: bold;
	list-style-type: none
}
div.price_area {
	padding: 10px 0 25px 0;
	width: 550px;
	position: relative;
	background-image: url(../common/line_rouph.gif);
	background-repeat: no-repeat;
	background-position: bottom
}

/* ---------------------------------------------------------------- */
/* guide */
/* ---------------------------------------------------------------- */

#guide_title {
	position: relative;
	width: 550px;
	height: 36px;
	background-image: url(../img/guide/title.gif);
	background-repeat: no-repeat
}
.r22 {
	padding-right: 22px
}

/* ---------------------------------------------------------------- */
/* magmag */
/* ---------------------------------------------------------------- */

#mag_title {
	position: relative;
	width: 550px;
	height: 36px;
	background-image: url(../magmag/img/title.gif);
	background-repeat: no-repeat
}
table.t_mag {
	position: relative;
	width: 500px;
	border-top: 1px solid #DBDBDB;
	border-left: 1px solid #DBDBDB;
	font-size: 12px
}
table.t_mag th {
	padding: 3px 0 2px 10px;
	width: 110px;
	background-color: #6DC5DE;
	border-bottom: 1px solid #DBDBDB;
	color: #FFFFFF;
	text-align: left
}
table.t_mag th.p {
	padding: 3px 0 2px 10px;
	width: 110px;
	background-color: #E97E8C;
	border-bottom: 1px solid #DBDBDB;
	color: #FFFFFF;
	text-align: left
}
table.t_mag td {
	padding: 3px 10px 3px 10px;
	border-right: 1px solid #DBDBDB;
	border-bottom: 1px solid #DBDBDB;
}
p.mag {
	margin: 20px 0 0 0;
	width: 500px;
	text-align: center
}
ul.mag {
	margin: 0 0 0 20px
}
ul.mag li {
	margin: 0 0 3px 0
}

/* ---------------------------------------------------------------- */
/* license */
/* ---------------------------------------------------------------- */

#license_title {
	position: relative;
	width: 550px;
	height: 36px;
	background-image: url(../mananews/img/title.gif);
	background-repeat: no-repeat
}

/* ---------------------------------------------------------------- */
/* staff */
/* ---------------------------------------------------------------- */

#staff_title {
	position: relative;
	width: 550px;
	height: 36px;
	background-image: url(../img/staff/title.gif);
	background-repeat: no-repeat
}
.con_staff {
	padding: 0 0 10px 0;
	width: 170px;
	font-size: 12px;
	line-height: 130%;
	float: left
}
.con_staff .title {
	color: #07A9BE;
	font-size: 12px;
	font-weight: bold
}
.con_staff p {
	margin-top: 8px
}

/* ---------------------------------------------------------------- */
/* contact */
/* ---------------------------------------------------------------- */

#contact_title {
	position: relative;
	width: 550px;
	height: 36px;
	background-image: url(../img/contact/title.gif);
	background-repeat: no-repeat
}

/* ---------------------------------------------------------------- */
/* faq */
/* ---------------------------------------------------------------- */

#faq_title {
	position: relative;
	width: 550px;
	height: 36px;
	background-image: url(../img/faq/title.gif);
	background-repeat: no-repeat
}

/* ---------------------------------------------------------------- */
/* links */
/* ---------------------------------------------------------------- */

#link_title {
	position: relative;
	width: 550px;
	height: 36px;
	background-image: url(../img/link/title.gif);
	background-repeat: no-repeat
}

/* ---------------------------------------------------------------- */
/* sitemap */
/* ---------------------------------------------------------------- */

#sitemap_title {
	position: relative;
	width: 550px;
	height: 36px;
	background-image: url(../img/sitemap/title.gif);
	background-repeat: no-repeat
}

/* ---------------------------------------------------------------- */
/* fair */
/* ---------------------------------------------------------------- */

#fair_title {
	position: relative;
	width: 550px;
	height: 36px;
	background-image: url(../fair/img/title.gif);
	background-repeat: no-repeat
}
.con_fair {
	margin: 20px 0 0 40px
}

.con_fair2 {
	margin: 20px 0 0 10px;
	float: left;
}

/* ---------------------------------------------------------------- */
/* party */
/* ---------------------------------------------------------------- */

#party_title {
	position: relative;
	width: 550px;
	height: 36px;
	background-image: url(../party/img/title.gif);
	background-repeat: no-repeat
}

/* ---------------------------------------------------------------- */
/* price */
/* ---------------------------------------------------------------- */

#trial_title {
	position: relative;
	width: 550px;
	height: 36px;
	background-image: url(../img/trial/title.gif);
	background-repeat: no-repeat
}
div.trial_area {
	padding: 10px 0 25px 0;
	width: 550px;
	position: relative;
	background-image: url(../common/line_rouph.gif);
	background-repeat: no-repeat;
	background-position: bottom
}
p.trial_copy {
	color: #315C7D;
	font-size: 13px;
	line-height: 130%;
	margin: 0 0 10px 0 ;
	padding: 0 0 10px 0 ;
	border-bottom: 1px solid #F3F5F6;
}
div.trial_img {
	margin: 10px 0 0 0 ;
	width: 522px;
	height: 605px;
	background: url("../img/trial/img_trial.gif") no-repeat;
	text-indent: -99999px;
	overflow: hidden;
}