body     { color: #292d32; background-image: url("img/bg_body.gif"); background-repeat: repeat; text-align: center; margin: 0; padding: 0 }
/*<agl.folder "BASE ELEMENT">*/
	h1 { font-size: 14px; font-weight: bold; margin: 0; padding: 0 }
	img { border-style: none }
	a   { color: #2157bb; text-decoration: none; cursor: pointer }
	a:link { text-decoration: none }
	a:visited { text-decoration: none }
	a:hover  { text-decoration: underline }
	a:active { text-decoration: none }
/*</agl.folder>*/
/*<agl.folder "BASE BLOCK">*/
	#mainBlock   { background-image: url("img/bg_mainBlock.gif"); background-repeat: repeat-y; text-align: left; margin: 100px auto 0; width: 840px }
	#headerBlock   { background-color: #fff; background-image: url("img/bg_header.gif"); background-repeat: no-repeat; margin-right: auto; margin-left: auto; position: absolute; top: 0; width: 840px; height: 108px; clear: both }
	#leftBlock   { margin: 8px 0 0; padding: 0; width: 200px; float: left }
	#centerBlock   { text-align: center; margin: 8px 0 0; padding: 0; width: 640px; float: right }
	#footerBlock  { background-image: url("img/bg_footer.gif"); background-repeat: no-repeat; background-position: 0 bottom; margin: 0 auto; padding: 10px 0 0; clear: both }
/*</agl.folder>*/
/*<agl.folder "GENRE MENU">*/
	#leftBlock h2.title { font-size: 14px; margin: 0 0 0 5px; padding: 0; position: relative; width: 189px; height: 32px }
	#leftBlock h2.title span { background-image: url("img/title_genresearch.gif"); background-repeat: no-repeat; position: absolute; width: 100%; height: 100% }
	dl.genreMenu  { margin: 0 0 0 5px; padding: 0 }
	.genreMenu dt   { font-size: 12px; margin: 0; padding: 0 }
	.genreMenu dt a     { color: #292d32; display: block; width: 185px; height: 23px; border-bottom: 1px dashed #c8b9b1 }
	.genreMenu dt a:hover  { background-image: url("img/bg_menu_hover.gif"); background-repeat: no-repeat }
	.genreMenu .aFont   { background-image: url("img/dot_arrow_Orange.gif"); background-repeat: no-repeat; background-position: 5px 7px; display: block; padding-top: 6px; padding-left: 24px }
	.genreMenu .bFont { background-image: url("img/dot_arrow_Brown.gif"); background-repeat: no-repeat; background-position: 5px 7px; display: block; padding-top: 6px; padding-left: 24px }
	.genreMenu dd   { font-size: 10px; background-color: #ffc; margin: 10px 0 0 80px; padding: 2px; width: 100px; border: solid 1px #333 }
/*</agl.folder>*/
/*<agl.folder "GENRE POP">*/
	#alttxt1  { visibility: hidden; position: absolute; top: 152px }
	#alttxt2  { visibility: hidden; position: absolute; top: 176px }
	#alttxt3  { visibility: hidden; position: absolute; top: 200px }
	#alttxt4  { visibility: hidden; position: absolute; top: 224px }
	#alttxt5  { visibility: hidden; position: absolute; top: 248px }
	#alttxt6  { visibility: hidden; position: absolute; top: 272px }
	#alttxt7  { visibility: hidden; position: absolute; top: 296px }
	#alttxt8  { visibility: hidden; position: absolute; top: 320px }
	#alttxt9  { visibility: hidden; position: absolute; top: 344px }
	#alttxt10  { visibility: hidden; position: absolute; top: 368px }
	#alttxt11  { visibility: hidden; position: absolute; top: 392px }
	#alttxt12  { visibility: hidden; position: absolute; top: 416px }
	#alttxt13  { visibility: hidden; position: absolute; top: 440px }
	#alttxt14  { visibility: hidden; position: absolute; top: 464px }
	#alttxt15  { visibility: hidden; position: absolute; top: 488px }
	#alttxt16  { visibility: hidden; position: absolute; top: 512px }
	#alttxt17  { visibility: hidden; position: absolute; top: 536px }
	#alttxt18  { visibility: hidden; position: absolute; top: 560px }
	#alttxt19  { visibility: hidden; position: absolute; top: 584px }
	#alttxt20  { visibility: hidden; position: absolute; top: 608px }
	#alttxt21  { visibility: hidden; position: absolute; top: 632px }
/*</agl.folder>*/
/*<agl.folder "MENU">*/
	/*LIST MENU*/
	ul.listMenu  { line-height: 1em; list-style-type: none; margin: 8px 0 0 5px; padding: 0 }
	.listMenu li  { font-size: 12px; margin: 0; padding: 0 }
	.listMenu li a  { color: #292d32; text-decoration: none; display: block; width: 185px; height: 23px; border-bottom: 1px dashed #c8b9b1 }
	.listMenu li a:hover  { background-image: url("img/bg_menu_hover.gif"); background-repeat: no-repeat }
	.listMenu .aFont  { background-image: url("img/dot_arrow_Yellow.gif"); background-repeat: no-repeat; background-position: 5px 9px; display: block; padding-top: 6px; padding-left: 24px }
	/*BANNER MENU*/
	div.bannerMenu  { text-align: center; margin: 20px 0 0 }
	.bannerMenu p { font-size: 10px; margin: 0 0 10px; padding: 0 }
	.bannerMenu p.pop  { text-align: center; margin-right: auto; margin-left: auto; width: 160px; height: 50px; overflow: hidden; clip: rect(0 0 30px 180px) }
	.bannerMenu .pop a { display: block }
	.bannerMenu .pop a:hover  { margin-top: -50px }
/*</agl.folder>*/
/*<agl.folder "CENTER LIST">*/
	#centerInnerBlock   { text-align: left; margin-right: 47px; margin-left: auto; width: 570px }
	div.bookDataList { margin-top: 10px; margin-right: 8px; margin-left: 8px; padding-top: 17px; border-top: 1px dashed #666 }
	.bookDataList p { margin: 0; padding: 0 }
	.bookDataList div.imgBlock { float: left }
	.bookDataList img.bookimg  { margin-right: 10px; margin-bottom: 4px; border: solid 1px #a59d92 }
	.bookDataList div.spec { font-size: 10px; width: 170px; float: left }
	.bookDataList .spec ul { font-family: "�l�r �S�V�b�N", Osaka-����; line-height: 1.2; list-style-type: none; margin: 0; padding: 0 15px 0 0 }
	.bookDataList div.text   { font-size: 10px; line-height: 1.2; width: 290px; float: left }
	.bookDataList p.price { font-size: 12px; text-align: right; clear: left }
	.bookDataList .price img { vertical-align: middle }
	/*LIST NEW BOOK*/
	#centerInnerBlock h1.listNewTitle { font-size: 14px; margin-bottom: 20px; padding: 0; position: relative; width: 570px; height: 33px }
	#centerInnerBlock h1.listNewTitle span { background-image: url("img/titles/title_newbook.gif"); background-repeat: no-repeat; position: absolute; width: 100%; height: 100% }
	.bookDataList h2.newbook  { background-image: url("img/dot_new.gif"); background-repeat: no-repeat; margin: 0 0 10px; padding: 14px 15px 0 0 }
	/*LIST BOOK SEARCH*/
	#centerInnerBlock h1.listBookSeaTitle { font-size: 14px; margin-bottom: 20px; padding: 0; position: relative; width: 570px; height: 33px }
	#centerInnerBlock h1.listBookSeaTitle span { background-image: url("img/titles/title_searchlist.gif"); background-repeat: no-repeat; position: absolute; width: 100%; height: 100% }
	.bookDataList h2  { font-size: 12px; line-height: 1.2em; margin: 0 0 10px; padding: 0 15px 0 0 }
	.bookDataList h2 span  { font-size: 10px; font-weight: normal }
	/*LIST BOOK ALL*/
	#centerInnerBlock h1.listBookAllTitle { font-size: 14px; margin-bottom: 20px; padding: 0; position: relative; width: 570px; height: 33px }
	#centerInnerBlock h1.listBookAllTitle span { background-image: url("img/titles/title_bookalllistgif.gif"); background-repeat: no-repeat; position: absolute; width: 100%; height: 100% }
	dl.allbooks   { margin: 5px 8px 0; padding: 0 0 0 }
	dl.allbooks dt  { font-size: 12px; font-weight: bold; margin: 5px 0 0; padding: 10px 0 0; border-top: 1px dashed #666 }
	dl.allbooks dt span  { font-size: 10px; font-weight: normal; line-height: 1.2em; margin: 0 0 0 0.5em; padding: 0 }
	dl.allbooks dd { font-size: 10px; line-height: 1.2em; margin: 0 0 0 10px; padding: 0 }
	/*WRITER LIST*/
	#centerInnerBlock h1.listWriterTitle { font-size: 14px; margin-bottom: 20px; padding: 0; position: relative; width: 570px; height: 33px }
	#centerInnerBlock h1.listWriterTitle span { background-image: url("img/titles/title_writerlist.gif"); background-repeat: no-repeat; position: absolute; width: 100%; height: 100% }
	div.writers { margin-top: 10px; margin-bottom: 10px; padding-bottom: 10px; border-bottom: 1px dashed #666 }
	.writers p.aiueoIndex { font-size: 10px; cursor: pointer; margin: 0; padding: 0 }
	.writers div.ListBox { margin-top: 10px; margin-bottom: 10px; padding-top: 10px; padding-bottom: 10px; border-top: 1px dashed #666 }
	.writers p.aiueoTagIcon { margin: 0; padding: 0; width: 60px; float: left }
	.writers ul.writerList { font-size: 10px; list-style-type: none; margin: 10px 0 0; padding: 0; width: 500px; float: right }
	.writerList li { background-image: url("img/dot_nameside.gif"); background-repeat: no-repeat; background-position: 0 2px; text-indent: 10px; margin: 0 5px 10px 0; padding: 0; width: 120px; float: left }
	/*LINK LIST*/
	#centerInnerBlock h1.linkTitle { font-size: 14px; margin-bottom: 20px; padding: 0; position: relative; width: 570px; height: 33px }
	#centerInnerBlock h1.linkTitle span { background-image: url("img/titles/title_link.gif"); background-repeat: no-repeat; position: absolute; width: 100%; height: 100% }
	div.links { margin-top: 10px; margin-bottom: 10px; padding-bottom: 10px; border-bottom: 1px dashed #666 }
	.links p.aiueoIndex { font-size: 10px; cursor: pointer; margin: 0; padding: 0 }
	.links div.ListBox { margin-top: 10px; margin-bottom: 10px; padding-top: 10px; padding-bottom: 10px; border-top: 1px dashed #666 }
	.links p.aiueoTagIcon { margin: 0; padding: 0; width: 60px; float: left }
	.links ul.linkList { font-size: 10px; list-style-type: none; margin: 10px 0 0; padding: 0; width: 500px; float: right }
	.linkList li { background-image: url("img/dot_link.gif"); background-repeat: no-repeat; background-position: 0 2px; margin: 0 5px 10px 0; padding: 0 0 0 10px; width: 230px; float: left }
/*</agl.folder>*/
/*<agl.folder "CENTER BOOK">*/
	/*BOOK DATA*/
	#centerInnerBlock h1.bookTitle { font-size: 14px; margin-bottom: 20px; padding: 0; position: relative; width: 570px; height: 33px }
	#centerInnerBlock h1.bookTitle span { background-image: url("img/titles/title_bookdata.gif"); background-repeat: no-repeat; position: absolute; width: 100%; height: 100% }
	div.bookData  { margin-top: 10px; padding-top: 17px; border-top: 1px dashed #666 }
	dl.bookMainData  { margin: 0; padding: 0; width: 412px; float: right }
	.bookMainData dt  { color: #2157bb; font-size: 16px; font-weight: bold; margin: 0 0 20px; padding: 20px 0 0 }
	.bookMainData dt.newbook { font-size: 16px; font-weight: bold; background-image: url("img/dot_new.gif"); background-repeat: no-repeat; margin-bottom: 20px; padding-top: 20px }
	.bookMainData dt span { font-size: 14px; font-weight: normal }
	.bookMainData dd { font-size: 12px; margin: 0; padding: 0 }
	.bookMainData p { font-size: 12px; margin: 0; padding: 0 }
	.bookMainData ul { line-height: 1.2em; list-style-type: none; margin: 0; padding: 0 }
	.bookMainData p.price { font-size: 12px; text-align: right }
	.bookMainData .price img { vertical-align: middle }
	.bookMainData .textBox { line-height: 1.2em; margin-top: 10px; padding-top: 10px; border-top: 1px dashed #666 }
	.bookMainData .textBox h2 { font-size: 12px; margin: 0 0 5px; padding: 0 }
	div.bookSideData  { margin: 0; padding: 0; width: 145px; float: left }
	.bookSideData h2  { font-size: 12px; font-weight: normal; margin: 0; padding: 0; width: 134px; border-bottom: 1px dashed #666 }
	.bookSideData ul   { font-size: 10px; line-height: 1.2em; list-style-type: none; margin: 0 0 8px 4px; padding: 0 }
	.bookSideData img.bookimg { margin: 0 0 8px; padding: 0; border: solid 1px #a59d92 }
	.bookSideData p.standView  { text-align: center; margin: 0 0 8px; padding: 0 0 0 }
/*</agl.folder>*/
/*<agl.folder "FOOTER">*/
	#footerUpper  { font-size: 12px; background-color: #ff6e04; text-align: right; margin: 1px 2px; padding: 8px 8px 4px }
	#footerUpper p { margin: 0; padding: 0 }
	#footerUpper a { color: #fff; background-image: url("img/dot_footer.gif"); background-repeat: no-repeat; padding-left: 16px }
	#footerUpper span { visibility: hidden }
	#copyright  { color: #ff6e04; font-size: 10px; text-align: right; margin: 0 auto 0; padding: 0 0 10px; width: 840px; clear: right; border-top: 1px solid #fb8539 }
/*</agl.folder>*/
/*<agl.folder "HEADER">*/
	#headerBlock .headerInner { font-size: 12px; text-align: right; margin-top: 10px; margin-right: 5px }
	#headerBlock img.logo { margin-top: 1px; margin-left: 84px; float: left }
	#headerBlock .headerp { color: #fff; font-size: 14px; font-weight: normal; background-color: #ff6d03; text-align: center; margin: 0 auto; padding: 0; width: 840px; height: 20px }
	.headerp span { display: block; padding-top: 3px }
	.headerInner form { margin: 16px 0 0; padding: 0 }
	.headerInner a { color: #000; text-decoration: none }
	.headerInner input.textbox { font-size: 12px; width: 210px; border: solid 1px #b4b4b4 }
	.headerInner span.submit { font-size: 12px; background-color: transparent; background-image: url("img/icon_search.gif"); background-repeat: no-repeat; text-align: left; cursor: pointer; margin-right: 8px; padding-top: 3px; padding-bottom: 2px; padding-left: 20px }
	.headerInner span.cart { background-image: url("img/icon_cart.gif"); background-repeat: no-repeat; margin-right: 8px; padding-top: 3px; padding-bottom: 2px; padding-left: 20px }
	.headerInner span.question { background-image: url("img/icon_question.gif"); background-repeat: no-repeat; margin-right: 8px; padding-top: 3px; padding-bottom: 2px; padding-left: 14px }
/*</agl.folder>*/
p.capt  { font-size: 12px; margin: 0 1em; padding: 0 }
p.searchinfo { font-size: 12px; margin: 0 1em; padding: 0 }
p.topNavi { font-size: 10px; text-align: right; margin: 0; padding: 0; clear: both }
.colorRED { color: #c31010 }
.colorORENGE { color: #ff4e00 }
.colorBROWN { color: #906756 }