@charset 'utf-8';


/* ===============================================================
メイン
================================================================== */

/*
body
{
 text-align: left;
 margin: 0px;
 padding: 0px;
 color: black;
 background-color: #ffffff;
}

img { vertical-align: baseline; }
a img{ border: 0; }
*/


/* ===============================================================
基本構造
================================================================== */
/* ヘッダー */
div#header
{
/*	width: 760px;*/
/*	height: 145px;*/
	padding: 0px;
	margin: 0px;
	position: relative;
}


/* 基本囲み */
div#main_container
{
/*	width: 760px;*/
	padding: 0px;
	margin: 2px 0px 10px 0px;
}





/* ===============================================================
ヘッダー
================================================================== */
/*
.header_top
{
 width: 760px;
 height: 100px;
 margin: 0px;
 padding: 0px;
 background-color: #ffb3b3;
}


h1 {
 margin: 0px;
 padding: 0px;
}


.illust {
 margin: 0px;
 padding: 0px;
 position: absolute;
 top: 0px;
 left: 180px;
}


.kensaku_body {
 width: 297px;
 height: 91px;
 margin: 0px;
 padding: 0px;
 position: absolute;
 top: 0px;
 right: 0px;
 background-image: url(../image/right.gif);
}


.kensaku_main {
 margin: 0px;
 padding: 0px;
 position: absolute;
 top: 40px;
 right: 0px;
}


.header_menu {
 margin: 0px;
 padding: 0px;
 position: absolute;
 top: 74px;
 right: 0px;
}

*/


/*

form.header_cart {
 margin: 0px;
 padding: 0px;
}


.header_pan {
 margin: 0px;
 padding: 0px;
 width: 760px;
 height: 20px;
 text-align: left;
 color: blue;
 font-weight: bold;
 font-size: 13px;
 background-image: url(../image/stripe.gif);
}
*/


/* ===============================================================
雑誌紹介
================================================================== */
div#magazine_box
{
	margin: 0px;
	padding: 0px;
	width: 760px;
/*	height: 560px;*/
	position: relative;
}


div#magazine_box h2
{
	margin: 0px;
	padding: 0px;
}


div#magazine_left
{
	width: 350px;
	position: absolute;
	top: 10px;
	left: 20px;
	padding: 0px;
}


div#magazine_right
{
	width: 350px;
	position: absolute;
	top: 10px;
	left: 410px;
	padding: 0px;
}



div#magazine_left h2
{
	width: 350px;
	height: 34px;
	background-image: url(../images/img_magazine_new/magazine_title_001.gif);
	background-repeat: no-repeat;
	text-indent: -9999px;
}


div#magazine_right h2
{
	width: 350px;
	height: 34px;
	background-image: url(../images/img_magazine_new/magazine_title_002.gif);
	background-repeat: no-repeat;
	text-indent: -9999px;
}


.magazine_onebox
{
	width: 350px;
	height: 230px;
	margin: 10px 0px 0px 0px;
	position: relative;
}


.magazine_img
{
	width: 150px;
	height: 200px;
	position: absolute;
	top: 0px;
	left: 20px;
}


.magazine_copy
{
	width: 170px;
	position: absolute;
	top: 0px;
	left: 185px;
	font-size: 11px;
	color: black;
	line-height: 130%;
}


.magazine_copy_b
{
	width: 170px;
	position: absolute;
	top: 175px;
	left: 180px;
	font-size: 11px;
	color: black;
	line-height: 130%;
	text-align: right;
}


div#magazine_centerbox
{
	width: 740px;
	height: 250px;
	position: absolute;
	top: 300px;
	left: 20px;
	padding: 0px;
}


div#magazine_centerbox h2
{
	width: 740px;
	height: 34px;
	background-image: url(../images/img_magazine_new/magazine_title_003.gif);
	background-repeat: no-repeat;
	text-indent: -9999px;
}


.magazine_kazokubox
{
	width: 740px;
	height: 250px;
	margin: 10px 0px 0px 0px;
	position: relative;
}


.magazine_copy_c
{
	width: 170px;
	position: absolute;
	top: 185px;
	left: 180px;
	font-size: 11px;
	color: black;
	line-height: 130%;
	text-align: right;
}


.magazine_copy_d
{
	width: 330px;
	position: absolute;
	top: 0px;
	left: 410px;
	font-size: 11px;
	color: black;
	line-height: 150%;
}

/* ===============================================================
書籍左側メニュー部分
================================================================== */
ul.l_menu
{
	list-style: none;
	width: 135px;
	padding: 0px;
	margin: 0px;
}


li.l_menu_title
{
	list-style: none;
	padding: 0px;
	margin: 0px;
}


li.l_menu
{
	list-style: none;
	padding: 0px 0px 0px 5px;
	margin: 2px 0px 0px 0px;
	text-align: left;
}



/* ===============================================================
書籍部分
================================================================== */
/* 基本囲み */
div#container
{
	width: 760px;
	width:                  100%;
	padding: 0px;
	margin: 2px 0px 0px 0px;
	border-top: 1px solid #d894c5;
}


/* 左側メニュー部分 */
div#left_menu
{
	padding: 0px;
	margin: 0px;
	text-align: left;
	width: 135px;
	float: left;
}


/* 右側全体囲み */
div#right
{
	padding: 0px;
	margin: 10px 0px 20px 0px;
	width: 625px;
	float: right;
}


/* 書籍ブロック */
.book_body
{
	padding: 0px 0px 10px 8px;
	margin: 0px;
	float: left;
}


/* 書籍ブロック配置 */
.book_body_position
{
	width: 300px;
	height: 210px;
	padding: 0px;
	margin: 0px;
	background-image: url(../images/bg_book_body.gif);
	background-repeat: no-repeat;
	position: relative;
}


/* 書籍写真 */
.book_photo
{
	width: 86px;
	height: 115px;
	padding: 0px;
	margin: 0px;
	position: absolute;
	top: 0px;
	left: 0px;
}


/* 書籍タイトル */
.book_body_position h2.book_title {
	padding: 0px;
	margin: 0px;
	position: absolute;
	top: 17px;
	left: 92px;
	font-weight: bold;
	font-size: 14px;
	line-height: 105%;
	font-family: "ＭＳ Ｐゴシック";
	color: #2c2c2c;
}
.book_body_position h2.book_title * {
	font-family: "ＭＳ Ｐゴシック";
}
span.book_subtitle {
	font-size: 12px;
}
span.book_subtitle2 { font-size: 10px; }


/* 筆者名 */
.book_tyosya
{
	padding: 0px;
	margin: 0px;
	position: absolute;
	top: 70px;
	right: 10px;
	font-size: 11px;
	text-align: right;
	font-family: "ＭＳ Ｐゴシック";
}


/* 価格とISBN */
.book_kakaku
{
	padding: 0px;
	margin: 0px;
	position: absolute;
	top: 90px;
	right: 10px;
	font-size: 11px;
	text-align: right;
	font-family: "ＭＳ Ｐゴシック";
}


/* 書籍コピー */
.book_copy
{
	padding: 0px;
	margin: 6px 0 0 0;
	position: absolute;
	top: 121px;
	left: 110px;
	width: 190px;
	font-size: 12px;
	line-height: 120%;
	text-align: left;
	font-family: "ＭＳ Ｐゴシック";
}


/* 買い物カゴ */
.book_kago
{
 width: 77px;
 height: 50px;
 padding: 0px;
 margin: 0px;
 position: absolute;
 top: 126px;
 left: 17px;
 font-size: 12px;
 font-family: "ＭＳ ゴシック";
 text-align: center;
}


.book_kago_three
{
 width: 77px;
 height: 50px;
 padding: 0px;
 margin: 0px;
 position: absolute;
 top: 150px;
 left: 17px;
 font-size: 12px;
 font-family: "ＭＳ ゴシック";
 text-align: center;
}

span.threeline
{
 padding: 0px;
 margin: 0px;
 font-size: 9px;
 color: red;
}


.juhan
{
 padding: 0px;
 margin: 0px;
 font-size: 10px;
 color: red;
 position: absolute;
 top: 120px;
 left: 19px;
}


/* トップへ戻る */
div#top_r
{
 text-align: right;
 float: none;
 clear: both;
}


/* ===============================================================
フッター
================================================================== */
/* フッター */
/*
div#footer
 {
 padding: 0px;
 margin: 0px;
 clear: both;
}
*/

/* フッター上 */
/*
div#footer_top {
 width: 760px;
 padding: 2px 0px 2px 0px;
 margin: 0px;
 text-align: center;
 font-size: 12px;
 border-top: 1px solid #ffb5b6;
 border-bottom: 1px solid #ffb5b6;
}
*/

/* フッター下 */
/*div#footer_bottom {
 width: 760px;
 padding: 3px 0px 3px 0px;
 margin: 1px 0px 0px 0px;
 text-align: center;
 font-size: 12px;
 background-color: #ffb5b6;
}
*/

*html div#srchForm
{
/*    position:               relative;
    top:                    7px;
    left:                   80px;*/
}

/* 特別展 */
div#wani_exhb
{
    margin:                 20px 0px 10px 50px;
    border:                 2px solid #ff6666;
    padding:                3px 10px 3px 10px;
    font-size:              125%;
}

div#wani_exhb h3
{
    margin:                 0px;
    margin-top:             8px;
    margin-bottom:          16px;
}

div#wani_exhb a
{
    font-size:              90%;
    font-weight:            bold;
}

div#wani_exhb p
{
    margin:                 0px;
    margin-bottom:          8px;
    margin-left:            16px;
    font-size:              110%;
    line-height:            1.2;
}