@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;
}

#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 {
  margin: 0px;
  padding: 10px;
  width: 780px;
  background-color: #ffffff;
}



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

#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;
}


/*---------- ブックデータ ----------*/
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.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 {
	width: 800px;
	height: 30px;
	background-image: url(img/footerbnr.jpg);
	background-repeat: no-repeat;
	font-size: 16px;
	font-weight: bold;
	color: #FFFFFF;
	margin-top: 7;
	margin-right: 0;
	margin-bottom: 0;
	margin-left: 0;
	padding: 0;
}
#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;
}