/*
---------------------------------------------------
 COMMON STYLE SHEET // for HAYABUSA LANDINGS INC. (C)2005

 Script Name: common.css

                          Designed by Tatsuo TAMURA
                          yoidore@yoidoretenshi.com
                       http://www.yoidoretenshi.com
---------------------------------------------------
*/

/*
--------------------
Layout:
--------------------
*/
#contents-body {
	text-align: left;
	width: 850px;
	margin: 0 auto;
	padding: 0;
	background-color: white;
}



/*Main Menu*/
#menu-main {
	margin: 10px;
}
#menu-main td {
	width: 118px;
	height: 23px;
}
#main-menu td.search {
	width: 235px;
}
#menu-main a {
	display: block;
	width: 113px;
	height: 23px;
	text-indent: 5px;
	text-decoration: none;
	line-height: 16px;
	color: #555;
	margin-right: 5px;
	background-image: url(/img/button-off.gif);
	background-repeat: no-repeat;
}
#menu-main a#this {
	color: #444;
	background-image: url(/img/button-on.gif);
}
#menu-main a:hover, #menu-main a:hover#this {
	color: #333;
	background-image: url(/img/button-over.gif);
	background-repeat: no-repeat;
}



/*Search Box*/
#search-box {
	height: 23px;
	margin-left: 34px;
	background-image: url(/img/search-box.gif);
}
#search-box form,
#search-box table {
	width: 206px;
	margin: 0;
}
#search-box td.s1 { width: 42px; }
#search-box th.s2 { width: 142px; }
#search-box td.s3 { width: 22px; }
#search-box td img {
	margin: 1px;
}
#search-box input.text {
	width: 136px;
	height: 19px;
	margin: 2px;
	border: 1px solid #CDC8C8;
	background-color: white;
}



/*Contents*/
#contents-frame {
	margin-left: 10px;
	margin-right: 10px;
	padding-bottom: 10px;
}

#contents-frame.win {
	padding-bottom: 0;
}

#contents-main {
	float: left;
	width: 624px;
}



/*Home Contents*/
#contents-left,
#contents-center,
#contents-right,
#contents-contact,
#contents-link,
#contents-search {
	height: 450px;
}



/*Main Contents*/
#contents-news,
#contents-label,
#contents-contact,
#contents-link,
#contents-search {
	width: 612px;
	border: 1px solid #b0b0b0;
}
#contents-news h2,
#contents-label h2,
#contents-search h2 {
	font-size: 12px;
	line-height: 23px;
	text-indent: 5px;
	height: 23px;
	margin: 0;
}
#contents-label h3 {
	font-size: 12px;
	text-indent: 5px;
	line-height: 23px;
	height: 23px;
	margin: 0 10px 10px 10px;
	background: #DDD url(/img/bg_header-on.gif);
	border-right: 1px solid #BBB;
	border-left: 1px solid #CCC;
}
#contents-label h2 a,
#contents-label h3 a {
	font-size: 12px;
}
#contents-news table,
#contents-label table {
	margin: 0 10px 10px 10px;
}
#contents-label img {
	margin-bottom: 5px;
}



/*Search*/
#contents-search {
}



/*Topics*/
#contents-left {
	float: left;
	color: white;
	width: 300px;
	margin-right: 10px;
	border: 1px solid #214a73;
	background-color: #214a73;
}
#contents-left #photo {
	width: 288px;
	text-align: center;
	margin: 6px;
	background-color: #182942;
}
#contents-left #photo img {
	margin: 6px 5px 6px 6px;
}
#contents-left #head h2 {
	font-size: 14px;
	margin-top: 0;
	margin-bottom: 4px;
	padding: 0;
}
#contents-left #review {
	margin: 10px;
}
#contents-left #review h3 {
	font-size: 14px;
	color: skyblue;
	margin-bottom: 4px;
	padding: 0;
}
#contents-left #review img {
	margin: 6px 6px 0 0;
}



/*New Release & Upcoming*/
#contents-center {
	float: left;
	width: 300px;
	border: 1px solid #b0b0b0;
}
#contents-center table img {
	margin: 0 0 3px 0;
}



/*Label Menu*/
#contents-right {
	float: left;
	width: 204px;
	border: 1px solid #b0b0b0;
}
.button {
	border-bottom: 1px dotted #b0b0b0;
}
.button a {
	display: block;
	padding: 0;
}
.button a.this {
	background-color: #ECE8E8;	/*ECE8E8*/
}
.button a:hover {
	background-color: #E1DFDF;	/*D9D6D6*/
}
.button a img {
	margin: 0;
}

#banner {
	text-align: center;
	margin: 50px 0 0 0;
}



/*Copyright*/
#copyright {
	width: 850px;
	text-align: center;
	margin: 5px auto;
	padding: 10px 0 10px 0;
	background: white;
}



/*Counter*/
#counter {
	text-align: center;
	color: #D9D6D6;	/*ECE8E8*/
}



/*ContentsTitle*/
.contents-title {
	background-color: #b0b0b0;
}
.contents-title h1 {
	font-size: 14px;
	text-indent: 4px;
	height: 21px;
	color: white;
	margin: 0;
}
.contents-title img {
	margin: 3px 0 3px 5px;
}
.contents-title a {
	display: block;
}
.contents-title a:hover {
	background-color: #888888;
}



/*Header*/
.header-body {
	width: 590px;
	margin: 10px;
	background: #DDD url(/img/bg_header-off.gif);
	border-right: 1px solid #CCC;
	border-left: 1px solid #DDD;
}
.header-left {
	float: left;
	width: 78%;
	background: #DDD url(/img/bg_header-off.gif);
}
.header-right {
	float: left;
	width: 22%;
	text-align: right;
	background: #DDD url(/img/bg_header-off.gif);
}
.header-right h5 {
	font-size: 10px;
	line-height: 22px;
	font-weight: normal;
	height: 23px;
	margin: 0 10px 0 0;
	border-left: 1px dotted #DDD;
}



/*
--------------------
Style:
--------------------
*/
BODY,P,TD,A,H4,.release,.white {
	font-size: 11px;
	line-height: 14px;
	margin: 0;
}
H3,.title,.header,.skyblue {
	font-size: 12px;
	line-height: 16px;
	margin: 0;
}
BODY,P,TD {
	color: #555555;
}

BODY {
	text-align: center;
	margin: 0;
	padding: 0;
	background-color: #D9D6D6;	/*ECE8E8*/
}
A {
	color: #006666;
	lang: en;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
}
A:hover {
	color: #D161F6;
}
DL, DT, DD {
	margin: 0;
	padding: 0;
}
UL {
	margin: 0;
	padding: 0;
	list-style: none;
}
LI.inline {
	display: inline;
	padding-right: 4px;
	border-right: 1px solid #999;
}
LI.inline-end {
	display: inline;
	padding-right: 4px;
}
.release {
	font-weight: bold;
	color: #214a73;
}
.title {
	color: #C00;
}
.header {
	font-size: 14px;
	color: darkred;
}
.white {
	color: white;
}
.red {
	color: red;
}
.skyblue {
	color: skyblue;
}
.normal {
	font-weight: normal;
}
.bold {
	font-weight: bold;
}



.margin5 {
	margin: 5px;
}
.margin10 {
	margin: 10px;
}
.margin20 {
	margin: 20px;
}
.margin5v {
	margin: 2px 0 2px 0;
	line-height: 1px;
}
.margin10v {
	margin: 5px 0 4px 0;
	line-height: 1px;
}
.margin20v {
	margin: 10px 0 9px 0;
	line-height: 1px;
}
.margin5h {
	margin: 0 5px;
}
.margin10h {
	margin: 0 10px;
}
.margin20h {
	margin: 0 20px;
}



.line-solid {
	line-height: 1px;
	display: block;
	border-bottom: 1px solid #b0b0b0;
}
.line-dot {
	line-height: 1px;
	display: block;
	border-bottom: 1px dotted #b0b0b0;
}
.line-dashed {
	line-height: 1px;
	display: block;
	border-bottom: 1px dashed #b0b0b0;
}



.ja {
	font-family: "ƒqƒ‰ƒMƒmŠpƒS Pro W3", "‚l‚r ƒSƒVƒbƒN";
}
.en {
	lang: en;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}
.anchor {
	text-align: right;
	margin: 0 10px 5px 10px;
}
.float-clear {
	clear: both;
	display: block;
}
.dummy {
	margin: 0; padding: 0;
}
.match {
	font-weight: bold;
	color: #066;
}