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

/* @group reset */
* { margin: 0; padding: 0}
a { text-decoration: none}
ul, ol {list-style: none}
img {vertical-align: middle}

/* @group Fluid-img */
img { max-width: 100%}


body {
	font-family		: Arial, Helvetica, sans-serif;
	font-weight		: none;
	letter-spacing		: 1px;
	background-color: whitesmoke;
	}

/* @group Header */
header {
	text-align: center;
	background-color: whitesmoke;
	}

/* @group Footer */
footer {
	text-align: center;
	background-color: whitesmoke;
	}

/* @group Nav */
nav {
	background-color: grey;
	}

nav ul { overflow: hidden}
nav ul li { width: 25%; float: left}
nav ul li a {
	display: block;
	color: white;
	padding: 12px 0;
	}
nav ul li a:hover {
	color: white;
	background-color: darkgrey;
	}

/* definitions applying to the contents block */
#contents {
	background-color: white;
	margin: 0 auto;
	line-height: 3ex;
	padding-bottom		: 10px;
	padding-top		: 0px;
	padding-left		: 5%;
	padding-right		: 5%;
	font-size        	: 16px;
	color            	: #333333;
	}

#contents h1 {
	text-align		: center;
	line-height		: 2ex;
	padding-bottom	: 0.5em;
	padding-top		: 0.5em;
	margin-bottom: 	: 0.5em;
	margin-top		: 0.5em;

	}

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

#contents h3{
	color			: #4490B4;
	padding-bottom	: 0.5em;
	padding-top		: 0.5em;
	margin-bottom: 	: 0.5em;
	margin-top		: 0.5em;
	}

#contents h4{
	padding-bottom	: 0.5em;
	padding-top		: 0.5em;
	margin-bottom: 	: 0.5em;
	margin-top		: 0.5em;
	}

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

#contents table{
	padding-left		: 0;
	padding-top		: 1px;
	padding-bottom		: 2px;
	line-height		: 2em;
	}

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

#contents a:link {
	color			: #990099;
	text-decoration		: none;
	}

#contents a:visited {
	color			: #990099;
	text-decoration		: none;	
	}

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

.center {
	text-align: center;
	margin-left: auto;
	margin-right: auto;
	}

.center table {
	margin-left: auto;
	margin-right: auto;
	}

.center table td{
	line-height: 1.5em;
	margin: 0;
	padding: 0;
	}

.centerl {
	margin-left: auto;
	margin-right: auto;
	}

.centerl table {
	margin-left: auto;
	margin-right: auto;
	}

.centerl table td{
	line-height: 1.5em;
	margin: 0;
	padding: 0;
	}


.access {
	margin: 0;
	padding: 0;
	}

.access img {
	margin: 0;
	padding: 0;
	}

p {
	margin-bottom: 	: 0.5em;
	margin-top		: 0.5em;
	}

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

p.pwd a{
	color			: #990099;
	text-decoration 	: none;
	}

p.pwd a:visited{
	color			: #990099;
	text-decoration		: none;
	}

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

p.head{
	text-align		: center;
	line-height		: 2.5ex;
	padding-bottom	: 0.5em;
	padding-top		: 0.5em;
	margin-bottom: 	: 0.5em;
	margin-top		: 0.5em;
	}

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		: 0.9em;
	text-align		: center;
	}

p.navi span{
	color			: #999999;
	}

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

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

.navi a:hover {
	font-size		: 0.9em;
	color			: #4490B4;
	text-decoration		: none;
	font-family		: Verdana, Arial, Helvetica, sans-serif;
	}

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

img {
	border			: none;
	}

.skip {
	display			: none;
	}

td {
	line-height		: 1.5em;
	}

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

@media screen and (min-width : 769px) {
	nav ul {
		width :94%;
		margin: 0 auto;
		}
	#contents {
		overflow: hidden;
		width: 60%;
		}
	}

@media screen and (min-width : 1025px) {
	nav ul {
		width :85%;
		margin: 0 auto;
		}
	#contents {
		overflow: hidden;
		width: 50%;
		}
	}