/* ------------------------------------------------
  ͺ—•  --Xiaolan@ƒXƒ^ƒCƒ‹ƒV[ƒg
-------------------------------------------------*/
body, table{
	margin:0px;
	padding:0px;
	font-size:12px;
	line-height:18px;
	color:#666666;
	}
.clear{
	clear:both;
	}
/* ------------------ INDEX -------------------- */
div#index{
	width:470px;
	height:470px;
	position:absolute;
	top:100px;
	left:100px;
	background-image:url(./img/top.jpg);
	background-repeat:no-repeat;
	background-position:10px 10px;
	background-color:#191970;
	}
div#index #text{
	width:450px;
	height:140px;
	margin:10px;
	background-color:#ffffff;
	position:absolute;
	top:310px;
	text-align:right;
	}
#index #text a:link{
	text-decoration:none;color:#999999;
	}
#index #text a:visited{
	text-decoration:none;color:#999999;
	}
#index #text a:active{
	text-decoration:none;color:#999999;
	}
#index #text a:hover{
	color:#f08080;
	}
#link{
	position:absolute;
	top:600px;
	left:100px;
	}
#link a:link{text-decoration:none;color:#999999;}
#link a:visited{text-decoration:none;color:#999999;}
#link a:active{text-decoration:none;color:#999999;}
#link a:hover{text-decoration:none;color:#f08080;}
/* ----------------- HEADER -------------------- */
div#head{
	width:750px;
	height:100px;
	background-color:#cccccc;/* #191970; /* midnightblue */
	background-image:url('./img/head.jpg');
	background-position:top top;
	background-repeat:no-repeat; 
	}
div#head #gif{
	position:absolute;
	top:0px;
	left:595px;
	}
div#head #menu{
	width:750px;
	height:20px;
	position:absolute;
	top:80px;
	left:0px;
/*	background-color:#ff0000; */
	}
div#head #menu ul{
	list-style-type:none;
	text-align:left;
	padding:0px;
	margin:0px;
	}
div#head #menu ul li{
	display:inline;
	text-decoration:none;
	padding:0px;
	margin:0px;
	}
div#head #menu #menu01{
	position:absolute;
	width:125px;
	height:20px;
	top:0px;
	left:0px;
	}
div#head #menu #menu02{
	width:125px;
	height:20px;
	position:absolute;
	top:0px;
	left:125px;
	}
div#head #menu #menu03{
	width:125px;
	height:20px;
	position:absolute;
	top:0px;
	left:250px;
	}
div#head #menu #menu04{
	width:125px;
	height:20px;
	position:absolute;
	top:0px;
	left:375px;
	}
div#head #menu #menu05{
	width:125px;
	height:20px;
	position:absolute;
	top:0px;
	left:500px;
	}
div#head #menu #menu06{
	width:125px;
	height:20px;
	position:absolute;
	top:0px;
	left:625px;
	}
/* ------------------ TOP ---------------------- */
#top{
	width:750px;
	background-color:#ffffff;
	background-image:url('./img/bg3.gif');
	background-position:right;
	background-repeat:repeat-y;
	margin:0px;
	}

#top h1{
	margin:0px;
	padding:10px 0px 10px 0px;
	font-size:18px;
	font-weight:normal;
	color:#336666;
	text-align:center;
	width:100%;
	height:30px;
	display:none;
	}
#top h2{
	margin:20px 30px 30px 0px;
	padding:0px 0px 0px 0px;
	font-size:12px;
	font-weight:700;
	color:#b0c4de;
	text-align:right;
	}

#top #intro{
	width:250px;
	padding:0px;
	margin:30px 0px 0px 10px; 
	float:left; 
	background-color:#191970;
	background-image:url(./img/h_intro.jpg);
	background-repeat:no-repeat;
	background-position:top:left;
	color:#b0c4de;
	}
#top #intro .text{
	padding:50px 5px 5px 5px;
	}
#top #intro .bottom{
	width:250px;
	height:20px;
	padding:0px 0px 0px 0px;
	margin:0px 0px 0px 0px;
	background-image:url(./img/h_intro_bottom.jpg);
	background-repeat:no-repeat;
	background-position:top:left;
	}
#top #intro a:link{
	text-decoration:none;
	color:#ffffff;
	}
#top #intro a:visited{
	text-decoration:none;
	color:#ffffff;
	}
#top #intro a:active{
	text-decoration:none;
	color:#ffffff;
	}
#top #intro a:hover{
	color:#f08080;
	}

#top #Summary{
	width:240px;
	padding:0px;
	margin:10px 0px 0px 10px;
	text-align:right;
	position:absolute;
	top:200px;
	left:5px;
	}

#top #new{
	width:435px;
	min-height:100px;
	padding:0px 10px 5px 35px;
	margin:0px 5px 0px 0px;
	float:right;
	background-image:url(./img/h_news.jpg);
	background-repeat:no-repeat;
	background-position:top center;
	}
/* IE6ˆΘ‘O‘΍τ(padding) */
* html #top #new{
	width:480px;
	height:100px;
	margin:0px;
	}
#top #new .kakomi{
	clear:both;
	width:430px;
	}
#top #new .day{
	width:80px;
	font-weight:bold;
	float:left;
	margin:3px;
	}
#top #new .com{
	width:330px;
	float:right;
	margin:3px;
	}
#top #new a:link{
	text-decoration:none;
	color:#999999;
	}
#top #new a:visited{
	text-decoration:none;
	color:#999999;
	}
#top #new a:active{
	text-decoration:none;
	color:#999999;
	}
#top #new a:hover{
	color:#f08080;
	}

#top #sitemap{
	width:435px;
	min-height:100px;
	padding:0px 10px 5px 35px;
	margin:0px 5px 0px 0px;
	float:right;
	background-image:url(./img/h_sitemap.jpg);
	background-repeat:no-repeat;
	background-position:top center;
	}
/* IE6ˆΘ‘O‘΍τ(padding) */
* html #top #sitemap{
	width:480px;
	height:100px;
	margin:0px;
	}
#top #sitemap .p1{
	width:55px;
	float:left;
	margin:0px;
	padding:5px;
	}
#top #sitemap .p2{
	width:350px;
	float:left;
	margin:0px;
	padding:5px 10px 5px 5px;
	}

#top #concept{
	width:435px;
	min-height:100px;
	padding:0px 10px 5px 35px;
	margin:0px 5px 0px 0px;
	float:right;
	background-image:url(./img/h_rule.jpg);
	background-repeat:no-repeat;
	background-position:top center;
	}
/* IE6ˆΘ‘O‘΍τ(padding) */
* html #top #concept{
	width:480px;
	height:100px;
	margin:0px;
	}
#top #concept ul{
	list-style-image:url(./img/list1.gif);
	}
#top #concept ul li{
	list-style-position:outside;
	padding:0px 10px 0px 0px;
	}
#top #concept .att{
	color:#ff0000;
	}

#top #pagemap{
	width:200px;
	height:125px;
	border:3px #191970 double;
	bottom /**/:30px;
	left /**/:10px;
	position /**/:fixed;
	}
/* IE6ˆΘ‘O‘΍τ (fixed–’‘Ξ‰ž)*/
* html #top #pagemap{
	position:absolute;
	bottom:10px;
	left:10px; 
	} 
#top #footer{
	clear:both;
	width:746px;
	background-color:#191970;
	color:#cccccc;
	text-align:center;
	}
/* -------------------- Plan ------------------- */
#plan{
	width:750px;
	background-color:#eeeeee;
	background-image:url('./img/bg3.gif');
	background-position:right;
	background-repeat:repeat-y;
	margin:0px;
	}
#plan A:link{
	color:#f0f8ff;
	text-decoration:under-line;
	}
#plan A:visited{
	color:#f0f8ff;
	text-decoration:under-line;
	}
#plan A:active{
	color:#f0f8ff;
	text-decoration:under-line;
	}
#plan A:hover{
	color:#ffa07a;
	text-decoration:none;
	}
#plan h1{
	font-size:14px;
	color:#191970;
	margin:0px;
	padding:10px 10px 10px 10px;
	}
#plan .strict{
	text-decoration:line-through;
	color:#808080;
	}

#plan #list{
	width:500px;
	position:relative;
	left:100px;
	background-image:url(./img/list_bg.jpg);
	background-position:right;
	background-repeat:no-repeat;
	padding:10px 0px 10px 0px;
	font-weight:550;
	color:#880000;
	}
* html #plan #list{
	padding:25px 0px 0px 0px;
	}
#plan #list ul{
	list-style-position:outside;
	list-style-type:square;
	filter:Alpha(opacity=70);
	}

#plan #build{
	width:745px;
	}
#plan #build #in{
	width:695px;
	padding:5px 25px 5px 25px;
	}
* html #plan #build #in{
	width:745px;
	}
#plan #build #in .a{
/*	clear:both; */
	width:30px;
/*	float:left; 
	margin:0px 0px 1px 0px; */
	padding:5px;
	background-color:#191970;
	color:#ffffff;
	border-bottom:1px #000000 solid;
	}
#plan #build #in .b{
	width:240px;
/*	float:left; 
	margin:0px 0px 1px 0px; */
	padding:5px;
	background-color:#00008b;
	color:#ffffff;
	border-bottom:1px #000000 solid;
	}
#plan #build #in .c{
	width:100px;
/*	float:left; 
	margin:0px 0px 1px 0px; */
	padding:5px;
	background-color:#330099;
	color:#ffffff;
	border-bottom:1px #000000 solid;
	}
#plan #build #in .d{
	width:130px;
/*	float:left; 
	margin:0px 0px 1px 0px; */
	padding:5px;
	background-color:#f0ffff;
	color:#666666;
	}
#plan #build #in .d1{     /* 38F */
	width:130px;
/*	float:left; 
	margin:0px 0px 0px 0px; */
	padding:5px;
	background-color:#6699ff;
	color:#666666;
	}
#plan #build #in .d2{    /* 37`31F */
	width:130px;
/*	float:left; 
	margin:0px 0px 0px 0px; */
	padding:5px;
	background-color:#3399ff;
	color:#666666;
	}
#plan #build #in .d3{    /* 30`21F */
	width:130px;
/*	float:left; 
	margin:0px 0px 0px 0px; */
	padding:5px;
	background-color:#0099cc;
	color:#666666;
	}
#plan #build #in .d4{    /* 20`15F */
	width:130px;
/*	float:left; 
	margin:0px 0px 0px 0px; */
	padding:5px;
	background-color:#3366cc;
	color:#666666;
	}
#plan #build #in .d5{    /* 14`5F */
	width:130px;
/*	float:left; 
	margin:0px 0px 0px 0px; */
	padding:5px;
	background-color:#0066cc;
	color:#666666;
	}
#plan #build #in .d6{    /* 3`4F */
	width:130px;
/*	float:left; 
	margin:0px 0px 0px 0px; */
	padding:5px;
	background-color:#3333cc;
	color:#666666;
	}
#plan #build #in .d7{    /* 2F */
	width:130px;
/*	float:left; 
	margin:0px 0px 0px 0px; */
	padding:5px;
	background-color:#003399;
	color:#666666;
	}
#plan #build #in .d8{    /* 1F */
	width:130px;
/*	float:left; 
	margin:0px 0px 0px 0px; */
	padding:5px;
	background-color:#330066;
	color:#666666;
	}
#plan #footer{
	clear:both;
	width:746px;
	background-color:#191970;
	color:#cccccc;
	text-align:center;
	}

/* ---------------------------------- */
#backdiv{
	width:100%;
	height:100%;
	position:absolute;
	left:0px;
	z-index:100;
	text-align:center;
	
}
#backdiv img{
	width:auto;
	height:auto;
	border:11px solid #000000;
	z-index:110;
	margin-top:40px;
}
#backdiv img.loading{
	margin-top:200px;
	width:80px;
	height:20px;
	}
/* ---------------------------------- */

/* ------------------ ENTRANCE -------------------- */
#entrance{
	width:750px;
	height:450px;
	background-image:url(./img/bg2.jpg);
	background-repeat:repeat-y;
	}
#entrance2{
	width:750px;
	height:500px;
	background-color:#ffffff; 
	background-image:url('./img/bg3.gif'); 
	background-position:right;
	background-repeat:repeat-y;
	text-align:center;
	}
#entrance2 #img{
/*	z-index:1;*/
	}
#entrance2 #text{
	width:100%;
	height:30px;
	position:relative;
	top:-80px;
/*	z-index:2;*/
	text-align:center;
	}
#entrance #form{
	width:250px;
	height:100px;
	position:absolute;
	top:150px;
	left:260px;
	background-image:url(./img/entrance_bord.jpg);
	background-repeat:no-repeat;
	background-position:center center;
	}
#entrance #form form{
	margin:0px;
	padding:0px;
	}
#entrance #form input, text, password{
	width:100%;
	border:0px;
	font-size:12px;
	background:#eeeeee;
	}
#entrance #form .button{
	border:0px;
	background:none;
	width:24px; height:24px;
	}
#entrance #form .room{
	width:100px;
	height:30px;
	float:left;
	background-image:url(./img/entrance_roomno.gif);
	background-repeat:no-repeat;
	background-position:right;
	margin:5px 0px 0px 10px; 
	}
* html #entrance #form .room{
	width:90px;
	}
#entrance #form .roomno{
	width:120px;
	height:25px;
	float:right;
	margin:5px 10px 0px 0px;
	padding:5px 0px 0px 0px;
	}
* html #entrance #form .roomno{
	width:125px;
	height:30px;
	margin:5px 5px 0px 5px; 
	}
#entrance #form .key{
	width:100px;
	height:30px;
	float:left;
	background-image:url(./img/entrance_keyno.gif);
	background-repeat:no-repeat;
	background-position:right;
	margin:0px 0px 0px 10px; 
	}
* html #entrance #form .key{
	width:90px;
	}
#entrance #form .keyno{
	width:120px;
	height:25px;
	float:right;
	margin:0px 10px 0px 0px;
	padding:5px 0px 0px 0px;
	}
* html #entrance #form .keyno{
	width:125px;
	height:30px;
	margin:0px 5px 0px 5px;
	}
#entrance #form .enter{
	clear:both;
	width:240px;
	height:30px;
	text-align:right;
	margin:0px;padding:0px;
	}

/* ------------------ Model-------------------- */
#model{
	width:750px;
	background-color:#eeeeee; 
	background-image:url('./img/bg3.gif'); 
	background-position:right;
	background-repeat:repeat-y;
	margin:0px;
	}

#model #menu{
	width:100px;
	float:left;
	}
#model #menu a:link{
	color:#ffffff;
	text-decoration:none;
	}
#model #menu a:visited{
	color:#ffffff;
	text-decoration:none;
	}
#model #menu a:active{
	color:#ffffff;
	text-decoration:none;
	}
#model #menu a:hover{
	color:#f08080;
	text-decoration:none;
	}

#model #menu .menu1{
	background-color:#191970;
	width:100%;
	height:20px;
	padding:5px;
	margin:0px;
	text-align:left;
	color:#ffffff;
	}
#model #menu .menu2{
	width:100%;
	height:5px;
	padding:0px; margin:0px;
	}
#model #menu .nowpage{
	color:#f08080;
	}

#model #m1{
	width:540px;
	background-color:#ffffff;
	margin:10px 50px 10px 0px;
	padding:5px;
	float:right;
	}
* html #model #m1{
	width:550px;
	margin:10px 25px 10px 0px;
	}
#model #m1 h1{
	font-size:14px;
	color:#191970;
	font-weight:bold;
	margin:0px;
	}
#model #m1 h2{
	font-size:14px;
	color:#666666;
	font-weight:bold;
	margin:0px;
	}
#model #m1 .li1{
	list-style:url(./img/list1.gif) outside;
	}
#model #m1 .li2{
	list-style:decimal outside;
	}
#model #m1 li{
	margin:10px 0px;
	}
#model #m1 .att{
	color:#ff0000;
	}
#model #m1 .att2{
	color:#003399;
	font-weight:700;
	}
#model #m1 .att3{
	color:#339966;
	font-weight:400;
	}
#model #m1 .check{
	margin:0px;
	background-color:#f0f8ff;
	height:20px;
	}
#model #m1 .s{
	text-decoration:line-through;
	}
#model #m1 a:link{
	color:#191970; text-decoration:under-line;
	}
#model #m1 a:visited{
	color:#191970; text-decoration:under-line;
	}
#model #m1 a:active{
	color:#191970; text-decoration:under-line;
	}
#model #m1 a:hover{
	color:#f08080; text-decoration:none;
	}
#model #m1 input,text,textarea{
	border:1px #c0c0c0 solid;
	background-color:#ffffff;
	font-size:12px;
	color:#666666;
	}
#model #m1 .kakomi{
	border:1px #808080 solid;
	padding:10px;
	}
#model #m1 .link{
	color:#0000cd;
	}

#model #footer{
	clear:both;
	width:746px;
	background-color:#191970;
	color:#cccccc;
	text-align:center;
	}

/* ------------------ WhatNew ---------------------- */
#whatnew{
	width:750px;
	background-color:#ffffff;
	background-image:url('./img/bg3.gif');
	background-position:right;
	background-repeat:repeat-y;
	margin:0px;
	}
#whatnew a:link{
	color:#191970; text-decoration:under-line;
	}
#whatnew a:visited{
	color:#191970; text-decoration:under-line;
	}
#whatnew a:active{
	color:#191970; text-decoration:under-line;
	}
#whatnew a:hover{
	color:#f08080; text-decoration:none;
	}

#whatnew #footer{
	clear:both;
	width:746px;
	background-color:#191970;
	color:#cccccc;
	text-align:center;
	}



/* ------------------ Footer ------------------- */
#footer{
	clear:both;
	width:746px;
	background-color:#191970;
	color:#cccccc;
	text-align:center;
	}