@charset "Shift-jis";
/*--------------------------------------------------------------------
//////////////////////////////////////////////////////////////////////

初期設定

//////////////////////////////////////////////////////////////////////
--------------------------------------------------------------------*/
* {
	margin: 0px;
	padding: 0px;
	font-style: normal;
}
html {
	overflow-y: scroll;
}
body {
	font-size: 12px;/* 文字サイズ計算＝【基本サイズ ÷ 表示したいサイズ * 100 （小数点以下切り上げ） */
	font-variant:normal;
	text-align:left;
	line-height: 1.4;
	color:#3f3f3f;
	background-color:#000;
}
/* for IE6 【12÷(10×100)】*/
* html body {
	font-size: 75%;
}
/* for IE7 */
*:first-child+html body {
	font-size: 75%;
}
div, table {
	text-align: left;
	margin: 0 auto;
	border-spacing: 0;
	border-collapse: collapse;
}
h1 {
	font-family:"ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
	font-size:85%;
	font-weight:100;
	color:#ffffff;
	padding:10px;
}
h2, h3, h4, h5, h6 {
	font-family:"ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
	font-size:110%;
	font-weight: 500;
	color: #fff;
}
ul, ol, li {
	list-style:none;
}
a {
	color: #993333;
}
a:hover {
	color: #333333;
}
.alink {
	color:red;
}
p {
	margin:0px;
	padding:0px;
	font-family:"ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
	font-weight:100;
	color: #fff;
	line-height:1.6;
}
fieldset, img/*,input*/ {
	border: 0;
	vertical-align: bottom;
}
.ptopBox {
	width:650px;
	height:30px;
	text-align:right;
	margin-left:30px;
}
address {
	width:840px;
	overflow:hidden;
	text-align:right;
	font-family:Arial, Helvetica, sans-serif;
	font-size:70%;
	letter-spacing:0.2em;
	color:#fff;
	border-top:#3f3f3f solid 1px;
	padding-top:10px;
}
/*--------------------------------------------------------------------
//////////////////////////////////////////////////////////////////////

h1の設定

//////////////////////////////////////////////////////////////////////
--------------------------------------------------------------------*/
#h1 {
	width:100%;
	overflow:hidden;
	margin:0 auto;
}
/*--------------------------------------------------------------------
//////////////////////////////////////////////////////////////////////

ヘッダーの設定

//////////////////////////////////////////////////////////////////////
--------------------------------------------------------------------*/
#header_area {
	width:100%;
	height:400px;
	background:url(../img/top/header_bg.gif) repeat-x;
	margin:0;
}
#object {
	width:900px;
	height:400px;
	margin:0 auto;
}
/*--------------------------------------------------------------------
//////////////////////////////////////////////////////////////////////

ナビゲーションの設定

//////////////////////////////////////////////////////////////////////
--------------------------------------------------------------------*/
#navigation_area {
	width:100%;
	height:200px;
	background:url(../img/top/navigation_bg.gif) repeat-x;
	margin:0;
}
#navigation {
	width:840px;
	height:200px;
	margin:0 auto;
}
#h2 {
	width:840px;
	height:50px;
	margin:0;
	padding:0;
}
.menu {
	width:840px;
	height:40px;
	margin-bottom:10px;
	padding:0;
}
.menu li {
	width:84px;
	height:40px;
	margin:0;
	padding:0;
	float:left;
	display:inline;
	background:#000;
}
/*--------------------------------------------------------------------
//////////////////////////////////////////////////////////////////////

バナーエリアの設定

//////////////////////////////////////////////////////////////////////
--------------------------------------------------------------------*/
.banar {
	width:840px;
	height:110px;
	margin:0;
	padding:0;
}
.banar li {
	width:168px;
	height:110px;
	margin:0;
	padding:0;
	display:inline;
	float:left;
}
/*--------------------------------------------------------------------
//////////////////////////////////////////////////////////////////////

メッセージエリアの設定

//////////////////////////////////////////////////////////////////////
--------------------------------------------------------------------*/
.message_area {
	width:840px;
	overflow:hidden;
	padding-bottom:20px;
	margin:10px auto;
}
.message_area h3 {
	margin:20px 0 10px 0;
}
.message_area p {
	margin:0;
}

.message_area2 {
	width:840px;
	overflow:hidden;
	padding-bottom:20px;
	margin:10px auto;
}
.message_area2 h3 {
	margin:20px 0 10px 0;
}
.message_area2 img {
	width:420px;
	height:190px;
	overflow:hidden;
	float:right;
	padding:10px;
}
.message_area2 p {
	margin:0;
}
/*--------------------------------------------------------------------
//////////////////////////////////////////////////////////////////////

イメージエリアの設定

//////////////////////////////////////////////////////////////////////
--------------------------------------------------------------------*/
.images_area {
	width:840px;
	height:110px;
	margin:10px auto 40px auto;
}
.images_area li {
	width:164px;
	height:100px;
	margin-left:0px;
	padding:0;
	display:inline;
	float:left;
}
.images_area li:first-child {
	margin-left:0;
}
.images_area li.first-child { /*IE-expression (first-child) */
	margin-left:0;
}
.images_area li { /* IE-expression (first-child) */
 behavior: expression(  this.className += (this.previousSibling == null) ? " first-child" : "",  this.style.behavior = "none"  );
}
/*--------------------------------------------------------------------
//////////////////////////////////////////////////////////////////////

フッターの設定

//////////////////////////////////////////////////////////////////////
--------------------------------------------------------------------*/
.footer_area {
	width:840px;
	orverflow:hidden;
	margin:40px auto;
}
.footer_area td {
	width:164px;
	orverflow:hidden;
	padding:0;
	display:inline;
	float:left;
}
.footer_area td:first-child {
	margin-left:0;
}
.footer_area td.first-child { /*IE-expression (first-child) */
	margin-left:0;
}
.footer_area td { /* IE-expression (first-child) */
 behavior: expression(  this.className += (this.previousSibling == null) ? " first-child" : "",  this.style.behavior = "none"  );
}
.footer_area td div {
	width:154px;
	height:100px;
	padding:5px;
}
.footer_area td div li {
	width:154px;
	font-size:80%;
	line-height:1.4;
	margin:0;
	padding:0;
}
.address_area {
	width:840px;
	overflow:hidden;
	margin:10px auto;
}
/*--------------------------------------------------------------------
//////////////////////////////////////////////////////////////////////

4th Anniversary Special Page

//////////////////////////////////////////////////////////////////////
--------------------------------------------------------------------*/
#special_area {
	width:900px;
	overflow:hidden;
	background:url(../img/special/specialpage.jpg) top center no-repeat;
	margin:0 auto;
	padding:0 30px;
}
.special_message {
	width:450px;
	overflow:hidden;
	margin-left:380px;
	padding:20px;
}
.special_message h2 {
	width:450px;
	overflow:hidden;
	margin:30px 0;
}
.special_message p {
	width:450px;
	overflow:hidden;
	margin:0 0 20px 0;
}
.special_message img {
	width:450px;
	overflow:hidden;
	margin:0 0 20px 0;
}
.campaign {
	width:800px;
	overflow:hidden;
	border:#333333 dotted 1px;
	padding:20px;
}
.campaign h3 {
	overflow:hidden;
	margin:30px 0;
}
.campaign table {
	overflow:hidden;
	margin:20px auto;
}
.campaign td {
	overflow:hidden;
	padding:5px;
	color:#660000;
}
.campaign p {
	margin-bottom:10px;
}
.campaign img {
	width:450px;
	border:#996600 double 1px;
	overflow:hidden;
	margin:20px;
	padding:10px;
}

.campaign2 {
	width:800px;
	overflow:hidden;
	border:#333333 dotted 1px;
	padding:20px;
}
.campaign2 h3 {
	overflow:hidden;
	margin:30px 0;
}
.campaign2 img {
	width:320px;
	height:320px;
	overflow:hidden;
	float:right;
	padding:10px;
}
/* CSS Document */