@charset "utf-8";

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

 // Site Outline //

	Site Name:  
	URL:  


 // Font-size Adjustment //

	71% = 10px
	86% = 12px
	100% = 14px
	114% = 16px
	129% = 18px

=======================================================
*/

/*-----------------------------------------------------
 // 1: Container
-----------------------------------------------------*/
#container {
	width: 960px;
	background-image: url(images/container_bg.jpg);
	background-position: top left;
	background-repeat: repeat-x;
	margin: 0 auto;
}

/* ------------------------------
 // 2: header_menu
------------------------------ */
#header_menu {
	width: 840px;
	height: 33px;
	margin: 0 auto;
}

#header_menu ul{
	padding-top: 5px;
}

#header_menu li{
	float: left;
}

#header_menu li#menu_logo{
	width: 263px;
	text-align: right;
}

/* ------------------------------
 // 3: header
------------------------------ */
#header {
	margin: 47px auto 0 auto;	
	width: 840px;
}

#header div#cover {
	float: left;
	text-align: center;
	width: 300px;
}

#header div#copy {
	float: right;
	width: 510px;
}

#header div#copy p.textM{
	margin: 30px 20px 0 0;
	color: #FFFFFF;
}

/* bookinfo
--------------------*/

#header div#bookinfo {
	width: 800px;
	margin: 30px auto 0 auto;
	padding: 20px;
	background-color: #1A4876;
	color: #FFFFFF;
}

#header div#bookinfo li{
	float: left;
}

#header div#bookinfo li.date01{
	margin-left: 10px;
	width: 100px;
}

#header div#bookinfo li.date02{
	width: 130px;
}

#header div#bookinfo li.date03{
	width: 220px;
}

#header div#bookinfo li.buttom{
	padding-top: 5px;
	width: 165px;
}

/* ------------------------------
 // 3: Main
------------------------------ */
#main {
	margin: 20px auto 0 auto;
	padding: 0 20px;
	background-image:url(images/main_bg.jpg);
	background-position:top left;
	background-repeat:no-repeat; 
	width: 800px;
	background-color: #FFF;
}

#main div.contents {
	padding: 0 20px;
	background-image:url(images/contents_bg.jpg);
	background-position: top left;
	background-repeat: repeat-y; 	
}

/* nav
--------------------*/

#main div#nav ul{
	padding-top: 20px;
}

#main div#nav li{
	float: left;
}

/* author
--------------------*/

#main div#author dt{
	width: 180x;
	float: left;
}

#main div#author dd{
	width: 550px;
	float: right;
}

/* sign
--------------------*/

#main div#sign h4{
	font-size: 86%;
	padding: 3px 0 3px 8px;
	background-color: #F3F3F3;
}

#main div#sign div.signBox{
	padding-top: 20px;
}

#main div#sign dl,
#main div#sign dt.line,
#main div#sign dd.line{
	background-image: url(images/line01.gif);
	background-repeat: repeat-x;
	background-position: bottom;
}

#main div#sign dt{
	font-size: 86%;
	width: 10em;
	float: left;
	padding: 5px 0 3px 3px;
}

#main div#sign dd{
	font-size: 86%;
	margin: 0 0 0 10em;
	padding: 5px 0 3px 0;
}

/* cast
--------------------*/

#main div#cast div#chart {
	font-size: 0;
	width: 800px;
	height: 510px;
	background-image: url(images/cast_chart.jpg);
	background-position: left top;
	background-repeat: no-repeat;
}

#main div#cast div#chart div.chartBox p#naruse {
	margin: 0 0 0 50px;
	width: 180px;
	height: 170px;
	float: left;
	display: inline;
	cursor: pointer;
}

#main div#cast div#chart div.chartBox p#sugisita {
	margin: 0 0 0 70px;
	width: 180px;
	height: 160px;
	float: left;
	display: inline;
	cursor: pointer;
}

#main div#cast div#chart div.chartBox p#andou {
	margin: 0 0 0 90px;
	width: 180px;
	height: 170px;
	float: left;
	display: inline;
	cursor: pointer;
}

#main div#cast div#chart div.chartBox p#noguchi {
	margin: 20px 0 0 570px;
	width: 190px;
	height: 120px;
	float: left;
	display: inline;
	cursor: pointer;
}

#main div#cast div#chart div.chartBox p#nohara {
	margin: 15px 0 0 80px;
	width: 180px;
	height: 140px;
	float: left;
	display: inline;
	cursor: pointer;
}

#main div#cast div#chart div.chartBox p#nishizaki {
	margin: 15px 0 0 40px;
	width: 180px;
	height: 140px;
	float: left;
	display: inline;
	cursor: pointer;
}

#main div#cast div#chart div.chartBox p#naoko {
	margin: 30px 0 0 90px;
	width: 190px;
	height: 140px;
	float: left;
	display: inline;
	cursor: pointer;
}

.tipsy { padding: 5px; font-size: 71%; opacity: 0.9; filter: alpha(opacity=90); background-repeat: no-repeat;  background-image: url(images/tipsy.gif); }
  .tipsy-inner { padding: 10px; background-color: #000033; color: white; width: 240px; text-align: left; }
  .tipsy-inner { -moz-border-radius:3px; -webkit-border-radius:3px; }
  .tipsy-north { background-position: top center; }
  .tipsy-south { background-position: bottom center; }
  .tipsy-east { background-position: right center; }
  .tipsy-west { background-position: left center; }

/* comment
--------------------*/
#main div#comment {
}

#main div#comment div.commentBox{
	margin-bottom: 15px;
	background-image: url(images/comment_bg.gif);
	background-position: center top;
	background-repeat: repeat-y;
}

#main div#comment div.commentBox_f{
	background-image: url(images/comment_bg.gif);
	background-position: center top;
	background-repeat: repeat-y;
}

#main div#comment div.commentBox ul,
#main div#comment div.commentBox_f ul{
	width: 360px;
	float: left;
}

#main div#comment div.commentBox ul.boxR,
#main div#comment div.commentBox_f ul.boxR{
	padding-left: 40px;
}

#main div#comment div.commentBox li.bookstore,
#main div#comment div.commentBox_f li.bookstore{
	color: #CC9900;
	font-weight: bolder;
	text-align: right;
}

/* pagetop
--------------------*/
div.pagetop {
	padding: 7px 10px 0 0;
	text-align: right;
}

/* ------------------------------
 // 4: Footer
------------------------------ */

#footer {
	margin: 0 auto;
	width: 800px;
	padding: 10px 20px;
	background-color: #FFF;
}

#footer p#copyright {
	float: right;
	margin-top: -25px;
}