@charset "UTF-8";
@import "base.css";
@import "fonts.css";
@import "digi.css";

/*==========================================================================*/
/*//////////////////////////////////////////////////////////////////////////*/
/*//////                                                              //////*/
/*//////  Copyright (C) 2009 株式会社フリーセル All Rights Reserved.  //////*/
/*//////                                                              //////*/
/*//////////////////////////////////////////////////////////////////////////*/
/*                                                                          */
/*    base.css   スタイルの初期設定を行うため、変更しないで下さい。      */
/*    fonts.css  フォントの初期設定を行うため、変更しないで下さい。      */
/*                                                                          */
/*==========================================================================*/

/*==========================================================================*/
/*                           Common-Setting                                 */
/*==========================================================================*/

/* 基本タグのフォントサイズを指定（12px -> 120% or 1.2em ） */
h1,h2,h3,h4,h5,h6,input,button,textarea,select,p,blockquote,th,td,pre,address,li,dt,dd {
	font-size: 140%;
	*font-size:150%;
}

h1 {} /* Header内で設定 */
h2 {}
h3 {}
h4 {}

a { color: #3366ff; }
a:hover,
a:active { color: #3366ff; text-decoration: none; }
a:visited {
}

ul {
}
li {
}

dl {
}
dt {
}
dd {
}

table {
	border-collapse:collapse;
	border:1px solid #999999;
	width:100%;
}

th,
td {
	padding:10px 5px;
	border:1px solid #999999;
}
th {
	text-align:center;
	font-weight:bold;
	background:#CCCCCC;
	color:#FFFFFF

}
td {
	text-align:left;
}

p { margin: 0 0 8px; }

.section01 { padding: 4px 15px 8px 0px; }
.section { padding: 4px 15px 8px 10px; }
.section01 { padding: 4px 0px 8px 10px; }
.section .section { padding: 4px 4px 8px; }

/* 追加 */


.font_l{
    font-size: large;
}

.h_bannar{
    margin-bottom: 20px;
}
.h_bannar2{
    margin: 40px 0 20px;
}

.price{
    color: red;
    font-weight: bold;
}

.boxouter {
	margin-bottom: 10px;
	overflow: hidden;
}

.lineup_box {
	width: 207px;
    height: 307px;
	margin: 10px 17px 0px 0px;
	float: left;
    border-bottom: solid 1px #CCCCCC;
    border-right: solid 1px #CCCCCC;

}

.lineup_box_r {
	width: 207px;
    height: 307px;
    overflow: hidden;
	margin: 10px 0px 0px 0px;
	float: left;
    border-bottom: solid 1px #CCCCCC;
    border-right: solid 1px #CCCCCC;
}

/* clearfix */
.boxouter:before,
.boxouter:after {
	content: "";
	display: table;
}
 
.boxouter:after {
	clear: both;
}
 
/* For IE 6/7 (trigger hasLayout) */
.boxouter {
	zoom: 1;
}


.color_box {
	width: 207px;
    height: 240px;
	margin: 10px 20px 15px 0px;
    padding: 10px 0px;
	float: left;
    background-color: #f4f4f4;
    text-align: center;
}

.color_box_r {
	width: 207px;
    height: 240px;
    overflow: hidden;
	margin: 10px 0px 15px 0px;
    padding: 10px 0px;
	float: left;
    background-color: #f4f4f4;
    text-align: center;
}

.colorbox_img{
    height: 86px;
}

.item_thum{
    margin:  0px 31px 20px 15px;
    float: left;
}
.item_thum_l{
    margin:  0px 0px 20px 0px;
    float: left;
}


.past_color {
     float: left;
     margin: 15px;
}


.lineup_d {
    height:  84px;
    margin-top: 10px;
    display: inline-block;
}

.color_d {
    text-align: left;
    margin-top: 10px;
/*    height: 90px;  */
    padding: 0px 10px;
    overflow: hidden;
}

.item_img {
    margin-bottom: 20px;
}

.color_name {
    font-size: 14px;
    margin: 0px 0px 5px 10px;
    font-weight: bold;
}

.rtd {
	margin-top: 20px;
}
/*釣果報告*/
.WrapTyouka {
overflow: hidden;
}
.WrapTyouka dl {
margin-bottom: 30px;
}
.BoxTyoukaR {
width:300px;
float: right;
}
.BoxTyoukaL {
clear: both;
width:300px;
float: left;
}
.BoxTyoukaW {
clear: both;
}
/* 追加　ここまで */


.image_l { float: left; margin: 2px 16px 8px 0; }
.image_r { float: right; margin: 5px 0 8px 16px; }

.case {
	margin: 10px 20px;
	background: url(../images/arrow_h.jpg) center center no-repeat;
}

.red {
    color: red;
}
.bold {
	font-weight: bold;
	color: #e66665;
}
.bold2 {
	font-weight: bold;
}

.coloG {
	color: #3366ff;
}



/* add
------------------------------------------------------------------------*/

.mb05 { margin-bottom : 5px; }
.mb10 { margin-bottom : 10px; }
.mb15 { margin-bottom : 15px; }
.mb20 { margin-bottom : 20px; }
.mb25 { margin-bottom : 25px; }
.mgl5 { margin-left:2px; }


/*==========================================================================*/
/*                            Container                                     */
/*==========================================================================*/

html {
	background: none;
}


body {
    background: url(../images/header_bg_02.jpg) 50% 0 no-repeat;
	color: #333;
	text-align: center;
}

body#index {
    background: url(../images/header_bg_01.jpg) 50% 0 no-repeat;
	color: #333;
	text-align: center;
}

#wrapper {
	width: 954px;
	margin: 0 auto;
}

#main {
	width: 954px;
	margin: -15px auto 0;
	text-align: left;
	padding:16px 0 0;
	background:url(../images/index_bg_01.jpg) repeat-y;
}

#index #main {
	width: 954px;
	margin: -17px auto 0;
	text-align: left;
	padding:16px 0 0;
	background:url(../images/index_bg_01.jpg) repeat-y;
}

* html #index #main {
	width: 954px;
	margin: -8px auto 0;
	text-align: left;
	padding:16px 0 0;
	background:url(../images/index_bg_01.jpg) repeat-y;
}

* html #main {
	width: 954px;
	margin: -5px auto 0;
	text-align: left;
	padding:16px 0 0;
	background:url(../images/index_bg_01.jpg) repeat-y;
}


#content {
	width: 662px;
	text-align: left;
	float: left;
	margin: 0 0 0 20px;
	padding: 5px 0 0 ;
}

* html #content {
	width: 660px;
	text-align: left;
	float: left;
	margin: 0 0 0 8px;
	padding: 5px 0 0 ;
}

#content h2 {
	margin:0 0 20px 0;
}


#content h3 {
	margin:0 0 15px 0;
}

#content h4 {
	margin:0 0 15px 0;
	background:url(../images/icon.jpg) 0 0 no-repeat;
	padding-left:20px;
	font-weight:bold;
	color:#0000FF;
}

#index #content h4 {
	margin:0 0 15px 0;
	background:none;
	padding-left:0px;
	font-weight:bold;
	color:#0000FF;
}


#content .bana02 {
	margin:20px 0 0 0;
}

#content .pagetop {
	text-align:right;
	margin:25px 0 10px 0;
}

.clear { clear:both;}

.classic_link{
    text-align: right;
}
.classic_link a{
    outline: none;
}
.classic_link a:focus{
    outline: none;
}

/*==========================================================================*/
/*                               Header                                     */
/*==========================================================================*/

#header {
	width: 954px;
	height:381px;
	margin: 0px auto;
	color:#FFFFFF;
	padding-top:9px;
}

#index #header {
	width: 954px;
	height:381px;
	margin: 0px auto;
	color:#FFFFFF;
	padding-top:9px;
}


#header .header01{
	width:680px;
	float:right;
	text-align:right;
	height:81px;
	margin-right:20px;
}

* html #header .header01{
	width:680px;
	float:right;
	text-align:right;
	height:81px;
	margin-right:10px;
}

#header .header02{
	position:relative;
}

#index #header .header02 p.item{
	position:absolute;
	left: 712px;
	top: 135px;
}

#header .header02 p.item{
	position:absolute;
	left: 711px;
	top: 63px;
}

#header h1 {
	padding:5px 0;
}

#header .txt_hd { margin-top:30px; }

#header .txt_hd a { color:#FFFFFF; text-decoration:none; }

#header .txt_hd a:hover { color:#FFFFFF; text-decoration:underline; }

#header .logo { float: left;
	padding:0;
	margin:4px 0 0 3px;
}

#header .header02 h2 { text-align:center; margin:0; padding:0;}

#header .hd_main { text-align:center; margin:0; padding:0;}


/*==========================================================================*/
/*                              Footer                                      */
/*==========================================================================*/

#footer {
	clear: both;
	height:264px;
	background: url(../images/footer_bg_02.jpg) 50% 0 no-repeat;
	max-width:100%;
	min-width:954px;
	position:relative;
}

#index #footer {
	clear: both;
	height:264px;
	background: url(../images/footer_bg_01.jpg) 50% 0 no-repeat;
	max-width:100%;
	min-width:954px;
	position:relative;
}



#index #footer #footer01{
	width:954px;
	margin:0 auto;
	padding:80px 0 0;
}

#footer #footer01{
	width:954px;
	margin:0 auto;
	padding:40px 0 0;
}

#footer .txt_ft { text-align:right; margin:-20px 20px 0 0 ; padding:0; color:#FFFFFF;}


#footer .txt_ft a { color:#FFFFFF; text-decoration:none; }

#footer .txt_ft a:hover { color:#FFFFFF; text-decoration:underline; }

#footer #footer01 address {
	width: 100%;
	margin: 0 auto;
	text-align:left;
	margin-left:20px;
	color:#FFFFFF;
	padding-bottom:5px;
}


/*==========================================================================*/
/*                             Contents                                     */
/*==========================================================================*/



/*==========================================================================*/
/*                            navigation                                    */
/*==========================================================================*/

#navi {
	float: right;
	width: 230px;
	text-align: center;
	padding:3px 0 0;
	margin:0px 12px 0 0px;
}

*:first-child+html #navi {
	float: right;
	width: 230px;
	text-align: center;
	padding:3px 0 0;
	margin:0px 17px 0 0px;
}

* html #navi {
	float: right;
	width: 230px;
	text-align: center;
	padding:3px 0 0;
	margin:0px 9px 0 0px;
}

#navi .navi01 {
	text-align: center;
	width:222px;
	margin-bottom:20px;
}

#navi .navi01 li {
	background:url(../images/navi_02.jpg) 0 0 no-repeat;
	width:207px;
	height:27px;
	text-align:left;
	margin-bottom:3px;
	padding-top:5px;
	padding-left:15px;
}

* html #navi .navi01 li {
	background:url(../images/navi_02.jpg) 0 0 no-repeat;
	width:222px;
	height:32px;
	text-align:left;
	margin-bottom:3px;
	padding-top:5px;
}

#navi .navi01 li a, #navi .navi02 li a{
	color:#FFFFFF;
	text-decoration:none;
}

#navi .navi01 li a:hover, #navi .navi02 li a:hover{
	color:#FFFFFF;
	text-decoration:underline;
}

#navi .navi01 li.first {
	background:none;
	width:207px;
	height:53px;
	text-align:left;
	margin-bottom:3px;
	padding-top:5px;
	padding-left:0px;
}

*:first-child+html #navi .navi01 li.first {
	background:none;
	width:207px;
	height:53px;
	text-align:left;
	margin-bottom:3px;
	padding-top:5px;
	padding-left:0;
	margin-left:-15px;
}



#navi .navi02 {
	text-align: center;
	width:222px;
}

#navi .navi02 li {
	background:url(../images/navi_03.jpg) 0 0 no-repeat;
	width:207px;
	height:27px;
	text-align:left;
	margin-bottom:8px;
	padding-top:5px;
	padding-left:15px;
}

* html #navi .navi02 li {
	background:url(../images/navi_03.jpg) 0 0 no-repeat;
	width:222px;
	height:32px;
	text-align:left;
	margin-bottom:8px;
	padding-top:5px;
	padding-left:15px;
}

#navi .navi03 {
	text-align: center;
	width:222px;
}

#navi .navi03 li.blog_b {
	width:221px;
	height:112px;
	text-align:left;
	margin-bottom:8px;
	padding-top:5px;
}

* html #navi .navi03 li.blog_b {
	width:221px;
	height:112px;
	text-align:left;
	margin-bottom:8px;
	padding-top:5px;
	padding-left:15px;
}

#navi .navi03 li.blog_b {
	width:221px;
	height:112px;
	text-align:left;
	margin-bottom:8px;
	padding-top:5px;
}

* html #navi .navi03 li.blog_b {
	width:221px;
	height:112px;
	text-align:left;
	margin-bottom:8px;
	padding-top:5px;
	padding-left:15px;
}


/* index
------------------------------------------------------------------------*/

#index .box {
	background:url(../images/index_bg_02.jpg) 0 0 no-repeat;
	padding:15px 15px 15px 35px;
	clear:both;
	width:610px;
	height:300px;
}

#index .box .title01{
	margin:3px 0 15px -15px;
}

* html #index .box .title01{
	padding-top:2px;
}

*:first-child+html #index .box .title01{
	padding-top:2px;
}


* html #index .box {
	background:url(../images/index_bg_02.jpg) 0 0 no-repeat;
	padding:15px 15px 15px 35px;
	clear:both;
	width:660px;
	height:330px;
}

#index .box_r {
	float: right;
	margin: 0 0px 30px 0;
	width:405px;
}
/* lure1
------------------------------------------------------------------------*/
#lure1 table td{
	width:33%;
	text-align:center;
}

#lure1 .image_l01 { float: left; margin: 2px 0px 8px 0; width:445px; }

/* lure2
------------------------------------------------------------------------*/
#lure2 table td{
	width:33%;
	text-align:center;
}

/* item
------------------------------------------------------------------------*/
#item .iro{
	width:80px;
	margin:0 20px 15px 10px;
}
#item .suu{
	width:40px;
	margin:0 20px 0 10px;
}
.jp { font-family: "ヒラギノ角ゴ Pro W3", Osaka, "ＭＳ Ｐゴシック", sans-serif;}

.hidden { display:none; }
.display_bl { display:block; }

#disp_img { float:left; width:440px; margin:0; padding:0;margin-top:10px;}
#disp_img p { margin:0; padding:0;}
#item .box {
	float:right;
	width:195px;
	margin-bottom:15px;
	margin-top:10px;
}

#item .box li{
	float:left;
	cursor:pointer;
	width:95px;
	height:55px;
	margin:0 5px 14px 0;
	padding:0;
	cursor:pointer;
}

#item .box li.last{
	float:left;
	cursor:pointer;
	width:95px;
	height:55px;
	margin:0 0px 14px 0;
	padding:0;
	cursor:pointer;
}

.btn {
	cursor:pointer;
	margin:10px 0;
	width:120px;
	height:35px;
	background:url(../images/button_02_off.jpg) 0 0 no-repeat;
	text-indent:-9999px;
	border:0;
	}

.btn_soldout{
    margin: 10px 0;
    width:120px;
	height:35px;
}

.add {
	cursor:pointer;
	margin:5px 0 5px 0;
	width:101px;
	height:30px;
	background:url(../images/button_add.jpg) 0 0 no-repeat;
	text-indent:-9999px;
	border:0;
	}

.non {
	cursor:pointer;
	margin:5px 0 5px 0;
	width:101px;
	height:30px;
	background:url(../images/button_non.jpg) 0 0 no-repeat;
	text-indent:-9999px;
	border:0;
	}

.btnBox {width:250px; margin:10px auto 10px 200px;}

.area {margin-top:10px;}

.mt10 {margin-left:50px;}
.ml10 {margin-left:15px;}

.mail {text-align:left !important;}

.mail input {
	margin:5px 0;
	}

.mail span {text-align:left; padding-right:10px;}
.message {font-size:x-small !important; text-align:left !important; margin-top:10px; *margin-top:-5px;}

.mail hr {border:0; border-bottom:1px dashed #999;}

.text-right {
	text-align: right;
	font-weight: bold;
	padding-right: 10px;
}