@charset "utf-8";
/* CSS Document */

#topWrap {
	clear:both;
	width:980px;
	text-align:left;
	margin:0 auto 30px auto;
}

#topMain {
	width:730px;
	margin-top:30px;
	float:left;
}

#topSidebar {
	width:220px;
	margin-top:30px;
	float:right;
}


/**main********************************************************/
#mainImg {
	width:730px;
	_height:252px;
	min-height:252px;
}
#narrowBnr{
	margin-top:28px;
}
#operatingWrap {
	/*margin-top:15px;narrow-bnr表示時専用*/
	margin-top:28px;/*narrow-bnr通常時はこちら*/
	border:3px solid #ee6b37;
	padding:20px;
}

#operatingWrap h2 {
	font-weight:bold;
	color:#f26122;
	font-size:115%;
	padding-bottom:3px;
	border-bottom:1px solid #ee6b37;
	margin-bottom:1em;
}

#operatingWrap .ttl {
	background:#f4f1ed;
	padding:5px 0 5px 8px;
	font-weight:bold;
	margin-bottom:0.5em;
}

#operatingWrap article {
	padding-left:15px;
}

#operatingWrap a {
	color:#16619e;
	text-decoration:underline;
}
#operatingWrap a:hover {
	text-decoration:none;
}

#operatingWrap p, #operatingWrap div, #operatingWrap ul, #operatingWrap table {
	margin-bottom:0.5em;
}

#operatingWrap p:last-child, #operatingWrap div:last-child, #operatingWrap ul:last-child, #operatingWrap table:last-child {
	margin-bottom:0;
}

#operatingWrap hr {
	margin:1em 0;
	border-top:1px dotted #939393;
}

#newsWrap {
	margin-top:25px;
	padding-bottom:15px;
}

#news {
	clear:both;
	/*height:230px;*/
	overflow:hidden
}

#newsWrap .h2Box {
	border-bottom:2px solid #a6a691;
	padding-bottom:10px;
	margin-bottom:15px;
	float:left;
	width:730px;
}

#news h3 {
	border-bottom:1px solid #a6a691;
	padding-bottom:5px;
	margin-bottom:10px;
}

#pickup {
	clear:both;
	background:url(/cmn/img/bg-dot01.gif) left top;
	padding:9px 13px;
	margin-bottom:15px;
}

#pickup p {
	font-weight:bold;
	color:#f26122;
}

#pickup ul li {
	position: relative;
	margin-left:1.5em;
}

#pickup ul li:after {
	display: block;
	content: '';
	position: absolute;
	top: 0.5em;
	left: -1.3em;
	width: 6px;
	height: 6px;
	background-color: #f26122;
	-webkit-transform: rotate(-45deg);
	transform: rotate(-45deg);
}

.lpWrap {
	margin-top:25px;
}

.lpWrap .h2Box {
	padding-top:10px;
	margin-bottom:15px;
	float:left;
	width:730px;
	background:url(/cmn/img/ttl-bg01.gif) left top no-repeat;
}

.h2Box h2 {
	float:left;
	font-weight:bold;
	font-size:115%;
}

.h2Box p {
	float:right;
}

.h2Box p img {
	vertical-align:middle;
}

/**tab**/
.lpWrap .tab, .lpWrap .tab2, .lpWrap .tab4 {
	clear:both;
}

.lpWrap .tab li, .lpWrap .tab2 li, .lpWrap .tab4 li {
	margin:0;
	padding:0 1px 1px 0 ;
	float:left;
}

ul.tab li a, ul.tab2 li a, ul.tab4 li a {
	display: block;
	width: 160px;
	height: 0 !important; 
	height /**/: 32px; 
	padding: 32px 0 0 0;
	overflow: hidden;
	margin-top:7px;
	font-size:8px;
}

ul.tab li.select a,
ul.tab2 li.select a,
ul.tab4 li.select a,
ul.tab li a:hover, 
ul.tab2 li a:hover,
ul.tab4 li a:hover {
	height /**/: 39px; 
	padding: 39px 0 0 0;
	margin-top:0;
}

/**tab****/
/*マイカーと共に*/
ul.tab li.select a#tabMycar,
ul.tab li a#tabMycar:hover {
	background: url(/img/tabMycar.gif) left top no-repeat;
	background-position:0 -32px;
}
ul.tab li a#tabMycar{
	background: url(/img/tabMycar.gif) left top no-repeat;
	background-position:0 0;
}

/*バイクと共に*/
ul.tab li.select a#tabBike,
ul.tab li a#tabBike:hover {
	background: url(/img/tabBike.gif) left top no-repeat;
	background-position:0 -32px;
}
ul.tab li a#tabBike{
	background: url(/img/tabBike.gif) left top no-repeat;
	background-position:0 0;
}

/*徒歩・自転車と共に*/
ul.tab li.select a#tabWalk,
ul.tab li a#tabWalk:hover {
	background: url(/img/tabWalk.gif) left top no-repeat;
	background-position:0 -32px;
}
ul.tab li a#tabWalk{
	background: url(/img/tabWalk.gif) left top no-repeat;
	background-position:0 0;
}

/**tab2****/
/*いろいろな客室*/
ul.tab2 li.select a#tabRoom,
ul.tab2 li a#tabRoom:hover {
	background: url(/img/tabRoom.gif) left top no-repeat;
	background-position:0 -32px;
}
ul.tab2 li a#tabRoom{
	background: url(/img/tabRoom.gif) left top no-repeat;
	background-position:0 0;
}

/*船内イベント・オリジナルグッズ*/
ul.tab2 li.select a#tabEvent,
ul.tab2 li a#tabEvent:hover {
	background: url(/img/tabEvent.gif) left top no-repeat;
	background-position:0 -32px;
}
ul.tab2 li a#tabEvent{
	background: url(/img/tabEvent.gif) left top no-repeat;
	background-position:0 0;
}

/*さんふらわあの魅力・半券でお得*/
ul.tab2 li.select a#tabAttraction,
ul.tab2 li a#tabAttraction:hover {
	background: url(/img/tabAttraction.gif) left top no-repeat;
	background-position:0 -32px;
}
ul.tab2 li a#tabAttraction{
	background: url(/img/tabAttraction.gif) left top no-repeat;
	background-position:0 0;
}

/*レストラン・オリジナルグッズ*/
ul.tab2 li.select a#tabRestaurant,
ul.tab2 li a#tabRestaurant:hover {
	background: url(/img/tabRestaurant.gif) left top no-repeat;
	background-position:0 -32px;
}
ul.tab2 li a#tabRestaurant{
	background: url(/img/tabRestaurant.gif) left top no-repeat;
	background-position:0 0;
}

/**tab4****/
/*観光*/
ul.tab4 li.select a#tabSightseeing,
ul.tab4 li a#tabSightseeing:hover {
	background: url(/img/tabSightseeing.gif) left top no-repeat;
	background-position:0 -32px;
}
ul.tab4 li a#tabSightseeing {
	background: url(/img/tabSightseeing.gif) left top no-repeat;
	background-position:0 0;
}

/*地域別*/
ul.tab4 li.select a#tabArea,
ul.tab4 li a#tabArea:hover {
	background: url(/img/tabArea.gif) left top no-repeat;
	background-position:0 -32px;
}
ul.tab4 li a#tabArea {
	background: url(/img/tabArea.gif) left top no-repeat;
	background-position:0 0;
}

/*パーク&シップ・港⇔各地へ*/
ul.tab4 li.select a#tabParkship,
ul.tab4 li a#tabParkship:hover {
	background: url(/img/tabParkship.gif) left top no-repeat;
	background-position:0 -32px;
}
ul.tab4 li a#tabParkship {
	background: url(/img/tabParkship.gif) left top no-repeat;
	background-position:0 0;
}


/*bnrBox&tabBox&tabBox2&tabBox4*****/
.bnrBox, .tabBox, .tabBox2, .tabBox4 {
	background:#e9e6e1;
	padding:9px;
	margin-top:-1px;
}
ul.tabBox, ul.tabBox2, ul.tabBox4 {
	display:none;
}

.bnrBox {
	clear:both;
	display:block;
}

.bnrBox li, .tabBox li, .tabBox2 li, .tabBox4 li {
	float:left;
	margin-right:5px;
	_margin-right:3px;
}

.bnrBox li:nth-child(n + 4):not(:nth-child(n + 20)), .tabBox li:nth-child(n + 4):not(:nth-child(n + 20)), .tabBox2 li:nth-child(n + 4):not(:nth-child(n + 20)), .tabBox4 li:nth-child(n + 4):not(:nth-child(n + 20)) {
	margin-top:5px;
}

.bnrBox li.last, .tabBox li.last, .tabBox2 li.last {
	margin-right:0;
}

#mycarWrap, #roomWrap, #sightseeingWrap {
	display:block;
}

/*さんふらわあトラベル*****/
#stBox {
	background:url(/img/stbox-bg.gif) left top no-repeat;
	height:191px;
	padding:20px;
}

#stBox .h2Box {
	padding:5px 0 0 80px;
	margin-bottom:10px;
	float:none;
	background:url(/img/stbox-h2-bg.gif) left bottom no-repeat;
	width:610px;
	_height:60px;
	min-height:60px;
	}
	
#stBox .h2Box h2 {
	float:none;
	margin-bottom:5px;
}

#stBox .h2Box .l-block {
	float:left;
	width:515px;
	font-size:90%;
	font-weight:bold;
}

#stBox .h2Box .r-block {
	float:right;
	width:80px;
}

#stBox .h2Box h2 a {
	color:#ef7a00;
	background:url(/cmn/img/ico/ico-window-o.gif) left 5px no-repeat;
	padding-left:20px;
	display:block;
}

/**tab3****/
#stBox ul.tab3 {
	margin-bottom:6px;
}

#stBox ul.tab3 li {
	margin:0;
	padding:0 1px 1px 0 ;
	float:left;
}

#stBox ul.tab3 li a {
	display: block;
	width: 344px;
	height: 0 !important; 
	height /**/: 25px; 
	padding: 25px 0 0 0;
	overflow: hidden;
	margin-top:7px;
	font-size:8px;
}

#stBox ul.tab3 li.select a,
#stBox ul.tab3 li a:hover {
	height /**/: 32px;
	padding: 32px 0 0 0;
	margin-top:0;
}

/*関西*/
ul.tab3 li.select a#tabST-kansai,
ul.tab3 li a#tabST-kansai:hover {
	background: url(/img/tabST-kansai.gif) left top no-repeat;
	background-position:0 -25px;
}
ul.tab3 li a#tabST-kansai{
	background: url(/img/tabST-kansai.gif) left top no-repeat;
	background-position:0 0;
}
/*九州*/
ul.tab3 li.select a#tabST-kyusyu,
ul.tab3 li a#tabST-kyusyu:hover {
	background: url(/img/tabST-kyusyu.gif) left top no-repeat;
	background-position:0 -25px;
}
ul.tab3 li a#tabST-kyusyu {
	background: url(/img/tabST-kyusyu.gif) left top no-repeat;
	background-position:0 0;
}

/*tabBox3*****/
.scroll {
	height:85px;
	overflow:hidden;
}

.tabBox3 {
	display:none;
}
.tabBox3 li {
	background:url(/cmn/img/border-bla01.gif) left bottom repeat-x;
	padding-bottom:3px;
	margin-bottom:3px;
}

.tabBox3 li a {
	background:url(/cmn/img/ico/ico-window-o.gif) left 5px no-repeat;
	padding-left:20px;
	display:block;
}

#lodgingWrap {
	display:block;
}

/**topSidebar********************************************************/
#mapTop {
	position:relative;
	height:252px;
	overflow:hidden;
	margin-bottom:28px;
}

#mapTop ul {
	position:absolute;
	left:112px;
	top:181px;
}

#mapTop ul li {
	line-height:0;
	margin-bottom:6px;
}

/*en*/
body.en #mapTop ul {
	position:absolute;
	left:90px;
	top:191px;
}

body.en #mapTop ul li {
	line-height:0;
	margin-bottom:4px;
}

/*cn*/
body.cn #mapTop ul {
	position:absolute;
	left:119px;
	top:185px;
}

.topBnr {
	margin-bottom:10px;
}

.topBnr li {
	margin-bottom:7px;
}

#reservationBnr {
	margin-bottom:10px;
	border:1px solid #99b72f;
}

#reservationBnr dd {
	border-bottom:1px dotted #99b72f;
}

#reservationBnr dd:last-child {
	border-bottom:none;
}

#reservationBnr dd a {
	display:block;
	margin:1px;
	font-size:11px;
	letter-spacing:0.05em;	
	line-height:1.2em;
}

#reservationBnr dd a:hover {
	text-decoration:none;
}

#reservationBnr dd#reservation-assist a {
	background:url(/img/reservation-assist.png) 10px 8px no-repeat;
	padding:10px 5px 10px 35px;
}
#reservationBnr dd#reservation-assist a:hover {
	background:url(/img/reservation-assist.png) 10px 8px no-repeat #e9f6d2;
}

#reservationBnr dd#reservation-baby a {
	background:url(/img/reservation-baby.png) 11px 6px no-repeat;
	padding:5px 5px 5px 35px;
}
#reservationBnr dd#reservation-baby a:hover {
	background:url(/img/reservation-baby.png) 11px 6px no-repeat #e9f6d2;
}

#reservationBnr dd#reservation-pet a {
	background:url(/img/reservation-pet.png) 7px 8px no-repeat;
	padding:10px 5px 10px 35px;
}
#reservationBnr dd#reservation-pet a:hover {
	background:url(/img/reservation-pet.png) 7px 8px no-repeat #e9f6d2;
}

#reservationBnr dd#reservation-nofires a {
	background:url(/img/reservation-nofires.png) 7px 8px no-repeat;
	padding:10px 5px 10px 35px;
}
#reservationBnr dd#reservation-nofires a:hover {
	background:url(/img/reservation-nofires.png) 7px 8px no-repeat #e9f6d2;
}


.operating {
	margin-bottom:10px;
}
.operating dd {
	width:200px;
	overflow:hidden;
	padding:7px;
	border:3px solid #d4d3c4;
	line-height:1.3;
	font-size:90%;
}
.operating time {
	display:block;
	text-align:right;
	color:#000;
	font-weight:normal;
	margin-bottom:5px;
}

.operating dd p {
	margin-bottom:0.5em;
}

.operating dd p.ttl {
	font-weight:bold;
	color:#f26122;
	font-size:110%;
}

.operating dd a {
	color:#16619e;
	text-decoration:underline;
}
.operating dd a:hover {
	text-decoration:none;
}

.operating hr {
	margin:1em 0;
	border-top:1px dotted #939393;
}

#movieInfo {
	margin-bottom:15px;
}


#movieInfo .h2Box {
	border-top: 1px solid #000;
	border-bottom: 1px solid #000;
	padding:10px 0;
	width:220px;
	float:left;
	margin-bottom:5px;
	margin-top:15px;
}


/*en・cn・ko*/
#picupBnrs{
	margin-top:28px;
}


/**clear設定************************/	
#topWrap,
.lpWrap .tab,
.lpWrap .tab2,
.lpWrap .tab3,
.lpWrap .tab4,
.tabBox,
.tabBox2,
.tabBox4,
.bnrBox {	
	min-height: 1%;
	}
	
#topWrap:after,
.lpWrap .tab:after,
.lpWrap .tab2:after,
.lpWrap .tab3:after,
.lpWrap .tab4:after,
.tabBox:after,
.tabBox2:after,
.tabBox4:after,
.bnrBox:after {
	content: ".";
 	display: block;
 	height: 0;
 	clear: both;
 	visibility: hidden;
	}

/*\*/
* html #topWrap,
* html .lpWrap .tab,
* html .lpWrap .tab2,
* html .lpWrap .tab3,
* html .lpWrap .tab4,
* html .tabBox,
* html .tabBox2,
* html .tabBox4,
* html .bnrBox { 
	height: 1%;
	}

#topWrap,
.lpWrap .tab,
.lpWrap .tab2,
.lpWrap .tab3,
.lpWrap .tab4,
.tabBox,
.tabBox2,
.tabBox4,
.bnrBox { 
	display: block;
	}/**/