@charset Shift_JIS;


/*------------------------------------*
	BODY
 *------------------------------------*/
body {
	font-size:100%;
	background-color:white;
	color:#202020;
	margin: 0px;
}

a:link      { text-decoration: none; }
a:visited   { text-decoration: none; }
a:active   { color:red; text-decoration: underline; }
a:hover   { text-decoration: underline; }

/*------------------------------------*
	H1 H2 H3
 *------------------------------------*/
h1 {
	font-size:130%;
	color:#303030;
	border-bottom: 2px #b0a0a0 solid;
	padding: 4px;
	font-family: Verdana, "ƒqƒ‰ƒMƒmŠpƒS Pro W3", "‚l‚r ƒSƒVƒbƒN", Osaka�]“™•�;
}

h2 {
	font-size:130%;
	color:dimgray;
	font-family: Verdana, "ƒqƒ‰ƒMƒmŠpƒS Pro W3", "‚l‚r ƒSƒVƒbƒN", Osaka�]“™•�;
}

h3 {
	font-size:110%;
	color:dimgray;
}

/*------------------------------------*
	Header
 *------------------------------------*/
div#header {
	margin:0px;
	padding:0px;
/*
	height:64px;
	text-align:left;
	border:1px dimgray solid;
*/
	background-color:white;
}


/*------------------------------------*
	Footer
 *------------------------------------*/
div#footer {
	font-size: 90%;
	color:#a0a0a0;
	margin: 8px 0 0 0;
	border-top: 2px #a0a0a0 solid;
}

div#footer a:link, div#footer a:visited {
	color:#a0a0a0;
	text-decoration:none;
}

div#footer a:hover, div#footer a:active {
	color:#a0a0a0;
	text-decoration:underline;
}

div#footer p#site_copyright {
	text-align:right;
	font-family: Verdana, Arial, Helvetica;
	margin:2px 0 4px 0;
}

div#footer p#home {
	text-align:right;
	font-family: Verdana, Arial, Helvetica;
	margin:2px 0 4px 0;
}


div#app_footer {
	font-size: 90%;
	color:#a0a0a0;
	text-align:right;
	font-family: Verdana, Arial, Helvetica;
	margin:2px 0 4px 0;
}

div#app_footer a:link, div#app_footer a:visited {
	color:#a0a0a0;
	text-decoration:none;
}
div#app_footer a:hover, div#app_footer a:active {
	color:#a0a0a0;
	text-decoration:underline;
}



/*------------------------------------*
	for Books
 *------------------------------------*/
div.book {
	margin:1px;
	padding:1px;
	border-bottom: 1px silver solid;
	line-height:120%;
}

div.book span.caption {
	font-size:90%;
	font-family: MS UI Gothic, Osaka;
}
span.number {
	font-size:90%;
	font-family: Verdana, Arial, Helvetica;
}
span.name {
	font-size:110%;
	font-weight:bold;
}
span.author {
	font-size:100%;
	font-weight:bold;
}
span.price {
	font-size:90%;
}
span.isbn {
	font-size:90%;
	font-family: Verdana, Arial, Helvetica;
}

div.book div.btn {
	text-align:right;
}

div.book div.content {
	font-size:95%;
	line-height:140%;
}

div.book div.bio {
	font-size:95%;
	line-height:140%;
}

div.book h3 {
	font-size:100%;
	font-family: MS UI Gothic, Osaka;
	color:#303030; 
	padding-left:8px;
	border-bottom: 1px #b0a0a0 dotted;
	border-left: 1px #b0a0a0 solid;
}


/*------------------------------------*
	document
 *------------------------------------*/
div.doc {
	line-height: 130%;
	margin:8px 32px 32px 8px;
}

div.doc h2 {
	margin: 32px 16px 32px 8px;
}

div.doc div.caption {
	margin: 8px 16px 32px 16px;
	color: #30308F;
	font-size:110%;
	font-weight:bold;
	line-height: 150%;
}

div.doc div.body {
	line-height: 130%;
	margin: 0px 32px 32px 32px;
}




/*------------------------------------*
	AppInfo
 *------------------------------------*/
div#about_box {
	margin: 16px 20% 16px 20%;
	padding: 4px 8px 8px 8px;
	border: 1px silver solid;
	font-family: Verdana, Arial, Helvetica;
	font-weight: normal;
	color: dimgray;
	background-color:whitesmoke;
	text-align: center;
}

div#about_box a:link, div#about_box a:visited {
	color:dimgray;
	text-decoration:none;
}

div#about_box a:hover, div#about_box a:active {
	color:dimgray;
	text-decoration:underline;
}

div#about_box p#app_name {
	font-size:130%;
	margin:2px 0 4px 0;
}

div#about_box p#app_version {
	font-size:100%;
	margin:4px 0 4px 0;
}

div#about_box p.pgmers_and_libs {
	font-size:100%;
	margin:8px 0 8px 0;
}

div#about_box p.links {
	font-size:90%;
	margin:8px 0 8px 0;
}

div#about_box p.description {
	font-size:90%;
	font-family: MS UI Gothic, Osaka;
	margin:8px 64px 8px 64px;
	text-align:left;
}







/*------------------------------------*
	
 *------------------------------------*/
div#index_top {
	margin: 4px 10% 4px 10%;
	font-size:95%;
	line-height:130%;
	color:dimgray;
	font-family:MS UI Gothic,Osaka,Sans-selif;
}





/*------------------------------------*
	ABOUT THIS SITE
	PRIVACY POLICY
	COPYRIGHT NOTICE
	EXEMPTION CLAUSE
 *------------------------------------*/
div#about_this_site, div#privacy_policy, div#copyright_notice, div#exemption_clause {
	margin:8px;
	padding:8px;
/*	border:1px silver solid; */
	font-size:100%;
	line-height:130%;
	color:#404040;
/*	font-family:MS UI Gothic,Osaka,Sans-selif; */
}

div#about_this_site h2, div#privacy_policy h2, div#copyright_notice h2, div#exemption_clause h2 {
	margin-top:4px;
	border-bottom:2px dotted silver;
}
div#about_this_site .description, div#privacy_policy .description, div#copyright_notice .description, div#exemption_clause .description {
}
div#about_this_site p, div#privacy_policy p, div#copyright_notice p, div#exemption_clause p {
}




/*------------------------------------*
	MESSAGE
*------------------------------------*/
div.message {
	margin: 16px;
	padding:8px;
	border: 1px gray solid;
	color: #404050;
	background-color: #F8F8F8;
	line-height:130%;
}


/*------------------------------------*
	SYS MESSAGE
 *------------------------------------*/
div.sys_msg {
	margin: 16px;
	padding:8px;
	border: 1px gray solid;
	color: #604060;
	background-color: #F8F0F8;
	line-height:130%;
}


/*------------------------------------*
	SUCCESS MESSAGE
 *------------------------------------*/
div.success_msg {
	margin: 16px;
	padding:8px;
	border: 1px gray solid;
	color: #604060;
	background-color: #F8F0F8;
	line-height:130%;
}



/*------------------------------------*
	ERROR MESSAGE
*------------------------------------*/
div.error_msg {
	margin: 16px;
	padding:8px;
	border: 1px crimson solid;
	color: darkred;
	background-color: #FFEEEE;
	line-height:130%;
}




/*------------------------------------*
*------------------------------------*/
span.description {
	font-size:90%;
	color:darkgreen;
	font-family:MS UI Gothic,Osaka,Sans-selif;
}



/*------------------------------------*
	DEBUG Message
 *------------------------------------*/
div#maintenance_box {
	margin:8px auto 16px auto;
	border:1pt gold solid;
	padding:8px;
	line-height:130%;
	background-color:#F6F6E0;
}


/*------------------------------------*
	DEBUG Message
 *------------------------------------*/
.debug_message {
	margin:8px auto 16px auto;
	border:1pt orange dotted;
	padding:8px;
	line-height:130%;
	background-color:#F6F6E0;
}