@charset "utf-8";

/* Basic Style */
*{
    font-variant:	normal;
    font-style:		normal;
    font-weight:	normal;
    font-size:		medium;
    font-family:	メイリオ,Tahoma,Arial, sans-serif;
    line-height:	100%;
    margin:			0px;
    padding:		0px;
    text-align:		left;
    border-width:	0px;
    border-style:	solid;
}

body {
    margin:			2px auto;
    padding:		4px;
    width:			800px;
    max-width:		960px;
    line-height:	125%;
}

h1 {
    color:			navy;
    text-align:		center;
    font-size:		300%;
    font-weight:	bold;
    margin:			4px auto 12px auto;
    white-space:	nowrap;
}

h2 {
    color:			navy;
    text-align:		center;
    font-size:		150%;
    font-weight:	bold;
    white-space:	nowrap;
}

h3 {
    color:			brown;
    text-align:		center;
    font-size:		135%;
    font-weight:	bold;
    white-space:	nowrap;
}

h4 {
    color:			navy;
    text-align:		center;
    font-size:		120%;
    font-weight:	bold;
    white-space:	nowrap;
}
h4 a {
    font-size:		120%;
}
h5 {
    color:			brown;
    text-align:		left;
    font-size:		110%;
    font-weight:	bold;
    white-space:	nowrap;
    padding:		0px 2em;
    border-width:	0 0 1px 10px;
    border-color:	#c88;
    width:			15em;
    margin:			1em;
}

h6 {
    color:			darkgreen;
    text-align:		left;
    font-size:		105%;
    font-weight:	bold;
    white-space:	nowrap;
}

strong {
    color:			red;
    font-weight:	bold;
}

em {
    color:			brown;
    font-weight:	bold;
}

p {
    font-size:		100%;
    margin:			0px;
    padding:		4px 0px 4px 0px;
    text-indent:	1ex;
    line-height:	160%;
}

img {
    border-width:	0px;
    margin:			0px;
    padding:		0px;
}

table {
    margin:			8px auto;
    caption-side:	top;
    border-collapse: separate;
    empty-cells:	show;
}
caption {
    margin:			8px auto 4px auto;
    text-align:		center;
    font-weight:	bold;
    color:			brown;
}
th {
    font-weight:	bold;
    text-align:		center;
    margin:			0px;
    padding:		2px 4px;
    border-width:	0px 1px 1px 0px;
    border-style:	solid;
    border-color:	#eff #acc #acc #eff;
    background-color:	#cff;
}
td {
    font-weight:	normal;
    text-align:		left;
    margin:			0px;
    padding:		2px 4px;
    border-width:	0px 1px 1px 0px;
    border-style:	solid;
    border-color:	#ccc;
    background-color:	#f8f8f8;
}

a	{
    text-decoration:	none;
}
a:link	{		color:				#0000FF;
				background-color:	transparent;
}
a:hover	{		color:				#00FFFF;
				background-color:	#0000FF;
}
a:active{		color:				#00FFFF;
				background-color:	#00FF00;
}
a:visited {		color:				#008000;
				background-color:	transparent;
}
a:visited:hover {
				color:				#00FFD0;
				background-color:	#0000FF;
}

blockquote {
    border-width:	1px;
    border-style:	dashed;
    border-color:	green;
    padding:		8px;
    margin:			10px 5em;
    line-height:	150%;
}


br.both {
    clear: both;
}

img.photo{
    border-width: 16px 16px 8px 16px;
    border-style: solid;
    border-color: #f8f8f8;
}
td.movie{
    padding: 16px 16px 8px 16px;
}


/* Basic - Class Style */
.c {	text-align:	center;	}
.l {	text-align:	left;	}
.r {	text-align:	right;	}

/* Header ID */
#header {
    margin:			0px auto 16px auto;
    width:			800px;
    height:			162px;
    padding:		0px;
    border-width:	0px 0px 2px 0px;
    border-style:	solid;
    border-color:	#a0a0d0;
}
#banner_over_topimage {
    text-align:		left;
    position:		absolute;
    top:			113px;
    margin:			0px 0px 8px 2px;
}
#banner {
    text-align:		right;
}

/* Top Page */
h1#title-old {
    margin:		92px auto 16px auto;
}
div.submenu {
	background-color:		white;
    border:			1px dashed brown;
    width:			240px;
    margin:			4px 12px;
    padding:		0px;
    float:			left;
    text-align: 	center;
    line-height:	300%;
}

div.contents1 {
	background-color:		transparent;
	color:					navy;
	border-width:			0px;
    width:					270px;
	margin:					8px auto 16px auto;
    padding:				0px;
}

div.contents1L {
	background-color:		transparent;
	color:					navy;
	border-width:			0px;
    width:					370px;
	margin:					8px auto 16px auto;
    padding:				0px;
}
div.submenuL {
	background-color:		white;
    border:			1px dashed brown;
    width:			340px;
    margin:			4px 12px;
    padding:		0px;
    float:			left;
    text-align: 	center;
    line-height:	300%;
}

div.contents2 {
	background-color:		transparent;
	color:					navy;
	border-width:			0px;
    width:					560px;
	margin:					8px auto 16px auto;
    padding:				0px;
}

div.contents3 {
	background-color:		transparent;
	color:					navy;
	border-width:			0px;
	margin:					8px auto 16px auto;
    padding:				0px;
}

div.prologue {
    border-width:	1px;
    border-style:	dashed;
    border-color:	navy;
    padding:	4px;
    width: 70%;
    font-size: 90%;
    margin: 1em auto;
}

div.submenu h2, div.submenuL h2 {
    background-color:	#cfc;
    font-size:		12pt;
    border-width:	0px 0px 1px 0px;
    border-color:	brown;
    border-style:	dashed;
    text-align:		center;
    padding:		6px 2px;
    margin:		0px;
    line-height:	110%;
}

div.submenu h3 {
    background-color:	#fee;
    text-align:		center;
    padding:		8px;
    margin:		0px auto;
    font-size:		12pt;
}

div.submenu h4 {
    background-color:	#edd;
    text-align:		left;
    padding:		2px 4px 2px 8px;
    margin:			0px;
    font-size:		10pt;
    border-width:	0px 0px 0px 12px;
    border-color:	#fee;
}


/* */
table.mileage th{
    background-color:	#cfc;
    padding:		4px;
}
table.mileage tr td{
    padding:		4px;
    text-align:	right;
}
table.mileage tr td.c, table.spec tr td{
    text-align:	center;
    padding:	4px 2px;
}
table.mileage tr td.l{
    text-align:	left;
}


/* Contents page */

div.subpage {
    text-align: center;
}
div.subpage h2 {
    margin:	6px auto;
    padding: 6px 0px;
    width:	70%;
    background-color: #cfc;
    border-width: 2px;
    border-color: #efe #8c8 #8c8 #efe;
}

div.subpage h3 {
    width: 90%;
    margin: 12px auto;
    background-color: #fee;
    border-width: 2px 16px;
    border-color: #fcc;
    padding: 4px;
}

div.subpage h4 {
    width: 75%;
    margin: 12px auto;
    border-width: 0px;
    padding: 4px;
    background-color: #eff;
}

div.subpage img { 
    border: 4px;
    border-color: white;
}

div.navistep {
    border-width: 2px;
    border-color: #fff #ccc #ccc #fff;
    margin: 2em 1em;
}

div.spec {
    width:	800px;
    max-width:	960px;
    border-width: 2px;
    border-color: #fff #ccc #ccc #fff;
    margin: 16px 2em;
    padding: 2px;
    text-align: center;
}

div.spec h4 {
    text-align: left;
    width:	30em;
    border-width: 0px 0px 2px 16px;
    border-color: #44c;
    margin: 4px 0px 8px 0px;
    padding-left: 1em;
}

table.navigation {
    margin:			24px auto;
    border-width:	0px;
}
table.navigation th {
    background-color:	#cff;
    border-width:	0px 2px 2px 0px;
    border-color:	#8cc;
    border-style:	solid;
    white-space:	nowrap;
}
table.navigation td {
    width:			14em;
    max-width:		265px;
    text-align:		center;
    background-color:	#ffc;
    border-width:	0px 2px 2px 0px;
    border-color:	#cc8;
    border-style:	solid;
    white-space:	nowrap;
    font-size:		10pt;
}
table.navigation td a, table.navigation th a{
    font-size: 10pt;
}

hr.navigation{
    width:			50%;
    margin:			32px auto 4px auto;
    padding:		1px;
    background-color:	#888;
    text-align: center;
}

.h4 {
    margin:		2em 1em 4em 1em;
}

.commingsoon { 
    color:	gray;
}


/* Affiliate */
img.right {
    margin: 4px 8px;
    float:	right;
}
img.left {
    margin: 4px 8px;
    float:	left;
}
img.center {
    margin: 4px auto;
}

pre {
    background-color: #eee;
    border: 1px solid #ddd;
    padding: 2px;
    margin: 4px auto;
}