/* ------------------------------
　DOWNLOADナビ
------------------------------ */

#download_navi ul {
  margin-top: 10px
}
#download_navi li {
  margin: 0 15px;
  position: relative;
  float: left;
}
/* ------------------------------
　DOWNLOADナビカレント設定
------------------------------ */
#download_m8p,
#download_ymckplayer,
#download_index {
  overflow: hidden
}
#download_m8p #download_navi ul li .nav_m8p,
#download_ymckplayer #download_navi ul li .nav_ymckplayer {
  opacity: 0.6;
  filter: alpha(opacity=60);
  -ms-filter: "alpha( opacity=60 )";
  pointer-events: none;
  cursor: default;
}
#outline h3,
#detail h3 {
  font-weight: normal;
  font-size: 18px;
  clear: both;
  margin: 30px 0 20px 0;
  border-bottom: 3px solid #333;
  color: #333;
  font-weight: bold
}
/* ------------------------------
 ナビゲーション
------------------------------ */
#m8p_navi {
  margin-bottom: 20px;
  border-bottom: 1px solid #ccc;
}
#m8p_navi ul li {
  float: left;
  margin-right: 10px;
  width: 134px;
  text-align: center;
  border-left: 1px solid #ccc;
  border-top: 1px solid #ccc;
  border-right: 1px solid #ccc;
}
#m8p_navi ul li a {
  display: block;
  text-decoration: none;
  padding: 5px 0;
}
#m8p_navi ul li a:hover {
  background-color: #EEE;
  color: #333
}
#m8p_navi {
  clear: both
}
/* ------------------------------
 ダウンロードトップ
------------------------------ */

#download_index a {
}
#download_index dl {
  float: left;
  width: 475px;
}
#download_index dt {
  margin: 30px 0;
  text-align: center
}
#download_index dd {
  height: 280px;
  text-align: center
}
#download_index p {
  text-align: left;
  margin: 10px 40px
}
#download_index dl dd em {
  font-weight: bold;
  color: #FC5252
}
/* ------------------------------
 SNSボタン
------------------------------ */
.sns_btn {
  text-align: right
}
.sns_btn .tweet_btn {
  float: right;
  margin: 1px 0 0 15px
}
.sns_btn .fb-like {
  float: right
}
/* ------------------------------
 Magical 8bit Plugとは
------------------------------ */
#outline {
  margin: 0;
}
/* ------------------------------
 詳細表示
------------------------------ */
#detail {
}
#detail .sample_sound + ul {
  margin: 0;
  width: 420px;
  float: right;
}
#detail li {
  margin: 0 0 0.75em 20px;
  list-style: square;
}
#detail td ul {
  margin: 0
}
#detail .sample_sound {
  float: left;
  width: 200px;
  margin: 20px 0 30px 20px;
}
#detail .sample_sound object {
  clear: both;
  margin-top: 15px
}
#detail table,
.update_history table {
  border-right: 1px solid #ccc;
  border-bottom: 1px solid #ccc;
  width: 950px;
  clear: both;
}
#detail th {
  border-left: 1px solid #ccc;
  border-top: 1px solid #ccc;
  padding: 3px;
  font-weight: normal;
  text-align: center;
  background: #eee
}
#detail td,
.update_history td {
  border-left: 1px solid #ccc;
  border-top: 1px solid #ccc;
  padding: 3px
}
#detail .l_col {
  width: 204px;
}
#detail .r_col {
  width: 384px
}
#detail .img_col {
  width: 76px
}
#detail .narrow_col {
  width: 124px
}
#detail ol li {
  list-style: decimal;
}
/* ------------------------------
 動作環境
------------------------------ */

#detail .requirements dl {
  margin-top: 15px
}
#detail .requirements dt {
  float: left;
  clear: both;
  padding-right: 5px;
  margin-bottom: 5px;
  color: #900;
  font-weight: bold;
}
#detail .requirements dd {
  margin-left: 25px;
}
#detail .requirements .notice {
  color: #900;
  vertical-align: text-top;
  margin-left: 2px;
  font-weight: bold;
  font-size: 10px
}
/* ------------------------------
 更新履歴
------------------------------ */

.update_history .notice {
  color: #C00;
  vertical-align: text-top;
  margin-left: 2px;
  font-weight: bold;
  font-size: 10px
}
.update_history dt {
  float: left;
  width: 80px
}
.update_history dd {
  padding-left: 80px;
}
/* ------------------------------
 ダウンロード
------------------------------ */
#detail .download ul li {
  margin-left: 15px;
  list-style: square
}
#detail .download dl {
  margin: 15px 0 30px 0;
  float: left;
}
#detail .download dt {
  text-align: center
}
#detail .download dt img {
  margin-bottom: 5px
}
#detail .download dd {
  width: 303px;
  text-align: center;
  font-size: 10px;
}
#detail .download dd img {
  margin-bottom: 10px
}
#detail .new {
  color: #FC5252;
  font-weight: bold;
  padding-left: 0.5em;
}
/* ------------------------------
 ダウンロード (YMCK Plyaer)
------------------------------ */

#detail .download_itunes img {
  float: left;
  margin-bottom: 30px
}
#detail .download_itunes p {
  float: left;
}
#detail .download_itunes ul {
  margin: 0;
  float: right
}
#detail .download_itunes ul li {
  float: left;
  list-style: none;
  margin: 0 0 0 10px
}
/* ------------------------------
 Youtube
------------------------------ */

.cm {
  background: #333;
  padding: 10px;
  overflow: hidden;
  margin-top: 1em
}
.cm iframe {
  float: left
}
/* ------------------------------
 Yokemura comment
------------------------------ */
div.yokemura {
  clear: both;
  text-align: left;
  padding: 1em;
  border: 3px double #ddd;
  line-height: 155%;
  margin-bottom: 3em;
}
div.yokemura dt {
  padding-bottom: 1.5em;
}
div.yokemura em {
  display: block;
}