body {width: 100%;height: 100%; text-align: center; background: url(../img/shadow_main.png) repeat-y top center;_background: none;}
a:active, a:focus, img {outline: 0;}
html, body, ol, ul, li, h1, h2, h3, h4, h5, h6, p, form, img, table, dl, dt, dd, a, input, td, tr { padding:0; margin:0; }
img, input, textarea {border: none;}
ul {list-style-type: none;}
a:link, a:active{color: #fff;cursor : pointer;text-decoration: none;font-weight:bold;}
#shadow a:hover{cursor : pointer; color: #00742f;}
.clear {clear: both;}

html {background: url(../img/bg.jpg);}
#shadow { background: url(../img/shadow.png) repeat-x; _background: none;}

#head_1,#head_2,#head_3,#head_4, #tour_head_1, #tour_head_2, #tour_head_3, #tour_head_4, #tour_head_5, #join_head_1, #join_head_2, #join_head_3, #join_head_4 {  width: 100%; text-align: center; height: 70px; overflow: hidden;}
#head_1 {  background: url(../img/head_1.png) no-repeat center; _background: url(../img/head_ie_1.jpg) no-repeat center;}
#head_2 {  background: url(../img/head_2.png) no-repeat center; _background: url(../img/head_ie_2.jpg) no-repeat center;}
#head_3 {  background: url(../img/head_3.png) no-repeat center; _background: url(../img/head_ie_3.jpg) no-repeat center;}
#head_4 {  background: url(../img/head_4.png) no-repeat center; _background: url(../img/head_ie_4.jpg) no-repeat center;}

table {border-collapse: collapse;border-spacing: 0px;margin: 0 auto;}
#movie320{  background: url(../img/movie.png) no-repeat;  height: 265px;  width: 370px;  position: relative;}
#movie320 div {  width: 320px;  height: 240px;  border: 10px solid #123620;  position: absolute;  top: 5px;  left: 28px;}
#movie320 img {position: absolute;bottom: 0px; _bottom: -1px;  left: 20px;}
#ie_fix {  width: 370px; height: 234px; background: url(../img/main_center.jpg); *background: url(../img/main_center.jpg) 0 -1px;}
#join_top, #about_top, #about_center { position: relative;}
#about_top p {  position: absolute;  width: 150px;  height: 265px;  text-align: center;  color: #fff;  font: 10px Arial, Helvetica, sans-serif;  font-weight: bold;  top: -10px;  left: 10px;}
#join_top a {  display: block;  width: 280px;  height: 83px;  position: absolute;  top: 118px;  *top: 119px;  left: 148px;  cursor: pointer;  background: url(../img/join-top_buttom.jpg) no-repeat;}
#about_center p {  width: 285px;  height: 100px;  position: absolute;  top: 130px;  left: 190px;  text-align: center;  color: #fff;  font: 11px Arial, Helvetica, sans-serif;  font-weight: bold;}

#button { position: relative; background: url(../img/bg_button.jpg) no-repeat top center; height: 105px; text-align: left; width: 1020px; margin: 0 auto; padding-top: 30px;}
#button a { display: block;  float: left;  margin: -4px 0 0 40px;}
#button #button_main {
  position: absolute;
  left: 391px;
  top: 30px;
}


.page {  width: 1020px;  background: url(../img/page_bg.jpg) repeat-y;  margin: 0 auto;  text-align: center;  padding: 20px 0;  font: 18px Verdana, Arial, Helvetica, sans-serif;  font-weight: bold;}
.page li { display: inline;  margin-left: 5px;}
.page a { color: #ab0000;  text-decoration: underline;}
/* --------------------- tour -------------------------- */
#tour_head_1 {  background: url(../img/tour/tour_head_1.png) no-repeat center; _background: url(../img/tour/tour_head_ie_1.jpg) no-repeat center;}
#tour_head_2 {  background: url(../img/tour/tour_head_2.png) no-repeat center; _background: url(../img/tour/tour_head_ie_2.jpg) no-repeat center;}
#tour_head_3 {  background: url(../img/tour/tour_head_3.png) no-repeat center; _background: url(../img/tour/tour_head_ie_3.jpg) no-repeat center;}
#tour_head_4 {  background: url(../img/tour/tour_head_4.png) no-repeat center; _background: url(../img/tour/tour_head_ie_4.jpg) no-repeat center;}
#tour_head_5 {  background: url(../img/tour/tour_head_5.png) no-repeat center; _background: url(../img/tour/tour_head_ie_5.jpg) no-repeat center;}
#tour_head_6 {  background: url(../img/tour/tour_head_6.png) no-repeat center; position: relative;  width: 1020px; text-align: center; height: 127px; margin: 0 auto;}
#tour_head_6 a  {  display: block;  float: left;  margin-left: 10px;}
#tour_head_6 p {
  position: absolute; left: 320px; top: -90px;width: 150px; height: 85px; font: 10px Verdana, Arial, Helvetica, sans-serif; color: #fff; font-weight: bold;
}
#tour_head_6 #button_tour {
  position: absolute;
  left: 342px;
  top: 0px;
}


.episode {width: 1020px;  background: url(../img/page_bg.jpg) repeat-y;  margin: 0 auto;  text-align: center; padding-bottom: 10px;}
.episode table {background-color: #00742f;}
.episode table td, #join_head_5 table td {  vertical-align: top;}
.episode table a img{  border: 1px solid #00aa45;}
.title_episode {  width: 582px;  height: 134px;  position: relative;  background: url(../img/tour/episode_3.jpg) no-repeat;}
.title_episode p {  position: absolute;  top: 75px;  left: -30px;  font: 24px Arial, Helvetica, sans-serif;  font-weight: bold;  color: #fff;}
.desc_episode {  background: url(../img/tour/episode_10.jpg) no-repeat; width: 281px; height: 213px; position: relative;}
.desc_episode p {  position: absolute;  top: 0;  left: 0px;  font: 12px Arial, Helvetica, sans-serif;  padding: 10px;  font-weight: bold;  color: #fff;  width: 255px;}
.episode table span img {  border: 1px solid #00aa45;  margin-left: 1px;}
.clip_episode {  background: url(../img/tour/episode_7.jpg) no-repeat;  width: 582px;  height: 385px;}
.episode table a img{  border: 1px solid #00aa45;}
.episode_view {
  height: 101px; width: 983px; background: url(../img/tour/episode_17.jpg); position: relative;
}
.episode_view img {  position: absolute; top: 25px; left: 80px;}

.episode h2 {
  font-weight: bold; margin-top: 40px; font: 24px Verdana, Arial, Helvetica, sans-serif;
}

.episode h2 a {
  color: #AB0000;
  text-decoration: underline;
}


/* --------------------- join -------------------------- */

#join_head_1 {  background: url(../img/join/join_head_1.png) no-repeat center; _background: url(../img/join/join_head_ie_1.jpg) no-repeat center;}
#join_head_2 {  background: url(../img/join/join_head_2.png) no-repeat center; _background: url(../img/join/join_head_ie_2.jpg) no-repeat center;}
#join_head_3 {  background: url(../img/join/join_head_3.png) no-repeat center; _background: url(../img/join/join_head_ie_3.jpg) no-repeat center;}
#join_head_4 {  background: url(../img/join/join_head_4.png) no-repeat center; _background: url(../img/join/join_head_ie_4.jpg) no-repeat center;}
#join_head_5 {  background: url(../img/join/join_head_5.png) no-repeat top center; _background: url(../img/join/join_head_ie_5.jpg) no-repeat top center; text-align: center; margin: 0 auto;}
td.join_form  {  background-color: #fff;}
div.join_form { background: #fff url(../img/join/join_form_7.jpg) no-repeat 0px -5px;  padding: 10px 10px 10px 10px;  width: 330px;}
#footer {  width: 1020px;  background: url(../img/page_bg.jpg) repeat-y;  margin: 0 auto; height: 80px;}

/* --------------warning --------------- */

#warning {  background: url(../img/bg.jpg);  width: 100%; height: 100%;}
#message {  width: 800px;  margin: 0 auto;  padding: 10px 0;  text-align: center;}
#message a:hover { color: #ccc;}
#message h1 {  font: 18px Verdana, Arial, Helvetica, sans-serif;  font-weight: bold;  color: #fff;  text-align: center;}
#message h2 {  margin: 50px;}
#message h2 a {  margin: 100px;  color: #FF5400;  font-size: 40px;}
#message p {  margin-bottom: 10px;  font: 10px Verdana, Arial, Helvetica, sans-serif;  color: #fff;}
#message p a { color: #FF5400;}