.photo_box{
	border:none;
	width:305px;
	margin:4px 2px 0 2px;
	background-color:#fff799;
}
.text_box{
	border:none;
	width:305px;
	margin:2px;
	overflow:hidden;
}
.text_long_box{
	border:none;
	width:590px;
	margin:2px 0 0 30px;
	overflow:hidden;
	font-size:13px;
}
.left_box{
	float:left;
	width:309px;
	margin-left:2px;
	background-color:#eaf4fc;
}
.right_box{
	float:left;
	width:309px;
	margin-left:5px;
	background-color:#eaf4fc;
}
.half_box_l{
	float:left;
	width:285px;
	margin:5px;
	background-color:#eaf4fc;
}
.box{
	clear:both;
	width:627px;
	margin:6px 0 6px 0;
	overflow:hidden;
	/*見て確認したい時に設定してみる　border-style: solid;*/
	/*overflow:hidden;を入れると高さの概念が生まれてmarginが効く*/
	/*又は高さを設定　例）height: 300px;*/
}
#top{
	width:624px;
	height:123px;
	background-image : url(tour/top_kalak_bana.jpg);
}
#campaign{
	width:624px;
	height:129px;
	background-image : url(tour/top_kalak_2012_5_bana.bmp);
	margin:0;
	padding:0;
	border:0;
}
.s_box{
	float:left;
	/*width:204px;*/
	margin:0;
	border:none;
	background-color:#ffffff;
}
.s_photo_box{
	border:none;
	width:204px;
	margin:0 2px 0 2px;
	background-color:#ffffff;
}
.s_text_box{
	border:none;
	width:204px;
	color:#00533f;
	font-size:10px;
	line-height:130%;
	margin:0 2px 0 2px;
	padding-bottom: 2px;
	background-color:#dbebc4;
}
.campaign_text{
	border:none;
	width:580px;
	/*color:#00533f;*/
	/*font-size:10px;*/
	line-height:180%;
	margin:0 2px 0 10px;
	padding:10px 0 10px 20px;
	/*background-color:#dbebc4;*/
}
.contact{
	clear:both;
	width:616px;
	height: 100px;
	margin:34px 0 6px 0;
	padding:0px;
	border: solid 1px #000000
;}
.contact_tel{
	float:left;
	width: 209px;
	height: 100px;
	background-image : url(tour/tel.gif);
}
.contact_mail{
	float:left;
	width: 209px;
	height: 100px;
	background-image : url(tour/mail.gif);
}
.contact_web{
	float:left;
	width: 209px;
	height: 100px;
	background-image : url(tour/web.gif);
}
.sys_info{
	width:540px;
	border:2px solid #00a381;
	background-color:#f3f3f2;
	margin:4px 34px;
	padding:2px 10px 0 10px;
}
.sys_info h3{
	font-size:16px;
	font-weight:bold;
	color:#1f3134;
	border-bottom:3px double #00a381;
	margin:0 !importan;
	padding:10px 0 2px 4px !important;
}
.maru{
	font-weight:bold;
	font-size:14px;
	padding-right:4px;
}
.center{
	line-height:28px;

}
/*---------- CDプレゼント ----------*/
table.cam_info{
	width:580px;
	margin-left:20px;
	border-collapse:separate;
	border-spacing:2px 10px;
}

td.cam_info{
	background-color:#fef4f4;
	padding:4px;
}

/*---------- ボート詳細 ----------*/
.bt table {
	width:620px;
	border:2px solid #3a5b52;
	vertical-align:middle;
}
.bt th{
	background-color:#98d98e;
	vertical-align:middle;
	align:center;
}
.bt td{
	background-color:#d6e9ca;
	text-align:center;
}
/*---------- ボート毎スケジュール ----------*/
.bt_s{
	width:304px;
	border:1px solid blue;
	margin:0 2px 2px 2px;
}
.bt_s td{
	border:1px solid #3399ff;
	padding:2px 0 2px 6px;
}
.bt_s th{
	border:1px solid #3399ff;
	text-align:center;
	font-weight:normal;
	font-size:11px;
}
/*---------- ダイブポイント一覧 ----------*/
.point{
	width:500px;
	border:1px solid #2e8b57;
	margin:2px 2px 2px 10px;
}
.point td{
	border:1px solid #3399ff;
	padding:2px 0 2px 6px;
}
.point th{
	border:1px solid #3399ff;
	text-align:center;
	font-weight:normal;
	font-size:11px;
}

/*---------- OW講習ffebcd ----------*/
.ow_textbox{
	clear:both;
	width:560px;
	margin:6px 0 0 10px;
	padding:6px 10px 3px 10px;
	background-color:#ffeacc;
	overflow:hidden;
}
/*---------- AOW講習ffebcd ----------*/
.aow_textbox{
	clear:both;
	width:560px;
	margin:6px 0 0 10px;
	padding:6px 10px 3px 10px;
	background-color:#fff8d8;
	overflow:hidden;
}
/*---------- 仮予約 ----------*/
.kari_textbox{
	clear:both;
	width:560px;
	margin:0 0 0 10px;
	padding:6px 10px 3px 10px;
	overflow:hidden;
}


/*---------- 予約 ----------*/
.yoyaku_box{
	clear:both;
	width:100%;
	margin:0;
	padding:0;
	/*padding:6px 10px 3px 10px;*/
	overflow:hidden;
}

/*---------- ツアー ----------*/
.tour_tx_box{
	border:none;
	width:550px;
	margin:2px 0 0 50px;
	overflow:hidden;
}

.tour table{
  width: 590px;
  padding-bottom: 0;
  border: solid 1px #999999;
  /* border: none; */
  border-collapse: collapse;
  background-color: #ffe8dd;
}

.tour td{
  border: solid 1px #999999;
  border-collapse: collsse;
  padding: 2px 6px 2px 6px;
  font-size: 12px;
}

/*---------- ステップアップ ----------*/
.su_textbox{
	clear:both;
	width:560px;
	margin:6px 10px 10px 10px;
	padding:6px 20px 6px 20px;
	background-color:#e6e6fa;
	overflow:hidden;
}

/*---------- ポイント選択 ----------*/
table.point {
  width: 605px;
  padding-bottom: 0;
  border: solid 1px #999999;
  /* border: none; */
  border-collapse: collapse;
  /*background-image: url(img/img2011/today_bk.gif);
  background-repeat: no-repeat;
  background-position: right bottom;*/
}

td.point {
  border-collapse: collsse;
  padding: 2px 0 0 12px;
  font-size: 12px;
}
/*---------- 体験 ----------*/
.int_textbox{
	clear:both;
	width:560px;
	margin:6px 0 0 10px;
	padding:6px 10px 3px 10px;
	background-color:#efffe0;
	overflow:hidden;
}
/*---------- 空き日程 ----------*/
.vacantdbox{
	clear:both;
	width:520px;
	margin:6px;
	padding:6px 10px 3px 10px;
	background-color:#efffe0;
	overflow:hidden;
}
/*---------- お客様の声 ----------*/
.voice-p{
	clear:both;
	width:580px;
	margin:6px 0px 6px 20px;
	padding:6px 10px 10px 10px;
	overflow:hidden;
}
/*---------- お客様の声 角丸テーブル ----------*/
.table_Circle { 
  padding: 0 5px;
  margin:0 0 10px 0;
  background-color: #ffffcc;
  border: solid #808080 1px; 
}
.x1 { 
  padding: 1px 0; 
}
.x2 { 
  margin: 0 -2px; 
  padding: 1px 0; 
} 
.x3 { 
  margin: 0 -1px; 
  padding: 1px 0; 
} 
.x4 { 
  margin: 0 -1px; 
  padding: 2px 0; 
} 
.x5 { 
  margin: 0 -1px; 
  padding: 5px 9px; 
} 

/*---------- セブツアー ----------*/
.tour-text{
   position:relative;
   display:block;
   width:600px;
   padding:0;
   margin:10px 0 30px 30px;
}
.tour-text p{
   font-size:16px;
   line-height:2;
}
.tour-text a{
   font-size:16px;
   line-height:2;
}

/*---------- 料金表 ----------*/
.price-text{
   position:relative;
   display:block;
   width:600px;
   padding:0;
   margin:10px 0 30px 30px;
}
.price-text p{
   font-size:16px;
   line-height:2;
}
.add-box{
   position:relative;
   display:block;
   width: 560px;
   padding:10px;
   margine:0;
   background:#fafad2;
}
.add-box p{
   font-size:14px;
   line-height:2;
}
.p-table{
 width: 100%;
 border-collapse: collapse;
 }
 .p-table th{
 width: 25%;
 padding: 6px;
 text-align: center;
 vertical-align: top;
 color: #333;
 background-color: #9cf; /*#eee*/
 border: 1px solid #b9b9b9;
 }
 .p-table td{
 padding: 6px;
 background-color: #fff;
 border: 1px solid #b9b9b9;
 }

/* ==============================================================
/*     リスト
/* ============================================================== */
#spCol{
   position:relative;
   display:block;
   width:600px;
   padding:0px;
}

#spCol ul{ margin-bottom: 15px}
#spCol li{ margin-bottom: 10px}

#spList li{
   position:absolute;
   background: #dda0dd;
   list-style-type: none;
   margin-bottom: 0;
}
#spList li a{
	display: block;
	height: 32px;
	padding: 18px 0 0 23px;
	font-size: 10px;
	font-weight: bold;
	text-decoration: none;
	text-align: left;
}

#spList li#spl1 a{ background: url("img/wp/sp-bk-up.jpg")}
#spList li#spl2 a{ background: url("img/wp/sp-bk-md.jpg")}
#spList li#spl3 a{ background: url("img/wp/sp-bk-dw.jpg")}

ul.list-bg, ul.list-bg li {
 margin: 0; padding: 0;
}
ul.list-bg { margin-left: 12px; }
ul.list-bg li {
 list-style-type: none;
 padding: 4px 10px 4px 28px;
 background-image: url(../img/mark.gif);
 background-repeat: no-repeat;
 background-position: left center;
}

ul.list-bg, ul.list-bg li {
 margin: 0; padding: 0;
}
ul.list-bg { margin-left: 12px; }
ul.list-bg li {
 list-style-type: none;
 padding: 4px 10px 4px 28px;
 background-image: url(maru.gif);
 background-repeat: no-repeat;
 background-position: left center;
}