html,
body {
  background-color: transparent;
  background-image: none;
  height: 100%;
  margin: 0 auto;
  text-align: center;
  font-family: "Meiryo", "Hiragino Kaku Gothic Pro", "Arial";
  font-size: 11px;
  color: #fff;
  line-height: 1.2em;
}

#wrapper {
  position: relative;
  margin: 0 auto;
  height: auto !important;
  min-height: 100%;
  text-align: left;
  min-width: 300px;
}

#contents {
  height: 100%;
  width: 100%;
  padding-bottom: 0px;
}

#header {
  height: 45px;
  width: 100%;
  top: 0;
  padding-top: 5px;
  text-align: center;
  color: #443b34;
}

#header img#logo {
  height: 40px;
}

#header ul {
  list-style-type: none;
  position: absolute;
  right: 0;
}

#header ul li {
  float: left;
  margin-right: 15px;
}

#movie_title {
  width: 100%;
  text-align: center;
  background-color: #e8390d;
  padding: 0.5% 0 0.5% 0;
}

#movie_title span {
  font-size: 14px;
  color: #fff;
}

#footer {
  width: 100%;
  bottom: 0;
  text-align: right;
  margin: 20px 0 50px 0;
}

.divclear {
  clear: both;
}

#example_video_1 {
  border: 2px solid #443b34;
}

#contents_l {
  float: right;
  width: 65%;
  padding-right: 15px;
}

#contents_r {
  width: 30%;
  padding: 0 0 0 2%;
}

#media_space {
  padding: 5px;
  border: 1px solid #eee;
}

#bottomenu {
  padding-top: 10px;
  text-align: center;
}

#bottomenu ul {
  list-style-type: none;
}

#bottomenu ul li {
  display: inline-block;
  vertical-align: middle;
}

#bottomenu ul li div#currentview {
  width: 100px;
  color: #2b2e33;
  font-size: 16px;
  font-weight: bold;
  padding-top: 5px;
}

#bottomenu ul li img.pointer {
  cursor: pointer;
}

.arrows {
  color: #fff;
  text-align: center;
}

.item {
  margin: 5px 10px;
}

.nav {
  display: none;
}

.yourElement .item {
  width: 160px;
}

.yourElement .moving {
  -webkit-transition: -webkit-transform 0.2s ease-out;
  -moz-transition: -moz-transform 0.2s ease-out;
}

#l_bottom {
  margin-top: 10px;
  color: #443b34;
}

#l_menu table {
  border-collapse: separate;
  border-spacing: 0 6px;
}

#l_menu table tr td {
  text-align: left;
  vertical-align: top;
  padding-top: 5px;
  padding-bottom: 5px;
  border: solid 1px #eee;
}

#l_menu table tr td.even {
  background-color: #fff;
}

#l_menu table tr td.odd {
  background-color: #fff;
}

#l_menu table tr td.over {
  background-color: #555;
  cursor: pointer;
  color: #eee;
}

#back_menu table {
  margin-right: 5px;
  background: url("../_parts/gray_back.png") repeat #fff;
  border-collapse: separate;
  border-spacing: 0 6px;
}
#back_menu table tr td {
  text-align: left;
  vertical-align: top;
  padding-top: 5px;
  padding-bottom: 5px;
}

#back_menu table tr td.even {
  background-color: #fff;
}

#back_menu table tr td.odd {
  background-color: #fff;
}

#back_menu table tr td.over {
  background-color: #555;
  cursor: pointer;
  color: #eee;
}

#fragment-2 {
  width: 100%;
  overflow-x: hidden;
  overflow-y: auto;
}

#note li {
  display: inline;
}

/* #menseki,#kankyo,#help,#dl_modal { */
#menseki,
#kankyo,
#help,
#dl-modal {
  color: #666;
  padding: 3%;
  display: none;
  background: #fff;
  text-align: left;
  border-radius: 5px;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.7);
  -webkit-box-shadow: 0 0 4px rgba(0, 0, 0, 0.7);
  -moz-box-shadow: 0 0px 4px rgba(0, 0, 0, 0.7);
}

/* #menseki h2,#help h2,#dl_modal h2 {  */
#menseki h2,
#help h2,
#dl-modal h2 {
  font-size: 14px;
  font-weight: bold;
  line-height: 2px;
  margin-bottom: 10px;
}

#menseki p {
  margin-bottom: 5px;
}

#kankyo p {
  font-size: 12px;
  font-weight: bold;
  margin-bottom: 5px;
}

#kankyo span {
  display: block;
  margin-bottom: 4px;
}

#kankyo table,
#help table {
  text-align: center;
  width: 100%;
  margin-bottom: 15px;
}

#kankyo table tr th {
  text-align: left;
  padding-left: 5px;
}

#kankyo table tr th,
#kankyo table tr td {
  border: 1px solid #666;
  height: 20px;
  vertical-align: middle;
}

#help table tr th {
  text-align: center;
}

#help tr th,
#help tr td {
  height: 50px;
  text-align: left;
  vertical-align: middle;
}

#help tr td {
  padding-left: 5px;
}

/* #dl_modal table tr th {  */
#dl-modal table tr th {
  text-align: center;
}

/* #dl_modal tr th,#dl_modal tr td {  */
#dl-modal tr th,
#dl-modal tr td {
  height: 50px;
  text-align: left;
  vertical-align: middle;
}

/* #dl_modal tr td {  */
#dl-modal tr td {
  padding-left: 40px;
}

#lean_overlay {
  position: fixed;
  z-index: 100;
  top: 0px;
  left: 0px;
  height: 100%;
  width: 100%;
  background: #000;
  display: none;
}

#load_div {
  position: absolute;
  height: 100%;
  width: 100%;
  z-index: 101;
  background-color: #fff;
}

#load_div img {
  position: absolute;
  left: 50%;
  margin-left: -40px;
  top: 50%;
  margin-top: -40px;
}

#div_mail {
  padding: 10px;
  height: 100%;
}

#div_mail div {
  padding: 0 10px;
  background-color: #fff;
  height: 100%;
}

#ticker_space {
  width: 100%;
  height: 30px;
  display: block;
  font-weight: bold;
  z-index: 1;
}

#ticker_space table {
  width: 100%;
}

#ticker_space table tr td {
  vertical-align: top;
}

.ticker_ticker {
  width: 100%;
  height: 25px;
  overflow: hidden;
  margin: 0;
  padding: 0;
  list-style: none;
}

.ticker_ticker li {
  height: 25px;
  padding: 8px 0 0 25px;
}

#info_ticker {
  width: 100%;
  text-align: left;
  color: #000;
}

#info_ticker span {
  font-size: 12px;
  color: #444;
  margin-left: 25px;
}

.div_l {
  background-repeat: no-repeat;
  width: 20px;
  height: 34px;
  position: absolute;
  margin-top: -5px;
}

.ui-tabs-selected .div_l {
  background-image: url("../_parts/tab1_left.png");
}

.div_l {
  background-image: url("../_parts/tab2_left.png");
}

.div_c {
  background-repeat: repeat-x;
  height: 34px;
  position: absolute;
  margin-top: -5px;
  margin-left: 20px;
}

.ui-tabs-selected .div_c {
  background-image: url("../_parts/tab1_center.png");
}

.div_c {
  background-image: url("../_parts/tab2_center.png");
}

.div_r {
  background-repeat: no-repeat;
  width: 20px;
  height: 34px;
  position: absolute;
  margin-top: -5px;
}

.ui-tabs-selected .div_r {
  background-image: url("../_parts/tab1_right.png");
}

.div_r {
  background-image: url("../_parts/tab2_right.png");
}

p#Index_title {
  text-align: center;
  background-color: #000000;
  color: #fff;
  font-size: 14px;
  padding: 1% 0 1% 0;
}

div#speed_menu button {
  width: 49%;
  cursor: pointer;
}

div#l_menu {
  height: 195px;
  overflow-y: auto;
  cursor: pointer;
}

/*add responsive*/
@media screen and (max-width: 960px) {
  html,
  body {
    width: 100%;
  }

  #contents_r {
    width: 100%;
    padding: 0;
  }

  #contents_l {
    width: 98%;
    float: none;
    padding: 0 0 0 1%;
  }

  #bottomenu ul li img.pointer {
    width: 30px;
  }

  #automode_area {
    width: 49%;
  }

  #automode_area img.pointer {
    width: 100px !important;
  }

  #download_area {
    width: 49%;
  }

  #download_area img.pointer {
    width: 100px !important;
  }

  #contents {
    padding-top: 10px;
  }

  /* #menseki, #kankyo, #help, #dl_modal { */
  #menseki,
  #kankyo,
  #help,
  #dl-modal {
    width: 88%;
    left: 0;
    margin-left: 0;
    font-size: 9px;
    padding: 5%;
  }

  #wrapper {
    width: 90%;
  }
}