@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(../about/images/title_about.jpg) center top no-repeat;
}


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

	グローバルメニュー

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

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



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

	ページメニュー

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


#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 15px 50px;
	padding: 0;
	width: 343px;
	height: 25px;
	line-height:25px;
	text-indent: -9999px;
	background: url(../about/images/tit_about.gif) left top no-repeat;
}


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

	世界自然遺産・知床

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

#about #wrp_heritage {
	margin:0 0 10px 0;
	padding:0;
	width:727px;
	overflow:hidden;
}

#about #wrp_heritage div.shiretokomap {
	width:727px;
	height:476px;
	background: url(../about/images/img_shiretoko.jpg) left top no-repeat;
}
#about #wrp_heritage div.shiretokomap p {
	margin: 0;
	padding: 0;
	width: 540px;
	text-indent:-9999px;
	font-size:0;
}


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

	シリエトク「大地のゆきづまり地の涯」

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

#about #wrp_world {
	margin:0 0 50px 48px;
	padding:0;
	width:654px;
	overflow:hidden;
}

#about #wrp_world #cnt_left {
	margin: 0 0 0 0;
	padding: 0;
	float:left;
	width:415px;
	background:url(../about/images/tit_shiretokomap.gif) right top no-repeat;
}

#about #wrp_world #cnt_left p {
	margin: 0 0 10px 0;
}

#about #wrp_world h4#shiretokomap {
	margin:0;
	padding: 0;
	float:right;
	width:201px;
	height:172px;
	line-height:172px;
	text-indent:-9999px;
	background:url(../about/images/img_shiretokomap.jpg) left top no-repeat;
}


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

	Shiretoko Aurora

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

#about #wrp_shiretokoaurora {
	margin:0 0 30px 48px;
	padding:0;
	width:654px;
	overflow:hidden;
}

#about #wrp_shiretokoaurora h4 {
	margin:0 0 15px 0;
	padding:0;
	width:135px;
	height:10px;
	line-height:10px;
	text-indent: -9999px;
	background:url(../about/images/tit_shiretokoaurora.gif) left top no-repeat;
}


#about #wrp_shiretokoaurora p {
	margin: 0 0 10px 0;
}



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

	Shiretoko Best Shots

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

#about #wrp_bestshots {
	margin:0 0 50px 48px;
	padding:0;
	width:680px;
	overflow: hidden;
}

#about #wrp_bestshots p#btn_course {
	margin:0 10px 0 0;
	padding:20px 0 0 0;
	text-align:right;
	clear:both;
}

#about #cnt_bestshots {
	margin: 0;
	padding: 0;
	float:left;
	width:131px;
}

#about #cnt_bestshots h3{
	margin: 0;
	padding: 0;
	width:131px;
	height:117px;
	line-height:117px;
	text-indent:-9999px;
	background:url(../about/images/tit_bestshot.jpg) left top no-repeat;
}

/* 小さい写真*/
#about #cnt_bestshots ul {
	margin:0;
	padding:0;
	list-style-type:none;
	width:131px;
}
#about #cnt_bestshots li {
	margin:15px 15px 0 0;
	padding:0;
	width:50px;
	height:60px;
	float:left;
}

* html #about #cnt_bestshots li {
	margin:15px 5px 0 0;
}

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

#about #cnt_bestshots li a:hover {
	border:5px solid #279032;
}


/* 大きい写真*/
#about #wrp_bestshots #img_bestshots {
	margin:0;
	padding:0;
	float:right;
}

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

	Animal in Shiretoko

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

#about #wrp_shiretokoanimal {
	margin:0 0 0 48px;
	padding:0;
	width:654px;
	overflow:hidden;
}

#about #wrp_shiretokoanimal h3 {
	margin:0 0 15px 0;
	padding:0;
	width:148px;
	height:12px;
	line-height:12px;
	text-indent:-9999px;
	background:url(../about/images/tit_shiretokoanimal.gif) left top no-repeat;
}

#about #wrp_shiretokoanimal p {
	margin: 0 0 10px 0;
	width:615px;
}

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

	Animal in Shiretoko image

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

#about #wrp_shiretokoanimalimg {
	margin:0 0 50px 0;
	padding:0 0 0 0;
	width:727px;
	height:644px;
	background: url(../about/images/img_shiretokoanimal.jpg) left top no-repeat;
}