@charset "UTF-8";
@import url("mainmenu.css");
@import url("footermenu.css");

/* General Settings */
body {
	font-family: "ＭＳ Ｐゴシック", Osaka, "Hiragino Kaku Gothic Pro", Verdana, Arial, sans-serif;
	font-size: 80%;
	color: #000;
	background-color: #FFFFFF;
	margin: 0;
	padding: 0;
}
.smallText {
	font-size: 0.85em;
}
.exsmallText {
	font-size: 0.80em;
}
img {
	border: none;
}
form {
	margin: 0;
}
a {
	color: #2c4186;
	background-color:#FFFFFF;
	text-decoration: none;
}
a:hover {
	color: #FF0000;
	background-color:#FFFFFF;
	text-decoration: underline;
}
a.detail {
	display: block;
	width: 67px;
	height: 11px;
	background-image: url(../img_common/btn_detail.gif);
	background-repeat: no-repeat;
	text-indent: -9999px;
}
a:hover.detail {
	background-image: url(../img_common/btn_detail_f2.gif);
}
a.golist {
	display: block;
	width: 67px;
	height: 11px;
	background-image: url(../img_common/btn_golist.gif);
	background-repeat: no-repeat;
	text-indent: -9999px;
}
a:hover.golist {
	background-image: url(../img_common/btn_golist_f2.gif);
}
div.pagetop a {
	display: block;
	width: 120px;
	height: 12px;
	margin-top: 30px;
	margin-left: 430px;
	background-image: url(../img_common/btn_pagetop.gif);
	background-repeat: no-repeat;
	text-indent: -9999px;
}
div.pagetop a:hover {
	background-image: url(../img_common/btn_pagetop_f2.gif);
}
.active {
	color: #ff0028;
	background-color: #FFFFFF;
}

h1,h2,h3,h4,h5 {margin: 0;}

/* Structure */
#OuterWrapper {
	width: 800px;
	margin: auto;
	border: #ccc 1px solid;
}
table#ContentsFrame {
	width: 780px;
	margin: 2px 0 0 10px;
	border: 0;
	padding: 0;
}
#Subnavi {
	width: 184px;
 	vertical-align: top;
}
#ContentsBody {
	width: 564px;
	padding-left: 32px;
 	vertical-align: top;
}
#ContentsWrapper {
}
#ContentsBody a {
	color: #0062ac;
}
#ContentsBody a:hover {
	color: #FF0000;
}

/* float clearfix */
.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
/* End hide from IE-mac */


/* Header */
#Header {
	width: 780px;
	margin-left: 10px;
	margin-bottom: 5px;
}
#HeaderLogo {
	float: left;
	margin: 15px 0 0 0;
}
#HeaderSearch { /* 検索エリアラッパー */
	float: right;
	font-size: 0.8em;
	margin: 10px 0 0 0;
}
#searchLower{ /* 検索下段フロートを一旦クリア */
	clear: left;
}
#HeaderSearch dl {
	margin: 0;
}
#HeaderSearch dt {
	float: left;
	margin: 1px 0;
}
#HeaderSearch dd {
	float: left;
	margin: 1px 0 1px 3px;
}
#HeaderSearch .mid { /* テキストエリア部幅設定 */
	display: block;
	width: 170px;
}
#HeaderSearch .btn { /* 検索ボタン位置微調整 */
	margin-top: 2px;
}
.searchList { /* プルダウン */
	font-size: 12px;
	width: 100px;
}
.searchTextBox { /* 検索上段テキストエリア */
	font-size: 12px;
	width: 155px;
	height: 16px;
	padding: 0;
}
.searchISBN1 { /* 検索下段ISBN入力左 */
	width: 85px;
	height: 16px;
	padding: 0;
}
.searchISBN2 { /* 検索下段ISBN入力右 */
	width: 20px;
	height: 16px;
	padding: 0;
}
#HeaderManual { /* 検索の手引き */
	clear: both;
	font-size: 0.8em;
	text-align: right;
	margin: 0;
}



/* PANKUZU List */
#Pankuzu {
	width: 780px;
	margin-left: 10px;
	padding: 10px 0;
	font-size: 0.8em;
}



/* Footer */
#Footer {
	width: 780px;
	margin-left: 10px;
}

#Copyright {
	padding: 5px 0;
	text-align: right;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 0.8em;
}




/*　++++++++++下層ページ共通パーツ++++++++++++++　*/

 dl.bookInfo {
	width: 174px;
	height: 240px;
	display: block;
	float: left;
	margin: 0 4px 20px;
}
div.pagination {
	text-align: right;
	line-height: 1.5em;
}
.btnCart a {
	display: block;
	float: right;
	width: 63px;
	height: 68px;
	margin-top: -50px;
	background-image: url(btn_cart.gif);
	background-repeat: no-repeat;
	text-indent: -9999px;
	clear: right;
}
.btnChara a {
	display: block;
	float: right;
	width: 60px;
	height: 37px;
	margin-top: -5px;
	background-image: url(btn_chara.gif);
	background-repeat: no-repeat;
	text-indent: -9999px;
	clear: right;
}
.btnKodomo a {
	display: block;
	float: right;
	width: 58px;
	height: 53px;
	margin-top: -50px;
	background-image: url(btn_kodomo.gif);
	background-repeat: no-repeat;
	text-indent: -9999px;
	clear: right;
}
.blockWrapper {/* 20070321追加 */
	min-height: 1em;
}
div dd.newIcon {/* 20070323修正 */
	display: block;
	text-align: left;
	margin: 2px 15px 2px;
}

/*　++++++++++会社概要++++++++++++++　*/
#Company .list {
	color: #464646;
	border-bottom: 1px solid #BFBFBF;
}
#Enkaku {
	color: #464646;
}
#Enkaku .list {
	border-bottom: 1px dotted #BFBFBF;
}
#Enkaku .month {
	padding-right: 20px;
}
#List01 .odd {
	background-color: #E5E5E5;
}
#List01 .mname {
	font-weight: bold;
	padding-left: 15px;
}
#List01B {
	font-weight: bold;
}
#List02 {
	color: #666666;
}
#List02 .dot {
	background-image: url(../company/img/list02_dot.gif);
	background-repeat: no-repeat;
	background-position: left center;
}
#List02 .title {
	background-color: #FFFFFF;
}
#Privacy .policy {
	color: #4c4948;
	line-height: 1.8em;
	padding: 15px 0;
	border-bottom: 1px solid #646464;
}
#Privacy .policy2 {
	color: #4c4948;
	line-height: 1.8em;
	padding: 15px 0;
}
#Contact {
	color: #4c4948;
	line-height: 1.8em;
}
#Contact .doc {
	padding: 5px 0 5px 25px;
}
#Contact .listLeftName {
	padding-left: 8px;
}
#Question .qarea {
	background-color: #FFFFFF;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-right-style: solid;
	border-bottom-style: solid;
	border-right-color: #999999;
	border-bottom-color: #999999;
}
.qlist {
	font-family: verdana, Arial, Helvetica, sans-serif;
	font-size: 1.0em;
	font-weight: bold;
	color: #0062ac;
}
#qtlist td {
	padding: 3px 0;
}
.qtitle a {
	color: #000;
	text-decoration: none;
}
.qtitle a:hover {
	color: #FF0000;
	text-decoration: underline;
}
.ansdoc {
	color: #4c4948;
	line-height: 1.8em;
	font-size: 0.82em;
	padding: 8px 5px;
}
#Link {
	color: #4c4948;
	font-size: 0.85em;
}
#Link .listLeftName {
	padding-left: 8px;
}
#Link a {
	background-color: #EDEDED;
}
#Sitemap .box {
	color: #4c4948;
	line-height: 1.8em;
	font-size: 0.82em;
	border-top: 1px solid #646464;
	border-bottom: 1px solid #646464;
	background-position: center;	
}
.boxOuter {
	border-bottom: 1px dotted #b0b0b0;
}
span.sitelink {
	display: block;
	background-image: url(../info/img/sitemap_arrow.gif);
	background-repeat: no-repeat;
	background-position: left center;
	text-indent: 20px;
}
span.top a {
	background-color: #EDEDED;
}
#Shop {
	color: #4c4948;
	line-height: 1.6em;
}
.shopguide {
	background-color: #FFFFFF;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-right-style: solid;
	border-bottom-style: solid;
	border-right-color: #999999;
	border-bottom-color: #999999;
}