@charset "UTF-8";


/* Common Tags */
/* ----------------------------------------------------- */

body {
	background-color: #dddddd;
	/*background-image: url("../images/scan_line.png");*/
	margin: 5px 1px 5px 1px;
	padding: 0;
	font-family: "メイリオ","IPA Pゴシック","ＭＳ Ｐゴシック",Arial,osaka,sans-serif;
	color: #333;
	font-size: x-small;
	font-size: small;
}
	html>body {
	font-size: 1em;
}

img {
	border: 0;
	margin: 0;
	padding: 0;
}

a {
	color: #36c;
	text-decoration: none;
}

a:hover {
	text-decoration: underline;
}

form {
	margin: 0;
	padding: 0;
}

input.text {
	border: solid 1px #ccc;
	vertical-align: middle;
	margin: 0;
	height: 1.25em;
	padding: 1px;
	height: 1em;
}
	html>body input.text { height: 1em; }

input.submit {
	vertical-align: middle;
	font-size: 85%;
	border: solid 1px gray;
	border-color: #69f #039 #039 #69f;
	height: 1.5em;
	line-height: 120%;
	margin: 0;
	background-color: #36c;
	color: #fff;
	font-weight: bold;
}

ul {
	margin: 1.5em 0;
	padding-left: 1.5em;
}

li {
	margin: 0 0 0.75em 0;
	padding: 0;
	line-height: 150%;
}

h1 {
	font-size: 1em;
	margin: 0;
}

h2 {
	font-size: 1.2em;
}


h3 {
	font-size: 1.1em;
	line-height: 130%;
	margin: 0 0 0 0;
	font-size: 1.1em;
	color: #c42;
}
	html>body h3 { font-size: 1.1em; }

h3 .small {
	font-size: x-small;
	font-size: small;
}
	html>body h3 .small { font-size: small; }

h3.other {
	color: #c42;
	font-size: 123%;
	margin: 0 0 1.5em 0;
}

h3.img {
	margin: 0;
	float: left;
}

h3.readme {
	color: #c42;
	margin: 0 0 0.75em 0;
	font-size: x-small;
	font-size: small;
}
	html>body h3.readme { font-size: small; }
h3 ul {
	list-style:none;
}
h4 {
	margin:0.5em 0 0 0.5em;
	/*color:#36c;*/
}

p {
	line-height:150%;
	margin:1em 0;
}
em {
	font-weight:bold;
	font-style:normal;
	color:#36c;
}

hr { display: none }

address {
	font-size: 90%;
	color: #3366cc;
}
.left {
	margin: 5px 4px 5px 4px;
}
strong{
	font-size: 120%;
	font-weight: bold;
	color: #cc4422;
}
abbr {
	border-bottom: 1px dashed;
}
dl {
	margin: 10px 0 10px 0;
}
dt {
	margin: 10px 0 5px 0;
	font-size: 1em;
	font-weight: bold;
}
dt.index {
	background-image: url(../images/icon.jpg);
	background-repeat: no-repeat;
	background-position: left;
	padding-left : 21px;
}

dd {
	font-size: 0.9em;
	font-weight: normal;
	margin: 2px 1em 2px 1em;
}
dd ul {
	list-style: none;
}

blockquote {
	border: thin dotted #3366cc;
	margin: 0 0 0 0 ;
}

p cite {
	margin: 0 0 0 0;
	padding: 5px 0 5px 1em;
	color: inherit;
	font-weight: normal;
	font-style: italic;
	font-size: small;
}
/*Table*/
/* ----------------------------------------------------- */
table{
	margin: 5px 5px 5px 0px;
	border-spacing: 0px;
	border: 1px outset #c991c6;
	width: 100%;
}
.google{
	line-height: 0px;
	margin: 5px 5px 5px 0px;
	border-spacing: 0px;
	border: 0px;
	width: 100%;
	background-color: #fff;
	text-align: left;
	font-weight: lighter;
	font-size: smaller;
}
caption{
	margin: 10px 5px 0px 0px;
	padding: 2px 0px 5px 0px;
	color: #ffffff;
	/*background-color: #cc4422;*/
	background-color: #558fcd;
	border-spacing: 0px;
	border: 2px outset #558fcd;
	font-weight: bold;
	font-size: 1.2em;
	letter-spacing: normal;
	width: 100%;
}
th{
	padding: 2px 5px 2px 5px;
	border: 1px solid #3366cc;
	background-color: #F6F9FD;
	color: #3366cc;
	text-align: center;
	font-size: 1em;
}
td{
	padding: 2px 5px 2px 5px;
	border: 1px solid #3366cc;
	background-color: #FDFDEE;
	color: #333333;
	font-size: 0.95em;
}
.date{
	text-align:center;
	background-color:#ffffff;
}
.day{
	text-align:center;
	background-color:#FDFDEE;
}
.time{
	background-color:#ffffff;
}
.table {
	margin: 0 0 0 0;
	padding: 5px 0 5px 0;
}

.amazon {
	padding: 10px 0px 0px 35px;
	height: 100px;
	width: 145px;
}
/* Common Classes */
/* ----------------------------------------------------- */
.External{
	background-image: url("../images/external01.png");
	background-repeat: no-repeat;
	background-position: right;
	padding-right : 21px;
}
/* float Clear Patch */
.floatCLR {
	clear: both;
}
.floatL { float: left }
.floatR { float: right }
.center { display: block; margin-left: auto; margin-right: auto; text-align:center }
.vaMiddle { vertical-align: middle; }
.msmall { font-size: 92%; }
.small { font-size: 85%; }
.large { font-size: 115%; }
.bold { font-weight: bold }
.normal { font-weight: normal }
.none { display: none; }
.hidden { visibility: hidden; }
.em, .new {color: #c42; }
/*.new { font-size:85% }*/
.imgRight { float: right; margin: 5px 0 10px 10px }
.imgLeft { float: left; margin: 0 20px 10px 0px }
.indent { margin-left:1em; }
.noindent{
	margin-left: 0px;
}
.letterspace{
	letter-spacing: 0.5em;
}

/* Hack
--------------------------------------------------*/
.hide {
	height: 0;
	width: 0;
	overflow: hidden;
	position: absolute; /* for benefit of IE5 Mac */
}



/* BODY */
/* ----------------------------------------------------- */

#body {
	background-color: #f8f8f8;
	margin: 0px auto 0px auto;
	width: 760px;
	text-align: left;
	background-image: url("../images/bg.gif");
}

#bg {
	position: relative;
	float: left;
	background-image: url("../images/bg.gif");
	width: 760px;
}

/* Header */
/* ----------------------------------------------------- */

#header {
	position: relative;
	width: 760px;
	height: 113px;
	background-image: url("../images/bg_top.gif");
	background-repeat: no-repeat;
	z-index: 2;
}

#headerBorder {
	position: absolute;
	margin-left: 10px;
	top: 8px;
	width: 740px;
	height: 100px;
	background-image: url("../images/header_overlay.gif");
	background-repeat: no-repeat;
	z-index:4;
}

#headerImg { /* Logo */
	position: absolute;
	margin-left: 10px;
	top: 8px;
	width: 740px;
	height: 100px;
	/*padding: 10px;*/
	background-color: white;
	background-image: url("../images/top.jpg");
	background-repeat: no-repeat;
	z-index:3;
}
#header h1 {
	position: absolute;
	z-index: 1;
	left: 80px;
	top: 30px; 
	/*width:740px;*/
	/*height: 28px;*/
}
/*#header {
	position: relative;
	width: 760px;
	background-image: url("../images/bg_top.gif");
	height: 126px;
	background-repeat: no-repeat;
	z-index:2;
}*/

/*#headerBorder {
	position: absolute;
	margin-left: 10px;
	top: 8px;
	width: 740px;
	height: 113px;
	background-image: url("../images/header_overlay.gif");
	z-index:4;
}*/

/*#headerImg { /* Logo 
	position: absolute;
	margin-left: 10px;
	top: 8px;
	width: 720px;
	height: 94px;
	padding: 10px;
	background-color: white;
	background-image: url("../images/logo_01.png");
	background-repeat: no-repeat;
	z-index:3;
}*/

/*#header h1 { 
	position: absolute;
	left: 22px;
	top: 80px;
	z-index:1;
}*/

/* Content */
/* ----------------------------------------------------- */

#contents {
	position: relative;
	float: left;
	width: 760px;
}

/* Content Menu */
#contentLeft {
	position: relative;
	float: left;
	width: 210px;
	padding-left: 10px;
	width: 200px;
	height: auto;
}
.contentLeft {
	position: relative;
	float: left;
	width: 210px;
	padding-left: 10px;
	width: 200px;
	height: auto;
}
	html>body #mainLeft { width: 200px; }

/* Content Main */
#contentRight {
	position: relative;
	float: right;
	width: 524px;
	padding-right: 10px;
	width: 534px;
}
	html>body #mainRight { width: 534px; }

.emspace {
	letter-spacing: 1em;
}
/* Content:Menu */
/* ----------------------------------------------------- */
.menuTop {
	position: relative;
	clear: both;
	width: 200px;
	height: 5px;
	background-image: url(../images/menu_col_top.gif);
	background-repeat: no-repeat;
	overflow: hidden;
}

.menuTitle {
	position: relative;
	float:left;
	width: 200px;
	background-color: #fff;
	border-left: solid 1px #ccc;
	border-right: solid 1px #ccc;
	overflow: hidden;
	width: 198px;
}
	html>body .menuTitle { width: 198px; }

.menuContent {
	position: relative;
	float: left;
	width: 190px;
	height: auto;
	background-color: #fff;
	border-left: solid 1px #ccc;
	border-right: solid 1px #ccc;
	padding: 0px 4px 0px 4px;
}

.menuBottom {
	display: block;
	position: relative;
	float:left;
	width: 200px;
	height: 11px;
	background-image: url("../images/menu_col_bottom.gif");
	background-repeat: no-repeat;
	background-position: top;
	overflow: hidden;
	padding-bottom: 6px;
	height: 5px;
}
	html>body .menuBottom { height: 5px; }

.menuTitle h2 {
	display: block;
	position: relative;
	width: 200px;
	font-weight: normal;
	font-size: xx-small;
	border-bottom: solid 1px #e8e8e8;
	font-family: arial;
	padding: 0 0 2px 4px;
	line-height: 110%;
	margin: 0 0 4px 0;
	text-transform: uppercase;
	color: #999;
	font-size: x-small;
}
	html>body .menuTitle h2 { font-size: x-small; }

.menuContent ul {
	padding: 0;
	margin: 0;
}
.menuContent li {
	display: block;
	position: relative;
	margin: 0 0 0 0;
	padding: 0 0 0 1em;
	float: left; /* add for Mac IE5 */
	width: 175px;
	overflow: hidden;
}
.menuContent li a {
	display: block;
	margin: 0 0 0 0;
	padding: 2px 2px 2px 2px;
	color: #3366cc;
	text-decoration: none;
	font-size: 0.9em;
	line-height: 1.3em;
	width: 167px;
}
	html>body .menuContent li a { width: 167px; }

.menuContent li a:hover {
	text-decoration: none;
	background-color: #ffeafa;
}

.menuContent li.Current {
	color: #fff;
	background-image: url("../images/menu_selected1.png");
	background-repeat: no-repeat;
	font-weight: bold;
	line-height: 1.3em;
}

.menuContent li.Secondlevel {
	vertical-align: middle;
	display: block;
	position: relative;
	margin: 0 0 0 0;
	padding: 0 0 0 1em;
	float: left; /* add for Mac IE5 */
	width: 190px;
	font-size: 95%;
}

.icoHome { background-image: url("../images/menu_ico_cover.gif"); }
.icoBook { background-image: url("../images/menu_ico_book.gif"); }
.icoDB { background-image: url("../images/menu_ico_db.gif"); }
.icoDoc { background-image: url("../images/menu_ico_doc.gif"); }
.icoInfo { background-image: url("../images/menu_ico_info.gif"); }
.icoMail { background-image: url("../images/menu_ico_mail.gif"); }
.icoExtra { background-image: url("../images/menu_ico_extra.gif"); }

/* Footer */
/* ----------------------------------------------------- */

#footer {
	/*clear: both;*/
	float: left;
	position: relative;
	width: 760px;
	padding: 0 4px 5px 4px;
	background-position: bottom;
	background-repeat: no-repeat;
	background-image: url("../images/bg_bottom.gif");
	width: 752px;
}
	html>body #footer { width: 752px; }

#footerContent {
	position: relative;
	float: left;
	width: 752px;
	border: 0;
	padding-top: 6px;
	font-size: 1em;
	line-height: 130%;
	border-top: solid 1px #ccc;
	color:#333;
	font-size: x-small;
}
	html>body #footerContent { font-size: 1em; }

#footerLeft {
	font-style: normal;
	position: relative;
	float: left;
	padding-left: 10px;
	width: 434px;
	left: 0;
	top:3px;
	
}

#footerRight {
	position: relative;
	float: right;
	width: 292px;
	padding-right: 10px;
	width: 282px;
	text-align:right;
}
	html>body #footerRight { width: 282px; }

#footerRight p {
	margin:0 0 10px 0;
}

#footerLeft address, #footerLeft p {
	font-style: normal;
	font-size: 1em;
	margin:0 0 1em 0;
}

#footerLeft a:hover {
	text-decoration: underline;
}

.Mail {
	background-image : url(../images/mail.png);
	background-repeat : no-repeat;
	background-position : left;
	padding-left : 18px;
}
/* Content:Main */
/* ----------------------------------------------------- */

.mainTop {
	display: block;
	position:relative;
	clear:both;
	width: 534px;
	height: 5px;
	background-image: url("../images/main_col_top.gif");
	background-repeat: no-repeat;
	overflow: hidden;

}

.mainTitle {
	display: block;
	position: relative;
	width: 534px;
	background-color: #fff;
	border-left: solid 1px #ccc;
	border-right: solid 1px #ccc;
	margin: 0 0 0 -11px;
	padding: 0;
	overflow: hidden;
	background-image: url("../images/main_col_title_bg.gif");
	background-repeat: no-repeat;
	background-position: left;
	width: 532px;
}
	html>body .mainTitle { width: 532px; }

/* Location */
.mainTitle h2 {
	font-size: small;
	line-height: 16px;
	color: #666;
	margin: 0 0 0 0;
	padding: 0 0 0 18px;
	border-bottom: solid 1px #ddd;
	font-size: 1.1em;
}

.mainBottom {
	display: block;
	clear: both;
	float: left;
	width: 534px;
	height: 11px;
	background-image: url("../images/main_col_bottom.gif");
	background-repeat: no-repeat;
	overflow: hidden;
	padding-bottom: 6px;
	height: 5px;
}

	html>body .mainBottom { height: 5px; }

.mainContent {
	display: block;
	position:relative;
	float: left;
	width: 534px;
	background-color: #fff;
	border-left: solid 1px #ccc;
	border-right: solid 1px #ccc;
	padding: 0px 10px 0 10px;
	line-height: 140%;
	width: 512px;
}
	html>body .mainContent { width: 512px; }

.mainContent h3 {
	font-size: 1.1em;
	line-height: 120%;
	margin: 0.5em 0 0.5em 0.5em;
	font-size: 1.1em;
	color: #c42;
}

.mainContent h3.noindent {
	font-size: 1.1em;
	line-height: 120%;
	margin: 0.5em 0 0.5em 0px;
	font-size: 1.1em;
	color: #c42;
}

.mainContent p{
	text-indent: 1em;
	padding: 0 1em 0 1em;
}

.mainContent a{
	text-decoration: underline;
}

.mainContent a:hover{
	background-color:#ffeafa; 
}

.mainContent h2{
	padding: 0 1em 0 1em;
	color: #36c;
	font-family: "IPA Pゴシック","ＭＳ Ｐゴシック",Arial,osaka,sans-serif;
	font-size: 1.4em;
}
.mainContent ol{
	margin: 10px 0 0 1em;
	padding: 0 0 0 1em;
	list-style-type: decimal;
	font-weight: bold;
}
.mainContent ol.firstlevel {
	color: #3366cc;
}
.mainContent ol.secondlevel {
	margin: 10px 0 0 1em;
	padding: 0 0 0 1em;
	list-style-type: upper-roman;
	font-size: 95%;
	font-weight: normal;
	color: #333333;
}

.mainContent ul {
	margin: 0 0 0.5em 1em;
	padding-left: 1em;
}

.mainContent ul.noindent{
	margin: 0 0 0.5em 0px;
	padding-left: 1em;
}

.mainContent li {
	margin: 0 0 0.5em 0;
	padding: 0;
	line-height: 120%;
}
.mainContent li.stipulation {
	margin: 0 0 0.5em 0;
	padding: 0;
	line-height: 130%;
	font-size: medium;
	font-weight: normal;
}
.mainContent li.link{
	margin: 0 0 0.8em 0;
	list-style-type:none;
	font-size: 0.9em;
}
.mcHeight {
	min-height:456px;
}
* html .mcHeight {
	height:456px;
}

.map p{
	width: 450px;
	height: 485px;
}

.map a{
	width: 450px;
	height: 485px;
	display: block;
	float: left;
	background-image: url("../images/supmap_area.jpg");
	background-repeat: no-repeat;
}

.map a:hover{
	background-image: url("../images/supmap_area.jpg");
	background-repeat: no-repeat;
	background-position: -450px;
}

.post p{
	text-indent:0;
	padding: 0.5em 0 0 1em;
	margin: 0.5em 0 0 0;
}
.post input{
	text-indent:0;
	padding: 0 0 0 0;
	margin: 5px 0 5px 1em;
}
.post textarea{
	text-indent:0;
	padding: 0 0 0 0;
	margin: 5px 0 5px 1em;
}
/* Content:Main:Content */
/* ----------------------------------------------------- */

.mainContent .read {
	padding:10px 0 5px 0;
	margin: 0px 10px 0px 10px;
	/*border-bottom: solid 1px #ccc;*/
}

.mainContent .cover {
	border: solid 1px #ccc;
}
/*.mainContent a img.cover:hover { border-color:#36c;}*/

.mainContent p.price {
	margin:0.25em 0 0 0;
	font-size:93%;
}
.mainContent p.priceMook {
	margin:1em 0 0 0;
	font-size:93%;
}

.mainContent div.buy {
	margin:10px 0 0 0;
}
.mainContent img.buy {
	vertical-align:middle;
}
.mainContent span.ship {
	vertical-align:middle;
	font-size:85%;
	color:#c42;
}
.mainContent p.sold {
	margin:0;
}
.mainContent p.sold em {
	font-weight: bold;
	font-style:normal;
	color:#c42;
}

.mainContent span.others {
	margin-left:1em;
}

/* Arrow */
.subdir { top:-5px; }
.arrowLeft, .arrowUp, .arrowBack, .arrowStop, .arrowRight {
	display: block;
	position: relative;
	clear: both;
	height:16px;
	padding: 5px 0 0 0;
	margin:0;
	line-height:16px;
	font-weight: bold;
}

.arrowRight {
	width:100%;
	float: right;
}

.arrowLeft a, .arrowUp a, .arrowBack a, .arrowStop a {

	/* !Mac IE \*/
	display: block;
	position: relative;
	float:left;
	/* */
	line-height:16px;
	padding-left: 16px;
	background-repeat: no-repeat;
	background-position: 0px 0.5px;
}
.arrowRight a {
	display: block;
	/* !Mac IE \*/
	position: relative;
	/* */
	float: right;
	padding-right: 15px;
	background-image: url("../images/arrow_14_right.gif");
	background-repeat: no-repeat;
	background-position: right;
	/* add for Mac Classic IE5.0 */
	white-space:nowrap;
	text-align:center; /* Mac ClassicIE5.0 Bug??? */
}

.arrowLeft a { background-image: url("../images/arrow_14_right.gif"); }
.arrowUp a { background-image: url("../images/arrow_14_up.gif"); }
.arrowBack a { background-image: url("../images/arrow_14_left.gif"); }
.arrowStop a { background-image: url("../images/arrow_14_stop.gif"); color:#c42; cursor: default }
.arrowStop a:hover { text-decoration:none }