@charset "utf-8";

@import url("common.css");

/* --------------------------------------------------------------------------------------
 トップページ
--------------------------------------------------------------------------------------- */

/* コース ボタン-------------------- */

div#tp-btn-box {
	text-align: center;
	width: 652px;
	margin-bottom: 5px;
}

ul#tp-btn-in {
	margin: 4px 0 0 10px;
}

ul#tp-btn-in li {
	display: inline;
	float: left;
	margin-left: 5px;
}

ul#tp-btn-in li.btn-txt {
	display: inline;
	float: left;
	margin-left: 5px;
	width: 200px;
	text-align: center;
}

div#tp-btn-box h3.toukikyuugyou{
	text-align: center;
	font-size:230%;
	color:#FF0000;
	margin: 20px 0 20px 0;
}


/* タイトル　構成-------------------- */


div#ct-left-in-right h2 {
	margin-left: 12px;
	width: 619px;
}

div#ct-left-in-right div.co-box {
	margin: 0 0 20px 12px;
	width: 619px;
}

div#ct-left-in-right div.co-box div.co-box-in {
	margin-bottom: 10px;
}


div#ct-left-in-right div.co-box div.co-box-in p {
}

div#ct-left-in-right div.co-box div.co-box-in p strong.red-txt {
	font-size: 120%;
	color: #ff0000;
}

div#ct-left-in-right div.co-box div.co-box-in p strong.red-txt02 {
	font-size: 100%;
	color: #ff0000;
}



div#ct-left-in-right div.co-box h3.t01 {
	background: url(../img/ct-title-bg01.gif) no-repeat;
	color: #ff7e00;
	font-size: 120%;
	font-weight: bold;
	height: 30px;
	margin: 0 0 5px 0;
	padding: 0 0 0 15px;
}

div#ct-left-in-right div.co-box h3.t02 {
	background: url(../img/ct-title-bg02.gif) no-repeat;
	color: #005ac8;
	font-size: 120%;
	font-weight: bold;
	height: 30px;
	margin: 0 0 5px 0;
	padding: 0 0 0 15px;
}

div#ct-left-in-right div.co-box h3.t03 {
	background: url(../img/ct-title-bg03.gif) no-repeat;
	color: #13c800;
	font-size: 120%;
	font-weight: bold;
	height: 30px;
	margin: 0 0 5px 0;
	padding: 0 0 0 15px;
}

div#ct-left-in-right div.co-box div.co-box-in h4.t02 {
	background: url(../img/co-title-bg02.gif) no-repeat;
	color: #005ac8;
	height: 26px;
	padding: 2px 10px 10px;
}

div#ct-left-in-right div.co-box div.co-box-in h4.t03 {
	background: url(../img/co-title-bg03.gif) no-repeat;
	color: #13c800;
	height: 26px;
	padding: 2px 10px 10px;
}

div#ct-left-in-right div.co-box div.co-box-in h4.t01 {
	background: url(../img/co-title-bg04.gif) no-repeat;
	color: #ff7e00;
	height: 26px;
	padding: 2px 10px 10px;
}


div#ct-left-in-right div.co-box div.co-box-in p {
	padding: 0 5px 0 5px;
	clear: both;
}

div#ct-left-in-right div.co-box div.co-box-in p img {
	float: right;
	margin: 0 10px 0 10px;
}

div#ct-left-in-right div.co-box div.co-box-in p img.ph-l {
	float: left;
	margin: 0 10px 0 10px;
}


div#ct-left-in-right div.co-box div.co-box-in p.next {
	margin: 0 0 0 15px;
	width: 154px;
}

div#ct-left-in-right div.co-box div.co-box-in p.next02 {
	float: right;
	margin: 0 10px 0 0;
	width: 154px;
}

div#ct-left-in-right div.co-box p.pagetop02 {
	text-align: right;
	margin: 10px 0;
}


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

   更新エリア

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


/* お客さまの声 -------------------- */

div#ct-left-in-right div.co-box div.news-box {
	width: 308px;
	float: left;
}

div#ct-left-in-right div.co-box div.news-box h2.news-t {
	margin: 0;
	padding: 0;
	width: 304px;
	position: relative;
	clear: both;
}

div#ct-left-in-right div.co-box div.news-box h2.news-t span {
	display: block;
	position: absolute;
	top: 4px;
	right: 10px;
}

div#ct-left-in-right div.co-box div.news-box div.news-in {
	margin-bottom: 15px;
	height: 125px;
}

div#ct-left-in-right div.co-box div.news-box div.news-in p.news-date {
	font-size: 10px;
	margin-left: 3px;
}

div#ct-left-in-right div.co-box div.news-box div.news-in p.news-title {
	font-size: 100%;
	font-weight: bold;
	color: #005ac8;
	margin: 0 0 10px 3px;
	width: 298px;
}

div#ct-left-in-right div.co-box div.news-box div.news-in div.news-detail {
	clear: both;
	margin: 0 0 0 3px;
	width: 298px;
}

div#ct-left-in-right div.co-box div.news-box div.news-in div.news-detail p.news-ph {
	float: right;
	margin: 0 3px 0 0;
}

div#ct-left-in-right div.co-box div.news-box div.news-in div.news-detail p {
	margin: 5px 0;
}

div#ct-left-in-right div.co-box div.news-box div.news-in div.news-detail p.btn {
	margin: 2px 0;
}







div#ct-left-in-right dl.news {
	width: 450px;
	margin: 5px 0 0 4px;
	padding: 6px 0 13px;
	border-left: 2px solid #83BFF7;
	line-height: 1.3;
}

div#ct-left-in-right dl.news dt {
	margin-left: 10px;
	padding-left: 24px;
	background: url(http://www.kaiyuu.tv/img/arw_new.gif) no-repeat 0 0px;
	color: #f05000;
}

div#ct-left-in-right dl.news dd {
	width: 416px;
	margin: 0 0 11px 10px;
	padding: 0 0 6px 24px;
	background: url(http://www.kaiyuu.tv/common/img/line_dot.gif) repeat-x left bottom;
}
* html div#ct-left-in-right dl.news dd {
	width: 440px;
}


/* エリア・スケジュール -------------------- */

div.tour {
	width: 160px;
	margin-bottom: 6px;
	background: #c4eafd;
}

div.tour h3 {
	margin-bottom: 5px;
}

div.tour p {
	padding-bottom: 6px;
	text-align: center;
}

div.tour p.mob-txt {
	font-size: 90%;
	margin-bottom: 5px;
	padding: 0 5px;
	text-align: center;
}



/* カレンダー */

div.calendar {
	text-align: center;
	height: 225px;
}



div.tour table {
	width: 140px;
	margin: 0 0 0 10px;
}

div.tour table th {
	background: #96BEF5;
	color: #FFFFFF;
	font-size: 10px;
	font-weight: normal;
	text-align: center;
}

div.tour table td {
	font-size: 10px;
	text-align: center;
}

div.tour table td table {
	margin: 0;
	width: 140px;
	background: #FFFFFF;
}

div.tour table td table td {
	padding-left: 1px;
	border-left: 1px solid #A4CFFA;
	border-bottom: 1px solid #A4CFFA;
	text-align: left;
}

div.tour table td table tr.day td {
	width: 20px;
	padding: 0;
	background: #BCE7FF;
	text-align: center;
}

div.tour table td table td.sun {
	color: #FF373E;
	border-left: none;
}

div.tour table td table td.sat {
	color: #0084FF;
}

div.tour table td span {
	color: #F29600;
}



/* 会社情報・LINK -------------------- */

div#ct-left-in-left ul.link-btn {
	width: 160px;
}

div#ct-left-in-left ul.link-btn li {
	margin-bottom: 5px;
}

div#ct-left-in-left ul.link-btn li.bnr02 {
	text-align: center;
}

div#ct-left-in-left ul.link-btn li.bnr02 {
	text-align: center;
}



/* バナー -------------------- */

div.bnr-btm {
	padding: 13px 0 11px 11px;
	border-top: 2px solid #83BFF7;
}

div.bnr-btm ul {
	width: 798px;
}

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

div.bnr-btm ul li {
	float: left;
	margin-right: 20px;
}

div.bnr-btm ul li.end {
	margin-right: 0;
}


/* --------------------------------------------------------------------------------------
 下層ページ共通
--------------------------------------------------------------------------------------- */

/* タイトル -------------------- */

div#ct-left h1 {
	margin-bottom: 11px;
}


/* コンテンツタイトル -------------------- */

div#ct-section h2 {
	padding: 4px 0 3px 23px;
	background: url(http://www.kaiyuu.tv/common/img/bg_ct_title.gif) no-repeat;
	color: #005AC8;
	font-size: 15px;
}

div#ct-section h2 span {
	font-size: 12px;
	font-weight: normal;
}


/* ページ先頭へ戻る -------------------- */

div.pagetop {
	width: 625px;
	margin-left: 14px;
	padding: 1px 0 0;
	background: #DCEBFF url(http://www.kaiyuu.tv/common/img/bg_pagetop_tp.gif) no-repeat;
	font-size: 10px;
}

div.pagetop p {
	width: 625px;
	padding: 0 0 2px 0;
	background: url(http://www.kaiyuu.tv/common/img/bg_pagetop_btm.gif) no-repeat left bottom;
}

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

div.pagetop span {
	display: block;
	float: right;
	padding: 0 9px 0 17px;
	background: url(http://www.kaiyuu.tv/common/img/arw_pagetop.gif) no-repeat 0 4px;
}

/* --------------------------------------------------------------------------------------
 コース一覧
--------------------------------------------------------------------------------------- */

/* リードコピー -------------------- */

div#ct-left p.lead {
	padding: 0 0 15px 52px;
	font-size: 13px;
}


/* コース概要 -------------------- */

div.course {
	width: 614px;
	margin: 10px 0 20px 10px;
}

div.course div.outline {
	float: left;
/*	width: 414px; */
}

div.course div.outline h3 {
	margin-bottom: 12px;
	font-size: 14px;
	font-weight: normal;
	line-height: 1.3;
}

div.course div.outline h3.health {
	margin-bottom: 4px;
	font-size: 14px;
	font-weight: bold;
	font-color: #f06400;
}

div.course div.outline p {
	margin-bottom: 12px;
	font-size: 12px;
	font-weight: normal;
	line-height: 1.3;
	align: left
}

div.course div.outline p.more {
	align: right
}

div.outline dl {
	width: 370px;
	margin: 0 0 11px 3px;
	color: #f06400;
	line-height: 1.2;
}

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

div.outline dl dt {
	float: left;
	width: 119px;
}

/*\*/
div.outline dl dt {
	clear: both;
}
/**/

div.outline dl dd {
	float: left;
}

/*\*/
* html div.outline dl dd {
	float: none;
}
/**/

*:first-child + html div.outline dl dd {
	float: none;
}

div.outline dl dd span {
	font-size: 10px;
}

div.course p.photo {
	float: right;
	width: 140px;
}


/* --------------------------------------------------------------------------------------
 沖縄の気候
--------------------------------------------------------------------------------------- */
div.course div.outline p.weather {
	float: right;
	margin-right: 10px;
}

/* このサイトについて -------------------- */

div.course div.outline div.forsite {
	float: left;
	width: 580px;
	margin: 0 5px 0 10px;
}


div.course div.outline div.forsite h3 {
	font-size: 13px;
	font-weight: bold;
	line-height: 1.3;
	border-bottom: 1px dotted #999999;
}

div.course div.outline div.forsite ul li {
	width: 550px;
	margin-left: 15px;
	line-height: 1.2;
}

div.course div.outline div.forsite p {
	line-height: 1.2;
}

div.course div.outline div.forsite p.syamei {
	float: right;
}


/* コース一覧 -------------------- */

div.course02 {
	width: 590px;
	margin: 10px 0 30px;
	padding: 0 0 2px 5px;
	background: url(http://www.kaiyuu.tv/common/img/line_dot.gif) repeat-x left bottom;
}
* html div.course02 {
	width: 600px;
}


img.photo{
	float:right;
	margin:0 0 10px 10px;
}

img.photo2{
	float:left;
	margin:0 10px 10px 0;
}

/* div.course02 div.outline {
	float: left;
	width: 370px;
}
*/
div.course02 h3 {
	margin: 0 2px 10px 0;
	color: #f06400;
	font-size: 14px;
	line-height: 1.3;
}

div.course02 h3.flow {
	margin: 0 10px 10px 0;
	color: #f06400;
	font-size: 14px;
	line-height: 1.3;
	border-bottom: 2px solid #f06400;
}


div.course02 p {
	margin-bottom: 0px;
}




div.course02 p.photo {
	float: right;
	width: 210px;
}


div.course02 p.btn-contact {
	text-align: center;
}


/*  Box-------------------- */

div.course02 div.box1 {
	width: 590px;
}
* html div.course02 div.box1 {
	width: 600px;
}

div.course02 div.box1 div.txt {
	float: left;
	width: 370px;
}

div.course02 div.box1 div.txt h4 {
	color: #005ac8;
}

div.course02 div.box1 div.txt p {
}


div.course02 div.box1 div.pic {
	float: right;
	width: 210px;
}

div.course02 p.picpic {
	font-size: 12px;
	height: 193px;
	margin-bottom: 10px;
}

div.course02 p.picpic2 {
	font-size: 10px;
	width: 210px;
	margin-bottom: 10px;
}

div.course02 p.picpic strong.red {
	font-size: 12px;
	color:#FF3300;
}

div.course02 p.picpic strong.blue {
	font-size: 12px;
	color:#005ac8;
}

div.course02 p.picpic span.red {
	font-size: 12px;
	color:#FF3300;
}

div.course02 p.picpic span.blue {
	font-size: 12px;
	color:#005ac8;
}



/* コース　表組み */

div.course02 table.waku1 {
	text-align: left;
	margin: 5px;
	padding: 5px;
	border-collapse: collapse;
}

div.course02 table.waku1 th {
	padding: 5px 5px 5px 10px;
	background: #dbedff;
	color: #005ac8;
	border-top: 1px solid #005ac8;
	border-bottom: 1px solid #005ac8;
	border-left: 1px solid #005ac8;
}

div.course02 table.waku1 td {
	padding: 5px 5px 5px 10px;
	border-top: 1px solid #005ac8;
	border-bottom: 1px solid #005ac8;
	border-right: 1px solid #005ac8;
}



div.course02 div.box1 div.txt table td strong {
	font-size:13px;
	font-weight:bold;
	color:#FF3300;
}

div.course02 div.box1 div.txt table td span {
	font-size:12px;
}




/*  詳細　-------------------- */


div.course02 dl {
	width: 370px;
	margin: 0 0 11px 3px;
	color: #f06400;
	line-height: 1.2;
}

div.course02 dl dt {
	float: left;
	width: 120px;
}

div.course02 dl dd {
	float: left;
	width: 250px;
}





/*div.course02 div.outline dl.txt {
	float: left;
	width: 370px;
	margin: 0 0 5px 3px;
	font-size: 12px;
}

div.course02 div.outline dl dd.txt {
	float: left;
	width: 370px;
	font-color: #000000;
	text-decoration: none;
}

div.course02 div.outline dl dt.txt {
	float: raight;
	width: 220px;
	font-color: #000000;
	text-decoration: none;
}*/


/* 会社概要 */
.ol_box1 {float:left; border:0px #999999; width:190px; height:130px; padding:0px; margin: 0px 0px 10px 0px;}
.ol_box2 {float:left; border:0px #999999; width:470px; padding:0px; margin: 0px 10px 0px 0px;}
.ol_table_left{border-bottom: 1px dotted #999999; width:120px; padding:5px 5px 5px 5px; vertical-align: top;}
.ol_table_right{border-bottom: 1px dotted #999999; width:350px; padding:5px 5px 5px 5px;}
.ol_table_left_2{width:90px; padding:5px 5px 5px 5px; vertical-align: top;}
.ol_table_right_2{width:240px; padding:5px 5px 5px 5px;}

/* お問い合わせ　表組み */
.head {padding: 5px; font-weight: bold; border-bottom-width: 1px; border-bottom-style: dotted; border-bottom-color: #999999;}
.odd {padding: 5px; border-bottom-width: 1px; border-bottom-style: dotted; border-bottom-color: #999999;}
.even {padding: 5px; border-bottom-width: 1px; border-bottom-style: dotted; border-bottom-color: #c2cdd6;}
.menu {font-size: 12px; border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: #EEC1D0;}
.menusub {font-size: 12px;}

ul.kuro{ list-style-type:disc; list-style-position:outside; margin: 15px;}

.paged-archives a, .paged-archives a:visited{
padding: 0 5px;
border: 1px solid #cccccc;
text-decoration: none;
color: #000066;
}
.paged-archives b{
padding: 0 5px;
border: 1px solid #cccccc;
text-decoration: none;
color: #000066;
background-color: #dae0e6;
}

/* サイトマップ */

div.site-m-box {
	width: 600px;
	margin-left: 10px;
}

ul.sitemap {
	width: 280px;
	float: left;
}

ul.sitemap li {
	width: 250px;
	/*border-left: 4px solid #88b3e9;*/
	font-size: 120%;
	margin: 5px 0 15px 0;
	padding: 2px 0 2px 14px;
	font-weight: bold;
	background: url(../img/sm-ico01.gif) no-repeat 0em 0.4em;
}

ul.sitemap li.sm-title {
	width: 250px;
	color: #73a3e1;
	border-bottom: 1px solid #cee2fb;
	border-left: none;
	font-size: 120%;
	margin: 5px 0 16px 0;
	padding: 2px 0 4px 0;
	font-weight: bold;
	background: none;
}

ul.sitemap li.sm-title02 {
	width: 250px;
	border-bottom: 1px solid #cee2fb;
	font-size: 120%;
	margin: 5px 0 15px 0;
	padding: 2px 0 4px 14px;
	font-weight: bold;
	background: url(../img/sm-ico01.gif) no-repeat 0em 0.4em;
}



ul.sitemap li.lev2 {
	width: 240px;
	border: none;
	font-size: 100%;
	margin: 5px 0 0 0;
	padding: 0 0 2px 5px;
	background: none;
}

ul.sitemap li.lev2 ul {
	border: none;
	background: none;
}

ul.sitemap li.lev2 li {
	width: 230px;
	border: none;
	font-size: 100%;
	margin: 0 0 5px 10px;
	padding: 0 0 2px 12px;
	background: url(../img/sm-ico02.gif) no-repeat 0em 0.6em;
}


/* お客さまの声・更新情報 */

#ct-section p.topic-date {
	font-size: 90%;
	margin: 0 0 3px 15px;
}

#ct-section div.news-list {
	
}

#ct-section div.news-list dl {
	margin: 2px 0 0 5px;
	
}

#ct-section div.news-list dl dt {
	background: url(../img/sm-ico02.gif) no-repeat 0 1.2em;
	border-bottom: 1px dotted #9dc2f6;
	font-size: 90%;
	padding: 8px 0 8px 12px;
	float: left;
	width: 100px;
}


#ct-section div.news-list dl dd {
	color: #005ac8;
	font-weight: bold;
	border-bottom: 1px dotted #9dc2f6;
	margin-bottom: 10px;
	padding: 8px 0 8px 0;
	width: 490px;

}


/* バナーマングローブ */

div.mangrove {
	margin-bottom: 10px;
	text-align:center;