@charset "UTF-8";

html {
	height: auto;
}

body {
	width: 100%;
	height: auto;
	color: #231815;
	line-height: 15pt;
	font-size: 80%;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}

#wrapper {
	width: 900px;
	margin: 0 auto;
	height: auto;
	background-color: #FFF;
}

h1 {
	float: left;
}

h3 {
	margin-bottom: 15px;
}

.yoyaku-txt {
	text-align: center;
	font-size: 16px;
	font-weight: bold;
	padding: 3px 0;
	background-color: #FCC;
}

/* ヘッダー */
#header {
	width: 900px;
	margin: 0 auto;
	height: 116px;
	background-image: url("../img/header_bg.png");
	background-repeat: repeat-x;
}

#logo {
	float: left;
}

#contact-box {
	float: right;
	text-align: right;
	width: 159px;
	padding-top: 9px;
	padding-right: 13px;
}

#header-s {
	width: 900px;
	margin: 0 auto;
	height: 82px;
	background-image: url("../img/header-s_bg.png");
	background-repeat: repeat-x;
}

#logo-s {
	float: left;
}

#contact-box {
	float: right;
	text-align: right;
	width: 159px;
	padding-top: 9px;
	padding-right: 13px;
}



/* グローバルナビゲーション */
#gnavi {
	width: 900px;
	height: 35px;
}

#gnavi ul {
	clear: both;
	width: 900px;
	height: 34px;
}

#gnavi li {
	float: left;
}

#gnavi-bg {
	width: 32px;
	height: 34px;
	background-image: url("../img/gnavi-bg.png");
}

#gnavi01 a {
	display: block;
	overflow: hidden;
	text-indent: -9999px;
	width: 119px;
	height: 34px;
	background-image: url("../img/gnavi01.png");
}

#gnavi02 a {
	display: block;
	overflow: hidden;
	text-indent: -9999px;
	width: 104px;
	height: 34px;
	background-image: url("../img/gnavi02.png");
}

#gnavi03 a {
	display: block;
	overflow: hidden;
	text-indent: -9999px;
	width: 116px;
	height: 34px;
	background-image: url("../img/gnavi03.png");
}

#gnavi04 a {
	display: block;
	overflow: hidden;
	text-indent: -9999px;
	width: 117px;
	height: 34px;
	background-image: url("../img/gnavi04.png");
}

#gnavi05 a {
	display: block;
	overflow: hidden;
	text-indent: -9999px;
	width: 89px;
	height: 34px;
	background-image: url("../img/gnavi05.png");
}

#gnavi06 a {
	display: block;
	overflow: hidden;
	text-indent: -9999px;
	width: 89px;
	height: 34px;
	background-image: url("../img/gnavi06.png");
}

#gnavi07 a {
	display: block;
	overflow: hidden;
	text-indent: -9999px;
	width: 74px;
	height: 34px;
	background-image: url("../img/gnavi07.png");
}

#gnavi08 a {
	display: block;
	overflow: hidden;
	text-indent: -9999px;
	width: 160px;
	height: 34px;
	background-image: url("../img/gnavi08.png");
}

#gnavi09 a {
	display: block;
	overflow: hidden;
	text-indent: -9999px;
	width: 160px;
	height: 34px;
	background-image: url("../img/gnavi09.png");
}

#gnavi01 a:hover {
	background-image: url("../img/gnavi01_.png");
}

#gnavi02 a:hover {
	background-image: url("../img/gnavi02_.png");
}

#gnavi03 a:hover {
	background-image: url("../img/gnavi03_.png");
}

#gnavi04 a:hover {
	background-image: url("../img/gnavi04_.png");
}

#gnavi05 a:hover {
	background-image: url("../img/gnavi05_.png");
}

#gnavi06 a:hover {
	background-image: url("../img/gnavi06_.png");
}

#gnavi07 a:hover {
	background-image: url("../img/gnavi07_.png");
}

#gnavi08 a:hover {
	background-image: url("../img/gnavi08_.png");
}

#gnavi09 a:hover {
	background-image: url("../img/gnavi09_.png");
}

#gnavi01 a.on,
#gnavi01 a.on:hover {
	background-image: url("../img/gnavi01_.png");
}

#gnavi02 a.on,
#gnavi02 a.on:hover {
	background-image: url("../img/gnavi02_.png");
}

#gnavi03 a.on,
#gnavi03 a.on:hover {
	background-image: url("../img/gnavi03_.png");
}

#gnavi04 a.on,
#gnavi04 a.on:hover {
	background-image: url("../img/gnavi04_.png");
}

#gnavi05 a.on,
#gnavi05 a.on:hover {
	background-image: url("../img/gnavi05_.png");
}

#gnavi06 a.on,
#gnavi06 a.on:hover {
	background-image: url("../img/gnavi06_.png");
}

#gnavi07 a.on,
#gnavi07 a.on:hover {
	background-image: url("../img/gnavi07_.png");
}

#gnavi08 a.on,
#gnavi08 a.on:hover {
	background-image: url("../img/gnavi08_.png");
}

#gnavi09 a.on,
#gnavi09 a.on:hover {
	background-image: url("../img/gnavi09_.png");
}


/* 全体のコンテンツ */
#contentsWrap {
	width: 900px;
	height: auto;
	min-height:100%;
	margin-top: 18px;
}

body > #contentsWrap {
    height: auto;
}


/* コンテンツ */
#t-contents {
	clear: both;
	width: 865px;
	margin: 0 auto;
	margin-bottom: 30px;
	height: auto;
}


/* メイン部分 */
#t-main {
	clear: both;
	float: left;
	width: 610px;
	margin-right: 34px;
}

#t-img {
	float: left;
	width: 187px;
	margin-right: 18px;
}

#t-img li {
	margin-bottom: 7px;
}

#t-main-a {
	float: right;
	width: 405px;
}

#main-bnr {
	margin-top: 15px;
}

#main-bnr li {
	margin-bottom: 7px;
}

#s-main {
	clear: both;
	float: right;
	width: 613px;
}

.main {
	width: 613px;
	margin-bottom: 20px;
}

.main-a {
	float: left;
}

.main-b {
	float: right;
}


/* サイド部分 */
#t-side {
	float: right;
	width: 220px;
}

#banner {
	margin-bottom: 20px;
}

#banner li {
	margin-bottom: 8px;
}

.jusho-t {
	font-size: 11px;
	line-height: 1.3em;
}

#s-side {
	float: right;
	width: 220px;
	margin-right: 31px;
}


/* よくある質問 */
#question dl {
	border-bottom: dotted 3px #bbbbbb;
	margin-bottom: 10px;
}

#question dt {
	padding-left: 25px;
	font-weight: bold;
	background-image: url("../img/qanda-q.png");
	background-repeat: no-repeat;
	margin-bottom: 3px;
}

#question dd {
	padding-left: 25px;
	background-image: url("../img/qanda-a.png");
	background-repeat: no-repeat;
	margin-bottom: 5px;
}


/* フッター */
#footer {
	width: 900px;
	margin: 0 auto;
	font-size: 85%;
	padding-top: 20px;
	padding-bottom: 30px;
}

#footer {
	font-size: 80%\9;
}

#footer {
	/font-size: 80%;
}

#footer-txt {
	text-align: center;
}

/* パンクズ */
#pankuzu {
	font-size: 85%;
	color: #d53182;
	margin-bottom: 5px;
}

#pankuzu {
	/font-size: 85%\9;
}

#pankuzu {
	font-size: 85%;
}

#pankuzu a {
	color: #d53182;
}


/* 船のご紹介*/
.fune_name {
	font-size: 130%;
	font-weight: bolder;
	color: #900;
	margin-top: 20px;
	margin-right: 0px;
	margin-bottom: 6px;
	margin-left: 0px;
}
	
.fune_phhoto {
	margin-bottom:10px;
}
	
#right_photo {
	margin-top: 46px;
}

.fune-box {
	width:613px;
	margin-bottom:20px;
    height:1660px;
	font-size:95%;
}

.fune-box table {
	border:1px #000 solid;
}

.fune-box table tr td {
	padding-left:3px;}


/* アクセス */
.access-point {
	font-size:130%;
	font-weight:bolder;
	color:#900;
	margin:30px 0px 6px 0px;
	}

/* コース・料金 */
#course {
	margin: 15px 0;
}

#course th,
#course td {
	padding: 4px 7px;
}

#course th {
	text-align: left;
}

#course th a {
	color: #840e00;
	text-decoration: underline;
}

#course td {
	background-color: #FFF;
}

.course-list {
	margin-bottom: 7px;
}

.course-list li {
	font-weight: bold;
}

.course-list li a {
	color: #a55a57;
	text-decoration: underline;
}

.drink td {
	padding: 3px;
}

.course-menutable {
	font-size: 11px;
	background-color: #999;
}

.course-menutable th {
	background-color: #ffcdcc;
}

.course-menutable td {
	padding: -2px;
}


/* ご予約 */
.form-box {
	width: 100%;
}

.form-table {
	width: 510px;
	margin: 0 auto;
}

.form-table td {
	padding: 5px;
}

.contact-box {
}

.contact-table {
	width: 400px;
	margin: 0 auto;
	padding: 10px;
	background-color: #FCC;
}


/* サイトマップ */
#sitemap-table td {
	padding: 3px 5px;
}

/* Slideshow */

#slideshow {
    position:relative;
    height: 256px;
}

#slideshow img {
    position:absolute;
    top:0;
    left:0;
    z-index:8;
}

#slideshow img.active {
    z-index:10;
}

#slideshow img.last-active {
    z-index:9;
}


/* 観光情報 */
.kankou-table td,
.kankou-table th {
	padding: 5px;
}
.red-color {
	color: #F00;
	font-weight: bolder;
}


/* 乗合コース */
#noriai-img02 {
	background-image: url("../yokohama/img/noriai-img02.png");
	background-repeat: no-repeat;
	background-position: bottom;
}

.new-course {
	margin-bottom:25px;
	}
/*　新コース紹介　*/	
.new-course dt {
	font-size:18px;
	font-weight:bold;
	padding:3px 0 3px 10px;
	margin-bottom:10px;
	border-left:5px #626262 solid;
	}	
	
.new-course img {
	width:400px;
	height:auto;
}