@charset "UTF-8";
/*基本設定-----------------------------------------------------------------------------------------------------------------*/
/* --------------------
リセット
-------------------- */
html, body, h1, h2, h3, h4, h5, h6, p, div, ul, ol, li, label, dl, dt, dd {
  margin: 0;
  padding: 0;
  list-style: none;
}

/* --------------------
HTML5 リセット
-------------------- */
article, aside, dialog, figure, footer, header, hgroup, nav, section {
  display: block;
}

/* --------------------
タグ
-------------------- */
html {
  overflow-y: scroll;
}

body {
  text-align: center;
}

img {
  border: none;
  vertical-align: bottom;
}

table {
  margin: 0;
  padding: 0;
  border: 0;
  border-collapse: collapse;
}

table tr {
  vertical-align: top;
}

table td,
table th {
  border-collapse: collapse;
  border-spacing: 0;
  empty-cells: show;
  font-weight: normal;
}

/*汎用要素-----------------------------------------------------------------------------------------------------------------*/
/* --------------------
フォントサイズ
-------------------- */
/* 10px */
.f10 {
  font-size: 62.5%;
  line-height: 150%;
}

/* 11px */
.f11 {
  font-size: 68%;
  line-height: 160%;
}

/* 12px */
.f12 {
  font-size: 75%;
  line-height: 160%;
}

/* 13px */
.f13 {
  font-size: 81.2%;
  line-height: 160%;
}

/* 14px */
.f14 {
  font-size: 87.5%;
  line-height: 160%;
}

/* 15px */
.f15 {
  font-size: 93.7%;
  line-height: 160%;
}

/* 16px */
.f16 {
  font-size: 100%;
  line-height: 180%;
}

/* 18px */
.f18 {
  font-size: 112%;
  line-height: 180%;
}

/* 20px */
.f20 {
  font-size: 125%;
  line-height: 180%;
}

/* --------------------
太字
-------------------- */
.WeightBold {
  font-weight: bold;
}

.WeightNormal {
  font-weight: normal;
}

/* --------------------
揃え方
-------------------- */
.TxtLeft {
  text-align: left;
}

.TxtRight {
  text-align: right;
}

.TxtCenter {
  text-align: center;
}

.TxtJustfy {
  text-align: justify;
  text-justify: inter-ideograph;
}

/* --------------------
インデント
-------------------- */
.TxtIndent {
  padding-left: 1em;
  text-indent: -1em;
}

/* --------------------
ブロック・インライン
-------------------- */
.Block {
  display: block;
}

.Inline {
  display: inline;
}

/* -
-------------------
フロート
-------------------- */
.FloatLeft {
  float: left;
}

.FloatRight {
  float: right;
}

/* --------------------
Clearfix
-------------------- */
/* Clear */
.Clear {
  clear: both;
}

/* Clearfix */
.Clearfix:after {
  height: 0;
  content: "";
  clear: both;
  display: block;
  visibility: hidden;
}

* html .Clearfix {
  zoom: 1;
}

/* 
--------------------
マージン
-------------------- */
/* margin 四方にmargin指定 */
.m5 {
  margin: 5px;
}

.m10 {
  margin: 10px;
}

.m15 {
  margin: 15px;
}

.m20 {
  margin: 20px;
}

.m25 {
  margin: 25px;
}

.m30 {
  margin: 30px;
}

.m35 {
  margin: 35px;
}

.m40 {
  margin: 40px;
}

.m45 {
  margin: 45px;
}

.m50 {
  margin: 50px;
}

.m55 {
  margin: 55px;
}

.m60 {
  margin: 60px;
}

/* margin-top 上のみにmargin指定 */
.mt5 {
  margin-top: 5px;
}

.mt10 {
  margin-top: 10px;
}

.mt15 {
  margin-top: 15px;
}

.mt20 {
  margin-top: 20px;
}

.mt25 {
  margin-top: 25px;
}

.mt30 {
  margin-top: 30px;
}

.mt35 {
  margin-top: 35px;
}

.mt40 {
  margin-top: 40px;
}

.mt45 {
  margin-top: 45px;
}

.mt50 {
  margin-top: 50px;
}

.mt55 {
  margin-top: 55px;
}

.mt60 {
  margin-top: 60px;
}

/* margin-right 右のみにmargin指定 */
.mr5 {
  margin-right: 5px;
}

.mr10 {
  margin-right: 10px;
}

.mr15 {
  margin-right: 15px;
}

.mr20 {
  margin-right: 20px;
}

.mr25 {
  margin-right: 25px;
}

.mr30 {
  margin-right: 30px;
}

.mr35 {
  margin-right: 35px;
}

.mr40 {
  margin-right: 40px;
}

.mr45 {
  margin-right: 45px;
}

.mr50 {
  margin-right: 50px;
}

.mr55 {
  margin-right: 55px;
}

.mr60 {
  margin-right: 60px;
}

/* margin-bottom 下のみにmargin指定 */
.mb5 {
  margin-bottom: 5px;
}

.mb10 {
  margin-bottom: 10px;
}

.mb15 {
  margin-bottom: 15px;
}

.mb20 {
  margin-bottom: 20px;
}

.mb25 {
  margin-bottom: 25px;
}

.mb30 {
  margin-bottom: 30px;
}

.mb35 {
  margin-bottom: 35px;
}

.mb40 {
  margin-bottom: 40px;
}

.mb45 {
  margin-bottom: 45px;
}

.mb50 {
  margin-bottom: 50px;
}

.mb55 {
  margin-bottom: 55px;
}

.mb60 {
  margin-bottom: 60px;
}

/* margin-left 左のみにmargin指定 */
.ml5 {
  margin-left: 5px;
}

.ml10 {
  margin-left: 10px;
}

.ml15 {
  margin-left: 15px;
}

.ml20 {
  margin-left: 20px;
}

.ml25 {
  margin-left: 25px;
}

.ml30 {
  margin-left: 30px;
}

.ml35 {
  margin-left: 35px;
}

.ml40 {
  margin-left: 40px;
}

.ml45 {
  margin-left: 45px;
}

.ml50 {
  margin-left: 50px;
}

.ml55 {
  margin-left: 55px;
}

.ml60 {
  margin-left: 60px;
}

/* --------------------
パディング
-------------------- */
/* padding 四方にpadding指定 */
.p5 {
  padding: 5px;
}

.p10 {
  padding: 10px;
}

.p15 {
  padding: 15px;
}

.p20 {
  padding: 20px;
}

.p25 {
  padding: 25px;
}

.p30 {
  padding: 30px;
}

.p35 {
  padding: 35px;
}

.p40 {
  padding: 40px;
}

.p45 {
  padding: 45px;
}

.p50 {
  padding: 50px;
}

.p55 {
  padding: 55px;
}

.p60 {
  padding: 60px;
}

/* padding-top 上のみにpadding指定 */
.pt5 {
  padding-top: 5px;
}

.pt10 {
  padding-top: 10px;
}

.pt15 {
  padding-top: 15px;
}

.pt20 {
  padding-top: 20px;
}

.pt25 {
  padding-top: 25px;
}

.pt30 {
  padding-top: 30px;
}

.pt35 {
  padding-top: 35px;
}

.pt40 {
  padding-top: 40px;
}

.pt45 {
  padding-top: 45px;
}

.pt50 {
  padding-top: 50px;
}

.pt55 {
  padding-top: 55px;
}

.pt60 {
  padding-top: 60px;
}

/* padding-right 上のみにpadding指定 */
.pr5 {
  padding-right: 5px;
}

.pr10 {
  padding-right: 10px;
}

.pr15 {
  padding-right: 15px;
}

.pr20 {
  padding-right: 20px;
}

.pr25 {
  padding-right: 25px;
}

.pr30 {
  padding-right: 30px;
}

.pr35 {
  padding-right: 35px;
}

.pr40 {
  padding-right: 40px;
}

.pr45 {
  padding-right: 45px;
}

.pr50 {
  padding-right: 50px;
}

.pr55 {
  padding-right: 55px;
}

.pr60 {
  padding-right: 60px;
}

/* padding-bottom 下のみにpadding指定 */
.pb5 {
  padding-bottom: 5px;
}

.pb10 {
  padding-bottom: 10px;
}

.pb15 {
  padding-bottom: 15px;
}

.pb20 {
  padding-bottom: 20px;
}

.pb25 {
  padding-bottom: 25px;
}

.pb30 {
  padding-bottom: 30px;
}

.pb35 {
  padding-bottom: 35px;
}

.pb40 {
  padding-bottom: 40px;
}

.pb45 {
  padding-bottom: 45px;
}

.pb50 {
  padding-bottom: 50px;
}

.pb55 {
  padding-bottom: 55px;
}

.pb60 {
  padding-bottom: 60px;
}

/* padding-left 左のみにpadding指定 */
.pl5 {
  padding-left: 5px;
}

.pl10 {
  padding-left: 10px;
}

.pl15 {
  padding-left: 15px;
}

.pl20 {
  padding-left: 20px;
}

.pl25 {
  padding-left: 25px;
}

.pl30 {
  padding-left: 30px;
}

.pl35 {
  padding-left: 35px;
}

.pl40 {
  padding-left: 40px;
}

.pl45 {
  padding-left: 45px;
}

.pl50 {
  padding-left: 50px;
}

.pl55 {
  padding-left: 55px;
}

.pl60 {
  padding-left: 60px;
}

/*共通設定-----------------------------------------------------------------------------------------------------------------*/
html {
  width: 100%;
  height: 100%;
}

body {
  color: #333333;
  font-family: "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "ＭＳ Ｐ明朝", "MS PMincho", serif;
  text-align: center;
  width: 100%;
  height: 100%;
  font-size: 100%;
  background: url(../img/bg.gif) repeat center top;
  -webkit-text-size-adjust: 100%;
}

#wrap {
  width: 100%;
  min-height: 100%;
  height: auto !important;
  height: 100%;
  margin: 0 auto -80px;
  height: auto;
}
#wrap.-relative {
  min-height: auto;
  margin: 0 auto;
}

#ptop_btn {
  position: fixed;
  right: 10px;
  bottom: 10px;
  display: none;
}

footer {
  font-size: 69%;
  width: 100%;
  height: 20px;
  line-height: 20px;
  margin: 40px 0 0;
  padding-bottom: 20px;
}

a {
  text-decoration: none;
}

a:link,
a:visited {
  color: #006300;
}

a:hover,
a:active {
  color: #98ce15;
}

/*ページ個別設定-------------------------------------------------------------------------------------------------------------*/
.none {
  display: none;
}

.block {
  display: block;
}

.pc-only {
  display: inline;
}

.sp-only {
  display: none;
}

.default {
  cursor: default;
}

.pointer {
  cursor: pointer;
}

/*
#map_bg{
	background: url(/img/map_bg.png) center 80px no-repeat;
	width: 100%;
	height: 840px;
	position: absolute;
}
*/
#loading {
  display: none;
  text-align: center;
  position: absolute;
  width: 100%;
  z-index: 9999;
}
#loading img {
  position: absolute;
  left: 50%;
  top: 280px;
  margin-left: -10px;
}
#loading #loading_txt {
  font-size: 10px;
  color: #006300;
  position: absolute;
  left: 50%;
  top: 310px;
  margin-left: -12px;
}

#opening {
  position: absolute;
  left: 50%;
  top: 50%;
  margin: -340px 0 0 -390px;
  z-index: 0;
  display: none;
  width: 780px;
  height: 640px;
  background: url(/img/op_bg.png) no-repeat center 140px;
}
#opening.-relative {
  position: relative;
  top: auto;
  left: auto;
  margin: 30px auto 0;
}
#opening h1 {
  display: none;
  position: absolute;
  left: 241px;
  top: 0px;
  width: 293px;
  height: 391px;
}
#opening #op_about_link {
  display: none;
  position: absolute;
  width: 146px;
  height: 23px;
  left: 312px;
  top: 398px;
  z-index: 9999;
}
#opening #op_nenpyo_link {
  display: none;
  position: absolute;
  width: 146px;
  height: 23px;
  left: 312px;
  top: 423px;
  z-index: 9999;
}
#opening nav #op_nav {
  z-index: 999;
  position: relative;
  width: 780px;
  height: 640px;
}
#opening nav #op_nav li {
  position: absolute;
  display: block;
}
#opening nav #op_nav li a {
  position: absolute;
  display: block;
  width: 104px;
  height: 104px;
  cursor: pointer;
  z-index: 9999;
}
#opening nav #op_nav li a:hover {
  background-position: 0 -104px;
}
#opening nav #op_nav #op_nav_1 {
  background: url(/img/op_nav_bg_1.png);
  width: 187px;
  height: 179px;
  left: 35px;
  top: 54px;
}
#opening nav #op_nav #op_nav_1 a {
  background: url(/img/op_nav_1.png);
  top: 36px;
  left: 50px;
}
#opening nav #op_nav #op_nav_1 a:hover {
  background-position: 0 -104px;
}
#opening nav #op_nav #op_nav_2 {
  background: url(/img/op_nav_bg_2.png);
  width: 166px;
  height: 192px;
  left: 10px;
  top: 196px;
}
#opening nav #op_nav #op_nav_2 a {
  background: url(/img/op_nav_2.png);
  top: 54px;
  left: 25px;
}
#opening nav #op_nav #op_nav_2 a:hover {
  background-position: 0 -104px;
}
#opening nav #op_nav #op_nav_3 {
  background: url(/img/op_nav_bg_3.png);
  width: 200px;
  height: 241px;
  left: 35px;
  top: 380px;
}
#opening nav #op_nav #op_nav_3 a {
  background: url(/img/op_nav_3.png);
  top: 27px;
  left: 63px;
}
#opening nav #op_nav #op_nav_3 a:hover {
  background-position: 0 -104px;
}
#opening nav #op_nav #op_nav_4 {
  background: url(/img/op_nav_bg_4.png);
  width: 184px;
  height: 187px;
  left: 210px;
  top: 447px;
}
#opening nav #op_nav #op_nav_4 a {
  background: url(/img/op_nav_4.png);
  top: 56px;
  left: 36px;
}
#opening nav #op_nav #op_nav_4 a:hover {
  background-position: 0 -104px;
}
#opening nav #op_nav #op_nav_5 {
  background: url(/img/op_nav_bg_5.png);
  width: 179px;
  height: 181px;
  left: 384px;
  top: 452px;
}
#opening nav #op_nav #op_nav_5 a {
  background: url(/img/op_nav_5.png);
  top: 50px;
  left: 37px;
}
#opening nav #op_nav #op_nav_5 a:hover {
  background-position: 0 -104px;
}
#opening nav #op_nav #op_nav_6 {
  background: url(/img/op_nav_bg_6.png);
  width: 216px;
  height: 284px;
  left: 541px;
  top: 337px;
}
#opening nav #op_nav #op_nav_6 a {
  background: url(/img/op_nav_6.png);
  top: 70px;
  left: 36px;
}
#opening nav #op_nav #op_nav_6 a:hover {
  background-position: 0 -104px;
}
#opening nav #op_nav #op_nav_7 {
  background: url(/img/op_nav_bg_7.png);
  width: 201px;
  height: 155px;
  left: 579px;
  top: 211px;
}
#opening nav #op_nav #op_nav_7 a {
  background: url(/img/op_nav_7.png);
  top: 38px;
  left: 57px;
}
#opening nav #op_nav #op_nav_7 a:hover {
  background-position: 0 -104px;
}
#opening nav #op_nav #op_nav_8 {
  background: url(/img/op_nav_bg_8.png);
  width: 181px;
  height: 177px;
  left: 551px;
  top: 49px;
}
#opening nav #op_nav #op_nav_8 a {
  background: url(/img/op_nav_8.png);
  top: 44px;
  left: 33px;
}
#opening nav #op_nav #op_nav_8 a:hover {
  background-position: 0 -104px;
}

#sns {
  position: absolute;
  right: 10px;
  top: 10px;
  z-index: 9999;
  letter-spacing: -.40em;
  width: 120px;
  text-align: right;
}
#sns li {
  display: inline-block;
  /* for old_ie */
  *display: inline;
  *zoom: 1;
  margin-left: 10px;
  width: 28px;
  height: 28px;
  letter-spacing: normal;
}
#sns li:first-child {
  margin-left: 0px;
}
#sns li a {
  display: block;
  width: 28px;
  height: 28px;
  -moz-border-radius: 14px;
  -webkit-border-radius: 14px;
  border-radius: 14px;
  box-sizing: border-box;
  transition: opacity .3s;
  text-align: center;
  padding: 7px;
}
#sns li a img {
  vertical-align: top;
  height: 100%;
  width: auto;
  font-size: 0;
}
#sns li a:hover {
  opacity: .6;
}
#sns li.sns_fb a {
  background: #4267b2;
}
#sns li.sns_tw a {
  background: #1da1f2;
}
#sns li.sns_tw a img {
  margin-left: -1px;
}
#sns li.sns_hatebu a {
  background: #00a4de;
}
#sns li.sns_hatebu a img {
  margin-left: -1px;
}

header {
  height: 100px;
  width: 100%;
  text-align: center;
  position: fixed;
  z-index: 5000;
}
header h1 {
  position: absolute;
  left: 10px;
  top: 0;
}
header nav#page_link {
  position: absolute;
  left: 10px;
  top: 53px;
  text-align: left;
}
header nav#page_link li {
  height: 20px;
  line-height: 20px;
}
header nav#page_link li ul#nenpyo_nav {
  top: 45px;
  left: 10px;
  position: absolute;
}
header nav#page_link li ul#nenpyo_nav li {
  margin-top: 6px;
  height: 16px;
  line-height: 16px;
  font-size: 69%;
}
header nav#page_link li ul#nenpyo_nav li a {
  background: url(/img/ar_s.png) no-repeat left center;
  padding-left: 8px;
}
header nav#page_link li ul#nenpyo_nav li a.selected {
  color: #98ce15;
}
header nav #g_nav {
  background: url(/img/gnav_bg.png) no-repeat left 40px;
  width: 367px;
  height: 27px;
  margin: 0 auto;
  padding: 42px 0 0 47px;
  text-align: left;
  letter-spacing: -.40em;
}
header nav #g_nav li {
  display: inline-block;
  /* for old_ie */
  *display: inline;
  *zoom: 1;
  margin-left: 24px;
  padding: 0;
  width: 19px;
  height: 19px;
  position: relative;
  letter-spacing: normal;
}
header nav #g_nav li:first-child {
  margin-left: 0px;
}
header nav #g_nav li span {
  display: block;
  position: absolute;
  top: -33px;
  left: -54px;
}
header nav #g_nav li span img {
  position: absolute;
  display: none;
  top: 0;
  left: 0;
}
header nav #g_nav li a {
  display: block;
  width: 19px;
  height: 19px;
  background: url(/img/gnav_offon.png) no-repeat left top;
  position: relative;
}
header nav #g_nav li.selected a {
  background: url(/img/gnav_select.png) no-repeat left top;
}
header nav #g_nav li a:hover {
  background-position: -19px 0;
}

header.map_header {
  height: 100px;
  width: 100%;
  text-align: center;
  position: relative;
  z-index: 5000;
}

#main_contents {
  display: none;
  position: relative;
  z-index: 0;
  width: 1000px;
  margin: 0 auto;
  height: 1080px;
  overflow: hidden;
}
#main_contents #clock {
  position: absolute;
  left: 450px;
  top: 200px;
  z-index: 999;
  background: url(/img/clock.png) no-repeat 0 0;
  -moz-background-size: 100%, auto;
  -o-background-size: 100%, auto;
  -webkit-background-size: 100%, auto;
  background-size: 100%, auto;
}
#main_contents #map {
  position: absolute;
  left: 0;
  top: 120px;
  z-index: 0;
  margin: 0 auto;
  background: url(/img/map_min.jpg) no-repeat 0 0;
  -moz-background-size: 100%, auto;
  -o-background-size: 100%, auto;
  -webkit-background-size: 100%, auto;
  background-size: 100%, auto;
}
#main_contents #map #cloud_1 {
  position: absolute;
  left: 192px;
  top: 0px;
}
#main_contents #map #dir {
  position: absolute;
  left: 0px;
  top: 0px;
}
#main_contents #makimono {
  position: absolute;
  left: 312px;
  top: 10px;
  text-align: center;
  z-index: 100;
  background: url(/img/makimono.png) no-repeat left top;
  -moz-background-size: 100%, auto;
  -o-background-size: 100%, auto;
  -webkit-background-size: 100%, auto;
  background-size: 100%, auto;
}
#main_contents #makimono h2 {
  margin: 0 auto;
  position: absolute;
  text-indent: -9999px;
}
#main_contents #makimono .page_ttl_1 {
  background: url(/img/ttl_1.png) no-repeat left top;
  width: 137px;
  height: 34px;
  left: 120px;
  top: 35px;
}
#main_contents #makimono .page_ttl_2 {
  background: url(/img/ttl_2.png) no-repeat left top;
  width: 133px;
  height: 57px;
  left: 120px;
  top: 25px;
}
#main_contents #makimono .page_ttl_3 {
  background: url(/img/ttl_3.png) no-repeat left top;
  width: 274px;
  height: 57px;
  left: 50px;
  top: 25px;
}
#main_contents #makimono .page_ttl_4 {
  background: url(/img/ttl_4.png) no-repeat left top;
  width: 251px;
  height: 57px;
  left: 65px;
  top: 25px;
}
#main_contents #makimono .page_ttl_5 {
  background: url(/img/ttl_5.png) no-repeat left top;
  width: 219px;
  height: 57px;
  left: 80px;
  top: 25px;
}
#main_contents #makimono .page_ttl_6 {
  background: url(/img/ttl_6.png) no-repeat left top;
  width: 199px;
  height: 57px;
  left: 90px;
  top: 25px;
}
#main_contents #makimono .page_ttl_7 {
  background: url(/img/ttl_7.png) no-repeat left top;
  width: 133px;
  height: 57px;
  left: 125px;
  top: 25px;
}
#main_contents #makimono .page_ttl_8 {
  background: url(/img/ttl_8.png) no-repeat left top;
  width: 140px;
  height: 57px;
  left: 125px;
  top: 25px;
}
#main_contents #time_1, #main_contents #time_2, #main_contents #time_3, #main_contents #time_4, #main_contents #time_5, #main_contents #time_6, #main_contents #time_7, #main_contents #time_8 {
  width: 1000px;
  height: auto;
  position: absolute;
  left: 0;
  top: 60px;
  z-index: auto;
  text-align: center;
}
#main_contents .ship_1, #main_contents .ship_2, #main_contents .ship_3, #main_contents .ship_4, #main_contents .ship_5, #main_contents .ship_6, #main_contents .ship_7, #main_contents .ship_8 {
  position: absolute;
}
#main_contents #time_1 #detail_1_1 {
  width: 100px;
  height: 100px;
  left: 740px;
  top: 90px;
}
#main_contents #time_1 #detail_1_2 {
  width: 100px;
  height: 100px;
  left: 870px;
  top: 110px;
}
#main_contents #time_1 #detail_1_3 {
  width: 100px;
  height: 100px;
  left: 630px;
  top: 90px;
}
#main_contents #time_1 #detail_1_4 {
  width: 100px;
  height: 100px;
  left: 600px;
  top: 240px;
}
#main_contents #time_1 #detail_1_5 {
  width: 100px;
  height: 100px;
  left: 350px;
  top: 90px;
}
#main_contents #time_1 #detail_1_6 {
  width: 100px;
  height: 100px;
  left: 480px;
  top: 240px;
}
#main_contents #time_1 #detail_1_6 .detail_popup {
  margin-left: 80px;
}
#main_contents #time_1 #detail_1_7 {
  width: 100px;
  height: 100px;
  left: 330px;
  top: 380px;
}
#main_contents #time_1 #detail_1_8 {
  width: 100px;
  height: 100px;
  left: 210px;
  top: 380px;
}
#main_contents #time_1 #detail_1_9 {
  width: 100px;
  height: 100px;
  left: 460px;
  top: 350px;
}
#main_contents #time_1 #detail_1_9 .detail_popup {
  margin-top: 0px;
}
#main_contents #time_1 #detail_1_10 {
  width: 100px;
  height: 100px;
  left: 705px;
  top: 400px;
}
#main_contents #time_1 #detail_1_11 {
  width: 100px;
  height: 100px;
  left: 760px;
  top: 190px;
}
#main_contents #time_1 #detail_1_11 .detail_popup {
  margin-left: 70px;
  margin-top: -60px;
}
#main_contents #time_1 .parts {
  width: 100px;
  height: 100px;
}
#main_contents #time_1 .ship_1 {
  left: 190px;
  top: 505px;
}
#main_contents #time_1 .ship_2 {
  left: 780px;
  top: 550px;
}
#main_contents #time_1 .ship_3 {
  left: 460px;
  top: 500px;
}
#main_contents #time_2 #detail_2_1 {
  width: 100px;
  height: 100px;
  left: 360px;
  top: 265px;
}
#main_contents #time_2 #detail_2_1 .detail_popup {
  margin-left: 80px;
}
#main_contents #time_2 #detail_2_2 {
  width: 100px;
  height: 100px;
  left: 640px;
  top: 265px;
}
#main_contents #time_2 #detail_2_2 .detail_popup {
  margin-top: -12px;
  margin-left: -50px;
}
#main_contents #time_2 #detail_2_3 {
  width: 100px;
  height: 100px;
  left: 605px;
  top: 165px;
}
#main_contents #time_2 #detail_2_3 .detail_popup {
  margin-top: 45px;
  margin-left: 0px;
}
#main_contents #time_2 #detail_2_4 {
  width: 100px;
  height: 100px;
  left: 745px;
  top: 265px;
}
#main_contents #time_2 #detail_2_4 .detail_popup {
  margin-top: -12px;
  margin-left: -125px;
}
#main_contents #time_2 #detail_2_5 {
  width: 100px;
  height: 100px;
  left: 470px;
  top: 265px;
}
#main_contents #time_2 #detail_2_5 .detail_popup {
  margin-top: -12px;
  margin-left: 90px;
}
#main_contents #time_2 #detail_2_6 {
  width: 100px;
  height: 100px;
  left: 500px;
  top: 165px;
}
#main_contents #time_2 #detail_2_6 .detail_popup {
  margin-top: 45px;
  margin-left: 74px;
}
#main_contents #time_2 #detail_2_7 {
  width: 100px;
  height: 100px;
  left: 570px;
  top: 370px;
}
#main_contents #time_2 #detail_2_7 .detail_popup {
  margin-top: -72px;
  margin-left: 5px;
}
#main_contents #time_2 #detail_2_8 {
  width: 100px;
  height: 100px;
  left: 675px;
  top: 370px;
}
#main_contents #time_2 #detail_2_8 .detail_popup {
  margin-top: -72px;
  margin-left: -70px;
}
#main_contents #time_2 #detail_2_9 {
  width: 100px;
  height: 100px;
  left: 460px;
  top: 370px;
}
#main_contents #time_2 #detail_2_9 .detail_popup {
  margin-top: 0px;
}
#main_contents #time_2 #detail_2_10 {
  width: 100px;
  height: 100px;
  left: 410px;
  top: 100px;
}
#main_contents #time_2 #detail_2_10 .detail_popup {
  margin-left: 70px;
}
#main_contents #time_2 #detail_2_11 {
  width: 100px;
  height: 100px;
  left: 310px;
  top: 140px;
}
#main_contents #time_2 #detail_2_11 .detail_popup {
  margin-left: 80px;
}
#main_contents #time_2 #detail_2_12 {
  width: 100px;
  height: 100px;
  left: 230px;
  top: 210px;
}
#main_contents #time_2 #detail_2_12 .detail_popup {
  margin-left: 80px;
}
#main_contents #time_2 .parts {
  width: 100px;
  height: 100px;
}
#main_contents #time_2 .ship_1 {
  left: 450px;
  top: 480px;
}
#main_contents #time_2 .ship_2 {
  left: 780px;
  top: 550px;
}
#main_contents #time_2 .ship_3 {
  left: 460px;
  top: 500px;
}
#main_contents #time_2 .ship_4 {
  left: 190px;
  top: 505px;
}
#main_contents #time_3 #detail_3_1 {
  width: 327px;
  height: 426px;
  left: 670px;
  top: 126px;
}
#main_contents #time_3 #detail_3_1 .parts {
  width: 327px;
  height: 426px;
}
#main_contents #time_3 #detail_3_1 .detail_popup {
  margin-top: 100px;
  margin-left: 130px;
}
#main_contents #time_3 #detail_3_2 {
  width: 180px;
  height: 329px;
  left: 514px;
  top: 177px;
}
#main_contents #time_3 #detail_3_2 .parts {
  width: 180px;
  height: 329px;
}
#main_contents #time_3 #detail_3_2 .detail_popup {
  margin-top: 100px;
  margin-left: 65px;
}
#main_contents #time_3 #detail_3_3 {
  width: 90px;
  height: 108px;
  left: 448px;
  top: 372px;
}
#main_contents #time_3 #detail_3_3 .parts {
  width: 90px;
  height: 108px;
}
#main_contents #time_3 #detail_3_3 .detail_popup {
  margin-top: -40px;
  margin-left: 15px;
}
#main_contents #time_3 #detail_3_4 {
  width: 474px;
  height: 212px;
  left: 7px;
  top: 299px;
}
#main_contents #time_3 #detail_3_4 .parts {
  width: 474px;
  height: 212px;
}
#main_contents #time_3 #detail_3_4 .detail_popup {
  margin-top: 30px;
  margin-left: 205px;
}
#main_contents #time_3 #detail_3_5 {
  width: 545px;
  height: 247px;
  left: 70px;
  top: 136px;
}
#main_contents #time_3 #detail_3_5 .parts {
  width: 545px;
  height: 247px;
}
#main_contents #time_3 #detail_3_5 .detail_popup {
  margin-top: 30px;
  margin-left: 315px;
}
#main_contents #time_3 #detail_3_6 {
  width: 29px;
  height: 88px;
  left: 540px;
  top: 230px;
}
#main_contents #time_3 #detail_3_6 .parts {
  width: 29px;
  height: 88px;
}
#main_contents #time_3 #detail_3_6 .detail_popup {
  margin-top: 0px;
  margin-left: -20px;
}
#main_contents #time_3 #detail_3_7 {
  width: 703px;
  height: 341px;
  left: 260px;
  top: 130px;
}
#main_contents #time_3 #detail_3_7 .parts {
  width: 703px;
  height: 341px;
}
#main_contents #time_3 #detail_3_7 .detail_popup {
  margin-top: 256px;
  margin-left: 595px;
}
#main_contents #time_3 #detail_3_8 {
  width: 700px;
  height: 340px;
  left: 248px;
  top: 137px;
}
#main_contents #time_3 #detail_3_8 .parts {
  width: 700px;
  height: 340px;
}
#main_contents #time_3 #detail_3_8 .detail_popup {
  margin-top: 133px;
  margin-left: 677px;
}
#main_contents #time_3 #detail_3_9 {
  width: 100px;
  height: 100px;
  left: 271px;
  top: 163px;
}
#main_contents #time_3 #detail_3_10 {
  width: 100px;
  height: 100px;
  left: 590px;
  top: 205px;
}
#main_contents #time_3 #detail_3_10 .detail_popup {
  margin-top: 30px;
  margin-left: -10px;
}
#main_contents #time_3 #detail_3_11 {
  width: 100px;
  height: 100px;
  left: 630px;
  top: 300px;
}
#main_contents #time_3 #detail_3_11 .detail_popup {
  margin-top: 5px;
  margin-left: -75px;
}
#main_contents #time_3 #detail_3_12 {
  width: 100px;
  height: 100px;
  left: 535px;
  top: 420px;
}
#main_contents #time_3 #detail_3_12 .detail_popup {
  margin-top: -10px;
  margin-left: 80px;
}
#main_contents #time_3 #detail_3_13 {
  width: 100px;
  height: 100px;
  left: 370px;
  top: 300px;
}
#main_contents #time_3 #detail_3_13 .detail_popup {
  margin-top: 45px;
  margin-left: 65px;
}
#main_contents #time_3 #detail_3_14 {
  width: 100px;
  height: 100px;
  left: 400px;
  top: 100px;
}
#main_contents #time_3 .parts {
  width: 100px;
  height: 100px;
}
#main_contents #time_3 .ship_1 {
  left: 770px;
  top: 540px;
}
#main_contents #time_3 .ship_2 {
  left: 945px;
  top: 480px;
}
#main_contents #time_3 .ship_3 {
  left: 460px;
  top: 500px;
}
#main_contents #time_3 .ship_4 {
  left: 450px;
  top: 480px;
}
#main_contents #time_3 .ship_5 {
  left: 190px;
  top: 505px;
}
#main_contents #time_4 #detail_4_1 {
  width: 100px;
  height: 100px;
  left: 580px;
  top: 90px;
}
#main_contents #time_4 #detail_4_1 .detail_popup {
  margin-top: 20px;
  margin-left: 90px;
}
#main_contents #time_4 #detail_4_2 {
  width: 100px;
  height: 100px;
  left: 710px;
  top: 90px;
}
#main_contents #time_4 #detail_4_2 .detail_popup {
  margin-top: 20px;
  margin-left: -10px;
}
#main_contents #time_4 #detail_4_3 {
  width: 100px;
  height: 100px;
  left: 810px;
  top: 330px;
}
#main_contents #time_4 #detail_4_3 .detail_popup {
  margin-top: 20px;
  margin-left: 90px;
}
#main_contents #time_4 #detail_4_4 {
  width: 100px;
  height: 100px;
  left: 109px;
  top: 148px;
}
#main_contents #time_4 #detail_4_4 .detail_popup {
  margin-top: 45px;
  margin-left: 0px;
}
#main_contents #time_4 #detail_4_5 {
  width: 100px;
  height: 100px;
  left: 570px;
  top: 265px;
}
#main_contents #time_4 #detail_4_5 .detail_popup {
  margin-top: 15px;
  margin-left: -10px;
}
#main_contents #time_4 #detail_4_6 {
  width: 100px;
  height: 100px;
  left: 440px;
  top: 265px;
}
#main_contents #time_4 #detail_4_6 .detail_popup {
  margin-top: 15px;
  margin-left: 90px;
}
#main_contents #time_4 #detail_4_7 {
  width: 100px;
  height: 100px;
  left: 510px;
  top: 365px;
}
#main_contents #time_4 #detail_4_7 .detail_popup {
  margin-top: 0px;
  margin-left: -20px;
}
#main_contents #time_4 #detail_4_8 {
  width: 100px;
  height: 100px;
  left: 211px;
  top: 173px;
}
#main_contents #time_4 #detail_4_8 .detail_popup {
  margin-top: 20px;
  margin-left: 90px;
}
#main_contents #time_4 #detail_4_9 {
  width: 100px;
  height: 100px;
  left: 700px;
  top: 420px;
}
#main_contents #time_4 #detail_4_9 .detail_popup {
  margin-top: 15px;
  margin-left: 90px;
}
#main_contents #time_4 #detail_4_10 {
  width: 100px;
  height: 100px;
  left: 320px;
  top: 305px;
}
#main_contents #time_4 #detail_4_10 .detail_popup {
  margin-top: 15px;
  margin-left: 90px;
}
#main_contents #time_4 #detail_4_11 {
  width: 100px;
  height: 100px;
  left: 311px;
  top: 143px;
}
#main_contents #time_4 #detail_4_11 .detail_popup {
  margin-top: 50px;
  margin-left: 20px;
}
#main_contents #time_4 .parts {
  width: 100px;
  height: 100px;
}
#main_contents #time_4 .ship_1 {
  left: 770px;
  top: 540px;
}
#main_contents #time_4 .ship_2 {
  left: 945px;
  top: 480px;
}
#main_contents #time_4 .ship_3 {
  left: 460px;
  top: 500px;
}
#main_contents #time_4 .ship_4 {
  left: 450px;
  top: 480px;
}
#main_contents #time_4 .ship_5 {
  left: 190px;
  top: 505px;
}
#main_contents #time_5 #detail_5_1 {
  width: 100px;
  height: 100px;
  left: 800px;
  top: 70px;
}
#main_contents #time_5 #detail_5_1 .detail_popup {
  margin-top: 15px;
  margin-left: -10px;
}
#main_contents #time_5 #detail_5_2 {
  width: 100px;
  height: 100px;
  left: 890px;
  top: 310px;
}
#main_contents #time_5 #detail_5_2 .detail_popup {
  margin-top: 20px;
  margin-left: -10px;
}
#main_contents #time_5 #detail_5_3 {
  width: 100px;
  height: 100px;
  left: 800px;
  top: 430px;
}
#main_contents #time_5 #detail_5_3 .detail_popup {
  margin-top: 0px;
  margin-left: -10px;
}
#main_contents #time_5 #detail_5_4 {
  width: 100px;
  height: 100px;
  left: 80px;
  top: 400px;
}
#main_contents #time_5 #detail_5_4 .detail_popup {
  margin-top: -20px;
  margin-left: 100px;
}
#main_contents #time_5 #detail_5_5 {
  width: 100px;
  height: 100px;
  left: 550px;
  top: 275px;
}
#main_contents #time_5 #detail_5_5 .detail_popup {
  margin-top: 15px;
  margin-left: -10px;
}
#main_contents #time_5 #detail_5_6 {
  width: 100px;
  height: 100px;
  left: 271px;
  top: 163px;
}
#main_contents #time_5 #detail_5_6 .detail_popup {
  margin-top: 15px;
  margin-left: -10px;
}
#main_contents #time_5 #detail_5_7 {
  width: 100px;
  height: 100px;
  left: 541px;
  top: 90px;
}
#main_contents #time_5 #detail_5_7 .detail_popup {
  margin-top: 15px;
  margin-left: -10px;
}
#main_contents #time_5 #detail_5_8 {
  width: 100px;
  height: 100px;
  left: 130px;
  top: 305px;
}
#main_contents #time_5 #detail_5_8 .detail_popup {
  margin-top: 45px;
  margin-left: 80px;
}
#main_contents #time_5 #detail_5_9 {
  width: 100px;
  height: 100px;
  left: 430px;
  top: 275px;
}
#main_contents #time_5 #detail_5_9 .detail_popup {
  margin-top: 15px;
  margin-left: 80px;
}
#main_contents #time_5 #detail_5_10 {
  width: 100px;
  height: 100px;
  left: 255px;
  top: 356px;
}
#main_contents #time_5 #detail_5_10 .detail_popup {
  margin-top: -30px;
  margin-left: -20px;
}
#main_contents #time_5 #detail_5_11 {
  width: 100px;
  height: 100px;
  left: 396px;
  top: 133px;
}
#main_contents #time_5 #detail_5_11 .detail_popup {
  margin-top: 15px;
  margin-left: 90px;
}
#main_contents #time_5 #detail_5_12 {
  width: 937px;
  height: 424px;
  left: 60px;
  top: 125px;
}
#main_contents #time_5 #detail_5_12 .parts {
  width: 937px;
  height: 424px;
  z-index: 50;
}
#main_contents #time_5 #detail_5_12 .detail_popup {
  margin-top: 210px;
  margin-left: 450px;
}
#main_contents #time_5 .parts {
  width: 100px;
  height: 100px;
}
#main_contents #time_5 .ship_1 {
  left: 770px;
  top: 540px;
}
#main_contents #time_5 .ship_2 {
  left: 945px;
  top: 480px;
}
#main_contents #time_5 .ship_3 {
  left: 460px;
  top: 500px;
}
#main_contents #time_5 .ship_4 {
  left: 450px;
  top: 480px;
}
#main_contents #time_5 .ship_5 {
  left: 190px;
  top: 505px;
}
#main_contents #time_6 #detail_6_1 {
  width: 100px;
  height: 100px;
  left: 541px;
  top: 90px;
}
#main_contents #time_6 #detail_6_1 .detail_popup {
  margin-top: 15px;
  margin-left: -10px;
}
#main_contents #time_6 #detail_6_2 {
  width: 100px;
  height: 100px;
  left: 411px;
  top: 90px;
}
#main_contents #time_6 #detail_6_2 .detail_popup {
  margin-top: 15px;
  margin-left: 90px;
}
#main_contents #time_6 #detail_6_3 {
  width: 100px;
  height: 100px;
  left: 400px;
  top: 193px;
}
#main_contents #time_6 #detail_6_3 .detail_popup {
  margin-top: -35px;
  margin-left: 90px;
}
#main_contents #time_6 #detail_6_4 {
  width: 100px;
  height: 100px;
  left: 430px;
  top: 300px;
}
#main_contents #time_6 #detail_6_4 .detail_popup {
  margin-top: 35px;
  margin-left: 70px;
}
#main_contents #time_6 #detail_6_5 {
  width: 100px;
  height: 100px;
  left: 380px;
  top: 395px;
}
#main_contents #time_6 #detail_6_5 .detail_popup {
  margin-top: -30px;
  margin-left: 90px;
}
#main_contents #time_6 #detail_6_6 {
  width: 100px;
  height: 100px;
  left: 890px;
  top: 310px;
}
#main_contents #time_6 #detail_6_6 .detail_popup {
  margin-top: 20px;
  margin-left: -10px;
}
#main_contents #time_6 #detail_6_7 {
  width: 100px;
  height: 100px;
  left: 582px;
  top: 460px;
}
#main_contents #time_6 #detail_6_7 .detail_popup {
  margin-top: -70px;
  margin-left: -5px;
}
#main_contents #time_6 #detail_6_8 {
  width: 100px;
  height: 100px;
  left: 637px;
  top: 370px;
}
#main_contents #time_6 #detail_6_8 .detail_popup {
  margin-top: 5px;
  margin-left: -30px;
}
#main_contents #time_6 #detail_6_9 {
  width: 100px;
  height: 100px;
  left: 480px;
  top: 440px;
}
#main_contents #time_6 #detail_6_9 .detail_popup {
  margin-top: -65px;
  margin-left: 65px;
}
#main_contents #time_6 #detail_6_10 {
  width: 100px;
  height: 100px;
  left: 510px;
  top: 223px;
}
#main_contents #time_6 #detail_6_10 .detail_popup {
  margin-top: 40px;
  margin-left: 15px;
}
#main_contents #time_6 #detail_6_11 {
  width: 100px;
  height: 100px;
  left: 615px;
  top: 223px;
}
#main_contents #time_6 #detail_6_11 .detail_popup {
  margin-top: 50px;
  margin-left: 20px;
}
#main_contents #time_6 #detail_6_12 {
  width: 100px;
  height: 100px;
  left: 545px;
  top: 320px;
}
#main_contents #time_6 #detail_6_12 .detail_popup {
  margin-top: 15px;
  margin-left: -15px;
}
#main_contents #time_6 #detail_6_13 {
  width: 100px;
  height: 100px;
  left: 261px;
  top: 163px;
}
#main_contents #time_6 #detail_6_13 .detail_popup {
  margin-top: 15px;
  margin-left: -10px;
}
#main_contents #time_6 .parts {
  width: 100px;
  height: 100px;
}
#main_contents #time_6 .ship_1 {
  left: 770px;
  top: 540px;
}
#main_contents #time_6 .ship_2 {
  left: 945px;
  top: 480px;
}
#main_contents #time_6 .ship_3 {
  left: 420px;
  top: 540px;
}
#main_contents #time_6 .ship_4 {
  left: 410px;
  top: 520px;
}
#main_contents #time_6 .ship_5 {
  left: 190px;
  top: 505px;
}
#main_contents #time_7 #detail_7_1 {
  width: 590px;
  height: 428px;
  left: 408px;
  top: 126px;
}
#main_contents #time_7 #detail_7_1 .parts {
  width: 590px;
  height: 428px;
}
#main_contents #time_7 #detail_7_1 .detail_popup {
  margin-top: 120px;
  margin-left: 440px;
}
#main_contents #time_7 #detail_7_2 {
  width: 704px;
  height: 234px;
  left: 7px;
  top: 273px;
}
#main_contents #time_7 #detail_7_2 .parts {
  width: 704px;
  height: 234px;
}
#main_contents #time_7 #detail_7_2 .detail_popup {
  margin-top: 60px;
  margin-left: 635px;
}
#main_contents #time_7 #detail_7_3 {
  width: 165px;
  height: 212px;
  left: 449px;
  top: 267px;
}
#main_contents #time_7 #detail_7_3 .parts {
  width: 165px;
  height: 212px;
}
#main_contents #time_7 #detail_7_3 .detail_popup {
  margin-top: 90px;
  margin-left: 62px;
}
#main_contents #time_7 #detail_7_4 {
  width: 329px;
  height: 211px;
  left: 105px;
  top: 301px;
}
#main_contents #time_7 #detail_7_4 .parts {
  width: 329px;
  height: 211px;
}
#main_contents #time_7 #detail_7_4 .detail_popup {
  margin-top: 70px;
  margin-left: 240px;
}
#main_contents #time_7 #detail_7_5 {
  width: 445px;
  height: 243px;
  left: 170px;
  top: 135px;
}
#main_contents #time_7 #detail_7_5 .parts {
  width: 445px;
  height: 243px;
}
#main_contents #time_7 #detail_7_5 .detail_popup {
  margin-top: 50px;
  margin-left: 260px;
}
#main_contents #time_7 #detail_7_6 {
  width: 201px;
  height: 176px;
  left: 583px;
  top: 141px;
}
#main_contents #time_7 #detail_7_6 .parts {
  width: 201px;
  height: 176px;
}
#main_contents #time_7 #detail_7_6 .detail_popup {
  margin-top: 0px;
  margin-left: 80px;
}
#main_contents #time_7 #detail_7_7 {
  width: 591px;
  height: 263px;
  left: 234px;
  top: 270px;
}
#main_contents #time_7 #detail_7_7 .parts {
  width: 591px;
  height: 263px;
}
#main_contents #time_7 #detail_7_7 .detail_popup {
  margin-top: 150px;
  margin-left: 540px;
}
#main_contents #time_7 #detail_7_8 {
  width: 100px;
  height: 100px;
  left: 825px;
  top: 335px;
}
#main_contents #time_7 #detail_7_8 .detail_popup {
  margin-top: 20px;
  margin-left: 85px;
}
#main_contents #time_7 #detail_7_9 {
  width: 100px;
  height: 100px;
  left: 130px;
  top: 310px;
}
#main_contents #time_7 #detail_7_9 .detail_popup {
  margin-top: 30px;
  margin-left: 70px;
}
#main_contents #time_7 #detail_7_10 {
  width: 100px;
  height: 100px;
  left: 235px;
  top: 310px;
}
#main_contents #time_7 #detail_7_10 .detail_popup {
  margin-top: 30px;
  margin-left: -5px;
}
#main_contents #time_7 #detail_7_11 {
  width: 100px;
  height: 100px;
  left: 486px;
  top: 163px;
}
#main_contents #time_7 #detail_7_11 .detail_popup {
  margin-top: 15px;
  margin-left: -10px;
}
#main_contents #time_7 #detail_7_12 {
  width: 100px;
  height: 100px;
  left: 550px;
  top: 405px;
}
#main_contents #time_7 #detail_7_12 .detail_popup {
  margin-top: 0px;
  margin-left: 90px;
}
#main_contents #time_7 #detail_7_13 {
  width: 100px;
  height: 100px;
  left: 670px;
  top: 485px;
}
#main_contents #time_7 #detail_7_13 .detail_popup {
  margin-top: -65px;
  margin-left: 20px;
}
#main_contents #time_7 #detail_7_14 {
  width: 100px;
  height: 100px;
  left: 15px;
  top: 310px;
}
#main_contents #time_7 #detail_7_14 .detail_popup {
  margin-top: 40px;
  margin-left: 0px;
}
#main_contents #time_7 #detail_7_15 {
  width: 100px;
  height: 100px;
  left: 261px;
  top: 163px;
}
#main_contents #time_7 #detail_7_15 .detail_popup {
  margin-top: 15px;
  margin-left: -10px;
}
#main_contents #time_7 #detail_7_16 {
  width: 100px;
  height: 100px;
  left: 750px;
  top: 100px;
}
#main_contents #time_7 #detail_7_16 .detail_popup {
  margin-top: 20px;
  margin-left: -10px;
}
#main_contents #time_7 #detail_7_17 {
  width: 100px;
  height: 100px;
  left: 380px;
  top: 315px;
}
#main_contents #time_7 #detail_7_17 .detail_popup {
  margin-top: 20px;
  margin-left: -10px;
}
#main_contents #time_7 .parts {
  width: 100px;
  height: 100px;
}
#main_contents #time_7 .ship_1 {
  left: 770px;
  top: 540px;
}
#main_contents #time_7 .ship_2 {
  left: 945px;
  top: 480px;
}
#main_contents #time_7 .ship_3 {
  left: 460px;
  top: 500px;
}
#main_contents #time_7 .ship_4 {
  left: 450px;
  top: 480px;
}
#main_contents #time_7 .ship_5 {
  left: 190px;
  top: 505px;
}
#main_contents #time_7 .ship_6 {
  left: 570px;
  top: 515px;
}
#main_contents #time_8 #detail_8_1 {
  width: 100px;
  height: 100px;
  left: 820px;
  top: 270px;
}
#main_contents #time_8 #detail_8_1 .detail_popup {
  margin-top: 20px;
  margin-left: 90px;
}
#main_contents #time_8 #detail_8_2 {
  width: 100px;
  height: 100px;
  left: 670px;
  top: 360px;
}
#main_contents #time_8 #detail_8_2 .detail_popup {
  margin-top: 20px;
  margin-left: 80px;
}
#main_contents #time_8 #detail_8_3 {
  width: 100px;
  height: 100px;
  left: 460px;
  top: 345px;
}
#main_contents #time_8 #detail_8_3 .detail_popup {
  margin-top: 5px;
  margin-left: -10px;
}
#main_contents #time_8 #detail_8_4 {
  width: 100px;
  height: 100px;
  left: 440px;
  top: 243px;
}
#main_contents #time_8 #detail_8_4 .detail_popup {
  margin-top: 20px;
  margin-left: -10px;
}
#main_contents #time_8 #detail_8_5 {
  width: 100px;
  height: 100px;
  left: 130px;
  top: 310px;
}
#main_contents #time_8 #detail_8_5 .detail_popup {
  margin-top: 30px;
  margin-left: 70px;
}
#main_contents #time_8 #detail_8_6 {
  width: 100px;
  height: 100px;
  left: 565px;
  top: 360px;
}
#main_contents #time_8 #detail_8_6 .detail_popup {
  margin-top: 20px;
  margin-left: -10px;
}
#main_contents #time_8 #detail_8_7 {
  width: 100px;
  height: 100px;
  left: 680px;
  top: 255px;
}
#main_contents #time_8 #detail_8_7 .detail_popup {
  margin-top: 20px;
  margin-left: -10px;
}
#main_contents #time_8 #detail_8_8 {
  width: 100px;
  height: 100px;
  left: 330px;
  top: 233px;
}
#main_contents #time_8 #detail_8_8 .detail_popup {
  margin-top: 40px;
  margin-left: 20px;
}
#main_contents #time_8 #detail_8_9 {
  width: 705px;
  height: 306px;
  left: 250px;
  top: 180px;
}
#main_contents #time_8 #detail_8_9 .parts {
  width: 705px;
  height: 306px;
  z-index: 50;
}
#main_contents #time_8 #detail_8_9 .detail_popup {
  margin-top: 212px;
  margin-left: 580px;
}
#main_contents #time_8 #detail_8_10 {
  width: 100px;
  height: 100px;
  left: 151px;
  top: 163px;
}
#main_contents #time_8 #detail_8_10 .detail_popup {
  margin-top: 15px;
  margin-left: 80px;
}
#main_contents #time_8 #detail_8_11 {
  width: 100px;
  height: 100px;
  left: 545px;
  top: 253px;
}
#main_contents #time_8 #detail_8_11 .detail_popup {
  margin-top: 30px;
  margin-left: -5px;
}
#main_contents #time_8 .parts {
  width: 100px;
  height: 100px;
}
#main_contents #time_8 .ship_1 {
  left: 770px;
  top: 540px;
}
#main_contents #time_8 .ship_2 {
  left: 915px;
  top: 480px;
}
#main_contents #time_8 .ship_3 {
  left: 460px;
  top: 500px;
}
#main_contents #time_8 .ship_4 {
  left: 450px;
  top: 480px;
}
#main_contents #time_8 .ship_5 {
  left: 140px;
  top: 490px;
}
#main_contents .detail {
  position: relative;
  width: 1000px;
  height: 561px;
}
#main_contents .detail .parts {
  -webkit-background-size: auto;
  position: absolute;
  z-index: 99;
}
#main_contents .detail .parts img {
  opacity: 0;
}
#main_contents .detail .parts img, #main_contents .detail .parts x:-moz-any-link, #main_contents .detail .parts x:default {
  box-shadow: #000 0 0 0;
}
#main_contents .detail .detail_popup {
  position: absolute;
  text-align: center;
  width: 28px;
  height: 39px;
  margin-top: 20px;
  margin-left: -10px;
  top: 0;
  left: 0;
  display: none;
}
#main_contents .detail .detail_popup .center {
  display: none;
  position: absolute;
  width: 300px;
  height: 26px;
  top: 50%;
  left: 50%;
  margin-top: -24px;
  margin-left: -150px;
}
#main_contents .detail .detail_popup .center span.outer {
  display: block;
  position: relative;
  margin-top: -32px;
  background: url(/img/detail_span_bg.png) no-repeat center bottom;
  padding: 0 0 8px 0;
  z-index: 9999;
}
#main_contents .detail .detail_popup .center span.outer span.in {
  font-size: 10px;
  line-height: 18px;
  height: 18px;
  white-space: nowrap;
  position: relative;
  color: #ffffff;
  background: #0f5f00;
  padding: 5px 8px;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
  z-index: 9999;
}
#main_contents .detail .detail_popup a {
  position: relative;
  z-index: 5000;
}
#main_contents .detail .detail_popup a img, #main_contents .detail .detail_popup a x:-moz-any-link, #main_contents .detail .detail_popup a x:default {
  box-shadow: #000 0 0 0;
}
#main_contents .supplement {
  position: relative;
  overflow: hidden;
  *zoom: 1;
  width: 800px;
  text-align: left;
  margin: 20px auto 0;
}
#main_contents .supplement article {
  position: relative;
  float: left;
  width: 540px;
  text-align: left;
}
#main_contents .supplement article h3 {
  font-weight: normal;
  font-size: 125%;
  color: #006300;
  margin-bottom: 15px;
}
#main_contents .supplement article p {
  font-size: 88%;
  line-height: 200%;
}
#main_contents .supplement aside {
  position: relative;
  float: right;
  text-align: left;
  width: 190px;
  padding-top: 48px;
  font-size: 75%;
}
#main_contents .supplement aside dl dd {
  margin-top: 6px;
  height: 20px;
  line-height: 20px;
}
#main_contents .supplement aside dl dd a {
  background: url(/img/ar.png) no-repeat left center;
  padding-left: 11px;
}

nav#page_nav {
  position: relative;
  z-index: 9999;
}
nav#page_nav ul li a {
  position: absolute;
  width: 52px;
  height: 52px;
  z-index: 9999;
  text-indent: -9999px;
  display: none;
  cursor: pointer;
}
nav#page_nav ul li#back a {
  background: url(/img/pnav_l_offon.png) no-repeat left top;
  left: 50px;
}
nav#page_nav ul li#back a:hover {
  background-position: -52px 0;
}
nav#page_nav ul li#next a {
  background: url(/img/pnav_r_offon.png) no-repeat left top;
  right: 50px;
}
nav#page_nav ul li#next a:hover {
  background-position: -52px 0;
}

h2 {
  text-align: center;
  color: #006300;
  font-size: 150%;
  margin-bottom: 30px;
  font-weight: normal;
  display: none;
}

h2#nenpyo_ttl, h2#about_ttl {
  padding-top: 100px;
}

#about_contents, #nenpyo_contents {
  display: none;
  width: 600px;
  margin: 0 auto;
  text-align: left;
  padding-bottom: 80px;
}
#about_contents a, #nenpyo_contents a {
  text-decoration: underline;
}
#about_contents a:hover, #nenpyo_contents a:hover {
  text-decoration: none;
}
#about_contents p, #nenpyo_contents p {
  line-height: 180%;
  font-size: 88%;
}
#about_contents p.small, #nenpyo_contents p.small {
  font-size: 75%;
}
#about_contents p.mail, #nenpyo_contents p.mail {
  color: #7cac07;
}
#about_contents #notes, #nenpyo_contents #notes {
  border: 1px solid #006300;
  -moz-border-radius: 5px / 5px;
  -webkit-border-radius: 5px 5px;
  border-radius: 5px / 5px;
  padding: 15px 15px;
}
#about_contents dl, #nenpyo_contents dl {
  width: 600px;
  padding: 5px 0;
}
#about_contents dl.line, #nenpyo_contents dl.line {
  border-bottom: 1px solid #006300;
}
#about_contents dl.dotted, #nenpyo_contents dl.dotted {
  border-bottom: 1px dotted #006300;
}
#about_contents dt, #nenpyo_contents dt {
  width: 200px;
  float: left;
  font-size: 75%;
  line-height: 180%;
}
#about_contents dt ul li, #nenpyo_contents dt ul li {
  width: 90px;
  float: left;
  padding-right: 10px;
}
#about_contents dd, #nenpyo_contents dd {
  width: 400px;
  float: left;
  font-size: 75%;
  line-height: 180%;
}
#about_contents dl.hyugashinwa, #nenpyo_contents dl.hyugashinwa {
  width: 600px;
  padding: 5px 0;
}
#about_contents dl.hyugashinwa dt, #nenpyo_contents dl.hyugashinwa dt {
  width: 100px;
  float: left;
  font-size: 75%;
  line-height: 180%;
}
#about_contents dl.hyugashinwa dd, #nenpyo_contents dl.hyugashinwa dd {
  width: 500px;
  float: left;
  font-size: 75%;
  line-height: 180%;
}

#about_contents h3 {
  color: #006300;
  font-size: 113%;
  margin: 40px 0 5px;
  font-weight: normal;
}
#about_contents #totop {
  text-align: center;
  margin: 40px 0;
}
#about_contents #totop a {
  display: inline-block;
  background: #98ce15;
  -moz-border-radius: 5px / 5px;
  -webkit-border-radius: 5px 5px;
  border-radius: 5px / 5px;
  color: #ffffff;
  width: 440px;
  padding: 6px 0;
}
#about_contents #totop a:hover {
  background: #7cac07;
}

#nenpyo_contents h3 {
  color: #006300;
  font-size: 113%;
  margin: 0 0 10px 0;
  font-weight: normal;
}
#nenpyo_contents #totop {
  text-align: center;
  margin: 40px 0 0;
}
#nenpyo_contents #totop a {
  display: inline-block;
  background: #98ce15;
  -moz-border-radius: 5px / 5px;
  -webkit-border-radius: 5px 5px;
  border-radius: 5px / 5px;
  color: #ffffff;
  width: 440px;
  padding: 6px 0;
}
#nenpyo_contents #totop a:hover {
  background: #7cac07;
}
#nenpyo_contents #hyugashinwa {
  padding: 20px 0 60px;
}
#nenpyo_contents #kofun {
  padding: 20px 0 60px;
}
#nenpyo_contents #asukanaraheian {
  padding: 20px 0 60px;
}
#nenpyo_contents #kamakurananbokucho {
  padding: 20px 0 60px;
}
#nenpyo_contents #muromachisengoku {
  padding: 20px 0 60px;
}
#nenpyo_contents #azuchimomoyama {
  padding: 20px 0 60px;
}
#nenpyo_contents #edo {
  padding: 20px 0 60px;
}
#nenpyo_contents #kindai {
  padding: 20px 0 60px;
}