/*
	This is the CSS stylesheet that is used for www.otsuka-b.com
*/

body {
	background-image	: url(wallpaper.jpg);
	background-attachment	: fixed;
	background-repeat	: no-repeat;
	font-family		: Arial, Helvetica, sans-serif;
	font-weight		: none;
	color			: #333333;
	letter-spacing		: 0px;
	}

/* definitions applying to the contents block */
.contents {
	width			: 475px;
	margin-top		: 12px;
	margin-right		: 0px; 
	margin-bottom		: 0px;
	margin-left		: 245px;  
	line-height		: 3ex;
	padding-bottom		: 0px;
	padding-top		: 0px;
	font-family      	: Verdana, Arial, Helvetica, sans-serif;
	font-size        	: 16px;
	color            	: #333333;
	}

.contents h1 {
	text-align		: center;
	line-height		: 2ex;
	}

.contents h2 {
	background-color	: whitesmoke;
	border			: 1px solid #ccc;
	padding			: 5px; 
	font-size		: medium;
	margin-bottom		: 5px;
	}

.contents h3{
	color			: #4490B4;
	}

.contents ul{
	margin-top		: 0;
	margin-left		: 0;
	padding-left		: 1em;
	}

.contents table{
	padding-left		: 0;
	padding-top		: 1px;
	padding-bottom		: 2px;
	line-height		: 1.5em;
	font-size		: 16px;
	}

.contents td, th{
	padding-right		: 15px;
	}

.contents a:link {
	color			: #990099;
	text-decoration		: none;	
	font-family		: Verdana, Arial, Helvetica, sans-serif;
	}

.contents a:visited {
	color			: #990099;
	text-decoration		: none;	
	font-family		: Verdana, Arial, Helvetica, sans-serif;
	}

.contents a:hover {
	color			: #4490B4;
	text-decoration		: underline;	
	}

.content {
	display: flex;
	height: auto;
	align-items: flex-start;
	}

/* definitions applying to the report_index block */
.report {
	width			: 475px;
	margin-top		: 12px;
	margin-right		: 0px; 
	margin-bottom		: 0px;
	margin-left		: 245px;  
	line-height		: 3ex;
	padding-bottom		: 0px;
	padding-top		: 0px;
	font-family      	: Verdana, Arial, Helvetica, sans-serif;
	font-size        	: 16px;
	color            	: #333333;
	}

.report h1 {
	text-align		: center;
	line-height		: 2ex;
	}

.report h2 {
	background-color	: whitesmoke;
	border			: 1px solid #ccc;
	padding			: 5px; 
	font-size		: medium;
	margin-bottom		: 5px;
	}

.report h3{
	color			: #4490B4;
	line-height		: 1em;
	padding-bottom		: 2px;
	margin-bottom		: 2px;
	}

.report ul{
	margin-top		: 0;
	margin-left		: 0;
	padding-left		: 1em;
	}

.report table{
	padding-left		: 0;
	padding-top		: 1px;
	padding-bottom		: 2px;
	line-height		: 1.5em;
	font-size		: 16px;
	}

.report td, th{
	padding-right		: 15px;
	}

.report a:link {
	color			: #990099;
	text-decoration		: none;	
	font-family		: Verdana, Arial, Helvetica, sans-serif;
	}

.report a:visited {
	color			: #990099;
	text-decoration		: none;	
	font-family		: Verdana, Arial, Helvetica, sans-serif;
	}

.report a:hover {
	color			: #4490B4;
	text-decoration		: underline;	
	}

p.pwd{
	border-bottom		: solid 2px #cccccc;
	text-align		: right;
	font-size		: 11.5px;
	margin-top		: 0;
	}

p.pwd a{
	font-size		: 11.5px;
	color			: #990099;
	text-decoration 	: none;
	font-family		: Verdana, Arial, Helvetica, sans-serif;
	}

p.pwd a:visited{
	font-size		: 11.5px;
	color			: #990099;
	text-decoration		: none;
	font-family 		: Verdana, Arial, Helvetica, sans-serif;
	}

p.pwd a:hover {
	font-size		: 11.5px;
	color			: #4490B4;
	text-decoration		: none;
	font-family 		: Verdana, Arial, Helvetica, sans-serif;
	}

p.head{
	text-align		: center;
	}

p.image{
	text-align		: center;
	font-size		: 0.85em;
	line-height		: 1.25em;
	}

p.movie{
	text-align		: center;
	font-size		: 1em;
	line-height		: 1.5em;
	}

p.navi{
	font-size		: 11.5px;
	text-align		: center;
	}

p.navi span{
	color			: #999999;
	}

.navi a:link {
	font-size		: 11.5px;
	color			: #990099;
	text-decoration		: none;
	font-family		: Verdana, Arial, Helvetica, sans-serif;
	}

.navi a:visited {
	font-size		: 11.5px;
	color			: #990099;
	text-decoration		: none;
	font-family		: Verdana, Arial, Helvetica, sans-serif;
	}

.navi a:hover {
	color			: #4490B4;
	text-decoration		: none;
	}

p.foot{
	border-top		: solid 3px #cccccc;
	font-size		: 0.7em;
	text-align		: right;
	line-height		: 1.5;
	}

.logo {
	position		: absolute;
	top			: 20px;
	left			: 20px;
	}

.left {
	position		: absolute;
	top			: 80px;
	left			: 20px;
	width			: 150px;
	padding-left		: 10px;
	padding-right		: 10px;
	font-family		: Verdana, Arial, Helvetica, sans-serif;
	font-size		: 14px;
	font-weight		: bold;
	color			: #333333;
	line-height		: 1.5em;
	}

.left h1 {
	font-size		: 14px;
	font-weight		: bold;
	color			: #000000;
	text-align		: left;
	color			: #3366C0;
	border			: 0px solid;
	margin-left		: -8px;
	margin-bottom		: 5px;
	}

.left h2 {
	font-size		: 14px;
	font-weight		: bold;
	color			: #000000;
	text-align		: left;
	color			: #3366C0;
	border			: 0px solid;
	margin-left		: -8px;
	margin-bottom		: 5px;
	}

.left ul{
	list-style		: none;
	margin-top		: 0;
	margin-left		: 0;
	padding-left		: 0px;
	}

.left a:link {
	color			: #990099;
	text-decoration		: none;
	font-family		: Verdana, Arial, Helvetica, sans-serif;
	}



.left a:visited {
	color			: #990099;
	text-decoration		: none;
	font-family		: Verdana, Arial, Helvetica, sans-serif;
	}

.left a:hover {
	color			: #4490B4;
	font-family		: Verdana, Arial, Helvetica, sans-serif;
	}

.right{
	width			: 200px;
	position		: absolute;
	left			: 780px;
	top			: 0px;
	margin-top		: 0;
	margin-right		: 15px;
	padding-top		: 30px;
	padding-left		: 15px;
	font-size		: 11.5px;
	font-weight		: normal;
	}

.right h1{
	font-size		: 11.5px;
	font-weight		: bold;
	text-align		: left;
	color			: #3366C0;
	border			: 0px solid;
	margin-left		: -8px;
	margin-bottom		: 5px;
	}

.right h2{
	font-size		: 11.5px;
	font-weight		: bold;
	text-align		: left;
	color			: #3366C0;
	border			: 0px solid;
	margin-left		: -4px;
	margin-bottom		: 5px;
	}

p.right{
	margin-top		: 0;
	font-size		: 11.5px;
	}

.right ul{
	list-style		: none;
	margin-top		: 0;
	margin-left		: 0;
	padding-left		: 0px;
	}

.right table{
	padding-left		: 0;
	padding-top		: 1px;
	padding-bottom		: 2px;
	line-height		: 1.5em;
	font-size		: 11.5px;
	}

.right td, th{
	border			: none;
	border-right		: solid 0px #dddddd;
	font-size		: 11.5px;
	font-family		: Verdana, Arial, Helvetica, sans-serif;
	font-weight		: none;
	}

.right a:link {
	color			: #990099;
	text-decoration		: none;
	font-family		: Verdana, Arial, Helvetica, sans-serif;
	}

.right a:visited {
	color			: #990099;
	text-decoration		: none;
	font-family		: Verdana, Arial, Helvetica, sans-serif;
	}

.right a:hover {
	color			: #4490B4;
	font-family		: Verdana, Arial, Helvetica, sans-serif;
	text-decoration		: underline;
	}

img {
	border			: none;
	}

.skip {
	display			: none;
	}

ul{
	margin-bottom		: 3px;
	margin-top		: 3px;
	}

em{
	color			: black;
	font-style		: normal;
	font-weight		: bold;
	}

strong{
	color			: black;
	font-size		: normal;
	font-weight		: bold;
	background-color	: #dddddd;
	}

ul.nobullets {
	list-style		: none;
	margin-left		: 0px;
	padding-left		: 0px;
	}

.highlight {
	background-color	: #dddddd;
}