@charset "utf-8";
/* ===================================================================
CSS information

 style info: style

 *Since: 2013-12-03
=================================================================== */

/*共通　重要なお知らせ*/
p.important_news{margin:2% 0!important;font-size:14px;}
p.important_news a{color:red!important;text-decoration:underline!important;}

/* ----------------------------------------------------
	クルーズ トップページ
---------------------------------------------------- */

#preciousContent p.btns.redbtn a{
    width: 46%;
    display: block;
    padding: 1% 1%;
    margin: 0 1%;
    float: left;
    background-color: #910000;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    color: #FFFFFF!important;
    text-align: center;
    font-size: 12px;
}

#preciousContent p.btns.redbtn a:hover{
	background-color:#000;
	color: #FFFFFF!important;
}

@media (max-width: 990px) {
 

#preciousContent .btns{
    width: 100%;
	overflow: hidden;
	margin: 0 0 20px 0;
}


}

@media (min-width: 990px) {
 
#preciousContent {position: relative;}
#preciousContent .btns{
	position: absolute;
	top: 0px;
	right: 0px;
    width: 57%;
}


}

/* ----------------------------------------------------
	海外フライ＆クルーズを探す
---------------------------------------------------- */
#cruise01{
	width: 970px;
	background: url(../img/bg_top_01.png) repeat top left;
	position: relative;
	margin: 0 0 20px 0;
	padding: 0 0 10px 0;
}
#cruise01 h2{
	text-align: center;
}
#cruise01 h3{
	margin: 0 0 10px 0;
}
#cruise01 div ul {
	overflow: hidden;
}
#cruise01 div ul li{
	display: inline;
	float: left;
}
#cruise01 div ul li a{
	display: block;
	text-decoration: none;
	background: url(../img/ic_arrow_02.png) no-repeat 8px center;
	background-color: #fff;
	line-height: 1.4;
}
#cruise01 div ul li a:hover{
	color: #fff!important;
	background: url(../img/ic_arrow_04.png) no-repeat 8px center;
	background-color: #a78852;
}

/* クルーズ周遊エリアから
---------------------------------------------------- */
#cruise01 .search01{
	float: left;
	width: 464px;
	margin: 0 0 9px 25px;
}
#cruise01 .search01 ul li{
	margin: 0 10px 0 0;
}
#cruise01 .search01 ul li a{
	width: 222px;
	padding: 16px 0 13px;
	text-align: center;
}
#cruise01 .search02{
	width: 466px;
	float: right;
	margin: 0 15px 5px 0;
}
#cruise01 .search02 h3 {
	margin-top: 2px;
}
#cruise01 .search02 ul li{
	margin: 0 10px 10px 0;
}
#cruise01 .search02 ul li a{
	width: 101px;
	padding: 16px 0 13px 5px;
	text-align: center;
	font-size: 13px;
}
#cruise01 .search02 ul li .row2{
	padding: 6px 0 4px 5px;
}
#cruise01 .search03{
	margin: 0 15px 20px 25px;
}
#cruise01 .search03 ul li{
	margin: 0 10px 10px 0;
}
#cruise01 .search03 ul li a{
	width: 222px;
	padding: 16px 0 13px 0;
	text-align: center;
}
#cruise01 .search03 ul li .row2{
	padding: 6px 0 4px 0;
}
#cruise01 .search03 ul li .row3{
	padding: 8px 0 14px;
}
#cruise01 .search03 ul li a span{
	font-size: 11px;
}

#cruise01 .search04{
	width: 946px;
	height: 140px;
	background: url(../img/img_ship_intoro.png) no-repeat top left;
	margin: -10px 0 0 12px;
	position: relative;
}
#cruise01 .search04 h3{
	padding: 30px 0 0 30px;
}
#cruise01 .search04 p{
	padding: 0 0 0 30px;
	line-height: 1.4;
}
#cruise01 .search04 a{
	position: absolute;
	bottom: 20px;
	right: 20px;
}

/* ----------------------------------------------------
	日本発着クルーズを探す
---------------------------------------------------- */
#cruise02{
	width: 970px;
	padding: 0 0 20px 0;
	margin: 0 0 30px 0;
	background: url(../img/bg_top_02.jpg) repeat-y top left;
}
#cruise02 h2{
	text-align: left;
	position: relative;
	z-index: 100;
	padding:20px 0 15px 25px;
}

#cruise02 .search01{

	display: none;

	overflow: hidden;
	margin: 0 0 20px 25px;
	position: relative;
	z-index: 0;
}
#cruise02 .search01 h3{
	margin: 0 0 5px 0;
}
#cruise02 .search01 dl{
	width: 447px;
	margin: 0 25px 0 0;
	background-color: #fff;
	display: inline;
	float: left;
}
#cruise02 .search01 dl dt{
	margin: 10px 0 0 10px;
	color:#a78852;
	padding: 0 0 0 15px;
}
#cruise02 .search01 dl dd{
	padding: 0 15px 5px;
}
#cruise02 .search01 dl ul{}
#cruise02 .search01 dl ul li{
	display: inline-block;
	margin: 0 10px 5px 0;
	background: url(../img/ic_arrow_02.png) no-repeat left 6px;
	padding: 0 0 0 10px;
	font-size: 13px;
}
#cruise02 .search01 dl ul li a{
	text-decoration: none;
}

#cruise02 .search01 dl.boxLink{
	cursor: pointer;
}
#cruise02 .search01 dl.box_active{
	background-color: #a78852;
}
#cruise02 .search01 dl.box_active dt{
	color: #fff;
}
#cruise02 .search01 dl.box_active dd li{	background: url(../img/ic_arrow_04.png) no-repeat left 6px;}
#cruise02 .search01 dl.box_active dd li a{
	color: #fff!important;
}


#cruise02 .search02{
	background-color: #fff;
	padding: 20px;
	margin: 0 25px 0;
	width:660px;
}
#cruise02 .search02 h3{
	margin: 0 0 0 0;
}
#cruise02 .search02 > p{
	margin: 15px 0 5px;
}
#cruise02 .search02 > p strong{
	color:#a78852;
	font-weight: bold;
}
#cruise02 .search02 ul{
	overflow: hidden;
	margin: 0 -20px 0 0;
}
#cruise02 .search02 ul li{
	width: 280px;
	margin: 0 20px 0 0;
	display: inline;
	float: left;
	font-size: 12px;
}
#cruise02 .search02 ul li a{}
#cruise02 .search02 ul li .txt span{
	display: inline-block;
	background-color: #e2f4ff;
	border: 1px solid #000;
	line-height: 1.0;
	padding: 2px 2px 1px;
	font-size: 11px;
	margin: 5px 5px 0 0;
}

#cruise02 .search02 ul li span{
	display:block;
	margin:5px 0 0 0;
}

#cruise02 .search02 ul li span a{
	display:inline-block;
	margin:0 20px 0 0;
	padding:0 0 0 18px;
	background:url(../img/ic_arrow_senme.gif) no-repeat 0 50%;
}

#bnrBox{
	margin:0 0 25px 0;
	padding:0;
	text-align:center;
}

#colum{
	width:630px;
	height:104px;
	background:url(../img/bg_colum.gif) no-repeat;
	padding:30px 160px 0 20px;
	display:block;
	margin:0 auto 20px;
	line-height:1.8em;
}

#colum2{
	width:630px;
	height:195px;
	background:url(../kaigai/images/bg_colum.gif) no-repeat;
	padding:20px 160px 0 20px;
	display:block;
	margin:20px auto 20px;
	line-height:1.8em;
}

#colum2 strong{
	font-weight:bold;
	font-size:16px;
}

#colum2 a{
	color:#06C;
	font-weight:bold;
}

/* ----------------------------------------------------
	ハネムーンクルーズ
---------------------------------------------------- */
#cruise03{
	width: 970px;
	height: 500px;
	margin: 0 0 0 0;
	padding: 40px 0 0 0;
	background: url(../img/bg_top_03.png) no-repeat top left;
	position: relative;
}
#cruise03 h2{
	position: absolute;
	top: 25px;
	left: 12px;
}
#cruise03 dl{
	margin: 0 0 20px 335px;
}
#cruise03 dl dt{
	margin: 0 0 10px 0;
}
#cruise03 dl dd{
	margin: 0 20px 0 0;
}
#cruise03 dd ul{
	overflow: hidden;
}
#cruise03 .plan li{
	width: 189px;
}
#cruise03 .plan li .txt{
	font-size: 12px;
	margin: 5px 0 0 0;
}
#cruise03 .btn{
	margin: 5px 0 0 20px;
	padding: 3px 0 10px 190px;
	background: url(../img/txt_honeymoon_01.png) no-repeat top left;
}

/* ----------------------------------------------------
	クルーズお役立ちガイド
---------------------------------------------------- */
#cruise_guide{
	background: url(../img/img_bdr_01.png) no-repeat top left;
	padding: 20px 0;
}
#cruise_guide h2{
	margin: 0 0 20px 0;
}
#cruise_guide ul{
	margin: 0 -20px 0 0;
	overflow: hidden;
}
#cruise_guide ul li{
	width: 310px;
	margin: 0 20px 0 0;
	display: inline;
	float: left;
	height: 250px;
}
#cruise_guide ul li .title{
	margin: 5px 0;
	font-size: 16px;
	font-weight: bold;
}
/* ----------------------------------------------------
	デジタルパンフレット
---------------------------------------------------- */
#cruise_pamphlet{
	width: 100%;
	overflow: hidden;
	background: url(../img/bg_pamphlet.png) repeat top left;
	margin: 0 0 30px 0;
}
#cruise_pamphlet > p{
	padding: 20px 0 0 0;
	margin: 0 25px 20px;
}
#cruise_pamphlet > p span{
	position: relative;
	top: 2px;
	left: 20px;
}

#cruise_pamphlet .domesitc{
	width: 544px;
	margin: 0 0 0 25px;
	display: inline;
}
#cruise_pamphlet .oversea{
	width: 356px;
	margin: 0 25px 0 0;
	display: inline;
}
#cruise_pamphlet dt{
	margin: 0 auto 10px auto;
}
#cruise_pamphlet dd ul{
    overflow: hidden;
    margin: 0 auto;
    width: 96.8%;
    display: block;
}
#cruise_pamphlet dd ul li{
	width: 163px;
	height: 140px;
	min-height: 120px;
	margin: 0 9px 20px 0;
	display: inline;
	float: left;
	position: relative;
	background-color: #fff;
}
#cruise_pamphlet dd ul li .img{
	position: absolute;
	top: 5px;
	left: 5px;
}
#cruise_pamphlet dd ul li .txt{
	padding: 5px 0 0 86px;
	font-size: 10px;
	line-height: 1.1;
}
#cruise_pamphlet dd ul li .txt strong{
	line-height: 1.2;
	font-weight: bold;
	font-size: 11px;
	display: block;
}

#cruise_pamphlet dd ul li .btn{
	position: absolute;
	right: 5px;
	bottom: 5px;
}
#cruise_pamphlet dd ul li .btn a{
	display: block;
	margin: 3px 0 0 0;
}

/* ----------------------------------------------------
	クルーズのお問い合わせ
---------------------------------------------------- */
#cruise_contact{
	width: 970px;
	padding: 0 0 20px 0;
	background: url(../img/bg_blue.png) repeat top left;
}
#cruise_contact hr{
	border: none;
	border-top: 1px solid #c2d6e2;
	border-bottom: 1px solid #f3f9fd;
}

#cruise_contact > p{
	padding: 15px 20px 15px;
}
#cruise_contact .contact01{
	overflow: hidden;
	margin: 0 0 10px 8px;
}
#cruise_contact .contact01 p{
	width: 447px;
	margin: 0 14px;
	display: inline;
	float: left;
}
#cruise_contact .contact02{
	margin: 15px 0 15px 20px;
	text-align: center;
}
#cruise_contact .contact02 p{
	margin: 0 16px 0 0;
	display: inline-block;
	*display: inline;
	*zoom:1;
}
#cruise_contact .contact02 p a{
	position: relative;
	top: 5px;
}
#cruise_contact .contact03{
	position: relative;
	padding: 0 0 45px 0;
}
#cruise_contact .contact03 p{
	position: absolute;
	top: 20px;
	left: 25px;
}
#cruise_contact .contact03 ul {
	position: absolute;
	top: 23px;
	left: 255px;
}
#cruise_contact .contact03 ul li{
	display: inline;
	background: url(../img/ic_arrow_03.png) no-repeat left center;
	padding: 0 0 0 15px;
	margin: 0 20px 0 0;
}

#cruise_contact .contact03 div.cp_bn{
	position: absolute;
	background: #ffffff;
	padding: 10px 15px;
	top: 10px;
	left: 695px;
}

/* ----------------------------------------------------
	クルーズのお問い合わせ_ページ上部
---------------------------------------------------- */
#cruise_contact_top{
	width: 970px;
	padding: 0 0 10px 0;
	background: url(../img/bg_blue.png) repeat-y top left;
}
#cruise_contact_top hr{
	border: none;
	border-top: 1px solid #c2d6e2;
	border-bottom: 1px solid #f3f9fd;
}

#cruise_contact_top > p{
	padding: 15px 20px 15px;
}
#cruise_contact_top .contact01{
	overflow: hidden;
	margin: 0 0 10px 8px;
}
#cruise_contact_top .contact01 p{
	width: 447px;
	margin: 0 14px;
	display: inline;
	float: left;
}
#cruise_contact_top .contact02{
	margin: 15px 0 15px 20px;
}
#cruise_contact_top .contact02 p{
	margin: 0 16px 0 0;
	display: inline-block;
	*display: inline;
	*zoom:1;
}
#cruise_contact_top .contact02 p a{
	position: relative;
	top: 5px;
}

/* ----------------------------------------------------
	クルーズ第２階層 #cruise_inner
---------------------------------------------------- */
#cruise_inner #cruise{
	margin: 30px 0!important;
}
#cruise_inner #page_title{
	margin: 0 0 30px 0;
	width: 970px;
	color: #fff;
	height: 70px;
	padding: 30px 0 0 30px;
	font-size: 26px;
}
#cruise_inner #page_title.west{background: url(../img/bg_title_west.jpg) no-repeat top left;}
#cruise_inner #page_title.east{background: url(../img/bg_title_east.jpg) no-repeat top left;}
#cruise_inner #page_title.tour_operators{background: url(../img/bg_title_tour_operators.jpg) no-repeat top left;}
#cruise_inner #page_title.p2_departs{background: url(../img/bg_title_p2_departs.jpg) no-repeat top left;}
#cruise_inner #page_title.anchorage_site{background: url(../img/bg_title_anchorage_site.jpg) no-repeat top left;}
#cruise_inner #page_title.honeymoon{background: url(../img/bg_title_honeymoon.jpg) no-repeat top left;}
#cruise_inner #page_title.arasuka{background: url(../img/bg_title_arasuka.jpg) no-repeat top left;}
#cruise_inner #page_title.carib{background: url(../img/bg_title_carib.jpg) no-repeat top left;}
#cruise_inner #page_title.asia{background: url(../img/bg_title_asia.jpg) no-repeat top left;}
#cruise_inner #page_title.oceania{background: url(../img/bg_title_oceania.jpg) no-repeat top left;}
#cruise_inner #page_title.hawaii{background: url(../img/bg_title_hawaii.jpg) no-repeat top left;}
#cruise_inner #page_title.europe{background: url(../img/bg_title_europe.jpg) no-repeat top left;}
#cruise_inner #page_title.river{background: url(../img/bg_title_river.jpg) no-repeat top left;}
#cruise_inner #page_title.antarctic{background: url(../img/bg_title_antarctic.jpg) no-repeat top left;}
#cruise_inner #page_title.world{background: url(../img/bg_title_world.jpg) no-repeat top left;}


#cruise_inner #page_title.americas{
	background: url(../img/bg_title_americas.jpg) no-repeat top left;
	font-size: 20px;
	height: 65px;
	padding: 35px 0 0 30px;
}
#cruise_inner #page_title.europe{
	background: url(../img/bg_title_europe.jpg) no-repeat top left;
	font-size: 26px;
	height: 85px;
	padding: 15px 0 0 30px;
}
#cruise_inner #page_title.europe span{
	font-size: 16px;
}

#cruise_inner #cruise{
	padding: 40px 0 0 0;
	margin: 0 0 30px 0;
}
#cruise_inner .rankSelect02{
	position: relative;
	top: -18px;
	left: 0;
}
#oversea_slide{
	margin: 0 0 0 355px;
}
#domestic_slide{
	margin: 0 0 0 355px;
}

/*---------------------------------------------------- 
	一覧
---------------------------------------------------- */
#plan_list{}
#cruise_inner #plan_list .plan{
	background: url(../img/bg_cmn_07.png) repeat top left;
	margin: 0 0 30px 0;
}
#plan_list .plan .summary{
	margin: 0 25px;
	padding: 25px 0 15px;
}

/*---------------------------------------------------- 
	タイトル周り
---------------------------------------------------- */
#plan_list .plan h2{
	font-size: 18px;
	white-space: nowrap;
	font-weight: bold;
}
#plan_list .plan .title{
	width: 600px;
	display: inline;
	float: left;
}
#plan_list .plan .title .process{
	margin: 0 0 10px 0;
}
#plan_list .plan .title .process span{
	display: inline-block;
	background-color: #fff;
	line-height: 1.0;
	padding: 5px 0 3px 0;
}
#plan_list .plan .title .process strong{
	font-weight: bold;
}
#plan_list .plan .title .process .area01{
	color: #fff;
	padding: 5px 5px 3px;
}
#plan_list .plan .title .process .area02{
	padding: 0 5px;
}
#plan_list .plan .title .process .start{
	border: 1px solid #0086ad;
	color: #0086ad;
	position: relative;
	margin: 0 20px 0 0;
}
#plan_list .plan .title .process .start .area01{
	background-color: #0086ad;
}
#plan_list .plan .title .process .end{
	border: 1px solid #005a99;
	color: #005a99;
}
#plan_list .plan .title .process .end .area01{
	background-color: #005a99;
}
#plan_list .plan .title .process .start:after{
	content: "";
	display: block;
	position: absolute;
	top: 3px;
	right: -16px;
	width: 9px;
	height: 15px;
	background: url(../img/img_arrow_01.png) no-repeat top left;
}
#plan_list .period{
	margin: 0 0 5px 0;
	color:#666;
}

#plan_list .plan .price{
	width: 300px;
	display: inline;
	float: right;
}
#plan_list .plan .price p{
	font-weight: bold;
	font-size: 85%;
	line-height: 1.2;
	text-align: right;
}
#plan_list .plan .price h3{
	font-size: 20px;
	font-weight: bold;
	text-align: right;
	color: #a71d1d;
}


/*---------------------------------------------------- 
	詳細
---------------------------------------------------- */
#plan_list .plan .data{
	margin: 0 25px 0 15px;
	padding: 0px 0 25px 10px;
}
#plan_list .plan .data ul{
	width: 622px;
	margin: 0 -8px 0 0;
	display: inline;
	float: right;
}
#plan_list .plan .data ul li{
	width: 311px;
	margin: 0 0 20px 0;
	text-align: center;
	padding: 0 0 19px 0;
	background: url(../img/bg_img_290.png) no-repeat bottom left;
	display: inline;
	float: left;
	position: relative;
}
#plan_list .plan .data ul li span{
	width: 290px;
	display: block;
	position: absolute;
	top: 205px;
	left: 0px;
	margin: 0 0 0 10px;
	text-align: left;
	font-size: 12px;
}


#plan_list .plan .data dl{
	width: 290px;
	display: inline;
	float: left;
}
#plan_list .plan .data dl dt{
	font-weight: bold;
	margin: 0 0 5px 0;
}
#plan_list .plan .data dl dd .ship{
	margin: 10px 0 0 0;
	color: #a78852;
	font-weight: bold;
	font-size: 12px;
}
#plan_list .plan .data dl dd .ship img{
	display: block;
	margin: 0 0 5px 0;
}

/*---------------------------------------------------- 
	ページ送り_クルーズ用
----------------------------------- ----------------- */
.pagenavi{
	text-align: right;
	margin: 0 0 10px 0;
}
.pagenavi a{text-decoration: none!important;}
.pagenavi a span{
	color: #005a99;
	font-weight: bold;
	background-color: #e5eef5;
	line-height: 1.0;
	display: inline-block;
	text-align: center;
	padding: 6px 0 5px;
	width: 25px;
}
.pagenavi a span:hover,
.pagenavi a .pageActive{
	background-color: #005a99!important;
	color: #fff!important;
}

.bottom_navi{
	margin: -20px 0 30px 0;
}

#title{
	width: 950px;
	height: 120px;
	padding: 20px 0 0 20px;
	margin: 0 0 30px 0;
}
#first_time #title{background: url(../img/bg_title_02.jpg) no-repeat top left;}
#plan #title{background: url(../img/bg_title_08.jpg) no-repeat top left;}
#ship2 #title{background: url(../img/bg_title_03.jpg) no-repeat top left;}
#manor #title{background: url(../img/bg_title_04.jpg) no-repeat top left;}
#charm #title{background: url(../img/bg_title_05.jpg) no-repeat top left;}
#voice #title{background: url(../img/bg_title_06.jpg) no-repeat top left;}
#qa #title{background: url(../img/bg_title_07.jpg) no-repeat top left;}

#title h2{margin: 0 0 10px 0;}
/*---------------------------------------------------- 
	初めてのクルーズ
---------------------------------------------------- */
#first_time{margin: 0 0 30px 0;}
#first_time .contents{
	padding: 24px 0 0 24px;
	background: url(../img/first_time/bg_ft_01.png) repeat top left;
}
#first_time .contents dl{
	width: 407px;
	display: inline;
	float: left;
	padding: 210px 20px 10px 20px;
	margin: 0 25px 35px 0;
	position: relative;
	background-color: #fff;
}
#first_time .contents dl:after{
	content: "";
	width: 255px;
	height: 173px;
	position: absolute;
	bottom: -13px;
	right: -13px;
	background: url(../img/first_time/bg_img_01.png) no-repeat bottom right;
	z-index: 0;
}
#first_time .contents dl dt{
	font-weight: bold;
	font-size: 18px;
	margin: 0 0 5px 0;
	position: relative;
	z-index: 10;
}
#first_time .contents dl .linkImage{
	position: absolute;
	top: 20px;
	left: 20px;
	z-index: 10;
}
#first_time .contents dl .txt{
	position: relative;
	z-index: 10;
}
/*---------------------------------------------------- 
	初めてのクルーズ_船旅の計画
---------------------------------------------------- */
#plan #cruise_contact{
	height: 220px;
	margin: 0 0 40px 0;
}
#plan h3{
	margin: 0 0 20px 0;
}
#plan #step01{
	background: url(../img/first_time/img_ft_01.png) no-repeat 90% top;
	padding: 0 300px 50px 0;
}
#plan #step01 .txt{
	margin: 0 0 20px 0;
}
#plan #step01 .btn a{
	margin: 0 10px 0 0;
}
#plan #step02{
	padding: 0 330px 80px 0;
	position: relative;
}
#plan #step02 .txt{
	margin: 0 0 20px 0;
}
#plan #step02 .table{
	width: 300px;
	background-color: #eef5f9;
	padding: 5px;
	position: absolute;
	top: 0px;
	right:0px;
}
#plan #step02 .table table{
	width: 100%;
}
#plan #step02 .table table th,
#plan #step02 .table table td{
	vertical-align: top;
	padding: 10px 5px;
	line-height: 1.2;
}
#plan #step02 .table table strong{
	font-weight: bold;
	color: #93733f;
	display: block;
}
#plan #step03{
	padding: 0 0 30px 0;
}
.table_area{
	position: relative;
}
#plan #step03 .txt{
	margin: 0 0 20px 0;
}
#plan #step03 .table01{
	width: 280px;
	position: absolute;
	top: 0px;
	left: 0px;
}
#plan #step03 .table02{
	width: 670px;
	margin: 0 0 0 300px;
}
#plan #step03 table th{
	background-color: #dbccbb;
	border: 1px solid #dccfba;
	padding: 5px 10px;
	color: #472500;
}
#plan #step03 table td{
	border: 1px solid #dccfba;
	padding: 5px 10px;
}
#plan #step04{
	padding: 0 0 20px 0;
}

/*---------------------------------------------------- 
	初めてのクルーズ_客船について
---------------------------------------------------- */
#ship{
	margin: 0 0 30px 0;
}
#ship #tab{
	overflow: hidden;
	border-bottom: 2px solid #4991da;
}
#ship #tab li{
	display: inline;
	float: left;
}
#ship #tab li a{
	display: block;
	text-indent: -9999px;
}
#ship #tab #tab01 a{
	width: 193px;
	height: 42px;
	background: url(../img/first_time/tab_ship_01.png) no-repeat top left;
}
#ship #tab #tab02 a{
	width: 195px;
	height: 42px;
	background: url(../img/first_time/tab_ship_02.png) no-repeat top left;
}
#ship #tab #tab03 a{
	width: 195px;
	height: 42px;
	background: url(../img/first_time/tab_ship_03.png) no-repeat top left;
}
#ship #tab #tab04 a{
	width: 195px;
	height: 42px;
	background: url(../img/first_time/tab_ship_04.png) no-repeat top left;
}
#ship #tab #tab05 a{
	width: 192px;
	height: 42px;
	background: url(../img/first_time/tab_ship_05.png) no-repeat top left;
}
#ship #tab #tab01 a:hover,
#ship #tab #tab01 a.active{
	background: url(../img/first_time/tab_ship_01_on.png) no-repeat top left;
}
#ship #tab #tab02 a:hover,
#ship #tab #tab02 a.active{
	background: url(../img/first_time/tab_ship_02_on.png) no-repeat top left;
}
#ship #tab #tab03 a:hover,
#ship #tab #tab03 a.active{
	background: url(../img/first_time/tab_ship_03_on.png) no-repeat top left;
}
#ship #tab #tab04 a:hover,
#ship #tab #tab04 a.active{
	background: url(../img/first_time/tab_ship_04_on.png) no-repeat top left;
}
#ship #tab #tab05 a:hover,
#ship #tab #tab05 a.active{
	background: url(../img/first_time/tab_ship_05_on.png) no-repeat top left;
}
#ship #ships{
	padding: 20px 0 0 0;
	background: url(../img/bg_blue.png) repeat bottom left;
}
#ship #ships div p{
	margin: 0 25px 20px;
	position: relative;
}
#ship #ships div p span{
	margin: 0 0 0 20px;
	font-size: 13px;
}
#ship #ships div ul{
	margin: 0 0 0 25px;
}
#ship #ships div li{
	width: 290px;
	margin: 0 25px 0px 0;
	display: inline;
	float: left;
}
#ship #ships div li dl{
	position: relative;
	padding: 0 0 5px 0;
}
#ship #ships div li dl dt{
	font-weight: bold;
	font-size: 18px;
	margin: 0 0 5px 0;
	position: relative;
	z-index: 10;
}
#ship #ships div li dl dt span{
	font-size: 11px;
	line-height: 1.0;
	margin: 5px 0 2px;
	padding: 2px 2px 1px;
	border: 1px solid #000;
	display: block;
	width: 5em;
	text-align: center;
	background-color: #fff;
}
#ship #ships div li dl .linkImage{
	position: absolute;
	top: 0px;
	left: 0px;
}
#ship #ships div li dl .textname{
	width: 250px;
	height: 120px;
	padding: 15px;
	background-color: #fff;
	opacity: 0;
}
#ship #ships div li dl .textname strong{
	font-weight: bold;
	color: #a68753;
}
#ship #ships div li dl .txt{display: none;}
#ship #ships div li dl .textname a{
	background: url(../img/ic_arrow_06.png) no-repeat left 5px;
	padding: 0 0 0 13px;
	display: block;
	font-size: 90%
}
#ship_info{
	background: url(../img/bg_blue.png) repeat bottom left;
	padding: 0 0 25px 0;
}
#ship_info ul {
	padding: 20px 50px 15px;
	margin: 0 25px;
	background-color: #fff;
}
#ship_info ul li{
	width: 270px;
	display: inline;
	float: left;
}
#ship_info ul li img{
	margin: 0 0 5px 0;
}

/*---------------------------------------------------- 
	初めてのクルーズ_客船について 2
---------------------------------------------------- */
#ship2{
	margin: 0 0 30px 0;
}
#ship2 #tab{
	overflow: hidden;
	border-bottom: 2px solid #4991da;
	margin:0 0 20px 0;
}
#ship2 #tab li{
	display: inline;
	float: left;
	margin:0 0 0 3px;
}
#ship2 #tab li a{
	display: block;
	text-indent: -9999px;
}
#ship2 #tab #tab01 a{
	width: 238px;
	height: 42px;
	background: url(../kaigai/images/tab_ship_01.png) no-repeat top left;
}
#ship2 #tab #tab02 a{
	width: 238px;
	height: 42px;
	background: url(../kaigai/images/tab_ship_02.png) no-repeat top left;
}
#ship2 #tab #tab03 a{
	width: 238px;
	height: 42px;
	background: url(../kaigai/images/tab_ship_03.png) no-repeat top left;
}
#ship2 #tab #tab04 a{
	width: 238px;
	height: 42px;
	background: url(../kaigai/images/tab_ship_04.png) no-repeat top left;
}
#ship2 #tab #tab05 a{
	width: 192px;
	height: 42px;
	background: url(../kaigai/images/tab_ship_05.png) no-repeat top left;
}
#ship2 #tab #tab01 a:hover,
#ship2 #tab #tab01 a.active{
	background: url(../kaigai/images/tab_ship_01_on.png) no-repeat top left;
}
#ship2 #tab #tab02 a:hover,
#ship2 #tab #tab02 a.active{
	background: url(../kaigai/images/tab_ship_02_on.png) no-repeat top left;
}
#ship2 #tab #tab03 a:hover,
#ship2 #tab #tab03 a.active{
	background: url(../kaigai/images/tab_ship_03_on.png) no-repeat top left;
}
#ship2 #tab #tab04 a:hover,
#ship2 #tab #tab04 a.active{
	background: url(../kaigai/images/tab_ship_04_on.png) no-repeat top left;
}
#ship2 #tab #tab05 a:hover,
#ship2 #tab #tab05 a.active{
	background: url(../kaigai/images/tab_ship_05_on.png) no-repeat top left;
}
#ship2 #ships2{
	padding: 20px 0 0 0;
	background: url(../img/bg_blue.png) repeat bottom left;
}
#ship2 #ships2 div p{
	margin: 0 25px 30px;
	position: relative;
	border-top:1px solid #3E70B0;
	padding:30px 0 0 0;
}

#ship2 #ships2 div p.noneBorder{
	padding:0;
	border-top:none;
	margin: 0 25px 20px;
	position: relative;
}

#ship2 #ships2 div p span{
	margin: 0 0 0 20px;
	font-size: 13px;
}
#ship2 #ships2 div ul{
	margin: 0 0 0 25px;
}
#ship2 #ships2 div li{
	width: 290px;
	margin: 0 25px 25px 0;
	display: inline;
	float: left;
}

#ship2 #ships2 div li span.link{
	background:#FFF;
	display:block;
	padding:10px 0 10px 11px;
	border-top:1px solid #E0EFF8;
	overflow:hidden;
}

.bordernone{
	border-top:none!important;
	margin:0!important;
}

#ship2 #ships2 div li span.link a{
	display:block;
	margin:0 8px 0 0;
	padding:0 0 0 5px;
	background:url(../img/bt_detail.png) no-repeat;
	width:125px;
	height:33px;
	text-align:center;
	line-height:33px;
	float:left;
	color:#FFF;
	text-decoration:none!important;
}

#ship2 #ships2 div li span.link a:hover{
	background:url(../img/bt_detail.png) no-repeat -130px 0;
	color:#FFF!important;
}

#ship2 #ships2 div li dl{
	padding: 0 0 0 0;
}
#ship2 #ships2 div li dl dt{
	font-weight: bold;
	font-size: 18px;
	margin: 0 0 5px 0;
	position: relative;
	z-index: 10;
}
#ship2 #ships2 div li dl dt span{
	font-size: 11px;
	line-height: 1.0;
	margin: 5px 0 2px;
	padding: 2px 2px 1px;
	border: 1px solid #000;
	display: block;
	width: 5em;
	text-align: center;
	background-color: #fff;
}
#ship2 #ships2 div li dl .linkImage{
	position: absolute;
}
#ship2 #ships2 div li dl .detail{
	width: 250px;
	padding: 15px;
	background-color: #fff;
	opacity: 0;
	overflow: auto;
}

#ship2 #ships2 div li dl dd{
	background:#FFF;
	overflow:hidden;
	padding:0 0 5px 0;
}

#ship2 #ships2 div li dl dd strong{
	color:#A78852;
	font-weight:bold;
	font-size:16px;
	margin:5px 10px 0;
}

#ship2 #ships2 div li dl dd a{
	background:url(../img/ic_arrow_06.png) no-repeat 0 50%;
	padding:0 0 0 15px;
	margin:0 10px 0;
}

#ship2 #ships2 div li dl .ship_name strong{
	font-weight: bold;
	color: #a68753;
}
#ship2 #ships2 div li dl .txt{display: none;}
#ship2 #ships2 div li dl .ship_name a{
	background: url(../img/ic_arrow_06.png) no-repeat left 5px;
	padding: 0 0 0 13px;
	display: block;
	font-size: 90%
}
#ship_info{
	background: url(../img/bg_blue.png) repeat bottom left;
	padding: 0 0 25px 0;
}
#ship_info ul {
	padding: 20px 50px 15px;
	margin: 0 25px;
	background-color: #fff;
}
#ship_info ul li{
    width: 206px;
	display: inline;
	float: left;
}
#ship_info ul li img{
	margin: 0 0 5px 0;
}

/*---------------------------------------------------- 
	初めてのクルーズ_マナーと楽しみ方
---------------------------------------------------- */
#manor{margin: 0 0 30px 0;}
#manor .nav{
	margin: 0 0 30px 0;
	overflow: hidden;
}
#manor .nav li{
	width: 322px;
	display: inline;
	float: left;
}
#manor .nav .nav01{background: url(../img/first_time/btn_ft_03_01.png) no-repeat top left;}
#manor .nav .nav02{background: url(../img/first_time/btn_ft_03_02.png) no-repeat top left;}
#manor .nav .nav03{background: url(../img/first_time/btn_ft_03_03.png) no-repeat top left;}
#manor .nav .nav02{
	margin: 0 2px;
}
#manor .nav li a{
	text-align: center;
	display: block;
	text-decoration: none;
	padding: 8px 0 7px;
}
#manor .nav li span{
	font-size: 16px;
	padding: 0 0 0 15px;
	background: url(../img/ic_arrow_05.png) no-repeat left center;
}
#manor div .title{
	margin: 0 0 20px 0;
}
#manor div .lead{
	margin: 0 0 20px 0;
}
#manor div ul{
	margin: 0 -27px 0 0;
}
#manor div ul li{
	width: 450px;
	margin: 0 27px 15px 0;
	display: inline;
	float: left;
	padding: 8px 10px 10px;
}
#manor div ul li dt{
	font-size: 16px;
	font-weight: bold;
	margin: 0 0 10px 0;
}
#manor01,
#manor02,
#manor03{
	margin: 0 0 20px 0;
}
#manor01 ul li{
	background: url(../img/first_time/bg_ft_03_01.png) repeat-x top left;
}

#manor02 ul li{background: url(../img/first_time/bg_ft_03_02.png) repeat-x top left;}
#manor02 ul li dl{padding: 0 100px 0 0;}
#manor02 ul .formal dl{background: url(../img/first_time/img_ft_03_01.png) no-repeat top right;}
#manor02 ul .informal dl{background: url(../img/first_time/img_ft_03_02.png) no-repeat top right;}
#manor02 ul .casual dl{background: url(../img/first_time/img_ft_03_03.png) no-repeat top right;}
#manor02 ul li p{
	width: 460px;
	position: relative;
	top: 0px;
	left: -10px;
	margin: 15px 0 0 0;
	padding: 5px;
	background-color: #f9f7ef;
	font-size: 11px;
}
#manor02 ul .caution{
	background: transparent;
	padding: 0 10px 0;
}
#manor02 ul .caution p{
	width: 440px;
	background-color: #fff;
	margin: 0 0 0 0;
	padding: 0 0 0 10px;
	font-size: 14px;
	position: relative;
	top: 0px;
	left: 0px;
	font-size: 13px;
}
#manor02 ul .caution p span{
	position: absolute;
	top: 0px;
	left: -5px;
}

#manor02 ul .caution strong{
	color:#9c0000;
}
#manor02 ul li strong{font-weight: bold;}

#manor03 ul li{background: url(../img/first_time/bg_ft_03_03.png) repeat-x top left;}

/*---------------------------------------------------- 
	初めてのクルーズ_クルーズ乗船記
---------------------------------------------------- */
#voice{
	margin: 0 0 30px 0;
}
#voice .entry{
	background: url(../img/bg_top_02.jpg) repeat-y top left;
	position: relative;
	padding: 15px 30px 30px;
	margin: 0 0 30px 0;
}
#voice .entry .logo{
	position: absolute;
	top: 0px;
	left: 30px;
}
#voice .entry .title{
	font-size: 26px;
	margin: 0 0 20px 100px;
	border-bottom: 1px dotted #ad905e;
}
#voice .entry .title span{
	font-size: 14px;
	color: #a78852;
	display: block;
	font-weight: bold;
}
#voice .entry .body{}
#voice .entry .body .img{
	width: 450px;
	margin: 0 20px 0 0;
	display: inline;
	float: left;
}
#voice .entry .body .txt{
	width: 440px;
	display: inline;
	float: left;
}
#voice .archive{
	position: relative;
	background: url(../img/bg_blue.png) repeat top left;
	padding: 33px 10px 10px;
}
#voice .archive p{
	position: absolute;
	top: 0px;
	left: 0px;
}

#voice .archive ul{
	padding: 15px 0 5px;
	background-color: #fff;
}
#voice .archive ul li{
	padding: 0 20px;
	margin: 0 0 10px 0;
}
#voice .archive ul li a{
	background: url(../img/ic_arrow_06.png) no-repeat left 3px;
	padding: 0 0 0 15px;
}
/*---------------------------------------------------- 
	クルーズ旅の魅力
---------------------------------------------------- */
#charm{margin: 0 0 30px 0;}
#charm .contents{
	margin: 0 0 30px 0;
	padding: 30px 0 0 13px;
	background: url(../img/bg_cmn_07.png) repeat top left;
}
#charm .contents dl{
	width: 470px;
	margin: 0 5px 25px 0;
	display: inline;
	float: left;
}
#charm .contents dl dt{
	text-align: center;
	margin: 0 0 15px 0;
}
#charm .contents dl .img{
	padding: 0 0 15px 11px;
	background: url(../img/charm/bg_img_01.png) no-repeat top left;
}

#charm .contents dl .txt{
	width: 447px;
	margin: 0 auto;
}
#charm .advice{
	background: url(../img/charm/img_charm_07.jpg) no-repeat top right;
}
#charm .advice p{
	width: 630px;
	line-height: 1.0;
	padding: 10px 5px;
	margin: 0 0 20px 0;
	font-size: 18px;
	color:#3071b5;
	font-weight: bold;
	border-top: 1px solid #3071b5;
	border-bottom: 1px solid #3071b5;
}
#charm .advice dl{
	width: 640px;
}
#charm .advice dl dt{
	margin: 0 0 5px 0;
	padding: 0 0 0 23px;
	font-size: 16px;
	color:#3071b5;
	background: url(../img/charm/icn_anchor_01.png) no-repeat top left;
}
#charm .advice dl dd{
	margin: 0 0 15px 0;
	padding: 0 10px 0 23px;
}
#charm .advice dl .last{
	margin: 30px 0 0 0;
}

/*---------------------------------------------------- 
	クルーズQ＆A
---------------------------------------------------- */
#qa{
	margin: 0 0 30px 0;
}
#qa .q{
	cursor: pointer;
	font-size: 16px;
	font-weight: bold;
	padding: 8px 0 8px 35px;
	background: url(../img/qa/bg_qa_q.png) no-repeat top left;
	position: relative;
}
#qa .q:hover{
	background: url(../img/qa/bg_qa_q_on.png) no-repeat top left;
}
#qa .q:after{
	content: "";
	display: block;
	width: 15px;
	height: 24px;
	position: absolute;
	top: 50%;
	right: 10px;
	margin: -12px 0 0 0;
	background: url(../img/qa/icn_qa_close.png) no-repeat top left;
}
#qa .active:after{
	content: "";
	display: block;
	width: 15px;
	height: 24px;
	position: absolute;
	top: 50%;
	right: 10px;
	margin: -12px 0 0 0;
	background: url(../img/qa/icn_qa_open.png) no-repeat top left;
}


#qa .a{
	display: none;
	padding: 20px 50px 20px 65px;
	background: url(../img/qa/icn_qa_a.png) no-repeat 20px 20px;
	background-color: #edebe7;
}

/*クルーズ人気ツアー*/

.contInner02_3 {
	margin: 0;
	line-height: 1.6em;
	padding: 20px 0 10px 0;
			

}

#slider04 {

	-webkit-border-radius: 5px 5px 5px 5px;
	border-radius: 5px 5px 5px 5px;
	position:relative;
	margin:0 0 35px 0;
	width:970px;
	border:1px solid #BEBEBE;
}
#slider04 ul{ 
	background-color: #fff;
	margin: 0 80px 0;
		
}
#slider04 li {
	margin: 0px 1px;
	padding: 15px 0;
	background:#fff;
	position:relative;
	width:205px;
	float:left;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}


#slider04 li .slider_column4 {
	padding: 0 30px;
	border-right: solid 1px #bebebe;
	background:#fff;
	
}

#slider04 li .slider_column4 .thumb img{
	width:140px;
	height:auto;
	
}

#slider04 li dl {
	margin-top: 15px;
}
#slider04 li dt {
}
#slider04 li dd {
	margin-top: 10px;
}
#slider04 li dd span {
	margin-top: 10px;
	display:block;
	color:#F00;
}

.slick-prev,
.slick-next
{
    font-size: 0;
    line-height: 0;

    position: absolute;
    top: 50%;

    display: block;

    width: 10px;
    height: 20px;
    margin-top: -19px;
    padding: 0;

    cursor: pointer;

    color: transparent;
    border: none;
    outline: none;
    background: transparent;
}

.slick-prev{
	background:url(//www.nta.co.jp/shared2015/common/images/ic_pager_01.png) no-repeat;
	left:-65px;
}

.slick-next{
	background:url(//www.nta.co.jp/shared2015/common/images/ic_pager_01.png) no-repeat 0 -49px;
	right:-65px;
}

#pushPlan h2{
	width:960px;
	height:38px;
	background:url(../img/ti_cruisepop.png) no-repeat;
	overflow:hidden;
	text-indent:100%;
	white-space:nowrap;
	margin:0 0 10px 0;
}
.yet{
	padding:15px;
}

/*20160620追加*/
.font_red{color:red;}

/*20180625追加*/
a.apeal_bnr img{width:638px;display:block;margin:2% auto;}

/*デジパン*/
#cruise_pamphlet dl.oversea dt,
#cruise_pamphlet dl.domesitc dt {
    width: 96%;
    color: #FFF;
    font-size: 12px;
    padding: 0.5% 0;
    text-align: center;
}

#cruise_pamphlet dl.domesitc dt {
    background-color: #e8a917;
}

#cruise_pamphlet dl.oversea dt {
    background-color: #468dd9;
}