@charset "utf-8";

body{
	margin:0;
	padding:0;
	font-family: Arial, Helvetica, sans-serif;
/*	background-color: #005d9a;	*/
}


#indexPage{width:100%; height:1050px; background-color: #005d9a; background:url('../images/index_bg.jpg') no-repeat center top;}
#storyPage{width:100%; height:auto; background-color: #e4ab54; background:url('../images/bg.jpg') repeat-y center top;}

/* header */
#header{position:relative; width:1202px; height:181px; margin:0 auto; }
#header #index_logo{position:relative; width:1202px;height:144px;  background:url('../images/logo.jpg') no-repeat left top; }
#header #logo{position:relative; width:1202px;height:144px; }

#index_bar{position:relative; width:1200px;height:37px; background-color:#FFFFFF; border:solid 1px #9fb1bd;}
#index_menu{position:relative; width:500px;height:20px; margin:10px auto;}
#index_menu img{ border:0;}
#index_menu .menu1 a{position:relative; float:left; width:70px;height:20px; left:0px; background:url('../images/index_menu.gif') no-repeat left top; cursor:pointer;}
#index_menu .menu2 a{position:relative; float:left; width:53px;height:20px; margin-left:60px; background:url('../images/index_menu.gif') no-repeat left -20px; cursor:pointer;}
#index_menu .menu3 a{position:relative; float:left; width:19px;height:20px; margin-left:60px; background:url('../images/index_menu.gif') no-repeat left -40px; cursor:pointer;}
#index_menu .menu4 a{position:relative; float:left; width:36px;height:20px; margin-left:60px; background:url('../images/index_menu.gif') no-repeat left -60px; cursor:pointer;}
#index_menu .menu5 a{position:relative; float:left; width:53px;height:20px; margin-left:60px; background:url('../images/index_menu.gif') no-repeat left -80px; cursor:pointer;}
#index_menu .menu6 a{position:relative; float:left; width:70px;height:20px; margin-left:60px; background:url('../images/index_menu.gif') no-repeat left -100px; cursor:pointer;}
#index_menu .menu7 a{position:relative; float:left; width:36px;height:20px; margin-left:60px; background:url('../images/index_menu.gif') no-repeat left -120px; cursor:pointer;}
#index_menu .menu1 a:hover{background-position:-80px top;}
#index_menu .menu2 a:hover{background-position:-80px -20px;}
#index_menu .menu3 a:hover{background-position:-80px -40px;}
#index_menu .menu4 a:hover{background-position:-80px -60px;}
#index_menu .menu5 a:hover{background-position:-80px -80px;}
#index_menu .menu6 a:hover{background-position:-80px -100px;}
#index_menu .menu7 a:hover{background-position:-80px -120px;}
/*#index_menu a{display:inline-block;width:100%;height:100%;}*/
#index_menu samp{text-indent:-9999px;position:absolute;top:-9999px;}

#top_bar{position:relative; width:1200px;height:37px; background-color:#3cb08d; border:solid 1px #3cb08d; margin-top:5px;}
#top_menu{position:relative; width:500px; height:20px; margin:10px auto;}
#top_menu .menu1 a{position:relative; float:left; width:70px;height:20px; left:0px; background:url('../images/menu.gif') no-repeat left top; cursor:pointer;}
#top_menu .menu2 a{position:relative; float:left; width:53px;height:20px; margin-left:60px; background:url('../images/menu.gif') no-repeat left -20px; cursor:pointer;}
#top_menu .menu3 a{position:relative; float:left; width:19px;height:20px; margin-left:60px; background:url('../images/menu.gif') no-repeat left -40px; cursor:pointer;}
#top_menu .menu4 a{position:relative; float:left; width:36px;height:20px; margin-left:60px; background:url('../images/menu.gif') no-repeat left -60px; cursor:pointer;}
#top_menu .menu5 a{position:relative; float:left; width:53px;height:20px; margin-left:60px; background:url('../images/menu.gif') no-repeat left -80px; cursor:pointer;}
#top_menu .menu6 a{position:relative; float:left; width:70px;height:20px; margin-left:60px; background:url('../images/menu.gif') no-repeat left -100px; cursor:pointer;}
#top_menu .menu7 a{position:relative; float:left; width:36px;height:20px; margin-left:60px; background:url('../images/menu.gif') no-repeat left -120px; cursor:pointer;}
#top_menu .menu1 a:hover{background-position:-80px top;}
#top_menu .menu2 a:hover{background-position:-80px -20px;}
#top_menu .menu3 a:hover{background-position:-80px -40px;}
#top_menu .menu4 a:hover{background-position:-80px -60px;}
#top_menu .menu5 a:hover{background-position:-80px -80px;}
#top_menu .menu6 a:hover{background-position:-80px -100px;}
#top_menu .menu7 a:hover{background-position:-80px -120px;}
#top_menu .menu1_on{position:relative; float:left; width:70px;height:20px; margin-left:0px; background:url('../images/menu.gif') no-repeat -80px top;}
#top_menu .menu2_on{position:relative; float:left; width:53px;height:20px; margin-left:60px; background:url('../images/menu.gif') no-repeat -80px -20px;}
#top_menu .menu3_on{position:relative; float:left; width:19px;height:20px; margin-left:60px; background:url('../images/menu.gif') no-repeat -80px -40px;}
#top_menu .menu4_on{position:relative; float:left; width:36px;height:20px; margin-left:60px; background:url('../images/menu.gif') no-repeat -80px -60px;}
#top_menu .menu5_on{position:relative; float:left; width:53px;height:20px; margin-left:60px; background:url('../images/menu.gif') no-repeat -80px -80px;}
#top_menu .menu6_on{position:relative; float:left; width:70px;height:20px; margin-left:60px; background:url('../images/menu.gif') no-repeat -80px -100px;}
#top_menu .menu7_on{position:relative; float:left; width:36px;height:20px; margin-left:60px; background:url('../images/menu.gif') no-repeat -80px -120px;}
/*#top_menu a{display:inline-block;width:100%;height:100%;}*/
#top_menu samp{text-indent:-9999px;position:absolute;top:-9999px;}

#icon_menu{position:relative; width:1202px; height:auto; margin:0 auto;}
#icon_menu .icon1 a{position:absolute; float:left; width:145px; height:111px; left:202px; top:244px; background:url('../images/index_icon_off.png'); cursor:pointer;}
#icon_menu .icon2 a{position:absolute; float:left; width:145px; height:111px; left:570px; top:168px; background:url('../images/index_icon_off.png'); cursor:pointer;}
#icon_menu .icon3 a{position:absolute; float:left; width:145px; height:111px; left:356px; top:389px; background:url('../images/index_icon_off.png'); cursor:pointer;}
#icon_menu .icon4 a{position:absolute; float:left; width:145px; height:111px; left:595px; top:415px; background:url('../images/index_icon_off.png'); cursor:pointer;}
#icon_menu .icon5 a{position:absolute; float:left; width:145px; height:111px; left:900px; top:320px; background:url('../images/index_icon_off.png'); cursor:pointer;}
#icon_menu .icon6 a{position:absolute; float:left; width:145px; height:111px; left:213px; top:531px; background:url('../images/index_icon_off.png'); cursor:pointer;}
#icon_menu .icon7 a{position:absolute; float:left; width:145px; height:111px; left:847px; top:560px; background:url('../images/index_icon_off.png'); cursor:pointer;}
#icon_menu .icon1 a:hover{background:url('../images/icon_1_on.png');}
#icon_menu .icon2 a:hover{background:url('../images/icon_2_on.png');}
#icon_menu .icon3 a:hover{background:url('../images/icon_3_on.png');}
#icon_menu .icon4 a:hover{background:url('../images/icon_4_on.png');}
#icon_menu .icon5 a:hover{background:url('../images/icon_5_on.png');}
#icon_menu .icon6 a:hover{background:url('../images/icon_6_on.png');}
#icon_menu .icon7 a:hover{background:url('../images/icon_7_on.png');}
#icon_menu samp{text-indent:-9999px;position:absolute;top:-9999px;}

/*content*/
#content{position:relative; width:1202px; height:auto; margin:10px auto; }

/*floor*/
#floor{position:relative; width:1202px; height:50px; margin:40px auto; margin-bottom:0px; background:url('../images/floor.jpg') no-repeat left top;}