@charset "utf-8";
/*---------------------------------
見出しの画像置換をOFF
--------------------------------- */
h2{
text-indent:0px;
line-height:auto;
}

/*---------------------------------
IE5.5以下互換モード対策
--------------------------------- */
.sub_box{
padding-left:0px;
padding-right:0px;
margin-left:10px;
}
/*---------------------------------
特集
--------------------------------- */
.feature h3{
background-image:url("../img/box_feature-top.gif");
background-repeat:no-repeat;
background-position:left top;
background-color:#d6e2ff;
font-weight:bold;
text-indent:0px;
line-height:31px;
margin:0;
padding:0;
}
.feature h3 .feature-tit{
margin-left:15px;
background-image:url("../img/ico_pickup.gif");
background-repeat:no-repeat;
background-position:left center;
padding-left:60px;
}
.feature .detail{
border:1px solid #d6e2ff;
background-image:url("../img/box_feature-bg.gif");
background-repeat:repeat-x;
background-position:top left;
background-color:#f7f9ff;
padding:15px 15px;
}
.feature .detail p{
width:200px;
float:left;
}
.feature .detail p.img img{
float:left;
margin-right:3px;
}
.feature .detail dl{
width:328px;
float:right
}
.feature .detail dl dt{
color:#445dbf;
font-weight:bold;
margin-bottom:15px;
line-height:130%;
}
.feature .detail dl dd{
line-height:130%;
}
table.feature-back{
margin-left:10px;
}
table.feature-back td{
vertical-align:top;
padding-top:15px;
}
table.feature-back td.img{
width:50px;
padding-right:7px;
}
table.feature-back td.txt dl{
width:208px;
padding-right:10px;
}
table.feature-back td.txt dl dt{
margin-bottom:7px;
background-image:url(../../present/img/bluearrow.gif);
background-repeat:no-repeat;
padding-left:12px;
background-position:left 4px;
line-height:130%;
}
table.feature-back td.txt dl dd{
padding-left:12px;
line-height:130%;
}
.movie-tit{
background-image:url("http://www.maruzen.co.jp/shopinfo/common/img/blue_block.jpg");
background-repeat:no-repeat;
background-position:left center;
padding-left:15px;
margin-left:10px;
}
.movie{
margin:0px 0px 5px 10px;
}
ul.movie li{
list-style-type:none;
width:261px;
float:left;
}
/*---------------------------------
特集個々のページ
--------------------------------- */
/*---------------------------------
スタイルをクリア
--------------------------------- */

body.feature .bookdata *,body.feature h3{
padding:0;
margin:0;
text-indent:0;
background-color:transparent;
background-image:none;
border:none;
}

/*---------------------------------
見出し(画像置換をOFF)
--------------------------------- */

body.feature h1{
text-indent:0px;
line-height:35px;
width:580px;
height:35px;
background-image:url("../img/tite_blank.gif");
background-repeat:no-repeat;
background-position:left center;
font-size:14px;
font-weight:bold;
color:#ffffff;
text-indent:10px;
}
body.feature h2{
text-indent:0px;
margin:0px 0px 20px 0px !important;
color:#50504f;
font-size:12px;
font-weight:bold;
padding-left:8px;
border-left:4px solid #23319f;
border-bottom:1px solid #d6d6d6;
line-height:140%;
}
body.feature h3{
text-indent:0px;
font-size:12px;
line-height:140%;
font-size:12px;
width:auto;
height:auto;
background-image:url("http://www.maruzen.co.jp/shopinfo/common/img/blue_block.jpg");
background-repeat:no-repeat;
background-position:left center;
padding-left:15px;
margin-bottom:10px;
}
/*---------------------------------
リード
--------------------------------- */
.feature-lead{
width:560px;
}
.feature-lead dt{
color:#466ccb;
margin-top:15px;
font-weight:bold;
margin-bottom:5px;
}
.feature-lead dd{
line-height:140%;
}

/*---------------------------------
ナビ部分
--------------------------------- */
.category-navi:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}
.category-navi {
    display: inline-table;
    min-height: 1%;
}
/* Hides from IE-mac \*/
 * html .category-navi {height: 1%;} 
.category-navi {display: block;}
/* End hide from IE-mac */

.category-navi{
margin-top:10px;
margin-right:10px;
padding-left:7px;
padding-right:7px;
background-image:url("../img/tab_bottom.gif");
background-position:left bottom;
background-repeat:repeat-x;
}
.category-navi li{
list-style-type:none;
float:left;
margin-left:2px;
margin-right:2px;
line-height:28px;
background-image:url("../img/tab-left.gif");
background-position:left top;
background-repeat:repeat-y;
border-bottom:1px solid #d6d6d6;
}
.category-navi li.current{
background-image:url("../img/tab-left_current.gif");
background-position:left top;
background-repeat:repeat-y;
border-bottom:1px solid #ffffff;
}
.category-navi li span{
}
.category-navi li span a{
color:#1e1e1e;
text-decoration:none;
display:block;
margin-left:7px;
padding-right:7px;
background-image:url("../img/tab-right.gif");
background-position:right top;
background-repeat:repeat-y;
}
.category-navi li span a:visited{
color:#1e1e1e;
}
.category-navi li span a:hover{
color:#0000ff;
}
.category-navi li.current span a{
background-image:url("../img/tab-right_current.gif");
background-position:right top;
background-repeat:repeat-y;
}

.area-navi:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}
.area-navi {
    display: inline-table;
    min-height: 1%;
}
/* Hides from IE-mac \*/
 * html .area-navi {height: 1%;} 
.area-navi {display: block;}
/* End hide from IE-mac */

.area-navi{
margin-top:10px;
margin-left:5px
}
.area-navi li{
list-style-type:none;
float:left;
background-image:url(../../present/img/bluearrow.gif);
background-repeat:no-repeat;
padding-left:12px;
background-position:left center;
margin-right:10px;
}

.gopage:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}
.gopage {
    display: inline-table;
    min-height: 1%;
}
/* Hides from IE-mac \*/
 * html .gopage {height: 1%;} 
.gopage {display: block;}
/* End hide from IE-mac */

.gopage{
}
.gopage li{
list-style-type:none;
float:left;
display:block;
padding:5px;
border-right:1px solid #b7b5b1;
}
.gopage li.current{
font-weight:bold;
color:#50504f;
}
/*---------------------------------
商品情報エリア
--------------------------------- */
/* 共通 */
.bookdata-area:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}
.bookdata-area {
    display: inline-table;
    min-height: 1%;
}
/* Hides from IE-mac \*/
 * html .bookdata-area {height: 1%;} 
.bookdata-area {display: block;}
/* End hide from IE-mac */

.bookdata-area{
margin-bottom:40px;
}
.bookdata dt{
margin-bottom:5px !important;
}
.bookdata dd{
line-height:120%;
}
.bookdata dd.detail{
margin-top:15px;
line-height:140%;
}

/* 1カラム */
.column1 .bookdata:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}
.column1 .bookdata {
    display: inline-table;
    min-height: 1%;
}
/* Hides from IE-mac \*/
 * html .column1 .bookdata {height: 1%;} 
.column1 .bookdata {display: block;}
/* End hide from IE-mac */

.column1 .bookdata{
padding-bottom:15px;
margin-bottom:15px;
border-bottom:1px dotted #d6d6d6;
}
.column1 .last{
border-bottom:none;
}
.column1 .bookdata .img{
width:100px;
float:left;
}
.column1 .bookdata .text{
width:435px;
float:right;
}

/* 1カラム左 */
.column1left-box{
width:392px;
float:left;
}
.column1left .bookdata:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}
.column1left .bookdata {
    display: inline-table;
    min-height: 1%;
}
/* Hides from IE-mac \*/
 * html .column1left .bookdata {height: 1%;} 
.column1left .bookdata {display: block;}
/* End hide from IE-mac */

.column1left .bookdata{
padding-bottom:15px;
margin-bottom:15px;
border-bottom:1px dotted #d6d6d6;
}
.column1left .last{
border-bottom:none;
}
.column1left .bookdata .img{
width:100px;
float:left;
}
.column1left .bookdata .text{
width:282px;
float:right;
}

/* 2カラム左 */
.column2left:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}
.column2left{
    display: inline-table;
    min-height: 1%;
}
/* Hides from IE-mac \*/
 * html .column2left {height: 1%;} 
.column2left {display: block;}
/* End hide from IE-mac */

.column2left-box{
float:left;
width:392px;
}

.column2left{
margin-bottom:20px;
}
.column2left .bookdata{
width:189px;
float:left;
margin-right:14px;
}
.column2left .last{
margin-right:0px;
}
.column2left .bookdata .img{
margin-bottom:10px;
}
.column2left .bookdata .text{
}

/* 3カラム左 */
.column3left:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}
.column3left{
    display: inline-table;
    min-height: 1%;
}
/* Hides from IE-mac \*/
 * html .column2left {height: 1%;} 
.column2left {display: block;}
/* End hide from IE-mac */

.column3left-box{
float:left;
width:392px;
}

.column3left{
margin-bottom:20px;
}
.column3left .bookdata{
width:124px;
float:left;
margin-right:10px;
}
.column3left .last{
margin-right:0px;
}
.column3left .bookdata .img{
margin-bottom:10px;
}
.column3left .bookdata .text{
}


/* 1カラム右 */
.column1right-box{
width:136px;
float:right;
border:1px solid #d6d6d6;
}
.column1right-box h3{
color:#466ccb;
font-weight:bold !important;
background-color:#efefef !important;
background-image:none !important;
padding:7px !important;
margin-left:0px !important;
margin-bottom:10px !important;
}

.column1right .bookdata:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}
.column1right .bookdata {
    display: inline-table;
    min-height: 1%;
}
/* Hides from IE-mac \*/
 * html .column1right .bookdata {height: 1%;} 
.column1right .bookdata {display: block;}
/* End hide from IE-mac */

.column1right{
padding:0px 5px 0px 5px;
}
.column1right .bookdata{
margin-top:10px;
padding-bottom:10px;
border-bottom:1px dotted #d6d6d6;
}
.column1right .last{
border-bottom:none;
}
.column1right .bookdata .img{
margin-bottom:10px;
text-align:center;
}
.column1right .bookdata .text{
}


/* 2カラム */
.column2:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}
.column2{
    display: inline-table;
    min-height: 1%;
}
/* Hides from IE-mac \*/
 * html .column2 {height: 1%;} 
.column2 {display: block;}
/* End hide from IE-mac */

.column2 .bookdata:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}
.column2 .bookdata {
    display: inline-table;
    min-height: 1%;
}
/* Hides from IE-mac \*/
 * html .column2 .bookdata {height: 1%;} 
.column2 .bookdata {display: block;}
/* End hide from IE-mac */


.column2{
margin-bottom:20px;
}
.column2 .bookdata{
width:265px;
float:left;
margin-right:20px;
}
.column2 .last{
margin-right:0px;
}
.column2 .bookdata .img{
width:100px;
float:left;
}
.column2 .bookdata .text{
width:155px;
float:right;
}

/* 3カラム */
.column3:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}
.column3{
    display: inline-table;
    min-height: 1%;
}
/* Hides from IE-mac \*/
 * html .column3 {height: 1%;} 
.column3 {display: block;}
/* End hide from IE-mac */

.column3{
margin-bottom:20px;
}
.column3 .bookdata{
width:170px;
float:left;
margin-right:20px;
}
.column3 .last{
margin-right:0px;
}
.column3 .bookdata .img{
margin-bottom:10px;
}
.column3 .bookdata .text{
}

/* 4カラム */
.column4:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}
.column4{
    display: inline-table;
    min-height: 1%;
}
/* Hides from IE-mac \*/
 * html .column4 {height: 1%;} 
.column4 {display: block;}
/* End hide from IE-mac */

.column4{
margin-bottom:20px;
}
.column4 .bookdata{
width:130px;
float:left;
margin-right:10px;
}
.column4 .last{
margin-right:0px;
}
.column4 .bookdata .img{
margin-bottom:10px;
}
.column4 .bookdata .text{
}

/* メディア化テーブル */
.mediabook{
border-top:1px dotted #d6d6d6;
}
.mediabook th,.mediabook td{
border-bottom:1px dotted #d6d6d6;
border-collapse:collapse;
}
.mediabook th{
width:50px;
text-align:center;
color:#445dbf;
font-weight:normal;
background-color:#efefef;
border-bottom:1px dotted #b7b5b1;
padding:5px;
}
.mediabook td{
width:490px;
padding:7px 10px 7px 0;
}
.mediabook td .bookdata{
padding:8px 0 8px 10px;
width:230px;
float:left;
}
.mediabook td .bookdata .img{
float:left;
width:55px;
}
.mediabook td .bookdata .text{
float:right;
width:175px;
}
.mediabook td .bookdata .text dt{
margin-bottom:5px;
}
.mediabook td .bookdata .text dd{
line-height:130%;
}

/* 最新の特集 */
dl.recentfeature{
border-top:4px solid #d6d6d6;
}
dl.recentfeature dt{
color:#466ccb;
font-weight:bold;
border-bottom:1px dotted #d6d6d6;
padding:7px;
}
dl.recentfeature dd{
padding:10px;
line-height:150%;
}


/*---------------------------------
フロート
--------------------------------- */
.floatleft{
float:left;
}
.floatright{
float:right;
}
.link-blue-square{
background-image:url("../img/ico_blue-square_01.gif");
background-repeat:no-repeat;
background-position:left center;
padding-left:15px;
}