@charset "utf-8";
/* CSS Document */

/*見出し*/

h2 {
	position:relative;
	font-size: 83%;
}

h2 span {
	color:#0677F9;
	font-weight: normal;
	position:absolute;
	right: 12px;
}

h2.pt01 {height:40px;width: 465px;}
h2.pt02 {height:35px;width: 600px;}
h2.pt01 span {bottom: 14px}
h2.pt02 span {bottom: 8px;letter-spacing:0.2em;}

#mi_tourtopics {background:url(../images/top/mi_tourtopics.gif) no-repeat;}
#mi_mokuteki {background:url(../images/top/mi_mokuteki.gif) no-repeat;}
#mi_tokusyu {background:url(../images/top/mi_tokusyu.gif) no-repeat;}
#mi_staff {background:url(../images/top/mi_staff.gif) no-repeat;}

div#con_top {
	width: 900px;
	height:auto;
	overflow: hidden;
}

div#con_topleft {
	width: 430px;
	height:auto;
	overflow:hidden;
	float:left;
}


div#con_topright {
	width: 465px;
	height:auto;
	float:right;
}

div#sliderwrapp {
	width: 418px;
	height:328px;
	border:1px solid #a0bac1;
	margin:10px 5px;
}

div#slider {margin: 4px;}

div.tel {
	width:600px;
	height:193px;
	background:url(../images/top/tel.jpg) no-repeat;
	position:relative;
}

.tel p {
	width:auto;height:auto;
	position:absolute;
}

.tel p.form {
	left: 273px;
	bottom: 17px;
}


div#keyword {
	width: 465px;
	height: 54px;
	background:url(../images/top/keyword.gif) no-repeat;
	overflow: hidden;
	margin-top: 15px;
}

div#keyword p {
	font-size: 93%;	
	margin: 32px 0px 0px 10px;
}


/*新着ツアートピックス*/
div#tourtopics {
	width: 465px;
	height:auto;
	overflow: hidden;
	margin-top: 15px;
}

div#topicsbox {
	width: 463px;
	_width: 465px;
	height:auto;
	overflow:hidden;
	background:#d2f5f1;
	border:1px solid #0581f6;
	border-top: none;
}

div#topicsboxin {
	width: 453px;
	height:auto;
	margin:4px;
}

ul.tabs {
	margin: 0;
	padding: 0;
	float: left;
	list-style: none;
	height: 23px;
	border-bottom: 1px solid #a0bac1;
	width: 100%;
}

ul.tabs li {
	float: left;
	margin: 0;
	padding: 0;
	height: 22px;
	line-height: 23px;
	border: 1px solid #a0bac1;
	/*border-left: none;*/
	background:url(../images/top/tabgrabg.gif) repeat-x;
	overflow: hidden;
	position: relative;
	margin-right: 3px;
}

ul.tabs li a {
	text-decoration: none;
	color: #FFF;
	display: block;
	font-size: 93%;
	padding: 0 20px;
	outline: none;
}

ul.tabs li a:hover {
	background:url(../images/top/tabgrabg_o.gif) repeat-x;
	color:#FFF;
}	

html ul.tabs li.active, html ul.tabs li.active a:hover  {
	background: #fff;
	border-bottom: 1px solid #fff;
	color:#058ef2!important;
}

html ul.tabs li.active a {color:#058ef2;}

.tab_container {
	border: 1px solid #a0bac1;
	border-top: none;
	clear: both;
	float: left; 
	width: 100%;
	margin-bottom: 7px;
	background: #fff;
}
/*tab_content*/


div.tab_content {text-align: left;}

div.tab_content ul {
	margin: 5px;
	width: 443px;
	text-align:left;
}

div.tab_content ul li {
	height: 25px;
	border-bottom: 2px dotted #535353;
	margin-bottom: 6px;
	line-height: 25px;
	padding-left: 55px;
	font-size: 88%;
}

li.topics {background:url(../images/top/icon_topic.gif) no-repeat left;}
li.tokyo {background:url(../images/top/icon_tokyo.gif) no-repeat left;}
li.osaka {background:url(../images/top/icon_osaka.gif) no-repeat left;}
li.nagoya {background:url(../images/top/icon_nagoya.gif) no-repeat left;}
li.fukuoka {background:url(../images/top/icon_fukuoka.gif) no-repeat left;}

div.tab_content ul li a {text-decoration: none;}

p.moretour {
	width:190px;
	height: 30px;
	margin-left: 260px;
	margin-bottom: 8px;
	margin-top: 8px;
}

p.moretour a {
	display:block;
	width: 290px;
	height: 30px;
	color:#FFF;
	background:url(../images/top/btn_moretour.gif) no-repeat;	
	line-height: 30px;
	padding-left: 30px;
	text-decoration: none;
}

p.moretour a:hover {background:url(../images/top/btn_moretour_o.gif) no-repeat;}


/*目的から探す*/
div.mokutekibox {
	background:#e2f9fd;
	width: 290px;
	height: 66px;
	overflow:hidden;
	float:left;
	margin-bottom: 10px;
}

div.mokutekibox dl {width:280px;height: 56px;margin: 5px;}
div.mokutekibox dl dt {float:left;width: 85px;}
div.mokutekibox dl dd {float:right;width: 195px;}

div.mokutekibox dl dd h3 {font-size: 93%;margin-bottom:3px;}
div.mokutekibox dl dd h3 a {color:#db0427;text-decoration: none;}
div.mokutekibox dl dd h3 a:hover {text-decoration:underline;}
div.mokutekibox dl dd p {font-size: 93%;line-height: 1.2em;}

div#bgnone {background: none;}
div#yesno {width: 280px;height: auto;margin: 5px;}
div#yesno p {height: 25px;padding-left: 30px;line-height: 25px;background:url(../images/top/yesno.gif) no-repeat left;color:#003458;}
div#yesno a {
	display:block;
	width: 134px;
	height:23px;
	background:url(../images/top/yesnobg.gif) repeat-x;
	float:left;
	color:#FFF;
	text-decoration: none;
	line-height: 23px;
	text-align: center;
	margin-top: 5px;
}
	
div#yesno a:hover {background:url(../images/top/yesnobg_o.gif) repeat-x;}


/*オリジナルツアー*/

div.orderbox{
	width:598px;
	height:auto;
	border:#8fe9ef 1px solid;
	border-top:none;
	margin-bottom:10px;
	overflow:hidden;
}

.order_mi{
	width:598px;
	height: 22px;
	line-height: 22px;
	border-width: 1px;
	border-style: solid;
	text-align: center;
	font-size: 93%;
	border-color:#8fe9ef;background:#dbf5f3;
	font-size:12px;
}

div.orderbox p{
	margin:8px;
	font-size:12px;
	line-height:1.3;
}

/*特集記事から探す*/
div.banabox {
	width: 580px;
	height: auto;
	overflow: hidden;
	margin: 0px 0px 15px 8px;
}

div.bana {
	width: 290px;
	text-align:left;
	height:auto;
	overflow: hidden;
	float: left;
}

dl#tokusyulist {
	width: 590px;
	clear:both;
}

dl#tokusyulist dt {
	width: 590px;
	height:20px;
	position:relative;
	margin-bottom: 5px;
	line-height: 20px;
}

dt.icon_fun {background:url(../images/public/icon_fundiving.gif) no-repeat left;}
dt.icon_lice {background:url(../images/public/icon_license.gif) no-repeat left;}
dt.icon_taiken {background:url(../images/public/icon_license.gif) no-repeat left;}

dl#tokusyulist dt a {
	display: block;
	position:absolute;
	left: 90px;	
}

dl#tokusyulist dd {
	font-size: 93%;
	height:auto;
	line-height: 1.4em;
	padding-bottom: 5px;
	margin-bottom: 10px;
	background:url(../images/public/line590.gif) no-repeat bottom;
}
	

/*コンテンツのバナー*/
div#con_banner {height:auto;margin-bottom:10px;}	

div.blogbox {
	width: 600px;
	height:auto;
	overflow: hidden;
}

h3.blogmi {
	width:598px;
	border-width: 1px;
	border-style: solid;
	text-align: center;
	height: 33px;
	line-height: 33px;
	font-size: 93%;
	margin-bottom: 5px;
	border-color:#8fe9ef;background:#dbf5f3;color:#20beda;
}

div.box {
	background:url(../images/top/dotbg.gif) no-repeat right;
	width: 293px;
	_width: 295px;
	height:119px;
	border: 1px solid #d8d8d8;
	margin-bottom: 5px;
}

div.box div {
	width: 136px;
	height:auto;
	float:left;
}

div.box dl {
	width: 157px;
	height:auto;
	float:right;
}

div.box div pre {
	display:block;
	width: 117px;
	height: 20px;
	background:#428cf1;
	line-height: 20px;
	font-style:normal;
	margin:5px 0px 0px 7px;
	color:#FFF;	
}

div.box div img {
	width: 117px;
	display:block;
	margin-left: 7px;
}

div.box dl dt {
	color:#005aee;
	font-size:93%;
	line-height: 1.35em;
	font-weight: 700;
	margin: 6px 0px 10px 0px;
}

div.box dl dd {
	font-size: 88%;
}

#rssboxwaku {
	width: 600px;
	height:auto;
	background:#c2eceb;
	padding-bottom: 5px;
}

#rssboxwaku_tokyo {
	width: 295px;
	height:auto;
	background:#caeeca;
	padding-bottom: 5px;
}

#rssbox,#rssboxfeed {background:#FFF;width: 590px;margin:5px;height:auto;overflow:hidden;}
#rssbox strong,#rssboxfeed strong {
	width: 590px;
	height: 25px;
	color:#f7931e;
	display:block;
	font-style:normal;
	overflow:hidden;
}

#rssboxwaku strong {background:#c2eceb;}
#rssboxwaku_tokyo strong {background:#caeeca;}	

#rssbox strong span,#rssboxfeed strong span {
	display:block;
	height: 18px;
	line-height: 20px;
	padding-left: 8px;
	border-left: 3px solid #f7931e;
	display:block;
	margin: 3px 0px;
}

#rssbox div,#rssboxfeed div {
	width:575px;
	height:auto;
	overflow: hidden;
	margin:5px 5px 10px;
}

#rssbox div pre {
	width: auto;
	height:24px;
	line-height: 18px;
	padding-left: 5px;
	background:url(../images/top/rss_datebg.gif) no-repeat;
	color:#FFF;
	font-weight: 700;
	margin: 4px 0px;
}

#rssbox div h4,.rss-box .rss-item a {
	margin: 0px 0px 5px;
	background:url(../images/top/rss_mi.gif) no-repeat left;
	padding-left:8px;
	font-size: 93%;
}

#rssbox div h4 a,.rss-box .rss-item a {
	color:#003458;
	text-decoration: none;
	font-weight: 700;
}

.rss-box .rss-item a {
	font-size: 108%;	
}

#rssbox div p,ul.rss-items li {
	font-size: 88%;
	background:url(../images/top/rssbottomline.gif) no-repeat bottom left;
	padding-bottom: 10px;
	height:auto;
}

ul.rss-items li {margin-bottom: 10px;}


/*ツアーボックス*/
div#tourbox div {
	width: 190px;
	height: 280px;
	background:url(../images/top/tourbg.gif) no-repeat;
	float:left;
	overflow: hidden;
}

div#tourbox h4 {
	color:#0676f9;
	width:auto;
	margin:8px;
	border-left: 3px solid #0676f9;
	padding-left: 5px;
	font-size: 100%;
}

img.photo {
	display:block;
	width: 173px;
	margin: 8px;
}

div#tourbox p {
	width: 173px;
	margin: 5px 8px;
	font-size: 93%;
}

img.btn {width:140px;margin:3px 8px;}

h3.mi_gray {
	width: 600px;
	height:30px;
	line-height: 32px;
	background:url(../images/public/mi_gray01.gif) no-repeat;
	position: relative;
	font-size: 93%;
	letter-spacing:0.1em;
}

h3.mi_gray span {
	position:absolute;
	left: 20px;
}

div.about {	border-color:#a4a8ab;}

.bana600 {
	height:auto;
	margin-bottom: 10px;
}

div.about img {display:block;width: 160px;height:auto;float:left;margin-right: 10px;margin-top: 5px;}
div.about p {width: 420px;float:right;font-size: 93%;line-height: 1.5em;margin-top: 5px;}


/*天気予報*/
#tenkibox {
	width: 287px;
	height:121px;
	background:url(../images/top/weather/tenki_bg.gif) no-repeat;
	overflow:hidden;
	font-size:13px;
	margin-bottom: 10px;
}

#tenkiboxin {
	width: 277px;
	height:auto;
	margin:15px 10px 10px;
}

#tenkibox h5 {margin-bottom:7px;}

#tenkibox table {
	width: 266px;
	height:auto;
	border-collapse:collapse;
}
	
#tenkibox table tr#honto td {
	border-bottom:1px dotted #000;
	padding-bottom: 5px;
}

#tenkibox table tr#ishigaki td {padding-top: 5px;}


/*サイトTOPの、動くバナーの下「ダイビングライセンスはお持ちですか？」*/
.hp_guide_wrapp{
	width:600px;
	height:auto;
	overflow:hidden;
	margin-bottom:10px;
}

.hp_guide{
	width:auto;
	height:auto;
	overflow:hidden;
	border-left:#d6d4db 1px solid;
	border-right:#d6d4db 1px solid;
	border-bottom:#d6d4db 1px solid;
	padding:0px 0 0 8px;
}

.no_license_wrapp,.yes_license_wrapp{
	width:286px;
	height:auto;
	overflow:hidden;
	margin-bottom:8px;
}

.no_license_wrapp{
	float:left;
	margin-right:9px;
}

.no_license,.yes_license{
	width:auto;
	height:auto;
	overflow:hidden;
	padding-top:5px;
}

.no_license{
	border-left:#c3d5be 1px solid;
	border-right:#c3d5be 1px solid;
	border-bottom:#c3d5be 1px solid;
}

.yes_license{
	border-left:#c3d5be 1px solid;
	border-right:#c3d5be 1px solid;
	border-bottom:#c3d5be 1px solid;
}

.linkbox{
	width:auto;
	height:auto;
	overflow:hidden;
	margin:0 5px 5px 5px;
}

.leftimg{
	width:110px;
	height:78px;
	overflow:hidden;
	margin-right:12px;
	float:left;
}

.link_txt{
	width:152px;
	height:74px;
	overflow:hidden;
	float:left;
	padding:4px 0px 0px 0px;
}

.link_txt p{
	font-size:93%;
	line-height:1.2em;
	margin-bottom:4px;
	color:#484848;
}
/*サイトTOPの、動くバナーの下「ダイビングライセンスはお持ちですか？」　ここまで*/



/*スタッフコメント付おすすめツアー*/

.s_box {
	width: 190px;
	height:auto;
	overflow:hidden;
	float:left;
	margin-right:5px;
}

.s_box dl {
	width: 190px;
	height:auto;
	overflow:hidden;
	border-bottom: 1px dotted #666666;
	margin-bottom: 5px;
	padding-bottom:5px;
}

.s_box dl dt {
	width:80px;
	height:auto;
	overflow:hidden;
	float:left;
}

.s_box dl dt img {margin-bottom:5px;}

.s_box dl dd {width: 110px;font-size: 88%;line-height: 1.3em;float:right;}
.s_box dl dd a {text-decoration:none;}

.s_box div {
	width: 190px;
	height:40px;
	overflow:hidden;
	position:relative;
}

.s_box div#s_matsu {background:url(../images/top/staff/s_matsuyama.jpg) no-repeat left;}
.s_box div#s_kon {background:url(../images/top/staff/s_kondo.jpg) no-repeat left;}
.s_box div#s_oka {background:url(../images/top/staff/s_okamura.jpg) no-repeat left;}

.s_box div#s_kami {background:url(../images/top/staff/s_kamigaichi.jpg) no-repeat left;}
.s_box div#s_yama {background:url(../images/top/staff/s_yamashita.jpg) no-repeat left;}
.s_box div#s_saku {background:url(../images/top/staff/s_sakuma.jpg) no-repeat left;}
.s_box div#s_kubo {background:url(../images/top/staff/s_kuboi.jpg) no-repeat left;}

.s_box div p {
	width:auto;
	height:auto;
	position:absolute;
	left:45px;
	bottom:0px;
	line-height: 1.5em;
	font-size:93%;
}

#lasts_box {margin-right:0px;}





/*特典ボックス*/


#tokuten {width:600px;overflow:hidden;margin-bottom:15px;height:auto;font-family:Meiryo,"Hiragino Kaku Gothic ProN",  sans-serif;}
#tokuten h3 {
	text-align:center;
	z-index:9999;
}
#tokubox {
	margin-top:-36px;
	width:600px;
	z-index:888;
	height:auto;
	overflow:hidden;
	background:url(../images/top/toku_bg.gif) repeat;
}

#toku_inner {
	width:540px;
	height:auto;
	overflow:hidden;
	margin:10px;
	background:#FFF;
	padding:50px 20px 10px;
}
#toku_inner div {
	margin-left:5px;
}

.bxSlider div h4 {
	width:100%;
	height:40px;
	font-weight:700;
	font-size: 130%;
}

.bxSlider div h4 span {
	background:url(../images/top/tokuarea_bg.gif);
	color:#FFF;
	display:inline-block;
	padding:5px;
	margin-right:10px;
	}
.bxSlider div h4 em {
	display:inline-block;
	color:#224f6f;
	font-style:normal;
}
.bxSlider div dl dt {
	width:110px;
	height:auto;
	overflow:hidden;
	float:left;
	margin-bottom:10px;
}
.bxSlider div dl dd {
	width:430px;
	height:auto;
	float:right;
	padding:0;
	margin-bottom:10px;
}
.bxSlider div dl dd p {margin-bottom: 15px;font-size:120%;}

.bxSlider div dl dd p:nth-child(1){
	color:red;
	font-weight:700;
	margin-bottom: 15px;
}

.bxSlider div dl dd p span {
	display:inline;
}

span.toku_l {
	color:#FFF;
	background:#224f6f;
	padding:3px 5px;
	margin-right: 10px;
}
span.toku_r {line-height:1.3em;}

.bxSlider div ul {
	clear:both;
	width:100%;
}

.bxSlider div ul li {
	width:23%;
	float:left;
	margin-right:10px;

}

.bxSlider div ul a {
	display:block;
	text-align:center;
	background-image: -moz-linear-gradient(top, #ecfcff, #c1f5ff);
	background-image: -ms-linear-gradient(top, #ecfcff, #c1f5ff);
	background-image: -webkit-linear-gradient(top, #ecfcff, #c1f5ff);
	background-image: linear-gradient(top, #ecfcff, #c1f5ff);
	border:1px solid #b0f7ff;
	width:100%;
	text-decoration:none;
	padding:10px 0;
	color:red;

}
.bxSlider div ul a:hover {
border:1px solid #efeaa1;
background-image: -moz-linear-gradient(top, #fffed9, #fffb8e);
background-image: -ms-linear-gradient(top, #fffed9, #fffb8e);
background-image: -webkit-linear-gradient(top, #fffed9, #fffb8e);
background-image: linear-gradient(top, #fffed9, #fffb8e);

}

.bxSlider div ul a span {
	display:block;font-weight: 700;
}

span.hatsu {color:#3b4c5a;font-size: 150%;}
a span.price {color:#FF0000!important;font-size:130%;}