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

/*initStyle*/
html {
font-family:"ＭＳ Ｐゴシック", "MS PGothic", "メイリオ", Meiryo, Osaka, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", sans-serif;
color:#333;
line-height:1.2;
background:#FFF;
}
body,
div,
dl,
dt,
dd,
ul,
ol,
li,
h1,
h2,
h3,
h4,
h5,
h6,
pre,
code,
form,
fieldset,
legend,
input,
textarea,
p,
blockquote,
th,
td {
margin:0;
padding:0;
}
table {
border-collapse:collapse;
border-spacing:0;
}
fieldset,
img { border:0; }
address,
caption,
cite,
code,
dfn,
em,
th,
var {
font-style:normal;
font-weight:normal;
}
li { list-style:none; }
caption,
th { text-align:left; }
a { text-decoration:none; }
a:link,
a:visited { color:#333333; }
a:hover,
a:active { color:#3f8ee7; }

#wrap img { -ms-interpolation-mode: bicubic;} 

/*generalStyle*/
p.left,
td.left { text-align:left; }
p.right,
td.right { text-align:right; }
.center { text-align:center; }
img.left,
div.left { float:left; }
img.right,
div.right { float:right; }
div.center {
margin-left:auto;
margin-right:auto;
}
#wrap .mt0 { margin-top:0px; }
#wrap .mt05 { margin-top:5px; }
#wrap .mt10 { margin-top:10px; }
#wrap .mt15 { margin-top:15px; }
#wrap .mt20 { margin-top:20px; }
#wrap .mt25 { margin-top:25px; }
#wrap .mt30 { margin-top:30px; }
#wrap .pt05 { padding-top:5px; }
#wrap .pt10 { padding-top:10px; }
#wrap .pt15 { padding-top:15px; }
#wrap .pt20 { padding-top:20px; }
#wrap .pt25 { padding-top:25px; }
#wrap .pt30 { padding-top:30px; }
.clear { clear:both; }
/*clearfix*/
.clearfix:after,
.column2Block:after,
#gnav ul:after,
#footer .fnav ul:after,
#footer .members ul:after {
content:".";
display:block;
clear:both;
visibility:hidden;
height:0;
}
.clearfix,
.column2Block,
#gnav ul,
#footer ul { display:inline-block; }
/* Hides from IE-mac \*/
* html .clearfix,
* html .column2Block,
* html #gnav ul,
* html #footer ul { height:1%; }
.clearfix,
.column2Block,
#gnav ul,
#footer ul { display:block; }
/*tmpLayout*/
#header {
padding-bottom:11px;
background:url(/images/header_bg01.gif) bottom left repeat-x #ffffff;
}
#header .inner {
width:1000px;
margin:0 auto;
}
#header .inner .m05 { margin:0 5px; }
#header h1 { margin:30px 0 0 11px; }
#header h1 a,
#header h1 img { display:block; }
#header .left {
width:185px;
position:relative;
}
#header .left .rcmSpec{
position:absolute;
top:52px;
left:300px;
}
#header .right { width:613px; }
#header .right .left { width:227px; }
#header .right .left .border01 {
margin-top:10px;
border:2px solid #eeeeee;
padding:4px 12px 4px 12px;
}
#header .right .left .youkoso {
min-height:15px;
font-size:80%;
line-height:15px;
color:#3f8ee7;
}
#header .right .left ul { margin:0 1px 0 2px; }
#header .right .left li.left {
float:left;
width:96px;
text-align:right;
}
#header .right .left li.right {
float:right;
width:96px;
}
#header .right .left a,
#header .right .left img { display:block; }
#header .right .right { width:366px; }
#header .right .right .cons01 { margin-top:12px; }
#header .right .right .cons01 .left { width:203px; }
#header .right .right .cons01 .left .hnav { margin-top:3px; }
#header .right .right .cons01 .left .hnav li {
float:left;
width:auto;
padding:0 0 0 13px;
margin-right:6px;
font-size:80%;
white-space:nowrap;
}
#header .right .right .cons01 .left .hnav li a { text-decoration:none; }
#header .right .right .cons01 .left .hnav li a:link,
#header .right .right .cons01 .left .hnav li a:visited { color:#333333; }
#header .right .right .cons01 .left .hnav li a:hover,
#header .right .right .cons01 .left .hnav li a:active { color:#3f8ee7; }
#header .right .right .cons01 .left .hnav li.li01 { background:url(/images/header_icon01.gif) left 0.1em no-repeat; }
#header .right .right .cons01 .left .hnav li.li02 { background:url(/images/header_icon02.gif) left 0.1em no-repeat; }
#header .right .right .cons01 .left .hnav li.li03 { background:url(/images/header_icon04.gif) left 0.1em no-repeat; }
#header .right .right .cons01 .right { width:157px; }
#header .right .right .cons01 .right dt {
float:left;
width:68px;
}
#header .right .right .cons01 .right dt img { display:block; }
#header .right .right .cons01 .right dd {
float:right;
width:80px;
}
#header .right .right .cons01 .right li a,
#header .right .right .cons01 .right li img { display:block; }
#header .right .right .cons01 .right li.left {
float:left;
width:39px;
}
#header .right .right .cons01 .right li.right {
float:right;
width:39px;
}
#header .right .right .cons02 {
clear:both;
margin-top:5px;
}
#header .right .right .cons02 .left { width:75px; }
#header .right .right .cons02 .left p { margin-top:16px; }
#header .right .right .cons02 .right {
width:280px;
background:url(/images/header_search_bg01m.gif) top left repeat-y;
}
#header .right .right .cons02 .bg01t { background:url(/images/header_search_bg01t.gif) top left no-repeat; }
#header .right .right .cons02 .bg01b { background:url(/images/header_search_bg01b.gif) bottom left no-repeat; }
#header .right .right .cons02 input.txt01 {
width:178px;
margin:3px 10px 0 30px;
line-height:1;
background:none;
outline:none;
}
#header .right .right .cons02 .btn01 {
display:block;
margin:0 8px 0 5px;
}
#gnav {
clear:both;
background:url(/images/gnav_bg01.gif) top left repeat-x;
}
#gnav .inner {
width:1000px;
margin:0 auto;
}
#gnav ul {
width:1000px;
margin-left:4px;
}
#gnav li { float:left; }
#gnav li.btn01 { width:166px; }
#gnav li.btn02 { width:165px; }
#gnav li.btn03 { width:165px; }
#gnav li.btn04 { width:165px; }
#gnav li.btn05 { width:165px; }
#gnav li.btn06 { width:166px; }
#gnav li a,
#gnav li img { display:block; }
#contents {
clear:both;
padding-bottom:25px;
background:url(/images/content_bg01b.gif) bottom left repeat-x #ffffff;
}
#contents .contentsTBg {
margin-top:1px;
padding-top:15px;
background:url(/images/content_bg01t2.gif) top left repeat-x;
}
#index #contents .contentsTBg {
margin-top:0;
padding-top:5px;
background:url(/images/content_bg01t.gif) top left repeat-x;
}
#contents .contentsInner {
width:1000px;
margin:0 auto;
background:url(/images/contents_bg02m.gif) top left repeat-y;
}
#contents .contentsFrameB { background:url(/images/contents_bg02b.gif) bottom left no-repeat; }
#contents .contentsFrameT {
min-height:1000px;
padding-bottom:20px;
background:url(/images/contents_bg02t2.gif) top left no-repeat;
}
#index #contents .contentsFrameT {
margin-top:0;
background:url(/images/contents_bg02t.gif) top left no-repeat;
}
* html #contents .contentsFrameT { height:1000px; }
#wrap .contentsShortVer { background:none; }
#wrap .contentsShortVer .contentsFrameT {
min-height:490px;
padding-bottom:60px;
}
* html #wrap .contentsShortVer .contentsFrameT { height:490px; }
#wrap .contentsShortVer .contentsFrameB { background:url(/images/contents_bg02b2.gif) bottom left no-repeat; }
/*generalContents*/
/*breadCrumb*/
#breadCrumb {
padding:13px 22px 0 22px;
font-size:80%;
}
#breadCrumb li { display:inline; }
#breadCrumb li a:link,
#breadCrumb li a:visited { color:#3f8ee7; }
/*seriesList*/
#seriesList {
clear:both;
width:950px;
margin:40px auto 0 auto;
background:url(/images/serieslist_bg01m.gif) top left repeat-y;
}
#seriesList h3 img { display:block; }
#seriesList .inner {
padding:10px 0 11px 16px;
background:url(/images/serieslist_bg01b.gif) bottom left no-repeat;
}
#seriesList li {
float:left;
width:132px;
margin-top:5px;
}
#seriesList li img { display:block; }
/*searchFishingCate*/
#searchFishingCate {
clear:both;
width:952px;
margin:40px auto 0 auto;
}
#searchFishingCate h3 {
width:950px;
margin:0 auto;
}
#searchFishingCate h3 img { display:block; }
#searchFishingCate li {
float:left;
width:153px;
}
#searchFishingCate li img { display:block; }
#searchFishingCate .bg01m {
margin-top:2px;
background:url(/images/searchfishingcate_bg01m.gif) top left repeat-y;
}
#searchFishingCate .bg01t { background:url(/images/searchfishingcate_bg01t.gif) top left no-repeat; }
#searchFishingCate .inner {
padding:15px 0 15px 17px;
background:url(/images/searchfishingcate_bg01b.gif) bottom left no-repeat;
}
/*searchProduct*/
#searchProduct {
clear:both;
width:952px;
margin:40px auto 0 auto;
}
#searchProduct h3 {
width:950px;
margin:0 auto;
}
#searchProduct h3 img { display:block; }
#searchProduct li {
float:left;
width:229px;
}
#searchProduct li img { display:block; }
#searchProduct .bg01m {
margin-top:2px;
background:url(/images/searchproduct_bg01m.gif) top left repeat-y;
}
#searchProduct .bg01t { background:url(/images/searchproduct_bg01t.gif) top left no-repeat; }
#searchProduct .inner {
padding:15px 0 15px 17px;
background:url(/images/searchproduct_bg01b.gif) bottom left no-repeat;
}
/*osusumeConInfo*/
#osusumeConInfo {
clear:both;
width:950px;
margin:40px auto 0 auto;
background:url(/images/osusumeConInfo_bg01m.gif) top left repeat-y;
}
#osusumeConInfo h3 img { display:block; }
#osusumeConInfo .bg01 { background:url(/images/osusumeConInfo_bg01t.gif) top left no-repeat; }
#osusumeConInfo .inner {
padding:15px 0 20px 25px;
background:url(/images/osusumeConInfo_bg01b.gif) bottom left no-repeat;
}
#osusumeConInfo li {
float:left;
width:130px;
}
#osusumeConInfo td .img01 a img { display:block; }
#osusumeConInfo th p {
margin:0 10px 0 0;
padding:0 0 3px 0;
font-weight:bold;
}
#osusumeConInfo td p.img01 {
margin-right:10px;
padding-top:6px;
background:url(/images/osusumeConInfo_line01.gif) top left repeat-x;
}
#osusumeConInfo td p.txt01 {
margin-right:10px;
padding-top:10px;
font-size:80%;
background:url(/images/osusumeConInfo_bg02.gif) top left no-repeat;
}
/*ranking*/
.ranking {
clear:both;
width:282px;
margin:8px 0 0 0;
background:url(/images/ranking_bg01m.gif) top left repeat-y;
}
.ranking h3 img { display:block; }
.ranking .inner {
padding:0 0 15px 0;
background:url(/images/ranking_bg01b.gif) bottom left no-repeat;
}
.ranking .item {
width:254px;
margin:3px auto 0 auto;
background:url(/images/ranking_bg02m.gif) top left repeat-y;
}
.ranking .item .bg01 { background:url(/images/ranking_bg02t.gif) top left no-repeat; }
.ranking .item .inner {
clear:both;
padding:10px;
background:url(/images/ranking_bg02b.gif) bottom left no-repeat;
}
.ranking .photo {
float:left;
width:auto;
margin:0 10px 0 0;
}
.ranking .photo a{
display:block;
text-align:center;
background:#FFF;
}
.ranking .photo a img{
vertical-align:middle;
text-align:center;
}
* html .ranking .photo a{
position:relative;
overflow:hidden;
}
* html .ranking .photo a span{
display:block;
position:absolute;
top:50%;
left:50%;
}
* html .ranking .photo a img{
display:block;
vertical-align:top;
line-height:1;
position:relative;
top:-50%;
left:-50%;
}

.ranking .photo a{width:70px; min-height:70px; line-height:70px;}
* html .ranking .photo a{height:70px;}
.ranking .photo a.relItem02{width:80px; min-height:80px; line-height:80px;}
* html .ranking .photo a.relItem02{height:80px;}
.ranking .photo a.relItem01{width:90px; min-height:90px; line-height:90px;}
* html .ranking .photo a.relItem01{height:90px;}

.ranking .fst .rank,
.ranking .sec .rank,
.ranking .thd .rank { margin:0; }
.ranking .rank {
margin:10px 0 0 0;
color:#ffffff;
font-weight:bold;
}
.ranking .fst .name,
.ranking .sec .name,
.ranking .thd .name {
font-weight:bold;
margin:0;
}
.ranking .name { margin:10px 0 0 0; }
.ranking .name a:link,
.ranking .name a:visited { color:#ffffff; }
.ranking .tooltip {
display:none;
width:250px;
margin-top:300px;
background:url(/product/reel/images/reel_perficon_bg02m.gif) top left repeat-y;
z-index:1;
}
.ranking .tooltip dt {
padding:10px 10px 5px 10px;
text-align:center;
background:url(/product/reel/images/reel_perficon_bg02t.gif) top left no-repeat;
}
.ranking .tooltip dt a {
display:block;
border:1px solid #cccccc;
width:228px;
min-height:228px;
line-height:228px;
text-align:center;
}
* html .ranking .tooltip dt a{
height:228px;
position:relative;
overflow:hidden;
}
* html .ranking .tooltip dt a span{
display:block;
position:absolute;
top:50%;
left:50%;
}
* html .ranking .tooltip dt a img{
display:block;
vertical-align:top;
line-height:1;
position:relative;
top:-50%;
left:-50%;
}

.ranking .tooltip dt a:hover { border:1px solid #3f8ee7; }
.ranking .tooltip dt img {
border:none;
vertical-align:middle;
text-align:center;
display:inline;
}
.ranking .tooltip dd {
padding:0 10px 10px 10px;
background:url(/product/reel/images/reel_perficon_bg02b.gif) bottom left no-repeat;
}
.ranking .tooltip dd a{
display:inline;
width:auto;
min-height:inherit;
border:none;
line-height:1.4;
text-align:left;
}

.ranking .tooltip dd img{
border:none;
vertical-align:middle;
}
.ranking .tooltip dd span{
display:block;
border:1px solid #cccccc;
width:38px;
height:38px;
line-height:38px;
text-align:center;
overflow:hidden;
}

.ranking .tooltip dd span span{
border:none;
width:auto;
}

* html .ranking .tooltip dd a{height:auto;}
* html .ranking .tooltip dd span{
height:38px;
position:relative;
display:block;
overflow:hidden;
}
* html .ranking .tooltip dd span span{
height:auto;
display:block;
position:absolute;
top:50%;
left:50%;
overflow:visible;
}
* html .ranking .tooltip dd img{
display:block;
vertical-align:top;
line-height:1;
position:relative;
top:-50%;
left:-50%;
}

.ranking .tooltip dd .h01 { font-weight:bold; }
.ranking .tooltip dd .txt01 { margin-top:3px; }
.ranking .tooltip dd span { font-size:80%; }
.ranking .tooltip dd ul { margin-top:5px; }
.ranking .tooltip dd li {
float:left;
width:42px;
margin-top:2px;
}
.relationLink {
clear:both;
width:952px;
margin:40px auto 0;
background:url(/images/index_con06_bg01m.gif) top left repeat-y;
}
.relationLink .bg01 { background:url(/images/index_con06_bg01t.gif) top left no-repeat }
.relationLink .inner {
padding:14px 15px 10px 15px;
background:url(/images/index_con06_bg01b.gif) bottom left no-repeat;
}
.relationLink h3 img { display:block; }
.relationLink ul { margin-top:10px; }
.relationLink li {
float:left;
width:93px;
}
.relationLink dt { margin-right:7px; }
.relationLink dt a,
.relationLink dt img { display:block; }
.relationLink dd {
width:85px;
margin-top:3px;
font-size:80%;
}
.relationLink dd img { margin:4px 0 0 2px; }
.relationLink li.lst { width:85px; }
.relationLink li.lst dt { margin-right:0; }
.relationLink li.fst span { margin-left:0; }
/*return*/
.return {
clear:both;
width:950px;
margin:12px auto 0 auto;
}
.return p {
font-size:80%;
text-align:right;
}
.return a:link,
.return a:visited { color:#3f8ee7; }
/*end generalContents*/

#footer { clear:both; }
#footer a,
#footer a:link,
#footer a:hover { color:#ffffff; }
#footer .fnav {
border-top:1px solid #b9d7ff;
border-bottom:1px solid #0c3382;
padding-bottom:5px;
background:#10439a url(/images/footer_bg01.gif) repeat-x top left;
}
#footer .fnav .inner {
width:1000px;
margin:0 auto 0 auto;
}
#footer .fnav li { float:left; }
#footer .fnav .left {
float:left;
width:520px;
padding-top:6px;
}
#footer .fnav .left li {
float:left;
width:auto;
}
#footer .fnav .left li a,
 #footer .fnav .left li img { display:block; }
#footer .fnav .right {
float:right;
width:460px;
padding-top:12px;
}
#footer .fnav .right li {
float:right;
margin-left:10px;
width:auto;
font-size:80%;
text-align:right;
}
#footer .fnav .right li a { padding-left:15px; }
#footer .fnav .right li a:hover { color:#71e6ff; }
#footer .fnav .right li.btn04 a { background:url(/images/footer_icon01_04_off.gif) top left no-repeat; }
#footer .fnav .right li.btn04 a:hover { background:url(/images/footer_icon01_04_on.gif) top left no-repeat; }
#footer .fnav .right li.btn03 a { background:url(/images/footer_icon01_03_off.gif) top left no-repeat; }
#footer .fnav .right li.btn03 a:hover { background:url(/images/footer_icon01_03_on.gif) top left no-repeat; }
#footer .fnav .right li.btn02 a { background:url(/images/footer_icon01_02_off.gif) top left no-repeat; }
#footer .fnav .right li.btn02 a:hover { background:url(/images/footer_icon01_02_on.gif) top left no-repeat; }
#footer .fnav .right li.btn01 a { background:url(/images/footer_icon01_01_off.gif) top left no-repeat; }
#footer .fnav .right li.btn01 a:hover { background:url(/images/footer_icon01_01_on.gif) top left no-repeat; }
#footer .members {
clear:both;
height:1%;
border-top:1px solid #4068ad;
border-bottom:1px solid #0c1f51;
padding-bottom:6px;
background:#082f71 url(/images/footer_bg02.gif) top left repeat-x;
}
#footer .members .inner {
width:1000px;
margin:0 auto 0 auto;
}
#footer .members img,
#footer .members a { display:block; }
#footer .members p {
float:right;
width:129px;
padding-top:10px;
margin-right:10px;
}
#footer .members dl {
float:left;
width:202px;
padding-top:4px;
margin-left:5px;
}
#footer .members dd { padding-top:4px; }
#footer .members .login {
float:left;
width:86px;
}
#footer .members .entry {
float:right;
width:112px;
}
#footer .members .myPage {
float:left;
width:96px;
}
#footer .members .logout {
float:right;
width:96px;
}
#footer .copyright {
clear:both;
border-top:1px solid #1e3263;
padding-bottom:10px;
background:#0c1f51;
}
#footer .copyright .inner {
position:relative;
width:1000px;
margin:0 auto 0 auto;
}
#footer .copyright img,
#footer .copyright a { display:block; }
#footer .copyright p {
padding-top:7px;
margin-left:5px;
}
#footer .copyright ul {
position:absolute;
width:750px;
top:8px;
left:250px;
}
#footer .copyright li {
float:right;
width:auto;
margin-left:10px;
font-size:80%;
line-height:1;
}
#footer .copyright li a {
padding-left:10px;
background:url(/images/arrow03.gif) left 0.3em no-repeat;
}
/*lightbox*/
#lightbox {
margin:0 auto;
padding:20px 0 18px 0;
}
#lightbox .inner {
width:490px;
margin:0 auto;
}
#lightbox .rod{
width:1120px;
margin:0 auto;
}
#lightbox #movie {
width:650px;
margin:0 auto;
}
#lightbox #movie2 {
width:auto;
margin:0 auto;
}
#lightbox .mainImg{
min-height:488px;
text-align:center;
line-height:488px;
border:1px solid #cccccc;
}
* html #lightbox .mainImg{
position:relative;
height:488px;
text-align:left;
vertical-align:text-top
}
#lightbox .rod .mainImg{
min-height:200px;
text-align:center;
line-height:200px;
border:1px solid #cccccc;
}
#lightbox .mainImg img{vertical-align:middle;}

* html #lightbox .rod .mainImg{
height:300px;
overflow:hidden;
}
* html #lightbox .mainImg span{
position:absolute;
top:50%;
left:50%;
}
* html #lightbox .mainImg img{
vertical-align:top;
line-height:1;
position:relative;
top:-50%;
left:-50%;
}


#lightbox .title {
min-height:12px;
margin-top:8px;
border:1px solid #08185b;
padding:4px 5px 4px 5px;
color:#ffffff;
font-weight:bold;
background:url(/images/lightbox_bg01.gif) top left repeat;
}
#lightbox .title img {
float:left;
margin:0 5px 0 0;
}
#lightbox .catch1{	
margin:6px 0 0 0;
font-size:100%;
line-height:1.2;
font-weight:bold;
color:#183478;	
}
#lightbox .catch2{
margin:6px 0 0 0;
padding:0 0 2px 10px;
font-weight:bold;
background:url(/images/lightbox_bg02.gif) left 0.4em no-repeat;
}
#lightbox .listBlock01 { margin-top:10px; }
#lightbox .listBlock01 dt { font-weight:bold; }
#lightbox .close {
margin-top:10px;
padding:10px 3px 0 0;
background:url(/images/lightbox_line01.gif) top left repeat-x;
}
#lightbox .close .left p { margin-top:5px; }
#lightbox .txtBlock01 { margin-top:6px; }
#lightbox .txtBlock01 strong {
font-size:100%;
font-weight:bold;
}
#lightbox .txtBlock01 b{
display:block;
margin-top:6px;
font-weight:bold;
}
#lightbox #fontchange {
display:none;
visibility:hidden;
position:absolute;
top:0;
left:0;
}
#TB_title { display:none; }