@charset "UTF-8";


/*
	--------------------------
	cruise.css
	modefied: 2013.09.09
	--------------------------
*/



/* -----------------------------
	共通
------------------------------ */



/* -----------------------------
	個別ページ
------------------------------ */

#mainContent h2 {
	position: relative;
	width: 650px;
	margin: 0 0 20px 0;
	padding: 18px 0 14px 0;
	background: #fff url(../../common/img/h_line_01.png) no-repeat;
}

#mainContent h2 span {
	display: block;
	padding: 0 190px 0 57px;
	background: url(../../common/img/h_ico_tour_01.png) no-repeat 13px 2px;
	color: #001352;
	font-size: 125%;
	line-height: 1.5;
	font-weight: bold;
}

#mainContent .section {
	width: 610px;
	margin: 20px 0 0 0;
	padding: 0 20px 20px 20px;
	background: #fff;
}

#mainContent .section h3 {
	position: relative;
	width: 662px;
	margin: 0 -26px 15px -26px;
}


/*	cover
------------------------------ */

#mainContent .btnReverse {
	position: relative;
	float: right;
	width: 180px;
	margin: -62px 0 0 0;
}



/*	cover
------------------------------ */

#cover {
	clear: both;
	width: 648px;
	border: 1px solid #e5e5e5;
}

#cover .coverBg {
	padding: 20px 20px 15px 15px;
	border: 10px solid #f7f7f7;
	background: #fff;
}

#cover .texts {
	float: right;
	width: 358px;
	padding: 3px 0 0 0;
}

#cover .images {
	float: left;
	width: 225px;
}

#cover .texts .txt {
	font-size: 87.5%;
	line-height: 1.571;
}

#cover .texts .logo {
	padding: 10px 0 0 0;
	text-align: right;
}

#cover .images .img {
}

#cover .images .cap {
	width: 220px;
	padding: 5px 0 0 5px;
	font-size: 75%;
	line-height: 1.25;
}




/*	アンカーナビ
------------------------------ */

#mainContent .anav ul li {
	float: left;
	height: 40px;
	background: #fff;
	text-indent: -9999px;
	white-space: nowrap;
}

#mainContent .anav ul li.anav_schedule { width: 169px; }
#mainContent .anav ul li.anav_cabin { width: 172px; }
#mainContent .anav ul li.anav_price { width: 147px; }
#mainContent .anav ul li.anav_apply { width: 162px; }

#mainContent .anav ul li a {
	display: block;
	width: 100%;
	height: 100%;
	background: url(../../img/cruise/anav.png) no-repeat;
}

#mainContent .anav ul li a:hover {
	filter: alpha(opacity=70);
	opacity: 0.70;
}

#mainContent .anav ul li.anav_schedule a { background-position: 0px 0px; }
#mainContent .anav ul li.anav_cabin a { background-position: -169px 0px; }
#mainContent .anav ul li.anav_price a { background-position: -341px 0px; }
#mainContent .anav ul li.anav_apply a { background-position: -488px 0px; }



/*	運航スケジュール
------------------------------ */

#schedule {
}

#schedule .texts {
	font-size: 87.5%;
	line-height: 1.5;
}

#schedule .texts p.term {
	padding: 14px 0 5px 0;
	font-weight: bold;
}

#schedule p.note {
	padding: 7px 0 0 0;
	font-size: 75%;
	line-height: 1.5;
}

#schedule table.infoTable_01 .col_01 { width: 10%; }
#schedule table.infoTable_01 .col_04 { width: 15%; }

#schedule table.infoTable_01 tr.head th {
	padding: 3px 12px;
}

#schedule table.infoTable_01 th.th_01 {
	font-weight: bold;
}

#schedule table.infoTable_01 th,
#schedule table.infoTable_01 td {
	text-align: center;
	vertical-align: middle;
}

#schedule table.infoTable_01 td.city {
	font-size: 100%;
	font-weight: bold;
	text-align: left;
}

#schedule table.infoTable_01 td.city + td {
	background: none;
	text-align: left;
}

#schedule .route {
	margin: 15px 0 0 0;
	padding: 10px;
	border: 1px solid #eeeeee;
}

#schedule .route .map {
	float: left;
	width: 330px;
}

#schedule .route .shipList {
	float: right;
	width: 250px;
}

#schedule .route .shipList ul li {
	margin: 0 0 9px 0;
	padding: 0 0 9px 0;
	background: url(../../img/cruise/sche_ships_bg.png) no-repeat right bottom;
	border-bottom: 1px dashed #dadada;
}

#schedule .route .shipList ul li .img {
	float: left;
	width: 120px;
}

#schedule .route .shipList ul li .texts {
	float: right;
	width: 120px;
	padding: 7px 0 0 0;
	background: url(../../common/img/h_line_03.png) no-repeat -10px 0;
}

#schedule .route .shipList ul li .texts .name {
	font-size: 85.7%;
	line-height: 1.333;
	font-weight: bold;
}

#schedule .route .shipList ul li .texts .localName {
	font-size: 83.3%;
}

#schedule .route .shipList ul li .texts .detail {
	padding: 10px 0 0 0;
}

#schedule .route .shipList ul li .texts .detail a {
	padding: 0 0 0 15px;
	background: url(../../common/img/arw_r_02.png) no-repeat 3px 0.2em;
}

#schedule .route .shipList .linkList {
	position: relative;
	margin: 0 0 -2px 0;
	font-size: 87.5%;
	line-height: 1.5;
	text-align: center;
}

#schedule .route .shipList .linkList a {
	padding: 0 0 0 15px;
	background: url(../../common/img/arw_r_02.png) no-repeat 3px 0.2em;
}




/*	キャビン
------------------------------ */

#cabin p.lead {
	padding: 0 0 5px 0;
	font-size: 87.5%;
	line-height: 1.5;
}

#cabinList ul li.cabin {
	width: 610px;
	margin: 10px 0 0 0;
	background: url(../../img/cruise/cabin_bg_m.jpg) repeat-y;
}

#cabinList ul li.cabin .cabinBg {
	background: url(../../img/cruise/cabin_bg_b.jpg) no-repeat left bottom;
}

#cabinList ul li.cabin .cabinBg .cabinBg {
	background: url(../../img/cruise/cabin_bg_t.jpg) no-repeat left top;
	padding: 15px;
}

#cabinList ul li.cabin .texts {
	float: right;
	width: 384px;
}

#cabinList ul li.cabin .images {
	float: left;
	width: 150px;
	padding: 9px;
	background: #fff;
	border: 1px solid #f0f0e1;
}

#cabinList ul li.cabin .texts .cabinHead {
	padding: 0 0 5px 0;
	background: url(../../img/cruise/cabin_h_line.jpg) no-repeat left bottom;
}

#cabinList ul li.cabin .texts .type {
	float: left;
	font-size: 62.5%;
	line-height: 2;
}

#cabinList ul li.cabin .texts .type strong {
	font-size: 160%;
	line-height: 1.25;
}

#cabinList ul li.cabin .texts ul.icons {
	float: right;
	line-height: 1;
}

#cabinList ul li.cabin .texts ul.icons li {
	display: inline-block;
	padding: 0 2px 0 0;
}

#cabinList ul li.cabin .texts ul.icons li span {
	display: inline-block;
	padding: 2px 4px;
	background: #acac9d;
	border-radius: 3px;
	color: #fff;
	font-size: 11px;
	line-height: 14px;
	font-weight: bold;
	white-space: nowrap;
	vertical-align: middle;
}

#cabinList ul li.cabin .texts .summary {
	padding: 9px 0 0 0;
	font-size: 75%;
	line-height: 1.5;
	font-weight: bold;
}

#cabinList ul li.cabin .texts .text {
	padding: 5px 0 0 0;
	font-size: 75%;
	line-height: 1.5;
}

#cabinList ul li.cabin .images p.img {
	position: relative;
	width: 150px;
}

#cabinList ul li.cabin .images a span {
	position: absolute;
	bottom: 0px;
	display: none;
	width: 140px;
	padding: 2px 5px;
	background: rgba(255,255,255,0.7);
	font-size: 12px;
	line-height: 18px;
	text-decoration: underline;
}

#cabinList ul li.cabin .images a:hover span {
	display: block;
}





/*	料金
------------------------------ */

#price {
}

#price div.head {
	margin: 25px 0 0 0;
	padding: 0 0 4px 0;
	border-bottom: 2px solid #b6e6fa;
}

#price div.head h4 {
	float: left;
	color: #001554;
	font-size: 87.5%;
	line-height: 1.5;
	font-weight: bold;
}

#price h3 + div.head {
	margin: 0;
}

#price table.infoTable_01 {
	margin: 10px 0 0 0;
}

#price table.infoTable_01 tr.head th {
	padding: 3px 12px;
}

#price table.infoTable_01 th.th_01 {
	font-weight: bold;
}

/* 期間について */
#price table.termTable th.th_01 {
	text-align: center;
}

#price table.termTable td {
	font-weight: bold;
}

/* 旅客運賃 */
#price p.unit {
	float: right;
    padding: 5px;
    font-size: 62.5%;
    line-height: 1.5;
}

#price table.priceTable th {
	vertical-align: middle;
}

#price table.priceTable td {
	text-align: center;
	vertical-align: middle;
}

#price table.priceTable td.price {
	color: #d83400;
	font-size: 112.5%;
	font-weight: bold;
}

#price table.priceTable td.option {
	width: 25%;
	font-size: 75%;
	text-align: left;
}

#price p.note {
    padding: 10px 0 0 0;
    font-size: 75%;
    line-height: 1.5;
}






/*	お申込みはこちら
------------------------------ */

/* お申し込みにあたってのご案内 --- */

#apply .notification {
	margin: 20px 0 0 0;
	padding: 14px 20px 18px;
	background: #e7e7e7;
	border-radius: 3px;
}

#apply .notification h4 {
	border-bottom: 1px solid #fff;
	font-size: 100%;
	font-weight: bold;
}

#apply .notification h4 span {
	display: block;
	padding: 0 0 8px 0;
	border-bottom: 1px solid #d2d2d2;
	font-size: 87.5%;
	line-height: 1.5;
	font-weight: bold;
}

#apply .notification p.txt {
	padding: 1em 0 0 0;
	font-size: 75%;
	line-height: 1.5;
}

#apply .notification p.txt a {
	text-decoration: underline;
}

#apply .notification p.txt strong.caution {
	color: #ff2626;
}




/* -----------------------------
	一覧ページ
------------------------------ */

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

#title {
	margin: 0 0 20px 0;
}

#title h2 {
	position: relative;
	width: 950px;
	padding: 16px 0 10px 0;
	background: #fff url(../../common/img/h_line_01.png) no-repeat;
}

#title h2 span {
	display: block;
	padding: 0 0 0 57px;
	background: url(../../common/img/h_ico_tour_01.png) no-repeat 13px 2px;
	color: #001352;
	font-size: 125%;
	line-height: 1.5;
	font-weight: bold;
}

#title h2 span.originalName {
	display: inline;
	padding: 0 0 0 5px;
	background: none;
	font-size: 60%;
}

/*	絞り込み
------------------------------ */

#filter {
	position: relative;
	width: 950px;
	padding: 20px 0 20px 0;
	background: #fff;
	box-shadow: 0 1px 4px 0 rgba(192,192,192,0.4) inset;
}

#filter .condition {
	width: 628px;
	padding: 0 0 0 20px;
}

#filter dl {
	float: left;
	margin: 0 10px 0 0;
	background: #ececec;
}

#filter dl dt {
	float: left;
	padding: 5px 7px;
	font-size: 12px;
	line-height: 18px;
	font-weight: bold;
}

#filter dl dd {
	float: left;
}

#filter dl dd select {
	padding: 1px 0 1px 4px;
	border: 1px solid #ccc;
	box-shadow: 1px 0 0 0 rgba(0,0,0,0.2) inset,
		 0 5px 10px 0 rgba(0,0,0,0.1) inset;
	font-size: 14px;
	line-height: 18px;
}
#filter dl.departure dd select { width: 205px; }


#filter p.keyword input {
	width: 240px;
	padding: 1px 6px 1px 6px;
	border: 1px solid #ccc;
	box-shadow: 0 5px 10px 0 rgba(0,0,0,0.1) inset;
	font-size: 14px;
	line-height: 18px;
}

#filter p.btn {
	position: absolute;
	top: 18px; right: 140px;
}

#filter p.clear {
	position: absolute;
	top: 18px; right: 18px;
}

#filter p input[type=image]:hover {
	filter: alpha(opacity=80);
	opacity: 0.80;
}

/* 該当件数 */
#title .resultCount {
	float: left;
	margin: 0 0 -20px 0;
	padding: 13px 0 8px 0;
	font-size: 75%;
	line-height: 1.5;
	vertical-align: bottom;
}

#title .resultCount span {
	color: #d23f10;
	font-size: 133%;
	font-weight: bold;
}

/* 注釈 */
#title .note {
	float: right;
	margin: 0 0 -20px 0;
	padding: 13px 0 13px 0;
	font-size: 75%;
	line-height: 1.5;
	vertical-align: bottom;
}



/*	一覧
------------------------------ */

#cruiseList {
}

#cruiseList #cover {
	margin: 0 0 18px 0;
}

#cruiseList .cruise {
	position: relative;
	width: 620px;
	margin: 0 0 20px 0;
	padding: 20px 15px 15px 15px;
	background: #fff;
}

#cruiseList .cruise .img {
	float: left;
}

#cruiseList .cruise .texts {
	float: right;
}

#cruiseList .cruise .cruiseHead {
	padding: 0 0 4px 0;
	margin: 0 0 15px 0;
	background: url(../../img/cruise/list_h_line_01.png) no-repeat left bottom;
}

#cruiseList .cruise .icons {
	float: right;
	line-height: 1;
}

#cruiseList .cruise .icons li {
	display: inline-block;
	padding: 0 2px 0 0;
}

#cruiseList .cruise .icons li span {
	display: inline-block;
	padding: 2px 4px;
	background: #eeeeee;
	border: 1px solid #dddddd;
	border-radius: 3px;
	font-size: 10px;
	line-height: 14px;
	font-weight: bold;
	white-space: nowrap;
	vertical-align: middle;
}

#cruiseList .cruise h3 {
	float: left;
	color: #001352;
	font-size: 125%;
	line-height: 1.389;
}

#cruiseList .cruise h3 span {
	display: block;
	padding: 0 0 0 28px;
	background: url(../../common/img/h_ico_tour_02.png) no-repeat 0em 0.1em;
}

#cruiseList .cruise .cruiseLead .img {
	width: 100px;
	padding: 0 0 15px 0;
}

#cruiseList .cruise .cruiseLead .texts {
	width: 490px;
	padding: 0 15px 10px 0;
}

#cruiseList .cruise p.lead {
	padding: 0 0 4px 0;
	font-size: 87.5%;
	line-height: 1.357;
	font-weight: bold;
}

#cruiseList .cruise p.text {
	font-size: 87.5%;
	line-height: 1.357;
}

#cruiseList .cruise .cruiseBody .img {
	width: 330px;
}

#cruiseList .cruise .cruiseBody .texts {
	width: 275px;
}

#cruiseList .cruise table.formTable_01 {
	margin: 0 0 0 0;
	border-top-style: dotted;
}

#cruiseList .cruise table.formTable_01 th,
#cruiseList .cruise table.formTable_01 td {
	width: auto;
	padding: 7px 0 6px 2px;
	vertical-align: top;
	background: #fff;
	border-bottom-style: dotted;
}


#cruiseList .cruise .data_02 p.price {
	padding: 14px 4px 0;
	font-size: 75%;
	font-weight: bold;
	text-align: center;
}

#cruiseList .cruise .data_02 p.price span.price {
	color: #d23300;
}

#cruiseList .cruise .data_02 p.price span.price strong {
	font-size: 160%;
}

#cruiseList .cruise .data_02 p.btn {
	padding: 7px 0 0 0;
}

#cruiseList .cruise .data_02 p.btn a:hover img {
	filter: alpha(opacity=80);
	opacity: 0.80;
}




/* ページング */
#cruiseList .paging {
	margin: 0 0 20px 0;
}



/* ご案内 */
#cruiseList .information {
	margin: 20px 0 0 0;
	padding: 14px 20px 18px;
	background: #e7e7e7;
	border-radius: 3px;
}

#cruiseList .information h3 {
	border-bottom: 1px solid #fff;
	font-size: 100%;
	font-weight: bold;
}

#cruiseList .information h3 span {
	display: block;
	padding: 0 0 8px 0;
	border-bottom: 1px solid #d2d2d2;
	font-size: 87.5%;
	line-height: 1.5;
	font-weight: bold;
}

#cruiseList .information p.txt {
	padding: 1em 0 0 0;
	font-size: 75%;
	line-height: 1.5;
}

#cruiseList .information p.txt strong {
	color: #d83400;
	font-weight: normal;
}




/* -----------------------------
	index
------------------------------ */

#cruiseIndex {
}


/*	探す
------------------------------ */

#findCruise {
	width: 650px;
	background: #fff;
}

#findCruise p.lead {
	padding: 22px 25px 5px 25px;
	font-size: 87.5%;
	line-height: 1.5;
}


/* 地図から探す ----- */

#cruiseIndex #byMap {
	padding: 10px 0 0 0;
}

#cruiseIndex #byMap h3 {
	position: relative;
	margin: 0 0 0 -6px;
}

#cruiseIndex #byMap p.lead {
	float: right;
	margin: -36px 0 0 250px;
	padding: 0 20px 0 0;
	text-align: right;
}

#cruiseIndex #areaMap {
	clear: both;
	padding: 12px 20px 0 20px;
}

#cruiseIndex #byMap .northern {
	float: left;
	width: 394px;
	height: 300px;
	background: url(../../img/cruise/bymap_base_northern.png) no-repeat;
	border: 3px solid #dddddd;
}

#cruiseIndex #byMap .central {
	float: right;
	width: 194px;
	height: 300px;
	background: url(../../img/cruise/bymap_base_central.png) no-repeat;
	border: 3px solid #dddddd;
}


/* 目的から探す ----- */

#cruiseIndex #byShip {
	padding: 28px 0 0 0;
}

#cruiseIndex #byShip h3 {
	position: relative;
	margin: 0 0 0 -6px;
}

#cruiseIndex #byShip .list {
	padding: 0 0 0 20px;
}

#cruiseIndex #byShip .list ul li {
	width: 610px;
	padding: 10px 0;
	border-top: 1px solid #efefef;
}

#cruiseIndex #byShip .list ul li:first-child {
	border-top: 0;
	padding-top: 7px;
}

#cruiseIndex #byShip .list ul li .texts {
	float: right;
	width: 389px;
}

#cruiseIndex #byShip .list ul li .texts .txt {
	padding: 21px 0 0 10px;
	font-size: 87.5%;
	line-height: 1.5;
}

#cruiseIndex #byShip .list ul li .img {
	position: relative;
	float: left;
	width: 233px;
	margin: 0 0 0 -12px;
}


#cruiseIndex #byShip .list ul li a:hover {
	filter: alpha(opacity=80);
	opacity: 0.80;
}


/* リスト ----- */

#cruiseIndex #cruiseList {
	padding: 25px 0 0 0;
}

#cruiseIndex #cruiseList .cruiseListHead h3 {
	margin: 0 0 10px 0;
	color: #001352;
	padding: 0 0 4px 0;
	background: url(../../common/img/h_line_00.png) no-repeat left bottom;
	font-size: 133%;
	line-height: 1.5;
}

#cruiseIndex #cruiseList .cruiseListHead h3 span {
	display: block;
	padding: 0 0 0 48px;
	background: url(../../common/img/h_ico_recom_01.png) no-repeat 13px 0.05em;
}