@charset "EUC"

/* --画面全体のレイアウト(２カラム用)-- */


#container_top{
        width:99%;
  margin: 10px auto;
        }

#header{
        width: 100%;
        }

#wrapper_top {
        width: 100%;
        float: right;
        margin-left: -250px;
        }

#content{
        position: relative;
        margin: 0 30px 0 250px;
        }

#book_left-sidebar{
        width:200px;
        float:left;
        }

#footer{
        clear:both;
        width:100%;
        }


/* --画面全体のレイアウト(３カラム用)-- */

* {
 margin:0;
 padding:0;
}

#book_wrapper {
   width: 99%;
   min-width: 1000px;
   width: expression(
      (document.documentElement.clientWidth > 1300)? "1300px" :
         (document.documentElement.clientWidth < 970)? "970px" :
            "auto"
   );
  margin: 10px;
}

#book_header {
width: 100%;
}

#book_container{
width: 100%;
float: left;
margin-right: -230px;
}

#book_contents{
width: 100%;
float: right;
margin-left: -200px;
}

#book_contents-inner{
position: relative;
margin:-70px 240px 0 210px;
padding: 5em 0;
}

#book_left-sidebar{
width: 200px;
float: left;

}

#book_right-sidebar{
width: 230px;
float: right;
}


/* --フォント-- */

.clear{clear:both;}
.bolder{font-weight:bolder;}
.center{text-align:center;}
.size16{font-size:16px;}
.size25{font-size:25px;}
.size20{font-size:20px;}
h1    {
       color:#808080;
       }
hr{	border-color:#dddddd;
	size:1;
	}

/* --リスト-- */
#book_left-sidebar ul {
        list-style-image: url();
        list-style-type: none;
        margin-left:5px;
        padding-left:10px;
        font-size:88%;
        line-height:150%;
        }
#book_left-sidebar li {
        line-height:150%;
        }

#book_left-sidebar ul a{
        text-decoration:none;
        }

#book_left-sidebar ul a:hover{
        text-decoration:underline;
        }
ul.neo_bunrui li{
        list-style-image: url(/icons/red_carot.gif);
        list-style-type:disc;
        margin-left:20px;
                }

ul.long_rank {
        list-style-image: url();
        list-style-type: none;
        margin-left:0px;
        padding-left:0px;
        overflow:hidden;
        }
        
.long_rank li{
        padding:3px;
        width:220px;
        }

/* --リスト 予約ページの表示月選択ボタン-- */
div#select_month{
	height:20px;
	padding:2px;
	min-height:20px;
	text-align:center;
	border-style:solid;
	border-width:1px 80px;
	border-color:#dddddd; /* normal gray */

	/*border-color:#007B00;  Xmas green */
	/*  background-color: #FD5504; new years day orage */
	}

#select_month ul {
	font-size:75%;
        list-style-image: url();
        list-style-type: none;
	margin-left:1px;
        }

#select_month ul a{
        text-decoration:none;
        }

#select_month ul a:hover{
        text-decoration:underline;
        }

#select_month ul li {
        float:left;
	padding:0px 8px;
        }

.select {
        font-weight:bolder;
	}


/* --リスト 予約ページの並び順選択ボタン-- */
div#order_by{
	height:20px;
	padding:2px;
	min-height:20px;
	border-style:solid;
	border-width:1px 80px;
	border-color:#dddddd; /* normal gray */

	/*border-color:#007B00;  Xmas green */
	/*  background-color: #FD5504; new years day orage */
	}

#order_by ul {
	font-size:75%;
        list-style-image: url();
        list-style-type: none;
	margin-left:3px;
        }

#order_by ul a{
        text-decoration:none;
        }

#order_by ul a:hover{
        text-decoration:underline;
        }

#order_by ul li {
        float:left;
	padding:0px 5px;
        }

/* --リスト 予約ページのカテゴリ選択ボタン-- */
div#select_category{
	height:20px;
	padding:2px;
	min-height:20px;
	border-style:solid;
	border-width:1px 80px;
	border-color:#dddddd; /* normal gray */

	/*border-color:#007B00;  Xmas green */
	/*  background-color: #FD5504; new years day orage */
	}

#select_category ul {
	font-size:75%;
        list-style-image: url();
        list-style-type: none;
	margin-left:3px;
        }

#select_category ul a{
        text-decoration:none;
        }

#select_category ul a:hover{
        text-decoration:underline;
        }

#select_category ul li {
        float:left;
	padding:0px 5px;
        }


/* --ヘッダー-- */

.path{
        font-size:95%;
        margin-left:15px;
        }


/* --contents-inner-- */

.heading{
        margin-top:-70px;
        }


/* --What's New -- */
#whats_new{
	border:outset 4px #dddddd; /* normal gray */
	/*border:outset 4px #007B00;  Xmas green */
	margin:15px 60px 30px 60px;
	}

#whats_new div.whats_new_title{
	padding-left:25px;
	font-size:105%;
	color:#ff6600; /* normal orange */
	background-color:#dddddd; /* normal gary */
	/*color:#FFFF75;  Xmas yellow */
	/*background-color:#007B00;  Xmas green */
	}

#whats_new div.whats_new_pick{
	margin:10px;
	width:250px;
        float:left;
	border:solid 1px #dddddd;
	}

#whats_new div.whats_new_img{
	margin:5px 25px 40px 5px;
        float:left;
	}

#whats_new div.whats_new_text{
	font-size:90%;
	margin:8px;
 	}

.whats_new_text  a{
        text-decoration:none;
        }
.whats_new_text  a:hover{
        text-decoration:underline;
        }

#whats_new div.whats_new_link{
	text-align:right;
	font-size:90%;
	margin:5px;
	}

#whats_new_page{
	border:solid 1px #dddddd; /* normal gary */
	/*border:solid 1px #3cb371;  Xmas green */
	margin:10px;
	width:95%;	
	}

#whats_new_page div.whats_new_page_title{
	padding-left:25px;
	background-color:#dddddd; /* normal gary */
	color:#ff6600; /* normal orange */
	/*background-color:#007B00;  Xmas green */
	/*color:#F0E64C;  Xmas yellow */
	}

.whats_new_page_img {
	text-decoration:none;
	margin-top:50px;
	}

.whats_new_page_img img{
	margin:10px;
	}

#whats_new_page ul {
        list-style-image: url();
        list-style-type: none;
        }

#whats_new_page .whats_new_page_img ul li{
	float:left;
	padding:5px 15px;
	}
#whats_new_page div .pict_list{
	float:left;
	padding:5px 15px;
	}


#whats_new_page div.whats_new_page_text{
	font-size:90%;
	padding-left:15px;
	}

#whats_new_page div.whats_new_page_category{
	font-size:88%;
        width:180px;
	margin:5px;
	/*border:solid 1px #80A6FF;  normal blue */
	float:left;
        /*background-color: #F0FFF0;  normal blue */
	}
#whats_new_page  a{
        text-decoration:none;
        }
#whats_new_page  a:hover{
        text-decoration:underline;
        }

#whats_pick  a{
        text-decoration:none;
        }
#whats_pick  a:hover{
        text-decoration:underline;
        }


/* --TOPページオススメカテゴリ-- */
div.latest{
        margin-top:0px;
        padding:0;
        }

div.latest_list{
        margin-top:10px;
        padding:0px;
        }

h3.latest_list_title{
        padding-left:40px;
        background-color:#dddddd; /* normal gray */
        color:#ff6600; /* normal orange */
        /*background-color:#007B00;  Xmas green */
        /*color:#FFFF75;  Xmas Yellow */
        /*border-style:solid;border-width:0px 10px 0px 10px;  Xmas */
	}

div.latest_list_title{
        display:inline;
        }

span.latest_list_title{
        background-color:#dddddd; /* normal white */
	    /*background-color:#007B00;  Xmas green */
        }

/* --contents-innerページ送り-- */
.page{
    font-size:90%;
    margin-bottom:0.5em;
    margin-top:10px;
    margin-left:200px;
   }


/* --left-sidebar-- */


.menu_home{
        padding:5px;
        }

div.category_title{
        margin-left:8px;
        padding-right: 2px;
        font-size:90%;
        margin-bottom:0;
        }

div.category_subtitle{
        margin-left:12px;
        margin-top:0;
        padding-right: 2px;
        font-size:90%;
        }


/* --right-sidebarのsub_side_menu.inc-- */
div.category_top{
        background-color:#0066FF;
        color:#ffffff;
        padding:3px 0;
        }


/* --right-sidebar-- */

.rank-navi-border{
        width:227px;
        border:1px solid #4169E1; /* normal blue */
        /*border:1px solid #CE0000; red Xmas */
        }

.rank-navimain {
       text-align: center;
       color: #FFFFFF;
       font-weight:bold;
       background-color: #80A6FF; /* normal blue */
       /*background-color: #CE0000;  red Xmas */
       /* border:1px solid #217A21; new years day green */
       /* background-image: url(/icons/bg_kadomastu.gif); kadomastu new years day */
       }




/* --book.rlib-- */

/* --商品情報リスト用-- */
.title {
       font-size:95%;
       text-align:left;
       }

.author{
       font-size:80%;
       margin-top:5px;
       text-align:left;
       }

.publisher, .rel, .comment ,.price ,.caution{
       font-size:80%;
       text-align:left;
       }

.send_status{
       font-size:80%;
       text-align:left;
       color:#FF0000;
       }

/* --book.rlibのselect_book_itemlist1-- */
/* --book.rlibのselect_ranking(no.1)-- */
div.book_check{
        margin:0 5px;
        float:left;
        text-align:center;
        width:25px;
        }

div.book_infor{
        width:auto;
        height:auto;
        margin-left:170px;
        }

.book_img{
        margin:0px 5px 5px 20px;
        float:left;
        }


/* --book.rlibのselect_book_itemlist2-- */
.itemtable{
	width:100%;
	table-layout:fixed;
	border-collapse: collapse;
}

.item_box{
	padding:20px 10px;
	}

.line{
	border:1px #e4e4e4 solid;
}


/* --book.rlibのselect_ranking(no.2)-- */

div.book{
        padding:5px 0;
        height:auto;
        max-width:650px;
                }


/* --book.rlibのlong_ranking-- */

.long_rank_txt{
        font-size:88%;
	padding:0px;
        }

.long_rank_img{
        float:left;
        margin:0px 7px 0px 3px;
        }
        
/* --book.rlib book_oblonglist (special pick up)-- */
.pick_title_c{
       font-weight:bold;
       }
.pick_title{
       font-size:80%;
       margin-bottom:3px;
       }
.pick_image{
       margin:0px 5px 10px 0px;
       }
.pick_desc{
       font-size:78%;
       padding:10px 0px;
       }


/* --book.rlibのmini_pict_list-- */
div.mini_pict_title{
        width:auto;
        height:auto;
        padding-left:15px;
	float:left;
        font-size:95%;
        width:67%;
        }


div.mini_pict_book_infor{
        width:auto;
        height:auto;
        font-size:80%;
	float:left;
        }


.mini_pict_right{
        width:auto;
        height:auto;
        margin:5px;
        text-align:right;
        font-size:80%;
	float:right;
        }


.mini_pict_book_img{
        margin:0px 5px 5px 20px;
        float:left;
        min-width:60px;
        }


/* --検索ページ用-- */
.kana_line{
background-color:#E0FFFF;
border-color:#1E90FF;
border-style:solid;
border-width:2px;
padding: 5px 10px;
}
.search_table{
border-color:#000000;
border-style:solid;
border-width:1px;
border-collapse: collapse;
vertical-align: top;
}
td .search_table{
width:200px;
}
.search_table-layout{
table-layout:fixed;
width:100%;
}
.kana_list_width{
background-color:#FFF8DC;
}
.kana_list_width2{
width: 500px;
background-color:#FFF8DC;
}
.kana_list_width3{
width: 330px;
background-color:#FFF8DC;
}
.kana_list_height{
height : 200px;
font-size:90%;
}

.search_table ul {
        list-style-image: url();
        list-style-type: none;
        margin-left:5px;
        padding-left:10px;
        font-size:88%;
        line-height:150%;
        }
.search_table li {
        line-height:150%;
        }

.search_table ul a{
        text-decoration:none;
        }

.search_table ul a:hover{
        text-decoration:underline;
        }