@charset "EUC-JP";

/* -------------------------------------

------------------------------------- */

body {
	margin:0;
	padding:0;
	font-size:12px;
	background-color: #e3e3e3;
	font-family: "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
}

img{ border: none; }
strong{ font-weight: bolder; }
form{ margin: 0; padding: 0; }
ul,li,dl,dd,dt { margin: 0;	padding: 0; }
.floatleft{ float: left; }
.floatright{ float: right; }
.alignleft{ text-align: left; }
.alignright{ text-align: right; }
.aligncenter{ text-align: center; }
.clearboth{
	clear: both;
	display: none;
}
h1,h2,h3,h4,h5{
	margin: 0;
	padding: 0;
	font-weight: normal;
	font-size: 12px;
}
p, label { margin: 0; padding: 0; }


/* -------------------------------------
　　ボディ背景
------------------------------------- */
#body_bg{
	width:100%;
	height:721px;
	padding:10px 0 0 0;
	background:url(images/body_gbg.jpg) repeat-x;
	position:absolute;
	top:0;
	left:0;
} 


/* -------------------------------------
　　コンテナ
------------------------------------- */
#contener{
	width:900px;
	margin:0 auto;
	padding:0;
	background-color: #fff;
}


/* -------------------------------------
　　コンテント
------------------------------------- */
div#content{
	width: 891px;
	float: left;
	padding: 0 9px 20px 0;
}


/* -------------------------------------
　　ヘッダ
------------------------------------- */
div#header {
	float:left;
	width: 900px;
	/*	height: 161px; */
	background: url(images/h_shadow.gif) no-repeat;
	padding: 0;
	font-size: 12px;
	margin: 0px;
}
div#header a {
	color:#333333;
}
div#header a:visited {
	color:#666666;
}
div#header a:hover {
	color:#cc3300;
	text-decoration: none;
}

div#header #logo{ margin: 10px 0 0 0; }
div#header img{
	float:left;
	margin: 0px;
}

div#header #search{
	float: right;
	width: 380px;
	margin: 15px 0 0 0;
	padding: 0 0 0 0;
	text-align: right;
}
div#header #search input{ vertical-align: middle; }
div#header #search input.text{ width: 206px; }
div#header #search_cap_bg {
	background: url(images/srch_mark.jpg) no-repeat;
	padding-left: 18px;
}

div#header #navi {
	float: right;
	list-style-type: none;
	margin: 20px 0 0 0;
	width: 400px;
	text-align: right;
}
div#header #navi li{ display:inline; }
div#header #header_mypage {
	background: url(images/head_mypage.jpg) no-repeat;
	padding-left: 15px;
}
div#header #header_cart {
	background: url(images/head_cart.jpg) no-repeat;
	padding-left: 25px;
}
div#header #header_regi {
	background: url(images/head_regi.jpg) no-repeat;
	padding-left: 15px;
}
div#header .header_line {
	background: url(images/head_line.jpg) no-repeat;
	padding: 0 5px 0 5px;
}

div#header #menu {
	float: left;
	width: 900px;
	height: 45px;
	padding: 0;
	list-style-type: none;
	background: url(images/menu_bg.jpg);
	margin-top: 0px;
	margin-right: 0;
	margin-bottom: 0;
	margin-left: 0;
}
div#header #menu li {
	display: block;
	height: 30px;
	float: left;
	text-align: center;
	padding: 15px 0 0 0;
	margin: 0;
	background: url(images/menu_line.jpg) no-repeat;
}
div#header #menu a {
	color: #fff;
	text-decoration: none;
}
div#header #menu a:hover {
	color: #ffcc00;
	text-decoration: none;
}

div#header #menu01 { width:  91px; background: none; }
div#header #menu02 { width:  94px; }
div#header #menu03 { width: 109px; }
div#header #menu04 { width:  48px; }
div#header #menu05 { width: 118px; }
div#header #menu06 { width:  71px; }
div#header #menu07 { width: 155px; }
div#header #menu08 { width: 137px; }
div#header #menu09 { width:  77px; }

div#header #login_area {
	height: 30px;
	width: 865px;
	float: left;
	padding: 6px 0 0 35px;
	background: url(images/head_btm_bg.jpg) no-repeat;
	font-weight: bold;
}
div#header #login_area input{ vertical-align: middle; }
div#header #head_fpass a {
	font-size: 0.8em;
	color: #cc3300;
	font-weight: normal;
	background-image: url(images/footer_mark.gif);
	background-repeat: no-repeat;
	background-position: 0px center;
}
div#header #login_area #login_left {
	width: 785px;
	float: left;
}
div#header #login_area img {
/*	display: block;
	float: left; */
}

div#header h1 {
	height: 80px;
	width: 280px;
	background-image: url(images/book_logo.jpg);
	background-repeat: no-repeat;
	float: left;
	margin-top: 10px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	padding: 0px;
}
div#header em {
	display: none;
}

/* -------------------------------------
　　左側ナビ
------------------------------------- */

div#contentsleft{
	float: left;
	width: 220px;
	padding: 10px 30px 10px 10px;
/*	background:#E0D19C; */
	font-size: 12px;
	display:inline;
}

/* ----- カテゴリ ----- */
div#contentsleft #categories{ width: 220px; }
div#contentsleft #categories #cate_top {
	height: 50px;
	overflow: hidden;
}
div#contentsleft #categories #cate_btm {
	height: 11px;
	overflow: hidden;
}
div#contentsleft #categories dd.icon{
	background: url(images/l_cate_bg.jpg);
	height: 24px;
	padding: 0 3px 2px 15px;
	color: #fff;
}
div#contentsleft #categories dd.icon a{
	background: url(images/l_cate_mark.jpg) no-repeat;
	padding-left: 14px;
	color: #fff;
	text-decoration: underline;
}
div#contentsleft #categories dd.icon a:hover{
	background: url(images/l_cate_mark.jpg) no-repeat;
	padding-left: 14px;
	color: #ffcc00;
	text-decoration: none;
}


/* ----- 今月の新刊 ----- */
div#contentsleft #new {
	width: 220px;
	background: url(images/l_cate_bg.jpg);
}
div#contentsleft #new_box {
	width: 184px;
	padding: 8px;
	margin-left: 10px;
	background-color:#fff;
}
div#contentsleft #new_box img { float: left; }
div#contentsleft #new_box label {
	display: block;
	width: 124px;
	margin: 0 0 0 5px;
	padding: 0;
	float: left;
	line-height: 150%;
}
div#contentsleft #new_box a {
	color: #cc3300;
	text-decoration: underline;
}
div#contentsleft #new_box a:hover {
	color: #cc0000;
	text-decoration: none;
}

div#contentsleft #new_top {
	margin-top: 10px;
	height: 47px;
	overflow: hidden;
}
div#contentsleft #new_btn { margin-left: 10px; }
div#contentsleft #new_btm { margin-bottom: 0; }

/* ----- ランキング ----- */
div#contentsleft #rank_top { margin-top: 10px; }
div#contentsleft #rank_btm { margin-bottom: 0; }

div#contentsleft #rank {
	width: 220px;
	background: url(images/l_rank_bg.jpg);
}
div#contentsleft #rank dd {
	background: url(images/l_rank_line.jpg) no-repeat;
	background-position: 10px 0;
	padding: 6px 10px 7px 11px;
}
div#contentsleft #rank a {
	display: block;
	width: 160px;
	float: left;
	color: #333;
	text-decoration: underline;
	line-height: 150%;
	margin-top: 4px;
}

div#contentsleft #rank a:visited {
	color:#666666;
}
div#contentsleft #rank a:hover {
	color:#cc3300;
	text-decoration: none;
}

div#contentsleft #rank span {
	display: block;
	float: left;
	background: url(images/l_rank_mark.jpg) no-repeat;
	width: 20px;
	height: 20px;
	margin: 0 9px 0 0;
	padding: 3px 0 0 0;
	color: #333;
	text-align: center;
}

div#contentsleft #rank #rank1 {
	background: url(images/l_rank_mark1.jpg) no-repeat;
	color: #fff;
}
div#contentsleft #rank #rank2 {
	background: url(images/l_rank_mark2.jpg) no-repeat;
}

/* ----- 定休日カレンダー ----- */
dl#closed {
	margin-top: 15px;
	width: 170px;
}
#calendar table {
	margin: 0;
	border: 1px #d5d5d5 solid;
	border-collapse: collapse;
	width: 170px;
}
#calendar td {
	border: 1px #d5d5d5 solid;
	padding: 3px;
	text-align: center;
	font-size: 12px;
	color: #616161;
}
#calendar td.calendarSun, #calendar td.calendarSat, #calendar td.calendarWek{
	font-weight: bold;
	color: #616161;
}
dd#calendar td.calendarTitle {	color:#616161; background-color:#fff; }
dd#calendar td.calendarSun {	color:#ff3621; }
dd#calendar td.calendarSat {	color:#1d64b6; }
dd#calendar td.calendarWek {	color:#616161; }
dd#calendar td.calendarBHol {	color:#616161; background-color:#ffb43d; }
dd#calendar td.calendarBWek {	color:#616161; background-color:#fff; }
dd#calendar span { color: #ffb43d; }

/* ----- 左バナー ----- */

div#contentsleft #s_bnr a {
	display: block;
	margin-top: 5px;
	width: 220px;
	text-indent: -5000px;
	overflow: hidden;
}

div#contentsleft #s_bnr a:hover {
	display: block;
	margin-top: 5px;
	width: 220px;
	text-indent: -5000px;
	overflow: hidden;
}

#s_bnr a#s_bnr_kanpo		{ height: 100px; background: url(images/s_kanpo_top.jpg) no-repeat; }
#s_bnr a:hover#s_bnr_kanpo{ height: 100px; background: url(images/s_kanpo_top_roll.jpg) no-repeat; }

#s_bnr a#s_bnr_koukoku			{ height: 100px; background: url(images/s_koukoku_top.jpg) no-repeat; }
#s_bnr a:hover#s_bnr_koukoku	{ height: 100px; background: url(images/s_koukoku_top_roll.jpg) no-repeat; }


/* -------------------------------------
　　メインコンテンツ
------------------------------------- */
div#contentsmain {
	float: left;
	width: 630px;
	padding: 10px 10px 0 0;
	background: #fff;
	color: #333;
	line-height: 130%;
	font-size: 12px;
	display: inline;
}

/*.main { margin-left:10px;}*/

#contentsmain a {
	color: #CC3300;
	font-size: 12px;
	text-decoration: underline;
}

#contentsmain a:hover {
	color: #CC3300;
	font-size: 12px;
	text-decoration: none;
}


/* ----- パンくずリスト ----- */
#contentsmain #pan{
	font-size: 0.8em;
	color: #993300;
	padding: 0;
	margin-bottom: 14px;
}
#contentsmain #pan a{
	color:#cc3300;
	text-decoration: underline;
}
#contentsmain #pan a:hover{
	color:#cc0000;
	text-decoration: none;
}

/* ----- 共通ヘッダ ----- */
#contentsmain h2 {
	width: 616px;
	height: 23px;
	padding: 13px 0 0 14px;
	margin-bottom: 20px;
	background: url(images/m_h2_bg.jpg) no-repeat;
	font-size: 14px;
}

#contentsmain h3 {
	width: 600px;
	height: 20px;
	padding: 3px 0 0 30px;
	margin-bottom: 10px;
	background: url(images/h3.jpg) no-repeat;
	color:#FFFFFF;
}

#contentsmain h4 {
	width: 600px;
	height: 20px;
	padding: 3px 0 0 30px;
	margin-bottom: 10px;
	background: url(images/h4.jpg) no-repeat;
	color:#666;
}

#contentsmain .sub_cat {
	margin-bottom: 10px;
}
#contentsmain .sub_cat h3 {
	float: left;
	width: 173px;
	height: 27px;
	padding: 7px 0 0 23px;
	margin: 0 10px 5px 0;
	background: url(images/m_h3_bg.jpg) no-repeat;
}
#contentsmain .sub_cat h3 a {
	color: #666666;
	font-size: 12px;
	text-decoration: none;
}
#contentsmain .sub_cat h3 a:hover {
	color: #cc3300;
	text-decoration: none;
}


#list_sort_box {
	width: 616px;
	margin: 0 0 15px 0;
	padding: 8px 0 8px 14px;
	background-color: #f8f7f2;
}
#list_sort_box a { color: #ae7702; }
#list_sort_box a:hover { color: #ae7702; }

/* ----- インフォメーション ----- */
#contentsmain img#info_top {
	height: 40px;
	overflow: hidden;
}
#contentsmain div#info {
	width: 580px;
	padding: 0 25px 0 25px;
	margin: 0;
	background: url(images/m_whatnew_bg.jpg) repeat-y;
	line-height: 150%;
}
#contentsmain #info p {
	margin: 0;
	padding: 0;
}
#contentsmain #info ul {
	display: block;
	width: 570px;
	height: 90px;
	margin: 0 0 0 8px;
	overflow: scroll;
	overflow-x: hidden;
}
#contentsmain #info li {
	line-height: 130%;
	padding: 8px 0 10px 0;
/*	background:url(images/top_new_line.jpg) no-repeat;
	background-position: bottom; */
	
}
#contentsmain img#info_btm {
	height: 15px;
	overflow: hidden;
}

/* ----- ブログバナー ----- */
#contentsmain #blog_bnr {
	margin: 8px 0 8px 0;
}

/* ----- 商品２列一覧共通部 ----- */
#contentsmain table.glist {
	width: 604px;
	border: none;
	margin: 0 0 13px 16px;
	padding: 0px;
}
#contentsmain .glist td{
	width: 302px;
	border: none;
}
#contentsmain .glist img {
	float: left;
	margin-top: 15px;
}
#contentsmain .glist label {
	display: block;
	float: left;
	width: 208px;
	margin: 15px 0 0 12px;
	padding: 0;
	line-height: 150%;
}
#contentsmain .glist a {
	color: #cc3300;
	text-decoration: underline;
}

/* ----- お薦め書籍 ----- */
#contentsmain #reco_top {
	height: 24px;
	overflow: hidden;
}
#contentsmain #reco {
	width: 630px;
	padding: 0;
	margin: 0;
	background: url(images/m_box_bg.jpg) repeat-y;
}
#contentsmain #reco table{
	width: 614px;
	border: none;
	margin: 0 0 13px 16px;
	padding: 0px;
}
#contentsmain #reco td{
	width: 307px;
	border: none;
}
#contentsmain #reco img {
	float: left;
	margin-top: 15px;
}
#contentsmain #recoin div {
/*	display: block; */
	float: left;
	width: 215px;
	margin: 15px 0 0 12px;
	padding: 0;
	line-height: 150%;
}
/*
#contentsmain #reco p {
	width: 208px;
	display: block;
	float: left;
}
*/
#contentsmain #reco a {
	color: #cc3300;
	text-decoration: underline;
}
#contentsmain #reco a:hover {
	color: #cc0000;
	text-decoration: none;
}

#contentsmain #reco_btm {
	margin: 0px;
	height: 1px;
	overflow: hidden;
	font-size: 0px;
}

/* ----- 新刊書籍 ----- */
#contentsmain #wnew_top {
	height: 24px;
	overflow: hidden;
	margin-top: 15px;
}
#contentsmain #wnew {
	width: 630px;
	padding: 0;
	background: url(images/m_box_bg.jpg) repeat-y;
}
#contentsmain #wnew table{
	width: 620px;
	border: none;
	margin: 0 0 13px 10px;
	padding: 0px;
}
#contentsmain #wnew td{
	width: 302px;
	border: none;
}
#contentsmain #wnew table img {
	float: left;
	margin-top: 15px;
}
#contentsmain #wnewin div {
	display: block;
	float: left;
	width: 208px;
	margin: 15px 0 0 12px;
	padding: 0;
	line-height: 150%;
}
#contentsmain #wnew a {
	color: #cc3300;
	text-decoration: underline;
}
#contentsmain #wnew a:hover {
	color: #cc0000;
	text-decoration: none;
}

#contentsmain #wnew_btm {
	margin: 0px;
	height: 1px;
	overflow: hidden;
	font-size: 0px;
}


/* ----- この商品を買った人は... ----- */
#contentsmain img#also_top {
	height: 24px;
	padding: 0;
	margin: 0;
}
#contentsmain div#also {
	width: 630px;
	padding: 0;
	margin: 0;
	background: url(images/m_box_bg.jpg) repeat-y;
}
#contentsmain #also table{
	width: 604px;
	border: none;
	margin: 0 0 13px 16px;
	padding: 0px;
}
#contentsmain #also td{
	width: 302px;
	border: none;
}
#contentsmain #also table img {
	float: left;
	margin-top: 15px;
}
#contentsmain #alsoin div {
	display: block;
	float: left;
	width: 208px;
	margin: 15px 0 0 12px;
	padding: 0;
	line-height: 150%;
	text-align: left;
}
#contentsmain #also a {
	color: #cc3300;
	text-decoration: underline;
}
#contentsmain #also a:hover {
	color: #cc0000;
	text-decoration: none;
}


#contentsmain #also_btm {
	margin: 0px;
	height: 1px;
	overflow: hidden;
	font-size: 0px;
}


/* ----- トップ下バナー ----- */
#contentsmain #kanpo_box {
	float: left;
	width: 310px;
}

#contentsmain #kanpo_top {
	height: 90px;
	overflow: hidden;
	margin-top: 20px;
}
#contentsmain #kanpo {
	width: 280px;
	height: 50px;
	padding: 13px 15px 0 15px;
	background: url(images/m_sbox_bg.jpg) no-repeat;
	line-height: 150%;
}

#contentsmain #koukoku_box {
	float: left;
	width: 310px;
	margin-left: 10px;
}
#contentsmain #koukoku_top {
	height: 90px;
	overflow: hidden;
	margin-top: 20px;
}
#contentsmain #koukoku {
	width: 280px;
	height: 50px;
	padding: 13px 15px 0 15px;
	background: url(images/m_sbox_bg.jpg) no-repeat;
	line-height: 150%;
}

/* ----- 書籍詳細ページ ----- */

#s_read {
	padding:10px 0;
	line-height:150%;
}

.shosekisp { margin-bottom:5px;}


.productListing-heading {
	padding: 0 0 10px 0;
}
/*
.productListing-heading a { color: #ae7702 !important; }
.productListing-heading a:hover { color: #ae7702 !important; }
*/

/* -------------------------------------
　　フッター
------------------------------------- */
div#footer {
	float:left;
	width:860px;
	padding: 10px 0 10px 0;
	font-size:12px;
	text-align: center;
}
div#footer span {
	margin-right: 20px;
	background:url(images/footer_mark.gif) no-repeat;
	background-position: 5px 3px;
}
div#footer a{
	color:#cc3300;
	text-decoration: underline;
}
div#footer a:hover{
	color:#cc0000;
	text-decoration: none;
}











/* ============================================================================== */



/* -------------------------------------
　　パーツのスタイル
------------------------------------- */

.odd{ background: #ffffff; }
.odd a { color: #cc3300;
	     text-decoration: underline;}

.even{ background: #ffffff; }

/* --- 入力フォームのタイトル--- */
.formh{ width: 8em; }

/* --- 入力フォームのTEXTAREA --- */
textarea { width: 100%; }

.moduleRow { background-color: #F7E1E1; }
.moduleRowOver {
	background-color: #D7E9F7;
	cursor: hand;
}
.moduleRowSelected { background-color: #F7E1E1; }

/* --- 「最終確認」ページ「変更--- */
.orderEdit {
	color: #70d250;
	text-decoration: underline;
}

/* --- メッセージ（こんにちは、○○さん） --- */
.greetUser {
	color: #0000a0;
	font-weight: bold;
}

/* --- 商品価格 --- */

.productPrice {
	color: #000000;
	font-weight: bold;
}

/* --- 商品価格 --- */
.productPrice2 {
	color: #FF0000;
	font-weight: bold;
}


/* --- 本体価格 --- */

.productHontaiPrice {
	color: #000000;
}

/* ------ */

.productRegularPrice {
	color: #ff0000;
	font-weight: bold;
}

/* --- 特価商品価格 --- */

.productSpecialPrice {
	color: #ff0000;
	font-weight: bold;
}

/* -------------------------------------
　　エラー表示・情報表示のスタイ
------------------------------------- */

div.messageBox {
	margin-bottom: 0.5em;
}

div.messageBox p{
	padding: 2px;
}

div.messageBox p.messageStackError, p.messageStackWarning{
	background-color: #FFE6E6;
}

div.messageBox p.messageStackSuccess{
	background-color: #99ff00;
}

/* ------ */

#errorBox{
	background: #ffb3b5;
	font-weight: bold;
}

#headerError{
	background: #ff0000;
	font-weight: bold;
	color: #ffffff;
}

#headerInfo{
	background: #00ff00;
	font-weight: bold;
	color: #ffffff;
}

/* --- フォームの入力案--- */

.notice_s{
	font-size: 90%;
	color: #8899bb;
}

/* --- フォームの入力エラー --- */

.error_s{
	font-size: 90%;
	color: #ff0000;
}

/* ----- */

.warning{
	color: #cc0033;

}

/* --- エラー --- */

.error{
	color: #ff0000;
}

/* ---警告（強調） --- */

.warning_bold{
	color: #cc0033;
	font-weight: bold;
}

/* --- エラー（強調） --- */

.error_bold{
	color: #ff0000;
	font-weight: bold;
}


/* -------------------------------------
　　フロートクリア
------------------------------------- */
.clear {
	clear: both;
	height: 0;
	visibility: hidden;
}

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


.infobox {
    margin:0;
	padding:0;
}