/*subのCSSファイルをインポートします。*/
@import 'sub.css';

 * {
    margin: 0;
    padding: 0;
}

a img {
    border: 0;
}

/*段落にインデントを設定します。*/
p {
   /*text-indent: 1em;*/
   padding-bottom:15px;
}

/*タイトル*/
h1.title {
	font-size:2.0em;
	font-weight:bold;
	color:#333333;
	border-top:1px solid #dddddd;
	border-left:7px solid #0066CC;
	border-right:1px solid #dddddd;
	border-bottom:1px solid #dddddd;
	padding:5px 0px 0px 10px;
	margin: 3px 3px 10px 3px;
}

h2{
	font-size:1.3em;
	font-weight:100;
	color:#333333;
	border:1px solid #DCE7FD;
	background-color:#EDF3FF;
	padding:5px 0px 0px 10px;
	margin: 3px 3px 10px 3px;
}


.blue_back_ground h3{
	font-size:1.5em;
	color:#333333;
	background-color:#FFFFFF;
	border-top:1px solid #dddddd;
	border-left:5px solid #FFCC00;
	border-right:1px solid #dddddd;
	border-bottom:1px solid #dddddd;
	padding:5px 0px 0px 10px;
	margin: 3px 3px 10px 3px;
}
	
	
.left, .alignleft {
	float:left;
	}
	
.right, .alignright {
	float:right;
	}

 .clearfloat {
    display: inline-block;
	/*clear:both;*/
} 

/*水平メニュー*/
#horizontalMenu {
    width: 870px;
    float: left;
    list-style: none;
    margin: 0px;
    padding: 0px;
} 

#menu {
    float: left;
    list-style: none;
    width: 870px;
} 

#menu li {
    float: left;
    list-style: none;
    cursor: pointer;
}

/*ヘッダー*/
#head {
	width:800px;
	margin:0px auto;
	padding:0 8px 0 8px;
	font-size:0.7em;
}

#tagline{
	padding-left:15px;
	padding-top:3px;
	padding-bottom:5px;
	float:left;
}
/*ページ背景*/
#background{
	width:816px;
	margin:0px auto;
	padding: 0px;
	background-image:url('../images/backGround.jpg');
	background-repeat:repeat-y;
}


/*メインコンテンツ*/
#page {
	width:785px;
	margin:0px auto;
	padding:5px;
	min-height:350px;
	font-size:0.7em;
}
	
/*フッター*/
#footer {
	clear:both;
	margin: 0 auto;
	width: 800px;
	height:60px;
	background-color:#2778E5;
	font-size:0.7em;
	padding-top:10px;
	padding-bottom:10px;
	text-align:center;
	color:white;
}

#footer a{
	color:white;
}

/*フッターのメニュー*/
#footerMenu {
	padding-top:10px;
	padding-bottom:15px;
	padding-left:10px;
    float: left;
    list-style: none;
    width: 800px;
} 

#footerMenu li {
	padding-left:7px;
    float: left;
    list-style: none;
    cursor: pointer;
}

.indexDesc{
	float:left;
	display:block;
	background-color:#FFFFFF;
	margin-left:2px;
	padding:5px;
	line-height:1.5
}

.tour_bg{
	width:785px;
	display:block;
	background-color:#EDDF00;
}

/*イオラニ用のバックグラウンド*/
.tour_bg_iolani{
	width:785px;
	display:block;
	background-image:url('../images/IolaniBG.jpg');
	background-repeat:repeat-y;
}

.tour_photo{
	
	padding:5px;
}

.tour_desc{
	float:left;
	display:block;
	background-color:#FFFFFF;
	margin-left:5px;
	padding:5px;
	line-height:1.5
}

/*ダックツアーのページのCSSプロパティー*/

.blue_back_ground{
	display:block;
	width:785px;
	background-color:#3399FF;
	padding-bottom:5px;
}

.duckDesc{
	line-height:1.4;
	color:#FFFFFF;
	padding:10px;
	font-size:1.3em
}

.guideDesc{
	width:155px;
	line-height:1.2;
	color:#FFFFFF;
	padding:10px;
	font-size:1.2em
}

#duckMap{
	margin:5px;
}

.priceListTitle{
	
	font-size:1.3em;
	float:left;
	background-image:url('../images/priceListBG.jpg');
	background-repeat:repeat-y;
	height:38px;
	width:771px;
	text-align:center;

}

.priceListArea{
	margin:5px;
	width:771px;
	display:block;
	background-color:#FFFFFF;
}

.priceImage{
	margin:0px;
	width:226px;
	float:left;
	padding-top:0px;
	/*border: thin #ff0000 solid;"*/
}

.priceList{
	width:535px;
	float:left;
	display:block;
	background-color:#FFFFFF;
	list-style:none;
}

.priceList li{
	font-size:1.2em;
	border-bottom:dashed 1px #CCCCCC;
	padding:3px 5px 3px 10px;
	list-style:none;
	height:35px;
}

/*マリンスポーツの各アクティビティー*/
.marineSport{
	display:block;
	background-color:#FFFFFF;
	margin:5px;
	padding:5px;
}

/*マリンスポーツの各アクティビティーの見出し*/
.marineSport h2{
	font-size:1.5em;
	color:#333333;
	background-image:url('../images/MarineTitleBG.jpg');
	background-repeat:repeat-x;
	border-top:1px solid #C2E0FC;
	border-left:5px solid #0099FF;
	border-right:1px solid #C2E0FC;
	border-bottom:1px solid #C2E0FC;
	padding:5px 0px 0px 10px;
	margin: 3px 3px 10px 3px;
}
/*マリンスポーツの各アクティビティーの写真*/
.marinePic{
float:left;
	border:solid 1px #CCCCCC;
	margin:2px;
	margin-right:10px;
}


/*マリンスポーツの各アクティビティーの説明*/
.marineDesc{
	font-size:1.3em;
	margin-left:10px;
	padding-bottom:5px;
}

 /* マリンスポーツの各アクティビティーの説明情報のテーブル */
 .marineInfoTable {
    width: 618px;
    background-color: #C4E1FC;
	margin-bottom:5px;
	font-size:1.2em
}

 .marineInfoTable th {
 	width:130px;
    background-color: #E4F1FD;
	padding-left:5px;
	padding:5px;
	color:#3399FF;
}

 .marineInfoTable td {
    background-color: #FFFFFF;
	padding-left:5px;
	margin:5px;
}

/*イオラニ詳細ページ*/
.tour_photo_iolani{
	padding:0;
	padding-left:7px;
	vertical-align:bottom;
	margin:0;
}

.iolani_bg{

	display:block;
	background-color:#2D1F18;
}

.brown_back_ground{
	display:block;
	width:785px;
	background-color:#2D1F18;
	padding-bottom:5px;
}

.iolani{
	display:block;
	background-color:#FFFFFF;
	margin:5px;
	padding:5px;
}

/*イオラニの見出し*/
.iolani h2{
	font-size:1.5em;
	color:#333333;
	background-image:url('../images/IolaniTitleBG.jpg');
	background-repeat:repeat-x;
	border-top:1px solid #B29574;
	border-left:5px solid #2D1F18;
	border-right:1px solid #B29574;
	border-bottom:1px solid #B29574;
	padding:5px 0px 0px 10px;
	margin: 3px 3px 10px 3px;
}

 /* イオラニ説明情報のテーブル */
 .iolaniInfoTable {
    width: 750px;
    background-color: #B29574;
	margin-bottom:5px;
	margin-left:5px;
	font-size:1.0em;
}

 .iolaniInfoTable th {
 	width:130px;
    background-color: #E3D2BF;
	padding-left:5px;
	padding:7px;
	color:#2D1F18;
}

 .iolaniInfoTable td {
    background-color: #FFFFFF;
	padding-left:5px;
	margin:7px;
	padding:7px;
}

/*イオラニの説明*/
.iolaniDesc{
	font-size:1.4em;
    line-height:1.5;
	margin-left:10px;
	padding-bottom:5px;
}

/*イオラニの歴史説明*/
.iolaniHistoryDesc{
	padding:5px 30px 5px 30px;
	font-size:1.3em;
    line-height:1.5;
	margin-left:10px;
	/*padding-bottom:5px;*/
}

.historyPic{
	float:right;
	border:solid 1px #999999;
	margin:3px;
	padding:3px;
	
}

.hanauma{
	clear:both;
	display:block;
	padding:5px;
	margin:5px;
	width:765px;
	background:white;
}

/*イオラニの見出し*/
.hanauma h2{
	font-weight:bold;
	font-size:1.5em;
	color:#333333;
	background-image:url('../images/MarineTitleBG.jpg');
	background-repeat:repeat-x;
	border-top:1px solid #C2E0FC;
	border-left:5px solid #0099FF;
	border-right:1px solid #C2E0FC;
	border-bottom:1px solid #C2E0FC;
	padding:5px 0px 0px 10px;
	margin: 3px 3px 10px 3px;
}

/*ハナウマ湾の説明*/
.hanaumaDesc{
	/*float:left;*/
	font-size:1.3em;
	line-height:1.3;
	margin-left:10px;
	padding-bottom:5px;
	width:765px;
}
.hanaumaStep{
	clear:both;
	width:765px;
}

.hanaumaPhotoArea{
	float:left;
	width:765px;
}

.hanaumaPhotoArea img{
	padding-left:5px;
	padding-bottom:5px;
}


 /* お問合せのテーブル */
 #contactInfoTable {
    width: 650px;
    background-color: #C4E1FC;
	margin-bottom:5px;
	font-size:1.2em
}

 #contactInfoTable th {
 	width:140px;
    background-color: #E4F1FD;
	padding-left:5px;
	padding:5px;
	color:#3399FF;
}

 #contactInfoTable td {
    background-color: #FFFFFF;
	padding-left:5px;
	margin:5px;
}

#cartHeader{
	clear:both;
	height:120px;
	width:800px;
	background-image:url('../images/header_bg.jpg'); background-repeat: no-repeat;
}

 /* 会社情報のテーブル */
 .companyInfoTable {
    width: 545px;
    background-color: #2778E5;
	margin-bottom:5px;
	margin-left:5px;
	font-size:1.2em;
}

.companyInfoTable th {
 	width:130px;
    background-color: #3399FF;
	padding-left:5px;
	padding:7px;
	color:white;
}

 .companyInfoTable td {
    background-color: #FFFFFF;
	padding-left:5px;
	margin:7px;
	padding:7px;
}

.picBorder{
	border:1px solid #ccc;
	padding:3px;
	margin:3px;
}

/* キャンセルポリシーテーブル */
 .cancelTable {
    width: 450px;
    background-color: #2778E5;
	margin-bottom:5px;
	margin-left:5px;
	font-size:1.2em;
}

.cancelTable th {
 	width:300px;
    background-color: #3399FF;
	padding-left:5px;
	padding:7px;
	color:white;
}

 .cancelTable td {
    background-color: #FFFFFF;
	padding-left:5px;
	margin:7px;
	padding:7px;
}

/*料金表の左側*/
.priceTable{
	border:solid gold 1px;
	background-image: url('../images/price_bg.jpg');
	background-repeat:repeat-y;
	width:225px;
}

/*大人（12歳まで）などの表記*/
.priceStyle1{
	font-size:1.7em;
	font-weight:bold;
}

/*金額などの表記*/
.priceStyle2{
	font-size:1.7em;
	color:#DD0000;
	font-weight:bold;
}

/*税込みなどの表記*/
.priceStyle3{
	font-size:1.2em;
	color:#DD0000;
	font-weight:bold;
}

/*その他黒文字の表記*/
.priceStyle4{
	font-size:1.1em;
	color:#000000;
}