@charset "utf-8";
/* CSS Document */

body { font-family:"ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3", Verdana, "メイリオ"; line-height:1.8; font-size:14px; color:#333; overflow:scroll;}

.wSize760{ margin:0 auto;}

.clr{ clear:both; margin:0; padding:0;}

#header{ width:780px; height:80px; margin: 20px auto 0 auto; background:url(../img/header_bar.gif) 0 top repeat-x;}
#header h1{ width:302px; height:38px; float: left; margin-top:22px;}
#header #btn_home{ width:50px; float:right; margin-top:16px;}
#header #btn_home a{ display:block; width:50px; height: 50px; text-indent: -9999px; background:url(../img/btn_home.gif) right 0 no-repeat; overflow:hidden;}
#header #btn_home a:hover{background:url(../img/btn_home.gif) left 0 no-repeat; overflow:hidden;}

#global_navigation{ width:780px; height:50px; margin:auto; clear:both;}
#global_navigation ul { margin:0; padding:0;}
#global_navigation ul li{ width:95px; float:left; list-style-type: none; margin:0; padding:0; }
#global_navigation ul li#g_nav1,#global_navigation ul li#g_nav8{ width:105px;}
#global_navigation ul li a{ text-indent: -9999px; display:block; overflow:hidden;}
#global_navigation ul li a{ width:95px; height:50px; background:url(../img/g_navigation.gif) 0 top no-repeat; }
#global_navigation ul li#g_nav1 a{ width:105px; background:url(../img/g_navigation.gif) 0 top no-repeat; }
#global_navigation ul li#g_nav2 a{ background:url(../img/g_navigation.gif) -105px top no-repeat; }
#global_navigation ul li#g_nav3 a{ background:url(../img/g_navigation.gif) -200px top no-repeat; }
#global_navigation ul li#g_nav4 a{ background:url(../img/g_navigation.gif) -295px top no-repeat; }
#global_navigation ul li#g_nav5 a{ background:url(../img/g_navigation.gif) -390px top no-repeat; }
#global_navigation ul li#g_nav6 a{ background:url(../img/g_navigation.gif) -485px top no-repeat; }
#global_navigation ul li#g_nav7 a{ background:url(../img/g_navigation.gif) -580px top no-repeat; }
#global_navigation ul li#g_nav8 a{ width:105px; background:url(../img/g_navigation.gif) -685px top no-repeat; }
#global_navigation ul li#g_nav1:hover a{ width:105px; background:url(../img/g_navigation.gif) 0 bottom no-repeat; }
#global_navigation ul li#g_nav2:hover a{ background:url(../img/g_navigation.gif) -105px bottom no-repeat; }
#global_navigation ul li#g_nav3:hover a{ background:url(../img/g_navigation.gif) -200px bottom no-repeat; }
#global_navigation ul li#g_nav4:hover a{ background:url(../img/g_navigation.gif) -295px bottom no-repeat; }
#global_navigation ul li#g_nav5:hover a{ background:url(../img/g_navigation.gif) -390px bottom no-repeat; }
#global_navigation ul li#g_nav6:hover a{ background:url(../img/g_navigation.gif) -485px bottom no-repeat; }
#global_navigation ul li#g_nav7:hover a{ background:url(../img/g_navigation.gif) -580px bottom no-repeat; }
#global_navigation ul li#g_nav8:hover a{ width:105px; background:url(../img/g_navigation.gif) -685px bottom no-repeat; }


body#nav1 #global_navigation ul li#g_nav1 a{ width:105px; background:url(../img/g_navigation.gif) 0 bottom no-repeat; }
body#nav2 #global_navigation ul li#g_nav2 a{ background:url(../img/g_navigation.gif) -105px bottom no-repeat; }
body#nav3 #global_navigation ul li#g_nav3 a{ background:url(../img/g_navigation.gif) -200px bottom no-repeat; }
body#nav4 #global_navigation ul li#g_nav4 a{ background:url(../img/g_navigation.gif) -295px bottom no-repeat; }
body#nav5 #global_navigation ul li#g_nav5 a{ background:url(../img/g_navigation.gif) -390px bottom no-repeat; }
body#nav6 #global_navigation ul li#g_nav6 a{ background:url(../img/g_navigation.gif) -485px bottom no-repeat; }
body#nav7 #global_navigation ul li#g_nav7 a{ background:url(../img/g_navigation.gif) -580px bottom no-repeat; }
body#nav8 #global_navigation ul li#g_nav8 a{ width:105px; background:url(../img/g_navigation.gif) -685px bottom no-repeat; }



/*-- TOP --*/
#stage{ width:780px; margin:20px auto 0 auto; background:url(../img/mainstage_bg.gif) 0 top repeat-y; }
#stage #contentstop{ width:780px; height:20px;}
#contentbtm{ width:780px; height:30px; margin:auto;}
#stage #contentsarea{ padding:0 30px;}
body#home #stage #contentsarea{ background:url(../img/cara001.gif) 475px 150px no-repeat;}
#stage #contentsarea p{ margin:0;}
#stage #contentsarea #dotline{ margin:20px 0;}

#stage #topnavigation { width:420px; float:left;}
#topnavigation ul { margin:0; padding:0;}
#topnavigation ul li{ width:420px;list-style-type: none; margin:0; padding:0; margin-bottom:15px; }
#topnavigation ul li a{ text-indent: -9999px; display:block; overflow:hidden; width:420px; height:50px;}
#topnavigation ul li#nav1 a{ background:url(../img/nav_top1.gif) left top no-repeat; }
#topnavigation ul li#nav2 a{ background:url(../img/nav_top2.gif) left top no-repeat; }
#topnavigation ul li#nav3 a{ background:url(../img/nav_top3.gif) left top no-repeat; }
#topnavigation ul li#nav4 a{ background:url(../img/nav_top4.gif) left top no-repeat; }
#topnavigation ul li#nav5 a{ background:url(../img/nav_top5.gif) left top no-repeat; }
#topnavigation ul li#nav6 a{ background:url(../img/nav_top6.gif) left top no-repeat; }
#topnavigation ul li#nav7 a{ background:url(../img/nav_top7.gif) left top no-repeat; }
#topnavigation ul li#nav8 a{ background:url(../img/nav_top8.gif) left top no-repeat; }
#topnavigation ul li#nav1 a:hover{ background:url(../img/nav_top1.gif) right top no-repeat; }
#topnavigation ul li#nav2 a:hover{ background:url(../img/nav_top2.gif) right top no-repeat; }
#topnavigation ul li#nav3 a:hover{ background:url(../img/nav_top3.gif) right top no-repeat; }
#topnavigation ul li#nav4 a:hover{ background:url(../img/nav_top4.gif) right top no-repeat; }
#topnavigation ul li#nav5 a:hover{ background:url(../img/nav_top5.gif) right top no-repeat; }
#topnavigation ul li#nav6 a:hover{ background:url(../img/nav_top6.gif) right top no-repeat; }
#topnavigation ul li#nav7 a:hover{ background:url(../img/nav_top7.gif) right top no-repeat; }
#topnavigation ul li#nav8 a:hover{ background:url(../img/nav_top8.gif) right top no-repeat; }

#stage #bnr{ width:280px; float:right; margin-top:400px;}
#stage #bnr a img{ border:0;}
/*-- / TOP --*/

/*-- EIYOU --*/
.txtbox { padding:0 20px; margin-bottom:40px;}
.txtbox p{ margin-bottom:20px !important;}
.txtbox p.graph{ text-align:center; margin-top:40px !important;}
.txtbox.cara01{ background:url(../img/cara002.gif) right bottom no-repeat;}
p.graph.cara01{ background:url(../img/cara004.gif) right bottom no-repeat;}
p.graph.cara02{ background:url(../img/cara003.gif) left bottom no-repeat;}
/*-- / EIYOU --*/

/*-- KENSAKU --*/
#hyouki{ margin:20px 0 0 0;}
.box2{ width: 165px; float:left; background:url(../img/product_bg.gif) 0 bottom no-repeat; text-align:center;  margin-left:20px; margin-bottom:20px; padding-bottom:5px;}
/*.box2 img{ margin-bottom:5px;}*/
.lft_mgn0{ margin-left:0;}
#wrap01{ text-align:center;}
#formarea{font-size:19px; background:url(../img/sh_bg.gif) 0 top no-repeat; padding:10px; margin-top:20px; text-align:center; vertical-align:middle;}
#formarea p{ color: #FF0033; margin-bottom:10px !important; padding-bottom:10px; border-bottom: solid 1px #FF8689;}
#formarea select{ margin-right:5px; padding:0;}
#formarea input{ margin-top:20px;}
#fishnamearea #lftbox{ width:165px; float:left;}
#fishnamearea #lftbox #itembox{ width:165px; text-align:center; background:url(../img/kekka_item_bg.gif) 0 top no-repeat; padding-top:10px;}
#fishnamearea #lftbox #itembox p{ margin: 10px 10px 0 10px;}
#rhtbox{ float:right; width:550px; padding:0;}
#rhtbox h3{ margin:0; padding: 0 10px 10px 10px; border-bottom: solid 2px #ddd; margin-left:10px; font-size:16px; font-weight: normal;}
#rhtbox h3 strong{ color:#f33; font-weight:bold;}
#rhtbox ul{ margin:0; padding:0;}
#rhtbox ul li{ list-style-type: none; margin:10px 0 0 10px; width:250px; height:26px; background:url(../img/fishname.gif); float:left; padding:5px 0 0 15px; display:inline;}
.fishlistbox{ border-top: solid 4px #eee; margin-top:20px; padding-top:20px;}
.fishlistbox .fishimg{ width: 260px; float:left;}
.fishlistbox .fishinfo{ width:430px; float:right;}
.fishlistbox .fishinfo dl, .fishlistbox .fishinfo dl dt, .fishlistbox .fishinfo dl dd{ margin:0; padding:0;}
.fishlistbox .fishinfo dl dt{ margin-bottom:10px;}
.fishlistbox .fishinfo dl dd{ margin-bottom:20px;}
.err{ color:#f33; font-weight: bold;}
#backbtn{ text-align:center; margin-top:20px; margin-bottom:40px;}
/*-- / KENSAKU --*/

/*-- TUKURIKATA --*/
.visualbox{ width:370px; float:right; text-align:center; margin-bottom:20px;}
.pickup{ background:#eef7fe; padding:10px; color:#124; width:300px; font-size:12px; border-top: solid 3px #d3eafc;}
/*-- / TUKURIKATA --*/

/*-- REKISI --*/
#historybox{ width:660px; height:110px; background:url(../img/his001.gif) 0 0 no-repeat; padding:10px;}
#historybox img{ float:left; margin-right:20px;}

#historybox span,#historybox2 span,#historybox3 span{ font-size:12px; color:#951; text-align:left}
#historybox span,#historybox2 img ,#historybox3 img{ margin-bottom:5px;}
#historybox2{ background:url(../img/his003.gif) 0 0 no-repeat; width:310px; height:250px; float:left; padding:10px;}
#historybox3{ background:url(../img/his003.gif) 0 0 no-repeat; width:310px; height:250px; float:right; padding:10px;}
body#nav7 p.cara01{ background:url(../img/cara002.gif) right bottom no-repeat;}
body#nav7 p.cara02{ background:url(../img/cara003.gif) left bottom no-repeat;}
body#nav7 p.cara03{ background:url(../img/cara004.gif) right bottom no-repeat;}
body#nav7 ul#history{ margin: 0 0 20px 0; padding:0;}
body#nav7 ul#history li{ list-style-type: none; padding:5px; background-color:#F0F5FF; margin-top:5px; color:#064B75; border-left: solid 4px #ADE0FE;}
body#nav7 .txtbox table{ border-collapse:collapse; border: solid 1px #ccc; width:100%;}
body#nav7 .txtbox table tr td,body#nav7 .txtbox table tr th{ padding:5px;border: solid 1px #ccc;}
body#nav7 .txtbox table tr td{ background-color:#f8f7f7;}
body#nav7 .txtbox table tr td.year{ width:70px; background-color:#fff;}
body#nav7 .txtbox table tr td span{ color: #036;}
body#nav7 .txtbox table tr th{ width:305px; background-color:#f6f9fd; color:#036; text-align:left;}
body#nav7 .txtbox table tr th span{ font-weight: normal;}
body#nav7 .txtbox table tr th span.count{ color:#39f; font-weight:bold;}
/*-- / REKISI --*/

/*-- TORIBIA --*/
div.toribiabox{ width:330px; background:url(../img/toribia_bg1.gif) 0 top no-repeat; padding:10px; float:left; margin-bottom:20px;}
div.toribiabox:hover{ background:url(../img/toribia_bg1o.gif) 0 top no-repeat;}
div.toribiabox h4{ background:url(../img/toribia_icon1.gif) 0 3px no-repeat; height: 48px; color:#FF3300; margin:0 0 10px 0; padding:0 0 15px 0; padding-left:60px; border-bottom: dotted 4px #F99; font-size:15px; line-height:1.5; }
div.toribiabox h4.icon2{ background:url(../img/toribia_icon2.gif) 0 3px no-repeat;}
div.toribiabox h4.icon3{ background:url(../img/toribia_icon3.gif) 0 3px no-repeat;}
div.toribiabox .ans { margin: 0 10px;}
div.toribiabox .ans p{ font-size:12px !important;}
#leftbox{ float:left; width:350px; margin-right:20px;}
#righttbox{ float:right; width:350px; }
/*-- / TORIBIA --*/

/*-- SHOUHIN --*/
#itemnavi{ margin-bottom:20px 0;}
#itemnavi ul{ margin: 0; padding:0;}
#itemnavi ul li{ margin:0; margin-left:10px; padding:7px 0 0 15px; list-style-type: none; float:left; width:157px; height:24px; background: url(../img/itemnav.gif) 0 0 no-repeat; line-height:1;}
#itemnavi ul li#lft{ margin-left:0;}
.box2 span{ font-weight: bold; color:#F30;}
/*-- / SHOUHIN --*/

/*-- TSUKAWARETERUOSAKANA --*/
ul#mapbtn { margin:20px 0; padding:0;}
ul#mapbtn li{ list-style: none; padding:0; margin:0 0 10px 11px; width:130px; height:50px; float:left; display:inline;}
ul#mapbtn li.left_btn{ margin-left:0;}
ul#mapbtn li img{ cursor: pointer;}
ul#mapbtn li:hover img{
	opacity:0.6;
	filter: alpha(opacity=60);
	-ms-filter: "alpha( opacity=60 )";
	background: #fff;
	}
/*-- / TSUKAWARETERUOSAKANA --*/


a{ color:#06C; line-height:1.2em;}
@-moz-document url-prefix() {a{ line-height:1.5;}}
a:hover{ color:#039;}
a img,a img:hover{ border:0 !important;}
#pagetop{ margin:0; text-align:right;}
#pagetop a{ color:#666; font-size:12px; font:Arial, Helvetica, sans-serif !important;}