/* CSS Document */

* {
margin: 0px;
padding: 0px;
}
body {
background-color:#eaeaea;
text-align:center;
}
img {
border:0;
}
p {
font-size: 10pt;
color:#4e4e4e;
}
ul li{
list-style:none;
font-size: 10pt;
}
dl {
font-size:10pt;
}
h1,h2,h3,h4 {
font-size:1em;
}
a:focus {
outline:none;
}
a { 
text-decoration:none;
 }
a:link { color:#0179ff; }
a:visited { color:#a14bd7; }
a:active { color:#0000ff; }
a:hover { color: #0000ff; }

#gnavi {
text-align:center;
background-color:#FFFFFF;
}
#gnavi img {
margin:0;
padding:0;
vertical-align:bottom;
}

#container{
background-color:#fff;
width:970px;
margin:0 auto;
text-align:left;
}

#header {
background-color:#ffffff;
border-top:6px solid #6fa315;
border-bottom:2px solid #6fa315;
width:970px;
padding:0px;
margin:0px;
}
*html h1 {
background:transparent url(../../img/common/logo.gif) no-repeat scroll 0 0;
height:82px;
width:174px;
margin:14px 0 14px 14px;
float:left;
}
h1 {
background:transparent url(../../img/common/logo.gif) no-repeat scroll 0 0;
height:82px;
width:174px;
margin:14px 0 14px 29px;
float:left;
}
h1 a{
display:block;
height:100%;
text-indent:-9999px;
width:100%;
}
*html #header .banner1 img {
margin:10px 5px 10px 29px;
}
#header .banner1 img {
margin:10px 10px 10px 29px;
}

.clearfix:after {
clear:both;
content:".";
display:block;
height:0;
visibility:hidden;
}
* html .clearfix {
height:1%;
}


/* 左カラム */
*html #leftcontent {
clear:both;
width:577px;
margin-left:5px;
margin-right:10px;
float:left;
}
#leftcontent {
clear:both;
width:577px;
margin-left:10px;
margin-right:20px;
float:left;
}

/* 雑誌告知 */
#zasshi {
margin-top:10px;
margin-bottom:10px;
width:578px;
height:243px;
}
#zasshi h2{
float:left;
padding-right:10px;
background:transparent url(../../img/top/top_magazine.jpg) no-repeat scroll 0 0;
width:194px;
height:243px;
}
#zasshi h2 a {
display:block;
width:100%;
height:100%;
}
#zasshi h2 a span{
position: absolute;
z-index:-1;
}
#zasshi .number {
float:left;
padding-right:10px;
}
#zasshi .detail {
font-size:10pt;
line-height:1.4;
}
#zasshi .detail dl.aboutbook{
text-align:center;
color:#4e4e4e;
float:left;
width:172px;
margin-top:10px;
margin-bottom:10px;
}
#zasshi .detail li{
float:left;
padding-top:5px;
}
#zasshi .detail li.nowbtn a{
background : transparent url(../../img/top/nowbtn.gif) no-repeat scroll 0 0 ;
display:block;
height:29px;
width:83px;
padding-right:6px;
}
#zasshi .detail li.nowbtn a:hover ,
#zasshi .detail li.nowbtn a:active ,
#zasshi .detail li.nowbtn a:focus {
background : transparent url(../../img/top/nowbtn.gif) no-repeat scroll 0 -29px ;
}
#zasshi .detail li.nowbtn a span{
position: absolute;
z-index:-1;
}
#zasshi .detail li.nextbtn a{
background : transparent url(../../img/top/nextbtn.gif) no-repeat scroll 0 0 ;
display:block;
height:29px;
width:83px;
}
#zasshi .detail li.nextbtn a:hover ,
#zasshi .detail li.nextbtn a:active ,
#zasshi .detail li.nextbtn a:focus {
background : transparent url(../../img/top/nextbtn.gif) no-repeat scroll 0 -29px ;
}
#zasshi .detail li.nextbtn a span{
position: absolute;
left:600px;
z-index:-1;
}

/* ニュース */
#news {
height:152px;
width:374px;
float:left;
}
#news .newstit img {
height:22px;
width:374px;
margin:0;
padding:0;
vertical-align:bottom;
}
#news .newsline {
text-align:center;
}
#news dl.newsdetail{
color:#4e4e4e;
width:374px;
height:130px;
overflow:auto;
}
#news dl.newsdetail dt{
float:left;
line-height:2.8;
}
#news dl.newsdetail dd{
line-height:2.8;
padding-left:6.5em;
background:transparent url(../../img/top/newsdot.gif) no-repeat scroll 0 bottom;
}
#news dl.newsdetail dd.many{
padding:9px 0;
line-height:1.2;
padding-left:6.5em;
background:transparent url(../../img/top/newsdot.gif) no-repeat scroll 0 bottom;
}

/* メインフラッシュ */
#flashcontent {
margin-bottom:10px;
}

/* 各コンテンツ */
.wakusen {
background:transparent url(../../img/top/border.gif) repeat-y scroll ;
overflow:auto;
width:577px;
}
.wakusen p{
padding:8px 10px;
}
.wakusen p.btn{
padding:15px 10px 15px;
}
.newicon {
padding-left:3px;
vertical-align:text-top;
 }

/* エッセイ */
div#essay {
float:left;
width:284px;
margin-right:9px;
}
div#essay h3 {
background:transparent url(../../img/top/essay.gif) no-repeat scroll 0 0;
height:51px;
width:284px;
}
div#essay h3 a{
display:block;
height:100%;
width:100%;
}
div#essay h3 a span{
position: absolute;
z-index:-1;
}
#essay ul.kiji {
padding-left:10px;
}
#essay ul.kiji li {
background:transparent url(../../img/top/dot.gif) no-repeat scroll 0 100%;
}
#essay ul.kiji li p{
background:url(../../img/top/icon1.gif) no-repeat scroll 0 0.8em;
/background:url(../../img/top/icon1.gif) no-repeat scroll 0 1em;
}
#essay p.btn a{
background : transparent url(../../img/top/detail_btn01.gif) no-repeat scroll 0 0 ;
margin-left:185px;
display:block;
height:21px;
width:79px;
}
#essay p.btn a:hover ,
#essay p.btn a:active ,
#essay p.btn a:focus {
background : transparent url(../../img/top/detail_btn01.gif) no-repeat scroll 0 -21px ;
}
#essay p.btn a span{
position: absolute;
z-index:-1;
}


/* はみだし */
div#hamidashi {
float:left;
width:284px;
}
div#hamidashi h3 {
background:transparent url(../../img/top/hamidashi.gif) no-repeat scroll 0 0;
height:51px;
width:284px;
}
div#hamidashi h3 a {
display:block;
width:100%;
height:100%;
}
div#hamidashi h3 a span{
position: absolute;
z-index:-1;
}
#hamidashi ul.kiji {
padding-left:10px;
}
#hamidashi ul.kiji li {
background:transparent url(../../img/top/dot.gif) no-repeat scroll 0 100%;
}
#hamidashi ul.kiji li p{
background:url(../../img/top/icon2.gif) no-repeat scroll 0 0.8em;
/background:url(../../img/top/icon2.gif) no-repeat scroll 0 1em;
}
#hamidashi p.btn a{
background : transparent url(../../img/top/detail_btn02.gif) no-repeat scroll 0 0 ;
margin-left:185px;
display:block;
height:21px;
width:79px;
}
#hamidashi p.btn a:hover ,
#hamidashi p.btn a:active ,
#hamidashi p.btn a:focus {
background : transparent url(../../img/top/detail_btn02.gif) no-repeat scroll 0 -21px ;
}
#hamidashi p.btn a span{
position: absolute;
z-index:-1;
}

/* ＷＥＢ */
div#web {
float:left;
width:284px;
margin-right:9px;
}
div#web h3 {
background:transparent url(../../img/top/web.gif) no-repeat scroll 0 0;
height:51px;
width:284px;
}
div#web h3 a{
display:block;
height:100%;
width:100%;
}
div#web h3 a span{
position: absolute;
z-index:-1;
}
#web ul.kiji {
padding-left:10px;
}
#web ul.kiji li {
background:transparent url(../../img/top/dot.gif) no-repeat scroll 0 100%;
}
#web ul.kiji li p{
background:url(../../img/top/icon3.gif) no-repeat scroll 0 0.8em;
/background:url(../../img/top/icon3.gif) no-repeat scroll 0 1em;
}
#web p.btn a{
background : transparent url(../../img/top/detail_btn03.gif) no-repeat scroll 0 0 ;
margin-left:185px;
display:block;
height:21px;
width:79px;
}
#web p.btn a:hover ,
#web p.btn a:active ,
#web p.btn a:focus {
background : transparent url(../../img/top/detail_btn03.gif) no-repeat scroll 0 -21px ;
}
#web p.btn a span{
position: absolute;
z-index:-1;
}


/* お便り */
div#otayori {
float:left;
width:284px;
}
div#otayori h3 {
background:transparent url(../../img/top/otayori.gif) no-repeat scroll 0 0;
height:51px;
width:284px;
}
div#otayori h3 a {
display:block;
width:100%;
height:100%;
}
div#otayori h3 a span{
position: absolute;
z-index:-1;
}
#otayori ul.kiji {
padding-left:10px;
}
#otayori ul.kiji li {
background:transparent url(../../img/top/dot.gif) no-repeat scroll 0 100%;
}
#otayori ul.kiji li p{
background:url(../../img/top/icon4.gif) no-repeat scroll 0 0.8em;
/background:url(../../img/top/icon4.gif) no-repeat scroll 0 1em;
}
#otayori p.btn a{
background : transparent url(../../img/top/detail_btn04.gif) no-repeat scroll 0 0 ;
margin-left:185px;
display:block;
height:21px;
width:79px;
}
#otayori p.btn a:hover ,
#otayori p.btn a:active ,
#otayori p.btn a:focus {
background : transparent url(../../img/top/detail_btn04.gif) no-repeat scroll 0 -21px ;
}
#otayori p.btn a span{
position: absolute;
z-index:-1;
}

/* お役立ち */
div#oyakudachi {
float:left;
width:284px;
margin-right:9px;
}

div#oyakudachi h3 {
background:transparent url(../../img/top/oyakudachi.gif) no-repeat scroll 0 0;
height:51px;
width:284px;
}
div#oyakudachi h3 a{
display:block;
height:100%;
width:100%;
}
div#oyakudachi h3 a span{
position: absolute;
z-index:-1;
}
#oyakudachi ul.kiji {
padding-left:10px;
}
#oyakudachi ul.kiji li {
background:transparent url(../../img/top/dot.gif) no-repeat scroll 0 100%;
}
#oyakudachi ul.kiji li p{
background:url(../../img/top/icon5.gif) no-repeat scroll 0 0.8em;
/background:url(../../img/top/icon5.gif) no-repeat scroll 0 1em;
}
#oyakudachi p.btn a{
background : transparent url(../../img/top/detail_btn05.gif) no-repeat scroll 0 0 ;
margin-left:185px;
display:block;
height:21px;
width:79px;
}
#oyakudachi p.btn a:hover ,
#oyakudachi p.btn a:active ,
#oyakudachi p.btn a:focus {
background : transparent url(../../img/top/detail_btn05.gif) no-repeat scroll 0 -21px ;
}
#oyakudachi p.btn a span{
position: absolute;
z-index:-1;
}


/* アウトドア本 */
div#books {
float:left;
width:284px;
}

div#books h3 {
background:transparent url(../../img/top/books.gif) no-repeat scroll 0 0;
height:51px;
width:284px;
}
div#books h3 a {
display:block;
width:100%;
height:100%;
}
div#books h3 a span{
position: absolute;
z-index:-1;
}

#books ul.kiji {
padding-left:10px;
}
#books ul.kiji li {
background:transparent url(../../img/top/dot.gif) no-repeat scroll 0 100%;
}
#books ul.kiji li p{
background:url(../../img/top/icon6.gif) no-repeat scroll 0 0.8em;
/background:url(../../img/top/icon6.gif) no-repeat scroll 0 1em;
}
#books p.btn a{
background : transparent url(../../img/top/detail_btn06.gif) no-repeat scroll 0 0 ;
margin-left:185px;
display:block;
height:21px;
width:79px;
}
#books p.btn a:hover ,
#books p.btn a:active ,
#books p.btn a:focus {
background : transparent url(../../img/top/detail_btn06.gif) no-repeat scroll 0 -21px ;
}
#books p.btn a span{
position: absolute;
z-index:-1;
}

/* グループニュース */
div#groupnews {
margin-top:10px;
width:575px;
border-left:solid 1px #484848;
border-right:solid 1px #484848;
border-bottom:solid 1px #484848;
}
#groupnews ul.kiji {
padding-left:10px;
}
#groupnews ul.kiji li {
background:transparent url(../../img/top/longdot.gif) no-repeat scroll 0 100%;
}
#groupnews ul.kiji li.lastchild {
background:none;
}
#groupnews ul.kiji li p{
background:url(../../img/common/icon7.gif) no-repeat scroll 0 50%;
padding:7px 10px;
font-size:0.8em;
}

/* その他雑誌のニュース */
div#othernews {
margin-top:10px;
width:575px;
border-left:solid 1px #999999;
border-right:solid 1px #999999;
border-bottom:solid 1px #999999;
}
#othernews ul.kiji {
padding-left:10px;
}
#othernews ul.kiji li {
background:transparent url(../../img/top/longdot.gif) no-repeat scroll 0 100%;
}
#othernews ul.kiji li.lastchild {
background:none;
}
#othernews ul.kiji li p{
background:url(../../img/common/icon8.gif) no-repeat scroll 0 50%;
padding:7px 10px;
font-size:0.8em;
}

/* お詫びと訂正 */
#correction ul li{
font-size:0.8em;
margin-top:10px;
}






/* 右カラム */
#rightcontent {
float:left;
width:352px;
margin-right:10px;
_margin-right:5px;
}

/* 広告エリア */
#ad {
width:352px;
background-color:#dddddd;
text-align:center;
}
#ad .banner1 {
padding-top:10px;
}
#ad .banner2 {
padding-top:5px;
}
#ad .ad3 {
padding:0 26px 10px;
text-align:left;
}
#ad .ad3 li{
margin-top:10px;
}

/* 編集部からの広告エリア */
#bookad {
width:352px;
background-color:#dddddd;
text-align:center;
}
#bookad ul li {
padding-top:3px;
}


/* 動画 */
#rightmovie {
clear:both;
padding-top:10px;
width:352px;
text-align:center;
}

#rightmovie h3{
font-size:0.8em;
width:352px;
height:22px;
background-color:#6fa315;
color:#FFFFFF;
line-height:22px;
text-align:left;
text-indent:10px;
}

/* bp */
#bp{
background:#999999;
width:332px;
margin:10px 0 0;
padding:10px;
}
#bp .bp_banner{
margin:0 0 6px;
}
#bp .bp_banner img{
vertical-align:bottom;
}
#bp #feed{
background:#fff;
padding:3px 10px;
}
#bp #feed ul{
overflow:hidden;
zoom:1;
}
#bp #feed ul li{
background:url(../../img/top/bp_dot.gif) no-repeat 0 0;
padding:6px 0 5px 0.5em;
margin:-1px 0 0;
text-indent:-0.5em;
text-align:left;
zoom:1;
}

/* クイックアクセス */
#quick {
margin-top:10px;
width:350px;
border:1px solid #484848;
}
#quick .quicktitle{
float:left;
width:110px;
margin-right:10px;
}
#quick p{
padding-top:9px;
}

#quick .gologo{
float:left;
padding-top:3px;
}

/* サイト内検索 */
#search {
margin-top:10px;
width:352px;
height:50px;
background-color:#484848;
}
#search img{
padding-top:5px;
padding-left:9px;
padding-bottom:3px;
}
#search img{
vertical-align:top;
}

/* 広告エリア */
#ad_02 {
margin-top:10px;
width:352px;
background-color:#dddddd;
text-align:center;
padding-top:10px;
padding-bottom:10px;
}
#ad_02 .banner1 {
padding-top:10px;
}
#ad_02 .banner2 {
padding:5px 0 10px;
}

/* ＪＡＳＲＡＣ */
#jasrac {
margin-top:10px;
text-align:right;
}
#jasrac p{
font-size:9pt;
margin:0;
padding-top:3px;
}




/* フッター */
#footer {
clear:both;
padding:20px 10px 0;
/margin:20px 10px 0;
/padding:0;
}
#footer ul{
text-align:left;
border-bottom:4px solid #ccc;
width:950px;
}
#footer ul li{
display:inline;
padding:0px;
margin:0px;
padding-bottom:10px;
}
#commonfooter {
text-align:center;
margin:0;
padding:0;
background-color:#000000;
}