@charset "UTF-8";

@import url("content.css");

/* **************************************************************************************

 ダイビングツアー　/tour/

*************************************************************************************** */

/* --------------------------------------------------------------------------------------
 共通
--------------------------------------------------------------------------------------- */

/* サブナビ
------------------------------------------------------------ */

div#subNavi-tour {
	margin-left: -39px;
	background: url(../../tour/img/bg_subnavi_tour.jpg) no-repeat left top;
}
* html div#subNavi-tour {
	position: relative;
	zoom: 1;
}

div#subNavi-tour ul {
	margin-left: 39px;
}

div#subNavi-tour ul:after { content:"."; display:block; height:0; clear:both; visibility:hidden; }
div#subNavi-tour ul { display:inline-block; }
/*\*/
* html div#subNavi-tour ul { height:1%; }
div#subNavi-tour ul { display:block; }
/**/

div#subNavi-tour ul li {
	float: left;
	height: 68px;
	text-indent: -999em;
}

div#subNavi-tour ul li a {
	display: block;
	height: 68px;
	text-indent: -999em;
	text-decoration: none;
	/*\*/overflow: hidden;/**/
}

/* 通常 */

div#subNavi-tour ul li.subNavi01,
div#subNavi-tour ul li.subNavi01 a {
	width: 178px;
	background: url(../../tour/img/subnavi_tour01.jpg) no-repeat 0 0;
}
div#subNavi-tour ul li.subNavi02,
div#subNavi-tour ul li.subNavi02 a {
	width: 182px;
	background: url(../../tour/img/subnavi_tour02.jpg) no-repeat 0 0;
}
div#subNavi-tour ul li.subNavi03,
div#subNavi-tour ul li.subNavi03 a {
	width: 181px;
	background: url(../../tour/img/subnavi_tour03.jpg) no-repeat 0 0;
}
div#subNavi-tour ul li.subNavi04,
div#subNavi-tour ul li.subNavi04 a {
	width: 181px;
	background: url(../../tour/img/subnavi_tour04.jpg) no-repeat 0 0;
}
div#subNavi-tour ul li.subNavi05,
div#subNavi-tour ul li.subNavi05 a {
	width: 178px;
	background: url(../../tour/img/subnavi_tour05.jpg) no-repeat 0 0;
}

/* 現在位置 */

div#subNavi-tour ul li.subNavi01-on,
div#subNavi-tour ul li.subNavi01-on a {
	width: 178px;
	background: url(../../tour/img/subnavi_tour01.jpg) no-repeat 0 -68px;
}
div#subNavi-tour ul li.subNavi02-on,
div#subNavi-tour ul li.subNavi02-on a {
	width: 182px;
	background: url(../../tour/img/subnavi_tour02.jpg) no-repeat 0 -68px;
}
div#subNavi-tour ul li.subNavi03-on,
div#subNavi-tour ul li.subNavi03-on a {
	width: 181px;
	background: url(../../tour/img/subnavi_tour03.jpg) no-repeat 0 -68px;
}
div#subNavi-tour ul li.subNavi04-on,
div#subNavi-tour ul li.subNavi04-on a {
	width: 181px;
	background: url(../../tour/img/subnavi_tour04.jpg) no-repeat 0 -68px;
}
div#subNavi-tour ul li.subNavi05-on,
div#subNavi-tour ul li.subNavi05-on a {
	width: 178px;
	background: url(../../tour/img/subnavi_tour05.jpg) no-repeat 0 -68px;
}

/* ロールオーバー */

div#subNavi-tour ul li.subNavi01 a:hover,
div#subNavi-tour ul li.subNavi02 a:hover,
div#subNavi-tour ul li.subNavi03 a:hover,
div#subNavi-tour ul li.subNavi04 a:hover,
div#subNavi-tour ul li.subNavi05 a:hover {
	background-position: 0 -68px;
}

div#subNavi-tour ul li.subNavi01-on a:hover,
div#subNavi-tour ul li.subNavi02-on a:hover,
div#subNavi-tour ul li.subNavi03-on a:hover,
div#subNavi-tour ul li.subNavi04-on a:hover,
div#subNavi-tour ul li.subNavi05-on a:hover {
	background-position: 0 -68px;
}


/* ローカルナビ
------------------------------------------------------------ */

div#ctArea-tour ul.localNavi-suburbs {
	margin: 0 0 20px;
}

div#ctArea-tour div#ctBottom ul.localNavi-suburbs {
	float: left;
	width: 700px;
	margin: 0;
}

div#ctArea-tour ul.localNavi-suburbs:after { content:"."; display:block; height:0; clear:both; visibility:hidden; }
div#ctArea-tour ul.localNavi-suburbs { display:inline-block; }
/*\*/
* html div#ctArea-tour ul.localNavi-suburbs { height:1%; }
div#ctArea-tour ul.localNavi-suburbs { display:block; }
/**/

div#ctArea-tour ul.localNavi-suburbs li {
	float: left;
	min-height: 13px;
	margin-right: 25px;
	padding-left: 18px;
	background: url(../../tour/img/icon_arrow.gif) no-repeat 0 .2em;
}
* html div#ctArea-tour ul.localNavi-suburbs li {
	height: 13px;
}


/* --------------------------------------------------------------------------------------
 スケジュール　/tour/index.html
--------------------------------------------------------------------------------------- */

div#ctArea-tour div.monthSelector {
	margin: 20px 0 10px;
	text-align: center;
}

div#ctArea-tour div.monthSelector span {
	margin: 0 35px;
	color: #00C1E3;
	font-size: 150%;
	font-weight: bold;
}

div#ctArea-tour div.monthSelector img {
	margin: 0 5px;
	vertical-align: text-top;
}

div#ctArea-tour div.monthSelector a {
	font-size: 86%
}

div#ctArea-tour div.monthSelector a:link,
div#ctArea-tour div.monthSelector a:visited,
div#ctArea-tour div.monthSelector a:hover,
div#ctArea-tour div.monthSelector a:active {
	color: #7D8384;
}

div#ctArea-tour div.calendarArea {
	padding: 11px 0 4px 5px;
	background: #EEEEEE;
}

div#ctArea-tour div.calendarArea table {
	border-top: 1px solid #EEEEEE;
	border-left: 1px solid #EEEEEE;
}

div#ctArea-tour div.calendarArea table th,
div#ctArea-tour div.calendarArea table td {
	border-bottom: 1px solid #EEEEEE;
	border-right: 1px solid #EEEEEE;
	background: #FFFFFF;
	vertical-align: top;
	text-align: left;
	letter-spacing: 0;
}

div#ctArea-tour div.calendarArea table td {
	width: 116px;
	height: 75px;
	padding: 3px 5px;
	color: #0294C5;
}

div#ctArea-tour div.calendarArea table td.holiday {
	background: #F7F7F7;
}
div#ctArea-tour div.calendarArea table td.tour {
	background: #E8F9FE;
}

div#ctArea-tour div.calendarArea table td span.num {
	display: block;
	padding: 0px 0 5px; 
	color: #595D5E;
	font-size: 86%;
}

div#ctArea-tour div.calendarArea table td span.blue {
	color: #2AB1DE !important;
}
div#ctArea-tour div.calendarArea table td span.red {
	color: #D03B3B !important;
}
div#ctArea-tour div.calendarArea table td span.red2 {
	color: #fe2b2b !important;
	font-size: 10px;
}
div#ctArea-tour div.calendarArea table td span.bk {
	color: #000000 !important;
	font-size: 10px;
}

/* --------------------------------------------------------------------------------------
 一覧ページ
--------------------------------------------------------------------------------------- */

div#ctArea-tour div#tourList {
	width: 900px;
	margin: 0 0;
}

div#ctArea-tour div#tourList ul {
	width: 900px;
}

div#ctArea-tour div#tourList ul:after { content:"."; display:block; height:0; clear:both; visibility:hidden; }
div#ctArea-tour div#tourList ul { display:inline-block; }
/*\*/
* html div#ctArea-tour div#tourList ul { height:1%; }
div#ctArea-tour div#tourList ul { display:block; }
/**/

div#ctArea-tour div#tourList ul li {
	float: left;
	width: 285px;
	min-height: 260px;
	margin-right: 22px;
}
* html div#ctArea-tour div#tourList ul li {
	height: 260px;
}

div#ctArea-tour div#tourList ul li.nomg {
	margin-right: 0;
}

div#ctArea-tour div#tourList ul li img {
	display: block;
	margin-bottom: 5px;
	vertical-align: bottom;
}


/* 日付
------------------------------------------------------------ */

div#ctArea-tour div#tourList ul li span.date {
	padding: 2px;
	background: #02CFFC;
	color: #FFFFFF;
	font-weight: bold;
}


/* 行き先
------------------------------------------------------------ */

div#ctArea-tour div#tourList ul li spanplace {
	display: block;
	
}
div#ctArea-tour div#tourList ul li .place {
	width:245px;
	margin: 6px 0px 3px 0px;
	padding: 2px 0px 0px 40px;
	font-size:20px;
	height:33px;
	background-image:url(../../tour/img/yajirusi.gif);
	background-repeat: no-repeat;
	display: block;
}
div#ctArea-tour div#tourList ul li .place a{
	text-decoration:none;
	color:#000000;
}
div#ctArea-tour div#tourList ul li .place a:hover {
	color:#04acea;
}

/*//////////////////*/
div#ctArea-tour div#tourList ul li .place2 {
	width:245px;
	margin: 6px 0px 0px 0px;
	padding: 5px 0px 0px 40px;
	font-size:16px;
	height:33px;
	background-image:url(../../tour/img/yajirusi.gif);
	background-repeat: no-repeat;
	display: block;
}
div#ctArea-tour div#tourList ul li .place2 a{
	text-decoration:none;
	color:#000000;
}
div#ctArea-tour div#tourList ul li .place2 a:hover {
	color:#04acea;
}

/* 説明
------------------------------------------------------------ */

div#ctArea-tour div#tourList ul li strong {
	font-weight: normal;
}

div#ctArea-tour div#tourList ul li strong a:link,
div#ctArea-tour div#tourList ul li strong a:visited,
div#ctArea-tour div#tourList ul li strong a:hover,
div#ctArea-tour div#tourList ul li strong a:active {
	color: #4D5153;
}


/* 注意文
------------------------------------------------------------ */

div#ctArea-tour div#tourList p.notes {
	clear: both;
	margin-top: 30px;
}


/* --------------------------------------------------------------------------------------
 詳細ページ
--------------------------------------------------------------------------------------- */

div.ctArea-tour-detail div#catchArea {
	width: 900px;
	margin-bottom: 10px;
}

div.ctArea-tour-detail div#introArea {
	width: 900px;
	margin-bottom: 20px;
}

div.ctArea-tour-detail div#introArea:after { content:"."; display:block; height:0; clear:both; visibility:hidden; }
div.ctArea-tour-detail div#introArea { display:inline-block; }
/*\*/
* html div.ctArea-tour-detail div#introArea { height:1%; }
div.ctArea-tour-detail div#introArea { display:block; }
/**/

div.ctArea-tour-detail div#introAreaLeft {
	float: left;
	width: 585px;
}

div.ctArea-tour-detail div#introAreaRight {
	float: right;
	width: 305px;
}

div.ctArea-tour-detail div#introArea p {
	margin-bottom: 15px;
}

div.ctArea-tour-detail table.tourTbl {
	width: 585px;
	margin: 0 0 15px;
}

div.ctArea-tour-detail table.tourTbl th,
div.ctArea-tour-detail table.tourTbl td {
	padding: 8px 7px;
	vertical-align: top;
	text-align: left;
	font-weight: normal;
}

div.ctArea-tour-detail table.tourTbl tr.last th,
div.ctArea-tour-detail table.tourTbl tr.last td {
	border-bottom: none;
}

div.ctArea-tour-detail table.tourTbl th {
	width: 161px;
	border-bottom: 1px solid #FFFFFF;
	background: #E7F7FB;
	color: #056C76;
	font-size: 86%;
}

div.ctArea-tour-detail table.tourTbl td {
	border-bottom: 1px dotted #85BBC9;
	color: #000000;
}

div.ctArea-tour-detail table.tourTbl td span.notes {
	color: #FA0101;
	font-size: 86%;
}

div.ctArea-tour-detail div#tourScheduleArea h4 {
	margin-bottom: 5px;
	color: #056C76;
	font-size: 86%;
	font-weight: bold;
}

div.ctArea-tour-detail p#btnApplication {
	width: 86px;
	height: 86px;
	margin: 20px 0 0 430px;
	background: url(../../tour/img/btn_application.gif) no-repeat 0 0;
	text-indent: -999em;
}

div.ctArea-tour-detail p#btnApplication a {
	display: block;
	width: 86px;
	height: 86px;
	background: url(../../tour/img/btn_application.gif) no-repeat 0 0;
	text-indent: -999em;
	text-decoration: none;
	/*\*/overflow: hidden;/**/
}

div.ctArea-tour-detail p#btnApplication a:hover {
	background-position: 0 -86px;
}

div.ctArea-tour-detail div#tourScheduleArea {
	clear: both;
	width: 900px;
}

div.ctArea-tour-detail div#tourScheduleArea table.scheduleTbl {
	width: 899px;
	border-top: 1px solid #B4D8E1;
	border-left: 1px solid #B4D8E1;
}

div.ctArea-tour-detail div#tourScheduleArea table.scheduleTbl th,
div.ctArea-tour-detail div#tourScheduleArea table.scheduleTbl td {
	padding: 7px 10px;
	border-bottom: 1px solid #B4D8E1;
	border-right: 1px solid #B4D8E1;
	vertical-align: top;
	text-align: left;
}

div.ctArea-tour-detail div#tourScheduleArea table.scheduleTbl th {
	background: #E7F7FB;
	text-align: center;
	color: #056C76;
	font-size: 86%;
}

div.ctArea-tour-detail div#tourScheduleArea table.scheduleTbl td.txtCenter {
	vertical-align: middle;
	text-align: center;
}

div.ctArea-tour-detail div#tourScheduleArea table.scheduleTbl td.width01 {
	width: 50px;
}

div.ctArea-tour-detail div#tourScheduleArea table.scheduleTbl td p.image {
	margin: 5px 0;
}
div.ctArea-tour-detail div#tourScheduleArea table.scheduleTbl td p.image img {
	margin-right: 1px;
}

div.ctArea-tour-detail div#tourScheduleArea p.notes {
	margin: 10px 0;
	color: #19929D;
}

div.ctArea-tour-detail div#tourScheduleArea dl.goodsList {
	width: 900px;
	margin-top: 30px;
	margin-bottom: 10px;
}

div.ctArea-tour-detail div#tourScheduleArea dl.goodsList:after { content:"."; display:block; height:0; clear:both; visibility:hidden; }
div.ctArea-tour-detail div#tourScheduleArea dl.goodsList { display:inline-block; }
/*\*/
* html ddiv.ctArea-tour-detail div#tourScheduleArea dl.goodsList { height:1%; }
div.ctArea-tour-detail div#tourScheduleArea dl.goodsList { display:block; }
/**/

div.ctArea-tour-detail div#tourScheduleArea dl.goodsList dt {
	float: left;
	width: 70px;
}

div.ctArea-tour-detail div#tourScheduleArea dl.goodsList dd {
	float: left;
	width: 830px;
}

div.ctArea-tour-detail div#tourScheduleArea dl.goodsList dd ul {
	width: 830px;
}

div.ctArea-tour-detail div#tourScheduleArea dl.goodsList dd ul:after { content:"."; display:block; height:0; clear:both; visibility:hidden; }
div.ctArea-tour-detail div#tourScheduleArea dl.goodsList dd ul { display:inline-block; }
/*\*/
* html ddiv.ctArea-tour-detail div#tourScheduleArea dl.goodsList dd ul { height:1%; }
div.ctArea-tour-detail div#tourScheduleArea dl.goodsList dd ul { display:block; }
/**/

div.ctArea-tour-detail div#tourScheduleArea dl.goodsList dd ul li {
	float: left;
	width: 97px;
	margin-right: 5px;
	text-align: center;
	color: #BF5A01;
	font-size: 86%;
}

div.ctArea-tour-detail div#tourScheduleArea dl.goodsList dd ul li img {
	display: block;
}


/* --------------------------------------------------------------------------------------
 近郊・日帰りツアー　/tour/suburbs/
--------------------------------------------------------------------------------------- */

div.ctArea-tour-detail div#ctArea-tour-suburbs div#catchArea {
	position: relative;
	height: 291px;
	padding-top: 10px;
	background: #30D3F7;
}
* html div.ctArea-tour-detail div#ctArea-tour-suburbs div#catchArea {
	height: 301px;
}

div.ctArea-tour-detail div#ctArea-tour-suburbs div#catchArea p.image {
	position: absolute;
	top: 0;
	right: 0;
}

div.ctArea-tour-detail div#ctArea-tour-suburbs div#catchArea p.date {
	width: 144px;
	margin: 0 0 0 10px;
	padding: 2px 5px;
	background: #FFFFFF;
	color: #04AAE2;
	font-weight: bold;
}
* html div.ctArea-tour-detail div#ctArea-tour-suburbs div#catchArea p.date {
	width: 154px;
}

div.ctArea-tour-detail div#ctArea-tour-suburbs div#catchArea h3 {
	margin: 0 0 0 10px;
}


/* --------------------------------------------------------------------------------------
 海外・沖縄ツアー　/tour/overseas/
--------------------------------------------------------------------------------------- */

div.ctArea-tour-detail div#ctArea-tour-overseas div#catchArea {
	position: relative;
	width: 900px;
}

div.ctArea-tour-detail div#ctArea-tour-overseas div#catchArea p.date {
	position: absolute;
	top: 10px;
	left: 10px;
}

div.ctArea-tour-detail div#ctArea-tour-overseas div#catchArea p.date span {
	padding: 3px 10px;
	background: #FFFFFF;
	color: #04AAE2;
	font-weight: bold;
}


/* --------------------------------------------------------------------------------------
 BIGツアー　/tour/big/
--------------------------------------------------------------------------------------- */

div.ctArea-tour-detail div#ctArea-tour-big div#introAreaRight {
	float: right;
	width: 297px;
}

div.ctArea-tour-detail div#ctArea-tour-big div#introAreaRight p.sp {
	margin-top: -9px;
}

* html div.ctArea-tour-detail div#ctArea-tour-big div#introAreaRight p.sp {
	position: relative;
	zoom: 1;
}


/* --------------------------------------------------------------------------------------
 イベントツアー　/tour/event/
--------------------------------------------------------------------------------------- */

div.ctArea-tour-detail div#ctArea-tour-event div#catchArea {
	position: relative;
	width: 900px;
	min-height: 440px;
	background: #F5F5F5;
}
* html div.ctArea-tour-detail div#ctArea-tour-event div#catchArea {
	height: 440px;
}

div.ctArea-tour-detail div#ctArea-tour-event div#catchArea p.imageLeft {
	position: absolute;
	top: 0;
	left: 0;
}

div.ctArea-tour-detail div#ctArea-tour-event div#catchArea p.imageRight {
	position: absolute;
	bottom: 10px;
	right: 10px;
}

div.ctArea-tour-detail div#ctArea-tour-event div#catchArea div.txt {
	width: 430px;
	margin: 0 0 0 460px;
	padding-bottom: 190px;
}

div.ctArea-tour-detail div#ctArea-tour-event div#catchArea div.txt p.date {
	padding-top: 8px;
	color: #000000;
	font-weight: bold;
}

div.ctArea-tour-detail div#ctArea-tour-event div#catchArea div.txt h3 {
	margin: 3px 0 8px 0;
	padding: 6px 10px 4px;
	background: #FFFFFF;
	color: #EE4705;
	font-size: 117%;
	font-weight: bold;
}

div.ctArea-tour-detail div#ctArea-tour-event div#introAreaRight {
	float: right;
	width: 297px;
}

/* ↓ 04.09 追記部分 ↓ */

/* --------------------------------------------------------------------------------------
 キャンセルについて　/tour/cancel.html
--------------------------------------------------------------------------------------- */

div#ctAreaCancel {
	width: 560px;
	margin: 0 auto;
	padding: 10px 0;
	text-align: left;
}

div#ctAreaCancel h1 {
	margin-bottom: 15px;
	border-bottom: 1px solid #9DA135;
	color: #9DA135;
	font-size: 117%;
	font-weight: bold;
}

div#ctAreaCancel h2 {
	margin-bottom: 5px;
	color: #9DA135;
	font-weight: bold;
}

div#ctAreaCancel h3 {
	margin-bottom: 5px;
	font-weight: bold;
}

div#ctAreaCancel p {
	margin-bottom: 15px;
}

div#ctAreaCancel table.cancelTbl {
	width: 559px;
	margin-bottom: 20px;
	border-top: 1px solid #B4D8E1;
	border-left: 1px solid #B4D8E1;
}

div#ctAreaCancel table.cancelTbl th,
div#ctAreaCancel table.cancelTbl td {
	padding: 5px 10px;
	border-bottom: 1px solid #B4D8E1;
	border-right: 1px solid #B4D8E1;
	vertical-align: top;
	text-align: left;
	font-weight: normal;
}

div#ctAreaCancel table.cancelTbl th {
	background: #E7F7FB;
	text-align: center;
	color: #056C76;
}

div#ctAreaCancel table.cancelTbl th.width01 {
	width: 300px;
}

div#ctAreaCancel table.insuranceTbl {
	width: 559px;
	margin-bottom: 20px;
	border-top: 1px solid #B4D8E1;
	border-left: 1px solid #B4D8E1;
}

div#ctAreaCancel table.insuranceTbl th,
div#ctAreaCancel table.insuranceTbl td {
	padding: 5px 10px;
	border-bottom: 1px solid #B4D8E1;
	border-right: 1px solid #B4D8E1;
	vertical-align: top;
	text-align: left;
	font-weight: normal;
}

div#ctAreaCancel table.insuranceTbl th {
	background: #E7F7FB;
	vertical-align: middle;
	text-align: center;
	color: #056C76;
}

div#ctAreaCancel table.insuranceTbl th.width01 {
	width: 80px;
}
div#ctAreaCancel table.insuranceTbl th.width02 {
	width: 210px;
}