@charset "UTF-8";

/*======================================
	Common
	Layout
	header
		header globalNavi
	flashnavi
	content main
		content main contentNavi
		content main contentNavi2
		content main contentNavi3
		content main content2col
		content main content2col contentRight
		content main content2col contentLeft
	content column
	footer
	
@media screen and (-webkit-min-device-pixel-ratio: 0) {
	ul#globalNavi li { margin: 30px 0 0 0; }
}
=======================================*/ 

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

	Yahoo! UI Library Fonts CSS: http://developer.yahoo.com/yui/fonts/

		Copyright (c) 2009, Yahoo! Inc. All rights reserved.
		Code licensed under the BSD License:
		http://developer.yahoo.net/yui/license.txt
		Version: 2.7.0
		Font-size Adjustment:
						77% = 10px	|	123.1% = 16px	|	167% = 22px
						85% = 11px	|	131% =  17px	|	174% = 23px 
						93% = 12px	|	138.5% = 18px	|	182% = 24px 
						100% = 13px	|	146.5% = 19px	|	189% = 25px 
						108% = 14px	|	153.9% = 20px	|	197% = 26px 
						116% = 15px	|	161.6% = 21px	| 
			
=======================================*/
body{font:13px/1.231 arial,helvetica,clean,sans-serif;*font-size:small;*font:x-small;}select,input,button,textarea,button{font:99% arial,helvetica,clean,sans-serif;}table{font-size:inherit;font:100%;}pre,code,kbd,samp,tt{font-family:monospace;*font-size:108%;line-height:100%;}

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

	Common
	
=======================================*/
body * {
	backgruond: #fff;
	font-family:"ＭＳ Ｐゴシック", "Hiragino Kaku Gothic Pro", "Hiragino Kaku Gothic Pro W3", sans-serif;
	color: #333;
}

body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, code, form, fieldset, legend, input, textarea, p, blockquote, th, td, object, embed {
	margin: 0;
	padding: 0;
	word-break: break-all;
}

h1, h2, h3, h4, h5, h6 { font-size: 100%; }
table { border-collapse: collapse; border-spacing: 0; }
caption, th { text-align: left; }
img, fieldset { border:0; }
input, textarea, select { font-family: inherit; font-size: inherit; font-weight: inherit; }
address, caption, cite, code, dfn, em, strong, th, var { font-style: normal; }
li { list-style:none; }
q:before, q:after { content: ""; }
sup { vertical-align: text-top; }
sub { vertical-align: text-bottom;}

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

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

	Layout
	
=======================================*/
body {
	text-align: center; /* ie6 */
}

#headerBg {
	width: 100%;
	text-align: center;
}

#header div,
#topicPath,
h1,
#content {
	clear: both;
	width: 950px;
	margin: 0 auto;
	text-align: left;
	overflow: inherit;
}

#content #main {
	float: left;
	width: 722px;
	height: 100%;
}

#content #column {
	float: right;
	width: 200px;
}

#footer,
#footer2 {
	clear: both;
	width: 100%;
	margin: 0 auto;
	text-align: center;
	overflow: auto;
}

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

	header
	
=======================================*/
#header { 
	height: 73px;
	background: #fff url(../img/header/header_bg.jpg) repeat-x;
}

#header div { position: relative; }
#header div p.siteName { position: absolute; left: 0; top: 10px; }
#header div p.siteName img { margin: 0; }
#header div p { position: absolute; left: 782px; top: 9px; }
#header div p a { margin: 0 2px 0 0; }
#header div p img { margin: 5px 0 0 0; }


/* header globalNavi
=======================================*/
ul#globalNavi { clear: both; }
ul#globalNavi li {
	float: left;
	overflow: hidden;
	position: relative;
	width: 84px;
	height: 30px;
	margin: 43px 0 0 0;
}

ul#globalNavi li a { position: absolute; width: 84px; height: 30px; }
ul#globalNavi li a:hover { top: -30px; }

ul#globalNavi li#c01 { width: 48px; height: 19px; position: relative; top: 5px; } /* HOME */
ul#globalNavi li#c02 { margin-left: 2px; width: 83px; } /* こどもの本 */
ul#globalNavi li#c03 { margin-left: 0px; } /* 参考書 */
ul#globalNavi li#c04 { margin-left: 0px; width: 82px; } /* 書籍 */
ul#globalNavi li#c05 { margin-left: 0px; } /* 文庫 */
ul#globalNavi li#c06 { margin-left: 0px; width: 82px; } /* コミック */
ul#globalNavi li#c07 { margin-left: 0px; } /* 知育トイ */
ul#globalNavi li#c08 { margin-left: 0px; width: 82px; } /* 雑誌 */
ul#globalNavi li#c09 { margin-left: 0px;  } /* 電子書籍 */
ul#globalNavi li#c10 { margin-left: 0px; width : 77px; } /* 最新 */
ul#globalNavi li#c11 { margin-left: 0px; width: 79px;} /* ウェブサイト */
ul#globalNavi li#c12 { margin-left: 0px; width : 79px;} /* お知らせ */
@media screen and (-webkit-min-device-pixel-ratio: 0) {
	ul#globalNavi li#c10 { left: 2px; } /* 最新 */
	ul#globalNavi li#c11 { left: 2px;} /* ウェブサイト */
	ul#globalNavi li#c12 { left: 2px;} /* お知らせ */
}/**/

ul#globalNavi li#c01 a { left: 0px; top: -5px; }
ul#globalNavi li#c01 a:hover { top: -35px; _border: 0; }
*:first-child+html ul#globalNavi li#cat01 a:hover { border: 0; } /* ie7 */
ul#globalNavi li#c02 a { left: -50px; }
ul#globalNavi li#c03 a { left: -133px; }
ul#globalNavi li#c04 a { left: -217px; }
ul#globalNavi li#c05 a { left: -299px; }
ul#globalNavi li#c06 a { left: -383px; }
ul#globalNavi li#c07 a { left: -465px; }
ul#globalNavi li#c08 a { left: -549px; }
ul#globalNavi li#c09 a { left: -631px; }
ul#globalNavi li#c10 a { left: -715px; }
ul#globalNavi li#c11 a { left: -793px; }
ul#globalNavi li#c12 a { left: -873px; }

.cat02 ul#globalNavi li#c02 a { top: -30px; }
.cat03 ul#globalNavi li#c03 a { top: -30px; }
.cat04 ul#globalNavi li#c05 a { top: -30px; }
.cat05 ul#globalNavi li#c04 a { top: -30px; }
.cat06 ul#globalNavi li#c06 a { top: -30px; }
.cat07 ul#globalNavi li#c07 a { top: -30px; }
.cat08 ul#globalNavi li#c08 a { top: -30px; }
.cat09 ul#globalNavi li#c09 a { top: -30px; }
.cat10 ul#globalNavi li#c10 a { top: -30px; }
.cat11 ul#globalNavi li#c11 a { top: -30px; }
.cat12 ul#globalNavi li#c12 a { top: -30px; }

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

	topicPath

=======================================*/
#topicPath { text-align: left; }
#topicPath p { margin: 0.6em 0 0 0; font-size: 85%; color: #333; }
#ie6 #topicPath p { letter-spacing: 0.1em; }
#ie7 #topicPath p { letter-spacing: 0.1em; }
#topicPath p a { color: #333; }
#topicPath p a.siteroute { text-transform: uppercase; }

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

	heading

=======================================*/
h1 { margin: 3px auto; }
dir03 h1, dir04 h1 { margin: 3px auto 0; }
#home h1 { display: none; }


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

	flashnavi

=======================================*/
#home #flashnavi object,
#home #flashnavi embed { margin: 5px 0 20px 0; }

#home #flashnavi { margin: 10px 0 0 0; }

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

	content main
	
=======================================*/

/* content main contentNavi
=======================================*/
div#contentNavi {
	width: 719px;
	margin : 0 0 10px 0;
	overflow: auto;
}

div#contentNavi ul {
	width: 690px;
	overflow: auto;
	margin: 7px 0 0 0;
	padding: 0 0 6px 29px; 
}
#ie6 div#contentNavi ul { width: 719px; }

div#contentNavi li {
	width: 228px;
	float: left;
	letter-spacing: 0.1em;
	line-height: 1.5;
	font-size: 85%;
}
#ie7 div#contentNavi li { font-size: 93%; }
#ie6 div#contentNavi li { width: 224px; font-size: 93%; }

div#contentNavi li a {
	margin: 0 0 0 14px;
}

/* content main contentNavi2
=======================================*/
div#contentNavi2 {
	width: 719px;
	margin : 0 0 10px 0;
	overflow: auto;
}

div#contentNavi2 ul {
	width: 690px;
	overflow: auto;
	margin: 7px 0 0 0;
	padding: 0 0 6px 29px; 
}
#ie6 div#contentNavi2 ul { width: 719px; }

div#contentNavi2 li {
	width: 172px;
	float: left;
	letter-spacing: 0.1em;
	line-height: 1.5;
	font-size: 85%;
}
#ie7 div#contentNavi2 li { font-size: 93%; }
#ie6 div#contentNavi2 li { width: 172px; font-size: 93%; }

div#contentNavi2 li a {
	margin: 0 0 0 14px;
}

/* content main contentNavi3
=======================================*/
div#contentNavi3 {
	width: 719px;
	margin : 0 0 10px 0;
}

div#contentNavi3 ul {
	width: 712px;
	padding: 6px 3px 6px 4px; 
	_padding: 6px 0 6px 0; 
}
#ie6 div#contentNavi3 ul { width: 719px; }

div#contentNavi3 li {
	width: 172px;
	margin : 2px 3px;
	float: left;
}


/* content main content2col
=======================================*/
div#content2col {
	width: 719px;
	margin : 10px 0 0 0;
}

/* content main content2col contentRight
=======================================*/
div#contentRight {
	width: 490px;
	float : right;
}

/* content main content2col contentLeft
=======================================*/
div#contentLeft {
	width: 200px;
	float : left;
}




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

	content column * optimized
	
=======================================*/
#column dl { margin: 0 0 10px 0; border-bottom: 1px solid #6b7a73; }
#column dt { padding: 3px 5px 3px 5px; _padding: 5px 5px 3px 5px; background: #94c631 url(../img/column/column_header.gif) no-repeat; font-size: 85%; font-weight: bold; color: #009; }
#ie6 #column dt { padding: 6px 0 3px 5px; } 
#column dd { width: 184px; _width: 200px; padding: 8px 8px 0 8px; background: url(../img/column/column_bg.gif) repeat-y; font-size: 85%; }
#ie6 #column dd { width: 200px; }

#column dd .wrapper { display: block; width: 184px; overflow: auto; padding: 0 0 10px 0; background: url(../img/column/column_dot.gif) repeat-x left bottom; }
#column dd .wrapper.last { background:none; }
#column dd .wrapper em { font-weight:bold; }

/* タイアップ */
#column .tieup { margin: 0 0 10px 0; }

/* 全カテゴリー */
#column .allCat { padding: 0 0 0.8em 0; background:url(../img/column/column_bg.gif) repeat-y; }
#column .allCat ul { padding: 0 0 0.8em 0; background:url(../img/dot/dot.gif) repeat-x left bottom; }
#column .allCat .last ul { background:none; }
#column .allCat li { margin: 0.1em 0 0 1em; }

/* 売れ行き順 */
#column .top10 li { clear: both; margin-bottom: 4px; }
#column .top10 li span. { float: left; width: 32px; margin: 0.1em 0 0 0; }
#column .top10 li em { display: block; float: right; width: 144px; }

/* 売れ行き順 新 */
#column .top5 dd .wrapper { overflow : visible; }

#column .top5 li {
	padding: 0 0 10px 0;
	margin: 0 0 10px 0;
	background: url(../img/dot/dot.gif) repeat-x left bottom;
}
#column .top5 li.last {
	padding: 0;
	margin:  0;
	background: none;
}
#column .top5 li span.ranking { float: left; width: 20px; margin: 0.1em 0 0 0; }
#column .top5 li span.cover { float: left; width: 42px; margin: 0.1em 0 0 0; }
#column .top5 li em { display: block; float: right; width: 114px; font-weight:normal; }
#column .top5 li .title { font-weight:bold; }

/* 最新/イベント/懸賞/公募情報 */
#column .clmInfo .wrapper a { display: block; }
#column .clmInfo .wrapper span.cat { display: inline; margin: 2px 8px 0 0; }
#column .clmInfo .wrapper span.cat a { display: inline; }
#column .clmInfo .wrapper a.cat span { font-style: italic; }
#column .clmInfo .wrapper span.ex { display: block; margin: 0 0 0 16px; text-align: right; }
#column .clmInfo .wrapper span.ex em { font-weight:bold; }


/* お知らせ */
#column .review .wrapper span.ex { display: block; margin: 0 0 0 16px; text-align: right; }

/* 編集部よりひとこと, 販売部よりひとこと, お知らせ (こどもの本) */
.dir02 #column .review .wrapper span { display: block; margin: 0 0 0 16px; text-align: right; }

/* 編集部よりひとこと, 販売部よりひとこと, お知らせ (赤ちゃん) */
.dir03 #column .review .wrapper img { float: left; width: 35px; }
.dir03 #column .review .wrapper a { float: left; width: auto; }
.dir03 #column .review .wrapper a.wImg { float: left; width: 144px; margin: 0 0 0 5px; _width: 136px; }
.dir03 #column .review .wrapper span { float: right; width: 160px; text-align: right; }
.dir03 #column .review .wrapper span.wImg { width: 144px; }

.dir03 #ie6 #column .review .wrapper a.wImg { width: 75%; }
.dir03 #ie7 #column .review .wrapper span { width: 80%; }
.dir03 #ie6 #column .review .wrapper span { width: 80%; }

/* おすすめ！ */
#column .recommend { padding: 0 0 8px 0; background: url(../img/column/column_bg.gif) no-repeat left bottom; }
#column .recommend .wrapper img { float: left; width: 35px; }
#column .recommend .wrapper em.wImg { float: left; width: 144px; margin: 0 0 0 5px; font-weight:normal; }
#IE6 #column .recommend .wrapper em.wImg { float: left; width: 136px; margin: 0 0 0 5px; }

/* おすすめ！ （画像大きい版）*/
#column .recommend2 { padding: 0 0 8px 0; background: url(../img/column/column_bg.gif) no-repeat left bottom; }
#column .recommend2 dd.img { text-align : center; }
#column .recommend2 dd.txt .wrapper { background : none; }
#column .recommend2 dd.txt .wrapper a { font-size : 108%; }


#column .recommend2 .wrapper em.wImg { float: left; width: 144px; margin: 0 0 0 5px; }
#IE6 #column .recommend2 .wrapper em.wImg { float: left; width: 136px; margin: 0 0 0 5px; }

/* もっと見る */
#column dd.more { clear: both; padding: 3px 8px 10px 8px; }
#ie6 #column dd.more { height: 1%; padding: 6px 8px 10px 8px; }

/* 新刊情報 */
#column .clmNew .wrapper span.date { display: block; float: right; width: 80%; text-align: right; }

/* 雑誌 最新号 */
#column .clmNewMag .wrapper span.date { display: block; }

/* カテゴリで探す */
#column .category { width: 100%; overflow: inherit; padding: 0 0 6px 0; background: url(../img/column/column_bg.gif) no-repeat left bottom; border-bottom: 1px solid #737c7b; }
#column .category dt { background: #737c7b url(../img/column/column_header2.gif) no-repeat; }
#column .category dd { padding: 2px 8px 0 8px; background: url(../img/column/column_bg.gif) repeat-y; }
#column .category dd.first { padding: 8px 8px 0 8px; } 
#column .category dd .wrapper { display: block; padding: 0 0 6px 0; } 

/* バナー */
#column ul.banner li { display: block; margin: 0 0 10px 0; }

/* 検索 */
#column #clmsearch {
	width : 200px;
	height : 66px;
	display : block;
	margin : 0 0 10px 0;
	background : url(../img/column/search_bg.gif) no-repeat left top;
	position : relative;
}

#column #clmsearch form  input.search {
	width: 145px;
	color: #646464;
	font-size : 85%;
	top : 7px;
	left : 40px;
	position : absolute;
}
#column #clmsearch form input.searchBtn {
	top : 37px;
	left : 5px;
	position : absolute;
}
#column #clmsearch form a.searchBtnAdvanced {
	top : 37px;
	left : 59px;
	position : absolute;
}

#column #clmsearch_advanced {
	width : 200px;
	margin : 0 0 10px 0;
	background : url(../img/column/search_advanced_bg.gif) repeat-y left top;
	position : relative;
}

#clmsearch_advanced_inner {
	width : 200px;
	padding : 40px 0 0 0;
	background : url(../img/column/search_advanced_bgtop.gif) no-repeat left top;
}

#clmsearch_advanced_inner h2{
	display : none;
}

#clmsearch_advanced_inner h3 {
	margin : 0 5px 2px;
}
#clmsearch_advanced_inner p{
	padding : 0 0 6px;
	margin : 0 5px 5px;
	background : url(../img/column/search_advanced_line.gif) repeat-x left bottom;
}

#clmsearch_advanced_inner p.last{
	margin : 0 5px 0;
	padding : 0;
	background : none;
}

#column #clmsearch_advanced_inner input.search {
	width: 184px;
	color: #646464;
	font-size : 85%;
}

#clmsearch_advanced_inner p img.isbn {
	margin : 0 3px 0 0;
	vertical-align : bottom;
}
#column #clmsearch_advanced_inner input.search2 {
	width: 150px;
	color: #646464;
	font-size : 85%;
}

#column #clmsearch_advanced_inner select.search {
	width: 190px;
	color: #646464;
	font-size : 85%;
	margin : 0 0 5px 0;
}

#column #clmsearch_advanced_inner select.last {
	margin : 0;
}


#clmsearch_advanced_btm {
	width : 200px;
	_padding : 0 0 5px;
	text-align : center;
	background : url(../img/column/search_advanced_bgbtm.gif) no-repeat left bottom;
}

#column #clmsearch_advanced_btm input.searchBtn {
	padding : 0 0 5px;
}

#clmsearch_advanced_btn {
	width : 200px;
	padding : 0 0 5px;
	text-align : center;
	background : url(../img/column/search_advanced_bgbtm.gif) no-repeat left bottom;
}

#clmsearch_advanced_area{
	display:none;
}

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

	footer
	
=======================================*/
#footer { overflow: hidden; }
#footer p.notice { width: 950px; margin: 0 auto 0.3em; text-align: left; font-size: 93%; }
#footer p.notice .attn { color: #f00; }

#footer2 { overflow: hidden; margin: 3px 0 10px 0; text-align: center; border-top: 1px solid #a9a9a9; }



#footer2 ul#footerNavi { width: 950px; margin: 9px auto 0; padding: 0 0 0 26px; text-align: left; font-size: 93%; _padding: 0; }
#footer2 ul#footerNavi li { float: left; margin: 0 5px 0 0; color: #a9a9a9; }
#footer2 ul#footerNavi a { margin: 0 5px 0 0; _letter-spacing: 0.1em; }
*:first-child+html #footer2 ul#footerNavi a { letter-spacing: 0.1em; }

#footer3 { overflow: hidden; margin: 3px 0 10px 0; text-align: center; border-top: 1px solid #a9a9a9; }
#footer3 div { width: 950px; margin: 0 auto; text-align: left; padding: 0 0 0 26px; _padding-left: 20px; }
#footer3 ul { float: left; width: 508px; margin: 9px 0 32px 0; font-size: 85%; }
	#ie7 #footer3 ul { float: left; width: 520px; }
	#ie6 #footer3 ul { float: left; width: 510px; }
#footer3 ul li { float: left; margin: 0 6px 0 0; color: #a9a9a9; }
	#ie7 #footer3 ul li { letter-spacing: 0.1em; }
	#ie6 #footer3 ul li { letter-spacing: 0.1em; }
#footer3 ul a { margin: 0 6px 0 0; }
#footer3 ul#copyright { float: right; width: 440px; }
	#ie7 ul#copyright { width: 420px; font-size: 93%; }
	#ie6 ul#copyright { width: 410px; font-size: 93%; }
#footer3 ul#copyright li { color: #666; _letter-spacing: 0; }
*:first-child+html #footer3 ul#copyright li { letter-spacing: 0; }
#footer3 ul#copyright a { margin: 0; }
#footer3 ul#copyright img {  position: relative; top: -4px; margin: 0 0 0 0px; _margin-right: -20px; }

/*****************************************************************************************
回り込み解除
*****************************************************************************************/
.clearfix:after	{
	content: ".";
	display: block;
	height: 0;
	margin : 0;
	padding : 0;
	clear: both;
	visibility: hidden;
}
.clearfix	{ display: inline-block;}
/* Hides from IE-mac \*/
* html .clearfix	{ height: 1%;}

.clearfix	{ display: block;}
/* End hide from IE-mac */


.freetext{
	margin:10px 0;
	clear:both;
}