@charset "utf-8";
@import url(cmn.css);
@import url(base.css);


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

             globalnavi

*****************************************/
#siteHeader ul li#navi01 img{
	margin-top: -29px!important;
}

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

             content

*****************************************/
#contentIndex{
	background: url(../images/cmn_images/bg.jpg) 50% 0 no-repeat;
	overflow: hidden;
}
#contentIndex a,#contentIndex a:visited{
	color: #434343;
}
.imageList{
	clear: both;
	overflow: hidden;
}
.imageList li{
	float: left;
}
.imageList li a{
	text-decoration: none;
	font-weight: bold;
}
.imageList li.center{
	margin: 0 16px;
}
.imageList li span{
	background: url(../images/cmn_images/icon.png) 0 5px no-repeat;
	padding-left: 20px;
	display: block;
}
#topics dl{
	overflow: hidden;
	border-bottom: dotted 1px #bebebe;
	padding-bottom: 5px;
	margin-bottom: 5px;
}
#topics dt{
	float: left;
	width: 100px;
	background: url(../images/cmn_images/icon.png) 0 5px no-repeat;
	padding-left: 20px;
}
#topics dd{
	float: right;
	width: 550px;
}
#topics dd a,#topics dd a:visited{
	color: #e4007f!important;
}
#bnArea p{
	margin-bottom: 20px;
}
#fishingInfo{
	border-top: dotted 1px #bebebe;
	border-bottom: dotted 1px #bebebe;
	padding: 10px 0 5px 0;
	font-size: 10px;
	overflow: hidden;
}
#fishingInfo a{
	color: #e4007f!important;
}
#fishingInfo dl{
	margin-bottom: 8px;
	width: 325px;
	float: left;
	padding-left: 15px;
}
#fishingInfo dt{
	background: url(../images/index_images/gray_icon.gif) 0 5px no-repeat;
	padding-left: 15px;
	float: left;
	width: 70px;
	font-size: 10px;
}
#fishingInfo dd{
	float: right;
	width: 230px;
}

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

          2. Slide

*****************************************/
#mainImage{
	margin-bottom: 20px;
}

#slider{
	margin-bottom: 20px;
	width: 100% !important;
	margin: 0 auto;
	
}
#slider1,
#slider2,
#slider3{
	width: 100% !important;
	height: 532px;
}
/* Slider1 */
#slider1{
	background: url(../images/index_images/main_image.png) no-repeat 50% 0;
}

/* slider2 */
#slider2{
	background: url(../images/index_images/main_image02.png) no-repeat 50% 0;
}

/* slider3 */
	#slider3{
	background: url(../images/index_images/main_image03.png) no-repeat 50% 0;
}

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

          2. Navi

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

#s-navi{
	width: 200px;
	margin: 15px 0 5px 0;
	float: right;
}
	#s-navi a{
		display: block;
		width: 8px;
		height: 8px;
		float: left;
		background: url(../images/index_images/navi-bg.gif) no-repeat 0 0;
		margin: 0 5px;
		font-size: 0;
		text-indent: -10000px;
	}
	
	#s-navi a:hover,
	#s-navi a.activeSlide{
		background-position: 0 100%;
	}