body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote {  
    margin: 0; 
    padding: 0; 
}
BODY {
  margin : 1px 0px 0px 0px ;
  background : #eaf8ff url("/img/common/img_bg.jpg") repeat-x left top;
  text-align : center; 
  padding : 0px ;
  font-size : 12px ;
	line-height:16px;
}

#box {
  width: 722px;
  margin : 0 auto;
	text-align:left;
/*	border:1px #f00 solid;*/
}
table {
	margin:0 auto;
}


/* header
--------------------------------------------*/
#header {
	width:722px;
	background:url(/img/common/header_bg.png) top right no-repeat;
	height:176x;
	margin:5px auto 0 auto;
	_margin:5px auto 0 0;
}

#header h1 {
	width:395px;
	height:62px;
	float:left;

}
#header #headermsg {
	position:relative;
	display:inline;
	background: url(/img/topgfx/hed_top.gif) no-repeat;
	width:396px;
	height:75px;
	float:right;
	font-size:1px;
	text-indent:-9999px;
}

#top_tx {
	font-size:10px;
	color:#fff;
	margin:0px 10px;
	width:700px;
	_padding:0 10px;
}
#top_tx2 {
	font-size:10px;
	color:#000;
	margin:0px 10px;
	width:700px;
	_padding:0 10px;
}


/* hed navi
-------------------------*/
#header #headermenu {
	clear:both;
	width:722px;
	height:58px;
	background: url(/img/common/main_menubg.png) no-repeat;
	margin:0px auto 0 auto;
	padding:0px;
}
/*カート以降のヘッダー*/

#headermenu li{
	width:230px;
	height:45px;
}
#headermenu #type a {
	background:url(/img/common/hednavi_01_on.gif) no-repeat bottom;
	display:block;
	width:230px;
	height:45px;
	text-decoration:none;
	text-indent:-9999px;
}
#headermenu #type a:hover {
	background:url(/img/common/hednavi_01_on.gif) no-repeat top;
}
#headermenu #shop a {
	background:url(/img/common/hednavi_02_on.gif) no-repeat bottom;
	display:block;
	width:230px;
	height:45px;
	text-decoration:none;
	text-indent:-9999px;
}
#headermenu #shop a:hover {
	background:url(/img/common/hednavi_02_on.gif) no-repeat top;
}
#headermenu #welfare a {
	background:url(/img/common/hednavi_03_on.gif) no-repeat bottom;
	display:block;
	width:230px;
	height:45px;
	text-decoration:none;
	text-indent:-9999px;
}
#headermenu #welfare a:hover {
	background:url(/img/common/hednavi_03_on.gif) no-repeat top;
}

#headermenu #welfare a, #headermenu #guide a {
	display:block;
	width:230px;
	height:45px;
	text-decoration:none;
}

#header #headermenu ul {
	width:696px;
	margin:10px auto 0 auto; 
	_margin:5px auto 0 auto;

}
*:first-child+html #header #headermenu ul{
	margin:0px auto 0 auto
}
#header #headermenu ul li {
	margin:10px 1px 0 1px;
	_margin:5px 0 0 1px;
	list-style:none;
	float:left;
}
#header #submenu {
	clear:both;
	width:155px;
	margin:0 11px 0px 11px;
	padding:0px;
	float:right;
}
#header #submenu #sub li {
	width:72px;
	margin:0 1px 0 1px;
	float:left;
	background:url(/img/common/submenu_btn.png) no-repeat;
	color:#FFF;
	text-align:center;
	font-size:10px;
	height:22px;
	padding:3px 0;
	list-style:none;

}
#header #submenu #sub li a {
	color:#FFF;
	text-decoration:none;
}
#header #submenu #sub li a:hover{
	color:#FFF;
	text-decoration:underline;
}

#header #submenu #submail li {
	width:146px;
	margin:0 1px 0 1px;
	float:left;
	background:url(../img/common/mail_bg.png) no-repeat;
	color:#ff9833;
	text-align:left;
	font-size:12px;
	height:22px;
	padding:3px 0 3px;
	list-style:none;
	letter-spacing:0.2em;
	font-weight:bold;
	
}
#header #submenu #submail li a {
	color:#fff;
	text-decoration:none;
	padding-left:40px;
}
#header #submenu #submail li a:hover{
	color:#fff;
	text-decoration:underline;
}


#header #scomme img{
	margin: 25px 10px 10px 10px;
	_margin:10px 20px;
}

/*
#header #headermenu ul {
	clear:both;
	width:700px;
	height:46px;
	background:#eee url(../img/topgfx/hed_bk.gif) repeat-x bottom ;
	margin:0px;
	padding:0px;
}
#header #headermenu li {
	float:left;
	list-style-type:none;
	margin:8px 1px 0 0;
	padding:0px;
}
#headermenu #type {
	background:url(../img/topgfx/hednavi_01.gif) bottom ;
	width:212px;
	height:37px;
	left:12px;
}
#headermenu #type a {
	display:block;
	width:212px ;
	height:37px;
	text-indent:-9999px;
	text-decoration:none;
}
#headermenu #type a:hover {
	display:block;
	background:url(../img/topgfx/headerbtn01_on.gif) ;
}

#headermenu #shop {
	background:url(../img/topgfx/hednavi_02.gif) ;
	width:212px;
	height:37px;
}
#headermenu #shop a {
	display:block;
	width:212px ;
	height:37px;
	text-indent:-9999px;
	text-decoration:none;
}
#headermenu #shop a:hover {
	display:block;
	background:url(../img/topgfx/headerbtn02_on.gif) ;
}

#headermenu #cart {
	background:url(../img/topgfx/hednavi_03.gif) bottom;
	width:85px;
	height:22px;
	margin-top:24px;
}
#headermenu #cart a, #headermenu #guide a {
	display:block;
	width:85px;
	height:22px;
	text-indent:-9999px;
	text-decoration:none;
}
#headermenu #guide {
	background:url(../img/topgfx/hednavi_04.gif) no-repeat bottom;
	width:85px;
	height:22px;
}
#headermenu #agree {
	background:url(../img/topgfx/hednavi_05.gif) no-repeat bottom;
	width:79px;
	height:22px;
}
#headermenu #agree a {
	display:block;
	width:79px;
	height:22px;
	text-indent:-9999px;
	text-decoration:none;
}
*/



/*
-------------------------------------------*/

a:link {
  color : #0033CC;
	font-weight : normal; 
  text-decoration : underline;
}
a:hover {
  color : #333333;
  text-decoration : underline;
}

a:visited {
  color : #3366CC;
}

/*----------------------------------------*/
a.non:link {
	font-weight : normal; 
  text-decoration : none;
}
a.non:hover {
  text-decoration : underline;
  background : #069;
}
a.non:visited {
  text-decoration : none;
}
/*----------------------------------------*/


a img {
  border : none
}

img {	vertical-align:bottom;}

/* 新着情報
-------------------------------------------*/
.whatsnew {
	height:167px;
	width:445px;
	overflow-y: scroll;
	padding:3px 0 0 3px;
	font-size :12px;
	background : #FFF ;
	float:left;
	border-left: solid 1px #cccccc;
	border-right: solid 1px #cccccc;
	border-bottom: solid 1px #cccccc;
}
.whatsnew2 {
  height :453px;
  width : 445px;
  overflow-y: scroll;
  padding : 3px 0 0 3px;
  font-size : 12px;
  background : #fff ;
	float:left;
	border-left: solid 1px #cccccc;
	border-right: solid 1px #cccccc;
	border-bottom: solid 1px #cccccc;
}
.whatsnew dl.whats,.whatsnew2 dl.whats {
  margin : 0px 0px 0px 0px  ;
  padding : 0px 0px 0px 0px ;
}

dl.whats dt {
  color : #668;
  float : left;
	width:70px;
	vertical-align:top;
	line-height:180%;
}

dl.whats dd {
	float:left;
	width:350px;
	color:#066ee1;
	border-bottom: dotted 1px #cccccc; 
	line-height:180%;
}

dl.whats a {
  display : block ;
  text-decoration:underline;
	font-weight:normal;
}

dl.whats a:hover {
  background-color:#ffffff ;
	color:#668;
	font-weight:normal;
	text-decoration:none;
}




h1 {
  font-size: 10px;
  line-height: normal;
  color: #FFFFFF;
  margin-top: 0px;
  margin-right: 0px;
  margin-bottom: 0px;
  margin-left: 10px;
  letter-spacing: 1px
}

br.cl {
clear : both ;
}


.txt12 {
  font-size: 12px;
  line-height: 125%
}

.txt14 {
  font-size : 14px;
  line-height : 125%;
}

.txt16 {
  font-size : 16px;
  line-height : 125%;
}

.txt10 {
  font-size : 10px;
  line-height : 125%;
}



/*//////////////////おすすめ情報 ////////////////////////////*/

#recommendation {
	width:678px;
	margin:0 auto;

}
#recommendation #scool,#recommendation #information{
	width:216px;
	margin:8px 0 0 0;
	float:left;
	border: solid 1px #cccccc;
}
#recommendation #shop {
	width:216px;
	margin:8px 12px 0px 12px;
	float:left;
	border: solid 1px #cccccc;
}
#recommendation #scool img,#recommendation #information img,#recommendation #shop img{
	_text-align:center;
	margin:8px;
}
#recommendation dl{
	margin:0 8px;
}
#recommendation dt {
		background:url(/img/top/top_arrow.gif) no-repeat center left;
		padding-left:15px;
}
#recommendation dt a{
		color:#066ee1;
		display:block;
		font-weight:bold;
}
#recommendation dt a:hover{
	text-decoration:none;
}
#recommendation dd {
	margin-top:5px;
	margin-bottom:8px;
	line-height:140%;
}

#recommendation #scool01{
	width:333px;
	margin:8px 8px 0 0;
	float:left;
	border: solid 1px #cccccc;
}

#recommendation #shop01 {
	width:333px;
	margin:8px 0 0px 0px;
	float:left;
	border: solid 1px #cccccc;	
}

#recommendation #shop01 img,
#recommendation #scool01 img {
	_text-align:center;
	margin:8px;
}


#recommendation2 {
	width:220px;
	_width:210px;
	margin:0 auto 10px 8px;
	float:left;

}
#recommendation2 #scool,#recommendation2 #information,#recommendation2 #shop{
	width:220px;
	margin:4px 0 0 0;
	border: solid 1px #cccccc;
}
#recommendation2 #scool img,#recommendation2 #information img,#recommendation2 #shop img{
	_text-align:center;
	margin:8px;
}
#recommendation2 dl{
	margin:0 8px;
}
#recommendation2 dt {
		background:url(/img/top/top_arrow.gif) no-repeat center left;
		padding-left:15px;
}
#recommendation2 dt a{
		color:#066ee1;
		display:block;
		font-weight:bold;
}
#recommendation2 dt a:hover{
	text-decoration:none;
}
#recommendation2 dd {
	margin-top:5px;
	margin-bottom:8px;
	line-height:140%;
}


/*//////////////////フッター////////////////////////////*/

#footer {
  width : 722px ;
	background:url(/img/common/footer_bg.png) 0 0 no-repeat;
/*  margin-left : 0px; */
  line-height : 180%;
	height:66px;
	margin:0px auto 0px auto;
	color:#ffffff;
	padding:5px 0;
	font-size : 10px;
	text-align:center;
}
#footer ul {
	width:690px;
	margin:0 auto;
}
#footer ul li {
	color:#ffffff;
	list-style:none;
	display:inline;
	text-align:left;
}
#footer ul li a{
	color:#ffffff;
	text-decoration:underline;
	font-size : 10px;
}
#footer ul li a:hover {
	color:#fff;
	text-decoration:none;
	font-size : 10px;
}

#footer p.copy {
	padding:20px 0 0 0;
	color:#666;
}

#footer p.copy a,#footer p.copy a:hover{
	color:#999;
	text-align:center;
}
#footer a img { text-align:center;}


/*//header2////*/
.headcomm {
  text-align : right ;
}


/*//////////////////広告////////////////////////////*/

.adtxt {
  width : 168px ;
  margin : 8px 0px 8px 0px ;
  font-size : 12px;
  line-height : 120% ;
}

.adbnr_ttl {
	width:155px;
	padding:8px;
	background:#069;
	border-top:1px #036 solid;
	border-left:1px #036 solid;
	border-right:1px #036 solid;
	margin-top:10px;
}
.adbnr_ttl h2 {
	color:#FFF; 
	text-align:center; 
	margin:0px;
	font-size:12px;
}
.adbnr_ctr {
	border:1px #036 solid; 
	width:155px; 
	padding:8px;
	text-align:center;
}

/*//////////////////セレクト/////////////////////*/

.tab {
  width : 540px;
  padding : 0px;
  margin-left : auto;
  margin-right : auto;
  margin-bottom : 0px;
  background : #0ff;
  height : 68px ;
}

.left {
  width : 375px ;
  padding : 0px ;
  line-height : 0px;
}

.right {
  padding : 0px ;
  line-height : 0px;
}

.slc {
  width : 540px;
  height : 250px;
  padding : 0px;
  background : url("/img/com/rw_bk.gif");
  text-align : center;
}

.clr {
  clear : both ;
}

/*/////////// ## 新着情報 ## ///////////*/

#wht {
	width:626px;
	margin :0 36px;
/*	background:#eee;*/
	padding:0px;
}
  
#wht h1 {
	color : #333;
  font-size: 14px ;
	width : 598px ;
  border-top : 1px #999 solid ;
  border-left : 1px #999 solid ;
  border-right : 1px #999 solid ;
	border-bottom : 3px #999 double;
	text-align : left;
  margin : 0 ;
  padding : 10px;
}
 #wht h2 {
	width : 620px;
  font-size:14px;
	text-align : left;
  color : #069;
	font-weight : bold;
	margin-bottom : 5px;
	/*background:#eee;*/
}
 #wht h2.ttl {
	text-align:center;
  font-size:16px;
	border-bottom:1px #069 solid ;
	border-top:1px #069 solid ;
	padding:8px 0px 8px 0px;
}

 #wht h3 {
	width : 590px;
  font-size:12px;
	text-align : left;
  color : #666;
	margin-bottom : 5px;
	border-bottom : 1px #CCC solid;
	background : #FFF;
}
 #wht h4{
  font-size:12px;
	text-align : left;
  color : #303030;
	margin:0px;
	padding:0px;
}

#wht p {
	width : 590px;
  font-size:12px;
	text-align : left;
  line-height : 20px;
	margin:0px auto;
}

#wht p.dd {
  color : #666 ;
	margin : 5px 10px;
}

#wht .waku {
	width:620px;
	padding: 15px 0px;
	background:#fff;
	border :2px #069 Solid;
	text-align:center;
}
.clearfix:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}

.clearfix {
	display:inline-block;
}

/*Hides from IE-mac \*/
* html.clearfix {
	height:1%;
}
.clearfix {
	display:block;
}

.tblFooter { display:none; height:0; width:0;}

/* top layout
---------------------------------------*/

#content {
	width:722px;
	padding:0;
	margin:0;
	background:url(/img/common/box_imgbg.png);
	background-repeat:repeat;
}
#side {
	width:220x;
	background:url(/img/top/banner_bg.gif);
	float:left;
	margin-top:10px;
}

#side #banner {
	margin:10px;
	width:200px;
	background:#FFF;
	padding:5px 0;
	height:175px!important;
}
#side #banner li {
	list-style:none;
	text-align:center;
	margin:5px auto;
	font-size:10px
}

#side2 {
	width:220x;
	background:url(/img/top/banner_bg.gif);
	float:left;
	margin-top:10px;
	margin-left:8px;
}
#side2 #banner {
	margin:10px;
	width:200px;
	background:#fff;
	padding:5px 0;
	height:173px;
}
#side2 #banner li {
	list-style:none;
	text-align:center;
	margin:5px auto;
	font-size:10px
}
/* #side .tokuten {
	position:absolute;
	width:175px;
	top:0px;
	left:11px;
	border:1px #ccc solid;
}*/


#main {
	width :450px;
	margin-left:22px;
	_	margin-left:11px;
	float:left;
}
#main img {
	margin:10px 0px 0 0;
}
#main_hukuri{
	float:left;
	width:442px;
	background:#f56; 
	color:#FFF;
	padding:4px; 
	text-align:center;
	margin-top:10px;
	height:190px;
}
#main_hukuri div {
	width:420px; 
	border:2px #f56 solid; 
	background:#FFF; 
	padding:6px;
	line-height:16px;
	font-size:12px; 
	color:#333;
	margin:0 auto;
	text-align:left;
}
/*//////////////TOPの特典付きダイビング情報//////////////*/
#main_info {
	width:678px;
	margin-left:22px;
	_	margin-left:11px;
	float:left;
	padding-bottom:20px;
	padding-top:8px;
}
#main_info img {
	margin:0px 5px 0 0;
}
.info_dive {
  width : 676px;
  font-size : 12px;
  background : #fff ;
	border-left: solid 1px #cccccc;
	border-right: solid 1px #cccccc;
	border-bottom: solid 1px #cccccc;
}
.info_dive .info_img {
	width:214px;
	float:left;
	margin:10px 5px;
	_margin:10px 3px;
	border-bottom: dotted 1px #999;
}
.info_dive .info_img img {
	float:left;
	border: solid 1px #CCC;
}
.info_dive  p{
	font-size:12px;
	line-height:140%;
}
.info_dive a {
}

#dive_other {
	font-size:12px;
	color:#066ee1;
	text-align:right;
	margin-bottom:10px;
}
#dive_other a{
	background:url(/img/top/top_arrow.gif) no-repeat top left;
	padding-left:15px;
	margin-right:5px;
}
#main_info .toku_det {
	float:right;
	width:105px;
}
#main_info .toku_det .tokumidashi {
	color:#e10606;
}
#main_info .toku_det .toku_link a{
	background:url(/img/top/top_arrow.gif) no-repeat 0px 12%;
	display:block;
	text-indent:-0.5px;
	padding-left:1em;
}
	
#main_info .toku_det .toku_chiiki {
	font-size:10px;
	text-align:right;
	color:#999;
}
	



/*	background:#eee;*/
#main #left {
	float:left;
	width:240px;
}
#main #right {
	float:right;
	width:240px;
}

.dlstyle dt,.dlstyle dd { clear:both; margin:5px 0;}
.ddclear { clear:both; padding:10px 0;}

/*//////////////TOPのおすすめショップテーブル////////////*/

/*///サービスガイド レンタル器材についてにも使用///*/
#waku {
	width:626px;
	margin:0 auto;
}
#waku .shoptable {
  border-left : 1px solid #999 ;
  border-top : 1px solid #999 ;
	margin-bottom:1px;
}

/*
.shoptable th {
  font-size : 12px ;
  color : #FFF ;
  background-color : #0F218B ;
  font-weight : bold ;
  border-bottom : 1px solid #999 ;
  border-right : 1px solid #999 ;
  padding : 5px ;
  white-space : nowrap ;
}
*/

#waku .shoptable td {
  font-size : 12px ;
  border-bottom : 1px solid #999 ;
  border-right : 1px solid #999 ;
  padding : 4px ;
}


#waku .iconimg {
  margin-bottom : -2px;
  margin-right : 3px;
}


#waku .shoptable2  {　/* おすすめスクールテーブル */
  border-left : 1px solid #66f ;
  border-top : 1px solid #66f ;
	margin-bottom:1px;
}
#waku .shoptable2 td {
  font-size : 12px ;
  border-bottom : 1px solid #66f ;
  border-right : 1px solid #66f ;
  padding : 4px ;
}

#waku .tschooltxt { /*おすすめスクールの見出しテキスト*/
	color:#33C;
	margin:3px 0px;
}
#waku .tshopimg {
	float:left;
	margin : 0px 4px 5px 0px;
}
#waku a.tshopttl {
	font-size : 14px;
	padding : 2px;
}
#waku .tshoptxt {
	font-size : 11px;
	line-height : 15px;
	color : #339 ;
}
#waku a.Goshop {
	clear : both;
	/*margin-left : 80px;*/
}
#waku .syosai {
	text-align:right;
}

.backbtn { text-align:center;}
.backbtn a { display:block; background:url(../img/back_btn.gif) 0 0 no-repeat; width:164px; height:33px; text-indent:-9999px; margin:0 auto;}
.backbtn a:hover { background:url(../img/back_btn.gif) bottom left no-repeat;}

#tokusearch {
	width:680px;
	margin:0px 20px;
	padding:0px;
}
#tokusearch .top {
	background: url(../img/topgfx/toku_search01.gif) no-repeat bottom;
	width:680px;
	height:35px;
}
#tokusearch .top_yoyaku {
	background: url(../img/topgfx/toku_search01_yoyaku.gif) no-repeat bottom;
	width:680px;
	height:35px;
}
#tokusearch .ctr {
	background: url(../img/topgfx/toku_search02.gif) repeat-y;
	width:680px;
	margin:0;
	padding:0;
}
#tokusearch .btm {
	background: url(../img/topgfx/toku_search03.gif) no-repeat top;
	width:680px;
	height:10px;
}