/*
(c) Copyright 2006-7 Hyakuchomori All Rights Reserved.
*/
/* Suggested order:
 * display
 * list-style
 * position
 * float
 * clear
 * width
 * height
 * margin
 * padding
 * border
 * background
 * color
 * font
 * text-decoration
 * text-align
 * vertical-align
 * white-space
 * other text
 * content
 *
 */

/* 
‘S‘Μ
------------------------------------------------------------------------------------------------------------ */

body   { font-size: 0.9em; background-color: orange; width: 900px; height:1000px; line-height: 1.5em;  letter-spacing: -0.035em; position: relative; }
#container	{ width: 900px; height:650px; background-color: transparent; position: absolute; top: 0px; left: 0px; }
table    { font-size: 1em; line-height: 1.4em; clear: both;  }
.top		{ background-image: url(/ousama/i/top-trans.png); background-repeat: no-repeat;}
body.top		{ background-image: url(/ousama/i/top-trans.png); background-repeat: no-repeat;}

/* 
TOP•\Ž†ƒy[ƒW
------------------------------------------------------------------------------------------------------------ */

body#ou-top				{ background-color: white; background-image: url(/ousama/i/top_obi_900-trans.png); background-repeat: no-repeat; }
#ou-top #container	{ background-image: url(/ousama/i/top.png); background-repeat: no-repeat;}
#neu-artikel			{ color: #222; width: 385px; height: 120px; position: absolute; top: 470px; left: 230px; overflow: auto; background-color: white; padding: 10px;}

/* 
€•iΠ‰ξƒy[ƒW
------------------------------------------------------------------------------------------------------------ */

body#ou-detail				{ background-color: white; }
#ou-detail #container	{ position: relative; background-image: url(/ousama/i/page_900px-trans.png); background-position: 0px 0px; background-repeat: no-repeat; z-index: 10;}


body.top	{ background-color: white; background-image: url(/ousama/i/top_obi_900.png); background-repeat: no-repeat; z-index: 100;}
body.top #container	{ background-image: url(/ousama/i/top_obi_900.png); background-repeat: no-repeat;}

h1, h2, h3	{ font-weight: bold; letter-spacing: -0.08em; }
h1			{ font-size: 30px; position: absolute; top: 30px; left: 80px; font-family:  "ƒqƒ‰ƒMƒm–Ύ’© Pro W3", "‚l‚r –Ύ’©", "‚l‚r ‚o–Ύ’©", Χ–Ύ’©‘Μ, •½¬–Ύ’©, ; font-weight: bold;  letter-spacing: -0.2em; }
h1:before	{ content: "y "; }
h1:after		{ content: " z"; }
#maintext			{ font-size: 1.0em; color: #221; width: 300px; height: 540px; overflow: auto; position: absolute; top: 50px; left: 510px; letter-spacing: -0.15em; }
#spectext			{ font-size: 0.80em; color: #222; width: 250px; height: 170px; position: absolute; top: 430px; left: 80px; overflow: auto; }
#main-image			{ position: absolute; top: 90px; left: 80px; }
#footer					{ position: absolute; top: 650px; left: 0px; background-color: white; width: 100%; height: 350px:}
#footer .col2			{ background-color: transparent; }

#sub-image			{ position: absolute; top: 430px; left: 330px; }
#sub-image ul				{ list-style-type: none; margin: 0px; padding: 0px; }
#sub-image li				{ border: 1px solid gray; background-color: white; padding: 3px; margin: 0px 0px 5px 0px; }


ul#tabindex				{ position: absolute; top: 25px; left: 790px; width: 65px; list-style-type: none; z-index: 10; display: block; background-image: url(/ousama/i/page_900px_r2.png); background-repeat: no-repeat; z-index: 0;}
ul#tabindex li				{ width: 65px; height: 105px; position: relative; background-repeat: no-repeat; text-indent: -9000px; line-height: 100px; display: block; }
ul#tabindex li	a		{ display: block; width: 65px; height: 90px; }

ul#tabindex li#tabindex0 a			{ height: 90px; background-image: url(/ousama/i/index0-trans.png); z-index: -1; }
ul#tabindex li#tabindex1			{ background-image: url(/ousama/i/index1-trans.png); z-index: -2; top: -5px; }
ul#tabindex li#tabindex2			{ background-image: url(/ousama/i/index2-trans.png); z-index: -3; top: -10px; }
ul#tabindex li#tabindex3			{ background-image: url(/ousama/i/index3-trans.png); z-index: -4; top: -15px; }
ul#tabindex li#tabindex4			{ background-image: url(/ousama/i/index4-trans.png); z-index: -5; top: -20px; }
ul#tabindex li#tabindex5			{ background-image: url(/ousama/i/index5-trans.png); z-index: -6; top: -27px; }
ul#tabindex li#tabindex1:hover			{ z-index: 1000; }


h2			{ font-size: large; padding-top: 0.5em; padding-bottom: 0.5em; }
h3			{ color: #333; line-height: 150%; padding-top: 0.5em; padding-bottom: 0.5em }
h4			{ padding-top: 1em; padding-bottom: 0.5em; }

p 			{ line-height: 1.8em; margin-top: 1em; margin-bottom: 1em; }
.delete		{ text-decoration: line-through; }

/* CLASS
pdspeci€•iΪΧƒf[ƒ^j —pέ’θ
------------------------------------------------------------------------------------------------------------ */
#spectext dt { font-family: "‚l‚r ƒSƒVƒbƒN", "‚l‚r ‚oƒSƒVƒbƒN", Osaka-“™•, Osaka, •½¬ŠpƒSƒVƒbƒN; display: block; float: left; clear: both; margin-left: 0em; }
#spectext dd  { margin: 0px 0px 0px 3em; }
#spectext	 { margin-left: 0em; }

/* 
ƒŠƒXƒgŒn
------------------------------------------------------------------------------------------------------------ */
ul, ol, dl  { margin-left: 1em; padding-left: 0px; line-height: 1.5em; }
li  { margin-left: 30px }
td li		{ margin-left: 10px; }

#profile dd    { margin: 0px 0px 0px 40px }
#profile dt    { font-weight: bold; float: left }
#profile li { margin-left: 0px; padding-left: 0px }
#profile ul { list-style-type: none; margin-left: 0px }
#profile ul ul  { list-style-type: none; margin-left: 40px }

dl.spec     { padding-left: 10px }
dl.spec dd    { margin: 0px 0px 0px 80px; }
dl.spec dt   { float: left; }

/* 
‰ζ‘œ
------------------------------------------------------------------------------------------------------------ */

img { border: 0px }
img.left { float: left }
img.right { float: right }


hr    { color: gray; clear: both; margin-top: 1em; margin-bottom: 1em }

/* 
ˆΝ‚έƒRƒ‰ƒ€
------------------------------------------------------------------------------------------------------------ */

.column   { margin: 0px 0px 5px; padding: 5px; border: dotted 1px #333; font-size: 0.95em;  }
.xmasdeliv	{ background-color: #FFFF33; font-weight: bold; }



#top_logo{float:left;}
#content table { margin-left: 20px }
blockquote { color: #333; line-height: 180%; margin-right: 3em; margin-left: 3em }
cite	    { color: #333; width: 80%; text-align: right; margin-right: 3em; margin-left: auto; display: block; }
.cart_s a
   { font-size: 0.9em; font-family: Osaka, "‚l‚r ƒSƒVƒbƒN", "‚l‚r ‚oƒSƒVƒbƒN", Osaka-“™•, Osaka, •½¬ŠpƒSƒVƒbƒN; background-image: url(http://www.hyakuchomori.co.jp/pub/cart1.gif); background-repeat: no-repeat; background-position: right center; padding: 0px 24px 0px 0px; }

h2.bookclub { font-size: 1.1em; line-height: 150%; padding-bottom: 2em;}
h2.age0 { color: #dc143c; }
h2.age1 { color: #ff8c00; }
h2.age2 { color: #228b22; }
h2.age3 { color: #2e8b57; }
h2.age4 { color: #4169e1; }
h2.age5 { color: #7b68ee; }
h2.age6 { color: #800080; }

.mobile, .hide {
position: absolute;
top: -1000px;
left: -1000px;
}

.cs1 {
background-color: #eeeeee;
}