/*###################################################
//全体の設定
###################################################
*/
body{
text-align:center;
width:100%;
margin:0px;
border:0px;
padding:0px;
background-color:#dcdcdc;
background-image:url(images/base/bg.gif);
background-repeat:repeat-y;
background-position:center;
}

.content{
margin:0px auto;
padding:0px;
border:0px;
width:800px;
height:100%;
}

a img{
border:0;
}
/*###################################################
//ヘッダ
###################################################
*/

.head{
width:800px;
height:60px;
margin:0px;
margin-bottom:10px;
border:0px;
padding:0px;
padding-left:0px;
background-image:url(images/base/bg_head.gif);
background-repeat:no-repeat;
backgroung-position:1px;
}

.head_title{
width:264px;
height:25px;
padding-top:20px;
padding-left:15px;
float:left;
}
/*###################################################
//メイン部分
###################################################
*/
.box{
width:800px;
margin:0px;
margin-right:-13px;
padding:0px;
text-align:left;
border:0px;
position:relative;}

.main{
width:587px;
float:left;
padding:0px;
margin:0px;
margin-left:5px;
margin-right:0px;
border:0px;
float:left;
}


/*###################################################
//今月発売の新書
###################################################
*/
.box_latest{
width:587px;
margin-left:3px;
margin:0px;
padding:0px;
padding-left:-3px;
background-image:url(images/home/box_latest_bg.gif);
background-repeat:repeat-y;
}

.box_latest img{
margin:0px;
padding:0px;
}

.box_latest p{
width: 187px;
margin-top:5px;
margin-bottom:0px;
padding-bottom:0px;
padding-left:0px;
}

.box_latest_foot{
width:587px;
height: 9px;
background-image:url(images/home/box_latest_foot.gif);
background-repeat:no-repeat;
background-position:bottom;
margin-top:0px;
padding-top:0px;
margin-bottom:0px;
clear:both;
}

.box_latest_in_book{
width:87px;
height:135px;
margin:0px;
padding:0px;
background-image:url(images/home/box_latest_shadow.jpg);
background-repeat:no-repeat;
float:right;
}

.box_latest_in_book img{
width:80px;
height:124px;
margin:0px;
padding:0px;
}

.box_latest_in{
width:280px;
margin-left:6.5px;
margin-right:1px;
margin-top:7px;
margin-bottom:10px;
padding-top:0px;
padding-left:-2px;
float:left;
}

.box_pickup_in_book{
width:86px;
height:135px;
margin-right:0px;
padding:0px;
background-image:url(images/home/box_pickup_shadow.gif);
background-repeat:no-repeat;
float:right;
}

.box_pickup_head{
width:287px;
height:18px;
background-image:url(images/home/head_pickup.gif);
margin-left:0px;
margin-bottom:2px;
}

.box_pickup_in_book img{
width:80px;
height:124px;
margin-left:0px;
padding:0px;
}

.box_pickup_in{
width:287px;
margin-right:0.4em;
margin-top:7px;
margin-bottom:0px;
padding-top:0px;
padding-left:0px;
float:right;
background-image:url(images/home/bg_pickup.gif);
background-repeat:repeat-y;
}

.box_pickup_in2{
width:280px;
margin-left:3px;
margin-top:0px;
margin-bottom:0px;
float:left;
}

.box_pickup_foot{
width:287px;
height:9px;
background-image:url(images/home/foot_pickup.gif);
background-repeat:no-repeat;
margin:0px;
margin-right:0.4em;
margin-top:px;
float:right;
}

.box_latest_in_clear{
width:585px;
height:1px;
margin:0px;
padding:0px;
clear:both;
}


.flash{
width:580px;
margin:0px;
margin-top:10px;
padding:0px;
clear:both;
}
.flash_in{
margin-left:3px;
text-align:center;
}

.box_old{
width:587px;
margin-left:7px;
margin:0px;
margin-top:10px;
padding:0px;
background-image:url(images/home/box_old_bg.gif);
background-repeat:repeat-y;
text-align:left;
}

.box_old p{
margin-top:5px;
margin-bottom:0px;
padding-bottom:0px;
padding-left:10px;
padding-right:5px;
}

.box_old_foot{
width:587px;
height: 9px;
background-image:url(images/home/box_old_foot.gif);
background-repeat:no-repeat;
background-position:bottom;
margin-top:0px;
padding-top:0px;
margin-bottom:0px;
clear:both;
}


.box_l{
width:287px;
margin-left:3px;
margin:0px;
margin-top:10px;
padding:0px;
padding-left:0px;
background-image:url(images/home/box_l_bg.gif);
background-repeat:repeat-y;
float:left;
}

.box_l_in{
width:275px;
margin-top:5px;
margin-left:7px;
margin-bottom:5px;
}

.box_l_line{
width:275px;
height:15px;
margin:0px;
margin-top:7px;
margin-left:0px;
margin-bottom:-7px;
padding:0px;
padding-top:-5px;
padding-bottom:-15px;
background-image:url(images/home/box_latest_line.gif);
background-repeat:no-repeat;
clear:left;
}

.box_l_foot{
width:275x;
height: 9px;
background-image:url(images/home/box_l_foot.gif);
background-repeat:no-repeat;
background-position:bottom;
margin-top:0px;
padding-top:0px;
margin-bottom:0px;
clear:both;
}


.box_r{
width:287px;
margin-left:0px;
margin:0px;
margin-top:10px;
padding:0px;
padding-left:0px;
padding-right:5px;
background-image:url(images/home/box_l_bg.gif);
background-repeat:repeat-y;
float:right;
}


.box_r_in{
width:275px;
margin-top:5px;
margin-left:7px;

}

.box_r_foot{
width:275x;
height: 9px;
background-image:url(images/home/box_l_foot.gif);
background-repeat:no-repeat;
background-position:bottom;
margin:0px;
padding:0px;
}


/*###################################################
//ナビゲーション
###################################################
*/
.box_right{
width:195px;
margin-top:0px;
margin-right:0px;
padding:0px;
margin-bottom:10px;
border:0px;
float:right;
}

.navi{
width: 195px;
height:372px;
margin-right:0px;
padding-right:0px;
text-indent: -9999px;}

ul.menu{
width:195px;
margin-left:0px;
padding-left:0px;
margin-top:0px;
margin-bottom:0px;
padding-bottom:0px;
}

ul.menu li{
float:left;
list-style:none;
width:195px;
margin-top:0px;
margin-bottom:0px;
padding-bottom:0px;
padding-left:0px;
margin-left:0px;
}

ul.menu a{
display:block;
}

a.home{
width:195px;
height:40px;
background-image:url(images/navi/home.jpg);
}
a:hover.home{
width:195px;
height:40px;
background-position:-195px 0;
}

a.kikan{
width:195px;
height:40px;
background-image:url(images/navi/kikan.jpg);
}
a:hover.kikan{
width:195px;
height:40px;
background-position:-195px 0;
}

a.information{
width:195px;
height:40px;
background-image:url(images/navi/information.jpg);
}
a:hover.information{
width:195px;
height:40px;
background-position:-195px 0;
}

a.special{
width:195px;
height:40px;
background-image:url(images/navi/special.jpg);
}
a:hover.special{
width:195px;
height:40px;
background-position:-195px 0;
}

a.from_reader{
width:195px;
height:40px;
background-image:url(images/navi/from_reader.jpg);
}
a:hover.from_reader{
width:195px;
height:40px;
background-position:-195px 0;
}

a.link{
width:195px;
height:40px;
background-image:url(images/navi/link.jpg);
}
a:hover.link{
width:195px;
height:40px;
background-position:-195px 0;
}

a.question{
width:195px;
height:40px;
background-image:url(images/navi/question.jpg);
}
a:hover.question{
width:195px;
height:40px;
background-position:-195px 0;
}

a.booknavi{
width:195px;
height:40px;
background-image:url(images/navi/booknavi.jpg);
}
a:hover.booknavi{
width:195px;
height:40px;
background-position:-195px 0;
}

a.column{
width:195px;
height:40px;
background-image:url(images/navi/column.jpg);
}
a:hover.column{
width:195px;
height:40px;
background-position:-195px 0;
}


/*###################################################
//clear
###################################################
*/
.clear{
width:10px;
clear:both;
}

.clear_bottom{
width:800px;
height:10px;
margin:0px;
clear:both;
}

/*###################################################
//フッタ
###################################################
*/

.foot{
width:801px;
height:4.8em;
background:#555555;
clear:both;
}

.foot_left{
width:160px;
float:left;
}

ul.foot_button{
width:151px;
margin-left:5px;
padding-left:0px;
margin-top:3px;
margin-bottom:0px;
padding-bottom:0px;
}

ul.foot_button li{
float:left;
list-style:none;
width:151px;
margin-top:3px;
margin-bottom:0px;
padding-bottom:0px;
padding-left:0px;
margin-left:0px;
}

ul.foot_button a{
display:block;
text-indent: -9999px;}

a.link_shueisha{
width:151px;
height:23px;
background-image:url(images/base/button_shueisha.gif);
}
a:hover.link_shueisha{
width:151px;
height:23px;
background-position:-151px 0;
}

a.personal{
width:176px;
height:23px;
background-image:url(images/base/button_personal.gif);
}
a:hover.personal{
width:176px;
height:23px;
background-position:-176px 0;
}

.foot_text{
float:right;
}

.foot_text p{
text-align:right;
width:600px;
margin-top:3px;
margin-right:5px;
margin-bottom:0px;
color:#ffffff;
}

/*###################################################
//各ボックス
###################################################
*/

.boxgreen{
width:195px:
margin:0px;
padding:0px;
background-image:url(images/base/boxgreen_bg.gif);
background-repeat:repeat-y;
}

.boxgreen p{
margin-top:5px;
margin-bottom:0px;
padding-bottom:0px;
padding-left:10px;
padding-right:5px;
}

.boxgreen_foot{
width:195px;
height: 12px;
background-image:url(images/base/boxgreen_foot.gif);
background-repeat:no-repeat;
background-position:bottom;
margin-top:0px;
padding-top:0px;
margin-bottom:10px;
}

/*###################################################
//パーツ
###################################################
*/
.box_latest_line{
width:280px;
height:15px;
margin:0px;
margin-top:3px;
margin-bottom:-7px;
padding:0px;
padding-top:-5px;
padding-bottom:-15px;
background-image:url(images/home/box_latest_line.gif);
background-repeat:no-repeat;
clear:left;
}

.box_column_line{
width:270px;
height:15px;
margin:0px;
margin-top:7px;
margin-bottom:-7px;
padding:0px;
padding-top:-5px;
padding-bottom:-15px;
background-image:url(images/home/box_latest_line.gif);
background-repeat:no-repeat;
clear:left;
}

.line_dot{
width:390px;
height:15px;
margin:0px;
margin-top:20px;
margin-bottom:10px;
padding:0px;
padding-top:-5px;
padding-bottom:0px;
background-image:url(images/base/line_dot.gif);
background-repeat:repeat-x;
clear:left;
}

.button_page_top{
margin-top:10px;
float:right;
}
/*###################################################
//書籍ページ
###################################################
*/
.box_in{
width:580px;
margin-left:2px;
margin:0px;
padding:0px;
padding-left:-3px;
}

.kikan_new{
width:580px;
height:37px;
margin:0px;
margin-left:0px;
margin-top:0px;
margin-bottom:-7px;
padding:0px;
padding-top:0px;
padding-left:0px;
padding-bottom:7px;
background-image:url(images/kikan/title_new.jpg);
background-repeat:no-repeat;
clear:left;
}

.kikan_old{
width:580px;
height:37px;
margin:0px;
margin-left:0px;
margin-top:0px;
margin-bottom:-7px;
padding:0px;
padding-top:0px;
padding-left:0px;
padding-bottom:7px;
background-image:url(images/kikan/title_kikan.jpg);
background-repeat:no-repeat;
clear:left;
}

.kikan_special{
width:580px;
height:37px;
margin:0px;
margin-left:0px;
margin-top:0px;
margin-bottom:-7px;
padding:0px;
padding-top:0px;
padding-left:0px;
padding-bottom:7px;
background-image:url(images/kikan/title_special.jpg);	
background-repeat:no-repeat;
clear:left;
}

.box_cover{
width:175px;
margin-left:0px;
float:left;
text-align:center;
}

.box_cover_line{
width:575px;
height:15px;
margin:0px;
margin-top:0px;
margin-left:5px;
margin-bottom:7px;
padding:0px;
padding-top:-5px;
padding-bottom:-15px;
background-image:url(images/home/box_latest_line.gif);
background-repeat:repeat-x;
clear:left;
}


.book_cover{
width:150px;
height:220px;
margin:0px;
margin-left:10px;
padding:0px;
background-image:url(images/kikan/shadow.jpg);
background-repeat:no-repeat;
}

.book_cover img{
width:130px;
height:210px;
margin:0px;
padding:0px;
}

.book_summary{
width:400px;
float:right;
margin:0px;
padding:0px;
}


.writer_photo{
width:100px;
float:left;
margin:0px;
padding:0px;
}

.writer_photo_2{
width:125px;
height:auto;
float:left;
margin:0px;
padding:0px;
}
.writer_text_2{
width:265px;
float:right;
margin:0px;
padding:0px;
}

.writer_text{
width:295px;
float:right;
margin:0px;
padding:0px;
}

.writer_text2{
width:400px;
float:right;
margin:0px;
padding:0px;
}

.hagaki{
text-align:right;
}

.list{
float:right;
text-align:right;
width:auto;
}
.caption{
float:right;
margin-top:-0.6em;
margin-bottom:1em;
}

.box_photo{
float:right;
padding:0em;
margin-top:0px;
margin-left:0.4em;
margin-bottom:0.5em;
border:1px solid #CCCCCC;
background-color:#CCCCCC;
font-size:8.5pt;
line-height:12pt;
}

.button_page_top{
float:right;
clear:both;
}

/*###################################################
//include 既刊情報
###################################################
*/
.inc {
font-size: 90%;
}

h3.inc {
font-weight:700;
font-size:110%;
color:#0060b6;
}

ul.inc {
list-style:none;
margin:0;
padding:0;
line-height:1.5;

}

li.inc
{
margin:0;
padding:0 0 0 15px;
background:url(images/kikan/incflow.gif) 0 0.35em no-repeat;
}

/*###################################################
//好評発売中　リスト
###################################################
*/

ul.kouhyo {
list-style:none;
margin:0;
padding:10 0 0 5px;
line-height:1.5em;

}

li.kouhyo
{
margin:0;
padding:0 0 0 15px;
background:url(images/img/sengetu.gif) 0 0.35em no-repeat;
font-size:100%
}


/*###################################################
//重版　リスト
###################################################
*/

ul.jyuhan {
list-style:none;
margin:0;
padding:10 0 0 5px;
line-height:1.5em;

}

li.jyuhan
{
margin:0;
padding:0 0 0 15px;
background:url(images/img/jyuhan.gif) 0 0.35em no-repeat;
font-size:90%

}




/*###################################################
//WEBコラム
###################################################
*/
.column{
width:580px;
margin:0px;
padding:0px;
}

.column_head{
width:580px;
height:37px;
margin:0px;
margin-left:0px;
margin-top:0px;
margin-bottom:-7px;
padding:0px;
padding-top:0px;
padding-left:0px;
padding-bottom:7px;
background-image:url(images/column/title.gif);
background-repeat:no-repeat;
clear:left;
}

.box_column{
width:580px;
margin-top:0px;
margin-left:10px;
margin/bottom:0px;
}

/*###################################################
//特集
###################################################
*/
.special_head{
width:580px;
height:37px;
margin:0px;
margin-left:0px;
margin-top:0px;
margin-bottom:-7px;
padding:0px;
padding-top:0px;
padding-left:0px;
padding-bottom:7px;
background-image:url(images/special/title.gif);
background-repeat:no-repeat;
clear:left;
}

/*###################################################
//リンク
###################################################
*/
.link{
width:580px;
height:37px;
margin:0px;
margin-left:0px;
margin-top:0px;
margin-bottom:-7px;
padding:0px;
padding-top:0px;
padding-left:0px;
padding-bottom:7px;
background-image:url(images/link/title.gif);
background-repeat:no-repeat;
clear:left;
}

/*###################################################
//インフォメーション
###################################################
*/
.information{
width:580px;
height:37px;
margin:0px;
margin-left:0px;
margin-top:0px;
margin-bottom:-7px;
padding:0px;
padding-top:0px;
padding-left:0px;
padding-bottom:7px;
background-image:url(images/information/title.gif);
background-repeat:no-repeat;
clear:left;
}

/*###################################################
//読者からのお便り
###################################################
*/
.from_reader{
width:580px;
height:37px;
margin:0px;
margin-left:0px;
margin-top:0px;
margin-bottom:-7px;
padding:0px;
padding-top:0px;
padding-left:0px;
padding-bottom:7px;
background-image:url(images/from_reader/title.gif);
background-repeat:no-repeat;
clear:left;
}
