@charset "utf-8";

/************************************************
 インヘッダーブロック
************************************************ */
#headerInternalColumn {
    margin-top: 5px;
    float: right;
    /*width: 520px;*//* mdc_kk */
    /*height: 35px;*//* mdc_kk */
	background: transparent;
	/*width:580px;/* mdc_kk */
	position:relative;
}

/* ログイン（ヘッダー用）
----------------------------------------------- */
#header_login_area {
    /*padding: 0 5px;*//* mdc_kk */
    /*border: solid 1px #ffc979;*//*mdc_kk delete*/
	border: solid 1px #ECDB97;
    /*height: 30px;*//* mdc_kk */
    /*background: #fef3d3;*//*mdc_kk delete*/
	background-color:#FFFFCC;
    letter-spacing: -0.075em;
    float:right;
	display:block;
	_display:inline;
	position:relative;
	clear:both;/* mdc_kk *//* IEカラム落ち対策 */
	padding: 0 8px;
}
/* IE6対策 ログイン状態のヘッダのログイン・ログアウト部分 */
#header_login_area.logged_in{
	_width:320px!important;/* ie6 */
	margin-bottom: 5px;
}

#header_login_area ul.formlist {
    /*margin-top: 5px;*//* mdc_kk */
	margin: 2px 0 2px 8px;
}
#header_login_area ul.formlist li {
    float: left;
	display: block;
	text-align:left;
}
#header_login_area ul.formlist li.mail {
    padding-left: 28px;
    background: url("../img/common/ico_arrow_login.gif") no-repeat left bottom;
    /*font-size: 10px;*//* mdc_kk */
	margin-right: 10px;
}
#header_login_area ul.formlist li.password {
    padding-right: 5px;
	margin-right: 5px;
	/*font-size:10px;*//* mdc_kk */
}
#header_login_area ul.formlist li.login_memory {
    padding-right: 5px;
    font-size: 90%;
}
#header_login_area ul.formlist li.forgot{
    /*margin-top: 3px;*//* mdc_kk */
    padding-right: 5px;
    font-size: 90%;
	padding-top: 8px;
}
#header_login_area ul.formlist li.btn {
    padding-right: 2px;/* mdc_kane */
    /*width: 55px;*//* mdc_kane */
    font-size:90%;/* mdc_kane */
	padding-top: 8px;/* mdc_kk */
	margin-right: 6px;
}
#header_login_area p.btn {
    height: 20px;
    padding: 5px 0;
    vertical-align: middle;
}
#header_login_area p.btn input[type=image] {
    vertical-align: middle;
}

/* ***********************************************
追加ブロック
************************************************ */
/* 共通
----------------------------------------------- */
#container .bloc_outer #banner_area .bloc_body {
    border: none;
}

/* 【メイン】バナーエリア_02
----------------------------------------------- */
.main_column .bloc_outer #banner_area .bloc_body ul {
    width: 100%;
}
.main_column .bloc_outer #banner_area .bloc_body ul li {
    float: left;
}
.main_column .bloc_outer #banner_area .bloc_body ul li.sub_01{
    padding-right: 8px;
}

/* 【サイド】バナーエリア_01
----------------------------------------------- */
/* 【サイド】バナーエリア_02
----------------------------------------------- */
#leftcolumn .bloc_outer #banner_area .bloc_body ul li ,
#rightcolumn .bloc_outer #banner_area .bloc_body ul li {
    margin-bottom: 8px;
}

/***********************************************
mdc_kk 追加
************************************************/

/*------------
追加カラー
#C7E4B1　グリーン
#92C882　濃いグリーン
#FFCC01　オレンジ
#FFFFCC　クリーム
------------*/

/* 共通 */
.bloc_body_inner{
padding:5px 8px;
}

/*
#new_book_area ,
#presale_area,
#comming_area {
height: 220px;
}
*/
/*-------------------------------
▼新刊ブロック
--------------------------------*/
#new_book_area .bloc_body{
width:auto;
min-height:130px;
border-color:#C7E4B1; 
}

#new_book_area ul li{
display: block;
float:left;
width: 130px;
height:190px;/*mdc_kane 2016.07.14*/
/*height:100%;*//*mdc kaki 2016.06.20*/
/*margin: 8px;*//*mdc_kane*/
margin: 8px 8px 15px 8px;
}

/* 新刊のみ *//*mdc_kane*/
.bloc_body_inner_new{
padding-top:5px;
padding-right:3px;
padding-bottom:20px;
padding-left:13px;	
}

/* ------------------------------
新刊ブロック【jCarouselLite用】 
--------------------------------*/

/* 全体のサイズ設定 */
.newBookCarousel {
width:auto!important;
_width:700px!important;/* ie6 対応 */
height:auto;
overflow:hidden;
}
/* 余白のリセット */
.newBookCarousel ul,
.newBookCarousel li {
margin:0;
padding:0;
}
/* 個々のリストの設定 */
.newBookCarousel li {
display:block;
float:left;
width:130px;
text-align:left;
margin:2px;
}

/* 前へ（PREV）の設定 */
.prevButton {
width: 20px;
height: 20px;
float:left;
margin:0;
background:url("../js/images/btn_prev.jpg") no-repeat;
cursor:pointer;
position:relative;
top:80px;
margin-right:2px;
}
.prevButton:hover {
background:url("../js/images/btn_prev_on.jpg") no-repeat;
}
/* 次へ（NEXT）の設定 */
.nextButton {
width: 20px;
height: 20px;
float:right;
margin:0;
cursor:pointer;
background:url("../js/images/btn_next.jpg") no-repeat;
position:relative;
top:80px;
margin-left:2px;
}
.nextButton:hover {
background:url("../js/images/btn_next_on.jpg") no-repeat;
}

/*-------------------------------
▼新着ニュースブロック
--------------------------------*/
#news_main_area {
border:solid 1px #C7E4B1;
}

#news_main_area h2 {
margin: 1px;
background: url("../img/background/bg_tit_green.gif");
padding-left: 10px;
}

#news_main_area .bloc_body{
border:none;
border-top:solid 1px #C7E4B1;
*border-bottom:solid 1px #FFF;/* for IE6 */
position:relative;/* for IE6 */
overflow : auto;
height:300px;
/*height:360px;*/
scrollbar-face-color:#DEF4C6; /*スクロールバー本体の色*/
scrollbar-highlight-color: #ffffff; /*スクロールバー左側（上）の影*/
scrollbar-shadow-color: #ffffff; /*スクロールバー右側（上）の影*/
scrollbar-3dlight-color: #DEF4C6; /*スクロールバーの左側（下）の影*/
scrollbar-arrow-color: #ffffff; /*矢印の色*/
scrollbar-track-color: #ffffff; /*背面の色*/
scrollbar-darkshadow-color: #DEF4C6;/*スクロールバー右側（下）の影*/
}

/*mdc_kane*/
/*
#news_main_area .logbox {
border:0;
width:692px;
height:140px;
margin-top:5px;
padding:1em;
overflow: auto;
}
*/

#news_main_area dl{
padding-bottom:10px;
padding-left:20px;/*mdc_kane*/
padding-right:20px;/*mdc_kane*/
}

/*mdc_kane*/
#news_main_area dt{
font-weight:bold;
font-size:115%;
margin-bottom:2px;
}

/* mdc_kk 2012.02.13 */
#news_main_area .news_date {
font-size: 13px;
font-weight: normal;
}

/*-------------------------------
▼新着ニュースブロック　拡張
--------------------------------*/
#news_main_area_ex {
    border:solid 1px #C7E4B1;
}

#news_main_area_ex h2 {
    margin: 1px;
    background: url("../img/background/bg_tit_green.gif");
    padding-left: 10px;
}

#news_main_area_ex dl{
    padding-bottom:10px;
    padding-left:20px;
    padding-right:20px;
}

#news_main_area_ex dt{
    font-weight:normal;
    font-size:100%;
    margin-bottom:2px;
}

#news_main_area_ex .news_date {
    font-size: 100%;
    font-weight: normal;
}


/*-------------------------------
▼先行発売ブロック
--------------------------------*/
#presale_area{
float:left;
border:solid 1px #FFCC01;
}

#presale_area h2{
background: url("../img/background/bg_tit_orange.gif");
margin:1px;
}

#presale_area h2 img{
padding-left: 10px;
}

#presale_area .bloc_body{
border:none;
border-top:solid 1px #FFCC01;
}

#presale_area li{
display: block;
float: left;
width : 130px;
margin: 5px;
_margin:0;
}
/* 先行のみ *//*mdc_kane20120202*/
.bloc_body_inner_presale{
padding-top:7px;
padding-right:3px;
padding-bottom:20px;
padding-left:13px;
}

/*-------------------------------
▼近日発売ブロック
--------------------------------*/
#comming_area{
float:left;
border:solid 1px #C7E4B1;
}

#comming_area.cols1,
#comming_area.cols2,
#comming_area.cols3,
#comming_area.cols4
{
margin-left:15px;
}

#comming_area h2 {
background: url("../img/background/bg_tit_green.gif");
margin:1px;
padding-left: 10px;
}

#comming_area li{
display:block;
float:left;
margin:5px;
_margin:0;
width:130px;
height:200px;
}

#comming_area .bloc_body{
border:none;
border-top:solid 1px #C7E4B1; 
}
/* 近日のみ *//*mdc_kane20120202*/
.bloc_body_inner_comming{
padding-top:7px;
padding-right:3px;
padding-bottom:20px;
padding-left:13px;	
}

/*-------------------------------
▼編集者からの一押しブロック
--------------------------------*/
#pushed_area{
float:left;
border: solid 1px #C7E4B1;
margin-right: 16px;
_margin-right: 15px;/* for ie6 */ 
}

#pushed_area h2 {
margin:1px;
padding-left:2px;
background: url("../img/background/bg_tit_green.gif");
}

#pushed_area .bloc_body_inner{
margin-top:30px;
}

#pushed_area .bloc_body{
border:none; 
border-top:solid 1px #C7E4B1;
/*padding-top:20px;*//* mdc_kk */
/*padding-bottom:20px;*//* mdc_kk */
}

/*-------------------------------
▼良本発掘！ブロック
--------------------------------*/
#recommend_area{
float:left;
border:solid 1px #C7E4B1; 
}

#recommend_title{ /* 良本発掘コメント */
font-size: 14px;
padding: 10px 5px;/* mdc_kane */
}

#recommend_area h2 {
background: url("../img/background/bg_tit_green.gif");
margin:1px;
padding-left:10px;
}

#recommend_area .bloc_body{
border:none;
border-top:solid 1px #C7E4B1; 
}

#recommend_area .bloc_body li{
display: block;
float:left;
width:130px;
margin: 5px;
}

/*-------------------------------
▼【メイン】お気入りブロック
--------------------------------*/
#my_favorite_area{
float:left;
border:solid 1px #C7E4B1; 
}

#my_favorite_area h2 {
background: url("../img/background/bg_tit_green.gif");
margin:1px;
padding-left:10px;
}

#my_favorite_area .bloc_body{
border:none;
border-top:solid 1px #C7E4B1; 
}

#my_favorite_area .bloc_body .bloc_favorite{
padding-top:5px;
padding-right:3px;
/*padding-bottom:15px;*/
padding-left:13px;	
}

#my_favorite_area .bloc_body li{
display: block;
float:left;
width:130px;
margin: 8px;/*mdc_kane20120202*/
}

.myfavorite_link_area {
clear:both;
text-align:right;
padding-right:6px;
padding-bottom:4px;
font-size:12px;
margin-top:10px;
}
/* お気入りのみ *//*mdc_kane20120202*/
.bloc_body_inner_my_favorite{
padding-top:5px;
padding-right:3px;
padding-bottom:20px;
padding-left:15px;	
}

/* 【先行発売】・【近日発売】・【お気入り】の高さを揃える *//* mdc_kk */
#presale_area .bloc_body,
#comming_area .bloc_body,
#my_favorite_area .bloc_body {
min-height:200px;
}
/* 【良本発掘】・【編集者の一押し】の高さをそろえる *//* mdc_kk */
#pushed_area .bloc_body,
#recommend_area .bloc_body {
min-height:240px;
}


/* 先行発売・近日発売の高さを揃える *//* mdc_kk */
#presale_area .bloc_body,
#comming_area .bloc_body {
min-height:200px;
}
/* 良本発掘・編集者の一押しの高さをそろえる *//* mdc_kk */
#pushed_area .bloc_body,
#recommend_area .bloc_body {
min-height:240px;
}

/*-------------------------------
▼先行・近日・一押し・良本で使用
--------------------------------*/
.cols1 { width: 159px!important; }
.cols2 { width: 301px!important; }
.cols3 { width: 443px!important; }
.cols4 { width: 585px!important; }
.cols5 { width: 764px!important; }

/*-------------------------------
▼【メイン】バナーブロック
--------------------------------*/
#banner_main_area .bloc_body{
min-height:130px;
width:767px;
border:none; 
}

#banner_main_area ul{
margin:40px 0 0;
}

#banner_main_area li{
/*display:inline;*//*mdc_kane20120210*/
margin-left:2px;
margin-right:18px;
margin-bottom:14px;
line-height:3;
float:left;/*mdc_kane20120210*/
}

/*-------------------------------
▼【メイン】このページの上に戻る
--------------------------------*/
#link_top_area{
text-align:right;
}

/*-------------------------------
▼【サイド】本をさがすブロック
--------------------------------*/
#search_area{
background-color: #ECF9DD;
}

#search_area .bloc_body{
border-color: #92C882;
background-color: #ECF9DD;
width:168px;
}

#search_area p.btn{
text-align:center;
padding:0;
}

/*-------------------------------
▼【サイド】買い物かごブロック
--------------------------------*/
#cart_area .bloc_body{
background-color: #FFFFCC;
border-color: #FFCC00;
width:168px;
}

#cart_area div.btn{
border-top:dotted 1px #FF9900;
text-align:center;
padding-top:3px;/* mdc_kane*/
margin-top:5px;/* mdc_kane*/
}

/*-------------------------------
▼【サイド】ジャンルから探すブロック
--------------------------------*/
#category_area .bloc_body{
border-color: #C7E4B1;
width:168px;
}

/*-------------------------------
▼【サイド】道新事業局出版センターブロック
--------------------------------*/
#guide_area .bloc_body{
border-color: #C7E4B1;
width:168px;
}

/*-------------------------------
▼【サイド】リンクブロック
--------------------------------*/
#link_side_area .bloc_body{
border-color: #C7E4B1;
width:168px;
}

/*-------------------------------
▼【サイド】QRブロック
--------------------------------*/
#qr_side_area .bloc_body{
border-color: #C7E4B1;
width:168px;
}

/*-------------------------------
▼【サイド】規約ブロック
--------------------------------*/
#kiyaku_side_area .bloc_body{
border-top: solid 1px;
border-color: #C7E4B1;
width:168px;
padding-top:5px;
padding-bottom:5px;
}


/*-------------------------------
▼パンくずリストブロック
--------------------------------*/
.breadcrumbs{
padding:22px 10px;
}