@charset "Shift_JIS";

/*============================================================
//  ホエールウォッチング特集ページ　スタイルシート
//==========================================================*/
#main1{
	width:950px;
	height:450px;
	font-family:"メイリオ", "Meiryo", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "Osaka", "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	position:relative;
}

#main1 img{
	vertical-align:bottom;
}

#main1 p.lead{
	width:530px;
	position:absolute;
	top:54px;
	left:520px;
	font-size:14px;
	color:#ffffff;
	text-align:right:
}

#impact{
	background-image: url(image/main.jpg);
	background-repeat: no-repeat;
	width: 750px;
	height: 525px;
	margin: 0 0 5px 0;
}
#impact p{
	color: #fff;
	padding: 475px 0 0 12px;
	font-size: 15px;
	line-height: 22px;
}

#impact .jan-cpn{
	width:213px;
	height:198px;
	position:absolute;
	top:678px;
	left:888px;
	font-weight:bold;
}

/*冬の沖縄観光ならホエールウオッチング*/
#introduce{
	background-image: url(image/img_intro.jpg);
	background-repeat: no-repeat;
	width: 750px;
	height: 357px;
	/*margin: 5px 0 0 0;*/
}
#introduce h3{
	color:#FF4231;
	padding: 22px 0 0 360px;
	font-size: 16px;
}
#introduce .txt1{
	padding: 23px 20px 0 360px;
	line-height: 22px;
}
#introduce .txt2{
	padding: 23px 0 0 380px;
	line-height: 22px;
}
#introduce .txt3{
	padding: 10px 0 0 515px;
}

.wr200{
	padding-left:80px;
	padding-bottom:15px;
	width:870px;
	border-bottom:solid 1px #cccccc;
	
}

/*魅力詳細*/
#appeal{
	background-image: url(image/img_detail.jpg);
	background-repeat: no-repeat;
	width: 750px;
	height: 974px;
}

/*沖縄でこの時期だけにみられるザトウクジラ*/
.detail1{
	height: 243px;
}
.detail1 h3{
	padding: 25px 0 0 90px;
	font-size: 16px;
	color: #FF511C;
}

.detail1 .txt{
	width: 435px;
	padding: 24px 0 0 25px;
	line-height: 22px;
}

#syoukai{
	padding:0;
	width:950px;
	position:relative;
}

.box300{
	padding:3px 20px;
	width:910px;
	background:url("image/waku01y.gif") repeat-y;
	position:relative;
}

#syoukai img.img-t{
	vertical-align:top;
}

#syoukai img.img-b{
	vertical-align:bottom;
}

.box300 hr{
	margin-top:60px;
	margin-bottom:30px;
	width:910px;
	height:14px;
	background:url("image/waku01_hr.gif") no-repeat;
	border:none;
}




/*パフォーマンスが魅力*/
.detail2{
	height: 243px;
}
.detail2 h3{
	padding: 23px 0 0 355px;
	font-size: 16px;
	color: #FF511C;
}

.detail2 .txt{
	width: 445px;
	padding: 24px 0 0 290px;
	line-height: 22px;
}

/*ザトウクジラについて*/
.detail3{
	height: 243px;
}
.detail3 h3{
	padding: 22px 0 0 110px;
	font-size: 16px;
	color: #FF511C;
}

.detail3 .txt{
	width: 450px;
	padding: 23px 0 0 15px;
	line-height: 22px;
}

/*服装と準備*/
.detail4{
	height: 243px;
}
.detail4 h3{
	padding: 20px 0 0 370px;
	font-size: 16px;
	color: #FF511C;
}

.detail4 .txt{
	width: 445px;
	padding: 23px 0 0 290px;
	line-height: 22px;
}

/*習性*/
#habit{
	background-image: url(image/img_habit.jpg);
	background-repeat: no-repeat;
	width: 750px;
	height: 600px;
}

#habit h3{
	padding: 27px 0 0 0;
	font-size: 16px;
	text-align: center;
	color: #FF511C;
}

.mullion0{
	margin-top:20px;
	margin-right:60px;
	width: 250px;
	height: 265px;
	float: left;
/*	background:#acc;*/
}
.mullion0 .name{
	font-size:15px;
	line-height: 22px;
	font-weight: bold;
	color: #003399;
}



.mullion1{
	width: 250px;
	height: 265px;
	float: left;
	background:#acc;
}
.mullion1 .name{
	padding: 24px 0 0 25px;
	line-height: 22px;
	font-weight: bold;
	color: #003399;
}
.mullion1 .action{
	padding: 0 0 0 25px;
	line-height: 22px;
}

.mullion2{
	width: 240px;
	height: 265px;
	float: left;
}
.mullion2 .name{
	padding: 24px 0 0 20px;
	line-height: 22px;
	font-weight: bold;
	color: #003399;
}
.mullion2 .action{
	padding: 0 0 0 20px;
	line-height: 22px;
}

.mullion3{
	width: 260px;
	height: 265px;
	float: left;
}
.mullion3 .name{
	padding: 24px 0 0 20px;
	line-height: 22px;
	font-weight: bold;
	color: #003399;
}
.mullion3 .action{
	padding: 0 20px 0 20px;
	line-height: 22px;
}

.mullion4{
	width: 250px;
	height: 265px;
	float: left;
}
.mullion4 .name{
	padding: 24px 0 0 20px;
	line-height: 22px;
	font-weight: bold;
	color: #003399;
}
.mullion4 .action{
	padding: 0 0 0 20px;
	line-height: 22px;
}

.mullion5{
	width: 240px;
	height: 265px;
	float: left;
}
.mullion5 .name{
	padding: 24px 0 0 20px;
	line-height: 22px;
	font-weight: bold;
	color: #003399;
}
.mullion5 .action{
	padding: 0 0 0 20px;
	line-height: 22px;
}


.mullion6{
	width: 260px;
	height: 265px;
	float: left;
}
.mullion6 .name{
	padding: 24px 0 0 20px;
	line-height: 22px;
	font-weight: bold;
	color: #003399;
}
.mullion6 .action{
	padding: 0 20px 0 20px;
	line-height: 22px;
}

.ticket_ttl {
	clear: both;
	width: 750px;
	height: 46px;
	background-image: url(./image/ticket_ttl.gif);
	background-repeat: no-repeat;
	margin: 5px 0 3px 0;
} 



/* カラー */
.red{
	color: #ff0000;
}
.blue{
	color: #003399;
}
.green{
	color: #00CC66;
}
.fwb{
	font-weight:bold;
}
.s_size{
	font-size: 10px;
	font-weight: normal;
}
.m_size{
	font-size: 12px;
	color:#313131;
	font-weight: normal;
}

.m-t20{
	margin: 20px 0 0 0;
}
.m-t40{
	margin: 40px 0 0 0;
}

/*送迎あり*/
.tour-info{
	width:920px;
	height:auto;
	padding:12px;
	border:#FF9933 solid 5px;
	float:left;
	margin:10px 0 10px 0;
	line-height:180%;
}

/*プランBOX*/
.plan-box{
	width:439px;
/*	height:175px;*/
	padding:12px;
	border:#CCCCCC solid 1px;
}


/*申込ボタンデザイン2013（Lサイズ用）*/

.button-box{
	clear: both;
	width:439px;
/*	height: 50px;*/
	margin: 5px 0 0 0;
}

.f_anashitei-box2{
	clear: both;
	width:265px;
	height: 50px;
	margin: 5px 0 0 0;
	padding-left:95px;
}

.hiduke_wrap{
	padding-left:15px;
	padding-right:15px;
	width:188px;
	height:auto;
}

.hiduke_inner{
	width:85px;
/*	height:50px;*/
	float:left;
	margin-right:18px;
}

.hiduke_inner .button{
	width:85px;
	height:27px;
	background:url(http://www.clubgets.com/image/common/btn_hiduke_off.gif) no-repeat;
	display:block;
	font-size:12px;
	padding-top:5px;
	font-weight:bold;
	text-align:center;
	float:left;
}

.hiduke_inner .button:hover{
	background:url(http://www.clubgets.com/image/common/btn_hiduke_on.gif) no-repeat;
	color:#FF6600;
}

.hiduke_wrap .price{
	width:85px;
	display:block;
	font-size:12px;
	font-weight:bold;
	color:#ff3366;
	padding-top:1px;
	float:left;
	line-height:120%;
	text-align:center;
}


.end{
	margin-right:0;
}


.ttl_ichiran{
	padding:4px 0 1px 10px;
	width:auto;
	min-height:20px;
	background:#000000;
	margin-bottom:5px;
	font-size:16px;
	font-weight:bold;
	color:#ffffff;
	text-align:left;
}

.image_bordern{
	margin-right:10px;
	width:120px;
	float:left;	
}


.intro_inner{
	width:300px;
	float:left;
}

.intro_title{
	margin-bottom:4px;
	font-size:16px;
	font-weight:bold;
}

table.while_data{
	border-collapse:collapse;
	border-top:solid 1px #cccccc;
	border-left:solid 1px #cccccc;
}

table.while_data td{
	padding:8px 15px;
	border-right:solid 1px #cccccc;
	border-bottom:solid 1px #cccccc;
	background:#ffffff;
}

/* 文字 */
p.p-5{
	padding:0;
	font-size:14px;
}

.text0{
	font-size:14px;
	line-height:135%;
}

#fcom06 .text0{
	min-height:84px;
}


.text1{
	font-size:15px;
	line-height:135%;
}

.text2{
	font-size:18px;
	font-weight:bold;
	line-height:135%;
}

h2.text2{
	font-size:17px;
	line-height:135%;
	color:#FF9933;
}

h3.text2{
	margin-bottom:4px;
	font-size:17px;
	line-height:135%;
	color:#FF4231;
}

.fb1{
	font-size:15px;
	line-height:135%;
	font-weight:bold;
}

.m-l80{
	margin-left:80px;
}

.m-l100{
	margin-left:100px;
}

/* */
#fcom01{
	margin-left:400px;
	background:url("image/icn02.gif") no-repeat right 80px;

}

#fcom02{
	margin-right:300px;

}

#fcom03{
	margin-left:300px;

}

#fcom04{
	margin-left:0px;

}

#fcom05{
	margin-left:350px;
	position:relative;
}

/* 写真 */
#fcom06 img {
	margin-top:10px;
	margin-left:8px;
	 padding: 6px;
	background: #fff;
	-moz-box-shadow: 0px 3px 3px rgba(0, 0, 0, .4);
	-webkit-box-shadow: 0px 3px 3px rgba(0, 0, 0, .4);
	box-shadow: 0px 3px 3px rgba(0, 0, 0, .4);
	position: relative /* z-index を指定するので */
}

.gallery img {
	 padding: 6px;
	background: #fff;
	-moz-box-shadow: 0px 3px 3px rgba(0, 0, 0, .4);
	-webkit-box-shadow: 0px 3px 3px rgba(0, 0, 0, .4);
	box-shadow: 0px 3px 3px rgba(0, 0, 0, .4);
	position: relative /* z-index を指定するので */
}

ul.gallery{
/*	position:relative;*/
}

ul.gallery .pic-1 {
	 z-index: 3;
	-moz-transform: rotate(-12deg);
	-webkit-transform: rotate(-12deg);
	-o-transform: rotate(-12deg);
	transform: rotate(-12deg);
	position:absolute;
	top:-40px;
	left:50px;

}

ul.gallery .pic-2 {
	 z-index: 5;
	-moz-transform: rotate(4deg);
	-webkit-transform: rotate(4deg);
	-o-transform: rotate(4deg);
	transform: rotate(4deg);
	position:absolute;
	top:265px;
	left:650px;

}

ul.gallery .pic-3 {
	 z-index: 5;
	-moz-transform: rotate(-6deg);
	-webkit-transform: rotate(-6deg);
	-o-transform: rotate(-6deg);
	transform: rotate(-6deg);
	position:absolute;
	top:440px;
	left:40px;

}

ul.gallery .pic-4 {
	 z-index: 5;
	-moz-transform: rotate(7deg);
	-webkit-transform: rotate(7deg);
	-o-transform: rotate(7deg);
	transform: rotate(7deg);
	position:absolute;
	top:700px;
	left:620px;

}

ul.gallery .pic-5 {
	 z-index: 5;
	-moz-transform: rotate(10deg);
	-webkit-transform: rotate(10deg);
	-o-transform: rotate(10deg);
	transform: rotate(10deg);
	position:absolute;
	top:960px;
	left:80px;

}

#icn-1{
	z-index: 10;
	position:absolute;
	top:0px;
	left:0px;
}

#icn-3{
	z-index: 1;
	position:absolute;
	top:255px;
	left:10px;
}

#icn-4{
	z-index: 1;
	position:absolute;
	top:595px;
	left:790px;
}

#icn-5{
	z-index: 1;
	position:absolute;
	top:670px;
	left:25px;
}

#icn-6{
	z-index: 1;
	position:absolute;
	top:-20px;
	left:0px;
}

#icn-7{
	z-index: 1;
	position:absolute;
	top:1196px;
	left:248px;
}

.moushikomi{
	margin-left:auto;
	margin-right:auto;
	width:588px;
/*	background:#acc;*/
}

.moushikomi3{
	margin-left:auto;
	margin-right:auto;
	width:900px;
/*	background:#acc;*/
}

/* ボタン */
a.btn_syousai2{
	margin-top:20px;
	padding-top:14px;
	padding-bottom:12px;
	width:428px;
/*	height:18px;*/
	border:solid 2px #9b9b9b;
	display:block;
	font-size:19px;
	font-weight:bold;
	text-align:center;
	line-height:135%;
	color:#ffffff;
	-webkit-font-smoothing:antialiased;
	float:left;
	border-radius: 6px;        /* CSS3草案 */  
	-webkit-border-radius: 6px;    /* Safari,Google Chrome用 */  
	-moz-border-radius: 6px;   /* Firefox用 */
	filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startcolorstr=#ff992b, endcolorstr=#bb0000));/*IE6 IE7 */
	-ms-filter:"progid:DXImageTransform.Microsoft.gradient(GradientType=0,startcolorstr=#ff992b, endcolorstr=#bb0000))";/* IE8 IE9 */
	zoom: 1;/* IE CSS用 */
	background : -webkit-gradient(linear, left top, left bottom, from(#ff992b), to(#bb0000));
	background : -webkit-linear-gradient(top, #ff992b, #bb0000);
	background : linear-gradient(to bottom, #ff992b, #bb0000);
}

/* ボタン */
a.btn_syousai3{
	margin-top:20px;
	padding-top:14px;
	padding-bottom:12px;
	width:272px;
/*	height:18px;*/
	border:solid 2px #9b9b9b;
	display:block;
	font-size:19px;
	font-weight:bold;
	text-align:center;
	line-height:135%;
	color:#ffffff;
	-webkit-font-smoothing:antialiased;
	float:left;
	border-radius: 6px;        /* CSS3草案 */  
	-webkit-border-radius: 6px;    /* Safari,Google Chrome用 */  
	-moz-border-radius: 6px;   /* Firefox用 */
	filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startcolorstr=#ff992b, endcolorstr=#bb0000));/*IE6 IE7 */
	-ms-filter:"progid:DXImageTransform.Microsoft.gradient(GradientType=0,startcolorstr=#ff992b, endcolorstr=#bb0000))";/* IE8 IE9 */
	zoom: 1;/* IE CSS用 */
	background : -webkit-gradient(linear, left top, left bottom, from(#ff992b), to(#bb0000));
	background : -webkit-linear-gradient(top, #ff992b, #bb0000);
	background : linear-gradient(to bottom, #ff992b, #bb0000);
}

.btn_syousai1:hover,
.btn_syousai2:hover,
.btn_syousai3:hover{
	color:#ffffff;
	filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startcolorstr=#ffd57b, endcolorstr=#ffa92f));/*IE6 IE7 */
	-ms-filter:"progid:DXImageTransform.Microsoft.gradient(GradientType=0,startcolorstr=#ffd57b, endcolorstr=#ffa92f))";/* IE8 IE9 */
	zoom: 1;/* IE CSS用 */
	background : -webkit-gradient(linear, left top, left bottom, from(#ffd57b), to(#ffa92f));
	background : -webkit-linear-gradient(top, #ffd57b, #ffa92f);
	background : linear-gradient(to bottom, #ffd57b, #ffa92f);
	text-shadow:
		2px 2px 2px rgba(255,255,255,0.5),
		2px 0px 2px rgba(255,255,255,0.5),
		2px -2px 2px rgba(255,255,255,0.5),
		0px 2px 2px rgba(255,255,255,0.5),
		0px -2px 2px rgba(255,255,255,0.5),
		-2px 2px 2px rgba(255,255,255,0.5),
		-2px 0px 2px rgba(255,255,255,0.5),
		-2px -2px 2px rgba(255,255,255,0.5);
}

a.btn_syousai1 span,
a.btn_syousai2 span,
a.btn_syousai3 span{
	color:inherit;
	font-size:25px;
}

/* 料金テーブル */
table.price{
	margin:3px 0 3px 0;
	border-top:solid 1px #999999;
	border-left:solid 1px #999999;
	border-collapse:collapse;
	width:158px;
	table-layout:fixed;
}

table.price td{
	padding:2px 6px 1px 6px;
	border-right:solid 1px #999999;
	border-bottom:solid 1px #999999;
	text-align:center;
	font-size:10px;
	font-weight:normal;
}

table.price td.midashi{
	background:#FFCC99;
	color:#666666;
	font-size:10px;
	text-align:center;
}

/* ホテル一覧のcss */
.fb1{font-weight:bold;}

.ttl_s1{
	font-size:14px;
	font-weight:bold;
	line-height:105%;
	min-height:30px;
}

#hotelList .tourList li.tour{
	height:400px;
}


#hotelList .tourList li.tour span.ttl_s2{
	margin-right:4px;
	padding:0px 4px;
	font-size:11px;
	background:#ececdc;
	display:inline;
}

.hotel_info{
	font-size:14px;
}

.m-l16{margin-left:16px;}
.m-l36{margin-left:36px;}
.m-l45{margin-left:45px;}

.c_ora{
	font-size:125%;
	color:#FF9933;
}