@charset "utf-8";
/* cruise.css */


/*****************************

	ページ画像

******************************/

#cruise #wrp_imagesection {
	margin:0;
	border:0;
	padding:0;
	width:100%;
	height:165px;
	overflow:hidden;
	display:table;
	background:url(../cruise/images/img_cruise.jpg) center top no-repeat;
}


/*************************************

	グローバルメニュー

**************************************/

#cruise #wrp_gmenu ul#gmenu li#gm03 a {
	background:url(../images/menu/gmenu.jpg) -301px -58px no-repeat;
}



/*************************************

	ページメニュー

**************************************/


#cruise #wrp_m_aurora {
	margin:0 0 15px 0;
	padding:0;
	width:190px;
}


#cruise #wrp_m_aurora ul {
	margin:0;
	padding:0;
	width:190px;
}

#cruise #wrp_m_aurora ul li {
	margin: 0;
	padding:0;
	width:190px;
	height:43px;
	background:url(../images/menu/ic_msection.jpg) left 17px no-repeat;
	list-style: none;
	border-top:1px solid #DAF2F1;
	border-bottom:1px solid #4DB1D1;
}

#cruise #wrp_m_aurora .nobrd_top {
	border-top:none;
}

#cruise #wrp_m_aurora .nobrd_btom {
	border-bottom:none;
	background:none;
	line-height:15px;
	height:0;
}

*:first-child+html #cruise #wrp_m_aurora .nobrd_btom {
	border-bottom:none;
	background:none;
	line-height:0;
	height:0px;
	font-size:0px;
}




#cruise #wrp_m_aurora ul li a {
	text-decoration:none;
	width:165px;
	height:43px;
	line-height:43px;
	display:block;
	overflow:hidden;
	padding:0 0 0 25px;
}


#cruise #wrp_m_aurora ul li a:hover {
	background:url(../images/menu/msection_over.jpg) left top no-repeat;
}


/*****************************

	タイトル

******************************/


#cruise h2 {
	margin:0 0 60px 0;
	padding:0;
	width:300px;
	height:25px;
	text-indent:-9999px;
	background:url(../cruise/images/tit_cruise.gif) left top no-repeat;
}

#cruise h3 {
	margin:0 0 20px 0;
	padding:0;
	width:653px;
	height:29px;
	line-height:29px;
	text-indent:-9999px;
}



/*****************************

	コースのご案内

******************************/

#cruise #wrp_crusinguide {
	margin:0 0 50px 0;
	padding:0;
	width:653px;
	position:relative;
}

#cruise #wrp_crusinguide p#txt_zoom {
	margin:20px 0 0 0;
	padding:0;
	width:345px;
	height:18px;
	text-indent:-9999px;
	background:url(../cruise/images/txt_structureexplain.gif) left top no-repeat;
}

#cruise #wrp_crusinguide p#txt_explain {
	margin:20px 0 70px 0;
	padding:10px 20px;
	width:613px;
	background-color:#BBE2E1;
}

#cruise #wrp_crusinguide #img_notoro {
	margin:0;
	padding:0;
	width:122px;
	height:137px;
	top:-20px;
	left:165px;
	position:absolute;
}


#cruise #wrp_crusinguide #img_futatsurock {
	margin:0;
	padding:0;
	width:122px;
	height:137px;
	top:125px;
	left:190px;
	position:absolute;
}

#cruise #wrp_crusinguide #img_thecoast {
	margin:0;
	padding:0;
	width:122px;
	height:137px;
	top:160px;
	left:275px;
	position:absolute;
}

#cruise #wrp_crusinguide #img_okchotsk {
	margin:0;
	padding:0;
	width:122px;
	height:137px;
	top:67px;
	right:36px;
	position:absolute;
}


#cruise #wrp_crusinguide #img_retorn01 {
	margin:0;
	padding:0;
	width:122px;
	height:137px;
	top:265px;
	right:233px;
	position:absolute;
}

#cruise #wrp_crusinguide #img_retorn02 {
	margin:0;
	padding:0;
	width:122px;
	height:137px;
	top:295px;
	right:75px;
	position:absolute;
}



/*****************************

	流氷体験の映像

******************************/


#cruise #wrp_expmovie {
	margin:0 0 50px 0;
	padding:0;
	width:678px;
	height:390px;
	clear:both;
	overflow:hidden;
	background:url(../cruise/images/bg_expmovie.jpg) right bottom no-repeat;
}


#cruise #wrp_expmovie #cntleft_txt {
	margin:0 0 0 83px;
	padding:0;
	width:180px;
	float:left;
}

* html #cruise #wrp_expmovie #cntleft_txt {
	margin:0 0 0 43px;
}


#cruise #wrp_expmovie #cntleft_txt h5 {
	margin:0 0 15px 0;
	padding:0;
	width:106px;
	height:14px;
	line-height:14px;
	text-indent:-9999px;
	background:url(../cruise/images/tit_ryuhyou.gif) left top no-repeat;
}

#cruise #wrp_expmovie #cntleft_txt p {
	margin:0;
	padding:0;
	width:180px;
}


#cruise #wrp_expmovie #cntright_movie {
	margin:0 30px 0 0;
	padding:0;
	width:300px;
	float:right;
}



/*****************************

	乗船場のご案内

******************************/


#cruise #wrp_gmap {
	margin:25px 0 0 0;
	padding:0;
	width:653px;
}

#cruise #wrp_gmap h3 {
	margin:0 0 20px 0;
	padding:0;
	width:653px;
	height:px;
	line-height:px;
	background:url(../cruise/images/tit_accessmap.gif) left top no-repeat;
}

#cruise #wrp_gmap #gmap {
	margin:0;
	padding:0;
	width:643px;
	height:400px;
	border:5px solid #fff;
}


#cruise #wrp_gmap #txt_img {
	margin:15px 0 0 0;
	padding:0;
	width:653px;
	height:18px;
	text-indent:-9999px;
	background:url(../cruise/images/txt_structureexplain.gif) left top no-repeat;
}



/*****************************

	乗船場までのアクセス

******************************/


#cruise #wrp_access {
	margin:25px 0 0 0;
	padding:0;
	width:653px;
	position:relative;
	overflow:hidden;
}



#cruise #wrp_access #bt_access a {
	margin:0;
	padding:0;
	width:182px;
	height:28px;
	top:50px;
	right:0;
	position:absolute;
	overflow:hidden;
	text-indent:-9999px;
	background:url(../cruise/images/btn_access.gif) left top no-repeat;
}

/****  バス ****/


#cruise #wrp_access #bybus {
	margin:0;
	padding:0;
	width:653px;
}

#cruise #wrp_access #bybus img {
	margin:0;
	padding:0;
	float:left;
}

#cruise #wrp_access #bybus #txt_cnt {
	margin:0 0 0 15px;
	padding:0;
	float:left;
}

#cruise #wrp_access #bybus h5 {
	margin:0;
	padding:0;
	width:80px;
	height:16px;
	line-height:16px;
	text-indent:-9999px;
	background:url(../cruise/images/tit_bus.gif) left top no-repeat;
}


#cruise #wrp_access #bybus p {
	margin:0;
	padding:0;
	width:400px;
}


/****  Reservations ****/

#cruise #wrp_access #bytaxi {
	margin:30px 0 0 0;
	padding:0;
	width:653px;
	clear:both;
}

#cruise #wrp_access #bytaxi img {
	margin:0;
	padding:0;
	float:left;
}

#cruise #wrp_access #bytaxi #txt_cnt {
	margin:0 0 0 15px;
	padding:0;
	float:left;
}

#cruise #wrp_access #bytaxi h5 {
	margin:0;
	padding:0;
	width:109px;
	height:16px;
	line-height:16px;
	text-indent:-9999px;
	background:url(../cruise/images/tit_taxi.gif) left top no-repeat;
}


#cruise #wrp_access #bytaxi p {
	margin:0;
	padding:0;
	width:400px;
}