@charset "Shift_JIS";


/* ▼基本要素 */
/* ----------------------------------------------------- */
body {
	margin: 0px;
	padding: 0px;
	background-color: #EEEEEE;
	background-image: url(img/back.jpg);
	background-repeat: repeat-y;
	background-position: left top;
}

a:link{
	text-decoration: none;
}
a:visited {
	text-decoration: none;
}
a:hover {
	color: #FF6600;
}
a img {
  border-width:0;
  border-style:none;
  border-color:#fff;
  color:#fff;
  }
strong{
	color: #FF6699;
}
em{
	font-style: normal;
}
b{}





/* ▼枠組み */
/* ----------------------------------------------------- */
#wrap   {
	width: 750px;
	clear: left;
}
.t-wrap {
	width: 750px;
}
.t-group {
	width: 342px;
}
.t-left {
	float: left;
	width: 140px;
}
.t-right {
	float: right;
	width: 190px;
}




/* ▼パーツ */
/* ----------------------------------------------------- */

.pagetop {
	text-align: right;
	margin-right: 1em;
	padding-bottom: 1em;

}
.vm {
	vertical-align: middle;
	margin-right: 5px;
}
.space {
	height: 250px;
}


/* ▼ディスクリプション */
/* ----------------------------------------------------- */
.description{
	font-size: 10px;
	line-height: 18px;
	padding-left: 15px;
	color: #666666;

}



/* ▼CIロゴ */
/* ----------------------------------------------------- */
#ci {
	margin: 0px;
	padding: 0px;
}
#ci p {
	margin-top: 0px;
	margin-bottom: 0px;
}



/* ▼グローバルナビゲーション */
/* ----------------------------------------------------- */
#g-navi {
	font-size: 12px;
}
#g-navi a:link {
	color: #328CCB;
}
#g-navi a:hover {
	color: #FF6600;
}
#g-navi ul {
	border-top-width: 1px;
	border-bottom-width: 1px;
	border-top-style: solid;
	border-bottom-style: solid;
	border-top-color: #333333;
	border-bottom-color: #333333;
	margin-left: 0px;
	padding-left: 15px;
	margin-top: 0px;
	margin-bottom: 0px;
	padding-top: 4px;
	padding-bottom: 3px;
}
#g-navi ul li {
	display: inline;
	padding-right: 10px;
}




/* ▼メニュー */
/* ----------------------------------------------------- */
#menu{
	margin: 0px;
	padding: 0px;
	width: 170px;
	float: right;
	background-image: url(img/menu-back.jpg);
	background-repeat: no-repeat;
	background-position: left top;
}

#menu dl {
	margin-top: 0px;
	margin-bottom: 0px;
}
#menu dl dt {
	font-size: 12px;
	margin-top: 10px;
}
#menu dl dt img {
	margin-bottom: 3px;
}


#menu dl dt a:visited{
	color: #0066CC;
	}
#menu dl dt a:link{
	color: #0066CC;
	}
#menu dl dt a:hover {
	color: #FF6600;
}
#menu dl dd {
}
#menu dl dd ul{}
#menu dl dd ul li{}
#menu ul {
	margin-top: 0px;
	margin-left: 0px;
	padding-left: 0px;
	margin-bottom: 0px;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #333333;
}
#menu ul li{
	font-size: 14px;
	list-style-type: none;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #D6ECF7;
	padding-top: 8px;
	padding-bottom: 8px;
	font-weight: bold;
	background-image: url(img/m-icon2.gif);
	background-repeat: no-repeat;
	background-position: left center;
	padding-left: 20px;
}
#menu ul li a:hover {
	color: #FF6600;
}
#menu ul li a:link{
	color: #FFFFFF;
	}


#menu ul.type1{
	margin-left: 0px;
	padding-left: 0px;
	list-style-type: none;
	background-color: #FFFFFF;
	margin-top: 0px;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #333333;

}
#menu ul.type1 li{
	border-bottom-width: 1px;
	border-bottom-style: dashed;
	border-bottom-color: #0066CC;
	font-size: 12px;
	line-height: 130%;
	padding-top: 2px;
	padding-bottom: 2px;
	padding-left: 20px;
	background-image: url(img/m-icon.gif);
	background-repeat: no-repeat;
	background-position: left top;
	font-weight: normal;
}
#menu ul.type1 li a:hover {
	color: #FF6600;
}
#menu ul.type1 li a:link{
	color: #0066cc;
	}



/* ▼トピックパス */
/* ----------------------------------------------------- */
.topicpath {
	font-size: 11px;
	padding-top: 3px;
}
	
	

/* ▼コンテンツエリア */
/* ----------------------------------------------------- */
.contents{
	width: 580px;
	float: left;
}




/* ▼TOPページコンテンツ */
/* ----------------------------------------------------- */
#top {
	background-image: url(img/t-cont-back.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	margin: 0px;
	padding-top: 10px;
}
.top-contents {
	margin-right: 10px;
	margin-left: 10px;
	background-color: #FFFFFF;
	padding: 0px;
	margin-top: 0px;
	margin-bottom: 0px;
}
#top h1{
	margin-top: 0px;
	margin-bottom: 16px;
	font-size: 16px;
	color: #328CCB;
	background-image: url(img/t-h1.gif);
	background-repeat: no-repeat;
	height: 55px;
	line-height: 53px;
	padding-left: 43px;
	background-position: left center;
}
#top h2{
	background-color: #7ABFE5;
	font-size: 14px;
	color: #FFFFFF;
	border-top-width: 1px;
	border-bottom-width: 1px;
	border-top-style: solid;
	border-bottom-style: solid;
	border-top-color: #FFFFFF;
	border-bottom-color: #FFFFFF;
	margin-left: 10px;
	padding-left: 14px;
	padding-top: 3px;
	padding-bottom: 3px;
	margin-top: 0px;
	margin-bottom: 0px;
	margin-right: 10px;
}
#top h2 a:link{
	color: #FFFFFF;
	}
#top h2 a:hover {
	color: #FF6600;
}
#top h3{}
#top p {
	margin-top: 8px;
	margin-bottom: 12px;
	font-size: 12px;
	line-height: 130%;
}
#top p.catch {
	color: #FF6699;
	font-size: 14px;
	margin-bottom: 5px;
	font-weight: normal;
}
#top p.t-catch {
	background-color: #B6E2FF;
	margin-left: 10px;
	margin-right: 10px;
	margin-bottom: 0px;
	margin-top: 0px;
	padding-left: 15px;
	padding-top: 3px;
	padding-bottom: 3px;
	color: #3399CC;
	clear: left;
}

#top ul {
	margin-left: 0px;
	padding-left: 0px;
}
#top ul li {
	border-bottom-width: 1px;
	border-bottom-style: dashed;
	border-bottom-color: #999999;
	font-size: 12px;
	list-style-type: none;
	background-image: url(img/arrow.gif);
	background-repeat: no-repeat;
	background-position: left center;
	padding-left: 25px;
	padding-top: 4px;
	padding-bottom: 3px;
}



/* ▼ミドルページコンテンツ */
/* ----------------------------------------------------- */
#middle {
	background-image: url(img/m-cont-back.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	margin: 0px;
	padding-top: 20px;

}
.middle-contents {
	margin-right: 10px;
	margin-left: 10px;
	background-color: #FFFFFF;
	padding: 0px;
	margin-top: 0px;
	margin-bottom: 0px;
}
.middle-area {
	margin-right: 10px;
	margin-left: 10px;
	clear: left;

}
.m-back {
	background-image: url(img/m-t-back.jpg);
	height: auto;
	background-repeat: no-repeat;
	background-position: left top;
	padding-left: 15px;
}
#middle .m-back p {
	color: #555555;
	margin-right: 20px;
	margin-left: 0px;
	padding-left: 0px;
	font-size: 14px;


}
#middle h1{
	font-size: 18px;
	color: #000099;
	margin-top: 27px;
	margin-left: 32px;
}
#middle h2{
	font-size: 14px;
	color: #0066cc;
	background-image: url(img/h-back.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	height: 26px;
	line-height: 26px;
	padding-left: 14px;
	margin-top: 15px;
	margin-bottom: 5px;
}
#middle h2 a:link{
	color: #0066cc;
	}
#middle h2 a:hover {
	color: #FF6600;
}
#middle h2.top-no{
	margin-top: 0px;
}
#middle h3{
	font-size: 13px;
	padding-left: 5px;
	padding-top: 1px;
	padding-bottom: 2px;
	border-bottom-width: 1px;
	border-bottom-style: dashed;
	border-bottom-color: #3697CA;
	color: #333333;
	margin-bottom: 10px;
	margin-top: 20px;
	border-left-width: 8px;
	border-left-style: solid;
	border-left-color: #3697CA;






}
#middle p {
	font-size: 12px;
	line-height: 130%;
	margin-top: 0px;
	margin-bottom: 15px;
	padding-left: 14px;
}
#middle ul {
	margin-bottom: 10px;
}
#middle ul li {
	font-size: 12px;
	margin-bottom: 5px;
	line-height: 120%;
	margin-right: 10px;


}
#middle ol {}
#middle ol li {}
#middle dl {
	margin-left: 15px;
	margin-right: 15px;
}
#middle dl dt {
	font-size: 13px;
	font-weight: bold;
	color: #328CCB;
	margin-bottom: 4px;
	margin-left: 0px;
	padding-left: 3px;
	background-color: #F5FAFE;
	padding-top: 2px;
	padding-bottom: 2px;

}
#middle dl dd {
	font-size: 12px;
	line-height: 120%;
	margin-bottom: 15px;
	margin-left: 0px;
}
#middle dl dd p {
	margin-left: 0px;
	padding-left: 0px;

}




/* ▼テーブル */
/* ----------------------------------------------------- */
.cont {
	border: 1px solid #3697CA;
	margin-bottom: 10px;
	background-color: #3697CA;
}
.cont th {
	background-color: #E7F5FE;
	font-weight: normal;
	font-size: 13px;
	padding-top: 5px;
	padding-bottom: 5px;
	text-align: left;
	padding-left: 5px;
	padding-right: 5px;
	color: #333333;
	line-height: 110%;
}
.cont td {
	font-size: 12px;
	padding-top: 5px;
	padding-bottom: 5px;
	padding-left: 5px;
	vertical-align: top;
	padding-right: 2px;
	background-color: #FFFFFF;
	color: #333333;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #f8f8f8;
	line-height: 120%;
}
.cont thead th {
	background-color: #B6E2FF;
	color: #000000;
	padding: 4px 0px 4px 6px;
	font-weight: normal;
	text-align: center;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #3697CA;
}



/* ▼フッター */
/* ----------------------------------------------------- */
#footer {
	clear: both;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #333333;
}
#footer p {
	margin-top: 3px;
	margin-bottom: 3px;
	font-size: 12px;
	line-height: 130%;
	margin-right: 20px;
	margin-left: 20px;
}
#footer address {
	font-size: 12px;
	line-height: 130%;
	font-style: normal;
	margin-left: 20px;
	margin-top: 12px;
	margin-bottom: 3px;
}
#copyright {
	text-align: right;
	font-size: 12px;
	font-family: "Arial", "Helvetica", "sans-serif";
	letter-spacing: 0.05em;
	background-image: url(img/copyright.gif);
	background-repeat: no-repeat;
	color: #3399cc;
	padding-right: 18px;
	vertical-align: bottom;
	padding-top: 18px;
	padding-bottom: 5px;
}




/* ▼サイトマップ */
/* ----------------------------------------------------- */

#middle .sitemap ul {
	font-size: 13px;
	margin-top: 10px;
	margin-bottom: 20px;
	color: #333333;
	padding-left: 0px;
	margin-left: 32px;
	background-image: url(img/s-dot3.gif);
	background-repeat: repeat-y;
	background-position: left top;
	background-color: #FFFFFF;
}

#middle .sitemap ul ul {
	margin-top: 0px;
	margin-bottom: 14px;
	padding-top: 8px;
}

#middle .sitemap ul li {
	background-repeat: no-repeat;
	list-style-type: none;
	padding-left: 25px;
	margin-bottom: 0px;
	margin-top: 0px;
	padding-top: 0px;
	padding-bottom: 0px;
	line-height: 20px;
	background-image: url(img/s-dot.gif);
}

#middle .sitemap ul li.s-close {
	background-image: url(img/s-dot2.gif);
	background-repeat: no-repeat;
	height: 20px;
}/*閉じ部分に使用*/

#middle .sitemap ul li.s-close2 {
	background-image: url(img/s-dot4.gif);
	background-repeat: no-repeat;
}/*閉じ部分に使用　ロング*/


/* ▼ニュース＆トピックス  */
/* ----------------------------------------------------- */
.news {
	background-color: #FFFFFF;
        padding: 0px;
	width: 500px;
	margin-left: 30px;
}
.news dl {
	background-image: url(img/b-syabon-w.gif);
        margin-left: 13px;
	padding-left: 0px;
	margin-right: 13px;
	margin-top: 10px;
	margin-bottom: 0px;
}
.news dl dt {
	background-image: url(img/news-icon.gif);
	background-repeat: no-repeat;
	background-position: left center;
	padding-left: 13px;
	font-size: 12px;
	margin-bottom: 3px;
}
.news dl dd {
	font-size: 12px;
	line-height: 130%;
	margin-left: 0px;
	padding-left: 0px;
	padding-bottom: 10px;
}
.news img {
	margin-top: 8px;
	margin-left: 12px;
}



/* ▼見出し */
/* ----------------------------------------------------- */
.announce {
	margin-left: 10px;
	margin-bottom: 20px;
	width: 540px;
	border: 0px;
}
.announce img {
	float: left;
	margin-right: 24px;
}



/* ▼ダイビングスクール  */
/* ----------------------------------------------------- */
.school {
	width: 540px;
	border: 0px;
	background-image: url(img/school-back.jpg);
	background-repeat: no-repeat;
	height: 149px;
	margin-left: 10px;
}
#top .school p {
	margin-top: 0px;
	padding: 0px;
}
.school th {
	font-weight: normal;
	text-align: left;
	padding-left: 10px;
	padding-right: 10px;
}
.school td {
	vertical-align: top;
	width: 200px;
	padding-right: 10px;
}
.school dl {
	margin-top: 0px;
	margin-bottom: 0px;
}
.school dl dt {
	font-size: 12px;
	color: #FF9999;
	font-weight: bold;
	margin-bottom: 8px;
}
.school dl dd {
	font-size: 12px;
	line-height: 130%;
	margin-left: 0px;
	padding-left: 0px;
	color: #FF9999;
}
.school dl dd img {
	float: left;
	margin-right: 10px;
}



/* ▼ダイビングツアー */
/* ----------------------------------------------------- */
.tour {
	margin-left: 10px;
	width: 540px;
	border: 0px;
}
.tour td {
	vertical-align: top;
}
.left-mar {
	padding-left: 15px;
	padding-top: 20px;
}

.tour-img{
	margin-top:20px;
}



/* ▼ダイビングを楽しもう！ */
/* ----------------------------------------------------- */
.diving-enjoy {
	margin-left: 10px;
	margin-bottom: 20px;
	width: 540px;
	border: 0px;
}
.diving-enjoy td {
	vertical-align: top;
}
.right-mar {
	padding-right: 17px;
}


 
/* ▼体験談バナー */
/* ----------------------------------------------------- */
.exp {
	width: 560px;
	margin-top: 5px;
	margin-bottom: 15px;
	text-align: center;
}
#top .exp p {
	margin-left: 60px;
	margin-right: 60px;
	margin-top: 0px;
	text-align: left;
}


 
/* ▼お問い合わせ */
/* ----------------------------------------------------- */
.contact {
	background-image: url(img/cont-back.jpg);
	background-repeat: no-repeat;
	margin-top: 20px;
	width: 400px;
	margin-left: 80px;
	background-position: left top;
	margin-bottom: 20px;
	vertical-align: middle;


}
#top .contact table td p {
	padding-right: 15px;
	text-align: left;
	padding-left: 15px;
	margin-bottom: 3px;
}
#middle .contact table td p {
	padding-right: 15px;
	text-align: left;
	padding-left: 15px;
	margin-bottom: 3px;
}
.contact  table td p span {
	color: #FF6699;
}
.contact div {
	font-size: 14px;
	font-weight: bold;
	color: #3399CC;
	padding-top: 6px;
	padding-left: 15px;
}
.contact table td {
	vertical-align: top;
}
.tel-sp {
	margin-left: 15px;
	margin-bottom: 5px;
}




/* ▼カテゴリリンク */
/* ----------------------------------------------------- */
.category-navi {
	border-top-width: 2px;
	border-bottom-width: 2px;
	border-top-style: solid;
	border-bottom-style: solid;
	border-top-color: #3697CA;
	border-bottom-color: #3697CA;
	margin-right: 10px;
	margin-left: 10px;
	margin-bottom: 10px;
	margin-top: 35px;
}
#middle .category-navi dl{
	margin-top: 3px;
	margin-bottom: 3px;

}
#middle .category-navi dl dt{
	font-size: 12px;
	background-image: url(img/m-icon.gif);
	background-repeat: no-repeat;
	background-position: left top;
	padding-left: 22px;
	padding-top: 4px;
	padding-bottom: 4px;
	font-weight: bold;
	margin-left: 0px;
	background-color: #FFFFFF;
	border-bottom-width: 1px;
	border-bottom-style: dashed;
	border-bottom-color: #DFEEF7;

}
#middle .category-navi dl dd{
	font-size: 12px;
	line-height: 120%;
	margin-bottom: 0px;
	margin-left: 0px;
	padding-left: 10px;
}
#middle .category-navi dl dd a:link{
	color: #0066cc;
	}
#middle .category-navi dl dd a:hover {
	color: #FF6600;
}







.small {
	font-size: 10px;
}
.detail {
	font-size: 12px;
	text-align: right;
	margin-right: 5px;

}
.left-no .contact {
	margin-left: 0px;
	margin-top: 30px;
}



#middle .sp {
	margin: 0px;
	padding: 0px;
}
#middle .sp dl{
	background-image: url(enjoy/img/sp-back.gif);
	background-repeat: repeat-y;
	background-position: left top;
	margin: 0px;
	padding: 0px;

}
#middle .sp dl dt{
	font-size: 12px;
	color: #0066cc;
	background-image: url(enjoy/img/sp-top.gif);
	background-repeat: no-repeat;
	background-position: left top;
	font-weight: normal;
	width: 265px;
	margin: 0px;
	padding-right: 0px;
	text-indent: 15px;
	padding-top: 8px;
	padding-bottom: 4px;
}
#middle .sp dl dd{
	margin: 0px;
	padding: 9px 9px 15px 13px;
	background-image: url(enjoy/img/sp-bottom.gif);
	background-repeat: no-repeat;
	background-position: left bottom;
	font-size: 12px;
	line-height: 130%;


}
#middle .sp td {
	vertical-align: top;
}
.box {
	padding-top: 10px;
	padding-bottom: 0px;
	margin-right: 10px;
	margin-left: 10px;
	border-top: 1px solid #3697CA;
	border-right: 1px solid #3697CA;
	border-bottom: 1px solid #3697CA;
	border-left: 1px solid #3697CA;
}
.red {
	color: #CC0000;
	font-weight: bold;
	font-size: 14px;
}
.left-img {
	margin: 0px 16px 0px 4px;
	padding: 0px;
	float: left;
}

.cont span {
	font-size: 11px;
}
hr {
	text-align: center;
	height: 1px;
	width: 540px;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #3697CA;
	margin-top: 20px;
}


.subtop {
	background-color: #E7F5FE;
	padding-top: 3px;
	padding-right: 10px;
	padding-bottom: 2px;
	padding-left: 5px;
	border-top: 1px solid #3697CA;
	border-right: 1px solid #3697CA;
	border-bottom: 1px solid #3697CA;
	border-left: 2px solid #3697CA;


}
form {
	margin-top: 0px;
	margin-bottom: 0px;
}
.color {
	color: #0000FF;
}
.left30 {
	margin-left: 30px;
}
#middle .photo dl dt {
	background-color: #FFFFFF;
	float: left;
}

#middle .photo dl{
	clear: left;

}