@charset "shift_jis";



/*---------- ページ全体の指定 ----------*/

body {
	margin: 0;
	padding: 0;
	font-size: 12px;
	color: #333;
	background-color: #c0c6c9;
	background-image: url(images/back.gif);
}

table {
	font-size: 100%;
}
a:link {
  color: #004080;
  font-size: 12px;
}

a:visited {
  color: #004080;
  font-size: 12px;
}

h1 {
  font-size: 12px;
  margin: 0;
  padding: 2px 3px 0px 3px;
  color: #333;
}


/*---------- メイン ----------*/

#container {
	width: 800px;
	background-color: #ffffff;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	padding-top: 4px;
	padding-right: 4px;
	padding-bottom: 0;
	padding-left: 4px;
	border-right-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #009999;
	border-right-color: #009999;
	border-bottom-color: #009999;
	border-left-color: #009999;
	border-top-width: 0px;
	border-bottom-width: 0px;
}



/*---------- ヘッダー ----------*/

#header {
  margin: 0;
  background-color: #999999;
}

#header-inner {
  margin: 0;
  padding: 0;
  width: 800px;
  height: 130px;
  font-family:Verdana;
  font-family:Verdana;
  background-image: url(img/topbanner.jpg);
  background-repeat: no-repeat;
}
#header-inner #search {
	float: right;
	height: 24px;
	width: 220px;
	margin-top: 6px;
	margin-right: 10px;
	background-image: url(img/searchback.gif);
	background-repeat: no-repeat;
	padding: 2px;
	background-position: left center;
}

#header h1 {
  margin: 0;
  padding: 90px 0 10px 15px;
  font-size: 16px;
  color: #ffffff;
}

#header a{
  color: #ffffff;
  font-size: 16px;
 }

#header a:hover{
  color: #ffffff;
  font-size: 16px;
}

#header-menu {
	background-color: #FFFFFF;
	margin: 0px;
	padding-top: 0px;
	padding-bottom: 0px;
	background-image: url(img/menu_r1_c1.gif);
	background-repeat: repeat;
	height: 30px;
}

#header-menu ul {
	text-align: center;
	padding-top: 0px;
	padding-bottom: 0px;
	margin: 0px;
	width: auto;
	padding-left: 50px;
}

#header-menu li {
	list-style-type: none;
	float: left;
	padding-right: 8px;
}

#header-menu a {
  color: #006699;
  text-decoration: none;
}

#header-menu a:hover {
  color: #FF0000;
}

/* ========MENU CUSTOMIZE======== */
#header-menubar {
   width:100%;
   float:left;
   background:url("img/menubar.png") 0 0 repeat-x;
   height: 30px;
}

#header-menubar ul {
   width:788px;
   margin:0 auto;
   padding:0;
}

#header-menubar li {
   float:left;
   color:#333;
   text-align:center;
   list-style-type:none;
}

#header-menubar li a {
	display:block;
	width:77px;
	color:#5A482B;
	line-height:30px;
	border-right:1px solid #D8D8D8;
	font-family:Georgia, "MS 明朝", "Hiragino Mincho Pro W3", "ヒラギノ明朝 Pro W3", serif;
	color:#3F2A0F;
	font-weight:bold;
	font-size:12px;
	text-decoration: none;
}

#header-menubar li.home a {
   border-left:1px solid #D8D8D8;
}

#header-menubar li a:hover {
   color:#C94C00;
   background:#fff url("img/menubar.png") 0 -30px repeat-x;
   z-index:100;
}



/* ========MENU CUSTOMIZE ここまで======== */

#header-navi {
  background-color: #FFFFFF;
  margin: 0px;
  padding-top: 1px;
  padding-bottom: 1px;
}

#header-navi ul {
	text-align: right;
	padding-top: 1px;
	padding-bottom: 1px;
	margin: 0px;
	width: auto;
}

#footer p {
	line-height: 105%;
}
#footer p.company {
	font-weight: bold;
	color: #006666;
}
#footer p.addrs {
	font-size: 10px;
	margin: 4px;
	padding: 4px;
	clear: both;
}

#header-navi li {
	color: #666666;
	display: inline;
	padding-left: 9px;
	padding-right: 5px;
	background: url(images/l_icon.gif) no-repeat;
	font-size: 12px;
}

#header-navi a {
  color: #666666;
  text-decoration: none;
}

#header-navi a:hover {
  color: #CCCC99;
}


/*---------- コンテンツ ----------*/

#contents {
	padding: 10px;
	width: 780px;
	background-color: #ffffff;
	margin-top: 30px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
}



/*---------- メインコンテンツ ----------*/

#main {
  margin: 0;
  padding: 5px;
}

#main p {
 padding-left: 5px; line-height: 120%; padding-top: 0px; padding-right: 5px; padding-bottom: 0px}


.f10 {

	font-size: 10px;
}

/*---------パンくずリスト---------*/
#pl{
	padding: 0;
	font-size: 10px;
	text-align: left;
	font-size: 1em;
	width: 760px;
	margin-top: 2px;
	margin-right: auto;
	margin-bottom: 10px;
	margin-left: auto;
}
#crumbs{
	margin: 0;
padding: 0;
height:2em;
border:1px solid #dedede;
}
#crumbs li{
	list-style: none;
float: left;
line-height: 2em;
padding-left: 0.75em;
}
#crumbs li a {
display: block;
background: url(img/crumbs.gif) no-repeat right center;
padding-right: 15px;
}


/*---------- ブックデータ ----------*/
p.clear {
	clear: both;
	margin-top: 8px;
	width: 100%;
	padding-top: 8px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	margin-right: 0px;
	margin-bottom: 8px;
	margin-left: 0px;
}
.clearfix:after {
   content: ".";
   display: block;
   clear: both;
   height: 0;
   visibility: hidden;
}
.clearfix { display: inline-block;
 }

/* exlude MacIE5 \*/
* html .clearfix {height: 1% }

.clearfix {display:block;}
/* end MacIE5 */

/*---------- ブックデータ（カバーのデータ、書誌データは左、bookが書名等 ----------*/
/*---------- #bookleft(#bookdataと#book) ----------*/

#bookleft {
	padding: 2px;
	float: left;
	width: 640px;
}
#book {
	float: right;
	width: 420px;
}
#book h1 {
	font-size: 16px;
	font-weight: bold;
	color: #003399;
}
#book h2 {
	font-size: 14px;
	font-weight: bold;
	color: #993333;
}
#book h3 {
	font-size: 13px;
	font-weight: bold;
	color: #006699;
	margin: 4px;
	padding: 4px;
	border-top-width: 1px;
	border-right-width: 0px;
	border-bottom-width: 1px;
	border-left-width: 0px;
	border-top-style: dashed;
	border-bottom-style: dashed;
	border-top-color: #006699;
	border-right-color: #006699;
	border-bottom-color: #006699;
	border-left-color: #006699;
	border-right-style: none;
}
#book ol {
	line-height: 150%;
}

#bookdata {
	float: left;
	width: 210px;
	margin: 0px;
}
#bookdata dl {
	font-weight: normal;
}

#bookdata dd.buy {
	margin-top: 10px;
	margin-right: 0px;
	margin-bottom: 10px;
	margin-left: 50px;
}
#bookdata dd.buy img {
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 0px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}
#bookdata dl img {
	margin: 0px;
	border: 1px solid #006699;
}
#bookdata dd.kakaku{
	background-image: url(images/priceimg.gif);
	background-repeat: no-repeat;
	text-indent: 50px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 10px;
	margin-left: 0px;
	border-bottom-width: 1px;
	border-bottom-style: dashed;
	border-top-color: #006699;
	border-right-color: #006699;
	border-bottom-color: #006699;
	border-left-color: #006699;
	padding-bottom: 10px;
}

#bookdata dd.hankei {
	background-image: url(images/hankeiimg.gif);
	background-repeat: no-repeat;
	text-indent: 50px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 10px;
	margin-left: 0px;
	border-bottom-width: 1px;
	border-bottom-style: dashed;
	border-top-color: #006699;
	border-right-color: #006699;
	border-bottom-color: #006699;
	border-left-color: #006699;
	padding-bottom: 10px;
}
#bookdata dd.page {
	background-image: url(images/pageimg.gif);
	background-repeat: no-repeat;
	text-indent: 50px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 10px;
	margin-left: 0px;
	border-bottom-width: 1px;
	border-bottom-style: dashed;
	border-top-color: #006699;
	border-right-color: #006699;
	border-bottom-color: #006699;
	border-left-color: #006699;
	padding-bottom: 10px;
}
#bookdata dd.shuroku {
	background-image: url(images/shurokuimg.gif);
	background-repeat: no-repeat;
	text-indent: 50px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 10px;
	margin-left: 0px;
	border-bottom-width: 1px;
	border-bottom-style: dashed;
	border-top-color: #006699;
	border-right-color: #006699;
	border-bottom-color: #006699;
	border-left-color: #006699;
	padding-bottom: 10px;
}
#bookdata dd.birth {
	background-image: url(images/1stpressimg.gif);
	background-repeat: no-repeat;
	text-indent: 50px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 10px;
	margin-left: 0px;
	border-bottom-width: 1px;
	border-bottom-style: dashed;
	border-top-color: #006699;
	border-right-color: #006699;
	border-bottom-color: #006699;
	border-left-color: #006699;
	padding-bottom: 10px;
}
#bookdata dd.isbn {
	background-image: url(images/isbncodeimg.gif);
	background-repeat: no-repeat;
	text-indent: 50px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 10px;
	margin-left: 0px;
	border-bottom-width: 1px;
	border-bottom-style: dashed;
	border-top-color: #006699;
	border-right-color: #006699;
	border-bottom-color: #006699;
	border-left-color: #006699;
	padding-bottom: 10px;
}


#bkkanren {
	float: right;
	width: 110px;
	margin: 0px;
	padding-left: 5px;
	border-left-width: 1px;
	border-left-style: dashed;
	border-left-color: #006699;
}
#bkkanren img {
	border: 1px solid #006699;
}
#bkkanren p {
	line-height: 110%;
}
#bkmoreinfo {
	clear: both;
	width: 100%;
	margin-top: 20px;
	padding-top: 20px;
}

/*---------- フッター ----------*/

#footer {
  clear: both;
  margin: 0;
  padding: 8px 0 8px 0px;
  text-align: center;
  font-size: 12px;
  color: #666666;
  background-color: #ffffff;
}

#footer a {
  color: #666666;
  font-size: 12px;
 }

#footer a:hover {
  color: #333333;
}
#footer-navi {
  background-color: #FFFFFF;
  margin: 0px;
  padding-top: 1px;
  padding-bottom: 1px;
}
#footer-navi ul {
	text-align: center;
	padding-top: 1px;
	padding-bottom: 1px;
	margin: 0px;
	width: auto;
}
#footer-navi li {
	color: #666666;
	display: inline;
	padding-left: 9px;
	padding-right: 5px;
	background: url(images/l_icon.gif) no-repeat;
	font-size: 12px;
}
#footer-navi a {
  color: #666666;
  text-decoration: none;
}
#footer-navi a:hover {
  color: #CCCC99;
}
#prologue {
	line-height: 120%;
	border-top-width: 1px;
	border-bottom-width: 1px;
	border-top-style: dashed;
	border-bottom-style: dashed;
	border-top-color: #996633;
	border-bottom-color: #996633;
}
#prologue p {
	line-height: 140%;
}
#prologue h2 {
	font-size: 13px;
	color: #990033;
}
#introduction {
}
#introduction_hide {
}
.bookcoverlist {
	margin: 4px;
	padding: 4px;
	float: left;
	width: 110px;
}
.bookcoverlist img {
	border: 1px solid #006699;
}
#footer-inner {
}
#footer-inner h3 {
	padding: 4px;
	font-size: 14px;
	color: #FFFFFF;
	background-image: url(img/footerbnr.jpg);
	background-repeat: no-repeat;
	margin: 7px;
}
#mainleft {
	padding: 2px;
	float: left;
	width: 570px;
}
#mainright {
	float: right;
	width: 160px;
	margin: 0px;
	padding-left: 5px;
	border-left-width: 1px;
	border-left-style: dashed;
	border-left-color: #006699;
}
#mainright p {
	line-height: 120%;
}
#main h1.top {
  padding-top: 4px; padding-right: 4px; padding-bottom: 4px; padding-left: 4px; border-color: black black #CCCC99 #CCCC99; border-style: solid; border-top-width: 0px; border-right-width: 0px; border-bottom-width: 1px; border-left-width: 10px; font-size: 120%; font-weight: bold; color: #999900
  }
#mainleft h1.top {
  padding-top: 4px; padding-right: 4px; padding-bottom: 4px; padding-left: 4px; border-color: black black #CCCC99 #CCCC99; border-style: solid; border-top-width: 0px; border-right-width: 0px; border-bottom-width: 1px; border-left-width: 10px; font-size: 120%; font-weight: bold; color: #999900
  }

.cc9 {
	color: #CCCC99;
}
.bkbox {
}
.bkbox dl {
	padding: 0px;
	float: left;
	width: 140px;
	margin-top: 5px;
	margin-right: 0px;
	margin-bottom: 5px;
	margin-left: 10px;
}
.bkbox dt img {
	border: 1px solid #006699;
}
.bkbox dt {
	padding: 4px;
}
.bkbox dd {
	margin: 0px;
	padding-top: 0px;
	padding-right: 20px;
	padding-bottom: 8px;
	padding-left: 0px;
}

.bkboxtop {
}
.bkboxtop dl {
	padding: 0px;
	float: left;
	width: 130px;
	margin-top: 5px;
	margin-right: 0px;
	margin-bottom: 5px;
	margin-left: 10px;
}
.bkboxtop dt img {
	border: 1px solid #006699;
}
.bkboxtop dt {
	padding: 4px;
}
.bkboxtop dd {
	margin: 0px;
	padding-top: 0px;
	padding-right: 20px;
	padding-bottom: 8px;
	padding-left: 0px;
}

#book ol.roman {
	line-height: 150%;
	list-style-type: lower-roman;
}
.sbkbox {
}
.sbkbox dl {
	padding: 0px;
	float: left;
	width: 240px;
	margin-top: 5px;
	margin-right: 0px;
	margin-bottom: 5px;
	margin-left: 10px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-right-style: solid;
	border-bottom-style: solid;
	border-right-color: #9999CC;
}
.sbkbox dt img {
	border: 1px solid #006699;
	margin: 4px;
}
.fred {
	font-size: 13px;
	color: #CC0000;
}
.sbkbox dt {
	padding: 4px;
	font-size: 14px;
	font-weight: bold;
	color: #0066CC;
}
.sbkbox dd {
	margin: 0px;
	padding-top: 0px;
	padding-right: 20px;
	padding-bottom: 8px;
	padding-left: 0px;
}
.fblue {
	color: #006699;
}
#bookdata dd.jan {
	background-image: url(books/images/jancodeimg.gif);
	background-repeat: no-repeat;
	text-indent: 50px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 10px;
	margin-left: 0px;
	border-bottom-width: 1px;
	border-bottom-style: dashed;
	border-top-color: #006699;
	border-right-color: #006699;
	border-bottom-color: #006699;
	border-left-color: #006699;
	padding-bottom: 10px;
}
#prologue h4 {
	margin-bottom: 0px;
	margin-left: 1em;
	padding-bottom: 0px;
	line-height: 1.2;
}
#bkmoreinfo h3 {
	color: #903;
	clear: both;
	border-top-width: 2px;
	border-bottom-width: 1px;
	border-top-style: solid;
	border-bottom-style: dashed;
	border-top-color: #903;
	text-align: center;
	width: 400px;
	margin-right: auto;
	margin-left: auto;
	margin-top: 10px;
	margin-bottom: 10px;
	padding-top: 10px;
	padding-right: 4px;
	padding-bottom: 8px;
	padding-left: 4px;
}
.popbox {
}
.popbox dl {
	padding: 0px;
	float: left;
	width: 240px;
	margin-top: 5px;
	margin-right: 0px;
	margin-bottom: 5px;
	margin-left: 10px;
}
.popbox dt img {
	border: 1px solid #006699;
}
.popbox dt {
	padding: 4px;
}
.popbox dd {
	margin: 0px;
	padding-top: 0px;
	padding-right: 20px;
	padding-bottom: 8px;
	padding-left: 0px;
}
.clear {
	clear: both;
	margin-top: 8px;
	width: 100%;
	padding-top: 8px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	margin-right: 0px;
	margin-bottom: 8px;
	margin-left: 0px;
}
.tenten {
	border-top-width: 2px;
	border-bottom-width: 1px;
	border-top-style: solid;
	border-bottom-style: dotted;
	border-top-color: #069;
	border-bottom-color: #069;
	margin-top: 5px;
	margin-bottom: 5px;
	padding: 5px;
}