@charset "utf-8";
/* CSS Document */


div#wrapper{
width:800px;
height:auto;
margin:5px auto 0px;
padding:0px;
font-family:"ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
}

img{
border-style:none;
}

/*LINK*/
a:link,a:visited{
color:#00CC00;
text-decoration:underline;
}

a:hover,a:active{
color:#FF9900;
text-decoration:none;
}




/*==========HEADER==============*/
div#header{
width:800px;
margin:0px;
padding:0px 0px 50px 0px;
background-image:url(../image/hamazon_header_bg.jpg);
background-position:left top;
background-repeat:repeat-x;
}

h1,div#header p{
margin:0px 0px 0px 10px;
float:left;
}

div#header ol{
margin:0px;
padding:0px;
height:37px;
}

/******LIST OF HEADER*****/
div#header ol li{
margin:0px 5px;
padding:0px 3px;
list-style:none;
border-left:#006633 solid 1px;
float:left;
height:37px;
line-height:37px;
font-size:small;
}

div#header ol li a{
display:block;
height:37px;
}

/*hack for IE*/
* html body div#header ol li a{
width:6em;
}

* html body div#header ol li{
margin-left:0px;
padding-left:0px;
}



/*==========NAVIGATION==============*/
div#navi{
width:800px;
height:auto;
margin:-40px 0px 0px;
padding:0px;
}

/*LIST OF GENRE*/
div#navi ol{
width:800px;
margin:0px;
padding:0px;
padding-left:100px;
line-height:0px;
}

div#navi ol li{
float:left;
margin:0px;
padding:0px;
list-style:none;
}

/*LIST OF LINKS*/
div#link{
margin:0px;
padding:5px 0px 0px;
width:800px;
height:20px;
clear:left;
background-color:#346632;
line-height:20px;
}
/*hack for IE*/
*+html body div#link{
margin-top:-3px;
}
* html body div#link{
margin-top:-5px;
}


div#navi ul{
display:block;
margin:0px 0px 0px 100px;
padding:0px;
text-align:center;
}

div#navi ul li{
list-style:none;
background-color:#346632;
float:left;
height:12px;
border-left:#FFFFFF solid 2px;
padding:0px 10px 0px 15px;
font-size:10px;
line-height:12px;
color:#FFFFFF;
}

div#search{
width:800px;
height:30px;
line-height:30px;
margin:0px;
padding:5px 0px 0px;
text-align:center;
vertical-align:middle;
font-size:12px;
color:#333333;
background-color:#eeeecc;
}

div#search input#textarea{
border:#333333 solid 1px;
}

div#search input#submit{
}

div#navi p{
width:800px;
margin:0px;
padding:5px 0px 0px;
text-align:center;
font-size:12px;
color:#333333;
background-image:url(../image/hamazon_navi_bg.jpg);
background-position:top;
background-repeat:repeat-x;
}


/*==========CONTENTS==============*/

div#contents{
clear:left;
width:550px;
height:auto;
margin:0px;
padding:0px;
float:left;
}


/******IMAGE*******/
div#contents h2{
width:200px;
float:left;
height:auto;
text-align:left;
}

div#contents h2 img{
margin:15px 24px 20px 25px;
}

div#contents h2 span{
font-size:10px;
font-weight:normal;
}

/******description*******/
div#description{
width:350px;
margin:0px;
padding:20px 0px 0px;
float:left;
}

div#description img{
display:inline;
}

div#description strong{
font-size:normal;
}/*Book Title*/

div#description span{
font-size:xx-small;
}/*Customer Revue*/

div#description strong span{
font-size:x-small;
}/*Author Name*/

div#description dl{
width:350px;
height:auto;
border-top:#477665 2px dotted;
margin:0px;
padding:20px 0px;
font-size:12px;
}

div#description dl dt{
display:block;
width:5.5em;
height:3em;
clear:left;
float:left;
font-weight:bold;
}

div#description dl dd{
	width:270px;
	display:block;
	height: 3em;
}


/*========Recomendation==========*/
div#otherbook{
clear:left;
margin:10px auto 20px 1em;
border-top:#666666 1px solid;
}

div#otherbook h3{
color:#FF6600;
font-size:16px;
}

div.recomend{
float:left;
width:115px;
height:230px;
overflow:hidden;
margin:0px 10px;
padding:0px;
border:#CCCCCC 1px solid;
}

div.recomend h5{
margin:0px 0px 10px 0px;
padding:0px;
}

div.recomend p{
width:100px;
height:auto;
font-size:10px;
text-align:left;
padding:5px;
margin-right:10px;
}

div.recomend p span{
display:block;
text-align:center;
font-size:12px;
}

div.recomend p a{
display:block;
text-align:right;
font-size:10px;
padding-right:5px;
}



/*==========SIDENAVI==============*/

div#sidenavi{
width:250px;
height:auto;
padding:0px;
margin:0px;
float:left;
text-align:center;
}

/*hack for IE6*/
* html body span#hack{
float:left;
}


* html body div#sidenavi{
width:250px;
}

/*******CART*******/
div#cart{
width:184px;
margin:20px 39px;
padding:0px;
background-image:url(../image/subbox1_content.jpg);
background-repeat:repeat-y;
background-position:center top;
}

/*hack for IE6*/
* html body div#cart{
margin:20px 30px 20px 20px;
}

div#cart h3{
margin:0px;
padding:0px;
line-height:1em;
background-image:url(../image/subbox1_header.jpg);
background-position:center top;
background-repeat:no-repeat;
text-indent:-9999px;
}

div#cart p{
text-align:center;
font-size:10px;
padding:10px 12px;
background-image:url(../image/subbox1_footer.jpg);
background-repeat:no-repeat;
background-position:center bottom;
}

div#cart p span{
font-size:larger;
color:#FF0000;
}

div#cart p em{
font-size:14px;
font-weight:bold;
font-style:normal;
}

div#cart p img{
margin:1em auto;
}


/*******SHOP*******/
div#shop{
width:184px;
margin:20px 39px;
padding:0px;
background-image:url(../image/subbox2_contents.jpg);
background-repeat:repeat-y;
background-position:center top;
}

/*hack for IE*/
* html body div#shop{
margin:20px 30px 20px 20px;
}


div#shop h4{
margin:0px;
padding:0px;
line-height:1em;
background-image:url(../image/subbox2_header.jpg);
background-position:center top;
background-repeat:no-repeat;
text-indent:-9999px;
}

div#shop p{
text-align:center;
font-size:10px;
padding:10px 12px;
background-image:url(../image/subbox2_footer.jpg);
background-repeat:no-repeat;
background-position:center bottom;
}

div#shop p img{
margin:1em auto;
}

div#shop p span{
display:block;
border-top:#00CCCC 2px dotted;
padding-top:1em;
}


/*==========BOOKCONTENTS==============*/
div#bookcontents{
clear:both;
margin:10px 0px;
padding:20px;
border-top:#666666 solid 1px;
}

div#bookcontents h3{
color:#FF6600;
font-size:16px;
}

div#bookcontents dl{
padding:0px;
margin:0px;
}

div#bookcontents dl dt{
clear:left;
float:left;
margin:0px;
width:13.5em;
height:auto;
line-height:1.2em;
font-weight:bold;
border-top:#666666 dotted 1px;
padding-top:5px;
}

div#bookcontents dl dd{
line-height:1.2em;
margin-left:13.5em;
border-top:#666666 dotted 1px;
padding-top:5px;
}

div#bookcontents dl dd ol{
padding:0px;
margin:0px;
}

div#bookcontents dl dd ol li{
list-style:square;
line-height:1.2em;
}


/*==========FOOTER==============*/
div#footer{
width:800px;
height:auto;
padding:0px;
margin:0x;
text-align:center;
font-size:x-small;
}

div#footer ol{
display:block;
width:500px;
height:1em;
margin:0px auto 5px 150px;
padding:0px;
}

/*hack for IE*/
* html body div#footer ol{
width:550px;
}


div#footer ol li{
float:left;
list-style:none;
border-left:#666666 solid 2px;
margin-left:10px;
padding-left:5px;
}

div#footer p{
clear:left;
margin-top:5px;
}