@charset "utf-8";


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

	css/index02.css

-----------------------------------------------*/
@import "reset.css";
@import "base02_test.css";
@import "module.css";
@import "dropdowns02.css";


/*---------------------------------------------
	elements
-----------------------------------------------*/
#Contents {
	margin: 15px auto;
}

/*---------------------------------------------
	#Visual
-----------------------------------------------*/
.Visual {
	display:none;}
#Visual_index{
	height:380px;
	margin: 0 auto 20px auto;
	width:900px;
}

/*---------------------------------------------
	#FreshPublications
-----------------------------------------------*/

#FreshPublications {
	width: 509px;
	line-break: strict;
	float: left;}
#FreshPublications * {
	word-break: break-all;
	word-wrap: break-word;}
#FreshPublications h2 {
	display: none;}
#FreshPublications ol li {
	float: left;
	display:inline;
	width: 126px;}
#FreshPublications ol dl {
	width: 106px;}
#FreshPublications h3 {
	width: 106px;
	line-break: strict;
	font-weight: bold;}
#FreshPublications dt {
	min-height: 180px;
	_height: 180px;	/*	for ie6	*/}
#FreshPublications dd {
	min-height: 12em;
	margin-bottom: 3px;}

#FreshPublications dd p, #FreshPublications dd li {
	font-size: 0.84em;}

#FreshPublications h4 {
	width: 106px;
	line-break: strict;
	font-weight: bold;
	min-height: 60px;
	_height: 60px;	/*	for ie6	*/}

#FreshPublications dd li {
	float: none;
	line-height: 1.3;}

#FreshPublications .icon {
	display: block;
	height: 20px;
	line-height: 12px;}
#FreshPublications .topnew img {
	margin-bottom: 10px;}
#FreshPublications .image img {
	border: 1px solid #ad9676;
	max-width: 104px;}
#FreshPublications .image a:hover img {
	border: 1px solid #D30075;}
#FreshPublications .button {
	height: 23px;}
#FreshPublications .otherbook {
	float: right;
	margin-bottom: 25px;}
#FreshPublications .price {
	width: 106px;
color: #c4191f;}

#FreshPublications .catch_copy{
		width: 106px;
}

#FreshPublications dd ol{
		width: 106px;	
}

/*---------------------------------------------
	#newbookbanner
-----------------------------------------------*/

#newbookbanner {
	width: 900;
	line-break: strict;
	float: left;}
#newbookbanner * {
	word-break: break-all;
	word-wrap: break-word;}
#newbookbanner h2 {
	display: none;}
#newbookbanner ol li {
	float: left;
	display:inline;
	width: 126px;}
#newbookbanner ol dl {
	width: 106px;}
#newbookbanner h3 {
	width: 106px;
	line-break: strict;
	font-weight: bold;}
#newbookbanner dt {
	min-height: 180px;
	_height: 180px;	/*	for ie6	*/}
#newbookbanner dd {
	min-height: 12em;
	margin-bottom: 3px;}

#newbookbanner dd p, #newbookbanner dd li {
	font-size: 0.84em;}

#newbookbanner h4 {
	width: 106px;
	line-break: strict;
	font-weight: bold;
	min-height: 60px;
	_height: 60px;	/*	for ie6	*/}

#newbookbanner dd li {
	float: none;
	line-height: 1.3;}

#newbookbanner .Banner {
	display:none;}

#newbookbanner .icon {
	display: block;
	height: 20px;
	line-height: 12px;}
#newbookbanner .topnew img {
	margin-bottom: 10px;}
#newbookbanner .image img {
	border: 1px solid #ad9676;
	max-width: 104px;}
#newbookbanner .image a:hover img {
	border: 1px solid #D30075;}
#newbookbanner .button {
	height: 23px;}
#newbookbanner .otherbook {
	float: right;
	padding-top: 5px;
	padding-right: 2px;
	margin-bottom: 25px;}
#newbookbanner .price {
	width: 106px;
color: #c4191f;}

#newbookbanner .catch_copy{
		width: 106px;
}

#newbookbanner dd ol{
		width: 106px;	
}

/*---------------------------------------------
	#PushBooks
-----------------------------------------------*/
#PushBooks {
	width: 390px;
	margin-bottom: 20px;
	float: right;
	line-break: strict;
	background: url(../img/index/bg_push_repeat.jpg) repeat-y left top;}

#PushBooks * {
	word-break: break-all;
	word-wrap: break-word;}

#PushBooks h2 {
	height: 27px;
	line-height: 12px;
	background: url(../img/common/bg_body.jpg) repeat;}

/*	#PowerPush
-----------------------------------------------*/
#PowerPush {
	background: url(../img/index/fr_push_esp.gif) no-repeat center top;
	line-break: strict;
	height: 83px;}
#PowerPush ul {
	padding: 7px 0 0 28px;}
#PowerPush li {
	float: left;
	padding-right: 5px;
	_padding-right: 2px;	/*	for ie6	*/
	line-height: 12px;}
#PowerPush li img {}

/* PushList
-----------------------------------------------*/
#PushList {
	padding-bottom: 7px;
	line-break: strict;
	background: url(../img/index/bg_push_bottom.gif) no-repeat left bottom;}
#PushList ol {
	padding: 5px 0px 0px 20px;}
#PushList li {
	width: 170px;
	padding-right: 12px;
	float: left;}
#PushList li h3 {
	font-weight: bold;
	float: right;
	width: 108px;
	padding-right: 5px;}
#PushList li p {
	float: right;
	width: 108px;
	line-height: 1.0; 
	font-size: 0.84em;
	padding-right: 5px;
	margin-bottom: 5px;}
#PushList li p.image {
	float: left;
	width: 52px;
	margin-bottom: 10px;}
#PushList .image img {
	border: 1px solid #a38b6a;
	max-width: 50px;}
#PushList .image a:hover img {
	border: 1px solid #D30075;}
#PushList li p.button {
	margin-bottom: 15px;}	


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

	#TextContents

----------------------------------------------*/
#TextContents {
	float: left;
	width: 365px;}

#TextContents table {
	width: 100%;
	float: none;
	clear: both;
	margin: 7px auto;}

#TextContents table th, #TextContents table td {
	padding-top: 2px;
	padding-bottom: 2px;
	vertical-align: text-top;
	line-height: 1.3;}

#TextContents table th {
	padding-left: 11px;
	padding-right: 5px;
	width: 80px;
	word-break: break-all;
	word-wrap: break-word;
	white-space: normal;
	background: url(../img/common/lm_sarrow.jpg) no-repeat left 0.5em;}

#TextContents table td {
	padding-left: 5px;}


/*	headers
----------------------------------------------*/
#TextContents .headers {
	min-height: 15px;
	_height: 15px;
	padding-bottom: 5px;
	background: url(../img/common/br_dot.jpg) repeat-x left bottom;
	font-size: 0.84em;}
#TextContents .headers h2 {
	float: left;}
#TextContents .headers p {
	float: right;
	margin-left: 7px;}
#TextContents .headers .forList a {
	padding-left: 15px;
	background: url(../img/common/lm_warrow.gif) no-repeat left center;}


/*--------------------------------------------
	#NewInfo
----------------------------------------------*/
#NewInfo {}


/*--------------------------------------------
	#InfoCategory
----------------------------------------------*/
#InfoCategory {
	background: url(../img/index/bg_info_category_repeat.jpg) repeat-y left top;
	margin-bottom: 20px;}
#InfoCategory h3 {
	background: url(../img/index/bg_info_category_top.gif) no-repeat left top;
	padding: 7px 12px 3px 12px;}
#InfoCategory ul {
	padding: 3px 12px 7px 12px;
	background: url(../img/index/bg_info_category_bottom.gif) no-repeat left bottom;}
#InfoCategory li {
	display: inline;
	line-break: strict;
	padding-right: 8px;
	font-size: 0.84em;
	white-space: nowrap;
	word-break:keep-all;
}
#InfoCategory li a {
	font-size: 1.2em;
	padding-left: 5px;
	background: url(../img/common/lm_beige_square.jpg) no-repeat left center;
	word-break:keep-all;}




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

	#VisualContents

----------------------------------------------*/
#VisualContents {
	width: 518px;
	float: right;}


/*--------------------------------------------
	#BigBanners
----------------------------------------------*/
#BigBanners {
	margin-bottom: 10px;}
#BigBanners li {
	margin-bottom: 10px;}


/*--------------------------------------------
	#MiniBanners
----------------------------------------------*/
#MiniBanners {
	width: 518px;
	background: url(../img/index/bg_bnrs_repeat.jpg) repeat-y left top;}
#MiniBanners ul {
/*	background: url(../img/index/bg_bnrs_top.gif) no-repeat left top;
	padding-top: 9px;	*/
	padding-left: 12px;
	min-height: 70px;
	_height: 70px;}
#MiniBanners li {
	float: left;
	width: 158px;
	padding: 0 10px 5px 0;
	font-size: 10px;}
#MiniBanners li img {
	width: 158px;
	height: 30px;}
#MiniBanners div.clear {
	height: 4px;
	background: url(../img/index/bg_bnrs_bottom.gif) no-repeat left bottom;}