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

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

	左コンテンツ

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


#content_left {
	padding: 20px 0 0 0;
	width: 728px;
}

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

	ページ画像

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

#about #wrp_imagesection {
	margin:0;
	padding:0;
	width:100%;
	height:165px;
	overflow:hidden;
	display:table;
	text-indent:-9999px;
	background:url(../cs/images/title_about.jpg) center top no-repeat;
}


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

	グローバルメニュー

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

#wrp_gmenu {
	margin:0;
	padding:0;
	width:100%;
	height:70px;
	background:url(../images/bg_gmenu.jpg) center top repeat-x;
}

#about #wrp_gmenu #gmenu {
	margin:0 auto;
	padding:0;
	border:0;
	width:950px;
	height:58px;
	line-height:58px;
	background:url(../cs/images/gmenu_cs.jpg) left top no-repeat;
}


#about #wrp_gmenu #gmenu li {
	margin: 0;
	padding: 0;
	list-style: none;
	float: left;
	text-indent:-9999px;
}

#about #wrp_gmenu #gmenu li a {
	display: block;
	text-indent: -9999px;
	overflow: hidden;
	height:58px;
}


#about #wrp_gmenu #gmenu li#gm01 a {
	width: 160px;
}

#about #wrp_gmenu #gmenu li#gm01 a:hover {
	background:url(../cs/images/gmenu_cs.jpg) 0 -58px no-repeat;
}

#about #wrp_gmenu #gmenu li#gm02 a {
	width: 142px;
}

#about #wrp_gmenu #gmenu li#gm02 a:hover {
	background:url(../cs/images/gmenu_cs.jpg) -160px -58px no-repeat;
}

#about #wrp_gmenu #gmenu li#gm03 a {
	width: 156px;
}

#about #wrp_gmenu #gmenu li#gm03 a:hover {
	background:url(../cs/images/gmenu_cs.jpg) -302px -58px no-repeat;
}

#about #wrp_gmenu #gmenu li#gm04 a {
	width: 161px;
}

#about #wrp_gmenu #gmenu li#gm04 a:hover {
	background:url(../cs/images/gmenu_cs.jpg) -458px -58px no-repeat;
}

#about #wrp_gmenu #gmenu li#gm05 a {
	width: 160px;
}

#about #wrp_gmenu #gmenu li#gm05 a:hover{
	background:url(../cs/images/gmenu_cs.jpg) -619px -58px no-repeat;
}

#about #wrp_gmenu #gmenu li#gm06 a {
	width: 148px;
}

#about #wrp_gmenu #gmenu li#gm06 a:hover {
	background:url(../cs/images/gmenu_cs.jpg) -779px -58px no-repeat;
}


#about #wrp_gmenu #gmenu {
	background-image: url(../cs/images/gmenu_cs.jpg);
}



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

	ページメニュー

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


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


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

#about #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;
}

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

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



#about #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;
}


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


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

	タイトル

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


#about h2 {
	margin: 0 0 60px 50px;
	padding: 0;
	width: 326px;
	height: 25px;
	text-indent: -9999px;
	background:url(../cs/images/tit_ryuhyou.gif) left top no-repeat;
}

#contact h2 {
	background-image: url(../cs/images/tit_contact.gif);
	margin-left: 0px;
}
#access h2 {
	background-image: url(../cs/images/tit_access.gif);
	margin-left: 0px;
}
#information h2 {
	background-image: url(../cs/images/tit_information.gif);
	margin-left: 0px;
}
#cruise h2 {
	background-image: url(../cs/images/tit_cruise.gif);
	margin-left: 0px;
}

#prices h2 {
	background-image: url(../cs/images/tit_price.gif);
	margin-left: 0px;
}

.cont_in {
margin: 0;
border:0;
padding: 0 0 50px 50px;
width:678px;
}

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

	氷の世界

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

#about #wrp_world {
	margin: 0 0 50px 0;
	padding: 0;
	width: 100%;
	overflow: hidden;
}

#about #wrp_world h3 {
	margin: 0;
	padding: 0;
	position: relative;
	left: 49px;
	width: 678px;
	height: 318px;
	background: url(../cs/images/img_world.jpg) left top no-repeat;
	text-indent: -9999px;
}
#about #wrp_world p {
	margin: 0;
	padding: 0 0 0 140px;
	width:580px;
}


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

	サンセットクルーズ

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

#about #wrp_sunset {
	margin: 0 0 50px 0;
	padding: 0;
	width: 100%;
	overflow: hidden;
}
#about #wrp_sunset h3 {
	margin: 0;
	padding: 0;
	position: relative;
	left: 140px;
	width: 101px;
	height: 10px;
	background: url(../about/images/subtit_sunset.gif) left top no-repeat;
	text-indent: -9999px;
	line-height: 0;
}
#about #wrp_sunset p {
	margin: 20px 0 20px 139px;
	padding: 0;
	line-height: 1;
}

/* 透過png　position配置*/
#about #wrp_sunset div.bestshotpng {
	position: relative;
	width: 950px;
}
#about #wrp_sunset div.bestshotpng div.bestshot {
	position: absolute;
	top: 200px;
	left: -70px;
}

/* 写真*/
#about #wrp_sunset div.bestshot {
	margin: 0 0 0 139px;
}
#about #wrp_sunset div.bestshot ul {
	margin: 0 0 0 95px;
	padding: 0;
	list-style-type: none;
}
#about #wrp_sunset div.bestshot li {
	margin:15px 15px 0 0;
	padding:0;
	width:50px;
	height:60px;
	float: left;
}

* html #about #wrp_sunset div.bestshot li {
	margin:15px 5px 0 0;
}

#about #wrp_sunset div.bestshot li a {
	display:block;
	overflow:hidden;
	width:50px;
	height:50px;
	text-decoration:none;
	cursor: pointer;
	overflow: hidden;
	word-break:break-all;
	border:5px solid #fff;
}

#about #wrp_sunset div.bestshot li a:hover {
	border:5px solid #2D99B1;
}



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

	流氷マップ

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

#about #wrp_ryuhyomap {
	margin: 0 0 50px 0;
	padding: 0;
	width: 100%;
	overflow: hidden;
}
#about #wrp_ryuhyomap h3 {
	margin: 0;
	padding: 0;
	position: relative;
	left: 428px;
	width: 105px;
	height: 13px;
	background: url(../about/images/subtit_ryuhyomap.gif) left top no-repeat;
	text-indent: -9999px;
	line-height: 0;
}
#about #wrp_ryuhyomap div.ryuhyotrabel {
	width: 703px;
	height: 369px;
	margin: 0 0 50px 0;
	background:url(../cs/images/bg_ryuhyotravel.jpg) left top no-repeat;
}
#about #wrp_ryuhyomap div.ryuhyotrabel p {
	margin: 0;
	padding: 10px 0 0 0;
	width: 278px;
	position: relative;
	left: 428px;
}

#about #wrp_ryuhyomap div.ryuhyoanimal {
	width: 727px;
	height: 640px;
	background: url(../cs/images/bg_ryuhyoanimal.jpg) left top no-repeat;
}
#about #wrp_ryuhyomap div.ryuhyoanimal p {
	margin: 0;
	padding: 0;
	width: 540px;
	position: relative;
	left: 140px;
}

#about #wrp_ryuhyomap div.ryuhyoanimal p.txttit {
	width:500px;
	text-indent:-9999px;
	font-size:0;
}



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

	お問い合わせボタン

******************************/
#about p.btn_contact {
	margin: 0 auto 50px auto;
	padding: 0;
	width: 180px;
	height: 60px;
	background:url(../cs/images/btn_contact.gif) center top no-repeat;
	clear: both;
}
#about p.btn_contact a {
	display: block;
	width: 180px;
	height: 60px;
	text-indent: -9999px;
	overflow: hidden;
}