﻿@charset "UTF-8";

/* shop_common.css - shop basic layout and style */

/* default */
html, body, ul, ol, li, dl, dt, dd, h1, h2, h3, h4, h5, h6, div, p, blockquote, th, td, form, fieldset, input, textarea, pre {
  margin: 0;
  padding: 0;
  line-height: 1.5;
}

html { /* for fixed centerng */
  height: 100%;
  margin-bottom: 1px;
  overflow-y: scroll;
}

html, body {
  width: 100%;
}

body {
  background: none repeat scroll 0 0 #fff;
  line-height: 1.5em;
  font-size: 12px;
  font-family: Roboto, "Droid Sans", 'Lucida Grande', "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif;
  text-align: center;
  margin: 0;
  padding: 0;
}

@media screen and (-webkit-min-device-pixel-ratio: 0) {
  body {
    background: #fff;
    line-height: 1.5em;
    font-size: 12px;
    font-family: angie-sans, fertigo-script, sans-serif, seriff, Comic Sans MS;
  }
}

div.container1 {
  background: #fff;
}

h1, h2, h3, h4, h5, h6 {
  font-weight: normal;
}

h1 {
  color: #069CE9;
  background: repeat-y scroll -5px 0;
  font-size: 16px;
  font-weight: bold;
  margin: 0 0 0 0;
}

#alpha div .list-header-title span a {
  color: /*#fff*/ #069CE9;
}

h4 {
  font-size: 12px;
}

a {
  color: #0066e3;
  text-decoration: none;
}

a:hover {
  color: #ff0000;
  text-decoration: underline;
}

a.attention-link {
  font-weight: bold;
  color: #dd0000;
  text-decoration: none;
}

a:hover.attention-link {
  font-weight: bold;
  color: #336699;
  text-decoration: underline;
}

a:visited {
  color: #2e0dab /*#941d55*/;
}

p {
  line-height: 1.4em;
}

.purchase {
  text-align: center;
}


.noscript p {
  font-size: 10px;
  float: left;
  color: #dd0000;
}

table {
  border-collapse: collapse;
  border: none;
  width: 100%;
}

ul {
  margin-left: 0; /* ie */
  padding-left: 0;
  padding-top: 0; /* firefox */
  list-style: none;
}

.item-list {
  padding: 0 5px 0 0;
}

* html body {
  font-size: 75%;
}

/* for ie6 */

* + html body {
  font-size: 75%;
}

/* for ie7 */

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

input.warning {
  border: 1px solid #ff0000;
}

.clear {
  clear: both;
  height: 1%;
}

/* Layout ----------------------------------------------------------------- */
/* 左メニュー 210px */
/* アニメ ---> キービジュアル 幅260px ロゴ 幅260px + 右バスケットなどの領域 200px */
/* margin抜きで 最低幅 930px メインコンテンツエリアは720px (marginなどを入れて実際は680px程度を想定) */
div.container1 {
  width: 970px;
  padding: 0 10px;
  margin: 0 auto;
  overflow: hidden;
}

#container {
  width: 970px;
  padding: 10px 0 0 0;
  margin: 0 auto;
}

#alpha {
  width: 750px;
  float: right;
}

* html #alpha {
  float: right;
  width: 750px;
  margin: 0 -4px 0 0;
}

#alpha a, #alpha-only a {
  color: #0066e3;
  text-decoration: none;
}

#alpha a:hover, #alpha-only a:hover {
  color: #FF0000;
  text-decoration: none;
}

#alpha p a, #alpha-only p a {
  color: #0066e3;
  text-decoration: none;
}

#alpha p a:hover, #alpha-only p a:hover {
  color: #FF0000;
  text-decoration: underline;
}

#alpha p a.closeButton, #alpha-only p a.closeButton {
  color: #0066E3;
}

#alpha p a.closeButton:hover, #alpha-only p a.closeButton:hover {
  color: #ff0000;
  text-decoration: none;
}

#beta {
  width: 210px;
  float: left;
}

#ie6d {
  float: left;
  width: 210px;
  height: 1px;
}

#alpha-inner {
  background: #fff;
}

#alpha div {
  line-height: 1.2;
}

input.finish {
  font-size: 14px;
  font-weight: bold;
  height: auto;
  padding: 5px 2em;
  background: #fff;
  border: 1px solid #069CE9;
  color: #069CE9;
  cursor: pointer;
}

.prev.finish {
  margin: 20px auto;
  display: block;
}

input.finish:hover {
  background: #069CE9;
  color: #fff;
  cursor: pointer;
}

#alpha .info {
  padding: 0 0 0 10px;
}

#alpha .infongc {
  background: #EFEFEF;
  padding: 0 0 0 10px;
}

/* visible  ---------------------------------------------------------------------- */
.clear-both {
  clear: both;
}

.SpryHiddenRegion {
  visibility: hidden;
  display: none;
}

div.crlf {
  clear: both;
  display: none;
  width: 100%;
  margin: 0;
  float: none;
}

/* common style ----------------------------------------------------------------- */
a.feed-link {
  background: url("img/feedicons/04.png") no-repeat left;
  padding-left: 14px;
}

hr.line {
  visibility: hidden;
  clear: both;
  height: 10px;
  width: 0;
  margin: 0;
  padding: 0;
  font-size: 0;
}

#alpha-inner .list-header-title {
  background: url("./img/top/subtitle_bg.gif") repeat-y scroll -5px 0 #fff;
  border-bottom: 1px solid #069CE9;
  color: #069CE9;
  margin: 0 0 10px;
  padding: 5px 5px 5px 15px;
}

#wrap strong {
  background: none;
}


/* member/ ----------------------------------------------------------------------- */
#memberid p {
  margin: 20px 0 10px 0;
}

#memberid img {
  border: none;
  margin-right: 10px;
}

/* ssl */
.securesite {
  clear: both;
  float: left;
  padding: 10px;
  margin: 30px 0 10px 0;
  border: 1px #ccc solid;
  line-height: 1.5;
}

p.securesite-link {
  clear: both;
}

#member em {
  color: #f30;
  font-style: normal;
}

.ssl-mark {
  float: left;
  padding-right: 10px;
}

.header-has-nolink .wrap {
  padding: 0;
  margin: 0;
}

.header-has-nolink .wrap-inner {
  width: 800px;
  margin: 24px auto;
}

.header-has-nolink p {
  line-height: 140%;
}

.header-has-nolink p.text-container {
  margin: 10px auto;
}

.header-has-nolink p.text-msg-container {
  margin: 10px auto;
  font-weight: bold;
}

.header-has-nolink form {
  margin: 24px 0;
}

.errorbox {
  text-align: center;
  color: #333;
}

.error-index .container1 {
  background: #fff;
  clear: both;
  padding: 10px 0;
  overflow: hidden;
  width: 100%;
  zoom: 1;
}

.errorbox h2 {
  line-height: 1.5;
}

.errorbox h2, .errorbox h3 {
  margin: 0 0 0.5em 0;
  font-size: 24px;
  font-weight: bold;
  text-align: center;
}

.errorbox h3 {
  margin: 1.5em 0 0.5em;
  color: #cc0000;
  font-size: 16px;
}

.errorbox p {
  margin: 0.5em 0;
}

.errorbox span.errorurl {
  color: #1a4a9b;
}

.errorbox .errorbox-content {
  width: 580px;
  font-size: 12px;
  margin: 0 auto;
}

.errorbox .errorbox-content ul {
  margin: 0 0 1em 0;
  color: #cc0000;
  list-style-type: disc;
  text-align: left;
}

.errorbox .errorbox-content li {
  padding: 0 0 0.5em 0;
  line-height: 1.2;
}

a.link-color01 {
  color: #ffffff;
  text-decoration: none;
}

a:hover.link-color01 {
  color: #ff0000;
  text-decoration: underline;
}


/* rights  ----------------------------------------------------------------------- */
/* normal */
div.rights-button-area-normal {
  width: 146px;
  margin: 5px 0;
}

div.rights-line {
  float: left;
  width: 140px;
  padding: 2px;
  border: 1px #999999 solid;
  background: #eee;
  line-height: 1.2em;
  margin-bottom: 1px;
}

div.rights-line a {
  display: block;
  width: 32px;
  height: 15px;
  overflow: hidden;
  float: right;
}

div.rights-line-streaming {
  padding: 2px;
  border: 1px #999999 solid;
  background: #eee;
  font-size: 10px;
  line-height: 1.2em;
  margin-bottom: 1px;
}

.bookmark2 div.rights-line a.rights-external {
  display: block;
  width: auto;
  height: auto;
  padding: 3px;
  float: left;
  font-size: 10px;
  text-align: left;
}

a.rights-button-inbox {
  background: url("./img/buttons/basket_mini.gif") 0 -15px no-repeat;
  text-indent: -9999px;
}

a:hover.rights-button-inbox {
  background-position: 0 0;
}

div.rights-mark {
  display: block;
  float: left;
  text-align: left;
  font-size: 10px;
  padding-left: 15px;
  font-weight: normal;
  color: #333333;
}

div.rights-mark-r {
  background: url("./img/buttons/11r.gif") 2px 4px no-repeat;
}

div.rights-mark-s {
  background: url("./img/buttons/11s.gif") 2px 4px no-repeat;
}

div.rights-mark span.price {
  color: #dd0000;
  font-weight: bold;
  margin-left: 4px;
  display: block;
  padding: 2px 0 0 0;
}

/* itemdetail */
div.itemdetail-basket-alpha {
  float: left;
  text-align: center;
  width: 100%;
  padding: 0;
}

#rights {
  clear: both;
  padding: 5px;
  margin: 10px 0 0 0;
  background: #eee;
}

#rights .btn a {
  text-align: center;
  display: block;
  margin: 0 auto;
  width: 180px;
  height: 30px;
  text-decoration: none;
  background: url("./img/buttons/buy_box_btn.jpg") 0 -30px no-repeat;
}

#rights .btn a:hover {
  background: url("./img/buttons/buy_box_btn.jpg") 0 0 no-repeat;
}

#rights .price {
  font-weight: bold;
  color: #CC0000;
  padding: 2px 0;
}

#rights .description {
  font-size: 10px;
  text-align: left;
  width: 180px;
  padding: 5px 0 0 0;
  margin: 0 auto;
}

div.itemdetail-basket-beta {
  text-align: center;
  width: 100%;
  margin: 0 0 10px;
  padding: 10px 0;
  background: url("img/bg/3x3_cccccc.gif") repeat;
}

.itemdetail-basket-beta .product-rights {
  padding: 3px;
  width: 190px;
  text-align: center;
  float: left;
  border-style: solid;
  border-width: 1px;
  border-color: #cccccc #666666 #666666 #cccccc;
  background: #eeeeff;
  position: relative;
}

.itemdetail-basket-beta .rights-basket-list a {
  display: block;
  margin: 10px 0;
  float: left;
  width: 181px;
  height: 31px;
  text-decoration: none;
  background: url("./img/buttons/buy_box_btn.jpg") 0 -31px no-repeat;
  position: relative;
  left: -5px;
}

.itemdetail-basket-beta .rights-basket-list a:hover {
  background-position: 0 0;
}

/* menu body */
:root .widget-content:after {
  content: '.';
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}

.widget-content {
  padding: 5px 0 5px 0;
}

#shop-news-list {
  padding: 5px 5px 0 5px;
}

/* ヘッダーバー */
table.header-bar-table {
  width: 100%;
  clear: both;
}

#top-latest-product {
  background: #fff;
  padding: 10px 10px 15px 10px;
  clear: both;
}

#top-latest-product1 {
  padding: 15px;
  clear: both;
}

#top-latest-product2 {
  padding: 15px;
  clear: both;
}

#top-latest-product3 {
  padding: 15px;
  clear: both;
}

#top-latest-product4 {
  padding: 15px;
  clear: both;
}

#top-recommend-line00 {
  padding: 15px;
  clear: both;
}

#top-recommend-line1 {
  margin: 10px 0 20px 0;
  padding: 10px;
  clear: both;
}

#top-recommend-line2 {
  display: block;
  margin: 10px 0 20px 0;
  padding: 10px;
  clear: both;
}

/* アニメ　見逃し配信リスト */

#alpha .anime-minogashi {
  margin: 1.4em 0 1.4em;
  padding: 0 10px;
}

#alpha .anime-minogashi-inner {
  padding-left: 5px;
}


#alpha-inner .anime-minogashi h2 {
  color: #069ce9;
  border-top: 1px solid #069ce9;
  padding: 12px 5px 2px 4px;
  font-size: 14px;
  font-weight: bold;
  width: auto;
}

#alpha .anime-minogashi span {
  padding: 0 0 0 1em;
  color: #FF8000;
  font-weight: normal;
}

#alpha .anime-minogashi table.minogashi_schedule {
  table-layout: fixed;
  border: 1px solid #C0C0C0;
  margin: 0.7em 0 4px;
  padding: 0;
}

#alpha .anime-minogashi table.minogashi_schedule span.new {
  display: inline-block;
  padding: 0 0.5em 0 0;
  color: #f2809b;
}

#alpha .anime-minogashi table.minogashi_schedule span.add {
  display: inline-block;
  padding: 0 0 0 0.5em;
  color: #000000;
}

#alpha .anime-minogashi table.minogashi_schedule span {
  padding: 0 0.5em 0 0;
  color: #000000;
}

#alpha .anime-minogashi table.minogashi_schedule th {
  border-collapse: collapse !important;
  background-color: #DAF1FF;
  margin: 0 1em 0 0;
  width: 70px;
  font-weight: normal;
  text-align: center;
}

#alpha .anime-minogashi table.minogashi_schedule td.list_td {
  border-collapse: separate !important;
  border-left: 1px dotted #c0c0c0;
  padding: 0.5em 0.6em 0.5em 0.6em;
}

#alpha .anime-minogashi table.minogashi_schedule tr.dayslist {
  border-bottom: 1px dotted #c0c0c0;
}

#alpha .anime-minogashi table.minogashi_schedule tr.last {
  border-bottom: none;
}

/* アニメ　見逃し配信リスト end */

#alpha .char-box {
  background: #EEE;
  width: 700px;
  margin: 10px auto 20px;
  padding: 15px;
  clear: both;
}

#alpha .staff-box {
  background: #FCE6ED;
  width: 700px;
  margin: 10px auto 20px;
  padding: 15px;
  clear: both;
}

#top-recommend-line2 table, #top-recommend-line2 tbody, #top-recommend-line2 tr, #top-recommend-line2 td {
  border-collapse: collapse;
  display: block;
  width: 100%;
}

#top-recommend-line2 td {
  margin-top: -10px;
}

#top-latest-product-table2 {
  display: block;
  padding: 0;
}

#top-latest-product-table2 div {
  float: left;
  display: block;
}

.header-title-bent h3 a img {
  border: none;
}

.bar .header-title-bent h2 {
  border-top: 1px solid #069CE9;
  color: #069CE9;
  height: 15px;
  line-height: 29px;
  padding: 8px 5px 2px 4px;
  margin: 8px 0 0 0;
  font-weight: bold;
  font-size: 14px;
}

.bar .header-title-bent h3 {
  height: 29px;
  line-height: 29px;
  padding: 5px 0 0 34px;
  margin: 0 0 10px 0;
  font-weight: bold;
  font-size: 16px;
}

.top-ranking-item-table {
  margin-left: 4px;
  margin-top: 20px;
}

#top-ranking-product {
  background: #fff;
  padding: 10px;
  clear: both;
  margin: 0;
}

#top-ranking-product-table div {
  float: left;
}

td#recommend1-item1, td#recommend1-item3, td#recommend2-item1, td#recommend2-item3, td#recommend3-item1, td#recommend3-item3, td#recommend4-item1, td#recommend4-item3 {
  width: 47%;
}

td.ranking-item, td.ranking-witem, td.recommend0-item, td.recommend1-item, td.recommend2-item, td.recommend3-item, td.recommend4-item, td.recommend5-item, td.recommend6-item, td.recommend7-item, td.recommend8-item, td.recommend9-item, td.recommend10-item {
  padding: 0 0 10px 10px;
}

td#ranking-item0, td#ranking-witem0, td#recommend0-item0, td#recommend1-item0, td#recommend2-item0, td#recommend3-item0, td#recommend4-item0, td#recommend5-item0, td#recommend6-item0, td#recommend7-item0, td#recommend8-item0, td#recommend9-item0, td#recommend10-item0 {
  padding: 0 0 10px 0;
}

table#latest-item-table div {
  float: left;
}

#top-latest-product-table {
  margin-top: 10px;
  margin-left: 4px;
}

#top-latest-product-table1 {
  margin-top: 10px;

}

#top-latest-product-table2-h {
  margin-top: 10px;
  margin-bottom: 20px;

}

#top-latest-product-table2-v {
  margin-top: 10px;
  margin-bottom: 20px;

}

#top-digest-product-table {
  margin-top: 10px;

}

#top-endsoon-product-table {
  margin-top: 10px;

}

#top-endsoon-product-list div {
  margin-top: 10px;

}

table#latest-item-table ul {
  width: 100%;
}

table#latest-item-table li {
  padding: 0 10px 0 0;
}

table#latest-item-table1 ul {
  display: inline-block;
  float: left;
  width: 170px;
  margin: 0 2px 0 2px;
}

table#latest-item-table1 li {
  padding: 0 10px 0 0;
}

#alpha table#latest-item-table2-v ul {
  display: inline-block;
  float: left;
  height: 20em;
  width: 170px;
  margin: 13px 2px 0 4px;
}

table#latest-item-table2-v li {
  padding: 0 10px 0 0;
}

table#latest-item-table2-h ul {
  display: inline-block;
  float: left;
  height: 14em;
  width: 170px;
  margin: 0 2px 0 4px;
}

table#latest-item-table2-h li {
  padding: 0 10px 0 0;
}

#top-recommend-area0 {
  float: left;
  width: 99%;
}


#top-recommend-area01, #top-recommend-area02 {
  background: #fff;
  padding: 15px;
  clear: both;
  margin: 10px 0 0 0;
}

#top-recommend-area1 {
  background: #fff;
  padding: 15px;
  clear: both;
  float: left;
  margin: 10px 0 0 0;
  width: 46%;
}

#top-recommend-area2 {
  background: #fff;
  padding: 15px 10px 15px 15px;
  float: right;
  margin: 10px 0 0 0;
  width: 46%;
}

#top-recommend-area3 {
  background: #fff;
  padding: 15px 10px 15px 15px;
  clear: both;
  float: left;
  margin: 10px 0 0 0;
  width: 46%;
}

#top-recommend-area4 {
  background: #fff;
  padding: 15px 10px 15px 15px;
  float: right;
  margin: 10px 0 0 0;
  width: 46%;
}

#top-recommend-area5 {
  float: left;
  width: 49%;
}

#top-recommend-area6 {
  float: right;
  width: 49%;
}

#top-endsoon-product {
  background: #fff;
  width: 98%;
  padding: 10px;
  clear: both;
  float: left;
  margin: 10px 0 10px 0;
}

table.header-bar-table td.header-title-center h3 {
  font-size: 12px;
  font-weight: bold;
}

table.header-bar-table a {
  text-decoration: none;
}

table.header-bar-table a:hover {
  color: #ff0000;
}

#top-endsoon-product-list {
  margin: 20px 0 0 0;
}

table#endsoon-item-table ul {
  margin: 0 4px;
  width: 170px;
}


/* >>一覧はこちら */
div.more-link {
  clear: both;
  width: 100%;
  text-align: right;
  font-weight: bold;
}

/* h1ページタイトル */
div#page-title {
  margin: 0;
}

h1.header-title {
  _line-height: 1.2;
}

/* [番号]タイトル */
h3.with-itemnumber {
  background-position: left top;
  background-repeat: no-repeat;
  padding: 2px 0 2px 20px;
}

.item-title h3.itemnumber1 {
  background-image: url("./img/rank/rank01_.gif");
}

.item-title h3.itemnumber2 {
  background-image: url("./img/rank/rank02_.gif");
}

.item-title h3.itemnumber3 {
  background-image: url("./img/rank/rank03_.gif");
}

.item-title h3.itemnumber4 {
  background-image: url("./img/rank/rank04_.gif");
}

.item-title h3.itemnumber5 {
  background-image: url("./img/rank/rank05_.gif");
}

.item-title h3.itemnumber6 {
  background-image: url("./img/rank/rank06_.gif");
}

.item-title h3.itemnumber7 {
  background-image: url("./img/rank/rank07_.gif");
}

.item-title h3.itemnumber8 {
  background-image: url("./img/rank/rank08_.gif");
}

.item-title h3.itemnumber9 {
  background-image: url("./img/rank/rank09_.gif");
}

.item-title h3.itemnumber10 {
  background-image: url("./img/rank/rank10_.gif");
}

.item-title h3.itemnumber11 {
  background-image: url("./img/rank/rank11_.gif");
}

.item-title h3.itemnumber12 {
  background-image: url("./img/rank/rank12_.gif");
}

.item-title h3.itemnumber13 {
  background-image: url("./img/rank/rank13_.gif");
}

.item-title h3.itemnumber14 {
  background-image: url("./img/rank/rank14_.gif");
}

.item-title h3.itemnumber15 {
  background-image: url("./img/rank/rank15_.gif");
}

.item-title h3.itemnumber16 {
  background-image: url("./img/rank/rank16_.gif");
}

.item-title h3.itemnumber17 {
  background-image: url("./img/rank/rank17_.gif");
}

.item-title h3.itemnumber18 {
  background-image: url("./img/rank/rank18_.gif");
}

.item-title h3.itemnumber19 {
  background-image: url("./img/rank/rank19_.gif");
}

.item-title h3.itemnumber20 {
  background-image: url("./img/rank/rank20_.gif");
}

.item-title h3.itemnumber21 {
  background-image: url("./img/rank/rank21_.gif");
}

div.product-sample {
  clear: both;
  height: 45px;
  padding: 10px 0 0 0;
}

#button {
  width: 165px;
  height: 23px;
  padding: 5px 0;
}

#button p {
  padding: 0 0 3px 0;
  font-size: 10px;
}

.button {
  width: 165px;
  height: 23px;
}

.button p {
  padding: 0 0 3px 0;
  font-size: 10px;
}


#alpha #member-alpha .purchase-download .dl-high a,
#alpha #member-alpha .purchase-download .dl-normal a,
#alpha #member-alpha .purchase-download .download-yokmil a {
  color: #0875BE;
  text-decoration: none;
}

#alpha #member-alpha .purchase-download .dl-high a:hover,
#alpha #member-alpha .purchase-download .dl-normal a:hover,
#alpha #member-alpha .purchase-download .download-yokmil a:hover {
  color: #fff;
  text-decoration: none;
}

#alpha #itemdetail .sample .dl-yokmil a {
  color: #069CE9;
  text-decoration: none;
}

#alpha #itemdetail .sample .dl-yokmil a:hover {
  color: #fff;
  text-decoration: none;
}

.dl-normal a {
  display: inline;
  float: left;
  width: 70px;
  height: 17px;
  background: url("./img/buttons/dl-normal.gif") #fff 0 0 no-repeat;
  padding: 5px 0 2px 0;
  text-indent: -9999px;
}

.dl-normal a:hover {
  background: url("./img/buttons/dl-normal.gif") #0875BE 0 -23px no-repeat;
}

.dl-high a {
  display: inline;
  float: left;
  width: 70px;
  height: 17px;
  background: url("./img/buttons/dl-high.gif") 0 0 no-repeat;
  margin: 0 10px 0 7px;
  padding: 5px 0 2px 0;
  text-indent: -9999px;
}

.dl-high a:hover {
  background: url("./img/buttons/dl-high.gif") 0 -24px no-repeat;
  color: #fff;
}

#alpha #member-alpha .purchase-download .st_btn a {
  display: block;
  width: 148px;
  height: 24px;
  line-height: 24px;
  margin: 0 auto;
  background: none no-repeat scroll 0 0 #FFF;
  border: 1px solid #069CE9;
  color: #069CE9;
  font-weight: bold;
  font-family: "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", "Osaka", sans-serif;
}

#alpha #member-alpha .purchase-download .st_btn a:hover {
  background: #069CE9;
  color: #fff;
}

.dl-hispeed a {
  display: inline;
  float: left;
  width: 80px;
  height: 23px;
  background: url("./img/buttons/btn_videxstation_sample.gif") 0 -23px no-repeat;
  text-indent: -9999px;
}

.dl-hispeed a:hover {
  background: url("./img/buttons/btn_videxstation_sample.gif") 0 0 no-repeat;
  color: #fff;
}

.dl-yokmil a {
  display: block;
  width: 152px;
  height: 19px;
  background: #fff 0 0 no-repeat;
  border: 1px solid #069CE9;
  margin: 0 auto;
  padding: 5px 0 0 0;
}

.dl-yokmil a:hover {
  background: #069CE9 0 0 no-repeat;
  color: #fff;
}

#alpha #member-alpha .purchase-download .dl-ios a {
  display: block;
  width: 148px;
  height: 24px;
  line-height: 24px;
  margin: 0 auto;
  background: none no-repeat scroll 0 0 #FFF;
  border: 1px solid #069CE9;
  color: #069CE9;
  font-weight: bold;
  font-family: "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", "Osaka", sans-serif;
}

#alpha #member-alpha .purchase-download .dl-ios a:hover {
  background: #069CE9;
  color: #fff;
}


#alpha .myvidex a {
  display: block;
  width: 152px;
  height: 20px;
  background: 0 0 no-repeat;
  padding: 2px 0 0 0;
  margin: 0 auto 0 auto;
  text-align: center;
}

#alpha .myvidex a:hover {
  background: 0 0 no-repeat;
  text-decoration: underline;
}

/* 無料サンプル 20130624 */
.freesample-area {
  height: 22px;
  margin: 8px auto 8px auto;
  padding: 0;
  width: 152px;
}

.freesample-area .freesample-btn a {
  color: #0875BE;
  display: inline;
  float: left;
  width: 150px;
  height: 17px;
  font-weight: bold;
  margin: 0;
  padding: 5px 0 2px 0;
  outline: none;
  border: 1px solid #0875BE;
  background: #fff 0 0 no-repeat;
  border-radius: 10px; /* CSS3草案 */
  -webkit-border-radius: 10px; /* Safari,Google Chrome用 */
  -moz-border-radius: 10px; /* Firefox用 */
}

.freesample-area .freesample-btn a:hover {
  color: #fff;
  background: #fff 0 0 no-repeat;
  font-weight: bold;
  border: 1px solid #48A9E9;
  border-radius: 10px; /* CSS3草案 */
  -webkit-border-radius: 10px; /* Safari,Google Chrome用 */
  -moz-border-radius: 10px; /* Firefox用 */
}

.no-smartphone {
  color: #F00;
  font-size: 11px;
  margin: 0 0 5px 0;
}

div.widget div.news-text {
  width: 100%;
}

div.widget div.news-text ul.top-news-list {
  line-height: 1.2;
  list-style: disc outside;
}

div.widget div.news-text ul.top-news-list li {
  margin: 5px 10px 10px 20px;
}

table.header-bar-table td {
  padding: 2px 4px;
}

.item-title h3 {
  font-size: 12px;
  font-weight: bold;
  line-height: 1.2;
  margin-top: 6px;
}

.item-desc {
  font-size: 12px;
  line-height: 1.5;
}

.char-item-list {
  padding: 10px 20px 5px 20px;
}

.item-cname h4 {
  font-size: 14px;
  font-weight: bold;
  margin-top: 4px;
}

/* for hv */
.itemlist-product-item {
  width: 200px;
  height: 200px;
}

h1.hd-mark {
  padding-left: 40px;
  display: inline;
  background: url("./img/vdxicons/hd_graymark.gif") center left no-repeat;
}

div.hd-mark {
  margin-top: 5px;
  padding-left: 26px;
  background: url("./img/vdxicons/hd_graymark.gif") center left no-repeat;
}

span.hd-mark {
  display: block;
  margin-top: 0;
  padding: 2px 0 2px 26px;
  background: url("./img/vdxicons/hd_graymark.gif") center left no-repeat;
}

.size10 {
  width: 130px;
  padding: 0 0 2px 2px;
}

.size15 {
  width: 195px;
  padding: 0 0 2px 2px;
}

.size20 {
  width: 260px;
  padding: 0 0 2px 2px;
}

.size30 {
  width: 390px;
  padding: 0 0 2px 2px;
  border: 1px solid #CCC;
}


.size40 {
  width: 520px;
  padding: 0 0 2px 2px;
}

#alpha .sort-alpha {
  line-height: 1.5;
  padding: 6px 8px;
}

#alpha-only .sort-alpha {
  line-height: 1.5;
  padding: 6px 8px;
}


/********************************  basket 2008-03-26 14:21:55 ********************************************/

.bookmark2 a.rights-button {
  clear: both;
  display: block;
  width: 100px;
  height: 15px;
  background-position: 0 -15px;
  background-repeat: no-repeat;
  text-decoration: none;
  text-indent: -9999px;
  background-image: url("./img/buttons/basket100x15.gif");
}

.bookmark2 div.rights-button-area-medium {
  clear: both;
  position: relative;
  width: 100px;
}

.bookmark2 div.rights-button-area-medium:after {
  content: '.';
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}

.bookmark2 div.to-basket-desc {
  font-size: 11px;
  line-height: 1em;
  background: #ffee99;
  margin: 2px;
  padding: 2px;
  text-align: left;
}

.bookmark2 div.rights-list-box {
  display: none;
  width: 100px;
  position: absolute;
  z-index: 9999;
  left: 0;
  border-style: solid;
  border-color: #cccccc #666666 #666666 #cccccc;
  border-width: 1px;
  background: #ffffff;
}

.bookmark2 div.rights-list-box:after {
  content: '.';
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}

.listlargeicon div.rights-list-box {
  background: #eeeeef;
}

.bookmark2 div.rights-list-box hr {
  clear: both;
  border: 0 solid #ccc;
}

.bookmark2 div.rights-list-box-content {
  margin: 2px;
  padding: 2px;
  font-size: 12px;
}

.bookmark2 div.rights-list-box-content div {
  clear: both;
  float: left;
  width: 100%;
  text-align: center;
}

.bookmark2 div.rights-list-box-content div.v3m-title {
  background: #ffff66;
}

.bookmark2 div.rights-list-box-content div.v2m-title {
  background: #ffffff;
}

.bookmark2 div.rights-button-area-normal div.v3m-title {
  width: 100%;
  margin: 2px 0;
  background: #ffff66;
}

.bookmark2 div.rights-button-area-normal div.v2m-title {
  width: 100%;
  margin: 2px 0;
  background: #cccccc;
}

.bookmark2 div.rights-list-box-content div.v3m {
  border: 1px #dddd33 solid;
  background: #ffffcc;
  margin-bottom: 5px;
  padding-bottom: 5px;
}

.bookmark2 div.rights-list-box-content div.v2m {
  border: 1px silver solid;
  padding-bottom: 5px;
}

.bookmark2 div.rights-list-box-content span.price {
  color: #dd0000;
  font-weight: bold;
}

.bookmark2 div.rights-list-box-content a {
  display: block;
  width: 32px;
  height: 15px;
  text-decoration: none;
}

.bookmark2 div.rights-line a {
  display: block;
  width: 32px;
  height: 15px;
  text-decoration: none;
}

.bookmark2 div.rights-list-box-content a.rights-button-inbox-3m {
  background: url("./img/buttons/basket_mini_3.gif") 0 -15px no-repeat;
  text-indent: -9999px;
}

.bookmark2 div.rights-line a.rights-button-inbox-3m {
  background: url("./img/buttons/basket_mini_3.gif") 0 -15px no-repeat;
  text-indent: -9999px;
  float: right;
}

.bookmark2 div.rights-list-box-content a.rights-button-inbox5 {
  background: url("./img/buttons/basket_mini_5.gif") 0 -15px no-repeat;
  text-indent: -9999px;
}

.bookmark2 div.rights-line a.rights-button-inbox5 {
  background: url("./img/buttons/basket_mini_5.gif") 0 -15px no-repeat;
  text-indent: -9999px;
  float: right;
}

.bookmark2 div.rights-list-box-content a.rights-button-inbox8 {
  background: url("./img/buttons/basket_mini_8.gif") 0 -15px no-repeat;
  text-indent: -9999px;
}

.bookmark2 div.rights-line a.rights-button-inbox8 {
  background: url("./img/buttons/basket_mini_8.gif") 0 -15px no-repeat;
  text-indent: -9999px;
  float: right;
}

.bookmark2 div.rights-line a:hover.rights-button-inbox-3m {
  background-position: 0 0;
}

.bookmark2 div.rights-line a:hover.rights-button-inbox5 {
  background-position: 0 0;
}

.bookmark2 div.rights-line a:hover.rights-button-inbox8 {
  background-position: 0 0;
}

.bookmark2 div.rights-list-box-content a:hover.rights-button-inbox-3m {
  text-indent: -9999px;
  background-position: 0 0;
}

.bookmark2 div.rights-list-box-content a:hover.rights-button-inbox5 {
  text-indent: -9999px;
  background-position: 0 0;
}

.bookmark2 div.rights-list-box-content a:hover.rights-button-inbox8 {
  text-indent: -9999px;
  background-position: 0 0;
}

.bookmark2 div.rights-list-box-content div.close-box-link {
  background: #003366;
  font-size: 11px;
}

.bookmark2 div.rights-list-box-content div.close-box-link a {
  width: 100%;
  color: #ffffff;
  display: inline;
}

.bookmark2 div.rights-list-box-content div.close-box-link a:hover {
  width: 100%;
  color: #ff0000;
  display: inline;
}

.bookmark2 div.rights-button-area-medium-waku {
  width: 100px;
  margin-bottom: 5px;
}

.bookmark2 div.rights-button-area-normal {
  text-align: center;
  width: 100px;
  margin: 3px auto;
}

.bookmark2 div.rights-button-area-normal:after {
  content: '.';
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}

.bookmark2 :root div.rights-button-area-normal {
  margin-left: auto;
  margin-right: auto;
  margin-top: 5px;
}

.bookmark2 div.rights-button-area-normal div {
  display: block;
  width: auto;
  float: left;
  border: none;
  font-size: 11px;
}

.bookmark2 div.rights-button-area-normal div.rights-list-box {
  position: static;
}

.bookmark2 div.rights-button-area-normal div.rights-line {
  margin-bottom: 2px;
  text-align: center;
}

.bookmark2 div.rights-button-area-normal a.rights-button-inbox3 {
  float: right;
  display: block;
  width: 32px;
  height: 15px;
  overflow: hidden;
  background: url("./img/buttons/kago_3m_mini.gif") 0 -15px no-repeat;
}

.bookmark2 div.rights-button-area-normal a:hover.rights-button-inbox3 {
  background-position: 0 0;
}

.bookmark2 div.rights-button-area-medium a.rights-button-inbox3 {
  display: block;
  width: 32px;
  height: 15px;
  overflow: hidden;
  background: url("./img/buttons/kago_3m_mini.gif") 0 -15px no-repeat;
}

.bookmark2 div.rights-button-area-medium a:hover.rights-button-inbox3 {
  background-position: 0 0;
}

.bookmark2 div.rights-button-area-normal a.rights-button-inbox2 {
  float: right;
  display: block;
  width: 32px;
  height: 15px;
  overflow: hidden;
  background: url("./img/buttons/kago_2m_mini.gif") 0 -15px no-repeat;
}

.bookmark2 div.rights-button-area-normal a:hover.rights-button-inbox2 {
  background-position: 0 0;
}

.bookmark2 div.rights-button-area-normal span.rights-mark {
  display: block;
  float: left;
  text-align: left;
  padding-left: 15px;
  font-weight: bold;
  color: #dd0000;
  width: 50px;
}

.bookmark2 div.rights-button-area-normal span.rights-mark-r {
  background: url("./img/buttons/11r.gif") 0 2px no-repeat;
}

.bookmark2 div.rights-button-area-normal span.rights-mark-s {
  background: url("./img/buttons/11s.gif") 0 2px no-repeat;
}

.bookmark2 div.rights-list-box-content a.rights-button-inbox {
  background: url("./img/buttons/basket_mini.gif") 0 -15px no-repeat;
  text-indent: -9999px;
}

.bookmark2 div.rights-list-box-content a:hover.rights-button-inbox {
  text-indent: -9999px;
  background-position: 0 0;
}

.bookmark2 div.rights-button-area-normal a.rights-button-inbox {
  float: right;
  width: 26px;
  overflow: hidden;
  background: url("./img/itemdetail/carticon.png") no-repeat scroll center -1px #FF8000;
  border: 1px solid #FF8000;
  display: block;
  height: 18px;
  margin: 0 0 0 5px;
  text-indent: -9999px;
}

.bookmark2 div.rights-button-area-normal a:hover.rights-button-inbox {
  background: url("./img/itemdetail/carticon2.png") no-repeat scroll center -1px #fff;
  border: 1px solid #FF8000;
}

.bookmark2 div.rights-line2 {
  float: left;
  border: 1px #999999 solid;
  background: #eee;
  line-height: 1.2em;
  margin-bottom: 1px;
}

.caution {
  font-size: 11px;
  border: 1px #9EBDEF solid;
  padding: 0.5em;
  background: #eee;
}

.caution-inner {
  text-align: center;
}

.vender {
  font-size: 0.8em;
  color: #999;
}

div.product-is-past {
  border-style: solid;
  border-width: 1px;
  border-color: #ccc #999 #999 #ccc;
  background: #f6f6f6;
  padding: 4px;
  margin: 4px 0;
  width: 220px;
}

div.product-is-past p {
}

/* lightbox */
#lightbox {
  background-color: #eee;
  padding: 10px;
  border-bottom: 2px solid #666;
  border-right: 2px solid #666;
}

#lightboxDetails {
  font-size: 0.8em;
  padding-top: 0.4em;
}

#lightboxCaption {
  float: left;
}

#keyboardMsg {
  float: right;
}

#closeButton {
  top: 5px;
  right: 5px;
}

#lightbox img {
  border: none;
  clear: both;
}

#overlay img {
  border: none;
}

#overlay {
  background-image: url(./img/lightbox/overlay.png);
}

* html #overlay {
  back\ground-color: transparent;
  background-image: url("./img/lightbox/blank.gif");
  filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="/css/img/lightbox/overlay.png", sizingMethod="scale");
}

/* ------------  dummy test  ---------------- */
#review-form {
  position: absolute;
  z-index: 999;
  background: #fff;
  width: 480px;
  height: 320px;
  border-style: solid;
  border-width: 1px;
  border-color: #ccc #666 #666 #ccc;
}

div.review-container {
  position: absolute;
  z-index: 999;
  background: #fdcc99;
  width: 520px;
  border-style: solid;
  border-width: 1px;
  border-color: #ccc #666 #666 #ccc;
}

div.review-container-inner {
  margin: 10px;
  background: #fff;
}

div.review-container-inner h4 {
  margin: 4px;
  color: #996633;
  font-size: 1.2em;
  font-weight: bold;
}

div.review-container-inner div.inputform {
  margin: 10px;
}

div.review-container-inner div.inputform dl {
  float: left;
  margin-top: 10px;
}

div.review-container-inner div.inputform dt {
  float: left;
  clear: both;
  width: 100px;
  margin-bottom: 5px;
}

div.review-container-inner div.inputform dd {
  float: left;
  width: 380px;
  margin-bottom: 5px;
}

div.review-container-inner div.inputform textarea {
  width: 350px;
}

div.review-container-inner div.review-regist {
}

div.review-container-inner div.review-preview {
  margin: 10px;
}

div.review-container-inner div.review-preview form div {
  float: left;
}

div.review-container-inner div#review-container-footer {
  clear: both;
  float: left;
  width: 100%;
  margin-top: 10px;
  background: #eee;
}

div#review_container {
  clear: both;
  width: 100%;
}

div#review_container em {
  font-weight: bold;
  color: #333;
}

div#review_container li {
  margin: 4px 0;
}

div#review_container li span {
  display: block;
  float: left;
  margin-right: 4px;
}

div#review_container div.vote-msg {
  float: left;
  color: #993333;
}

td.container-description div {
  float: left;
  font-size: 14px;
  width: 99%;
  padding: 0 0 10px 4px;
}

td.container-description div strong {
  font-weight: normal;
}

table.bar {
  clear: both;
  margin: 0 0 10px 0;
}

div.highlight {
  border-style: solid;
  border-width: 1px;
  border-color: #eee #999 #999 #eee;
}

div.highlight p {
  margin: 5px;
}

/* bookmark */
a.add-bookmark {
  display: block;
  float: left;
  padding: 10px 16px 10px 0;
  line-height: 15px;
  vertical-align: middle;
}

a.add-bookmark-checked {
  display: block;
  float: left;
  padding: 10px 16px 10px 0;
  line-height: 15px;
  vertical-align: middle;
}

/* L mark*/
div#L-mark {
  background: url("./img/misc/lmark.gif") 4px 4px no-repeat #fff;
  border-top: #069CE9 1px solid;
  border-left: #069CE9 1px solid;
  border-bottom: #069CE9 1px solid;
  border-right: #069CE9 1px solid;
  margin: 0 0 10px 0;
  padding: 4px;
}

div#L-mark p {
  margin: 0 0 0 45px;
  font-size: 10px;
  line-height: 1.4;
  color: #333;
}


div#L-mark2 {
  background: url("./img/misc/lmark.gif") no-repeat scroll 4px 4px #FFF;
  border-width: 1px;
  border-style: solid;
  border-color: #069CE9;
  margin: 0 0 10px;
  padding: 4px;
}

div#L-mark2 p {
  color: #333;
  font-size: 10px;
  line-height: 1.4;
  margin: 0 0 0 45px;
}

.banner00 {
  background: none repeat scroll 0 0 #069ce9;
  margin: 10px 0 0;
}

div.bnr-labs-top2 a {
  background: url("./img/banners/bnr_top_videx_labs.jpg") no-repeat scroll 0 0 rgba(0, 0, 0, 0);
  height: 60px;
  width: 235px;
}

div.banner00 a {
  border: medium none;
  display: block;
  margin-bottom: 8px;
  outline: medium none;
  text-indent: -9999px;
}


div#page-title span.has-lmark-icon {
  padding: 4px 30px 4px 0;
  background: url("img/misc/lmark_s.gif") center right no-repeat;
}

/* 詳細ページコンテンツ */
.detail-left {
  float: left;
  width: 152px;
  margin: 0 10px 10px 0;
  background: #fff;
  text-align: center;
}

.detail-left .jacket {
  text-align: right;
  padding: 0 0 5px 0;
}

.detail-left .rights-box {
  margin: 0;
}

.detail-left .rights-box .rights-list {
  margin: 0;
  padding: 0;
}

.detail-left .rights-box .rights-list li {
  width: 100px;
  border-bottom: 1px #ccc solid;
  margin: 5px 0 0 0;
  padding: 0 25px;
  height: 20px;
}

.detail-left .rights-box .rights-mark-r {
  background: url("./img/buttons/11r.gif") 0 center no-repeat;
}

.detail-left .rights-box .rights-mark-s {
  background: url("./img/buttons/11s.gif") 0 center no-repeat;
}

.detail-left .rights-box div.rights-lineup-wrap {
  float: left;
  padding: 5px 24px;
  width: 103px;
  border-bottom: 1px #ccc solid;
}

.detail-left .rights-lineup ul.rights-list {
  padding: 5px 0 0 0;
}

.detail-left .rights-lineup .rights-list li {
  padding: 0;
  margin: 0;
  width: 114px;
  border: none;
}

.detail-left .rights-box .rights-list-box {
  top: 55px;
  left: 13px;
}

.detail-left .detail-rights {
  border: 1px #ccc solid;
  float: left;
  border-bottom: none;
  background: #ffc;
  width: 150px;
}

.btn-detail {
  clear: both;
  padding: 5px 0 0 0;
}

.btn-detail .each-btn {
  width: 152px;
  height: 25px;
  background: url("./img/buttons/btn_detail.gif") 0 0 no-repeat;
  margin: 5px 0 0 0;
  text-align: center;

}

.btn-detail .fb-btn {
  float: left;
  margin: 5px 3px 10px 10px;
}

.btn-detail .tweet-btn {
  width: 152px;
  margin: 5px 0 0 0;
  text-align: center;
}

#alpha .each-btn .each-btn-rate {
  float: left;
  padding: 1px 0 0 10px;
  margin: 0 5px 0 0;
  line-height: 25px;
}

#alpha .each-btn .each-btn-review {
  padding: 1px 0 0 0;
  margin: 0;
  line-height: 25px;
  text-align: center;
}

#alpha .each-btn .each-btn-bookmark {
  padding: 1px 0 0 0;
  margin: 0;
  line-height: 25px;
  text-align: center;
}

#alpha .btn-detail .review {
  display: inline-block;
  color: #333;
  line-height: 25px;
}

#alpha .btn-detail .review:hover {
  display: inline-block;
  text-decoration: underline;
  line-height: 25px;
}

#alpha .btn-detail .review-edit {
  display: inline-block;
  color: #333;
  line-height: 25px;
}

#alpha .btn-detail .review-edit:hover {
  display: inline-block;
  text-decoration: underline;
  line-height: 25px;
}

#alpha .btn-detail .review-ng {
  display: inline-block;
  color: #333;
  line-height: 25px;
}

#alpha .btn-detail .review-ng:hover {
  display: inline-block;
  text-decoration: underline;
  line-height: 25px;
}

#alpha .btn-detail .add-bookmark {
  display: inline-block;
  color: #333;
  padding: 0 0 0 28px;
  line-height: 25px;
}

#alpha .btn-detail .add-bookmark:hover {
  display: inline-block;
  padding: 0 0 0 28px;
  text-decoration: underline;
  line-height: 25px;
}

#alpha .btn-detail .add-bookmark-checked {
  display: inline-block;
  padding: 0 0 0 17px;
  color: #333;
  line-height: 25px;
}

#alpha .btn-detail .add-bookmark-checked:hover {
  display: inline-block;
  padding: 0 0 0 17px;
  text-decoration: underline;
  line-height: 25px;
}


.product-detail-rating {
  margin: 0;
}

.roamer a {
  float: left;
  display: block;
  width: 200px;
  height: 40px;
  background: url("./img/banners/bnr_roamer.gif") 0 0 no-repeat;
  margin: 0 0 10px 0;
  text-indent: -9999px;
}

/*  rating  */
.wrap-myrating {
  margin: 0 0 0.5em 0;
}

.myrating .rating-icon-img {
  position: absolute;
  top: 0;
  left: 0;
  display: inline;
  z-index: 0;
}

.myrating a {
  width: 15px;
  height: 15px;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 200;
  text-indent: -9999px;
  outline: none;
}

.myrating a.rating-anchor-1 {
  left: 0;
}

.myrating a.rating-anchor-2 {
  left: 15px;
}

.myrating a.rating-anchor-3 {
  left: 30px;
}

.myrating a.rating-anchor-4 {
  left: 45px;
}

.myrating a.rating-anchor-5 {
  left: 60px;
}

.myrating {
  float: left;
  width: 75px;
  height: 15px;
  margin: 4px 0;
  background: url("./img/vdxicons/ico_rate_s.gif") no-repeat 0 0;
}

.myrating a:hover {
  width: 75px;
  left: 0;
  overflow: hidden;
  z-index: 2;
  background: url("./img/vdxicons/ico_rate_s.gif") no-repeat 0 0;
}

.myrating a.rating-anchor-1:hover {
  background-position: 0 -15px;
}

.myrating a.rating-anchor-2:hover {
  background-position: 0 -30px;
}

.myrating a.rating-anchor-3:hover {
  background-position: 0 -45px;
}

.myrating a.rating-anchor-4:hover {
  background-position: 0 -60px;
}

.myrating a.rating-anchor-5:hover {
  background-position: 0 -75px;
}

/* ------ */

.rating-icon .rating-icon-img {
  position: absolute;
  top: 0;
  left: 0;
  display: inline;
  z-index: 300;
}

.rating-icon a {
  width: 15px;
  height: 15px;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 200;
  text-indent: -9999px;
  outline: none;
}

.rating-icon a.rating-anchor-1 {
  left: 0;
}

.rating-icon a.rating-anchor-2 {
  left: 15px;
}

.rating-icon a.rating-anchor-3 {
  left: 30px;
}

.rating-icon a.rating-anchor-4 {
  left: 45px;
}

.rating-icon a.rating-anchor-5 {
  left: 60px;
}

.rating-icon a:hover {
  width: 75px;
  left: 0;
  overflow: hidden;
  z-index: 2;
  background: url("./img/vdxicons/ico_rate_s.gif") no-repeat 0 0;
}

.rating-icon a.rating-anchor-1:hover {
  background-position: 0 -15px;
}

.rating-icon a.rating-anchor-2:hover {
  background-position: 0 -30px;
}

.rating-icon a.rating-anchor-3:hover {
  background-position: 0 -45px;
}

.rating-icon a.rating-anchor-4:hover {
  background-position: 0 -60px;
}

.rating-icon a.rating-anchor-5:hover {
  background-position: 0 -75px;
}

/* ------ */
div.top-product-text-list {
  margin: 10px 0;
}

div.top-product-text-list ul:after {
  content: '.';
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}

div.top-product-text-list li {
  float: left;
}

/* ----- */
body.itemlist-index div#product-meta div.title h3 {
  margin-top: 4px;
}

body.itemlist-index div#product-meta div.title h3 a {
  font-size: 1em;
  font-weight: bold;
  line-height: 1.3;
  padding-bottom: 0.2em;
}

body.itemlist-index div.product-meta div.title h3 {
  margin-top: 4px;
}

body.itemlist-index div.product-meta div.title h3 a {
  font-size: 1em;
  font-weight: bold;
  line-height: 1.3;
  padding-bottom: 0.2em;
}


/* ----- */
div.allcopyrights {
  border-top: 1px solid #ccc;
  color: #666;
  font-size: 10px;
  margin: 10px auto 0;
  padding: 10px 0;
  width: 100%;
}

div.category-allcopyrights {
  border-top: 1px solid #ccc;
  color: #666;
  font-size: 10px;
  margin: 10px auto 0;
  padding: 10px;
  width: 950px;
}

div #allcopyrights {
  background: #F4F8FC;
  clear: both;
  margin: 10px 0;
  font-size: 0.8em;
  color: #666;
  line-height: 1.4em;
}

/* ----- */
div.shop-news-list dl {
}

div.shop-news-list dt {
  margin: 0 0 2px 0;
  line-height: 1.6;
}

div.shop-news-list dd {
  line-height: 1.6;
}

div.rights-mark span.price {
  line-height: 1.5;
  _line-height: 1.6;
}

/* TOP下左メニュー用 */
td.top {
  background: none repeat scroll 0 0 #069CE9;
  padding: 4px 5px;
}

/* マイライブラリ・検索結果・ヘルプのテキスト中央揃え対策 */
div.container1 {
  text-align: left;
}

/* ログイン画面etcセンタリング表示 */
#alpha-center {
  width: 970px;
  margin: 0 auto;
}

#alpha-center2 {
  width: 920px;
  margin: 0 auto;
}


/* 検索結果4列表示 */
#alpha-only {
  width: 970px;
}

#product-meta {
  width: 227px;
  margin-bottom: 6px;
}

/* 登録フォーム */
#main-form {
  width: 730px;
  float: left;
}

#main-form div {
  line-height: 1.2;
}

#sub-form {
  width: 236px;
  float: right;
  margin: 0;
}

#page-title-form {
  border-top: 1px #ccc solid;
  background: #eee;
  padding: 0 5px 0;
  line-height: 2;
}

#wrap .form-inner {
  width: 620px;
}

#main-form .form-inner p {
  padding: 0 0 20px;
}

#main-form .form-inner ul {
  list-style-type: none;
  margin: 0;
  padding: 0;
}

#main-form .form-inner li {
  line-height: 1.8em;
}

#main-form .center {
  margin: 0 auto;
  width: 100%;
}

#wrap .l20 {
  margin: 0 0 0 20px;
}

#main-form strong {
  font-size: 1.2em;
  font-weight: bold;
  line-height: 2em;
}

#main-form p.receipt {
  padding: 0;
}

#main-form .receipt strong {
  font-size: 16px;
}

#main-form .size10 {
  width: 125px;
}

#wrap .form-bg {
  padding: 20px;
  border: #ccc 1px solid;
  background: #eee;
  box-sizing: border-box;
}

#wrap .new-step {
  width: 680px;
  margin: 0 auto 10px;
}

#alpha .form-inner table {
  width: 100%;
  border: none;
}

#alpha .form-inner td {
  line-height: 2em;
}

#alpha .form-inner td.cel1 {
  width: 170px;
}

#alpha .form-inner td.cel2 {
  width: 20px;
}

#alpha .form-inner td.cel3 {
  font-weight: bold;
}

#sub-form .attention {
  border: #ccc 1px solid;
  font-size: 12px;
  line-height: 1.2;
  margin: 10px 0 0 0;
}

#sub-form .attention h2 {
  font-size: 12px;
  font-weight: bold;
  height: 16px;
  line-height: none;
  padding: 4px 0 7px 5px;
  background: #eee;
  border-bottom: #ccc 1px solid;
}

#sub-form .attention span {
  display: table;
}

#sub-form .attention dl {
  width: 236px;
  padding: 0 0 10px 0;
  overflow: hidden;
}

#sub-form .attention dt {
  font-weight: bold;
  padding: 10px 0;
  margin: 0 5px 0;
}

#sub-form .attention dd {
  padding: 10px 0 7px;
  margin: 0 6px 0 4px;
  border-top: solid 1px #ccc;
  color: #333;
}

/* セキュリティーサイトセンタリング */

.securesite-center {
  width: 740px;
  margin: 0 auto;
}

/* 次に進むボタンセンタリング */
.btn-center {
  text-align: center;
}

/* 一覧ページの 段落線 */
div.hline {
  clear: both;
  margin: 8px 0;
  height: 4px;
}

body.itemlist-index p.description {
  margin: 6px;
  text-align: left;
  font-size: 0.9em;
  background: none /*#fcfcff*/;
}

div.titleend {
  border: 1px #996600 solid;
  margin: 8px 0;
}

div.titleend p {
  margin: 2px;
  background: #f9f9f9;
}


div#widget-etc-all {
}

div#widget-etc-all table.header-bar-table td {
  border: 1px #ccc solid;
  background: #999;
}

div#widget-splink-all {
}

div#widget-splink-all table.header-bar-table td {
  border: 1px #ccc solid;
  background: #999;
}

div.to_special_bannerlink {
  clear: both;
  border: 8px;
}

div.to_special_bannerlink p {
  width: 480px;
  text-align: center;
  color: #336;
}

div.to_special_bannerlink p a {
  display: block;
  width: 355px;
  height: 66px;
  margin: 4px auto;
  border: 1px #da9 solid;
  text-indent: -9999px;
}

div.to_special_bannerlink p a:hover {
  border: 1px #ffee33 solid;
}

div.to_special_bannerlink p a.hppt {
  background: url(img/banners/bnr_sp_hppt.gif) no-repeat;
}

div.to_special_bannerlink p a.hdix {
  background: url(img/banners/bnr_sp_siteseven.gif) no-repeat;
}

div.to_special_bannerlink p a.hett {
  background: url(img/banners/bnr_sp_entermeitele.gif) no-repeat;
}

div.to_special_bannerlink p a.riderfourzesp {
  background: url(img/banners/bnr_rider_fourzemoviesp.jpg) no-repeat;
}

div.detail_banner {
  clear: both;
  border: 8px;
}

div.detail_banner p {
  width: 480px;
  text-align: center;
  color: #336;
}

div.detail_banner p a {
  display: block;
  width: 304px;
  height: 72px;
  margin: 4px auto;
  border: 0;
  text-indent: -9999px;
}

div.detail_banner p a.riderfourzesp {
  background: url(img/banners/bnr_rider_fourzemoviesp.jpg) no-repeat;
}

div.detail_banner_gaist p a {
  display: block;
  width: 490px;
  height: 100px;
  margin: 4px auto;
  border: 0;
  text-indent: -9999px;
}

div.detail_banner_gaist p a.detail_banner_gaist {
  background: url(img/banners/bnr_anime_detail_banner_gaist.jpg) no-repeat;
}

div.detail_banner_gaist_prbar {
  width: 490px;
  display: block;
  position: relative;
  text-align: center;
}

div.detail_banner_gaist_prbar:before {
  border-top: 2px solid;
  content: "";
  position: absolute;
  top: 50%;
  left: 0;
  width: 220px;
}

div.detail_banner_gaist_prbar:after {
  border-top: 2px solid;
  content: "";
  position: absolute;
  top: 50%;
  left: 270px;
  width: 220px;
}

div.detail_banner_gaist_prbar span {
  background-color: white;
  display: inline-block;
  padding: 0 1em;
}

/* MAIL MAGAZINE */

#widget-directmail {
  width: 190px;
  padding: 9px 0 3px 18px;
  background: #E1EDF6;
}

#widget-directmail h2 {
  display: block;
  padding-bottom: 3px;
/ padding-bottom: - 3 px;
  background: url("./img/top/tit_mailmag.gif") 0 0 no-repeat;
  text-indent: -9999px;
  text-align: left;
}

#widget-directmail strong {
  display: block;
/ margin-top: - 6 px;
  padding-bottom: 3px;
  font-weight: bold;
}

#widget-directmail .index-link {
  padding-top: 3px;
}

#widget-directmail input {
  line-height: 1.2;
  margin: 5px 0 0 0;
}

#widget-directmail input.apply {
  background: #fff;
  border: 1px solid #069CE9;
  color: #069CE9;
  cursor: pointer;
  line-height: 1.2;
  padding: 2px;
  margin: 5px 0 0 0;
}

#widget-directmail input.apply:hover {
  background: #069CE9;
  border: 1px solid #069CE9;
  color: #fff;
  cursor: pointer;
  line-height: 1.2;
  margin: 5px 0 0 0;
}

#widget-directmail input.mail {
  color: #999;
}

#widget-directmail input.mail, #widget-directmail input.widget-dm-input-inactive, #widget-directmail input.widget-dm-input-active {
  width: 127px;
  height: 1.6em;
  padding: 0 0.3em;
}

p.return_top {
  text-align: center;
}

#promotionbanner {
  display: block;
  width: 970px;
  height: 100px;
  text-indent: -9999px;
  background: url("./img/top/promotion_201207.jpg") no-repeat scroll 0 0 transparent;
  margin-bottom: 3px;
  _margin-bottom: 3px;
}

#promotionbanner:hover {
  background: url("./img/top/promotion_201207.jpg") no-repeat scroll 0 bottom transparent;
}

/* アンドロイド対応 */
img.supportandroid {
  display: inline;
  border: none;
  vertical-align: middle;
}

#container-ngc .typeA img.supportandroid,
#container-ngc .typeB img.supportandroid,
#container-ngc .typeC img.supportandroid,
#itemdetail .story td img.supportandroid {
  margin: 0;
  float: none;
}

#itemdetail .story .simple td img.supportandroid {
  display: inline;
}

#top-recommend-line1 /* IE6のみ表示調整 */
{
  _clear: both;
}

/*-- 2013/1/18 videxjpアプリ 追加 --*/
#para {
  font-size: 12px;
  vertical-align: middle;
}

#para img {
  vertical-align: middle;
}

#para span {
  font-size: 12px;
  font-weight: bold;
}

#para .faq_container_note {
  border: 1px solid #DDDDDD;
  margin: 8px auto 8px 5px;
  width: auto;
}

#para .faq_hint {
  background: url("./img/vdxicons/lightbulb.png") no-repeat scroll 5px 10px transparent;
  padding-left: 20px;
}

#appBtn {
  width: 100%;
  height: 40px;
  margin: 15px 0 20px 0;
  text-align: center;
}

#appBtn a img {
  border: none;
}

/* streaming box */
p.noflash_close {
  height: 27px;
  margin: 0 0 0 auto;
  width: 27px;
}

p.noflash_close a {
  background: url("./img/buttons/btn_flashclose.gif") 0 0 no-repeat transparent;
  display: block;
  height: 27px;
  text-indent: 99999px;
  width: 27px;
}

p.noflash_close a:hover {
  background: url("./img/buttons/btn_flashclose.gif") 0 -27px no-repeat;
}

/*-- copyright --*/
.copy {
  border-top: 1px solid #ccc;
  color: #666;
  margin: 10px 0 0;
  padding: 10px 0 0;
}

.copy span {
  font-size: 10px;
  padding: 0 1em 0 0;
}

.copyrightArea {
  border-top: 1px solid #ccc;
  color: #666;
  font-size: 11px;
  margin: 10px auto 0;
  padding: 10px 0;
  width: 720px;
}

.copyrightArea span {
  font-size: 10px;
  padding: 0 1em 0 0;
}

#idx-staff, #idx-title {
  padding: 0 5px 10px 15px;
}

#idx-period, #idx-vender {
  padding: 0 0 10px 0;
}

#member {
  padding: 0 10px;
}

/*-- 2014/09/02 ログインブロック --*/


#alpha-center2 table.chart {
  margin: 10px 0;
  width: 100%;
}

#alpha-center2 table.chart {
  border-collapse: separate;
  border-left: 1px solid #ccc;
  border-spacing: 0;
  border-top: 1px solid #ccc;
}

#alpha-center2 table.chart_respon {
  border-collapse: separate;
  border: 1px solid #ccc;
  border-spacing: 0;
  width: 100%;
  margin: 10px auto 15px;
}

#alpha-center2 table.chart tr {
  display: inline-block;
  width: 100%;
  word-wrap: break-word;
}

#alpha-center2 #main th, .flow #main td {
  padding: 5px;
  vertical-align: top;
}

#alpha-center2 th {
  text-align: right;
}

#alpha-center2 table.chart th, table.chart td {
  border-bottom: 1px solid #ccc;
  border-right: 1px solid #ccc;
  font-size: 12px;
}

#alpha-center2 table.chart th {
  background: none repeat scroll 0 0 #eee;
  white-space: nowrap;
}

#alpha-center2 .cell20 {
  width: 20%;
  padding: 5px 10px 5px 10px;
}

#alpha-center2 .cell80 {
  width: 80%;
  padding: 5px 0 5px 10px;
}

#alpha-center2 .cell20_m {
  background: #ccc;
  width: 100%;
  padding: 5px 0;
  display: block;
  text-align: center;
}

#alpha-center2 .cell80_m {
  width: 100%;
  padding: 5px 0;
  display: block;
  text-align: center;
}


#alpha-center2 #help .sub {
  font-size: 18px;
  font-weight: bold;
  line-height: 1.2em;
  margin: 0 0 10px 0;
  padding-bottom: 5px;
}

#alpha-center2 #help h2 {
  background: none repeat scroll 0 0 #eee;
  font-size: 14px;
  font-weight: bold;
  margin: 0 0 5px 0;
  padding: 3px 5px;
}

#alpha-center2 #help .QandA {
  margin: 0;
  padding: 0;
}

#alpha-center2 #help .QandA tr.dotline {
  border-bottom: 1px dotted #666;
  display: block;
  margin: 0 0 10px 0;
  padding: 0;
}

#alpha-center2 #help .QandA tr.no-dotline {
  display: block;
  margin: 0 0 10px 0;
  padding: 0;
}

#alpha-center2 #help .QandA .question {
  color: #069CE9;
  font-size: 14px;
  font-weight: bold;
  padding: 0 0 10px 0;
  vertical-align: text-top;
}

#alpha-center2 #help .QandA .answer {
  color: #ff3333;
  font-size: 14px;
  font-weight: bold;
  padding: 0 0 5px 0;
  vertical-align: text-top;
}

#alpha-center2 #help .QandA .txt {
  margin: 0;
  padding: 0 0 5px 5px;
}

#alpha-center2 p.lockconfirm-finish {
  padding: 5px 0 15px;
}

/*-- 2014/10/27 セクション人気キーワード --*/

.section-popular-keywords {
  display: inline-table;
  height: auto;
  margin: 4px auto 0 auto;
  padding: 0 15px;
  width: 720px;
}

.section-popular-keywords-title {
  color: #ff8000;
  font-size: 14px;
  font-weight: bold;
  float: left;
  height: 32px;
  margin: 0;
  padding: 2px 0;
  width: 124px;
}

#alpha .section-popular-keywords ul {
  padding: 0;
}

.keywords-list {
  float: left;
  background: none;
  /*text-indent:-9999em;*/
  margin: 0 1.4em 7px 0;
  padding: 2px 0;
  text-align: left;
  font-size: 14px;
  list-style: none;
  zoom: 1;
}

.keywords-list a:hover {
  color: #F00 !important;

}

.keywords-list-font-red a {
  color: #DF0101 !important;
  float: left;
  margin: 0 1.4em 7px 0;
  padding: 2px 0;
  text-align: left;
  font-size: 14px;
  list-style: none;
  zoom: 1;
}

.keywords-list-font-red a:hover {
  color: #F00 !important;

}

.keywords-list-font-orange a {
  color: #F76C09 !important;
  float: left;
  margin: 0 1.4em 7px 0;
  padding: 2px 0;
  text-align: left;
  font-size: 14px;
  list-style: none;
  zoom: 1;
}

.keywords-list-font-orange a:hover {
  color: #F00 !important;
}

.keywords-list-pink {
  background: #f5c8d1;
  float: left;
  margin: 0 1.3em 7px -5px;
  padding: 2px 5px;
  text-align: left;
  font-size: 14px;
  list-style: none;
  zoom: 1;
}

.keywords-list-pink a:hover {
  color: #F00 !important;
}

.keywords-list-orange {
  background: #ffc1a2;
  float: left;
  margin: 0 1.3em 7px -5px;
  padding: 2px 5px;
  text-align: left;
  font-size: 14px;
  list-style: none;
  zoom: 1;
}

.keywords-list-green {
  background: #c9f1b2;
  float: left;
  margin: 0 1.3em 7px -5px;
  padding: 2px 5px;
  text-align: left;
  font-size: 14px;
  list-style: none;
  zoom: 1;
}

.indexes-list_Area {
  height: auto;
  float: right;
  margin: 0;
  padding: 0;
  width: 603px;
/ width: 583 px;
}

ul.indexes-list {
  height: 100%;
}

/*-- 2014/10/28 スタッフインデックスページ　あ行ページ内リンク --*/

.column a {
  padding: 0 4px 0 10px;
}

/*-- メールマガジン --*/

div.directmail {
  margin: 10px 0;
}

#wrap div.form-container div.directmail p {
  margin: 10px auto;
}

div.directmail-error, div.re-pass-error {
  font-size: 1em;
  margin: 3px 0 0 360px;
}

/*-- 検索結果ゼロ --*/

div.search-no-item {
  margin-left: 16px;
}

.res_sp_banner, .res_section-top_all-list_link, .res_section-ngc_top_all-list_link {
  display: none;
}

.menu-sp-list {
  display: none;
}

/*-- ログイン　メルマガ登録＆解除ページ --*/

.guide img {
  vertical-align: middle;
}


/*-- 各セクショントップページ　もっと見るリンク --*/

.res_section-top_more-link {
  display: inline;
  font-weight: normal;
  font-size: 0.9em;
  float: right;
}


/*-- レスポンシブ --*/
@media (max-width: 640px) {

  html {
    height: 100%;
    margin-bottom: 1px;
    overflow-y: scroll;
  }

  body, #top ul, #top ol, #top li, #top dl, #top dt, #top dd, #top h1, #top h2, #top h3, #top h4, #top p, form, fieldset, textarea, pre, strong {
    background: #fff;
    margin: 0;
    padding: 0;
    font-size: 12px;
    font-weight: normal;
    line-height: 1.5;
    width: 100%;
  }

  #header .inner {
    display: block;
    margin: 0 auto;
    overflow: hidden;
    padding: 0 5px;
    width: 100%;
  }


  #header .subnavi {
    display: none;
  }

  #header #top-page {
    display: none;
  }


  /*-- mobile menu --*/
  #header .inner #menubtn {
    background: url("./img/header/mobile_menubtn.gif") no-repeat 0 0;
    width: 35px;
    height: 35px;
    position: absolute;
  }

  /*-- mobile menu --*/
  #header .logo {
    clear: both;
    float: left;
    margin: 4px 0 10px 50px;
  }

  #header h1 {
    clear: both;
    color: #333;
    float: left;
    font-size: 10px;
    font-weight: normal;
    height: auto;
    margin: 0 0 0 50px;
    padding: 6px 0 0;
    text-align: left;
    width: auto;
  }

  #alpha-inner .list-header-title {
    border-bottom: 1px solid #069CE9;
    color: #069CE9;
    margin: 0 0 10px;
    padding: 5px 5px 5px 10px;
  }

  .search fieldset.field {
    background: none repeat scroll 0 0 #069ce9;
    border: medium none;
    margin: 0 auto;
    padding: 0 5px;
    width: 100%;
  }

  .search .select {
    color: #069ce9;
    float: left;
    font-size: 14px;
    height: 25px;
    margin: 0 5px 0 5px;
    width: 100px;
  }

  .search .field input.input-box-inactive {
    background: none repeat scroll 0 0 #fff;
    color: #c0c0c0;
    float: left;
    line-height: 1.2;
    margin-right: 5px;
    width: 135px;
  }

  #alpha .form-inner table {
    width: 92%;
    border: none;

  }

  body div.container1 {
    margin: 0;
    padding: 0;
    width: 100%;
    overflow: hidden;
  }

  #container {
    margin: 0 auto;
    padding: 10px 0 0;
    width: 100%;
  }


  div.container1 #wrap p {
    line-height: 1.5;
    margin: 0 auto;
    padding: 0 0 10px;
    width: 97%;
    vertical-align: middle;
  }

  div.container1 .topwarning {
    border: 1px solid #f30000;
    clear: both;
    color: #39f;
    line-height: 1.7em;
    margin: 2px 7px 14px 7px;
    padding: 6px;
    width: auto;
  }


  #alpha-center {
    margin: 0 auto;
    width: 100%;
  }

  div.container1 .form-container {
    margin: 0 0 10px;
    padding: 0 0 1px 0;
  }

  div.container1 input.finish {
    -webkit-appearance: none;
    font-size: 14px;
    font-weight: bold;
    height: auto;
    margin: 0 0 10px;
    padding: 5px 2em;
    background: #fff;
    border: 1px solid #069CE9;
    color: #069CE9;
    cursor: pointer;
  }

  body.itemlist-index p.description {
    display: none;
  }

  #alpha-inner .list-header-title {
    background: none;
    border-bottom: 1px solid #069CE9;
    color: #069CE9;
    margin: 0 auto 10px;
    padding: 5px 0 5px 10px;
    width: 100%;
  }

  .btn-detail .each-btn {
    width: 152px;
    height: 30px;
    background: url("./img/buttons/btn_detail.gif") no-repeat scroll 0 0 transparent;
    margin: 5px auto 0;
    text-align: center;
  }


  div.form-container label, div.form-container span.label {
    display: block;
    float: left;
    padding-right: 10px;
    text-align: right;
    width: 100px;
  }

  div.container1 div.form-container label, div.form-container span.label {
    padding-right: 10px;
    width: 150px;
    display: block;
    float: left;
    text-align: left;
    vertical-align: middle;
  }

  div.container1 fieldset {
    width: 100%;
    margin: 0 auto;
    padding: 5px;
  }

  div.container1 #form1 {
    width: 100%;
    margin: 10px auto;
    padding: 0;
  }

  div.container1 form.leave-step1-form {
    padding: 0 0 0 10px;
  }

  .size15 {
    font-size: 1.2em;
    width: 50%
  }

  .size20 {
    padding: 0 0 2px 2px;
    width: 265px;
  }

  /*最近チェック*/
  div.container1 div.bhistory-container {
    width: 97%;
    margin: 0 auto;
  }

  div.container1 .bhistory-container .bhistory-wrap {
    border-bottom: 1px solid #ccc;
    float: left;
    width: 100%;
  }

  div.container1 .bhistory-container div.bhistory-text {
    width: 60%;
    min-height: 0;
    padding: 0 0 10px 0;
  }

  /*最近チェック*/
  /* 退会 */
  .leave-main {
    width: 100%;
    margin: 10px;
    font-size: 1.2em;
    vertical-align: middle;
  }

  div.container1 #wrap .leave-main ul {
    margin: 0 auto 10px auto;
    padding: 0 10px;
  }

  .pass-for-leave {
    height: 2em;
    font-size: 1.2em;
    vertical-align: middle;
  }

  .size10 {
    height: 2em;
    font-size: 16px;
    width: 50%;
    margin-bottom: 4px;
    padding: 0 0 2px 2px;
  }

  div.container1 .loginidsave, div.container1 .loginpasssave {
    margin: 2px 0 0 0;
    padding: 0;
  }

  div.container1 .purchase-download-header-dl {
    margin: 0 auto;
    width: 100%;
  }

  div.container1 .purchase {
    margin: auto;
    width: 90%;
  }

  div.container1 .dl-ios a {
    display: block;
    width: 148px;
    height: 24px;
    line-height: 24px;
    margin: 0 auto;
    background: none no-repeat scroll 0 0 #FFF;
    border: 1px solid #069CE9;
    color: #069CE9;
    font-family: "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", "Osaka", sans-serif;
  }

  .st_btn a {
    display: block;
    width: 148px;
    height: 24px;
    line-height: 24px;
    margin: 0 auto;
    background: none no-repeat scroll 0 0 #FFF;
    border: 1px solid #069CE9;
    color: #069CE9;
    font-weight: bold;
    font-family: "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", "Osaka", sans-serif;
  }

  div.container1 .purchase-item-meta {
    clear: both;
    display: inline-table;
    margin: 5px 0;
  }

  div.container1 .loginformidcenter {
    margin: 0 0 0 5px;
    height: 4em;
  }

  div.container1 div.form-container div.controlset div {
    margin-left: 3px;
  }

  div.container1 .loginformpasscenter {
    margin: 20px 0 -5px 5px;
    height: 7em;
  }

  form, fieldset, textarea, pre, strong {
    background: #fff;
    margin: 0;
    padding: 0;
    font-size: 12px;
    font-weight: normal;
    line-height: 1.5;
    width: 100%;
  }


  div.container1 div.form-container div.buttonrow {
    padding-left: 10px;
  }

  div.form-container div.buttonrow {
    padding-left: 20px;

  }

  #alpha-center {
    width: 100%;
    margin: 0 auto;
  }

  #alpha-center2 {
    width: 100%;
    margin: 0 auto;
  }


  /* 検索結果4列表示 */
  #alpha-only {
    width: 100%;
  }


  /* ジャンルトップ */
  #top-recommend-line1 {
    padding: 5px;
    display: block;
    clear: both;
  }

  #top-recommend-line1 table, #top-recommend-line1 tbody, #top-recommend-line1 tr, #top-recommend-line1 td {
    display: block;
    width: 100%;
  }


  #top-latest-product4 {
    padding: 5px;
    clear: both;
  }

  #top-latest-product3 {
    padding: 5px;
    clear: both;
  }

  #top-latest-product2 {
    padding: 5px;
    clear: both;
  }

  #top-latest-product1 {
    padding: 5px;
    clear: both;
  }

  td.container-description strong {
    display: none;
  }

  td.ranking-item, td.ranking-witem, td.recommend0-item, td.recommend1-item, td.recommend2-item, td.recommend3-item, td.recommend4-item, td.recommend5-item, td.recommend6-item, td.recommend7-item, td.recommend8-item, td.recommend9-item, td.recommend10-item {
    padding: 0 0 10px 5px;
  }

  div.hline {
    display: none;
  }

  div.container1 .login {
    margin: 10px 0 15px 65px;
    padding: 15px 50px;
  }

  /*新規会員登録*/
  #main-form {
    width: 100%;
    margin: 0 auto;
    padding: 0;
  }

  div.container1 #regist_wrap {
    width: 96%;
    clear: both;
    line-height: 1.5;
    margin: 0 auto 0 auto;
    padding: 0;
  }

  .new-step {
    display: none;
  }

  #sub-form {
    width: 100%;
    margin: 0 auto 0 auto;
  }

  #sub-form .attention dl {
    font-size: 1.1em;
    width: 100%;
    padding: 0;
    overflow: hidden;
  }

  #footer ul {
    padding: 10px 0 0 0;
    line-height: 1.8;
  }

  /* 購入フロー */
  div.container1 #alpha {
    width: 100%;
    margin: 0 auto;
  }

  div.container1 #alpha input.finish {
    display: block;
    width: auto;
    margin: 0 auto 15px;
  }

  div.container1 #beta {
    display: none;
  }

  div.container1 #content #beta {
    display: none;
  }


  #alpha-only {
    width: 100%;
  }

  div.container1 .basket-list th {
    height: 3em;
    padding: 0 0.5em;
    border: 1px #ccc solid;
    background: #eee;
    font-size: 11px;
  }

  div.container1 .basket-list td {
    background: #fff;
    height: 105px;
    border: 1px #ccc solid;
    padding: 0.3em;
  }


  /*メニュー*/
  div.container1 .widget-top {
    border: 1px #069CE9 solid;
    background-color: #fff;
    width: 100%;
    padding: 0;
    margin: 0 auto 5px;
    line-height: 1.5;
    overflow: hidden;
  }


  div.container1 #footer ul {
    margin: 0 auto;
    padding: 0;
    line-height: 2;
    width: 97%;
  }

  div.container1 #widget-directmail {
    width: 287px;
    margin: 0 auto 0 auto;
    padding: 9px 4px 3px;
    background: #E1EDF6;
  }

  div.container1 .bnr-labs {
    margin: 10px auto 0;
    width: 300px;
  }

  div.container1 .banner0, div.container1 .bnr-common5 {
    background: #01BAFB;
    margin: 10px auto 0 auto;
    text-align: center;
  }

  div.container1 div#L-mark {
    background: url("./img/misc/lmark.gif") no-repeat scroll 4px 4px #fff;
    border-color: #069ce9;
    border-style: solid;
    border-width: 1px;
    height: 40px;
    margin: 0 0 10px 0;
    padding: 4px;
    width: 290px;
  }

  #beta .videxstation, .videxstation .btn {
    margin: 0 0 5px 10px;
    padding: 10px 9px 10px 40px;
    width: 250px;
  }


  div.container1 .basket {
    clear: both;
    padding: 0 5px;
  }

  div.form-container form fieldset {
    margin: 5px 0;
    padding: 15px 5px;
    border: 1px solid #CCC;
    background: none repeat scroll 0 0 #EEE;
    width: 100%;
  }

  /* 会員登録 */
  #wrap .l20 {
    margin: 0;
  }

  #wrap .form-inner {
    width: 100%;
  }

  #wrap .form-bg {
    font-size: 1.2em;
    display: block;
    margin: 10px 10px 0;
    padding: 5px 0 5px 4px;
    border: none;
    background: none;
    width: 96%;
  }

  div.container1 #wrap .form-bg p {
    width: 100%;
  }

  div.container1 #wrap .form-bg ul {
    margin: 0 0 0 16px;
    padding: 0 6px 0 0;
  }

  #wrap .new-step {
    width: 100%;
    margin: 0 auto 10px;
  }

  #main-form strong {
    display: block;
    font-size: 2em;
    font-weight: bold;
    line-height: 2em;
    width: 100%;
    word-wrap: break-word;
  }

  #main-form p strong {
    display: inline;
    font-size: 1.2em;
    font-weight: bold;
    line-height: 1.3em;
    width: 100%;
    word-wrap: break-word;
    vertical-align: middle;
  }

  #alpha .form-inner td.cel1 {
    display: block;
    font-size: 11px;
    float: left;
    width: 35%;
  }

  #alpha .form-inner td.cel2 {
    display: block;
    float: left;
    width: 5%;
  }

  #alpha .form-inner td.cel3 {
    display: block;
    float: left;
    font-weight: bold;
    padding: 0 5px;
    word-wrap: break-word;
    width: 55%;
  }

  div.container1 #wrap p.form-inner320 {
    margin: 0;
    padding: 0;
    width: 97%;
  }

  #wrap {
    margin: 0 auto;
    padding: 0;
    width: 97%;
  }

  div.buttonrow {
    margin: 5px 0 0 0;;
    height: 7em;
    padding: 0;
  }

  div.to_special_bannerlink {
    display: none;
  }

  #sub-form .attention {
    border: #ccc 1px solid;
    font-size: 12px;
    line-height: 1.2;
    margin: 4px 20px 30px;
  }

  div.imgcenter {
    clear: both;
    margin: 0 auto;
    text-align: center;
  }

  #idx-staff, #idx-title {
    padding: 0 3px 10px 3px;
  }

  div.respons_views {
    display: none;
  }

  .input_ad {
    padding: 0 10px;
  }

  p.return_top {
    text-align: center;
    display: block;
    margin: 0 auto;
    padding: 0 0 15px 0;
  }

  .form-bg .size15 {
    font-size: 16px;
  }

  .head-em em {
    display: none;
  }

  .head-em em.splus-error {
    display: block !important;
  }


  /* お気に入り */
  #memberwrap table {
    float: left;
    font-size: 1em;
    border-collapse: collapse;
    border: none;
    height: 11em;
    width: 90% !important;
  }

  table.bookmark-table td.productinfo {
    width: 70%;
  }

  table.bookmark-table td.bookmark-image {
    font-size: 1em;
    width: 30px !important;
  }

  table.bookmark-table div.bookmark-date {
    float: left;
    width: 125px !important;
    margin: 4px 0;
    font-size: 10px;
    white-space: nowrap;
  }

  table.bookmark-table td.bookmark-rights {
    display: none;
  }

  table.bookmark-table div.product-title {
    width: 98%;
  }

  /* メールマガジン */
  div.directmail-error, div.re-pass-error {
    font-size: 1.2em;
    margin: 0 !important;
  }

  div.directmail {
    width: 96%;
    font-size: 1.2em;
    margin-left: 5px;
  }

  div.directmail p {
    padding: 0 !important;
  }

  div.directmail input.next {
    background: none repeat scroll 0 0 #FFF;
    border: 1px solid #069CE9;
    color: #069CE9;
    -webkit-appearance: none;
    font-size: 1.3em;
    height: 40px;
    width: 7em;
    cursor: 10px 0 10px 0;
    padding: 5px 12px !important;
  }

  div.container1 #help {
    padding: 0 2%;
  }


  input.directmail {
    width: 7em !important;

  }

  #wrap #directmail_form p {
    line-height: 1.3em;

  }

  #wrap #directmail_form p strong {
    font-weight: bold;
    font-size: 1.4em;
    line-height: 1.3em;

  }

  #wrap #directmail_form input {
    width: 100px;
    padding: 0 4px;
    font-size: 1.4em;
    line-height: 1.3em;

  }

  /* アイドル拡大ジャケット */
  #lightbox {
    background-color: #EEE;
    padding: 25px 2% 10px;
    left: auto !important;
    margin: 0;
    border-bottom: 2px solid #666;
    border-right: 2px solid #666;
    width: 96%;
    text-align: center;
  }

  #lightbox img {
    border: medium none;
    clear: both;
  }


  #lightbox img#lightboxImage {
    width: auto;
    height: auto;
    max-width: 100%;
    max-height: 100%;
  }

  #closeButton {
    top: 3px;
    right: 5px;
  }

  #lightboxDetails {
    display: none;
  }

  #memberwrap table {
    border: medium none;
    border-collapse: collapse;
    float: left;
    font-size: 1em;
    height: 11em;
    display: table;
    width: 100%;
  }

  table.bookmark-table td {
    display: table-cell;
    vertical-align: top
  }

  .two-col2 {
    margin: 0 0 10px 0;
  }


  div.res-txt-area {
    background: none repeat scroll 0 0 #069ce9;
    display: block;
    height: auto;
    margin: 0 auto 10px;
    padding: 0 2px 2px;
    width: 218px;
  }

  div.res-txt-area .res-txt {
    height: auto;
    margin: 0;
    padding: 0 7px 7px;
    width: 204px;
  }

  div.res-updated {
    border-bottom: 1px solid #fff;
    display: block;
    height: 10px;
    margin: 0 0 5px;
    padding: 0 0 7px;
    width: auto;
  }

  #res-blog {
    display: block;
    float: left;
    margin: 5px 0;
    line-height: 1.2rem;
    font-size: 1rem;
    width: 204px;
  }

  #res-blog span#blogupdated {
    margin: 0;
    padding: 0 0 2px;
    font-size: 0.8rem;
    width: 204px;
    color: #333;
  }

  #res-blogupdated {
    color: #fff;
    display: table;
    float: right;
    font-size: 11px;
    margin: 2px auto 0;
  }

  div.res-txt-area #res-blogtitle {
    background: none repeat scroll 0 0 #fff;
    line-height: 1.4em;
    margin: 5px auto 0;
    padding: 5px;
    width: auto;
  }

  /* 各セクション　人気キーワード */
  .section-popular-keywords {
    width: 100%;
  }

  .section-popular-keywords-title {
    width: 124px;
    height: auto;
  }

  #top-latest-product-table {
    margin-top: 10px;
    margin-left: 0;
  }


  /*-- 検索結果ゼロ --*/
  div.search-no-item {
    margin-left: 10px;
    font-size: 1.2em;
  }

  /*-- レスポンシブ用各セクショントップ全作品（新着順） --*/
  #container .res_section-top_all-list_link {
    display: inline;
    font-weight: normal;
    font-size: 0.9em;
    float: right;
  }

  #container .res_section-ngc_top_all-list_link {
    display: inline;
    font-weight: normal;
    font-size: 0.9em;
    float: right;
    line-height: 1.7;
  }

  /*-- レスポンシブ用各セクショントップ特集バナー --*/
  #container .res_sp_banner {
    border-top: solid 2px #E3DEC2;
    border-bottom: solid 2px #E3DEC2;
    background: none repeat scroll 0 0 #F3F1E2;
    width: 100%;
    margin: 0 auto;
    padding: 10px 0 !important;
  }

  #container .banner {
    width: 212px;
    margin: 0 auto;
  }

  .res_sp_banner {
    display: block;
  }

  .menu-sp-list {
    display: block;
  }

  /*-- ログイン他 --*/
  #container div.pwupdat,
  #container div.auto-login {
    margin: 7px 0 16px 7px;
    padding: 0;
    font-size: 14px;
    white-space: nowrap;
  }

  span.guide {
    line-height: 1.5;
    font-size: 14px;
    white-space: nowrap;
  }

  /*-- 404 エラーページ --*/
  .errorbox .errorbox-content {
    width: auto;
    font-size: 12px;
    padding: 0 10px;
    margin: 0 auto;
  }

  .errorbox .errorbox-content ul {
    margin: 0 1em;
  }


  #member .myvidex a {
    width: 143px;
  }

  #top-recommend-line1, #top-recommend-line2 {
    padding: 0 9px 0 5px;
  }

  /*-- セクショントップページの終了作品リスト --*/
  #alpha #top-endsoon-product-list div {
    border-top: 1px solid #ccc;
    padding-top: 14px;
  }

  #alpha-only div.category-allcopyrights {
    border-top: 1px solid #ccc;
    color: #666;
    font-size: 11px;
    margin: 10px auto 0;
    padding: 10px;
    width: 96%;
  }

  #alpha-only div.category-allcopyrights span {
    font-size: 10px;
  }

  /* 認証画像 */
  #wrap div.captchatext {
    margin: 0 0 10px 0;
  }

  #wrap div.captchatext em {
    display: block;
  }

  #wrap div.captchatext-buttonrow {
    display: block;
    text-align: center;
    width: 98%;
    height: 4em;
    padding: 0;
    margin: 20px 0 10px;
  }

  /* アニメ　見逃し配信リスト */
  #alpha .anime-minogashi table.minogashi_schedule th {
    padding: 5px;
    margin: 0;
    width: 30px;
  }

  #alpha .anime-minogashi span {
    display: block;
    padding: 0;
  }

  #alpha-center2 table.chart_respon {
    width: 97%;
  }

}
