@charset "Shift_JIS";

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

	@This stylesheet Information{
		CSS File Name: header.css

		Setting of: Header area
			1: header setting
			2: headUserNav setting
			3: headNav setting
	}

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


/*===================================================================
	1: header setting
===================================================================*/

div#header{
	padding:0px 10px;
	margin:0;
	border-top: solid 2px #00A0C6;
	background:url(/images/bg_header.gif) repeat-x left top;
}

div#header div#headLogo{
	width:780px;
	padding:8px 0 5px;
}

/*clearfix*/
div#header div#headLogo:after{
	content: "";
	display: block;
	clear: both;
	height: 0.1px;
}

* html div#header div#headLogo{ display: inline-block; }

/* no ie mac \*/
* html div#header div#headLogo{ height: 1%; }
div#header div#headLogo{ display: block; }
/* */


div#header div#headLogo h1{
	position:absolute;
	top:-.5em;
	width:410px;
	margin-left:210px;
	margin-top:28px;
	font-size:1em;
	line-height:1.3em;
	font-weight:normal;
}

div#header div#headLogo div span{
	position:absolute;
	left:50%;
	top:8px;
	width:390px;
	text-align:right;
}

/* -- AdTag --*/
#hdBnn {
	padding: 0 0 10px;
	text-align: center;
}

/*===================================================================
	2: headUserNav setting
===================================================================*/

div#headUserNav{
	width: 800px;
	padding:6px 0px 5px;
	_padding-bottom:0;
	background:#FBFBFB url(/images/head_usernav_bg.gif) repeat-x left top;
	border-bottom:1px solid #55BFD9;
}


/*clearfix*/

div#headUserNav:after{
	content: "";
	display: block;
	clear: both;
	height: 0.1px;
}

* html div#headUserNav{ display: inline-block; }

/* no ie mac \*/
* html div#headUserNav{ height: 1%; }
div#headUserNav{ display: block; }
/* */

div#headUserNav p{
	float:left;
	width:350px;
	margin-right:10px;
}

div#headUserNav p span{
	padding-left:12px;
}

div#headUserNav ul{
	float:right;
	width:400px;
	text-align:right;

}

div#headUserNav ul li{
	display:inline;
	padding:0 12px 0 0;
}

div#headUserNav ul li a{
	padding:3px 0 3px 20px;
	zoom:1;
}

div#headUserNav ul li.home a{
	background:url(/images/ico_home.gif) no-repeat left center;
}

div#headUserNav ul li.login a{
	background:url(/images/ico_login.gif) no-repeat left center;
}

div#headUserNav ul li.mypage a{
	background:url(/images/ico_mypage.gif) no-repeat left center;
}

div#headUserNav ul li.help a{
	background:url(/images/ico_help.gif) no-repeat left center;
}



/*===================================================================
	3: headNav setting
===================================================================*/

div#headNav{
	padding:0 0 10px;

}

div#headNav ul{
	padding:4px 10px 0;
	background:url(/images/bg_gld-d0a.gif) repeat-x left top;
}

div#headNav ul li{
	display: inline;
	margin-right:2px;
}

/*home*/
body#home div#headNav ul li.home span{
	background:url(/images/headnav_bg_r_on.gif) no-repeat right bottom;
	font-weight:bold;
}

body#home div#headNav ul li.home a{
	background:url(/images/headnav_bg_l_on.gif) no-repeat left bottom;
	color:#fff;
	text-decoration:none!important;
}

/*special*/
body.special div#headNav ul li.special span{
	background:url(/images/headnav_bg_r_on.gif) no-repeat right bottom;
	font-weight:bold;
}

body.special div#headNav ul li.special a{
	background:url(/images/headnav_bg_l_on.gif) no-repeat left bottom;
	color:#fff;
	text-decoration:none!important;
}

/*===================================================================
　4.headerNav setting 新ナビゲーション用 111121
===================================================================*/

div#headerNav3{
	border-bottom:5px solid #90FEFF;
	margin:0 0 17px;
}

div#headerNav3 ul{
	width:800px;
	background:url(/images/headtab_bg3.gif) no-repeat 0 0;
	height:45px;
}

div#headerNav3 ul li{
	float:left;
}

div#headerNav3 ul li span{
	display:none;
	/* Hides from IE5-Mac \*/
	display:block;
	position:absolute;
	left:-9999px;
	/*end  Hides from IE5-Mac */
}


div#headerNav3 ul li a{
	display:block;
	height:45px;
}

div#headerNav3 ul li.headernavIndex{ width:60px;}
div#headerNav3 ul li.headernavFishing{ width:78px;}
div#headerNav3 ul li.headernavNews{ width:73px;}
div#headerNav3 ul li.headernavFishinfo{ width:58px;}
div#headerNav3 ul li.headernavFishdiary{ width:75px;}
div#headerNav3 ul li.headernavStayguide{ width:50px;}
div#headerNav3 ul li.headernavFishspot{ width:73px;}
div#headerNav3 ul li.headernavKanrispot{ width:89px;}
div#headerNav3 ul li.headernavKouryaku{ width:64px;}
div#headerNav3 ul li.headernavFishblog{ width:61px;}
div#headerNav3 ul li.headernavBeginner{ width:65px;}
div#headerNav3 ul li.headernavSpecial{ width:54px;}


div#headerNav3 ul li.headernavIndex a:hover,
body.bodyIndex div#headerNav3 ul li.headernavIndex a{
	background:url(/images/headtab_bg3.gif) no-repeat 0px 100%;
}

div#headerNav3 ul li.headernavFishing a:hover,
body#fishingPage div#headerNav3 ul li.headernavFishing a{
	background:url(/images/headtab_bg3.gif) no-repeat -60px 100%;
}

div#headerNav3 ul li.headernavNews a:hover,
body.bodyNews div#headerNav3 ul li.headernavNews a{
	background:url(/images/headtab_bg3.gif) no-repeat -138px 100%;
}

div#headerNav3 ul li.headernavFishinfo a:hover,
body#infoPage div#headerNav3 ul li.headernavFishinfo a{
	background:url(/images/headtab_bg3.gif) no-repeat -211px 100%;
}

div#headerNav3 ul li.headernavFishdiary a:hover,
body#diaryPage div#headerNav3 ul li.headernavFishdiary a{
	background:url(/images/headtab_bg3.gif) no-repeat -269px 100%;
}


div#headerNav3 ul li.headernavStayguide a:hover,
body.bodyStayguide div#headerNav3 ul li.headernavStayguide a{
	background:url(/images/headtab_bg3.gif) no-repeat -344px 100%;
}

div#headerNav3 ul li.headernavFishspot a:hover,
body.bodyFishspot div#headerNav3 ul li.headernavFishspot a{
	background:url(/images/headtab_bg3.gif) no-repeat -394px 100%;
}

div#headerNav3 ul li.headernavKanrispot a:hover,
body.bodyKanrispot div#headerNav3 ul li.headernavKanrispot a{
	background:url(/images/headtab_bg3.gif) no-repeat -467px 100%;
}

div#headerNav3 ul li.headernavKouryaku a:hover,
body#guidePage div#headerNav3 ul li.headernavKouryaku a{
	background:url(/images/headtab_bg3.gif) no-repeat -556px 100%;
}

div#headerNav3 ul li.headernavFishblog a:hover,
body.bodyFishblog div#headerNav3 ul li.headernavFishblog a{
	background:url(/images/headtab_bg3.gif) no-repeat -620px 100%;
}

div#headerNav3 ul li.headernavBeginner a:hover{
	background:url(/images/headtab_bg3.gif) no-repeat -681px 100%;
}

div#headerNav3 ul li.headernavSpecial a:hover,
body.bodySpecial div#headerNav3 ul li.headernavSpecial a{
	background:url(/images/headtab_bg3.gif) no-repeat -746px 100%;
}

/*===================================================================
　5.headerNav setting 新ナビゲーション用 090701
===================================================================*/

div#headerNav2{
	border-bottom:5px solid #90FEFF;
	margin:0 0 17px;
}

div#headerNav2 ul{
	width:800px;
	background:url(/images/headtab_bg2.gif) no-repeat 0 0;
	height:45px;
}

div#headerNav2 ul li{
	float:left;
}

div#headerNav2 ul li span{
	display:none;
	/* Hides from IE5-Mac \*/
	display:block;
	position:absolute;
	left:-9999px;
	/*end  Hides from IE5-Mac */
}


div#headerNav2 ul li a{
	display:block;
	height:45px;
}

div#headerNav2 ul li.headernavIndex{ width:60px;}
div#headerNav2 ul li.headernavFishing{ width:78px;}
div#headerNav2 ul li.headernavNews{ width:73px;}
div#headerNav2 ul li.headernavFishinfo{ width:58px;}
div#headerNav2 ul li.headernavFishdiary{ width:75px;}
div#headerNav2 ul li.headernavStayguide{ width:50px;}
div#headerNav2 ul li.headernavFishspot{ width:73px;}
div#headerNav2 ul li.headernavKanrispot{ width:89px;}
div#headerNav2 ul li.headernavKouryaku{ width:64px;}
div#headerNav2 ul li.headernavFishblog{ width:61px;}
div#headerNav2 ul li.headernavStore{ width:65px;}
div#headerNav2 ul li.headernavSpecial{ width:54px;}


div#headerNav2 ul li.headernavIndex a:hover,
body.bodyIndex div#headerNav2 ul li.headernavIndex a{
	background:url(/images/headtab_bg2.gif) no-repeat 0px 100%;
}

div#headerNav2 ul li.headernavFishing a:hover,
body#fishingPage div#headerNav2 ul li.headernavFishing a{
	background:url(/images/headtab_bg2.gif) no-repeat -60px 100%;
}

div#headerNav2 ul li.headernavNews a:hover,
body.bodyNews div#headerNav2 ul li.headernavNews a{
	background:url(/images/headtab_bg2.gif) no-repeat -138px 100%;
}

div#headerNav2 ul li.headernavFishinfo a:hover,
body#infoPage div#headerNav2 ul li.headernavFishinfo a{
	background:url(/images/headtab_bg2.gif) no-repeat -211px 100%;
}

div#headerNav2 ul li.headernavFishdiary a:hover,
body#diaryPage div#headerNav2 ul li.headernavFishdiary a{
	background:url(/images/headtab_bg2.gif) no-repeat -269px 100%;
}


div#headerNav2 ul li.headernavStayguide a:hover,
body.bodyStayguide div#headerNav2 ul li.headernavStayguide a{
	background:url(/images/headtab_bg2.gif) no-repeat -344px 100%;
}

div#headerNav2 ul li.headernavFishspot a:hover,
body.bodyFishspot div#headerNav2 ul li.headernavFishspot a{
	background:url(/images/headtab_bg2.gif) no-repeat -394px 100%;
}

div#headerNav2 ul li.headernavKanrispot a:hover,
body.bodyKanrispot div#headerNav2 ul li.headernavKanrispot a{
	background:url(/images/headtab_bg2.gif) no-repeat -467px 100%;
}

div#headerNav2 ul li.headernavKouryaku a:hover,
body#guidePage div#headerNav2 ul li.headernavKouryaku a{
	background:url(/images/headtab_bg2.gif) no-repeat -556px 100%;
}

div#headerNav2 ul li.headernavFishblog a:hover,
body.bodyFishblog div#headerNav2 ul li.headernavFishblog a{
	background:url(/images/headtab_bg2.gif) no-repeat -620px 100%;
}

div#headerNav2 ul li.headernavStore a:hover{
	background:url(/images/headtab_bg2.gif) no-repeat -681px 100%;
}

div#headerNav2 ul li.headernavSpecial a:hover,
body.bodySpecial div#headerNav2 ul li.headernavSpecial a{
	background:url(/images/headtab_bg2.gif) no-repeat -746px 100%;
}



/*===================================================================
　6.headerNav setting 新ナビゲーション用 BKUP090701
===================================================================*/

div#headerNav{
	border-bottom:5px solid #90FEFF;
	margin:0 0 17px;
}

div#headerNav ul{
	width:800px;
	background:url(/images/headtab_bg.gif) no-repeat 0 0;
	height:45px;
}

div#headerNav ul li{
	float:left;
}

div#headerNav ul li span{
	display:none;
	/* Hides from IE5-Mac \*/
	display:block;
	position:absolute;
	left:-9999px;
	/*end  Hides from IE5-Mac */
}


div#headerNav ul li a{
	display:block;
	height:45px;
}

div#headerNav ul li.headernavIndex{ width:72px;}
div#headerNav ul li.headernavFishing{ width:87px;}
div#headerNav ul li.headernavStayguide{ width:57px;}
div#headerNav ul li.headernavFishspot{ width:83px;}
div#headerNav ul li.headernavKanrispot{ width:97px;}
div#headerNav ul li.headernavKouryaku{ width:68px;}
div#headerNav ul li.headernavFishblog{ width:65px;}
div#headerNav ul li.headernavFishinfo{ width:82px;}
div#headerNav ul li.headernavFishdiary{ width:82px;}
div#headerNav ul li.headernavQABBS{ width:107px;}

div#headerNav ul li.headernavIndex a:hover,
body.bodyIndex div#headerNav ul li.headernavIndex a{
	background:url(/images/headtab_bg.gif) no-repeat 0 100%;
}

div#headerNav ul li.headernavFishing a:hover,
body#fishingPage div#headerNav ul li.headernavFishing a{
	background:url(/images/headtab_bg.gif) no-repeat -72px 100%;
}

div#headerNav ul li.headernavStayguide a:hover,
body.bodyStayguide div#headerNav ul li.headernavStayguide a{
	background:url(/images/headtab_bg.gif) no-repeat -159px 100%;
}

div#headerNav ul li.headernavFishspot a:hover,
body.bodyFishspot div#headerNav ul li.headernavFishspot a{
	background:url(/images/headtab_bg.gif) no-repeat -216px 100%;
}

div#headerNav ul li.headernavKanrispot a:hover,
body.bodyKanrispot div#headerNav ul li.headernavKanrispot a{
	background:url(/images/headtab_bg.gif) no-repeat -299px 100%;
}

div#headerNav ul li.headernavKouryaku a:hover,
body#guidePage div#headerNav ul li.headernavKouryaku a{
	background:url(/images/headtab_bg.gif) no-repeat -396px 100%;
}

div#headerNav ul li.headernavFishblog a:hover,
body.bodyFishblog div#headerNav ul li.headernavFishblog a{
	background:url(/images/headtab_bg.gif) no-repeat -464px 100%;
}

div#headerNav ul li.headernavFishinfo a:hover,
body#infoPage div#headerNav ul li.headernavFishinfo a{
	background:url(/images/headtab_bg.gif) no-repeat -529px 100%;
}

div#headerNav ul li.headernavFishdiary a:hover,
body#diaryPage div#headerNav ul li.headernavFishdiary a{
	background:url(/images/headtab_bg.gif) no-repeat -611px 100%;
}

div#headerNav ul li.headernavQABBS a:hover{
	background:url(/images/headtab_bg.gif) no-repeat -693px 100%;
}