body {
	margin: 0px;
	padding: 0px;
	font-size: 9pt;
	font-family:
		  "ヒラギノ丸ゴ Pro W4", "Hiragino Maru Gothic Pro"
		, "メイリオ", Meiryo
		, "ＭＳ Ｐゴシック", sans-serif;
	line-height: 150%;
	text-align: center;
	background-image: url(body_bk.jpg);
	overflow: hidden;
	scrollbar-arrow-color: #807040; /*テーマ色1*/
	scrollbar-face-color: #807040; /*テーマ色1*/
	scrollbar-3dlight-color: #333333;
	scrollbar-darkshadow-color: #333333;
	scrollbar-highlight-color: #333333;
	scrollbar-shadow-color: #333333;
	scrollbar-track-color: #333333;
}

img {
	border: 0px;
}
strong {
	color: #ff0000;
}
hr {
    border-width: 1px 0px 0px 0px;
    border-style: dotted;
    border-color: #807040; /*テーマ色1*/
    height: 1px;
}
.left {
	float: left;
}
.right {
	float: right;
}
.clear {
	clear: both;
}
a {
	color: #C0C0C0; /*テーマ色2*/
}


/* ===== #text ===== */
#text_frame {
	width: 100%; 
	height: 100%; 
	margin: 0px;
	padding: 0px;
	z-index: 1;
	position: absolute;
	overflow: auto;
}
#text {
	width : 880px;
	margin: 0 auto;
	padding: 0px;
	text-align: left;
}

/* ----- header ----- */
#header {
	width: 380px;
	margin: 0px 0px;
	padding: 100px 0px 20px 0px;
	background-image: url(header_bk.jpg);
}
#header h1 {
	margin: 20px 0px 40px 0px;
	padding: 0px 0px 0px 10px;
	border-bottom: 2px solid #807040; /*テーマ色1*/
	color: #807040; /*テーマ色1*/
	font-size: 36pt;
	text-decoration: none;
	font-weight: normal;
}
#header p {
	margin: 0px;
	padding: 0px 0px 0px 10px;
	color: #ffffff;
	font-size: 10pt;
	line-height: 150%;
}

/* ----- section ----- */
.section.hlv2 {
	width: 380px;
	margin: 50px 0px;
}
.section.hlv2 h2 {
	padding: 3px 0px 0px 25px;
	background-image: url(h2a_bk.gif);
	background-position: 5px center;
	background-repeat: no-repeat;
	font-size: 14pt;
	text-decoration: none;
	font-weight: bold;
}
.section p {
	margin: 8px 0px;
	padding: 4px 5px;
	border: 1px solid #807040; /*テーマ色1*/
}
.section table {
	width: 100%;
	border-collapse: collapse;
	border-spacing: 0px;
	border-top: 1px solid #807040; /*テーマ色1*/
	border-left: 1px solid #807040; /*テーマ色1*/
}
.section th, .section td {
	padding: 2px 5px;
	text-align: left;
	vertical-align: top;
	border-right: 1px solid #807040; /*テーマ色1*/
	border-bottom: 1px solid #807040; /*テーマ色1*/
}
.section th {
	background-image: url(th_bk.png);
}
.section p, .section table {
	background-image: url(p_table_bk.png);
}

/* ----- footer ----- */
#footer {
	width: 380px;
	background-image: url(header_bk.jpg);
	margin: 100px 0px 0px 0px;
	padding: 10px 0px;
}
#footer p {
	margin: 0px 0px;
	padding: 0px 0px 0px 10px;
	color: #ffffff;
	font-size: 8pt;
}

/* ===== #clock ===== */
/*background-imageはJSで一括制御する*/
#clock_frame {
	width : 880px;
	height: 100%;
	margin: 0 auto;
	padding: 0px;
	text-align: left;
}
#clock {
	width: 460px;
	height: 1000px;
	position: relative;
	Z-index: 11;
	left: 420px; 
	top: 0px;
	background-position: 67px 164px;
	background-repeat: no-repeat;
}
.sqr {
	border: 2px solid #807040; /*テーマ色1*/
	position: absolute;
}
.nav {width: 63px; height: 100px; background-position: center center;}
#navM01 {top: 140px; left: 260px; z-index: 201;}
#navM02 {top: 220px; left: 325px; z-index: 202;}
#navM03 {top: 300px; left: 390px; z-index: 203;}
#navM04 {top: 380px; left: 325px; z-index: 204;}
#navM05 {top: 460px; left: 260px; z-index: 205;}
#navM06 {top: 540px; left: 195px; z-index: 206;}
#navM07 {top: 460px; left: 130px; z-index: 207;}
#navM08 {top: 380px; left:  65px; z-index: 208;}
#navM09 {top: 300px; left:   0px; z-index: 209;}
#navM10 {top: 220px; left:  65px; z-index: 210;}
#navM11 {top: 140px; left: 130px; z-index: 211;}
#navM12 {top:  60px; left: 195px; z-index: 212;}
.obj {background-image: url(obj_bk.jpg); background-position: center center;}
#obj1 {width:  30px; height: 100px; top:   0px; left:  20px; z-index: 101; border-top: none;}
#obj2 {width:  20px; height: 150px; top:  10px; left: 400px; z-index: 102;}
#obj3 {width:  30px; height:  50px; top:  30px; left: 300px; z-index: 103;}
#obj4 {width:  15px; height: 120px; top:  60px; left:  90px; z-index: 104;}
#obj5 {width:  30px; height:  50px; top: 520px; left: 370px; z-index: 105;}
#obj6 {width:  35px; height:  80px; top: 540px; left:  30px; z-index: 106;}
#obj7 {width:  30px; height: 100px; top: 650px; left: 140px; z-index: 107;}
#obj8 {width:  20px; height: 180px; top: 610px; left: 300px; z-index: 108;}
#obj9 {width:  15px; height: 200px; top: 480px; left: 435px; z-index: 109;}