@charset "utf-8";
/* CSS Document */
/*

　ページ構成
　ヘッダー構成
　フッター構成
　左カラム構成
　右カラム構成
　テンプレート内右カラム

　トップページ
　カート
　ダウンロード
　ランキング
　レビュー
　プロフィール
　マイジャンル
　成人認証

　検索結果系
　作品情報
　1巻無料配信
　同時開催中のキャンペーンバナー
　パック販売
　クーポン・特典コード

　テキストスタイル
　段組みスタイル
　基本枠
　フォーム
　切り替えタブ
　アイコン+テキスト
　アイコン置き換え
　テーブルスタイル
　オーバーレイ
　表示スタイル
　登録ボタンロング

*/
/* ==================================================================================================================
　ページ構成
================================================================================================================== */
#container {
  font-size: 12px;
  width: 100%;
  text-align: left;
  margin-left: auto;
  margin-right: auto;
  min-width: 991px;
}

#footer {
  font-size: 12px;
  clear: both;
  padding: 10px 0 0;
}

/* main_inner内 2カラム
--------------------------------------------------------- */
#in_2col_main {
  width: 100%;
  float: left;
  margin-right: -168px;
}

div#in_2col_main_inner {
  margin-right: 183px;
  /*余白15px;*/
}

div#in_right {
  width: 168px;
  float: left;
  z-index: 1000;
  position: relative;
}

/* ==================================================================================================================
　ヘッダー構成
================================================================================================================== */
#header a:link {
  text-decoration: none;
}

#header a:visited {
  text-decoration: none;
}

#header a:hover {
  text-decoration: underline;
}

/* ヘッダーエリア1
--------------------------------------------------------- */
#header {
  margin: 0 15px;
}

#headline {
  padding-left: 15px;
  padding-right: 15px;
  margin: 0 -15px;
  background: url(../images/web/home/line_2_1.gif) left bottom repeat-x;
}

/* ----- 上部メニュー ----- */
#utility_menu {
  float: right;
  color: #666;
  font-size: 11px;
  text-align: right;
  padding: 5px 3px 5px 20px;
}

div#utility_menu span {
  padding: 0 5px;
}

div#utility_menu span.welcome_icon {
  padding-left: 18px;
  background: url(../images/web/abroad/icon_check.png) left center no-repeat;
}

#utility_menu a {
  color: #666;
  text-align: center;
}

/* ----- 挨拶文 ----- */
#header_message {
  color: #666;
  font-size: 11px;
  padding: 5px 0 5px 3px;
}

/* ヘッダーエリア2
--------------------------------------------------------- */
div#header_top {
  height: 45px;
  margin: 0 10px 0 10px;
}

/* ----- ロゴ ----- */
div#logo {
  width: auto;
  float: left;
  margin: 12px 15px 0 0;
}

/* 20周年ロゴ（2017/6末まで使用 */
div#logo.logo_20th {
  margin: 0;
}

div#logo.logo_20th span#category_logo {
  margin-left:15px;
}

/* ----- ガイドナビ ----- */
ul#guide_nav {
  width: 192px;
  height: 32px;
  float: right;
}

ul#guide_nav li {
  float: left;
}

ul#guide_nav li a {
  height: 32px;
  display: block;
  text-indent: -9999px;
  overflow: hidden;
}

li#nav_login a {
  width: 99px;
  background: url(../images/web/abroad/btn_guide_nav.png) left top no-repeat;
}

li#nav_login a:hover {
  background: url(../images/web/abroad/btn_guide_nav.png) left -32px no-repeat;
}

li#nav_logout a {
  width: 99px;
  background: url(../images/web/abroad/btn_guide_nav.png) left -64px no-repeat;
}

li#nav_logout a:hover {
  background: url(../images/web/abroad/btn_guide_nav.png) left -96px no-repeat;
}

li#nav_mypage a {
  width: 93px;
  background: url(../images/web/abroad/btn_guide_nav.png) -99px top no-repeat;
}

li#nav_mypage a:hover {
  background: url(../images/web/abroad/btn_guide_nav.png) -99px -32px no-repeat;
}

/* ヘッダーエリア3
--------------------------------------------------------- */
div#header_menu {
  width: 100%;
  height: 67px;
  border-radius: 5px 5px 0 0;
  box-shadow: 0 3px 3px 0 rgba(196,201,212,0.8);
  /*Other Browser*/
  background: #637599;
  /*For Old WebKit*/
  background: -webkit-gradient(
  linear, left top, left bottom,
  color-stop(0.00, #637599),
  color-stop(1.00, #536280)
  );
  /*For Modern Browser*/
  background: -webkit-linear-gradient(
  top,
  #637599 0%,
  #536280 100%
  );
  background: linear-gradient(
  to bottom,
  #637599 0%,
  #536280 100%
  );
}

table#header_main {
  width: 100%;
  height: 36px;
}

table#header_main td {
  vertical-align: top;
}

/* ----- カテゴリナビ ----- */
table#header_main td.category_nav_box {
  width: 101px;
}

table#header_main td#adult {
  width: 186px;
}

ul.category_nav {
  width: auto;
  height: 36px;
  padding-left: 2px;
}

ul.category_nav li {
  width: 85px;
  height: 36px;
  float: left;
}

ul.category_nav li a {
  width: 85px;
  height: 28px;
  display: block;
  text-indent: -9999px;
  margin-top: 8px;
  overflow: hidden;
}

li#cn_eng a,
li#cn_ecchieng a,
li#cn_gayeng a {
  background: url(../images/web/abroad/bg_category_nav.png) no-repeat;
}

li#cn_eng a {
  background-position: left top;
}

li#cn_ecchieng a {
  background-position: -85px top;
}

li#cn_gayeng a {
  background-position: -170px top;
}

li#cn_eng a:hover {
  background-position: 0 -34px;
}

li#cn_ecchieng a:hover {
  background-position: -85px -34px;
}

li#cn_gayeng a:hover {
  background-position: -170px -34px;
}

li#cn_eng_on a,
li#cn_ecchieng_on a,
li#cn_gayeng_on a {
  position: relative;
  height: 38px;
  margin: 4px 0 -6px;
  background: url(../images/web/abroad/bg_category_nav.png) no-repeat;
}

li#cn_eng_on a {
  background-position: 0 -68px;
}

li#cn_ecchieng_on a {
  background-position: -85px -68px;
}

li#cn_gayeng_on a {
  background-position: -170px -68px;
}

/* ----- 検索 ----- */
td#search_area table {
  width: 100%;
  table-layout: fixed;
}

td#search_select {
  width: 95px;
}

td#search_select select {
  font-size: 13px;
  width: 90px;
  margin: 5px 0 0;
  padding: 3px 0;
}

td.search_t {
  width: 100%;
}

input#search_text {
  font-size: 13px;
  width: 100%;
  margin-top: 5px;
  border: 1px solid #536280;
  background: #f8f8fa;
  box-sizing: border-box;
  padding: 4px 5px;
}

td.search_btn {
  width: 65px;
}

input#search_button {
  margin: 7px auto 0 5px;
}

input#search_button {
  display: block;
  text-indent: -9999px;
  cursor: pointer;
  width: 59px;
  height: 23px;
  border: 0;
}

td#search_area td.nav_search {
  width: 110px;
  text-align: center;
  vertical-align: middle;
  padding: 5px 0 0 0;
}

td.nav_search a {
  color: #fff;
  font-size: 11px;
}

/* ----- キーワードの追加・再検索 ----- */
input#research_text {
  margin: 0 5px 0 0;
  font-size: 13px;
  width: 80%;
  border: 1px solid #666;
  background: #fff;
  float: left;
  padding: 2px 5px;
}

input#research_button {
  background: url(../images/web/abroad/btn_research.png) no-repeat 0 0;
  margin: 0;
  display: block;
  cursor: pointer;
  width: 83px;
  height: 0;
  padding-top: 21px;
  overflow: hidden;
  border: 0;
}

/* ----- 絞り込み ----- */
input#refine_button {
  background: url(../images/web/abroad/btn_refine.png) no-repeat 0 0;
  margin: 0;
  display: block;
  cursor: pointer;
  width: 60px;
  height: 0;
  padding-top: 21px;
  overflow: hidden;
  border: 0;
}

/* ----- お気に入り・カート ----- */
table#header_main td.nav_favorite {
  width: 108px;
}

table#header_main td.nav_cart {
  width: 92px;
}

table#header_main td.nav_play {
  width: 100px;
}

table#header_main td.nav_favorite a,
table#header_main td.nav_cart a,
table#header_main td.nav_play a {
  width: 92px;
  height: 28px;
  display: block;
  text-indent: -9999px;
  margin-top: 4px;
  overflow: hidden;
  background: url(../images/web/abroad/btn_header_btn.png) no-repeat;
}

table#header_main td.nav_favorite a {
  width: 108px;
  background-position: left top;
}

table#header_main td.nav_favorite a:hover {
  background-position: left -28px;
}

table#header_main td.nav_cart a {
  background-position: -108px top;
}

table#header_main td.nav_cart a:hover {
  background-position: -108px -28px;
}

table#header_main td.nav_play a {
  background-position: -200px top;
}

table#header_main td.nav_play a:hover {
  background-position: -200px -28px;
}

table#header_main td.nav_play a {
  position: relative;
  overflow: visible;
}

table#header_main td.nav_play a span {
  background: url(../images/event/dlplay/new.png) no-repeat;
  display: block;
  width: 36px;
  height: 20px;
  position: absolute;
  top: -10px;
  left: 56px;
  text-indent: -9999px;
  -webkit-animation: new 2s steps(2,start) 0s infinite none;
  animation: new 2s steps(2,start) 0s infinite none;
}

@-webkit-keyframes new {
  0% {
    -webkit-transform: translate(0,0);
    transform: translate(0,0);
  }
  100% {
    -webkit-transform: translate(0px,-2px);
    transform: translate(0px,-2px);
  }
}

@keyframes new {
  0% {
    -webkit-transform: translate(0,0);
    transform: translate(0,0);
  }
  100% {
    -webkit-transform: translate(0px,-2px);
    transform: translate(0px,-2px);
  }
}

/* ----- カテゴリサブナビ ----- */
#header_menu2 {
  padding: 0 3px;
}

table.sub_nav {
  width: 100%;
  table-layout: fixed;
}

table#sv_eng td {
  background: url(../images/web/abroad/bg_sub_nav.png) left top repeat-x;
}

table#sv_ecchieng td {
  background: url(../images/web/abroad/bg_sub_nav.png) left -30px repeat-x;
}

table#sv_gayeng td {
  background: url(../images/web/abroad/bg_sub_nav.png) left -60px repeat-x;
}

table.sub_nav td p {
  height: 24px;
  padding: 0;
  margin: 0;
  text-align: center;
  margin: 6px 0 0 0;
}

#header_menu2 table.sub_nav p a {
  display: block;
  color: #536280;
  height: 24px;
  line-height: 24px;
  border-right: 1px solid #b8c3d9;
}

#header_menu2 table.sub_nav td:last-child p a {
  border-right: none;
}

#header_menu2 table.sub_nav a:hover {
  text-decoration: none;
  background-color: #fefefe;
}

/* カテゴリサブナビ_NEWアイコン */
#header_menu2 p { position:relative; overflow:visible; }
#header_menu2 p span.new {
  background:url(../images/web/common/icon_new.png) no-repeat;
  display:block;
  width:24px;
  height:24px;
  position:absolute;
  bottom:0px;
  right:0px;
  text-indent:-9999px;
  pointer-events: none;
}

/* ----- 簡易ヘッダ ----- */
div#header_simple {
  padding: 10px 0 0;
  margin-left: -15px;
  margin-right: -15px;
}

div#header_simple_inner {
  height: 69px;
  background: url(../images/web/home/head_simple_bg.png) repeat-x 0 bottom;
}

div#header_simple_inner div#logo {
  width: 156px;
  height: 27px;
  margin-left: 25px;
  background: url(../images/web/home/logo_dlsite.gif) no-repeat left top;
}

div#header_simple_inner div#logo a {
  display: block;
  width: 156px;
  height: 27px;
  text-indent: 100%;
  white-space: nowrap;
  overflow: hidden;
}

div#rightlink {
  float: right;
  padding-top: 25px;
  padding-right: 20px;
}

div#rightlink a {
  color: #666;
  text-decoration: none;
}

div#rightlink a:hover {
  text-decoration: underline;
}

/* ----- パンくずリスト ----- */
p#topicpath {
  position: relative;
  color: #666;
  font-size: 11px;
  padding: 0 0 10px 3px;
  margin: -5px 0 0;
}

p#topicpath a {
  color: #039;
}

/* ----- Girls' side ----- */
div#gs_header h2 {
  display: block;
  width: 100%;
  height: 140px;
  text-indent: -9999px;
  background: url(../images/web/abroad/bg_gs_01.png) repeat-x left top;
}

div#gs_header h2 p {
  display: block;
  height: 140px;
  background: url(../images/web/abroad/pic_gs_header_01.png) no-repeat center top;
}

/* ----- DLsite Official Translation ----- */
div#dot_header h2 {
  display: block;
  width: 100%;
  height: 200px;
  text-indent: -9999px;
  background: url(../images/web/abroad/bg_dot_01.jpg) repeat-x left top;
  margin-bottom: 10px;
}

div#dot_header h2 p {
  display: block;
  height: 200px;
  background: url(../images/web/abroad/pic_dot_header_01.jpg) no-repeat center top;
}

/* ==================================================================================================================
　フッター構成
================================================================================================================== */
#footer a:link {
  text-decoration: none;
}

#footer a:visited {
  text-decoration: none;
}

#footer a:hover {
  text-decoration: underline;
}

#footer p.pagetop {
  float: right;
  padding-left: 16px;
  margin: 0 15px 8px 0;
  background: url(../images/web/home/icon_pagetop.gif) no-repeat left center;
}

#footer p.pagetop a {
  color: #536280;
}

div.footer_link_01 {
  clear: both;
  margin: 8px 0;
  border-top: 1px solid #b8c3d9;
  border-bottom: 1px solid #b8c3d9;
}

div.footer_link_01 ul {
  text-align: center;
  padding: 8px 0;
  margin: 2px 0;
  background-color: #e6eaf2;
}

div.footer_link_01 li {
  display: inline;
  padding: 0 10px;
  border-right: 1px solid #b8c3d9;
  color: #536280;
}

div.footer_link_01 li:last-child {
  border-right: none;
}

div.footer_link_01 li a {
  color: #536280;
}

div.footer_link_01 li.sp_switch a {
  display: inline-block;
  padding: 4px 10px;
  background: #f5f7fa;
  color: #536280;
  border-radius: 2px;
  border: solid 1px #b8c3d9;
  font-size: 11px;
}

#footer div.footer_link_01 li.sp_switch a:hover {
  background: #fff;
  text-decoration: none;
}

ul.footer_link_02 {
  margin: 5px 10px;
  font-size: 11px;
}

ul.footer_link_02 li {
  display: inline;
  color: #536280;
}

ul.footer_link_02 li:not(.label) {
  padding: 0 10px;
  border-right: 1px solid #b8c3d9;
}

ul.footer_link_02 li.label:after {
  display: inline;
  margin-left: 5px;
  content: ":";
}

ul.footer_link_02 li:last-child {
  border-right: none;
}

ul.footer_link_02 li a {
  color: #536280;
}

ul.footer_link_02 li a[target="_blank"] {
  padding-left: 15px;
  background: url(../images/web/common/icon_link_blank_04.gif) no-repeat left center;
}

div#system {
  clear: both;
  color: #666;
  font-size: 11px;
  margin: 3px 10px 9px;
}

div#copyright {
  color: #fff;
  padding: 10px 0;
  text-align: center;
  font-size: 11px;
  background: #536280;
  background: -webkit-linear-gradient(top, #637599 0%, #536280 100%);
  background: linear-gradient(to bottom, #637599 0%, #536280 100%);
}

ul#footer_nav {
  clear: both;
  margin: 0 10px 8px;
  text-align: center;
  line-height: 1.5;
}

ul#footer_nav li {
  display: inline;
  font-size: 11px;
  padding-right: 8px;
  margin-right: 8px;
  border-right: 1px solid #b8c3d9;
}

ul#footer_nav li:last-child {
  border-right: none;
}

ul#footer_nav li a[target="_blank"] {
  padding-left: 15px;
  background: url(../images/web/common/icon_link_blank_03.gif) no-repeat left center;
}

ul#footer_nav li a {
  color: #fff;
}

/* ----- フッターバナー ----- */
div.bn_footer_1box {
  clear: both;
  background: url(../images/web/home/bg_bn_footer.gif) left top repeat-x;
  text-align: center;
  padding: 15px 0 5px;
}

div.bn_footer_1box div {
  text-align: center;
}

/* ==================================================================================================================
　左カラム構成
================================================================================================================== */
#left a:link {
  text-decoration: none;
}

#left a:visited {
  text-decoration: none;
}

#left a:hover {
  text-decoration: underline;
}

div.left_module {
  margin-bottom: 10px;
}

div.left_module h3 {
  color: #fff;
  font-size: 13px;
  font-weight: bold;
  height: 29px;
  line-height: 29px;
  padding-left: 9px;
  background: url(../images/web/home/left_module_h3.gif) no-repeat;
}

div.left_module_content {
  border: 1px solid #536280;
  border-top: none;
}

/* ----- サーチリンク ----- */
div.list_head h4 {
  height: 28px;
  line-height: 28px;
  color: #536280;
  font-size: 12px;
  font-weight: bold;
  padding-left: 6px;
  border-top: 1px solid #fff;
  border-bottom: 1px solid #fff;
  background: url(../images/web/home/left_module_h4.png) repeat-x left top;
}

div.list_content {
  padding: 5px;
}

div.list_content_border {
  /* ボーダー有  */
  padding: 0;
}

ul.list_content_bn_01 li {
  padding-bottom: 5px;
}

ul.list_content_bn_02 {
  margin: 0 0 0 -5px;
}

ul.list_content_bn_02 li {
  float: left;
  padding-bottom: 5px;
  padding-left: 5px;
}

ul.list_content_bn_03 {
  margin-bottom: -5px;
}

ul.list_content_bn_03 li {
  padding-bottom: 10px;
}

ul.list_content_text_01,
ul.list_content_text_02,
ul.list_content_text_01_line/* ボーダー有  */,
ul.list_content_text_noicon/* アイコンなし  */ {
  clear: left;
  font-size: 12px;
  line-height: 1.5;
}

ul.list_content_text_noicon {
  line-height: 1.3;
  margin-bottom: -10px;
}

ul.list_content_text_01 li,
ul.list_content_text_02 li {
  padding: 0 0 0 10px;
  margin-bottom: 1px;
  background: url(../images/web/home/list_left_bg.gif) no-repeat left 1px;
}

ul.list_content_text_01 li span {
  font-size: 11px;
}

ul.list_content_text_02 li {
  float: left;
  width: 59px;
}

ul.list_content_text_noicon li {
  padding-bottom: 5px;
  margin-bottom: 5px;
  border-bottom: 1px dotted #8f9fbf;
}

ul.list_content_text_03 li {
  background: #e6eaf2;
  display: inline-block;
  height: 23px;
  line-height: 23px;
  text-align: center;
  padding: 0 5px;
  border-radius: 4px;
  margin: 0 3px 4px 0;
  text-decoration: none;
  color: #536280;
  font-size: 11px;
  cursor: pointer;
}

#left ul.list_content_text_03 li:hover {
  background: #f5f7fa;
}

#left ul.list_content_text_03 li.select {
  background: #fff9d9;
  color: #e58600;
}

#left ul.list_content_text_03 li.select:hover {
  background: #fffdf1;
}

/* 選択状態 */
ul.list_content_text_01 li.select,
ul.list_content_text_02 li.select {
  display: block;
  color: #e58600;
  font-weight: bold;
  padding: 3px 6px;
  border: 1px solid #e58600;
  background-color: #fff9d9;
  background-image: none;
}

ul.list_content_text_01_line > li {
  position: relative;
  border-bottom: 1px solid #b8c3d9;
}

ul.list_content_text_01_line li.last,
ul.list_content_text_noicon li.last {
  border-bottom: none;
}

ul.list_content_text_01_line li a,
ul.list_content_text_01_line li.multi_link.select a {
  display: block;
  color: #039;
  padding: 5px 5px 5px 15px;
  background: url(../images/web/home/list_left_bg.gif) no-repeat 5px 5px;
}

ul.list_content_text_01_line li.multi_link a {
  background: url(../images/web/home/list_left_bg.gif) no-repeat 5px 5px,
  url(../images/web/home/icon_more.png) no-repeat 144px center;
  /* IE8 */
  -pie-background: url(/../images/web/home/list_left_bg.gif) no-repeat 5px 5px,
  url(/../images/web/home/icon_more.png) no-repeat 144px center;
  behavior: url(/../css/PIE.htc);
}

ul.list_content_text_01_line li.blank_link a {
  background: url(../images/web/home/list_left_bg.gif) no-repeat 5px 5px,
  url(../images/web/common/icon_link_blank_04.gif) no-repeat 143px center;
  /* IE8 */
  -pie-background: url(/../images/web/home/list_left_bg.gif) no-repeat 5px 5px,
  url(/../images/web/common/icon_link_blank_04.gif) no-repeat 143px center;
  behavior: url(/../css/PIE.htc);
}

div#left ul.list_content_text_01_line li a:hover {
  color: #e58600;
  text-decoration: none;
  background-color: #fff9d9;
}

/* サブメニュー */
ul.list_content_text_01_line li ul.sub_menu {
  display: none;
}

ul.list_content_text_01_line li:hover ul.sub_menu,
ul.list_content_text_01_line li a:hover ul.sub_menu {
  display: block;
  z-index: 100;
  position: absolute;
  top: -1px;
  left: 158px;
  border-bottom: 1px solid #536280;
  box-shadow: 1px 1px 2px rgba(0,0,0,0.15);
  background: #fff;
  behavior: url(/../css/PIE.htc);
}

ul.list_content_text_01_line li:hover ul.sub_menu li {
  border-left: 1px solid #536280;
  border-right: 1px solid #536280;
  border-top: 1px solid #b8c3d9;
}

ul.list_content_text_01_line li:hover ul.sub_menu li:first-child {
  border-top: 1px solid #536280;
}

div#left ul.list_content_text_01_line li:hover ul.sub_menu li a,
div#left ul.list_content_text_01_line li a:hover ul.sub_menu li a {
  width: 160px;
  display: block;
  color: #039;
  font-weight: normal;
  background: url(../images/web/home/icon_list_arrow_01.png) no-repeat 5px center #fff;
}

div#left ul.list_content_text_01_line li:hover ul.sub_menu li a:hover {
  color: #e58600;
  text-decoration: none;
  background-color: #fff9d9;
}

/* 選択時サブメニュー */
ul.list_content_text_01_line li.select {
  color: #e58600;
  font-weight: bold;
  padding: 5px 5px 5px 15px;
  background: url(../images/web/home/list_left_bg.gif) no-repeat 5px 5px #fff9d9;
  z-index: 1;
}

ul.list_content_text_01_line li.select ul.select {
  display: block;
  list-style: none;
  position: static;
  top: 0;
  left: 0;
  border: none;
  box-shadow: none;
  background: none;
}

ul.list_content_text_01_line ul.select,
ul.list_content_text_01_line li.select ul.select {
  padding-top: 5px;
  display: block;
}

ul.list_content_text_01_line li ul.select li {
  border: none;
}

ul.list_content_text_01_line li ul.select li.select {
  padding: 2px 5px 2px 10px;
  background: url(../images/web/home/icon_list_arrow_01.png) no-repeat left center;
}

div#left ul.list_content_text_01_line ul.select li.select:hover {
  display: block;
  z-index: 100;
  list-style: none;
  margin: 0;
  position: static;
  top: 0;
  left: 0;
  border: none;
}

div#left ul.list_content_text_01_line li.select:hover ul.select li {
  border: none;
}

div#left ul.list_content_text_01_line li.select ul.select li.select:hover {
  list-style: none;
  position: static;
  top: 0;
  left: 0;
  padding: 2px 5px 2px 10px;
  margin: 0;
  border: none;
  background: url(../images/web/home/icon_list_arrow_01.png) no-repeat left center;
}

ul.list_content_text_01_line li.select ul.select li a {
  padding: 2px 5px 2px 10px;
  background: url(../images/web/home/icon_list_arrow_01.png) no-repeat left center;
}

div#left ul.list_content_text_01_line li.select:hover ul.select li a {
  width: 128px;
  display: block;
  background: url(../images/web/home/icon_list_arrow_01.png) no-repeat left center;
}

div#left ul.list_content_text_01_line li.select ul.select li a:hover {
  font-weight: normal;
  background: url(../images/web/home/icon_list_arrow_01.png) no-repeat left center;
}

/* サイト切り替え */
ul#lm_target {
  border-top: 1px solid #536280;
}

ul#lm_target li {
  background-color: #f5f7fa;
}

ul#lm_target li.lm_t_bottom {
  border-top: 1px solid #8f9fbf;
}

ul#lm_target li a {
  display: block;
  height: 28px;
  line-height: 28px;
  color: #536280;
  padding-left: 6px;
  border-top: 1px solid #fff;
  border-bottom: 1px solid #fff;
  background: url(../images/web/home/lm_target_bg.png) no-repeat 123px center;
}

ul#lm_target li.lm_t_bottom a {
}

div.list_content p.makecg {
  margin: 5px 0;
}

/* ----- サークル管理内 左カラム バージョンアップ情報 ----- */
ul.left_version_up_list li {
  padding: 7px 5px;
  border-bottom: dotted 1px #b8c3d9;
}

ul.left_version_up_list li.no_version_up {
  border: none;
}

ul.left_version_up_list li p {
  padding-bottom: 5px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

ul.left_version_up_list li p span {
}

ul.left_version_up_list li a {
  display: block;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  width: 100%;
}

/* ----- お気に入り ----- */
div.list_head_genre h4,
div.list_head_maker h4 {
  color: #536280;
  font-size: 12px;
  font-weight: bold;
  height: 28px;
  line-height: 28px;
  padding-left: 21px;
  border-top: 1px solid #fff;
  border-bottom: 1px solid #fff;
}

div.list_head_genre h4 {
  background: url(../images/web/home/left_module_h4_genre.png) -1px top no-repeat;
}

div.list_head_maker h4 {
  background: url(../images/web/home/left_module_h4_maker.gif) -1px top no-repeat #e6eaf2;
}

/* ----- アフィリエイト売上情報 ----- */
#left_af_report {
}

#left_af_report table {
  width: 100%;
  line-height: 1.5;
}

#left_af_report table th,
#left_af_report table td {
  padding: 4px 5px;
  border-bottom: 1px solid #e6eaf2;
}

#left_af_report table th {
  padding-right: 0;
}

#left_af_report table td {
  color: #c00;
  padding-left: 0;
  text-align: right;
}

#left_af_report table td span {
  font-size: 11px;
}

#left_af_report table tr:last-child th,
#left_af_report table tr:last-child td {
  border-bottom: none;
}

#left_af_report table tr:last-child td {
  font-weight: bold;
}

#left_af_report table tr:last-child td span {
  font-weight: normal;
}

#left_af_report p {
  line-height: 1.5;
  text-align: right;
  padding: 4px 5px;
  border-top: 1px solid #e6eaf2;
}

#left_af_report p.af_regist {
  text-align: left;
  padding: 5px 5px;
}

#left_af_report p.af_regist a {
  display: block;
  width: 148px;
  height: 72px;
  background: url(../images/web/home/bn_affiliate.png) no-repeat left top;
  overflow: hidden;
  text-indent: -9999px;
}

/* ----- 特集 ----- */
div.report_update {
  font-size: 12px;
  font-weight: bold;
  padding: 7px 0 2px 5px;
}

div.report_update span.color_01 {
  padding-left: 1px;
}

div.report_update span.color_02 {
  color: #f26d83;
  padding-left: 1px;
}

div.sub_name_report {
  padding: 2px 0;
  border-top: 2px solid #ffd9df;
  border-bottom: 2px solid #ffd9df;
}

div.sub_name_report p.category {
  font-size: 12px;
  text-align: center;
  height: 24px;
  line-height: 24px;
  color: #f26d83;
  font-weight: bold;
  background: #ffe5ea;
}

div.sub_name_report p.category span {
  padding-left: 7px;
}

div.last_report {
}

/* ----- オススメ作品 ----- */
div.left_pr_work div.left_module_content {
  padding: 15px 9px 0;
}

div.left_pr_work dl {
  padding: 0 0 18px;
  line-height: 1.3;
}

div.left_pr_work dt.work_img {
  margin-bottom: 5px;
  text-align: center;
}

div.left_pr_work dd.work_name {
  margin-bottom: 2px;
}

div.left_pr_work dd.maker_name {
  font-size: 11px;
  color: #666;
}

/* ----- 詳細へリンク ----- */
p.more {
  clear: left;
  color: #536280;
  padding-top: 6px;
  text-align: right;
}

p.more a {
  padding-left: 14px;
  background: url(../images/web/home/icon_more.png) left center no-repeat;
}

p.edit {
  clear: left;
  color: #536280;
  font-size: 11px;
  padding: 3px 2px 0;
  text-align: right;
}

p.edit a {
  color: #536280;
}

/* ----- ご利用案内・モバイル ----- */
div#left_pay,
div#left_privacy,
div#left_mobile,
div#left_ssl {
  padding: 5px;
  border-top: 1px solid #8f9fbf;
}

div#left_pay p {
  text-align: center;
  padding: 5px 0;
}

div#left_privacy,
div#left_ssl {
  text-align: center;
}

div#left_privacy img,
div#left_ssl img {
  padding: 5px;
}

div#left_privacy p.text,
div#left_ssl p.text {
  color: #666;
  font-size: 11px;
  line-height: 1.3;
  padding: 5px 0;
}

div#left_mobile {
  padding: 5px 0 0;
  border-top: 1px dashed #8f9fbf;
}

div#left_smartphone p.touch_guide_text {
  color: #e58600;
  font-weight: bold;
  padding: 5px 0 3px;
  text-align: center;
}

div#left_smartphone p.touch_guide_text span {
  color: #e58600;
}

div#left_mobile p.text {
  font-weight: bold;
  padding-left: 5px;
  padding-top: 5px;
  text-align: center;
  color: #e58600;
}

div#left_mobile p.mobile_img {
  padding: 3px 0;
  text-align: center;
}

/* ----- SNS公式アカウント ----- */
/* twitter widget */
div#left_twitter .twtr-doc {
  border-radius: 0;
}

div#left_twitter .twtr-hd {
  padding: 10px 5px 10px 10px;
}

div#left_twitter .twtr-hd h3 {
  color: #fff;
  font-size: 11px!important;
  font-weight: bold;
  height: 24px;
  line-height: 11px!important;
  padding: 0;
  background: none;
}

div#left_twitter .twtr-hd h4 a {
  font-size: 14px;
}

div#left_twitter .twtr-bd {
  padding: 0;
}

div#left_twitter .twtr-tweet {
  border-bottom: 1px dotted #666;
}

div#left_twitter .twtr-tweet:last-child {
  border-bottom: none;
}

/* SNSリンク */
div#left_sns {
  overflow: hidden;
}

div#left_sns ul {
}

div#left_sns ul li {
  background: url(../images/web/abroad/bg_left_sns.png) no-repeat left top #e6eaf2;
  height: 50px;
  position: relative;
  border-top: 1px solid #b8c3d9;
}

div#left_sns ul li:first-child {
  border-top: none;
}

div#left_sns ul li.facebook_link {
  background-position: 0 0;
}

div#left_sns ul li.tumblr_link {
  background-position: 0 -50px;
}

div#left_sns ul li.facebook_link.girlsside {
  background-position: 0 -100px;
}

div#left_sns ul li.tumblr_link.girlsside {
  background-position: 0 -150px;
}

div#left_sns ul li a {
  display: block;
  width: 30px;
  height: 30px;
  text-indent: -9999px;
  overflow: hidden;
  position: absolute;
  right: 8px;
  top: 10px;
  background: url(../images/web/common/icon_sns.png) left top;
}

div#left_sns ul li.facebook_link a {
  background-position: 0 0;
}

div#left_sns ul li.tumblr_link a {
  background-position: 0 -30px;
}

/* ----- 登録ボタン＆アフィリエイト案内＆とことん利用 ----- */
div#left_regist_btn {
  padding: 5px;
}

div#left_regist_btn li#left_regist_btn_user {
  padding-bottom: 0;
  border: none;
}

div#left_regist_btn li#left_regist_btn_circle.border_n {
  border: none;
}

div#left_regist_btn li#left_regist_btn_user a,
div#left_regist_btn li#left_regist_btn_circle a {
  display: block;
  width: 148px;
  height: 40px;
  overflow: hidden;
  text-indent: -9999px;
}

/* IE6 */
#div#left_regist_btn li {
  _line-height: 0;
}

#div#left_regist_btn li#left_regist_btn_user a,
#div#left_regist_btn li#left_regist_btn_circle a {
  _line-height: normal;
}

div#left_regist_btn li#left_regist_btn_user a {
  background: url(../images/web/abroad/btn_menu_regist_user.png) no-repeat left top;
}

div#left_regist_btn li#left_regist_btn_user a:hover {
  background: url(../images/web/abroad/btn_menu_regist_user.png) no-repeat left bottom;
}

div#left_regist_btn li#left_regist_btn_circle a {
  background: url(../images/web/abroad/btn_menu_regist_circle.png) no-repeat left top;
}

div#left_regist_btn li#left_regist_btn_circle a:hover {
  background: url(../images/web/abroad/btn_menu_regist_circle.png) no-repeat left bottom;
}

div#left_regist_btn li#left_affi a {
  display: block;
  width: 148px;
  height: 72px;
  background: url(../images/web/abroad/bn_affiliate.png) no-repeat left top;
  overflow: hidden;
  text-indent: -9999px;
}

.style_gayeng div#left_regist_btn li#left_affi a {
  background: url(../images/web/abroad/bn_affiliate_gayeng.png) no-repeat left top;
}

ul.list_content_text_noicon li#left_circle_able {
  border-top: 1px dotted #79615f;
  border-bottom: none;
  padding: 5px 0;
  margin-top: 5px;
}

ul.list_content_text_noicon li#left_circle_able a {
  display: block;
  width: 148px;
  height: 35px;
  background: url(../images/web/home/bn_circle_able.gif) no-repeat left top;
  overflow: hidden;
  text-indent: -9999px;
}

.left_payment_logo {
  text-align: center;
  padding: 5px 0;
}

.left_payment_logo table {
  width: 100%;
  margin-top: 5px;
}

.left_payment_logo table td {
  padding-left: 5px;
}

/* キャンペーン一覧
--------------------------------------------------------- */
div.left_campaign_list {
  font-size: 12px;
  line-height: 1.3;
  padding: 5px;
}

div.left_campaign_list p {
  border-bottom: dotted 1px #8f9fbf;
  padding-bottom: 5px;
  margin-bottom: 5px;
  color: #c33;
  word-wrap: break-word;
}

span.cl_date {
  color: #e58600;
  font-weight: bold;
}

div.left_campaign_list p.more {
  border: none;
  color: #000;
  padding: 0;
  margin: 0;
}

div.left_campaign_list p.more a {
  font-weight: normal;
}

/* ==================================================================================================================
　右カラム構成
================================================================================================================== */
#right a:link {
  text-decoration: none;
}

#right a:visited {
  text-decoration: none;
}

#right a:hover {
  text-decoration: underline;
}

/* ----- 基本枠 ----- */
div.right_module {
  width: 215px;
  margin-bottom: 10px;
}

div.right_module_content {
  border: 1px solid #536280;
  border-top: none;
  line-height: 1.2;
}

div.right_module h3 {
  color: #536280;
  font-size: 13px;
  font-weight: bold;
  height: 32px;
  line-height: 32px;
  padding: 0 0 0 9px;
  background: url(../images/web/home/right_module_h3.gif) no-repeat;
}

div#nijiyome div {
  text-align: center;
  padding: 3px 0;
}

div#nijiyome a {
  margin: 5px 0;
  display: block;
}

div#nijiyome img {
  width: 94%;
}

/* ----- マスコットキャラクター ----- */
div#right_chara {
  position: relative;
  margin-bottom: 0;
}

div#right_chara span {
  display: block;
  width: 136px;
  height: 15px;
  position: absolute;
  right: 0;
  top: 0;
  text-indent: -9999px;
  background: url(../images/character/txt_chara_link_eng.png) left top no-repeat;
}

/* ----- バナー ----- */
div.right_banner_inner {
  padding: 5px 0 0;
}

div.right_banner_inner02 {
  padding: 0 !important;
}

div.right_banner p {
  text-align: center;
  padding-top: 5px;
}

/* ----- カウント ----- */
div.right_count {
  border: 1px solid #b8c3d9;
  margin-bottom: 10px;
  padding: 4px;
  line-height: 1.2;
  background: #e6eaf2;
}

div.right_count_inner {
  background: #fff;
  padding: 8px;
}

div.right_count h3 {
  background: url(../images/web/home/right_count_title.gif) no-repeat left top;
  height: 25px;
  line-height: 25px;
  font-size: 12px;
  color: #fff;
  margin-bottom: 8px;
  padding: 0 0 0 12px;
}

div.right_count_inner dl {
  line-height: 1.4;
  margin-left: 12px;
}

div.right_count_inner dl dt {
  width: 120px;
  float: left;
  clear: both;
}

div.right_count_inner dl dd {
  margin-left: 120px;
  font-family: Verdana, Geneva, sans-serif;
}

div.right_count_inner dl dd span {
  padding-left: 3px;
}

/* ----- ランキング ----- */
table.rank_content {
  width: 100%;
}

ul.rank_content_attention li {
  color: #fff;
  text-align: center;
  padding: 4px;
  background-color: #f24a4a;
}

/* マイページ用 */
div.sub_name {
  padding: 1px 0;
  border-bottom: 1px solid #8f9fbf;
}

p.category {
  color: #405580;
  height: 24px;
  line-height: 24px;
  text-align: center;
  background-color: #f0f2f7;
}

p.category span {
  padding-left: 10px;
}

/* ----- ランキングタブ ----- */
ul.rank_content_tab {
  width: 213px;
  height: 26px;
  margin-bottom: 5px;
  background: url(../images/web/home/right_module_tab.gif) no-repeat right -78px;
}

ul.rank_content_tab li {
  width: 71px;
  float: left;
}

ul.rank_content_tab li a {
  display: block;
  color: #fff;
  height: 26px;
  line-height: 26px;
  text-align: center;
}

ul.rank_content_tab li a.rank1-10,
ul.rank_content_tab li a.rank11-20 {
  background: url(../images/web/home/right_module_tab.gif) no-repeat -1px 0;
}

ul.rank_content_tab li a.rank21-30 {
  background: url(../images/web/home/right_module_tab.gif) no-repeat 0 0;
}

#right ul.rank_content_tab li a:hover,
#in_right_02 ul.rank_content_tab li a:hover {
  color: #536280;
  text-decoration: none;
}

ul.rank_content_tab li a.rank1-10:hover,
ul.rank_content_tab li a.rank11-20:hover {
  background: url(../images/web/home/right_module_tab.gif) no-repeat -1px -52px;
}

ul.rank_content_tab li a.rank21-30:hover {
  background: url(../images/web/home/right_module_tab.gif) no-repeat 0 -52px;
}

ul.rank_content_tab li.on a.rank1-10,
ul.rank_content_tab li.on a.rank11-20 {
  background: url(../images/web/home/right_module_tab.gif) no-repeat -1px -26px;
}

ul.rank_content_tab li.on a.rank21-30 {
  background: url(../images/web/home/right_module_tab.gif) no-repeat 0 -26px;
}

div#right ul.rank_content_tab li.on a.rank1-10,
div#right ul.rank_content_tab li.on a.rank11-20 {
  color: #536280;
  font-weight: bold;
  text-decoration: none;
  background: url(../images/web/home/right_module_tab.gif) no-repeat -1px -26px;
}

div#right ul.rank_content_tab li.on a.rank21-30 {
  color: #536280;
  font-weight: bold;
  text-decoration: none;
  background: url(../images/web/home/right_module_tab.gif) no-repeat 0 -26px;
}

/* 順位 */
div.rank_no {
  color: #8f9fbf;
  font-size: 16px;
  font-weight: bold;
  padding: 6px 0 22px 8px;
}

/* TOP10 */
tr.rank_color td.work_dl,
tr.rank_color td.work_img,
tr.rank_color td.name {
  background-color: #f0f2f7;
  border-bottom: 0 solid #b8c3d9;
}

td.work_dl,
td.work_img,
td.name {
  background-color: #fff;
  border-bottom: 0 dotted #b8c3d9;
}

.rank1 td.work_dl {
  background: url(../images/web/home/ranking_1_bg.gif)	no-repeat 2px top;
}

.rank2 td.work_dl {
  background: url(../images/web/home/ranking_2_bg.gif) no-repeat 2px top;
}

.rank3 td.work_dl {
  background: url(../images/web/home/ranking_3_bg.gif)	no-repeat 2px top;
}

.rank4 td.work_dl {
  background: url(../images/web/home/ranking_4_bg.gif)	no-repeat 2px top;
}

.rank5 td.work_dl {
  background: url(../images/web/home/ranking_5_bg.gif)	no-repeat 2px top;
}

.rank6 td.work_dl {
  background: url(../images/web/home/ranking_6_bg.gif)	no-repeat 2px top;
}

.rank7 td.work_dl {
  background: url(../images/web/home/ranking_7_bg.gif)	no-repeat 2px top;
}

.rank8 td.work_dl {
  background: url(../images/web/home/ranking_8_bg.gif)	no-repeat 2px top;
}

.rank9 td.work_dl {
  background: url(../images/web/home/ranking_9_bg.gif)	no-repeat 2px top;
}

.rank10 td.work_dl {
  background: url(../images/web/home/ranking_10_bg.gif)	no-repeat 2px top;
}

.rank1 .rank_no,
.rank2 .rank_no,
.rank3 .rank_no,
.rank4 .rank_no,
.rank5 .rank_no,
.rank6 .rank_no,
.rank7 .rank_no,
.rank8 .rank_no,
.rank9 .rank_no,
.rank10 .rank_no {
  text-indent: -9999px;
}

/* DL数 */
table.rank_content td.work_dl {
  width: 36px;
  text-align: center;
  vertical-align: top;
}

p.rank_count {
  font-size: 11px;
  text-align: center;
}

/* 変動矢印 */
td.new_arrow .rank_no {
  background: url(../images/web/home/ranking_new_arrow.gif) no-repeat 2px 28px;
}

td.rise_arrow .rank_no {
  background: url(../images/web/home/ranking_rise_arrow.gif) no-repeat 2px 28px;
}

td.keep_arrow .rank_no {
  background: url(../images/web/home/ranking_keep_arrow.gif) no-repeat 2px 28px;
}

td.down_arrow .rank_no {
  background: url(../images/web/home/ranking_down_arrow.gif) no-repeat 2px 28px;
}

table.rank_content td.work_img {
  text-align: center;
  vertical-align: top;
  padding: 7px 3px 7px 0;
}

table.rank_content td.name {
  vertical-align: top;
  padding: 6px 3px;
  word-wrap: break-word;
  line-height: 1.3;
  font-size: 11px;
}

table.rank_content .work_name {
  padding-bottom: 3px;
  display: block;
  width: 118px;
}

table.rank_content .work_name a {
  line-height: 14px;
}

table.rank_content .circle_name,
table.rank_content .maker_name {
  display: block;
  color: #06c;
  font-size: 11px;
  width: 118px;
}

table.rank_content .circle_name a,
table.rank_content .maker_name a {
  font-size: 11px;
  color: #06c;
}

/* 詳細へ */
p.more_right {
  text-align: right;
  padding: 8px 5px;
}

p.more_right a {
  padding-left: 13px;
  background: url(../images/web/home/icon_more.png) no-repeat left center;
}

/* ----- おすすめ作品 ----- */
/* シンプル版 */
table.simple_content td.work_box {
  text-align: center;
  padding: 5px 10px;
  border-bottom: 1px dotted #8f9fbf;
}

table.simple_content td.work_box img {
}

table.simple_content span.work_name {
  display: block;
  font-size: 12px;
  line-height: 1.2;
  text-align: left;
  padding-bottom: 3px;
  margin: 5px 5px 0 0;
}

table.simple_content span.maker_name {
  display: block;
  color: #536280;
  font-size: 11px;
  line-height: 1.0;
  text-align: left;
  margin: 0 5px 3px 0;
}

table.simple_content span.maker_name a {
  color: #0270cc;
}

table.simple_content tr.last td {
  border: none;
}

/* テキスト有版 */
table.long_content td.work_box,
table.short_content td.work_box {
  border-bottom: 1px dotted #8f9fbf;
}

table.long_content td.img_box span.work_img_l,
table.short_content td.work_box span.work_img_l {
  float: left;
  display: block;
  text-align: left;
  margin: 5px;
}

table.long_content span.explan_text {
  display: block;
  line-height: 1.3;
  margin: 5px 5px 5px 0;
}

table.short_content span.explan_text {
  display: block;
  font-size: 11px;
  line-height: 1.2;
  margin: 5px 5px 5px 0;
}

table.long_content span.work_name {
  display: block;
  font-size: 12px;
  line-height: 1.2;
  padding-bottom: 1px;
  margin: 0 5px;
}

table.short_content span.work_name {
  display: block;
  font-size: 12px;
  line-height: 1.2;
  padding-top: 5px;
  padding-bottom: 1px;
  margin: 0 5px;
}

table.long_content span.maker_name {
  display: block;
  font-size: 11px;
  line-height: 1.0;
  margin: 0 5px 10px 5px;
}

table.short_content span.maker_name {
  display: block;
  font-size: 11px;
  line-height: 1.0;
  margin: 0 5px 5px 5px;
}

table.long_content span.maker_name a,
table.short_content span.maker_name a {
  color: #0270cc;
}

table.long_content tr.last td.work_box,
table.short_content tr.last td.work_box {
  border: none;
}

/* タブ */
ul.content_2col_tab {
  margin-bottom: 5px;
}

ul.content_2col_tab li {
  height: 26px;
  line-height: 26px;
  float: left;
}

ul.content_2col_tab li a.left {
  width: 107px;
  color: #536280;
  background: url(../images/web/home/right_module_tab.gif) no-repeat -72px 0;
}

ul.content_2col_tab li a.right {
  width: 106px;
  color: #536280;
  background: url(../images/web/home/right_module_tab.gif) no-repeat -72px 0;
}

ul.content_2col_tab li a {
  display: block;
  color: #536280;
  text-align: center;
  outline: none;
}

div#right ul.content_2col_tab li.on a {
  color: #536280;
  font-weight: bold;
  text-decoration: none;
  background: url(../images/web/home/right_module_tab.gif) no-repeat -72px -26px;
}

div#right ul.content_2col_tab li a:hover {
  color: #536280;
  text-decoration: none;
  background: url(../images/web/home/right_module_tab.gif) no-repeat -72px -52px;
}

div#right ul.content_2col_tab li.on a:hover {
  color: #536280;
  font-weight: bold;
  text-decoration: none;
  background: url(../images/web/home/right_module_tab.gif) no-repeat -72px -26px;
}

/* ----- ピックアップ ----- */
table.pickup_content {
  width: 100%;
}

table.pickup_content th {
  height: 25px;
  line-height: 25px;
  color: #536280;
  text-align: center;
  border-bottom: 1px solid #b8c3d9;
  background: #f0f2f7;
}

table.pickup_content th span {
  font-size: 14px;
  padding-left: 10px;
}

table.pickup_content th strong {
  padding: 0 5px;
}

table.pickup_content td.work_img {
  text-align: center;
  vertical-align: top;
  padding: 6px 5px 6px 6px;
  border-bottom: 1px dotted #8f9fbf;
}

table.pickup_content td.name {
  vertical-align: top;
  padding: 5px 5px 5px 0;
  border-bottom: 1px dotted #8f9fbf;
  word-wrap: break-word;
  line-height: 1.3;
}

table.pickup_content span.work_name {
  padding-bottom: 3px;
  display: block;
  width: 147px;
}

table.pickup_content span.work_name a {
  line-height: 1.2;
}

table.pickup_content span.maker_name,
table.pickup_content span.circle_name {
  display: block;
  color: #06c;
  font-size: 11px;
  width: 147px;
}

table.pickup_content span.maker_name a,
table.pickup_content span.circle_name a {
  font-size: 11px;
  color: #06c;
}

table.pickup_content tr.last td {
  border: none;
}

/* ----- 発売予告作品 ----- */
table.announce_content {
  width: 100%;
}

table.announce_content td.work_img {
  text-align: center;
  vertical-align: top;
  padding: 6px 5px 6px 6px;
  border-bottom: 1px dotted #8f9fbf;
  width: 50px;
}

table.announce_content td.name {
  vertical-align: top;
  padding: 5px 5px 0 0;
  border-bottom: 1px dotted #8f9fbf;
  word-wrap: break-word;
  line-height: 1.3;
}

table.announce_content span.work_name {
  display: block;
  padding-bottom: 3px;
  width: 147px;
}

table.announce_content span.work_name a {
  font-size: 11px;
}

table.announce_content span.maker_name,
table.announce_content span.ciecle_name {
  display: block;
  font-size: 11px;
  padding-bottom: 3px;
  width: 147px;
}

table.announce_content span.maker_name a {
  color: #0270cc;
}

table.announce_content span.sale_date {
  display: block;
  color: #899c5b;
  font-size: 11px;
  line-height: 1.0;
  padding-bottom: 5px;
}

table.rank_content span.sale_date {
  color: #899c5b;
  font-size: 11px;
  line-height: 1.2;
  padding-top: 3px;
  display: inline-block;
}

table.announce_content tr.last td {
  border: none;
}

/* ----- レビュー ----- */
table.review_content {
  width: 100%;
}

table.review_content td.work_img {
  text-align: center;
  vertical-align: top;
  padding: 9px 6px;
  border-bottom: 1px solid #cfd6e5;
}

table.review_content td.review {
  font-size: 11px;
  vertical-align: top;
  padding: 9px 6px 9px 0;
  border-bottom: 1px solid #cfd6e5;
}

table.review_content span.review_text {
  display: block;
  width: 145px;
  height: 5em;
  font-size: 11px;
  line-height: 1.3;
  margin-bottom: 5px;
  overflow: hidden;
}

table.review_content span.review_text a {
  color: #333;
}

table.review_content span.review_text a:hover {
  text-decoration: underline;
}

table.review_content span.reviewer_name {
  display: block;
  text-align: right;
}

table.review_content span.reviewer_name a {
  font-size: 11px;
}

table.review_content tr.last td {
  border: none;
}

/* ----- ぶらんにゅーすとあばなー ----- */
p.right_bns {
  padding-bottom: 6px;
}

p.right_bns span.new_text {
  display: block;
  padding: 3px;
  color: #fff;
  background: #672279;
  font-size: 11px;
}

p.right_bns span.new_text span {
  color: #fe0;
  font-weight: bold;
  padding-right: 3px;
  font-size: 12px;
}

/* ----- カテゴリサーチ（Girls' side） ----- */
div#right_gs_search,
div#right_dot_search {
  margin-bottom: 5px;
}

div#right_gs_search h3,
div#right_dot_search h3 {
  background: url(../images/web/abroad/line_gs_01.gif) repeat-x left bottom;
  height: 25px;
  margin-bottom: 5px;
}

div#right_gs_search h3 span,
div#right_dot_search h3 span {
  float: left;
  width: 100%;
  color: #dd0d00;
  font-size: 17px;
  font-weight: bold;
  background: url(../images/web/abroad/title_girlsside.png) no-repeat 0 0;
  text-indent: -9999px;
}

div#right_dot_search h3 span {
  background-position: 0 -50px;
}

div#right_gs_search ul li,
div#right_dot_search ul li {
  padding-bottom: 5px;
  opacity: 1;
}

div#right_gs_search ul li:hover,
div#right_dot_search ul li:hover {
  opacity: 0.9;
}

/* ==================================================================================================================
　テンプレート内右カラム
================================================================================================================== */
/* ----- 基本枠 ----- */
div.in_right_module {
  width: 168px;
  margin-bottom: 10px;
}

div.in_right_module_content {
  border: 1px solid #536280;
  border-top: none;
  line-height: 1.2;
}

div.in_right_module h3 {
  color: #536280;
  font-size: 13px;
  font-weight: bold;
  height: 32px;
  line-height: 29px;
  padding: 0 0 0 9px;
  background: url(../images/web/home/right_module_work_h3.gif) no-repeat;
}

/* ==================================================================================================================
　トップページ
================================================================================================================== */
/* メインバナー
--------------------------------------------------------- */
.style_gayeng div.bn_top_main {
  margin-bottom: 15px;
  background: url(../images/web/abroad/bn_top_main_gay.jpg) no-repeat center top #232323;
  width: 100%;
  height: 220px;
}

.style_gayeng div.bn_top_main p {
  width: 550px;
  margin: 0 auto;
  position: relative;
}

.style_gayeng div.bn_top_main a {
  text-indent: -9999px;
  display: block;
  width: 106px;
  height: 19px;
  position: absolute;
  top: 10px;
  right: 20px;
}

/* お知らせ
--------------------------------------------------------- */
#top_info {
  background: #f5f7fa;
  margin-bottom: 15px;
  height: 1.5em;
  position: relative;
  padding: 5px 10px;
  border-top: dotted 1px #b8c3d9;
  border-bottom: dotted 1px #b8c3d9;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
  overflow: hidden;
  cursor: pointer;
}

#top_info.opened {
  height: 7.5em;
}

#top_info div.top_info_more {
  background: #fff;
  width: 18px;
  height: 18px;
  position: absolute;
  right: 5px;
  top: 5px;
  border-radius: 2px;
}

#top_info:hover div.top_info_more {
  background: #607194;
}

#top_info div.top_info_more i {
  display: block;
  position: absolute;
  top: 7px;
  left: 3px;
  height: 0;
  width: 0;
  overflow: hidden;
  color: rgba(0,0,0,0);
  border: 6px solid transparent;
  border-top-color: #b8c3d9;
}

#top_info.opened div.top_info_more i {
  border-bottom-color: #b8c3d9;
  border-top-color: transparent;
  top: 0;
}

#top_info p {
  float: left;
  width: 80px;
  font-size: 12px;
  line-height: 1.5;
  color: #607194;
  height: 100%;
  border-right: dotted 1px #b8c3d9;
}

#top_info dl {
  line-height: 1.5;
  margin: 0 0 0 -81px;
  float: left;
  width: 100%;
}

#top_info dt {
  float: left;
  width: auto;
  text-align: left;
  padding: 0 0 0.5em 0;
  margin: 0 10px 0 101px;
}

#top_info dd {
  padding: 0 0 0.5em;
}

#top_info a:link,
#top_info a:visited {
  color: #607194;
  text-decoration: none;
}

#top_info a:hover {
  text-decoration: underline;
}

#top_info a.important:link {
  color: #c00;
  font-weight: bold;
}

#top_info a.important:visited {
  color: #c00;
  font-weight: normal;
}

/* ----- センターバナー 3つ横並び用 ----- */
div.bn_center_3box {
  text-align: center;
  margin-top: 5px;
  margin-bottom: 12px;
  margin-right: -5px;
}

div.bn_center_3box img {
  margin-right: 5px;
}

/* ----- センターバナー 1つ用 ----- */
div.bn_center_1box {
  text-align: center;
  margin-bottom: 10px;
  margin-top: 5px;
}

div.bn_center_1box div {
  text-align: center;
}

/* おすすめ作品（タブ切り替え）
--------------------------------------------------------- */
#push_content {
  margin-bottom: 15px;
}

div#push_content div.border_ts {
  border-top: 1px solid #536280;
}

ul.push_content_tab {
  font-size: 12px;
  height: 28px;
  background: url(../images/web/home/tab_bottom_bg.gif) left bottom repeat-x;
}

ul.push_content_tab li {
  height: 28px;
  width: 120px;
  float: left;
  line-height: 28px;
  text-align: center;
  margin-right: 3px;
}

ul.push_content_tab li.push a {
  display: block;
  height: 28px;
  color: #fff;
  text-decoration: none;
  background: url(../images/web/home/tab_120_bg.gif) left -28px no-repeat;
}

ul.push_content_tab li.on a {
  color: #536280;
  font-weight: bold;
  background: url(../images/web/home/tab_120_bg.gif) left top no-repeat;
}

ul.push_content_tab li a:hover {
  color: #536280;
  background: url(../images/web/home/tab_120_bg.gif) left top no-repeat;
}

ul.push_content_tab li.on a:hover {
  cursor: default;
  outline: none;
}

#push_main {
  padding: 10px;
  border: 1px solid #536280;
  border-top: none;
}

div#push_main table.work_5col_table {
  margin-right: -10px;
}

div#push_main table.work_5col_table td {
  padding: 5px 2px;
}

div#push_main table.work_5col_table td.push_work {
  vertical-align: top;
  padding-right: 10px;
}

/* ピックアップ（PCソフト、電子書籍）
--------------------------------------------------------- */
#pickup_worklist {
  margin-bottom: 16px;
}

#pickup_worklist dl.work_2col {
}

#pickup_worklist dl.work_2col dt {
}

#pickup_worklist dl.work_2col dd {
}

#pickup_worklist dl.work_2col dt.work_name {
  font-size: 13px;
}

#pickup_worklist dl.work_2col dd.work_price {
  font-size: 12px;
}

#pickup_worklist dl.work_2col dd.work_text,
#pickup_worklist dl.work_3col dd.work_text {
  font-size: 11px;
  line-height: 1.1;
}

/* 新着作品
--------------------------------------------------------- */
/* RSS */
p.rss_link {
  width: 21px;
  float: right;
  margin-top: 6px;
}

p.rss_link a {
  display: block;
  width: 16px;
  height: 16px;
  text-indent: -9999px;
  background: url(../images/web/home/icon_rss.gif) no-repeat left top;
}

/* ----- ジャンル別新着 ----- */
.link_genre_top {
  padding: 8px 10px;
  margin-bottom: 12px;
  background: #e6eaf2;
}

.link_genre_top ul {
}

.link_genre_top li {
  float: left;
  width: 20%;
}

.link_genre_top a {
  display: block;
  height: 30px;
  line-height: 30px;
  color: #536280;
  font-size: 13px;
  font-weight: bold;
  text-align: center;
  text-decoration: none;
  margin: 0 3px;
  border-radius: 5px;
  border: 1px solid #b8c3d9;
  border-bottom-width: 2px;
  background: #f5f7fa;
  position: relative;
}

.link_genre_top a:after {
  display: block;
  content: "";
  height: 0;
  width: 0;
  border: 6px solid transparent;
  border-left: 6px solid #b8c3d9;
  position: absolute;
  left: 6px;
  top: 9px;
}

.link_genre_top a:hover {
  background-color: #fefefe;
}

/* ----- 絞り込み ----- */
.display_filter {
  text-align: right;
  margin-bottom: 12px;
}

.display_filter div {
  display: inline-block;
  color: #333;
}

.display_filter ul {
  display: inline-block;
  margin-left: -6px;
}

.display_filter li {
  display: inline-block;
  padding: 0 8px;
  background: url(../images/web/home/list_divide_border.gif) no-repeat right 50%;
}

.display_filter li:last-child {
  background: none;
}

.display_filter a {
  color: #039;
}

.display_filter span {
  color: #e58600;
  font-weight: bold;
  background-color: #fff9d9;
  border: 1px solid #e58600;
  padding: 2px 5px;
}

/* ----- 日付見出し ----- */
div.work_block {
  margin-bottom: 10px;
}

div.work_update {
  height: 25px;
  margin-bottom: 10px;
  background: url(../images/web/home/work_update_bg.gif) left top repeat-x;
}

div.work_update_left {
  float: left;
  height: 25px;
  background: url(../images/web/home/work_update_left_bg.gif) left top no-repeat;
}

div.work_update_right {
  width: 30px;
  float: right;
  height: 25px;
  background: url(../images/web/home/work_update_right_bg.gif) right top no-repeat;
}

div.work_update h3 {
  color: #536280;
  font-size: 13px;
  font-weight: bold;
  height: 25px;
  line-height: 25px;
  padding-left: 15px;
}

div.work_update h3 span {
  font-weight: normal;
  padding-left: 5px;
}

div.work_update p {
  height: 25px;
  text-align: left;
  line-height: 25px;
}

div.work_update p a {
  display: block;
  width: 20px;
  height: 25px;
  line-height: 25px;
  text-indent: -9999px;
  overflow: hidden;
  background: url(../images/web/home/icon_calendar.gif) left 4px no-repeat;
}

div.work_return_top {
  font-size: 12px;
  text-align: right;
}

div.work_return_top p {
  text-align: right;
}

/* ----- もっと見る ----- */
div#more_work_box {
  font-size: 12px;
  height: 28px;
  margin: 10px auto 20px;
  border-top: 2px solid #536280;
  background-color: #e6eaf2;
}

div#more_work_box p.more_work {
  width: 100%;
  height: 28px;
}

div#more_work_box a {
  display: block;
  color: #536280;
  font-size: 13px;
  outline: none;
  height: 28px;
  text-align: center;
}

div#more_work_box a span {
  background: url(../images/web/home/more_work_bg.png) no-repeat left 4px;
  padding-left: 30px;
  display: inline-block;
  *display: inline;
  *zoom: 1;
  height: 28px;
  line-height: 28px;
}

div.more_work_load p {
  width: 80px;
  height: 25px;
  text-indent: -9999px;
  margin: 0 auto;
  background: url(../images/web/loading.gif) no-repeat left top;
}

/* ==================================================================================================================
　カート
================================================================================================================== */
#cart_wrapper {
}

/* 消費税率引き上げに関するご案内
--------------------------------------------------------- */
.about_tax,
.about_tax_cart,
.about_tax_report {
  line-height: 1.5;
  font-size: 12px;
  margin-bottom: 15px;
  border: 1px solid #f38597;
  background-color: #fff2f2;
}

.about_tax h2,
.about_tax_cart h2,
.about_tax_report h2 {
  display: block;
  height: 35px;
  line-height: 35px;
  color: #da3751;
  font-size: 13px;
  font-weight: bold;
  padding: 0 8px;
}

/* 作品詳細 */
.about_tax {
  position: relative;
  margin: 15px 0 0;
}

.about_tax.open h2 a {
  padding-right: 75px;
}

.about_tax.close h2 a {
  padding-right: 90px;
}

.about_tax h2 a {
  position: relative;
  display: block;
  color: #da3751;
  white-space: nowrap;
}

.about_tax h2 a:after {
  position: absolute;
  right: 0;
  top: 0;
  padding-left: 24px;
}

.about_tax.open h2 a:after {
  content: "閉じる";
  background: url(../images/web/home/icon_open_tax.gif) left -26px no-repeat;
}

.about_tax.close h2 a:after {
  content: "開く";
  background: url(../images/web/home/icon_open_tax.gif) left 9px no-repeat;
}

.about_tax p {
  padding: 0 10px 8px;
}

.about_tax.close > p {
  display: none;
}

/* カート、特集記事 */
.about_tax_cart,
.about_tax_report {
  display: inline-block;
}

.about_tax_report {
  width: 793px;
}

.about_tax_cart div,
.about_tax_report div {
  padding: 0 10px 8px;
}

.about_tax_cart li,
.about_tax_report li {
  position: relative;
  line-height: 1.5;
  padding: 0 0 3px 12px;
}

.about_tax_cart li:before,
.about_tax_report li:before {
  content: "";
  position: absolute;
  left: 1px;
  top: 6px;
  width: 3px;
  height: 3px;
  background-color: #da3751;
}

.about_tax_cart li:last-child,
.about_tax_report li:last-child {
  padding-bottom: 0;
}

/* カートの中身（作品リスト）
--------------------------------------------------------- */
div#cart_work_list p.base_text_15 {
  text-align: right;
}

div#cart_work_list p.base_text_15 span {
  padding: 0 0 0 10px;
}

div#cart_work_list table {
  border-collapse: separate;
}

div#cart_work_list td.right_last {
  background-image: none;
}

div#cart_work_list th.buy_check,
div#cart_work_list td.buy_check {
  width: 60px;
  text-align: center;
  vertical-align: middle;
}

div#cart_work_list td.work_1col_thumb {
  width: 50px;
  padding-right: 0;
}

div#cart_work_list td.work_1col_thumb div {
  width: 50px;
  margin: 0;
}

div#cart_work_list th.work_price,
div#cart_work_list td.work_price {
  width: 120px;
  text-align: center;
}

div#cart_work_list td.work_price {
  color: #c00;
  font-size: 13px;
  text-align: right;
  vertical-align: middle;
  padding-right: 20px;
}

div#cart_work_list th.cart_setting,
div#cart_work_list td.cart_setting {
  width: 70px;
  text-align: center;
  vertical-align: middle;
}

div#cart_work_list th.cart_setting.user{
  width: 140px;
}

div#cart_work_list td.complete {
  padding: 10px 15px;
  background-color: #fafafa;
}

div#cart_work_list td.cart_setting ul {
  display: inline-block;
  text-align: center;
}

div#cart_work_list td.cart_setting li {
  display: inline-block;
}

div#cart_work_list td.cart_setting li:first-child {
  margin: 0 8px 0 0;
}

div#cart_work_list td.buy_check li input,
div#cart_work_list td.cart_setting li a,
div#cart_work_list td.cart_setting li input {
  font-size: 11px;
}

div#cart_work_list tr.last td.work_content {
  padding: 10px 20px 10px 10px;
  vertical-align: middle;
}

div#cart_work_list tr.last td.work_content p {
  font-size: 13px;
  text-align: right;
}

div#cart_work_list tr.eocs_work td {
  background-color: #fff2f2;
}

div#cart_work_list tr.eocs_work td.buy_check {
  background: url(../images/web/home/icon_cart_eocs.png) no-repeat right top #fff2f2;
  vertical-align: top;
}

div#cart_work_list tr.touch_work td {
  background-color: #fff2f2;
}

div#cart_work_list tr.touch_work td.buy_check {
  background: url(../images/web/home/icon_cart_touch.png) no-repeat right top #fff2f2;
  vertical-align: top;
}

/* 購入作品の確認（作品リスト）
--------------------------------------------------------- */
div#buy_work_list {
  width: 795px;
}

div#buy_work_list td.right_last {
  background-image: none;
}

div#buy_work_list td.work_1col_thumb {
  width: 50px;
  padding-right: 0;
  background: none;
}

div#buy_work_list td.work_1col_thumb div {
  width: 50px;
  margin: 0;
}

div#buy_work_list li.work_name {
  color: #333;
}

div#buy_work_list th.work_price,
div#buy_work_list td.work_price {
  width: 110px;
}

div#buy_work_list td.work_price {
  color: #c00;
  font-size: 13px;
  text-align: right;
  vertical-align: middle;
}

div#buy_work_list tr.last td.work_content p {
  font-size: 13px;
  text-align: right;
}

/* カート合計金額
--------------------------------------------------------- */
div#price_total {
  padding: 0 30px;
  height: 60px;
  line-height: 60px;
  font-size: 16px;
  text-align: right;
  font-weight: bold;
  margin: 10px 0 15px;
  float: right;
  border: 5px solid #e6eaf2;
  color: #536280;
}

.price_count {
  font-size: 20px;
  color: #c00;
  width: 300px;
}

/* ポイント・クーポン利用
--------------------------------------------------------- */
div.cart_price_adjust {
  margin: 5px 0 15px;
  float: right;
  clear: both;
  border: 5px solid #e6eaf2;
  position: relative;
  max-width: 770px;
}

div.cart_price_adjust:after {
  content: "";
  display: block;
  position: absolute;
  top: -35px;
  right: 50px;
  height: 0;
  width: 0;
  overflow: hidden;
  color: rgba(0,0,0,0);
  border: 15px solid transparent;
  border-bottom-color: #e6eaf2;
}

div.cart_price_adjust table th {
  color: #536280;
  background: #f5f7fa;
  font-size: 14px;
  text-align: center;
  vertical-align: middle;
  padding: 10px 20px;
  border-right: solid 1px #e6eaf2;
  border-bottom: solid 1px #e6eaf2;
  min-height: 30px;
  min-width: 80px;
  white-space: nowrap;
}

div.cart_price_adjust table th span {
  font-size: 11px;
}

div.cart_price_adjust table td {
  line-height: 1.5;
  vertical-align: middle;
  padding: 15px 20px;
  border-bottom: solid 1px #e6eaf2;
}

div.cart_price_adjust table tr.last th,
div.cart_price_adjust table tr.last td {
  border-bottom: none;
}

/* 保有ポイント */
div.cart_price_adjust p.current_point {
  display: inline-block;
  vertical-align: middle;
  margin-right: 20px;
  text-align: center;
}

div.cart_price_adjust table td.discount_price {
  font-size: 16px;
  color: #c00;
  padding: 0 20px;
  text-align: center;
  border-left: solid 1px #e6eaf2;
  min-width: 100px;
  white-space: nowrap;
}

div.cart_price_adjust table td .work_point {
  font-size: 14px;
}

/* ポイント利用選択 */
div.cart_price_adjust td ul.cart_point_list {
  display: inline-block;
  vertical-align: middle;
  border-left: dotted 1px #e6eaf2;
  padding-left: 20px;
}

div.cart_price_adjust td ul.cart_point_list li {
  position: relative;
  line-height: 28px;
}

div.cart_price_adjust input[type="text"] {
  color: #333;
}

div.cart_price_adjust td ul.cart_point_list li input[type="radio"] {
  margin: 3px 3px 3px 5px;
}

div.cart_price_adjust td ul.cart_point_list li input[type="text"] {
  margin-right: 5px;
  width: 80px;
}

/* ポイント入力時の注意事項表示 */
span.point_use_notice {
  background: #e6457a;
  display: block;
  position: absolute;
  top: -35px;
  padding: 5px 10px;
  white-space: nowrap;
  color: #fff;
  opacity: 0;
  visibility: hidden;
  right: -120px;
  z-index: 100;
  border-radius: 3px;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
}

span.point_use_notice:after {
  content: "";
  display: block;
  position: absolute;
  bottom: -20px;
  left: 20px;
  height: 0;
  width: 0;
  overflow: hidden;
  color: rgba(0,0,0,0);
  border: 10px solid transparent;
  border-top-color: #e6457a;
}

div.cart_price_adjust ul.cart_point_list li input[type="text"]:focus + span.point_use_notice {
  opacity: 1;
  visibility: visible;
  top: -47px;
}

/* ポイント入力エラー */
div.cart_price_adjust ul.error_list {
  margin: 0;
}

/* ポイントの適用タイミング記載 */
.point_notice {
  font-size: 11px;
  background: #fff;
  border: solid 3px #e6eaf2;
  padding: 10px;
  color: #607194;
  margin: 10px 0 0;
}

/* クーポン選択ボタン */
div.btn_coupon_select,
input.btn_coupon_select {
  display: inline-block;
  padding: 0 10px;
  height: 26px;
  line-height: 26px;
  border-radius: 3px;
  background: #093;
  color: #fff;
  cursor: pointer;
  margin-bottom: 10px;
  border: none;
  outline: none;
  white-space: nowrap;
  text-align: center;
}

div.btn_coupon_select:hover,
input.btn_coupon_select:hover {
  background: #2b5;
}

/* 選択済みクーポン */
.available_coupon_box {
  display: table;
  margin-bottom: 10px;
}

.available_coupon_box > p.coupon_name,
.available_coupon_box > p.coupon_name + div {
  display: table-cell;
  vertical-align: middle;
}

.available_coupon_box > p.coupon_name {
  padding-right: 10px;
  color: #093;
  font-size: 14px;
  font-weight: bold;
}

.available_coupon_box > p.coupon_name + div div.btn_coupon_select {
  margin: 0;
}

/* クーポンコード入力 */
div.coupon_code input[type="text"] {
  margin-left: 5px;
  width: 220px;
}

/* クーポン発券完了通知 */
p.succes_message {
  color: #073;
  font-size: 12px;
  line-height: 1.5;
  padding: 5px 0;
}

/* クーポンオーバーレイ
--------------------------------------------------------- */
div.selected_box,
div.choose_box {
  padding: 0 20px;
}

/* タイトル */
div.choose_box div.title_sub_200 {
  float: left;
}

/* クーポンリスト */
ul.coupon_list {
  overflow: auto;
  height: 70%;
  clear: both;
}

ul.coupon_list.selected {
  max-height: none;
  height: auto;
}

ul.coupon_list li {
  border-top: solid 1px #b8c3d9;
  padding: 10px;
  position: relative;
}

ul.coupon_list li:last-child {
  border-bottom: solid 1px #b8c3d9;
}

ul.coupon_list.selected li {
  padding: 10px 10px 10px;
  background: #fffde5;
  margin-bottom: 20px;
}

/* クーポン情報 */
dl.coupon_info {
  overflow: hidden;
  display: table;
  width: 100%;
}

dl.coupon_info > dt {
  display: table-cell;
  padding-bottom: 5px;
  font-weight: bold;
}

dl.coupon_info > dd {
  display: table-cell;
  width: 240px;
  text-align: center;
  vertical-align: top;
  padding-top: 10px;
}

/* クーポン名 */
dl.coupon_info p.coupon_name {
  font-weight: bold;
  font-size: 14px;
  padding-bottom: 5px;
}

ul.coupon_list.selected dl.coupon_info p.coupon_name {
  color: #073;
}

/* クーポン有効期限 */
dl.coupon_info p.coupon_period {
  font-size: 12px;
  padding-bottom: 5px;
}

/* クーポン割引率 */
dl.coupon_info p.coupon_discount {
  font-weight: bold;
  padding: 0 0 5px 0;
  text-align: center;
  float: none;
}

dl.coupon_info p.coupon_discount strong {
  font-size: 18px;
  color: #c00;
  display: block;
}

dl.coupon_info p.coupon_discount strong span {
  font-size: 16px;
}

dl.coupon_info p.coupon_discount strong i {
  font-style: normal;
  font-size: 18px;
}

/* クーポン選択ボタン */
dl.coupon_info p.coupon_select {
  text-align: center;
}

dl.coupon_info p.coupon_select input.btn_coupon_select {
  margin: 0;
}

ul.coupon_list.selected input.btn_coupon_select {
  background: #c00;
  color: #fff;
}

ul.coupon_list.selected input.btn_coupon_select:hover {
  background: #e22;
}

/* クーポン条件 */
div.coupon_outline {
  clear: both;
  background: #e6eaf2;
  color: #536280;
  position: relative;
  margin: 5px 0 0;
  font-size: 12px;
  padding: 8px 30px 8px 10px;
  overflow: hidden;
  cursor: pointer;
  font-size: 12px;
}

div.coupon_outline.open p {
  display: none;
}

dl.coupon_condition {
  display: none;
}

dl.coupon_condition > dt,
dl.coupon_details > dt {
  float: left;
  width: 100px;
  text-align: right;
}

dl.coupon_condition > dd,
dl.coupon_details > dd {
  margin-left: 110px;
}

/* クーポン説明 */
dl.coupon_details {
  margin-top: 10px;
  padding-top: 10px;
  border-top: dotted 1px #b8c3d9;
  display: none;
}

div.coupon_outline.open dl.coupon_details,
div.coupon_outline.open dl.coupon_condition {
  display: block;
}

/* クーポン条件もっと見る */
div.coupon_outline > div.coupon_condition_more {
  display: block;
  background: #fff;
  width: 18px;
  height: 18px;
  position: absolute;
  right: 10px;
  top: 8px;
  border-radius: 2px;
}

div.coupon_outline:hover > div.coupon_condition_more {
  background: #607194;
}

div.coupon_outline > div.coupon_condition_more i {
  display: block;
  position: absolute;
  top: 7px;
  left: 3px;
  height: 0;
  width: 0;
  overflow: hidden;
  color: rgba(0,0,0,0);
  border: 6px solid transparent;
  border-top-color: #b8c3d9;
}

div.coupon_outline.open > div.coupon_condition_more i {
  border-bottom-color: #b8c3d9;
  border-top-color: transparent;
  top: 0;
}

/* クーポンアイコン（NEW、期限切れ間近） */
.coupon_new,
.coupon_deadline {
  display: inline-block;
  height: 22px;
  line-height: 22px;
  border-radius: 11px;
  color: #333;
  background: #fc0;
  padding: 0 10px;
  vertical-align: middle;
  margin-left: 10px;
  font-size: 12px;
  font-weight: bold;
}

.coupon_deadline {
  color: #fff;
  background: #c00;
}

/* 閉じる */
div.global_overlay_close {
  height: 26px;
  line-height: 26px;
  padding: 0 15px;
  border-radius: 3px;
  cursor: pointer;
  position: absolute;
  bottom: 20px;
  z-index: 9999;
  right: 20px;
  color: #536280;
  border: solid 1px #607194;
}

div.global_overlay_close:hover {
  text-decoration: none;
  background: #607194;
  color: #fff;
}

/* 決済右カラム
--------------------------------------------------------- */
div.in_right_inner {
  width: 168px;
}

div.in_right_inner.fixed {
  position: fixed;
  top: 15px;
}

div.right_cart h3 {
  color: #536280;
  font-size: 13px;
  font-weight: bold;
  height: 32px;
  line-height: 29px;
  padding: 0 0 0 9px;
  background: url(../images/web/home/cart_right_module_h3.gif) no-repeat;
}

div.in_right_module_content_cart {
  width: 168px;
  line-height: 1.2;
  background: url(../images/web/home/cart_right_bg.gif) repeat-y left top;
  padding-top: 4px;
}

div#cart_right_total {
  background: #e6eaf2;
  width: 166px;
  margin-bottom: 3px;
  border-left: solid 1px #b8c3d9;
  border-right: solid 1px #b8c3d9;
}

div#cart_right_total dl {
  background: #fff;
  border: solid 1px #b8c3d9;
  margin: 0 3px;
  padding: 10px 0;
  border-radius: 5px;
}

div#cart_right_total dt {
  color: #333;
  font-size: 12px;
  font-weight: bold;
  padding-bottom: 2px;
  text-align: center;
}

div#cart_right_total dd {
  color: #c00;
  font-size: 16px;
  font-weight: bold;
  text-align: center;
}

ul.right_payment_btn {
  padding-top: 2px;
  padding-bottom: 7px;
}

p.btn_login_cart {
  padding: 2px 0;
}

div#in_right a.login_lead {
  background: url(../images/web/abroad/btn_login_lead.png) no-repeat;
  background-size: 100%;
  width: 148px;
  height: 54px;
  display: block;
  text-indent: -9999px;
  margin: 0 auto;
}

div.right_cart a.point_coupon_notice {
  display: block;
  text-align: center;
  border: solid 1px #093;
  color: #093;
  background: #efe;
  padding: 5px;
  font-size: 11px;
  font-weight: bold;
  margin: 5px 8px 0;
  line-height: 1.4;
}

div.right_cart a.point_coupon_notice:hover {
  background: #dfd;
  text-decoration: none;
}

/* 購入ボタン */
div.payment_btn_select {
  border: 1px solid #b8c3d9;
  border-radius: 4px;
  margin: 4px;
  box-shadow: 0 1px 0 rgba(255,255,255,0.5);
}

div.payment_btn_select p.top_text {
  padding: 10px 0 6px;
  text-align: center;
  line-height: 1.4;
  font-size: 11px;
}

div.payment_btn_select p.regist_link {
  text-align: left;
  margin: 0 0 3px 18px;
  padding-left: 13px;
  background: url(../images/web/home/icon_more.png) no-repeat 0 2px;
  line-height: 1.3;
}

div.payment_btn_select .payment_select_title {
  background: #607194;
  position: relative;
  margin: 4px 4px 4px;
  padding: 6px 10px;
  overflow: hidden;
  border-radius: 2px;
  color: #fff;
  font-size: 11px;
  text-align: center;
}

div.payment_btn_select .payment_select_title.other {
  background: #e58600;
  text-align: left;
  cursor: pointer;
  padding-left: 17px;
}

.payment_select_title span.payment_select_more {
  background: #fff;
  width: 16px;
  height: 16px;
  position: absolute;
  right: 4px;
  top: 4px;
  border-radius: 2px;
  display: block;
}

.payment_select_title:hover span.payment_select_more {
  background: #fff9d9;
}

.payment_select_title span.payment_select_more i {
  display: block;
  position: absolute;
  top: 6px;
  left: 3px;
  height: 0;
  width: 0;
  overflow: hidden;
  color: rgba(0,0,0,0);
  border: 5px solid transparent;
  border-top-color: #e58600;
}

.payment_select_title:hover span.payment_select_more i {
  border-top-color: #e58600;
}

.payment_select_title.opened span.payment_select_more i {
  border-bottom-color: #e58600;
  border-top-color: transparent;
  top: 0;
}

.payment_select_title:hover.opened span.payment_select_more i {
  border-bottom-color: #e58600;
}

ul.right_payment_btn li {
  margin-bottom: 5px;
}

ul.right_payment_btn li:last-child {
  margin-bottom: 0;
}

ul.right_payment_btn li span {
  display: block;
  padding: 4px 0;
  text-align: center;
  position: relative;
}

div.in_right_module_content_cart ul#btm_text_guest {
  background: url(../images/web/home/cart_right_bg_btm.gif) no-repeat 0 bottom;
  padding: 7px 0;
}

div.in_right_module_content_cart ul#btm_text_guest li {
  text-align: left;
  margin-left: 17px;
  padding-left: 13px;
  padding-bottom: 5px;
  background: url(../images/web/home/icon_more.png) no-repeat 0 2px;
}

div.payment_btn_select .no_later {
  width: 151px;
  height: 90px;
  background: url(../images/web/common/bg_payment_later_cart.png) no-repeat 0 0;
  margin: 0 auto;
  position: relative;
  text-indent: -9999px;
}

div.payment_btn_select .no_later a {
  display: block;
  position: absolute;
  top: 55px;
  left: 8px;
  width: 132px;
  height: 18px;
}

/* ユーザー購入 */
.in_right_module_content_cart ul.right_guide_user_list li {
  text-align: left;
  margin-left: 15px;
  padding-left: 13px;
  margin-top: 10px;
  background: url(../images/web/home/icon_more.png) no-repeat 0 2px;
  line-height: 1.3;
}

.in_right_module_content_cart div.payment_btn_select .right_payment_btn ul.right_guide_user_list li {
  margin-top: 5px;
  margin-bottom: 0;
  margin-left: 14px;
}

.in_right_module_content_cart input + ul.right_guide_user_list li {
  margin-top: 5px;
}

.in_right_module_content_cart div.payment_btn_select ul.right_guide_user_list li {
  margin-top: 0;
  margin-bottom: 7px;
  margin-left: 20px;
}

div.in_right_module_content_cart p.btm_text_user {
  font-size: 11px;
  text-align: center;
  padding: 7px 15px;
  line-height: 1.3;
  background: url(../images/web/home/cart_right_bg_btm.gif) no-repeat 0 bottom;
}

/* 決済ボタン
--------------------------------------------------------- */
table.payment_btn {
  width: 95%;
  table-layout: fixed;
  margin: 10px auto;
  border: 1px solid #b8c3d9;
}

table.payment_btn th {
  color: #536280;
  font-size: 13px;
  font-weight: bold;
  line-height: 1.3;
  padding: 6px 0;
  background: #e6eaf2;
  padding: 10px;
  border-right: 1px solid #b8c3d9;
  border-bottom: 1px solid #b8c3d9;
  width: 185px;
}

table.payment_btn td {
  text-align: center;
  vertical-align: middle;
  padding: 10px;
  border-bottom: 1px solid #b8c3d9;
}

table.payment_btn td.modify_guide {
  background: #f0f2f7;
  padding: 10px;
  text-align: left;
  width: 180px;
}

table.payment_btn td.modify_guide span.external_payment_notice {
  font-size: 10px;
  padding: 2px 0;
  display: block;
}

table.payment_btn .no_later {
  width: 151px;
  height: 84px;
  background: url(../images/web/common/bg_payment_later_table.png) no-repeat 0 0;
  position: relative;
  text-indent: -9999px;
}

table.payment_btn .no_later a {
  display: block;
  position: absolute;
  top: 55px;
  left: 8px;
  width: 132px;
  height: 18px;
}

/* メンテナンス中 */
table.payment_btn td.mentenance p {
  font-size: 11px;
  line-height: 1.3;
  text-align: center;
  padding: 0;
  color: #c00;
}

ul.right_payment_btn p.mentenance {
  font-size: 12px;
  line-height: 1.3;
  text-align: left;
  padding: 3px 10px 3px 16px;
  color: #c00;
}

ul.right_payment_btn p.mentenance:first-letter {
  margin-left: -10px;
}

/* バナー */
p#cart_bn_user_regist {
  margin: 10px 0;
}

p#cart_bn_user_regist a {
  display: block;
  width: 168px;
  height: 120px;
  background: url(../images/web/abroad/bn_cart_regist.png) no-repeat 0 0;
  text-indent: -9999px;
}

/* 外部決済ガイド */
div#cart_payment_guide {
  background: url(../images/web/home/cart_right_guide_bg.gif) repeat-y;
}

div#cart_payment_guide_inner {
  background: url(../images/web/home/cart_right_guide_bg_top.gif) no-repeat 0 0;
}

div#cart_payment_guide div.external_guide {
  background: url(../images/web/home/cart_right_guide_bg_btm.gif) no-repeat 0 bottom;
  padding-bottom: 10px;
}

div#cart_payment_guide div.external_guide dt {
  font-weight: bold;
  color: #4d628c;
  padding: 10px 10px 7px;
}

div#cart_payment_guide div.external_guide dd {
  font-size: 11px;
  line-height: 1.2;
  padding: 0 10px 38px;
  background: url(../images/web/common/digital_garage_s.gif) no-repeat center bottom;
}

/* ソフ倫作品が入ってます */
div.eocs_error {
  text-decoration: line-through;
}

table.payment_btn td.eocs_error input {
  margin-bottom: 0;
}

table.payment_btn td.eocs_error p {
  color: #c00;
  padding-top: 5px;
  margin-bottom: 10px;
}

/* 決済確認 */
.comfirm_mail_btn {
  display: block;
  margin-top: 3px;
  height: 26px;
  position: relative;
}

.form_table .btn_testmail {
  display: inline-block;
  background: #e6eaf2;
  border-radius: 2px;
  padding: 0 5px;
  height: 26px;
  line-height: 26px;
  font-size: 12px;
  color: #4d628c;
  text-decoration: none;
  border: none;
  cursor: pointer;
  position: absolute;
  bottom: 0;
  left: 0;
}

.form_table .btn_testmail:hover {
  background: #607194;
  text-decoration: none;
  color: #fff;
}

.comfirm_mail_btn .mini_message {
  color: #e58600;
  font-weight: bold;
  padding: 0 10px;
  border: 1px solid #e58600;
  background: #fff9d9;
  display: inline-block;
  height: 24px;
  line-height: 24px;
}

/* 最近チェックした作品
--------------------------------------------------------- */
div.recently_check_work {
  width: 765px;
  padding: 10px;
  border: 5px solid #e6eaf2;
}/* 合計を795pxにする */
div.recently_check_work table {
  table-layout: fixed;
  width: 760px;
  margin-left: 10px;
}

div.recently_check_work table td {
  padding: 0 10px 0 0;
}

/* 購入作品と合計金額の確認
--------------------------------------------------------- */
div#payment_price {
  margin: 5px 0 15px;
  overflow: hidden;
  width: 795px;
}

/* テーブルレイアウト */
div#payment_price dl {
  float: right;
  border: 5px solid #e6eaf2;
  position: relative;
}

div#payment_price dl dt {
  color: #536280;
  background: #f5f7fa;
  font-size: 14px;
  float: left;
  clear: both;
  text-align: center;
  padding: 10px 20px;
  border-right: solid 1px #e6eaf2;
  border-bottom: solid 1px #e6eaf2;
  height: 30px;
  line-height: 30px;
  width: 100px;
  white-space: nowrap;
}

div#payment_price dl dd {
  float: left;
  height: 30px;
  line-height: 30px;
  font-size: 16px;
  color: #c00;
  padding: 10px 20px;
  text-align: right;
  white-space: nowrap;
  width: 200px;
  border-bottom: solid 1px #e6eaf2;
  font-weight: bold;
}

div#payment_price dl dt.last,
div#payment_price dl dd.last {
  border-bottom: none;
}

div#payment_price dl dd.last {
  font-size: 20px;
  color: #c00;
}

/* ----- 購入時の注意事項 ----- */
div.payment_attention {
  width: 795px;
  margin: -10px 0 25px;
  border: 1px dotted #f16a99;
  background: #fff2f8;
}

div.base_text_15 div.payment_attention {
  width: 765px;
}

div.payment_attention p {
  padding: 10px;
  line-height: 1.5;
}

div.payment_attention p span.title {
  color: #d94c63;
  font-weight: bold;
  display: block;
  padding-bottom: 2px;
}

div.payment_attention p strong {
  color: #c00;
  padding: 0 2px;
}

/* ----- BitCashEXの入力項目 ----- */
div#input_bitcash input {
  margin: 0 5px;
  width: 60px;
}

/* ==================================================================================================================
　ダウンロード
================================================================================================================== */
/* ダウンロード右カラム
--------------------------------------------------------- */
div.right_download h3 {
  color: #fff;
  font-size: 13px;
  font-weight: bold;
  height: 29px;
  line-height: 29px;
  padding: 0 0 0 9px;
  background: url(../images/web/home/dl_right_module_h3.gif) no-repeat;
}

/* ダウンロード後のヘルプ */
ul.right_dl_faq li {
  line-height: 1.4;
  padding: 7px;
  border-bottom: 1px dotted #8f9fbf;
}

ul.right_dl_faq li.last {
  border: none;
}

ul.right_dl_faq li dt {
  color: #e58600;
  font-weight: bold;
  margin-bottom: 5px;
}

ul.right_dl_faq li dd {
  font-size: 11px;
}

ul.right_dl_faq li dt span {
  color: #d94c63;
  padding-right: 5px;
}

ul.right_dl_faq li dd span {
  color: #d94c63;
  font-weight: bold;
  padding-right: 5px;
}

/* ゲスト お問い合わせ番号
--------------------------------------------------------- */
div.base_text_15 p strong.guest_number {
  color: #093;
  font-size: 16px;
}

.btn_reissue {
  margin-left: 20px;
}

/* 購入作品のダウンロード（作品リスト）
--------------------------------------------------------- */
div#download_work_list {
  margin-bottom: 20px;
}

div#download_work_list td {
  background-image: none;
}

div#download_work_list td.work_1col_thumb {
  width: 50px;
  padding-right: 0;
}

div#download_work_list td.work_1col_thumb div {
  width: 50px;
  margin: 0;
}

div#download_work_list li.work_name {
  color: #333;
}

div#download_work_list th.work_download,
div#download_work_list td.work_download,
div#download_work_list th.work_stream,
div#download_work_list td.work_stream {
  width: 160px;
  text-align: center;
  vertical-align: middle;
}

div#download_work_list td.work_download p.work_cart {
  margin: 10px auto;
}

div#download_work_list tr.item_code td {
  border-top: 1px solid #b8c3d9;
  background: #ffe5e5;
}

div#download_work_list tr.item_code ul {
  height: 20px;
}

div#download_work_list tr.item_code li {
  width: 250px;
  height: 20px;
  line-height: 20px;
  float: left;
  color: #333;
  font-size: 12px;
}

/* ----- 分割ファイルのダウンロード ----- */
div#download_division_file {
  width: 795px;
  margin-top: 10px;
  margin-bottom: 20px;
}

div#download_division_file table {
  border: 1px solid #b8c3d9;
}

div#download_division_file td {
  padding: 10px;
}

div#download_division_file th.work_download {
  width: 170px;
  text-align: center;
}

div#download_division_file td.work_download {
  text-align: center;
  background-image: none;
}

div#download_division_file td.work_download p.work_cart {
  margin: 3px auto;
}

div#download_division_file td.work_content {
  vertical-align: middle;
  background-image: none;
}

div#download_division_file td.work_content p {
  font-size: 12px;
}

div#download_division_file td.work_content strong {
}

div#download_division_file td.work_content span {
  padding-left: 5px;
}

/* ----- ダウンロード・ブラウザ視聴ボタン ----- */
td.work_download p.work_cart {
  width: 160px;
  height: 36px;
  text-indent: 0;
  margin: 3px auto 0;
}

td.work_download p.work_cart a {
  display: block;
  width: 100%;
  height: 100%;
  border-radius: 4px;
  border: solid 1px #c00;
  box-sizing: border-box;
  text-align: center;
  color: #fff;
  font-size: 14px;
  line-height: 34px;
}

td.work_download p.work_cart a:before {
  display: inline-block;
  margin-right: 8px;
  font-family: 'dlsite-icons';
  font-size: 15px;
  line-height: 1;
  vertical-align: middle;
}

td.work_download p.work_cart a:hover {
  text-decoration: none;
}

td.work_download p.work_cart a.btn_dl {
  background: #734dbf;
  background: -webkit-linear-gradient(top, #9877d9 0%, #734dbf 100%);
  background: linear-gradient(to bottom, #9877d9 0%, #734dbf 100%);
  border-color: #6342a6;
}

td.work_download p.work_cart a.btn_dl:hover {
  background: #6640b3;
  background: -webkit-linear-gradient(top, #8963d3 0%, #6640b3 100%);
  background: linear-gradient(to bottom, #8963d3 0%, #6640b3 100%);
  border-color: #593b94;
}

td.work_download p.work_cart a.btn_dl:before {
  content: "\e901";
}

td.work_download p.work_cart a.btn_dlsp, td.work_download p.work_cart a.btn_dlsp_dl {
  background: #bf43bf;
  background: -webkit-linear-gradient(top, #d94cd9 0%, #bf43bf 100%);
  background: linear-gradient(to bottom, #d94cd9 0%, #bf43bf 100%);
  border-color: #a63aa6;
}

td.work_download p.work_cart a.btn_dlsp:hover, td.work_download p.work_cart a.btn_dlsp_dl:hover {
  background: #ae3bae;
  background: -webkit-linear-gradient(top, #d437d4 0%, #ae3bae 100%);
  background: linear-gradient(to bottom, #d437d4 0%, #ae3bae 100%);
  border-color: #933393;
}

td.work_download p.work_cart a.btn_dlsp:before, td.work_download p.work_cart a.btn_dlsp_dl:before {
  content: "\e901";
}

td.work_download p.work_cart a:after {
  display: none;
}

td.work_stream a {
  display: block;
  width: 160px;
  height: 36px;
  margin: 10px auto;
  border-radius: 4px;
  border: solid 1px #c00;
  box-sizing: border-box;
  text-align: center;
  color: #fff;
  font-size: 14px;
  line-height: 34px;
}

td.work_stream a:before {
  display: inline-block;
  margin-right: 8px;
  font-family: 'dlsite-icons';
  font-size: 15px;
  line-height: 1;
  vertical-align: middle;
}

td.work_stream a:hover {
  text-decoration: none;
}

td.work_stream a.btn_st {
  background: #39a9bf;
  background: -webkit-linear-gradient(top, #62c5d9 0%, #39a9bf 100%);
  background: linear-gradient(to bottom, #62c5d9 0%, #39a9bf 100%);
  border-color: #3292a6;
}

td.work_stream a.btn_st:hover {
  background: #3398ac;
  background: -webkit-linear-gradient(top, #4dbdd4 0%, #3398ac 100%);
  background: linear-gradient(to bottom, #4dbdd4 0%, #3398ac 100%);
  border-color: #2c8192;
}

td.work_stream a.btn_st:before {
  content: "\e904";
}

p.work_download {
  width: 160px;
  height: 36px;
  text-indent: 0;
  margin: 3px 0 0;
}

p.work_download a {
  display: block;
  width: 100%;
  height: 100%;
  border-radius: 4px;
  border: solid 1px #c00;
  box-sizing: border-box;
  text-align: center;
  color: #fff;
  font-size: 14px;
  line-height: 34px;
}

p.work_download a:before {
  display: inline-block;
  margin-right: 8px;
  font-family: 'dlsite-icons';
  font-size: 15px;
  line-height: 1;
  vertical-align: middle;
}

p.work_download a:hover {
  text-decoration: none;
}

p.work_download a.btn_dl {
  background: #734dbf;
  background: -webkit-linear-gradient(top, #9877d9 0%, #734dbf 100%);
  background: linear-gradient(to bottom, #9877d9 0%, #734dbf 100%);
  border-color: #6342a6;
}

p.work_download a.btn_dl:hover {
  background: #6640b3;
  background: -webkit-linear-gradient(top, #8963d3 0%, #6640b3 100%);
  background: linear-gradient(to bottom, #8963d3 0%, #6640b3 100%);
  border-color: #593b94;
}

p.work_download a.btn_dl:before {
  content: "\e901";
}

/* ダウンロードFAQ
--------------------------------------------------------- */
div.error_faq {
  width: 795px;
  margin-bottom: 12px;
}

div.error_faq dl {
  padding: 5px 15px;
}

div.error_faq dt {
  display: block;
  color: #c00;
  font-size: 13px;
  font-weight: bold;
  padding: 0 0 3px;
  margin: 0 0 10px;
  border-bottom: 2px solid #c00;
}

div.error_faq dd {
}

div.error_faq dd p {
  line-height: 1.5;
  margin-bottom: 1em;
}

div.error_faq dd p.guide_image {
  float: right;
  margin-left: 30px;
}

div.error_faq dd p.answer {
}

div.error_faq dd p.answer strong {
  font-size: 13px;
}

/* ユーザー登録のご案内
--------------------------------------------------------- */
div#guest_user_guide {
  width: 795px;
  margin: 0 auto 10px;
}

p.welcome_message {
  width: 795px;
  height: 180px;
  text-indent: -9999px;
  background: url(../images/web/abroad/guest_user_guide_eng.png) left top no-repeat;
}

div.user_regist_link {
  padding: 12px 0 6px;
}

div.user_regist_link p {
  line-height: 1.5;
  text-align: center;
  margin: 0 15px 6px;
}

div.user_regist_link p.regist_user {
  margin: 12px 0;
}

p.regist_user a {
  display: block;
  width: 160px;
  height: 40px;
  cursor: pointer;
  outline: none;
  text-indent: -9999px;
  margin: 0 auto;
  border: 0;
}

p.regist_user a {
  background: url(../images/web/abroad/btn_user_regist.png) left top no-repeat;
}

/* 引き続き、買い物を続ける
--------------------------------------------------------- */
div#buy_continue_guide {
  margin: 15px 0 30px;
}

div#buy_check_report,
div#buy_check_ranking {
  margin-bottom: 24px;
}

div#buy_check_report ul,
div#buy_check_ranking ul {
  width: 795px;
  height: 70px;
  margin: 0 10px 15px;
}

div#buy_check_report li,
div#buy_check_ranking li {
  width: 261px;
  height: 70px;
  float: left;
  margin-right: 6px;
}

div#buy_check_report li.last,
div#buy_check_ranking li.last {
  margin-right: 0;
}

div#buy_check_report li a,
div#buy_check_ranking li a {
  display: block;
  width: 261px;
  height: 70px;
  text-indent: -9999px;
}

div#buy_check_report li.home a {
  background: url(../images/web/home/bn_report_home.jpg) left top no-repeat;
}

div#buy_check_report li.soft a {
  background: url(../images/web/home/bn_report_soft.jpg) left top no-repeat;
}

div#buy_check_report li.comic a {
  background: url(../images/web/home/bn_report_comic.jpg) left top no-repeat;
}

div#buy_check_report li.maniax a {
  background: url(../images/web/home/bn_report_maniax.jpg) left top no-repeat;
}

div#buy_check_report li.pro a {
  background: url(../images/web/home/bn_report_pro.jpg) left top no-repeat;
}

div#buy_check_report li.books a {
  background: url(../images/web/home/bn_report_books.jpg) left top no-repeat;
}

div#buy_check_report li.home a:hover {
  background: url(../images/web/home/bn_report_home.jpg) left -70px no-repeat;
}

div#buy_check_report li.soft a:hover {
  background: url(../images/web/home/bn_report_soft.jpg) left -70px no-repeat;
}

div#buy_check_report li.comic a:hover {
  background: url(../images/web/home/bn_report_comic.jpg) left -70px no-repeat;
}

div#buy_check_report li.maniax a:hover {
  background: url(../images/web/home/bn_report_maniax.jpg) left -70px no-repeat;
}

div#buy_check_report li.pro a:hover {
  background: url(../images/web/home/bn_report_pro.jpg) left -70px no-repeat;
}

div#buy_check_report li.books a:hover {
  background: url(../images/web/home/bn_report_books.jpg) left -70px no-repeat;
}

div#buy_check_ranking li.home a {
  background: url(../images/web/home/bn_ranking_home.jpg) left top no-repeat;
}

div#buy_check_ranking li.soft a {
  background: url(../images/web/home/bn_ranking_soft.jpg) left top no-repeat;
}

div#buy_check_ranking li.comic a {
  background: url(../images/web/home/bn_ranking_comic.jpg) left top no-repeat;
}

div#buy_check_ranking li.maniax a {
  background: url(../images/web/home/bn_ranking_maniax.jpg) left top no-repeat;
}

div#buy_check_ranking li.pro a {
  background: url(../images/web/home/bn_ranking_pro.jpg) left top no-repeat;
}

div#buy_check_ranking li.books a {
  background: url(../images/web/home/bn_ranking_books.jpg) left top no-repeat;
}

div#buy_check_ranking li.home a:hover {
  background: url(../images/web/home/bn_ranking_home.jpg) left -70px no-repeat;
}

div#buy_check_ranking li.soft a:hover {
  background: url(../images/web/home/bn_ranking_soft.jpg) left -70px no-repeat;
}

div#buy_check_ranking li.comic a:hover {
  background: url(../images/web/home/bn_ranking_comic.jpg) left -70px no-repeat;
}

div#buy_check_ranking li.maniax a:hover {
  background: url(../images/web/home/bn_ranking_maniax.jpg) left -70px no-repeat;
}

div#buy_check_ranking li.pro a:hover {
  background: url(../images/web/home/bn_ranking_pro.jpg) left -70px no-repeat;
}

div#buy_check_ranking li.books a:hover {
  background: url(../images/web/home/bn_ranking_books.jpg) left -70px no-repeat;
}

/* ==================================================================================================================
　ランキング
================================================================================================================== */
/* ランキングTOP
--------------------------------------------------------- */
/* ----- タブ ----- */
ul.ranking_tab {
  font-size: 12px;
  height: 28px;
  padding-left: 12px;
  margin: 3px 0 10px;
  background: url(../images/web/home/tab_bottom_bg.gif) left bottom repeat-x;
}

ul.ranking_tab li {
  position: relative;
  z-index: 2000;
  float: left;
  width: 130px;
  height: 28px;
  line-height: 28px;
  text-align: center;
  margin-right: 3px;
  background: url(../images/web/home/tab_130_bg.gif) no-repeat left -28px;
}

/* IE6対策 ここから */
ul.ranking_tab table {
  border-collapse: collapse;
  border: none;
  padding: 0;
  position: absolute;
  top: 0;
  left: 0;
}

/* IE6対策 ここまで */
ul.ranking_tab li a {
  display: block;
  width: 130px;
  height: 28px;
  color: #fff;
  text-decoration: none;
}

ul.ranking_tab li a:visited {
  color: #fff;
  text-decoration: none;
}

ul.ranking_tab li a:hover,
ul.ranking_tab li:hover a {
  color: #536280;
  background: url(../images/web/home/tab_130_bg.gif) no-repeat left top;
}

ul.ranking_tab li a span img {
  padding-left: 6px;
  vertical-align: middle;
}

/*  選択時  */
ul.ranking_tab li a.select {
  color: #536280;
  font-weight: bold;
  text-decoration: none;
  background: url(../images/web/home/tab_130_bg.gif) no-repeat left top;
}

ul.ranking_tab li a.select:visited {
  color: #536280;
  text-decoration: none;
}

ul.ranking_tab li a.select:hover {
  text-decoration: underline;
}

/*  NEW  */
ul.ranking_tab span.new_function {
  background-color: #e64545;
  padding: 0 6px 0;
  color: #fff;
  border-radius: 9px;
  border: solid 1px #d92b2b;
  font-weight: bold;
  font-size: 12px;
  position: absolute;
  height: 16px;
  line-height: 16px;
  top: -12px;
  left: -8px;
}

/*  サブメニュー  */
ul.ranking_tab ul {
  display: none;
}

ul.ranking_tab ul li {
  height: 28px;
  line-height: 28px;
  margin: 0;
}

ul.ranking_tab li:hover ul,
ul.ranking_tab li a:hover ul {
  display: block;
  z-index: 100;
  position: absolute;
  top: 27px;
  left: 0;
  border-bottom: 1px solid #536280;
}

ul.ranking_tab li:hover ul li a,
ul.ranking_tab li a:hover ul li a {
  width: 130px;
  height: 28px;
  display: block;
  color: #536280;
  background: url(../images/web/home/tab_130_sub_bg.gif) no-repeat center top;
}

ul.ranking_tab li:hover ul li a:hover,
ul.ranking_tab li a:hover ul li a:hover,
ul.ranking_tab li:hover ul li:hover a,
ul.ranking_tab li a:hover ul li:hover a {
  font-weight: normal;
  text-decoration: underline;
  background: url(../images/web/home/tab_130_sub_bg.gif) no-repeat center top;
}

/* ----- 中見出し ----- */
div.title_ranking_list {
  font-weight: bold;
  height: 26px;
  line-height: 26px;
  padding-left: 12px;
  position: absolute;
  top: -14px;
  left: -5px;
}

div.daily_maniax,
div.daily_books,
div.weekly_home,
div.weekly_soft,
div.weekly_comic,
div.weekly_maniax,
div.weekly_pro,
div.weekly_books,
div.total_home,
div.total_soft,
div.total_comic,
div.total_maniax,
div.total_pro,
div.total_books {
  width: 190px;
}

div.monthly_home,
div.monthly_soft,
div.monthly_comic,
div.monthly_maniax,
div.monthly_pro,
div.monthly_books,
div.year_home,
div.year_soft,
div.year_comic,
div.year_maniax,
div.year_pro,
div.year_books {
  width: 190px;
}

/* ----- 中見出し 角丸左 ----- */
div.weekly_home,
div.monthly_home,
div.year_home,
div.total_home {
  background: url(../images/web/home/bg_title_rank_left.png) no-repeat left top;
}

div.weekly_soft,
div.monthly_soft,
div.year_soft,
div.total_soft {
  background: url(../images/web/home/bg_title_rank_left.png) no-repeat left -26px;
}

div.weekly_comic,
div.monthly_comic,
div.year_comic,
div.total_comic {
  background: url(../images/web/home/bg_title_rank_left.png) no-repeat left -52px;
}

div.daily_maniax,
div.weekly_maniax,
div.monthly_maniax,
div.year_maniax,
div.total_maniax {
  background: url(../images/web/home/bg_title_rank_left.png) no-repeat left -78px;
}

div.weekly_pro,
div.monthly_pro,
div.year_pro,
div.total_pro {
  background: url(../images/web/home/bg_title_rank_left.png) no-repeat left -104px;
}

div.daily_books,
div.weekly_books,
div.monthly_books,
div.year_books,
div.total_books {
  background: url(../images/web/home/bg_title_rank_left.png) no-repeat left -130px;
}

/* ----- 中見出し 角丸右 ----- */
div.weekly_home h3,
div.monthly_home h3,
div.year_home h3,
div.total_home h3 {
  padding-right: 12px;
  background: url(../images/web/home/bg_title_rank_right.png) no-repeat right top;
}

div.weekly_soft h3,
div.monthly_soft h3,
div.year_soft h3,
div.total_soft h3 {
  padding-right: 12px;
  background: url(../images/web/home/bg_title_rank_right.png) no-repeat right -26px;
}

div.weekly_comic h3,
div.monthly_comic h3,
div.year_comic h3,
div.total_comic h3 {
  padding-right: 12px;
  background: url(../images/web/home/bg_title_rank_right.png) no-repeat right -52px;
}

div.daily_maniax h3,
div.weekly_maniax h3,
div.monthly_maniax h3,
div.year_maniax h3,
div.total_maniax h3 {
  padding-right: 12px;
  background: url(../images/web/home/bg_title_rank_right.png) no-repeat right -78px;
}

div.weekly_pro h3,
div.monthly_pro h3,
div.year_pro h3,
div.total_pro h3 {
  padding-right: 12px;
  background: url(../images/web/home/bg_title_rank_right.png) no-repeat right -104px;
}

div.daily_books h3,
div.weekly_books h3,
div.monthly_books h3,
div.year_books h3,
div.total_books h3 {
  padding-right: 12px;
  background: url(../images/web/home/bg_title_rank_right.png) no-repeat right -130px;
}

/* ----- 中見出し 背景 ----- */
div.title_ranking_list p {
  height: 26px;
  line-height: 26px;
  color: #fff;
  font-size: 13px;
  font-weight: bold;
  padding-left: 3px;
  display: block;
}

div.weekly_home p,
div.monthly_home p,
div.year_home p,
div.total_home p {
  background: url(../images/web/home/bg_title_rank_center.png) repeat-x left top;
}

div.weekly_soft p,
div.monthly_soft p,
div.year_soft p,
div.total_soft p {
  background: url(../images/web/home/bg_title_rank_center.png) repeat-x left -26px;
}

div.weekly_comic p,
div.monthly_comic p,
div.year_comic p,
div.total_comic p {
  background: url(../images/web/home/bg_title_rank_center.png) repeat-x left -52px;
}

div.daily_maniax p,
div.weekly_maniax p,
div.monthly_maniax p,
div.year_maniax p,
div.total_maniax p {
  background: url(../images/web/home/bg_title_rank_center.png) repeat-x left -78px;
}

div.weekly_pro p,
div.monthly_pro p,
div.year_pro p,
div.total_pro p {
  background: url(../images/web/home/bg_title_rank_center.png) repeat-x left -104px;
}

div.daily_books p,
div.weekly_books p,
div.monthly_books p,
div.year_books p,
div.total_books p {
  background: url(../images/web/home/bg_title_rank_center.png) repeat-x left -130px;
}

div.title_ranking_list p span {
  font-size: 11px;
  padding-left: 5px;
  font-weight: normal;
}

/* 作品形式絞り込み
--------------------------------------------------------- */
.refine_work_list {
  padding: 8px 10px;
  margin-bottom: 12px;
  background: #e6eaf2;
}

.refine_work_list > ul > li {
  float: left;
  width: 20%;
  position: relative;
}

.refine_work_list > ul > li > a {
  display: block;
  height: 28px;
  line-height: 28px;
  color: #536280;
  font-size: 12px;
  font-weight: bold;
  text-align: center;
  text-decoration: none;
  margin: 0 3px;
  border: 1px solid #b8c3d9;
  background: #f5f7fa;
}

.refine_work_list > ul > li > a:hover {
  background-color: #fefefe;
}

.refine_work_list > ul > li.select > a {
  background: #fff9d9;
  color: #e58600;
}

.refine_work_list > ul > li.select > a:hover {
  background: #fffdf1;
}

.refine_work_list .sub_list {
  display: none;
}

.refine_work_list ul li:hover .sub_list {
  display: block;
  position: absolute;
  padding-top: 4px;
  width: 100%;
  box-sizing: border-box;
  z-index: 10;
}

.refine_work_list ul li:hover .sub_list ul {
  background: #fff;
  border: 1px solid #b8c3d9;
  padding: 8px 5px 4px;
  margin: 0 3px;
  box-shadow: 1px 1px 2px rgba(0,0,0,0.15);
}

.refine_work_list ul li:hover .sub_list li {
  background: #e6eaf2;
  display: inline-block;
  height: 23px;
  line-height: 23px;
  text-align: center;
  padding: 0 5px;
  border-radius: 4px;
  margin: 0 3px 4px 0;
  text-decoration: none;
  color: #536280;
  font-size: 11px;
  cursor: pointer;
}

.refine_work_list ul li:hover .sub_list li:hover {
  background: #f5f7fa;
}

.refine_work_list ul li:hover .sub_list li.select {
  background: #fff9d9;
  color: #e58600;
}

.refine_work_list ul li:hover .sub_list li.select:hover {
  background: #fffdf1;
}

.refine_work_list ul li span {
  display: none;
}

.refine_work_list ul li.select span.count {
  height: 18px;
  line-height: 18px;
  text-align: center;
  padding: 0 5px;
  border-radius: 10px;
  position: absolute;
  display: inline-block;
  right: 10px;
  top: 5px;
  background: #e58600;
  color: #fff;
  font-size: 11px;
}

.refine_price {
  font-size: 11px;
  padding: 6px 0 2px;
  margin-top: 5px;
  border-top: 1px solid #e6eaf2;
}

.refine_price input[type="text"] {
  width: 32px;
}

.refine_price span {
  padding-left: 3px;
  font-size: 11px;
}

.refine_price input[type="submit"] {
  font-size: 11px;
  padding: 0;
  width: 36px;
  height: 24px;
  margin-left: 2px;
  cursor: pointer;
}

#lm_ranking_genre .btn_release {
  float: right;
  margin: 5px 6px 0;
}

#lm_ranking_genre .btn_release span {
  text-align: center;
  display: block;
  background: #e6eaf2;
  border: 1px solid #e6eaf2;
  color: #4d628c;
  cursor: pointer;
  font-size: 11px;
  padding: 0 3px;
  height: 17px;
  line-height: 17px;
  border-radius: 2px;
}

#lm_ranking_genre .btn_release span:before {
  content: "";
  display: inline-block;
  background: url(../images/web/home/icon_release_01.png) top center no-repeat;
  width: 13px;
  height: 13px;
  margin-right: 1px;
  vertical-align: middle;
}

#lm_ranking_genre .btn_release span:hover {
  background: #f5f7fa;
  text-decoration: none;
}

.loading_display_01 {
  position: relative;
  width: 300px;
  height: 120px;
  font-size: 12px;
  text-align: center;
  margin: 0 auto;
  border-radius: 5px;
  background: url(../images/web/common/loading_01.gif) center 40% no-repeat;
}

.loading_display_01 span {
  display: block;
  width: 100%;
  position: absolute;
  top: 75px;
  text-align: center;
  -webkit-animation: blink 1.5s ease-in-out infinite alternate;
  animation: blink 1.5s ease-in-out infinite alternate;
  color: #999;
}

@-webkit-keyframes blink {
  0% {
    opacity: 1;
  }
  50% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}

@keyframes blink {
  0% {
    opacity: 1;
  }
  50% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}

/* 他フロアのランキング
--------------------------------------------------------- */
ul.list_content_bn_01.ranking_floor_list li a {
  width: 148px;
  height: 40px;
  display: block;
  background: url(../images/web/common/bn_left_ranking_floor_eng.png) no-repeat;
  white-space: nowrap;
  overflow: hidden;
  text-indent: 100%;
}

ul.list_content_bn_01.ranking_floor_list li.general a {
  background-position: 0 0;
}

ul.list_content_bn_01.ranking_floor_list li.adult a {
  background-position: 0 -40px;
}

ul.list_content_bn_01.ranking_floor_list li.gay a {
  background-position: 0 -80px;
}

/* ランキング詳細ページ
--------------------------------------------------------- */
/* 絞り込みメニュー */
div.ranking_year_list {
  padding: 9px 5px;
  border-bottom: 1px solid #8f9fbf;
  background-color: #cfd6e5;
}

/* ランキングテーブル */
div#ranking_wrapper {
}

#ranking_table {
  width: 100%;
}


/* ----- ランク順位 ----- */
td.ranking_count {
  width: 60px;
  text-align: center;
  padding: 0;
}

td.ranking_mini_count {
  width: 60px;
  padding: 0;
}

td.ranking_count div {
  display: block;
  height: 40px;
  text-indent: -9999px;
}

td.rank_1 div {
  background: url(../images/web/home/rank_top10_bg.gif) 50% top no-repeat;
}

td.rank_2 div {
  background: url(../images/web/home/rank_top10_bg.gif) 50% -40px no-repeat;
}

td.rank_3 div {
  background: url(../images/web/home/rank_top10_bg.gif) 50% -80px no-repeat;
}

td.rank_4 div {
  background: url(../images/web/home/rank_top10_bg.gif) 50% -120px no-repeat;
}

td.rank_5 div {
  background: url(../images/web/home/rank_top10_bg.gif) 50% -160px no-repeat;
}

td.rank_6 div {
  background: url(../images/web/home/rank_top10_bg.gif) 50% -200px no-repeat;
}

td.rank_7 div {
  background: url(../images/web/home/rank_top10_bg.gif) 50% -240px no-repeat;
}

td.rank_8 div {
  background: url(../images/web/home/rank_top10_bg.gif) 50% -280px no-repeat;
}

td.rank_9 div {
  background: url(../images/web/home/rank_top10_bg.gif) 50% -320px no-repeat;
}

td.rank_10 div {
  background: url(../images/web/home/rank_top10_bg.gif) 50% -360px no-repeat;
}

td.ranking_mini_count div {
  display: block;
  height: 20px;
  color: #333;
  font-size: 14px;
  text-align: center;
}

/* ランク10以下 */
#ranking_table td.ranking_other div {
  display: block;
  height: 30px;
  line-height: 30px;
  text-align: center;
  text-indent: 0;
}

#ranking_table td.ranking_other div strong {
  color: #333;
  font-size: 16px;
}

/* ----- ランク遷移 ----- */
td.ranking_count p {
  line-height: 16px;
  text-align: center;
}

td.ranking_mini_count p {
  line-height: 20px;
  text-align: center;
}

td.ranking_count p strong {
  display: block;
  height: 24px;
  padding: 3px 10px;
  margin: 0;
}

/* DL数 */
#ranking_table td.ranking_count p span {
  display: block;
  padding-top: 3px;
}

/* ----- ランク矢印　小 ----- */
strong.arrow_new_s,
strong.arrow_rise_s,
strong.arrow_keep_s,
strong.arrow_down_s {
  display: block;
  height: 15px;
  text-indent: -9999px;
}

strong.arrow_new_s {
  background: url(../images/web/home/ranking_new_arrow.gif) 50% 50% no-repeat;
}

strong.arrow_rise_s {
  background: url(../images/web/home/ranking_rise_arrow.gif) 50% 50% no-repeat;
}

strong.arrow_keep_s {
  background: url(../images/web/home/ranking_keep_arrow.gif) 50% 50% no-repeat;
}

strong.arrow_down_s {
  background: url(../images/web/home/ranking_down_arrow.gif) 50% 50% no-repeat;
}

/* ----- ランク矢印　大 ----- */
strong.arrow_new_b,
strong.arrow_rise_b,
strong.arrow_keep_b,
strong.arrow_down_b {
  display: block;
  height: 30px;
  text-indent: -9999px;
}

strong.arrow_new_b {
  background: url(../images/web/home/ranking_new_arrow_b.gif) center top no-repeat;
}

strong.arrow_rise_b {
  background: url(../images/web/home/ranking_rise_arrow_b.gif) center top no-repeat;
}

strong.arrow_keep_b {
  background: url(../images/web/home/ranking_keep_arrow_b.gif) center top no-repeat;
}

strong.arrow_down_b {
  background: url(../images/web/home/ranking_down_arrow_b.gif) center -2px no-repeat;
}

/* ----- ボックス表示のランク順位 ----- */
#ranking_wrapper dd.ranking_count {
  width: 60px;
  text-align: center;
  padding: 0;
}

#ranking_wrapper dd.ranking_mini_count {
  width: 60px;
  padding: 0;
}

#ranking_wrapper dd.ranking_count div {
  display: block;
  height: 30px;
  width: 40px;
  text-indent: -9999px;
}

#ranking_wrapper dd.rank_1 div {
  background: url(../images/web/home/rank_top10_bg.gif) 50% 3px no-repeat;
}

#ranking_wrapper dd.rank_2 div {
  background: url(../images/web/home/rank_top10_bg.gif) 50% -24px no-repeat;
}

#ranking_wrapper dd.rank_3 div {
  background: url(../images/web/home/rank_top10_bg.gif) 50% -51px no-repeat;
}

#ranking_wrapper dd.rank_4 div {
  background: url(../images/web/home/rank_top10_bg.gif) 50% -78px no-repeat;
}

#ranking_wrapper dd.rank_5 div {
  background: url(../images/web/home/rank_top10_bg.gif) 50% -104px no-repeat;
}

#ranking_wrapper dd.rank_6 div {
  background: url(../images/web/home/rank_top10_bg.gif) 50% -131px no-repeat;
}

#ranking_wrapper dd.rank_7 div {
  background: url(../images/web/home/rank_top10_bg.gif) 50% -158px no-repeat;
}

#ranking_wrapper dd.rank_8 div {
  background: url(../images/web/home/rank_top10_bg.gif) 50% -185px no-repeat;
}

#ranking_wrapper dd.rank_9 div {
  background: url(../images/web/home/rank_top10_bg.gif) 50% -212px no-repeat;
}

#ranking_wrapper dd.rank_10 div {
  background: url(../images/web/home/rank_top10_bg.gif) 50% -239px no-repeat;
  left: -14px!important;
}

#ranking_wrapper dd.ranking_mini_count div {
  display: block;
  height: 20px;
  color: #333;
  font-size: 14px;
  text-align: center;
}

/* ランク10以下 */
#ranking_wrapper td.ranking_other div,
#ranking_wrapper dd.ranking_other div {
  display: block;
  height: 30px;
  line-height: 30px;
  text-align: center;
  text-indent: 0;
}

#ranking_wrapper td.ranking_other div strong,
#ranking_wrapper dd.ranking_other div strong {
  color: #333;
  font-size: 14px;
  margin-left: 6px;
}

#ranking_wrapper dd.ranking_other div strong {
  color: #333;
  line-height: 1.6;
  white-space: nowrap;
}

#ranking_wrapper dd.ranking_count div {
  position: absolute;
  top: -10px;
  left: -15px;
  background-size: cover;
}

/* ランキングページドットボトム罫線 */
#ranking_wrapper table {
  border-collapse: separate;
}

/* プロセス
--------------------------------------------------------- */
table.process_line {
  width: 100%;
  text-align: center;
  margin: 9px 0 0;
  border-top: 1px solid #536280;
}

#modify_header table.process_line {
  margin-top: 24px;
}

table.process_action {
  table-layout: fixed;
  width: 760px;
  text-align: center;
  margin: 0 auto;
}

table.process_action td {
  color: #536280;
  text-align: center;
  padding: 6px 0;
}

table.process_action td.on {
  color: #f47a00;
  font-size: 14px;
  font-weight: bold;
}

/* ----- 決済代行会社の案内 ----- */
table#security_d_garage,
table#security_d_garage_noline {
  width: 100%;
}

table#security_d_garage {
  margin-top: 20px;
  border-top: 1px solid #b8c3d9;
}

table#security_d_garage td,
table#security_d_garage_noline td {
  color: #666;
  vertical-align: top;
  padding: 10px 15px 0 5px;
}

table#security_d_garage td h4,
table#security_d_garage_noline td h4 {
  font-size: 12px;
  font-weight: bold;
  margin-bottom: 2px;
}

table#security_d_garage td p,
table#security_d_garage_noline td p {
  font-size: 11px;
  line-height: 1.4;
}

table#security_d_garage td.d_garage_logo,
table#security_d_garage_noline td.d_garage_logo {
  text-align: center;
  vertical-align: middle;
  padding: 10px 10px 0 0;
}

/* ==================================================================================================================
　レビュー
================================================================================================================== */
/* ----- レビュー一覧 ----- */
table.review_write {
}

table.review_write td {
  vertical-align: top;
}

div.review_btn_box {
  margin-top: 10px;
  padding-top: 10px;
  border-top: 1px dashed #8f9fbf;
}

div.review_btn_box div.review_btn,
div.review_btn_box div.review_btn_already {
  padding: 0;
  float: right;
}

div.review_btn,
div.review_btn_already {
  padding-left: 18px;
  overflow: hidden;
}

div.review_btn a,
div.review_btn_already a {
  display: block;
  text-indent: -9999px;
  width: 160px;
  height: 34px;
}

div.review_btn a {
  background: url(../images/web/abroad/btn_main.png) no-repeat -644px -136px;
}/* レビューを投稿する */
div.review_btn_already a {
  background: url(../images/web/abroad/btn_main.png) no-repeat -644px -170px;
}/* レビュー投稿済み */
div.review_head {
  width: 100%;/* 940px */
  padding: 3px 0;
  line-height: 1.5;
}

p.review_count {
  font-size: 14px;
  font-weight: bold;
  width: 20%;
}

span.review_work_count {
  color: #930;
}

/* ----- ジャンル集計表示 ----- */
div.review_total_box {
  width: 80%;
  float: right;
}

div.review_total_box table.reviewer_most_genre {
  float: right;
}

div.review_total_box table.reviewer_most_genre tr th {
  width: 220px;
  vertical-align: top;
}

div.review_total_box table.reviewer_most_genre tr th p {
  color: #d94c4c;
  font-weight: bold;
  text-align: right;
}

div.review_total_box table.reviewer_most_genre tr td span {
  padding-left: 5px;
}

/* ----- 作品詳細レビュー一覧 ----- */
table#work_review_list {
  table-layout: fixed;
  width: 100%;/* 940px */
}

/* ----- 新着レビュー一覧 ----- */
table#new_review_list {
  table-layout: fixed;
  width: 100%;
  border-collapse: separate;
}

/* レビュー作品 */
div#review_list_box div.review_work {
  padding-bottom: 6px;
  margin: 12px 12px 0;
  border-bottom: 1px solid #999;
}

/* ----- ユーザーレビュー枠 ----- */
#user_review_box {
  table-layout: fixed;
  width: 785px;
  padding: 4px;
  margin-bottom: 18px;
  border: 1px solid #b8c3d9;
  background: #e6eaf2;
}/* 合計を795pxにする */
#user_review_box_inner {
  padding: 15px;
  background-color: #fff;
}

div.one_push_box_inner div.text {
  margin-left: 15px;
  line-height: 1.5;
}

div#user_review_box_inner p.review_workname {
  color: #536280;
  font-size: 14px;
  padding-bottom: 3px;
  margin-bottom: 12px;
  border-bottom: 1px solid #b8c3d9;
}

/* レビュアージャンル一覧 */
td.work_type_list {
  border-bottom: none;
}

dl.work_type_list {
  padding: 6px 12px 12px;
}

dl.work_type_list dt {
  display: block;
  height: 24px;
  line-height: 24px;
  color: #536280;
  font-size: 14px;
  font-weight: bold;
  margin-bottom: 6px;
  border-bottom: 1px solid #8f9fbf;
}

dl.work_type_list dd {
  float: left;
  width: 140px;
  padding-bottom: 5px;
}

/* レビュアー紹介
--------------------------------------------------------- */
table.user_review_list {
}

table.user_review_list th {
  width: 130px;
  color: #536280;
  font-size: 14px;
  line-height: 1.6;
  text-align: right;
  vertical-align: middle;
}

table.user_review_list td {
  font-size: 18px;
  font-weight: bold;
  line-height: 1.6;
  vertical-align: middle;
  padding: 2px 0 2px 9px;
}

table.user_review_list td span {
  font-size: 14px;
  padding-left: 3px;
  vertical-align: middle;
}

table.user_review_list td span.rank_out {
  color: #666;
  font-size: 14px;
  font-weight: normal;
  padding-left: 0;
}

/* いちおし作品 */
div.one_push_box {
  padding-top: 12px;
  margin-top: 12px;
  border-top: 1px dashed #8f9fbf;
}

div.one_push_box table.work_5col_table {
  table-layout: fixed;
  width: 752px;
  margin-left: 15px;
}

div.one_push_box table.work_5col_table td {
  vertical-align: top;
  padding: 0 10px 0 0;
}

div#user_review_box p.message_simple {
  padding-left: 24px;
}

/* レビュー共通設定
--------------------------------------------------------- */
/* レビュータイトル */
td.review_title {
  padding-left: 6px;
  background: url(../images/web/home/review_left_bg.gif) left top repeat-y #faf5dc;
}

/* おすすめ！ */
span.osusume {
  display: inline-block;
  width: 60px;
  height: 20px;
  margin-right: 4px;
  text-indent: -9999px;
  white-space: nowrap;
  overflow: hidden;
  vertical-align: top;
  background:url(../images/web/abroad/icon_osusume.png) no-repeat;
}

/* ----- タイトル左 ----- */
div.review_title_l {
  width: 500px;
  float: left;
  line-height: 1.5;
  padding: 6px 8px 4px;
}

div.review_title_l h2,/* 新着レビュー */
div.review_title_l h4/* 作品詳細 */ {
  font-size: 14px;
  font-weight: bold;
  line-height: 1.4;
}

div.review_title_l p {
  padding: 1px 0 0;
}

div.review_title_l span.number,
div.review_title_l span.number_rankin {
  color: #fff;
  font-size: 11px;
  padding-left: 3px;
  margin-left: 5px;
}

div.review_title_l span.number {
  background: url(../images/web/home/bg_review_rank.png) no-repeat left center;
}/* レビュー投稿TOP10 */
div.review_title_l span.number_rankin {
  background: url(../images/web/home/bg_review_rankin.png) no-repeat left center;
}/* レビュー投稿11位～50位 */
div.review_title_l span.number span {
  padding: 2px 5px;
  background: #e63939;
}

div.review_title_l span.number_rankin span {
  padding: 2px 5px;
  background: #436cbf;
}

/* ----- タイトル右 ----- */
div.review_title_r {
  float: right;
}

div.review_title_r div {
  font-size: 12px;
  text-align: right;
  margin: 30px 8px 0;
}

div.review_title_r div p {
  display: inline;
}

div.review_title_r span {
  font-size: 11px;
  padding: 0 1px;
}

div.review_title_r span.text {
  font-size: 12px;
  padding: 0;
}

/* ----- タイトル右 マイページ マイレビュー ----- */
div.review_title_r_02 div {
  font-size: 12px;
  clear: both;
  float: right;
  padding: 5px 13px 5px 10px;
}

div.review_title_r_02 div p {
  display: inline;
}

div.review_title_r_02 span {
  font-size: 11px;
  padding: 0 1px;
}

div#work_review td.review_main,
div#review_list_box td.review_main {
  padding: 12px;
}

/* ピックアップレビュー */
p.pickup_mark {
  width: 46px;
  height: 47px;
  float: left;
  text-indent: -9999px;
  margin-left: 3px;
  background: url(../images/web/abroad/icon_review_pickup.png) no-repeat;
}

div#work_review td.pickup_main,
div#review_list_box td.pickup_main {
  background: #fffff2;
}

/* レビュアーが選んだジャンル */
div.reviewer_genre {
  width: 360px;
  float: right;
  line-height: 1.6;
}

div.reviewer_genre p {
  color: #d94c4c;
  font-weight: bold;
}

ul.reviewer_select_genre,
div#review_list_box ul.reviewer_select_genre {
  margin: 6px 0;
}

ul.reviewer_select_genre li,
div#review_list_box ul.reviewer_select_genre li {
  display: inline;
  line-height: 1.5;
  padding-right: 3px;
}

/* レビュアー内容 */
div#work_review p.reviewer_descrip,
div#review_list_box p.reviewer_descrip {
  line-height: 1.6;
  margin-right: 390px;
  word-wrap: break-word;
}

div#review_list_box td.review_report p.reviewer_descrip {
  margin-right: 0;
}

div#review_list_box td.review_report div.reviewer_genre {
  float: none;
  width: auto;
  margin-bottom: 10px;
}

div#work_review  p.review_ref,
div#review_list_box p.review_ref {
  clear: both;
  text-align: right;
  padding-top: 10px;
}

/* ネタバレ注意 */
.review_caution {
  padding-left:5px;
  margin-right:390px;
}

.review_caution strong {
  display: block;
  color: #d94c4c;
  font-size: 14px;
  font-weight: bold;
  margin: 0 0 10px -5px;
}

.review_open {
  display: block;
  width: 130px;
  padding: 0 0 0 16px;
  margin: 8px 0 0 0;
  background: url(../images/web/common/icon_down.png) left center no-repeat;
}

.review_open a { color:#333; }

.review_open:hover {
  cursor: pointer;
  text-decoration: underline;
}

/* ==================================================================================================================
　サークルプロフィール
================================================================================================================== */
/* ----- プロフィール画像 ----- */
div.profile_visual {
  text-align: center;
  padding: 10px;
  margin: 0;
}

div.profile_visual_frame {
  width: 560px;
  height: 420px;
  text-align: center;
  margin: 0 auto;
  overflow: hidden;/* 560×420以上の画像を表示しない。 */
}

div.profile_visual_frame img {
  margin: 0 auto;
}

/* ----- プロフィール情報 ----- */
.table_inframe_box_inner table td strong.prof_maker_name {
  font-size: 16px;
}

.table_inframe_box_inner table td ul.sales_floor li {
  margin: 0 4px 0 0;
}

p.maker_hp_banner {
  float: left;
  margin-right: 12px;
}

/* ----- アフィリエイトリンク作成 ----- */
div.prof_aff_link {
  widt: 810px;
  margin: -15px 0 18px;
}

div.prof_aff_link p {
  font-size: 12px;
  text-align: right;
  padding: 0 3px 0 0;
}

div.prof_aff_link strong {
  font-size: 12px;
  font-weight: normal;
}

/* ----- 発売予告作品 ----- */
table.prof_ana_work {
  margin: 0 0 18px;
}

table.prof_ana_work td.work_1col_right {
  width: 180px;
}

/* ----- 販売作品一覧 ----- */
div.history_tab {
  padding: 0 0 6px;
  margin: -6px 0 8px;
  border-bottom: 1px solid #8f9fbf;
}

div.history_tab ul {
}

div.history_tab li {
  float: left;
  padding: 6px 10px;
  background: url(../images/web/home/list_divide_border.gif) no-repeat right center;
}

div.history_tab li.last {
  background-image: none;
}

div.history_tab li span.select {
  color: #e58600;
  font-weight: bold;
  padding: 3px 6px;
  border: 1px solid #e58600;
  background-color: #fff9d9;
}

/* ----- ecchi-engの作家紹介 ----- */
div.see_works {
  width: 750px;
  margin: 10px auto 0 auto;
}

div.see_works div.work_main_list_ncol ul {
  margin: 0;
}

div.see_works div.work_main_list_ncol ul li {
  width: 150px;
}

/* ==================================================================================================================
　マイジャンル登録
================================================================================================================== */
dl.mygenre_plus {
  margin-top: 10px;
  line-height: 1.4;
}

dl.mygenre_plus dt {
  width: 110px;
  float: left;
  clear: both;
}

dl.mygenre_plus dd {
  margin-left: 115px;
}

dl.mygenre_plus dd span {
  padding-right: 10px;
}

div.list_content p.caption {
  line-height: 1.2em;
}

/* ==================================================================================================================
　ボタン・アイコン 画像置き換え
================================================================================================================== */
span.add_mygenre {
  padding-left: 9px;
}

/* ----- フロアボタン ----- */
ul.sales_floor li {
  float: left;
  text-align: center;
  margin: 6px 4px 6px 0;
}

dl ul.sales_floor li {
  margin: 0 4px 0 0;
}

ul.sales_floor li a {
  text-indent: -9999px;
  display: block;
  width: 67px;
  height: 22px;
}

ul.sales_floor li.work_eng a {
  background: url(../images/web/abroad/icon_work_general.png) left top no-repeat;
}

ul.sales_floor li.work_ecchieng a {
  background: url(../images/web/abroad/icon_work_adult.png) left top no-repeat;
}

ul.sales_floor li.work_gayeng a {
  background: url(../images/web/abroad/icon_work_gay.png) left top no-repeat;
}

ul.sales_floor a {
  text-decoration: underline;
}

ul.sales_floor a:hover {
  text-decoration: none;
}

/* ----- レコメンド回転矢印 ----- */
input.carousel_left,
input.carousel_right {
  display: block;
  width: 26px;
  height: 89px;
  cursor: pointer;
  text-indent: -9999px;
  margin: 0;
  border: 0;
  overflow: hidden;
  outline: none;
}

input.carousel_left {
  background: url(../images/web/home/btn_frame_left.gif) left top no-repeat;
}

input.carousel_right {
  background: url(../images/web/home/btn_frame_right.gif) left top no-repeat;
}

input.carousel_left:hover,
input.carousel_right:hover {
  background-position: left bottom;
}

input.carousel_left:active {
  background-position: -1px bottom;
}

input.carousel_right:active {
  background-position: 1px bottom;
}

p.carousel_arrow_left input.disable,
p.carousel_arrow_right input.disable {
  background: url(../images/web/common/btn_frame_no.gif) no-repeat;
  cursor: default;
}

p.carousel_arrow_left input.disable {
  background-position: left top;
}

p.carousel_arrow_right input.disable {
  background-position: left bottom;
}

/* ==================================================================================================================
　サンプル画像
================================================================================================================== */
table#sample_img_link {
  font-size: 14px;
  margin-bottom: 15px;
}

table#sample_img_link td#prev_img {
  width: 65px;
  text-align: left;
}

table#sample_img_link td#page {
  width: 60px;
  text-align: center;
}

table#sample_img_link td#next_img {
  width: 65px;
  text-align: right;
}

div#work_sample_img img {
  vertical-align: top;
  margin: 0 5px 5px 0;
}

/* ==================================================================================================================
　エラーページ
================================================================================================================== */
div#error_box {
  padding: 15px 0 0;
}

div#error_box_inner {
  padding: 0 15px;
}

div#error_left {
  width: 352px;
  float: left;
}

div#error_left p {
  text-align: right;
  padding: 10px 5px 0;
}

div#error_right {
  margin-left: 372px;
}

div#error_box h1 {
  font-size: 18px;
  font-weight: bold;
  line-height: 1.4;
  padding: 8px 0 8px 15px;
  margin-bottom: 20px;
  border-left: 5px solid #333;
  background-color: #eee;
}

div#error_box h1 span {
  font-size: 18px;
  padding-right: 10px;
}

div#error_right p {
  font-size: 12px;
  line-height: 1.5;
  padding: 0 20px;
  margin-bottom: 15px;
}

div#error_right ul {
  font-size: 12px;
  padding: 0 15px 10px;
  margin-left: 20px;
}

div#error_box p.page_back {
  font-size: 15px;
  text-align: left;
  padding-top: 10px;
  margin-top: 30px;
  border-top: 1px dashed #333;
}

div#error_box p.page_back input {
  height: 30px;
  font-size: 13px;
  margin: 0 auto;
}

div#error_box p.link_list span {
  margin-right: 10px;
  font-weight: normal;
  font-size: 13px;
}

/* ==================================================================================================================
　ボタン設定（後で位置修正）
================================================================================================================== */
/* ----- ゲストユーザー決済ボタン ----- */
input.btn_payment_s {
  display: block;
  width: 115px;
  height: 34px;
  cursor: pointer;
  text-indent: -9999px;
  margin: 0 auto;
  border: 0;
}

input.btn_payment_s {
  background: url(../images/web/home/btn_payment_s_02.png) left top no-repeat;
}

input.btn_creditcard,
input.btn_dgarage,
input.btn_convenience,
input.btn_convenience_none,
input.btn_edy,
input.btn_edy_none,
input.btn_mobileedy,
input.btn_mobileedy_none,
input.btn_bitcash,
input.btn_netride,
input.btn_rakuten {
  display: block;
  width: 170px;
  height: 50px;
  cursor: pointer;
  text-indent: -9999px;
  margin: 0 auto;
  border: 0;
}

input.btn_creditcard {
  background: url(../images/web/home/btn_dgarage_01.png) left top no-repeat;
}

input.btn_dgarage {
  background: url(../images/web/home/btn_dgarage_02.png) left top no-repeat;
}

input.btn_convenience {
  background: url(../images/web/home/btn_convenience.png) left top no-repeat;
}

input.btn_convenience_none {
  background: url(../images/web/home/btn_convenience_none.png) left top no-repeat;
}

input.btn_edy {
  background: url(../images/web/home/btn_edy.png) left top no-repeat;
}

input.btn_edy_none {
  background: url(../images/web/home/btn_edy_none.png) left top no-repeat;
}

input.btn_mobileedy {
  background: url(../images/web/home/btn_mobileedy.png) left top no-repeat;
}

input.btn_mobileedy_none {
  background: url(../images/web/home/btn_mobileedy_none.png) left top no-repeat;
}

input.btn_bitcash {
  background: url(../images/web/home/btn_bitcash.png) left top no-repeat;
}

input.btn_netride {
  background: url(../images/web/home/btn_netride.png) left top no-repeat;
}

input.btn_rakuten {
  background: url(../images/web/home/btn_rakuten.png) left top no-repeat;
}

/* ----- input小ボタン ----- */
input.new_folder_btn,
input.sort_btn,
input.decide_btn,
input.regist_btn,
input.cancel_btn,
input.move_btn,
input.show_btn,
input.delete_btn,
input.batch_delete_btn,
input.mail_regist_btn,
input.top_link_btn {
  border: 0;
  outline: hidden;
  cursor: pointer;
  text-indent: -9999px;
}

input.new_folder_btn {
  width: 59px;
  height: 21px;
  background: url(../images/web/home/btn_new_folder.gif) left top no-repeat;
}/* 新規作成 */
input.sort_btn {
  width: 59px;
  height: 21px;
  background: url(../images/web/home/btn_sort.gif) left top no-repeat;
}/* 並べ替え */
input.decide_btn {
  width: 66px;
  height: 21px;
  background: url(../images/web/home/btn_decide.gif) left top no-repeat;
}/* 決定 */
input.regist_btn {
  width: 57px;
  height: 21px;
  background: url(../images/web/home/btn_regist.gif) left top no-repeat;
}/* 登録する */
input.cancel_btn {
  width: 66px;
  height: 21px;
  background: url(../images/web/home/btn_cancel.gif) left top no-repeat;
}/* キャンセル */
input.move_btn {
  width: 57px;
  height: 21px;
  background: url(../images/web/home/btn_move.gif) left top no-repeat;
}/* 移動する */
input.show_btn {
  width: 57px;
  height: 21px;
  background: url(../images/web/home/btn_show.gif) left top no-repeat;
}/* 表示する */
input.delete_btn {
  width: 57px;
  height: 21px;
  background: url(../images/web/home/btn_delete.gif) left top no-repeat;
}/* 削除する */
input.batch_delete_btn {
  width: 59px;
  height: 21px;
  background: url(../images/web/home/btn_batch_delete.gif) left top no-repeat;
}/* 一括削除 */
input.mail_regist_btn {
  width: 113px;
  height: 21px;
  background: url(../images/web/home/btn_mail_regist.gif) left top no-repeat;
}/* お知らせメール登録 */
input.top_link_btn {
  width: 90px;
  height: 21px;
  background: url(../images/web/home/btn_top_link.gif) left top no-repeat;
}/* TOPに表示する */
/* ==================================================================================================================
　成人認証
================================================================================================================== */
#check_top {
  width: 787px;
  height: 639px;
  margin: 15px auto 0;
  background: url(../images/web/common/bg-main_eng.jpg) no-repeat;
}

.style_gayeng #check_top {
  background: url(../images/web/common/bg-main_gayeng.jpg) no-repeat;
}

input.bt_yes {
  text-indent: -9999px;
  color: #fff;
  width: 246px;
  height: 92px;
  margin: 10px 124px 0 0;
  display: block;
  float: right;
}

#check_top div.bt_no a {
  text-indent: -9999px;
  color: #fff;
  width: 246px;
  height: 92px;
  margin: 10px 0 0 128px;
  background: url(../images/web/common/bt-exit.png) no-repeat;
  display: block;
  float: left;
}

#check_top div.bt_no a:hover {
  background: url(../images/web/common/bt-exit_on.png) no-repeat;
}

#check_top p.text {
  color: #666;
  line-height: 1.5;
  text-align: center;
  padding-top: 175px;
  *padding-top: 173px;
  margin: 0.5em 0 1.2em;
}

#check_top p.btm_text {
  color: #666;
  padding: 38px 37px 0 0;
  text-align: right;
}

div.read {
  width: 710px;
  margin: 50px auto;
}

hr.gray {
  margin: 20px 0;
}

div.please {
  font-size: 16px;
  margin-bottom: 10px;
  font-weight: bold;
}

div.user {
  font-size: 16px;
  margin-bottom: 10px;
  font-weight: bold;
}

div.to {
  font-size: 16px;
  font-weight: bold;
}

/* ==================================================================================================================
　検索結果系
================================================================================================================== */
/* ボーダー
--------------------------------------------------------- */
.border_b {
  border-bottom: 1px dotted #b8c3d9;
}

.border_bs {
  border-bottom: 1px solid #b8c3d9;
}

.border_t {
  border-top: 1px dotted #b8c3d9;
}

.border_ts {
  border-top: 1px solid #b8c3d9;
}

/* ----- タブ下案内文 ----- */
div.comment_box {
  height: 35px;
  line-height: 35px;
  padding-left: 10px;
  border-bottom: 1px solid #8f9fbf;
}

/* 並べ替え、ソートなど
--------------------------------------------------------- */
div.status_select_box,
div.status_select_box_fix {
  min-height: 36px;
  line-height: 36px;
  padding: 0 10px;
  overflow: hidden;
}

div.status_select_box_fix {
  width: 775px;
}

/* IE6対策 */
div.status_select_box select,
div.status_select_box input,
div.status_select_box_fix select,
div.status_select_box_fix input {
  _margin-top: 7px;
}

/* IE6対策 */
div.topicpath_box {
  height: 36px;
  line-height: 36px;
  padding: 0 10px;
}

div.status_select,
div.status_select_01/*<!-- liの中に要素なしver -->*/,
div.topicpath_link {
  float: left;
  padding-right: 12px;
}

div.status_select strong,
div.status_select_01 strong {
  font-weight: normal;
}

div.status_select ul {
  display: inline-block;
  margin-left: -7px;
}

div.status_select_01 ul {
  display: inline-block;
}

div.topicpath_link ul {
  display: inline;
}

div.status_select li {
  display: inline-block;
  padding: 0 8px;
  background: url(../images/web/home/list_divide_border.gif) no-repeat right 50%;
}

div.status_select_01 li {
  display: inline-block;
  position: relative;
  margin: 0 4px 0 3px;
  padding: 3px;
  line-height: 1.5;
  cursor: pointer;
  color: #039;
  border: 1px solid #fff;
}

div.status_select_01 li:first-child {
  margin-left: 0;
}

div.status_select_01 li:hover {
  text-decoration: underline;
}

div.status_select_01 li:before {
  content: "";
  display: block;
  width: 1px;
  height: 14px;
  border-left: 1px solid #607194;
  position: absolute;
  top: 4px;
  left: -7px;
}

div.status_select_01 li:first-child:before {
  border: none;
}

div.topicpath_link li {
  display: inline;
}

div.topicpath_link li.left_path {
  padding: 0 0 0 13px;
  margin-left: 10px;
  background: url(../images/web/home/topicpath_link.gif) no-repeat left 50%;
}

div.status_select li span.select,
div.topicpath_link li span.select {
  display: inline;
  color: #e58600;
  font-weight: bold;
  padding: 3px 6px;
  border: 1px solid #e58600;
  background-color: #fff9d9;
}

div.status_select_01 .select {
  color: #e58600;
  border: 1px solid #e58600;
  background-color: #fff9d9;
  text-decoration: none;
  cursor: default;
}

div.status_select_01 .select:hover {
  text-decoration: none;
}

.topicpath_box .float_r {
  float: right;
}

div.status_select li.last,
div.status_select_box_free table li.last {
  background-image: none;
}

div.status_select li p.select,
div.topicpath_link li p.select,
div.status_select_box_free table td p.select {
  color: #e58600;
  font-weight: bold;
  background-color: #fff9d9;
  border: 1px solid #e58600;
  padding: 2px 5px;
  display: inline;
}

/* ----- 表付属パンくず ----- */
div.topicpath_link li.daily {
  background: url(../images/web/home/bg_crown_01.png) no-repeat 0 0;
}

div.topicpath_link li.weekly {
  padding-left: 22px;
  background: url(../images/web/home/bg_crown_01.png) no-repeat 0 -20px;
}

div.topicpath_link li.monthly div {
  background: url(../images/web/home/bg_crown_01.png) no-repeat 0 -58px;
}

div.topicpath_link li.year div {
  background: url(../images/web/home/bg_crown_01.png) no-repeat 0 -85px;
}

div.topicpath_link li.total div {
  background: url(../images/web/home/bg_crown_01.png) no-repeat 0 -114px;
}

/* ----- 表示件数選択 ----- */
div.display_num_select {
  float: right;
}

div.display_num_select span {
  font-size: 12px;
  float: right;
}

div.display_num_select ul {
  float: right;
  padding: 7px 0 0 3px;
  width: auto;
}

div.display_num_select ul li {
  float: left;
  font-size: 12px;
  text-align: center;
  margin-left: 2px;
}

div.display_num_select ul li a {
  text-decoration: none;
  padding: 0 7px;
  height: 22px;
  line-height: 22px;
  color: #536280;
  display: block;
  border: 1px solid #8f9fbf;
  background-color: #eff1f7;
  border-radius: 2px;
  behavior: url(/../css/PIE.htc);
}

div.display_num_select ul li a:hover {
  border: 1px solid #53617f;
  background-color: #5f7193;
  color: #fff;
}

div.display_num_select ul li.on a {
  border: 1px solid #53617f;
  background-color: #5f7193;
  color: #fff;
  font-weight: bold;
}

/* ----- 表示形式選択 ----- */
div.display_type_select {
  float: right;
  padding-left: 20px;
}

div.display_type_select span {
  font-size: 12px;
  float: left;
}

div.display_type_select ul {
  float: left;
  padding: 7px 0 0 3px;
  width: auto;
}

div.display_type_select ul li {
  float: left;
  font-size: 12px;
  margin-left: 2px;
}

div.display_type_select ul li a {
  display: block;
  height: 0;
  padding-top: 23px;
  overflow: hidden;
  width: 27px;
}

div.display_type_select ul li.display_normal a {
  background: url(../images/web/home/btn_display_type.png) 0 0;
}

div.display_type_select ul li.display_block a {
  background: url(../images/web/home/btn_display_type.png) -27px 0;
}

div.display_type_select ul li.display_2col a {
  background: url(../images/web/home/btn_display_type.png) -54px 0;
}

div.display_type_select ul li.display_normal a:hover, div.display_type_select ul li.display_normal.on a {
  background: url(../images/web/home/btn_display_type.png) 0 -23px;
}

div.display_type_select ul li.display_block a:hover, div.display_type_select ul li.display_block.on a {
  background: url(../images/web/home/btn_display_type.png) -27px -23px;
}

div.display_type_select ul li.display_2col a:hover, div.display_type_select ul li.display_2col.on a {
  background: url(../images/web/home/btn_display_type.png) -54px 23px;
}

/* ページャー
--------------------------------------------------------- */
table.search_pager {
  table-layout: fixed;
  width: 100%;
  height: 34px;
}

table.border_b {
  /* ページャーの下に項目行がない場合 */
  border-bottom: 1px solid #b8c3d9;
  margin-bottom: 6px;
}

table.border_t {
  /* ページャーの上にラインがない場合 */
  border-top: 1px solid #b8c3d9;
}

/* ----- ○件中○件目 ----- */
td.page_total {
  font-size: 14px;
  line-height: 30px;
  padding: 0 0 0 10px;
}

td.page_total strong {
  padding-right: 2px;
}

/* ----- ページ数 ----- */
td.page_no {
  text-align: right;
  padding-top: 0;
}

td.page_no ul {
  float: right;
  margin-right: -2px;
}

td.page_no ul li {
  float: left;
  margin-right: 2px;
}

td.page_no ul li a {
  position: relative;
  display: block;
  color: #536280;
  padding: 0 7px;
  height: 22px;
  line-height: 22px;
  border: 1px solid #8f9fbf;
  background-color: #f0f2f7;
}

td.page_no ul li a:link,
td.page_no ul li a:visited {
  text-decoration: none;
}

td.page_no ul li a:hover,
td.page_no ul li a:active {
  color: #fff;
  text-decoration: none;
  border: 1px solid #536280;
  background-color: #607194;
}

td.page_no ul li strong {
  display: block;
  color: #fff;
  padding: 0 7px;
  height: 22px;
  line-height: 22px;
  border: 1px solid #536280;
  background-color: #607194;
}

/* ==================================================================================================================
　作品情報
================================================================================================================== */
/* 一覧テーブル
--------------------------------------------------------- */
table.work_1col_table {
  table-layout: auto;
  width: 100%;
  border-collapse: separate;
}

table.work_2col_table,
table.work_3col_table,
table.work_4col_table,
table.work_5col_table {
  table-layout: fixed;
  width: 100%;
  border-collapse: separate;
}

table.work_1col_table td,
table.work_2col_table td,
table.work_3col_table td,
table.work_4col_table td,
table.work_5col_table td,
div#ranking_wrapper td {
  vertical-align: top;
  position: relative;
  padding: 8px 0 8px 8px;
  border-bottom: 1px solid #ccc;
}

/* 2カラム時真ん中に縦割り線 */
#ranking_table td.work_table_data:nth-child(2),
table.work_2col_table td:nth-child(1) {border-right: 1px solid #ccc;}

table.work_1col_table tr:last-child td,
table.work_2col_table tr:last-child td,
table.work_3col_table tr:last-child td,
table.work_4col_table tr:last-child td,
table.work_5col_table tr:last-child td { border-bottom: none; }
  
table.work_1col_table hr.work_border,
table.work_2col_table hr.work_border,
table.work_3col_table hr.work_border {
  height: 1px;
  border-width: 1px 0 0 0;
  border-color: #666;
  border-style: dotted;
}

table.work_1col_table hr.work_border {
  margin: 8px 0 8px;
}

table.work_2col_table hr.work_border {
  margin: 10px 0 6px;
}

table.work_3col_table hr.work_border {
  margin: 16px 0 8px;
}

table.work_4col_table td,
table.work_5col_table td {
  line-height: 1.3;
  text-align: center;
}/*padding:10px 10px 0 0;は消して大丈夫か確認する*/
dl.work_4col {
  padding: 0 2px;
}

dl.work_5col {
  margin: 0 auto;
}

/* サムネイル
--------------------------------------------------------- */
div.work_thumb {
  float: left;
  margin: 0 8px 6px 0;
  text-align: center;
}

td.work_1col_thumb {
  width: 50px;
}/* サムネイルの最小幅を指定 */
td.work_1col_thumb div.work_thumb {
  float: none;
  text-align: center;
  margin: 0 9px 0 0;
}

table.work_2col_table div.work_thumb {
  display: table-cell;
  padding: 0 8px 6px 0;
  float: none;
  margin: 0;
  vertical-align: top;
}

dl.work_4col dt,
dl.work_5col dt,
dl.work_img_main dt {
  margin-bottom: 6px;
}

/* 高解像度サムネイル制御 */
.work_5col img,
.work_img img,
.push_work img,
.work_thumb img {
  max-width: 120px;
  max-height: 120px;
}

/* 大きさを制御しない場合はコチラ */
.work_report_article .work_thumb img {
  max-width: none;
  max-height: none;
}

/* 作品情報
--------------------------------------------------------- */
dl.work_2col {
  display: table-cell;
  vertical-align: top;
}

.trial_block dl.work_2col,
#ana_work_wrapper dl.work_2col {
  overflow: hidden;
}

dl.work_1col dd {
  margin-right: 12px;
}

dl.work_2col dd {
  margin-right: 12px;
}

dl.work_3col dd {
  margin-right: 18px;
}

dl.work_4col dd {
}

dl.work_5col dd {
}

dl.work_ncol dd {
}

/* 作品名
--------------------------------------------------------- */
dl.work_1col dt.work_name,
dl.work_2col dt.work_name,
dl.work_3col dt.work_name {
  font-weight: bold;
  line-height: 1.3;
  padding-bottom: 6px;
}

dl.work_1col dt.work_name {
  margin-right: 24px;
  font-size: 14px;
}

dl.work_2col dt.work_name {
  margin-right: 12px;
  font-size: 14px;
}

dl.work_3col dt.work_name {
  margin-right: 18px;
  font-size: 13px;
}

dl.work_1col_mini dt.work_name {
  line-height: 1.2;
  padding-bottom: 3px;
}

dl.work_4col dd.work_name,
dl.work_5col dd.work_name,
dl.work_ncol dd.work_name,
dl.work_img_main dd.work_name {
  font-size: 12px;
  line-height: 1.3;
  padding-bottom: 3px;
}

dl.work_ncol dd.work_name {
  padding-bottom: 2px;
}

li.work_name {
  display: block;
  font-size: 14px;
  line-height: 1.4;
  padding-bottom: 3px;
}

ul.side_col li.work_name {
  display: block;
  font-size: 12px;
  margin-left: 65px;
}

/* メーカーID
--------------------------------------------------------- */
li.work_no {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 12px;
  padding-bottom: 3px;
  display: block;
}

ul.side_col li.work_no {
  width: 75px;
  float: left;
  padding-bottom: 0;
}

/* メーカー（サークル）名
--------------------------------------------------------- */
dd.maker_name a,
.maker_name a {
  color: #06c;
}

dd.maker_name a:visited,
.maker_name a:visited {
  color: #639;
}

dl.work_1col dd.maker_name,
dl.work_2col dd.maker_name,
dl.work_3col dd.maker_name,
dl.work_4col dd.maker_name,
dl.work_5col dd.maker_name,
dl.work_ncol dd.maker_name,
dl.work_1col_mini dd.maker_name {
  padding-bottom: 3px;
}

dl.work_1col dd.maker_name,
dl.work_2col dd.maker_name {
}

dl.work_1col dd.maker_name,
dl.work_2col dd.maker_name,
dl.work_3col dd.maker_name {
  line-height: 1.4;
}

dl.work_4col dd.maker_name,
dl.work_5col dd.maker_name,
dl.work_ncol dd.maker_name {
  font-size: 11px;
}

ll.maker_name {
  display: block;
  font-size: 12px;
  line-height: 1.4;
}

dl.work_1col_mini dd.maker_name {
  font-size: 11px;
  line-height: 1.2;
  padding-bottom: 3px;
}

dl.work_img_main dd.maker_name {
  font-size: 11px;
  line-height: 14px;
  padding-bottom: 7px;
}

#ranking_table dl.work_1col_mini dd.maker_name {
  float: left;
  font-size: 12px;
  padding-right: 9px;
  margin: 0;
}

ul.side_col li.maker_name,
ul.side_col li.maker_name_nochange {
  /* 色の変化なし */
  display: block;
  margin-left: 65px;
  font-size: 14px;
}

/* 販売日、販売予定日
--------------------------------------------------------- */
dl.work_1col dd.sales_date {
  padding: 0 0 2px 0;
}

dl.work_1col dd.expected_date {
  color: #c00;
  font-weight: bold;
  padding: 2px 0 4px 0;
}

dl.work_1col_mini dd.sales_date,
dl.work_1col_mini dd.expected_date {
  font-size: 12px;
  line-height: 1.2;
  padding-bottom: 2px;
}

dl.work_1col_mini dd.expected_date {
  color: #c00;
}

.expected_date {
  display: block;
  color: #c11f7b;
  padding: 0 0 3px;
  font-size: 12px;
  line-height: 1.2;
  font-weight: normal;
}

.expected_date strong {
  color: #f00;
  font-weight: normal;
}

/* 販売価格
--------------------------------------------------------- */
.work_price {
  color: #c00;
}

dl.work_1col dd.work_price,
dl.work_2col dd.work_price,
dl.work_3col dd.work_price,
dl.work_4col dd.work_price,
dl.work_5col dd.work_price,
dl.work_ncol dd.work_price,
dl.work_1col_mini dd.work_price {
  color: #c00;
  padding-bottom: 4px;
  line-height: 1.2;
}

dl.work_1col dd.work_price span.price,
dl.work_2col dd.work_price span.price,
dl.work_3col dd.work_price span.price,
dl.work_4col dd.work_price span.price,
dl.work_5col dd.work_price span.price,
dl.work_ncol dd.work_price span.price,
dl.work_1col_mini dd.work_price span.price {
  font-size: 13px;
  color: #c00;
}

dl.work_1col dd.work_price span.jpy,
dl.work_2col dd.work_price span.jpy,
dl.work_3col dd.work_price span.jpy,
dl.work_4col dd.work_price span.jpy,
dl.work_5col dd.work_price span.jpy,
dl.work_ncol dd.work_price span.jpy,
dl.work_1col_mini dd.work_price span.jpy {
  font-size: 12px;
  color: #333;
}

dl.work_1col dd.work_price span.point,
dl.work_2col dd.work_price span.point,
dl.work_3col dd.work_price span.point,
dl.work_4col dd.work_price span.point,
dl.work_5col dd.work_price span.point,
dl.work_ncol dd.work_price span.point,
dl.work_1col_mini dd.work_price span.point {
  font-size: 12px;
  color: #c00;
}

/* シリーズ
--------------------------------------------------------- */
/* ----- 1列表示 ----- */
dl.work_1col dd.work_series {
  padding: 0 0 3px 0;
}

/* カップリング
--------------------------------------------------------- */
dl.work_1col dd.work_cp,
dl.work_2col dd.work_cp,
dl.work_3col dd.work_cp,
dl.work_4col dd.work_cp,
dl.work_5col dd.work_cp,
dl.work_ncol dd.work_cp,
dl.work_1col_mini dd.work_cp {
  font-size: 12px;
  padding-bottom: 2px;
  line-height: 1.3;
}

/* 紹介文
--------------------------------------------------------- */
dl.work_1col dd.work_text,
dl.work_2col dd.work_text,
dl.work_3col dd.work_text,
dl.work_1col_mini dd.work_text {
  line-height: 1.3;
  padding-bottom: 4px;
}

dl.work_3col dd.work_text {
  clear: left;
  font-size: 11px;
}

dl.work_1col_mini dd.work_text {
  font-size: 11px;
  line-height: 1.2;
}

/* 作品ジャンル
--------------------------------------------------------- */
dl.work_2col dd.work_genre,
dl.work_3col dd.work_genre {
}

/* 作品評価情報（1列表示の右列）
--------------------------------------------------------- */
td.work_1col_right {
  width: 246px;
}

td.work_1col_right li {
  text-align: right;
}

/* ----- 販売日、販売予定日 ----- */
td.work_1col_right li.sales_date,
td.work_1col_right li.expected_date {
  font-size: 12px;
  height: 17px;
  margin-right: 5px;
}

/* ----- ダウンロード数 ----- */
td.work_1col_right li.work_dl {
  /* width:70px; */
  margin: 0 5px 0 auto;
}

td.work_1col_right li.work_dl div {
  height: 14px;
  text-align: right;
  padding-right: 1px;
}

/* ----- ランキング王冠 ----- */
li.work_rankin {
  height: 26px;
  text-align: right;
  margin-right: 3px;
}

li.work_rankin table {
  margin: 0 0 0 auto;
}/* 王冠を右寄せ */
li.work_rankin table td {
  height: 26px;
}

li.work_rankin table td div {
  height: 26px;
  line-height: 26px;
}

.work_rankin td {
  text-indent: -9999px;
}

.work_rankin td.crown_hour,
.work_rankin td.crown_week,
.work_rankin td.crown_month,
.work_rankin td.crown_year,
.work_rankin td.crown_total {
  width: 20px;
}

.work_rankin td.crown_hour {
  background: url(../images/web/home/icon_crown_hour.png) center center no-repeat;
}

.work_rankin td.crown_week {
  background: url(../images/web/home/icon_crown_week.png) center center no-repeat;
}

.work_rankin td.crown_month {
  background: url(../images/web/home/icon_crown_month.png) center center no-repeat;
}

.work_rankin td.crown_year {
  background: url(../images/web/home/icon_crown_year.png) center center no-repeat;
}

.work_rankin td.crown_total {
  background: url(../images/web/home/icon_crown_total.png) center center no-repeat;
}

/* ----- 評価、レビュー ----- */
li.work_hyouka_1,
li.work_hyouka_2,
li.work_hyouka_3,
li.work_hyouka_4,
li.work_hyouka_5,
li.work_review {
  padding: 5px 0;
  margin-right: 5px;
}

li.work_hyouka_1 > div,
li.work_hyouka_2 > div,
li.work_hyouka_3 > div,
li.work_hyouka_4 > div,
li.work_hyouka_5 > div {
  display: inline;
  padding-top: 6px;
  padding-bottom: 6px;
  padding-right: 2px;
}

li.work_review div {
  display: inline;
  padding-top: 6px;
  padding-bottom: 6px;
}

/* ----- 王冠、評価、レビューの画像置き換え ----- */
.work_hyouka_1 > div,
.work_hyouka_2 > div,
.work_hyouka_3 > div,
.work_hyouka_4 > div,
.work_hyouka_5 > div,
.work_review div {
  white-space: nowrap;
}

.work_hyouka_1 > div {
  background: url(../images/web/abroad/icon_hyouka_01.png) left 5px no-repeat;
  padding-left: 17px;
}

.work_hyouka_2 > div {
  background: url(../images/web/abroad/icon_hyouka_02.png) left 5px no-repeat;
  padding-left: 32px;
}

.work_hyouka_3 > div {
  background: url(../images/web/abroad/icon_hyouka_03.png) left 5px no-repeat;
  padding-left: 47px;
}

.work_hyouka_4 > div {
  background: url(../images/web/abroad/icon_hyouka_04.png) left 5px no-repeat;
  padding-left: 62px;
}

.work_hyouka_5 > div {
  background: url(../images/web/abroad/icon_hyouka_05.png) left 5px no-repeat;
  padding-left: 77px;
}

.work_review div {
  background: url(../images/web/home/icon_review.png) left center no-repeat;
  padding-left: 25px;
}

p.work_hyouka_1,
p.work_hyouka_2,
p.work_hyouka_3,
p.work_hyouka_4,
p.work_hyouka_5,
p.work_review {
  height: 13px;
  text-indent: -9999px;
  margin: 0 auto;
}

p.work_hyouka_1 {
  background: url(../images/web/abroad/icon_hyouka_01.png) left top no-repeat;
  width: 17px;
}

p.work_hyouka_2 {
  background: url(../images/web/abroad/icon_hyouka_02.png) left top no-repeat;
  width: 32px;
}

p.work_hyouka_3 {
  background: url(../images/web/abroad/icon_hyouka_03.png) left top no-repeat;
  width: 47px;
}

p.work_hyouka_4 {
  background: url(../images/web/abroad/icon_hyouka_04.png) left top no-repeat;
  width: 62px;
}

p.work_hyouka_5 {
  background: url(../images/web/abroad/icon_hyouka_05.png) left top no-repeat;
  width: 77px;
}

p.work_review {
  background: url(../images/web/home/icon_review.png) left top no-repeat;
  width: 20px;
}

p.work_hyouka_1 a,
p.work_hyouka_2 a,
p.work_hyouka_3 a,
p.work_hyouka_4 a,
p.work_hyouka_5 a {
  display: block;
  overflow: hidden;
}

p.work_hyouka_1 a {
  width: 17px;
}

p.work_hyouka_2 a {
  width: 32px;
}

p.work_hyouka_3 a {
  width: 47px;
}

p.work_hyouka_4 a {
  width: 62px;
}

p.work_hyouka_5 a {
  width: 77px;
}

/* ----- カート・お気に入り ----- */
p.work_cart,
p.work_favorite {
  width: 130px;
  height: 28px;
  margin: 3px 0 0 auto;
}

p.work_cart a,
p.work_favorite a {
  display: block;
  width: 100%;
  height: 100%;
  border-radius: 3px;
  border: solid 1px #c00;
  box-sizing: border-box;
  text-align: center;
  color: #fff;
  font-size: 0;
  line-height: 26px;
}

p.work_cart a:hover,
p.work_favorite a:hover {
  text-decoration: none;
}

p.work_cart a:before,
p.work_favorite a:before {
  display: inline-block;
  margin-right: 6px;
  font-family: 'dlsite-icons';
  font-size: 12px;
  line-height: 1;
  vertical-align: middle;
}

p.work_cart a:after,
p.work_favorite a:after {
  display: inline-block;
  font-size: 12px;
  vertical-align: middle;
}

p.work_cart a.btn_cart {
  background: #cc2936;
  background: -webkit-linear-gradient(top, #e6505d 0%, #cc2936 100%);
  background: linear-gradient(to bottom, #e6505d 0%, #cc2936 100%);
  border-color: #b32430;
}

p.work_cart a.btn_cart:hover {
  background: #b72531;
  background: -webkit-linear-gradient(top, #e23a48 0%, #b72531 100%);
  background: linear-gradient(to bottom, #e23a48 0%, #b72531 100%);
  border-color: #9d1f2a;
}

p.work_cart a.btn_cart:before {
  content: "\e900";
}

p.work_cart a.btn_cart:after {
  content: "Add to Cart";
}

p.work_cart a.btn_cart_in {
  background: #cc525c;
  background: -webkit-linear-gradient(top, #d95762 0%, #cc525c 100%);
  background: linear-gradient(to bottom, #d95762 0%, #cc525c 100%);
  border-color: #b34750;
  color: #f2c2c6;
}

p.work_cart a.btn_cart_in:hover {
  background: #c63e49;
  background: -webkit-linear-gradient(top, #d4424e 0%, #c63e49 100%);
  background: linear-gradient(to bottom, #d4424e 0%, #c63e49 100%);
  border-color: #a04048;
}

p.work_cart a.btn_cart_in:before {
  content: "\e900";
}

p.work_cart a.btn_cart_in:after {
  content: "Already added";
}

p.work_cart a.btn_dl {
  background: #734dbf;
  background: -webkit-linear-gradient(top, #9877d9 0%, #734dbf 100%);
  background: linear-gradient(to bottom, #9877d9 0%, #734dbf 100%);
  border-color: #6342a6;
}

p.work_cart a.btn_dl:hover {
  background: #6640b3;
  background: -webkit-linear-gradient(top, #8963d3 0%, #6640b3 100%);
  background: linear-gradient(to bottom, #8963d3 0%, #6640b3 100%);
  border-color: #593b94;
}

p.work_cart a.btn_dl:before {
  content: "\e901";
}

p.work_cart a.btn_dl:after {
  content: "Download";
}

p.work_favorite {
  height: 24px;
}

p.work_favorite a {
  line-height: 22px;
}

p.work_favorite a.btn_favorite {
  background: #ddd;
  background: -webkit-linear-gradient(top, #f7f7f7 0%, #ddd 100%);
  background: linear-gradient(to bottom, #f7f7f7 0%, #ddd 100%);
  border-color: #aaa;
  color: #333;
}

p.work_favorite a.btn_favorite:hover {
  background: #d0d0d0;
  background: -webkit-linear-gradient(top, #eaeaea 0%, #d0d0d0 100%);
  background: linear-gradient(to bottom, #eaeaea 0%, #d0d0d0 100%);
  border-color: #9d9d9d;
}

p.work_favorite a.btn_favorite:before {
  content: "\e902";
}

p.work_favorite a.btn_favorite_in {
  background: #ccc;
  background: -webkit-linear-gradient(top, #ddd 0%, #ccc 100%);
  background: linear-gradient(to bottom, #ddd 0%, #ccc 100%);
  border-color: #aaa;
  color: #888;
}

p.work_favorite a.btn_favorite_in:hover {
  background: #bfbfbf;
  background: -webkit-linear-gradient(top, #d0d0d0 0%, #bfbfbf 100%);
  background: linear-gradient(to bottom, #d0d0d0 0%, #bfbfbf 100%);
  border-color: #9d9d9d;
}

p.work_favorite a.btn_favorite_in:before {
  content: "\e903";
}

p.work_favorite a:after {
  content: "Favorite";
}

p.work_already {
  border-radius: 2px;
  border: solid 1px #bf8000;
  width: 125px;
  height: 20px;
  margin: 6px 2px 3px auto;
  padding: 0 10px;
  background: #ffdf7e;
  color: #bf8000;
  line-height: 20px;
  text-indent: 0;
  text-align: center;
}

p.work_already:before {
  display: inline-block;
  margin-right: 5px;
  font-family: 'FontAwesome';
  font-size: 14px;
  vertical-align: middle;
  line-height: 1;
  content: "\f071";
}

ul.btn_xs p.work_already {
  position: absolute;
  left: 11px;
  top: -22px;
  width: 90px;
  height: 16px;
  background-size: 100%;
}

#wishlist_work ul.btn_xs p.work_already {
  left: -95px;
  top: 0;
}

/* ----- カート・お気に入り XSサイズ（検索結果で使う小さいボタン） ----- */
p.work_cart_xs,
p.work_favorite_xs {
  width: 130px;
  height: 26px;
  margin: 3px 0 0 auto;
}

p.work_cart_xs a,
p.work_favorite_xs a {
  display: block;
  width: 100%;
  height: 100%;
  border-radius: 3px;
  border: solid 1px #c00;
  box-sizing: border-box;
  text-align: center;
  color: #fff;
  font-size: 0;
  line-height: 24px;
}

p.work_cart_xs a:hover,
p.work_favorite_xs a:hover {
  text-decoration: none;
}

p.work_cart_xs a:before,
p.work_favorite_xs a:before {
  display: inline-block;
  margin-right: 6px;
  font-family: 'dlsite-icons';
  font-size: 12px;
  line-height: 1;
  vertical-align: middle;
}

p.work_cart_xs a:after,
p.work_favorite_xs a:after {
  display: inline-block;
  font-size: 12px;
  vertical-align: middle;
}

p.work_cart_xs a.btn_cart {
  background: #cc2936;
  background: -webkit-linear-gradient(top, #e6505d 0%, #cc2936 100%);
  background: linear-gradient(to bottom, #e6505d 0%, #cc2936 100%);
  border-color: #b32430;
}

p.work_cart_xs a.btn_cart:hover {
  background: #b72531;
  background: -webkit-linear-gradient(top, #e23a48 0%, #b72531 100%);
  background: linear-gradient(to bottom, #e23a48 0%, #b72531 100%);
  border-color: #9d1f2a;
}

p.work_cart_xs a.btn_cart:before {
  content: "\e900";
}

p.work_cart_xs a.btn_cart:after {
  content: "Add to Cart";
}

p.work_cart_xs a.btn_cart_in {
  background: #cc525c;
  background: -webkit-linear-gradient(top, #d95762 0%, #cc525c 100%);
  background: linear-gradient(to bottom, #d95762 0%, #cc525c 100%);
  border-color: #b34750;
  color: #f2c2c6;
}

p.work_cart_xs a.btn_cart_in:hover {
  background: #c63e49;
  background: -webkit-linear-gradient(top, #d4424e 0%, #c63e49 100%);
  background: linear-gradient(to bottom, #d4424e 0%, #c63e49 100%);
  border-color: #a04048;
}

p.work_cart_xs a.btn_cart_in:before {
  content: "\e900";
}

p.work_cart_xs a.btn_cart_in:after {
  content: "Already added";
}

p.work_cart_xs a.btn_dl {
  background: #734dbf;
  background: -webkit-linear-gradient(top, #9877d9 0%, #734dbf 100%);
  background: linear-gradient(to bottom, #9877d9 0%, #734dbf 100%);
  border-color: #6342a6;
}

p.work_cart_xs a.btn_dl:hover {
  background: #6640b3;
  background: -webkit-linear-gradient(top, #8963d3 0%, #6640b3 100%);
  background: linear-gradient(to bottom, #8963d3 0%, #6640b3 100%);
  border-color: #593b94;
}

p.work_cart_xs a.btn_dl:before {
  content: "\e901";
}

p.work_cart_xs a.btn_dl:after {
  content: "Download";
}

p.work_favorite_xs {
  width: 90px;
}

p.work_favorite_xs a.btn_favorite {
  background: #ddd;
  background: -webkit-linear-gradient(top, #f7f7f7 0%, #ddd 100%);
  background: linear-gradient(to bottom, #f7f7f7 0%, #ddd 100%);
  border-color: #aaa;
  color: #333;
}

p.work_favorite_xs a.btn_favorite:hover {
  background: #d0d0d0;
  background: -webkit-linear-gradient(top, #eaeaea 0%, #d0d0d0 100%);
  background: linear-gradient(to bottom, #eaeaea 0%, #d0d0d0 100%);
  border-color: #9d9d9d;
}

p.work_favorite_xs a.btn_favorite:before {
  content: "\e902";
}

p.work_favorite_xs a.btn_favorite:after {
  content: "Favorite";
}

p.work_favorite_xs a.btn_favorite_in {
  background: #ccc;
  background: -webkit-linear-gradient(top, #ddd 0%, #ccc 100%);
  background: linear-gradient(to bottom, #ddd 0%, #ccc 100%);
  border-color: #aaa;
  color: #888;
}

p.work_favorite_xs a.btn_favorite_in:hover {
  background: #bfbfbf;
  background: -webkit-linear-gradient(top, #d0d0d0 0%, #bfbfbf 100%);
  background: linear-gradient(to bottom, #d0d0d0 0%, #bfbfbf 100%);
  border-color: #9d9d9d;
}

p.work_favorite_xs a.btn_favorite_in:before {
  content: "\e903";
}

p.work_favorite_xs a.btn_favorite_in:after {
  content: "Added";
}

/* お気に入りページではお気に入りボタンを非表示 */
#wishlist_work p.work_favorite_xs {
  display: none;
}

/* ----- 1カラム表示の際、XSサイズボタンが横並び ----- */
.work_1col_right .work_cart_xs {
  padding-right: 5px;
}

.work_1col_right ul.work_info_box {
  width: 250px;
  position: relative;
}

.work_1col_right ul.btn_xs {
  position: absolute;
  bottom: 8px;
  right: 5px;
}

.work_1col_right li {
  float: right;
}

.work_info_box li.work_dl {
  padding-top: 6px;
}

#main_inner li.work_rankin td {
  border-bottom: none;
  padding: 0;
}

/* ----- カート・お気に入り XXSサイズ(2カラム時に使用) ----- */
p.work_cart_xxs,
p.work_favorite_xxs {
  display: inline-block;
  width: 65px;
  height: 20px;
  vertical-align: top;
}

p.work_cart_xxs a,
p.work_favorite_xxs a {
  display: block;
  width: 100%;
  height: 100%;
  border-radius: 3px;
  border: solid 1px #c00;
  box-sizing: border-box;
  text-align: center;
  color: #fff;
  font-size: 0;
  line-height: 18px;
}

p.work_cart_xxs a:hover,
p.work_favorite_xxs a:hover {
  text-decoration: none;
}

p.work_cart_xxs a:before,
p.work_favorite_xxs a:before {
  display: inline-block;
  margin-right: 6px;
  font-family: 'dlsite-icons';
  font-size: 12px;
  line-height: 1;
  vertical-align: middle;
}

p.work_cart_xxs a:after,
p.work_favorite_xxs a:after {
  display: inline-block;
  font-size: 11px;
  vertical-align: middle;
}

p.work_cart_xxs {
  margin-right: 5px;
}

p.work_cart_xxs a.btn_cart {
  background: #cc2936;
  background: -webkit-linear-gradient(top, #e6505d 0%, #cc2936 100%);
  background: linear-gradient(to bottom, #e6505d 0%, #cc2936 100%);
  border-color: #b32430;
}

p.work_cart_xxs a.btn_cart:hover {
  background: #b72531;
  background: -webkit-linear-gradient(top, #e23a48 0%, #b72531 100%);
  background: linear-gradient(to bottom, #e23a48 0%, #b72531 100%);
  border-color: #9d1f2a;
}

p.work_cart_xxs a.btn_cart:before {
  content: "\e900";
}

p.work_cart_xxs a.btn_cart:after {
  content: "Cart";
}

p.work_cart_xxs a.btn_cart_in {
  background: #cc525c;
  background: -webkit-linear-gradient(top, #d95762 0%, #cc525c 100%);
  background: linear-gradient(to bottom, #d95762 0%, #cc525c 100%);
  border-color: #b34750;
  color: #f2c2c6;
}

p.work_cart_xxs a.btn_cart_in:hover {
  background: #c63e49;
  background: -webkit-linear-gradient(top, #d4424e 0%, #c63e49 100%);
  background: linear-gradient(to bottom, #d4424e 0%, #c63e49 100%);
  border-color: #a04048;
}

p.work_cart_xxs a.btn_cart_in:before {
  content: "\e900";
}

p.work_cart_xxs a.btn_cart_in:after {
  content: "Cart";
}

p.work_cart_xxs a.btn_dl {
  background: #734dbf;
  background: -webkit-linear-gradient(top, #9877d9 0%, #734dbf 100%);
  background: linear-gradient(to bottom, #9877d9 0%, #734dbf 100%);
  border-color: #6342a6;
}

p.work_cart_xxs a.btn_dl:hover {
  background: #6640b3;
  background: -webkit-linear-gradient(top, #8963d3 0%, #6640b3 100%);
  background: linear-gradient(to bottom, #8963d3 0%, #6640b3 100%);
  border-color: #593b94;
}

p.work_cart_xxs a.btn_dl:before {
  content: "\e901";
}

p.work_cart_xxs a.btn_dl:after {
  content: "DL";
}

p.work_favorite_xxs {
  width: 30px;
}

p.work_favorite_xxs a.btn_favorite {
  background: #ddd;
  background: -webkit-linear-gradient(top, #f7f7f7 0%, #ddd 100%);
  background: linear-gradient(to bottom, #f7f7f7 0%, #ddd 100%);
  border-color: #aaa;
  color: #333;
}

p.work_favorite_xxs a.btn_favorite:hover {
  background: #d0d0d0;
  background: -webkit-linear-gradient(top, #eaeaea 0%, #d0d0d0 100%);
  background: linear-gradient(to bottom, #eaeaea 0%, #d0d0d0 100%);
  border-color: #9d9d9d;
}

p.work_favorite_xxs a.btn_favorite:before {
  content: "\e902";
}

p.work_favorite_xxs a.btn_favorite_in {
  background: #ccc;
  background: -webkit-linear-gradient(top, #ddd 0%, #ccc 100%);
  background: linear-gradient(to bottom, #ddd 0%, #ccc 100%);
  border-color: #aaa;
  color: #888;
}

p.work_favorite_xxs a.btn_favorite_in:hover {
  background: #bfbfbf;
  background: -webkit-linear-gradient(top, #d0d0d0 0%, #bfbfbf 100%);
  background: linear-gradient(to bottom, #d0d0d0 0%, #bfbfbf 100%);
  border-color: #9d9d9d;
}

p.work_favorite_xxs a.btn_favorite_in:before {
  content: "\e903";
}

p.work_favorite_xxs a:before {
  margin-right: 0;
}

p.work_favorite_xxs a:after {
  display: none;
}

/* お気に入りページではお気に入りボタンを非表示 */
#wishlist_work p.work_favorite_xxs {
  display: none;
}

/* 2カラム表示で評価アイコン+ボタン設置
--------------------------------------------------------- */
.work_genre .work_hyouka_1,
.work_genre .work_hyouka_2,
.work_genre .work_hyouka_3,
.work_genre .work_hyouka_4,
.work_genre .work_hyouka_5 {
  background: none;
  border: none;
  height: 20px;
  line-height: 20px;
  bottom: 1px;
}

dl.work_2col .btn_xs p {
  float: left;
}

/* サムネイル直下にXXSボタンの配置
--------------------------------------------------------- */
td.work_table_data .btn_xxs {
  opacity: 0;
  filter: alpha( opacity=0 ); /*ie6,ie7*/
  -ms-filter: "alpha( opacity=0 )"; /*ie8*/
}

td.work_table_data:hover .btn_xxs {
  -webkit-transition: all 0.2s ease 0.5s;
  transition: all 0.2s ease 0.5s;
  opacity: 1;
  filter: alpha( opacity=100 ); /*ie6,ie7*/
  -ms-filter: "alpha( opacity=100 )"; /*ie8*/
}

div.work_thumb div.btn_xxs {
  width: 100px;
  height: 20px;
  margin-bottom: -8px;
  position: relative;
  bottom: -4px;
  left: 0;
  z-index: 1000;
  font-size: 0;
}

/* ボックス表示
--------------------------------------------------------- */
ul#search_result_img_box {
  position: relative;
  clear: both;
  border-top: solid 1px #b8c3d9;
  border-left: solid 1px #b8c3d9;
}

li.search_result_img_box_inner {
  float: left;
  height: 285px;
  width: 124px;
  padding: 10px;
  border-right: solid 1px #b8c3d9;
  border-bottom: solid 1px #b8c3d9;
  line-height: 1.4;
  position: relative;
}

dl.work_img_main {
  line-height: 1.2;
}

dl.work_img_main dd.search_title {
  padding: 5px 0 0;
  line-height: 1.3;
}

dl.work_img_main dd.search_circle {
  font-size: 11px;
}

dl.work_img_main dt.search_img {
  display: block;
  width: 100%;
  height: 123px;
}

dl.work_img_main dt.search_img a {
  display: block;
  width: 100%;
  height: 100%;
  position: relative;
}

dl.work_img_main dt.search_img a img {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
  max-width: 100%;
  max-height: 100%;
  border: none;
  -ms-interpolation-mode: bicubic;
}

dl.work_img_main dd.work_name {
  padding: 4px 0 0;
  min-height: 1.4em;
  max-height: 2.8em;
  overflow: hidden;
  line-height: 1.4em;
}

dl.work_img_main dd.maker_name {
  padding-top: 2px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-text-overflow: ellipsis;
  -o-text-overflow: ellipsis;
}

dl.work_img_main dd.work_price {
  padding-bottom: 4px;
  line-height: 1.4;
}

dl.work_img_main dd.worl_genre {
}

/* ボックス表示時にボタン
--------------------------------------------------------- */
dl.work_img_main dd.maker_name {
  padding-top: 5px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-text-overflow: ellipsis;
  -o-text-overflow: ellipsis;
}

dl.work_img_main dt.search_img {
  display: block;
  width: 100%;
  height: 123px;
  padding-bottom: 5px;
  border-bottom: dotted 1px #b8c3d9;
  /* margin-bottom: 0; */
}

dl.work_img_main dt.search_img a {
  display: block;
  width: 100%;
  height: 100%;
  position: relative;
}

dl.work_img_main dt.search_img a img {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
  max-width: 100%;
  max-height: 100%;
  border: none;
  -ms-interpolation-mode: bicubic;
}

li.search_result_img_box_inner dl.work_img_main {
  line-height: 1.2;
}

li.search_result_img_box_inner dl dd.work_operation_btn {
  position: absolute;
  left: 0;
  width: 100%;
  bottom: 0;
  opacity: 0;
  filter: alpha( opacity=0 ); /*ie6,ie7*/
  -ms-filter: "alpha( opacity=0 )"; /*ie8*/
  background: #f0f2f7; /* サービスで差分 */
  border-top: 1px dotted #b8c3d9; /* サービスで差分 */

}

li.search_result_img_box_inner:hover dl dd.work_operation_btn {
  -webkit-transition: all 0.2s ease 0.5s;
  transition: all 0.2s ease 0.5s;
  opacity: 1;
  filter: alpha( opacity=100 ); /*ie6,ie7*/
  -ms-filter: "alpha( opacity=100 )"; /*ie8*/
}

li.search_result_img_box_inner:hover dl dd.work_operation_btn div {
  padding: 0;
}

#search_result_img_box ul.table-ul {
  overflow: hidden;
  text-align: center;
  padding: 5px 0 5px;
}

#search_result_img_box ul.table-ul li {
  display: inline-block;
  vertical-align: middle;
}

/* カート小、お気に入り小、非表示、持っています */
#search_result_img_box ul.table-ul li a.btn_cart,
#search_result_img_box ul.table-ul li a.btn_cart_in,
#search_result_img_box ul.table-ul li a.btn_favorite,
#search_result_img_box ul.table-ul li a.btn_favorite_in,
#search_result_img_box ul.table-ul li a.btn_dl {
  display: inline-block;
  width: 120px;
  height: 20px;
  border-radius: 3px;
  border: solid 1px #c00;
  box-sizing: border-box;
  text-align: center;
  color: #fff;
  font-size: 0;
  line-height: 18px;
}

#search_result_img_box ul.table-ul li a.btn_cart:hover,
#search_result_img_box ul.table-ul li a.btn_cart_in:hover,
#search_result_img_box ul.table-ul li a.btn_favorite:hover,
#search_result_img_box ul.table-ul li a.btn_favorite_in:hover,
#search_result_img_box ul.table-ul li a.btn_dl:hover {
  text-decoration: none;
}

#search_result_img_box ul.table-ul li a.btn_cart:before,
#search_result_img_box ul.table-ul li a.btn_cart_in:before,
#search_result_img_box ul.table-ul li a.btn_favorite:before,
#search_result_img_box ul.table-ul li a.btn_favorite_in:before,
#search_result_img_box ul.table-ul li a.btn_dl:before {
  display: inline-block;
  margin-right: 6px;
  font-family: 'dlsite-icons';
  font-size: 12px;
  line-height: 1;
  vertical-align: middle;
}

#search_result_img_box ul.table-ul li a.btn_cart:after,
#search_result_img_box ul.table-ul li a.btn_cart_in:after,
#search_result_img_box ul.table-ul li a.btn_favorite:after,
#search_result_img_box ul.table-ul li a.btn_favorite_in:after,
#search_result_img_box ul.table-ul li a.btn_dl:after {
  display: inline-block;
  font-size: 11px;
  vertical-align: middle;
}

#search_result_img_box ul.table-ul li a.btn_cart {
  background: #cc2936;
  background: -webkit-linear-gradient(top, #e6505d 0%, #cc2936 100%);
  background: linear-gradient(to bottom, #e6505d 0%, #cc2936 100%);
  border-color: #b32430;
}

#search_result_img_box ul.table-ul li a.btn_cart:hover {
  background: #b72531;
  background: -webkit-linear-gradient(top, #e23a48 0%, #b72531 100%);
  background: linear-gradient(to bottom, #e23a48 0%, #b72531 100%);
  border-color: #9d1f2a;
}

#search_result_img_box ul.table-ul li a.btn_cart:before {
  content: "\e900";
}

#search_result_img_box ul.table-ul li a.btn_cart:after {
  content: "Add to Cart";
}

#search_result_img_box ul.table-ul li a.btn_cart_in {
  background: #cc525c;
  background: -webkit-linear-gradient(top, #d95762 0%, #cc525c 100%);
  background: linear-gradient(to bottom, #d95762 0%, #cc525c 100%);
  border-color: #b34750;
  color: #f2c2c6;
}

#search_result_img_box ul.table-ul li a.btn_cart_in:hover {
  background: #c63e49;
  background: -webkit-linear-gradient(top, #d4424e 0%, #c63e49 100%);
  background: linear-gradient(to bottom, #d4424e 0%, #c63e49 100%);
  border-color: #a04048;
}

#search_result_img_box ul.table-ul li a.btn_cart_in:before {
  content: "\e900";
}

#search_result_img_box ul.table-ul li a.btn_cart_in:after {
  content: "Already added";
}

#search_result_img_box ul.table-ul li a.btn_dl {
  background: #734dbf;
  background: -webkit-linear-gradient(top, #9877d9 0%, #734dbf 100%);
  background: linear-gradient(to bottom, #9877d9 0%, #734dbf 100%);
  border-color: #6342a6;
}

#search_result_img_box ul.table-ul li a.btn_dl:hover {
  background: #6640b3;
  background: -webkit-linear-gradient(top, #8963d3 0%, #6640b3 100%);
  background: linear-gradient(to bottom, #8963d3 0%, #6640b3 100%);
  border-color: #593b94;
}

#search_result_img_box ul.table-ul li a.btn_dl:before {
  content: "\e901";
}

#search_result_img_box ul.table-ul li a.btn_dl:after {
  content: "Download";
}

#search_result_img_box ul.table-ul li a.btn_favorite {
  width: 30px;
  background: #ddd;
  background: -webkit-linear-gradient(top, #f7f7f7 0%, #ddd 100%);
  background: linear-gradient(to bottom, #f7f7f7 0%, #ddd 100%);
  border-color: #aaa;
  color: #333;
}

#search_result_img_box ul.table-ul li a.btn_favorite:hover {
  background: #d0d0d0;
  background: -webkit-linear-gradient(top, #eaeaea 0%, #d0d0d0 100%);
  background: linear-gradient(to bottom, #eaeaea 0%, #d0d0d0 100%);
  border-color: #9d9d9d;
}

#search_result_img_box ul.table-ul li a.btn_favorite:before {
  margin-right: 0;
  content: "\e902";
}

#search_result_img_box ul.table-ul li a.btn_favorite_in {
  width: 30px;
  background: #ccc;
  background: -webkit-linear-gradient(top, #ddd 0%, #ccc 100%);
  background: linear-gradient(to bottom, #ddd 0%, #ccc 100%);
  border-color: #aaa;
  color: #888;
}

#search_result_img_box ul.table-ul li a.btn_favorite_in:hover {
  background: #bfbfbf;
  background: -webkit-linear-gradient(top, #d0d0d0 0%, #bfbfbf 100%);
  background: linear-gradient(to bottom, #d0d0d0 0%, #bfbfbf 100%);
  border-color: #9d9d9d;
}

#search_result_img_box ul.table-ul li a.btn_favorite_in:before {
  margin-right: 0;
  content: "\e903";
}

#search_result_img_box ul.table-ul li p.work_already {
  position: absolute;
  bottom: 27px;
  left: 50%;
  margin-left: -62px;
  height: 20px;
  border-radius: 2px;
  border: solid 1px #bf8000;
  margin: 0 auto 6px;
  padding: 0 10px;
  background: #ffdf7e;
  color: #bf8000;
  line-height: 20px;
  text-indent: 0;
  text-align: center;
}

#search_result_img_box ul.table-ul li p.work_already:before {
  display: inline-block;
  margin-right: 5px;
  font-family: 'FontAwesome';
  font-size: 14px;
  vertical-align: middle;
  line-height: 1;
  content: "\f071";
}

/* --- DL数・評価数・レビュー数 --- */
#search_result_img_box dd.work_hyouka_1,
#search_result_img_box dd.work_hyouka_2,
#search_result_img_box dd.work_hyouka_3,
#search_result_img_box dd.work_hyouka_4,
#search_result_img_box dd.work_hyouka_5,
#search_result_img_box dd.work_review,
#search_result_img_box td.work_review {
  width: 30px;
  padding-left: 0;
  padding-top: 15px;
}

#search_result_img_box dd.work_hyouka_1 div {
  background: url(../images/web/abroad/icon_hyouka_01.png) left center no-repeat;
  height: 16px;
  padding-top: 5px;
  display: inline-block;
}

#search_result_img_box dd.work_hyouka_2 div {
  background: url(../images/web/abroad/icon_hyouka_02.png) left center no-repeat;
  height: 16px;
  padding-top: 5px;
  display: inline-block;
}

#search_result_img_box dd.work_hyouka_3 div {
  background: url(../images/web/abroad/icon_hyouka_03.png) left center no-repeat;
  height: 16px;
  padding-top: 5px;
  display: inline-block;
}

#search_result_img_box dd.work_hyouka_4 div {
  background: url(../images/web/abroad/icon_hyouka_04.png) left center no-repeat;
  height: 16px;
  padding-top: 5px;
  display: inline-block;
}

#search_result_img_box dd.work_hyouka_5 div {
  background: url(../images/web/abroad/icon_hyouka_05.png) left center no-repeat;
  height: 16px;
  padding-top: 5px;
  display: inline-block;
}

#search_result_img_box dd.work_review div {
  background: url(../images/web/home/icon_review.png) left center no-repeat;
  height: 16px;
  padding-top: 5px;
  display: inline-block;
}

/* ----- お知らせメール ----- */
ul.btn_infomail_send {
  width: 130px;
  border-radius: 3px;
  margin: 1px auto 0;
  font-size: 12px;
}

ul.btn_infomail_send li {
  height: 24px;
  line-height: 23px;
  width: 65px;
  display: block;
  float: left !important;
  background: #fff;
  cursor: pointer;
  text-align: center;
  color: #ccc;
  border: 1px solid #b8c3d9;
  box-sizing: border-box;
}

ul.btn_infomail_send li:first-child {
  border-radius: 3px 0 0 3px;
  border-right: none;
}

ul.btn_infomail_send li:last-child {
  border-radius: 0 3px 3px 0;
}

ul.btn_infomail_send li.on {
  background: #607194 !important;
  color: #fff !important;
}

ul.btn_infomail_send li:hover {
  background: #dde2ed;
  color: #fff;
}

p.lead_infomail_send {
  width: 130px;
  font-size: 11px;
  padding-bottom: 4px;
  text-align: left;
  margin: 0 auto;
}

/* ----- お知らせメールロング ----- */
li.work_infomail_long {
  padding: 3px 0 0;
}

li.work_infomail_long span.lead {
  display: block;
  width: 294px;
  font-size: 11px;
  text-align: left;
  padding-bottom: 4px;
}

li.work_infomail_long p.btn_infomail_long_send_on,
li.work_infomail_long p.btn_infomail_long_notsend_on {
  height: 22px;
  width: 294px;
}

li.work_infomail_long p.btn_infomail_long_send_on span,
li.work_infomail_long p.btn_infomail_long_notsend_on span {
  text-indent: -9999px;
}

li.work_infomail_long p.btn_infomail_long_send_on {
  background: url(../images/web/abroad/btn_infomail_long.png) 0 0 no-repeat;
  display: block;
  margin: 0 auto;
}

li.work_infomail_long p.btn_infomail_long_notsend_on {
  background: url(../images/web/abroad/btn_infomail_long.png) 0 -22px no-repeat;
  display: block;
  margin: 0 auto;
}

li.work_infomail_long p span.send {
  width: 147px;
  float: left;
}

li.work_infomail_long p span.notsend {
  width: 147px;
  float: left;
}

li.work_infomail_long p.btn_infomail_long_notsend_on span.send,
li.work_infomail_long p.btn_infomail_long_send_on span.notsend {
  cursor: pointer;
  height: 22px;
}

/* ----- サンプル画像ボタン ----- */
dd.work_sample_image {
  background: url(../images/web/home/btn_sample_image.png) 0 0 no-repeat;
  text-indent: -9999px;
  float: left;
}

dd.work_sample_image a {
  width: 80px;
  height: 21px;
  display: block;
  overflow: hidden;
}

/* ----- 立ち読みボタン ----- */
div#push_main p.btn_browsing {
  margin-top: 3px;
  background: url(../images/web/home/btn_browsing.png) 0 0 no-repeat;
  text-indent: -9999px;
  float: left;
}

div#push_main p.btn_browsing a {
  width: 66px;
  height: 21px;
  display: block;
  overflow: hidden;
}

/* レコメンド、その他の横並び作品
--------------------------------------------------------- */
div.work_row_wide_list {
  position: relative;
  width: 100%;
  font-size: 12px;
  line-height: 1.3;
  margin-bottom: 20px;
}

div.work_row_wide_list p.carousel_arrow_left,
div.work_row_wide_list p.carousel_arrow_right {
  width: 26px;
  position: absolute;
  top: 60px;
}

div.work_row_wide_list p.carousel_arrow_left {
  left: 0;
  z-index: 10;
}

div.work_row_wide_list p.carousel_arrow_right {
  right: 0;
  z-index: 10;
}

div.work_row_wide_list p.carousel_arrow_left input {
}

div.work_row_wide_list p.carousel_arrow_right input {
  text-indent: -9999px;
}

div.work_row_wide_list div.work_main_list_ncol {
  float: left;
  width: 100%;
  overflow: hidden;
}

div.work_main_list_ncol ul {
  min-height: 235px;
  margin: 0 30px;
}

div.work_main_list_ncol ul.mheight_01 {
  min-height: 285px;
}

div.work_main_list_ncol li {
  float: left;
  width: 175px;
  margin: 0 auto;
}

div.work_main_list_ncol li.__reserved {
}

div.work_main_list_ncol li.__reserved div {
  position: relative;
  width: 153px;
  height: 233px;
  font-size: 11px;
  text-align: center;
  margin: 0 10px;
  border-radius: 5px;
  border: 1px solid #b8c3d9;
  background: url(../images/web/common/loading_work.gif) 50% 60px no-repeat;
}

div.work_main_list_ncol ul.mheight_01 li.__reserved div {
  height: 283px;
}

div.work_main_list_ncol li.__reserved span {
  position: absolute;
  bottom: 130px;
  left: 56px;
  color: #666;
}

div.work_main_list_ncol ul.mheight_01 li.__reserved span {
  bottom: 180px;
}

div.work_main_list_ncol ul dl {
  position: relative;
  width: 153px;
  min-height: 213px;
  height: auto !important;
  height: 213px;
  padding: 10px 0;
  margin: 0 10px;
  border-radius: 5px;
  border: 1px solid #b8c3d9;
}

div.work_main_list_ncol ul.mheight_01 dl {
  padding-bottom: 60px;
}

div.work_main_list_ncol dt {
  display: table-cell;
  width: 153px;
  height: 120px;
  text-align: center;
  vertical-align: middle;
}

div.work_main_list_ncol dd {
  padding-left: 10px;
  padding-right: 10px;
}

div.work_main_list_ncol dd.work_name {
  padding-top: 6px;
}

div.work_main_list_ncol dd.work_operation_btn {
  position: absolute;
  left: 0;
  bottom: 0;
  width: 153px;
  height: 52px;
  padding: 6px 0;
  margin: 0;
  box-sizing: border-box;
  border-bottom-left-radius: 4px;
  border-bottom-right-radius: 4px;
  border-top: 1px solid #b8c3d9;
  background: #f0f2f7;
  text-align: center;
}

dd.work_operation_btn div {
  text-align: center;
}

/* ----- 作品詳細の場合 ----- */
div.work_article div.work_row_wide_list {
  margin-bottom: 0;
}

/* ----- おすすめ作品バナーの場合 ----- */
div.banner_box_02 div.work_row_wide_list {
  width: 480px;
  padding: 0 30px;
  margin-left: 195px;
  margin-bottom: 0;
}

/* ----- 0件の場合 ----- */
div.work_row_wide_list p.work_none {
  width: 250px;
  color: #e58600;
  font-size: 14px;
  font-weight: bold;
  text-align: center;
  padding: 10px;
  margin: 0 auto;
  border: 1px solid #b8c3d9;
}

/* ----- カート小、お気に入り小、非表示、持っています(レコメンド) ----- */
dd.work_operation_btn p {
  display: inline-block;
}

dd.work_operation_btn p.work_cart,
dd.work_operation_btn p.work_cart_in,
dd.work_operation_btn p.work_favorite,
dd.work_operation_btn p.work_favorite_in {
  width: 90px;
  height: 20px;
}

dd.work_operation_btn p.work_cart a,
dd.work_operation_btn p.work_cart_in a,
dd.work_operation_btn p.work_favorite a,
dd.work_operation_btn p.work_favorite_in a {
  display: block;
  width: 100%;
  height: 100%;
  border-radius: 3px;
  border: solid 1px #c00;
  box-sizing: border-box;
  text-align: center;
  color: #fff;
  font-size: 0;
  line-height: 18px;
}

dd.work_operation_btn p.work_cart a:hover,
dd.work_operation_btn p.work_cart_in a:hover,
dd.work_operation_btn p.work_favorite a:hover,
dd.work_operation_btn p.work_favorite_in a:hover {
  text-decoration: none;
}

dd.work_operation_btn p.work_cart a:before,
dd.work_operation_btn p.work_cart_in a:before,
dd.work_operation_btn p.work_favorite a:before,
dd.work_operation_btn p.work_favorite_in a:before {
  display: inline-block;
  margin-right: 6px;
  font-family: 'dlsite-icons';
  font-size: 12px;
  vertical-align: middle;
}

dd.work_operation_btn p.work_cart a:after,
dd.work_operation_btn p.work_cart_in a:after,
dd.work_operation_btn p.work_favorite a:after,
dd.work_operation_btn p.work_favorite_in a:after {
  display: inline-block;
  font-size: 12px;
}

dd.work_operation_btn p.work_cart {
  margin: 0 4px 4px 0;
}

dd.work_operation_btn p.work_cart a.btn_cart {
  background: #cc2936;
  background: -webkit-linear-gradient(top, #e6505d 0%, #cc2936 100%);
  background: linear-gradient(to bottom, #e6505d 0%, #cc2936 100%);
  border-color: #b32430;
}

dd.work_operation_btn p.work_cart a.btn_cart:hover {
  background: #b72531;
  background: -webkit-linear-gradient(top, #e23a48 0%, #b72531 100%);
  background: linear-gradient(to bottom, #e23a48 0%, #b72531 100%);
  border-color: #9d1f2a;
}

dd.work_operation_btn p.work_cart a.btn_cart:before {
  content: "\e900";
}

dd.work_operation_btn p.work_cart a.btn_cart:after {
  content: "Cart";
}

dd.work_operation_btn p.work_cart a.btn_cart_in {
  background: #cc525c;
  background: -webkit-linear-gradient(top, #d95762 0%, #cc525c 100%);
  background: linear-gradient(to bottom, #d95762 0%, #cc525c 100%);
  border-color: #b34750;
  color: #f2c2c6;
}

dd.work_operation_btn p.work_cart a.btn_cart_in:hover {
  background: #c63e49;
  background: -webkit-linear-gradient(top, #d4424e 0%, #c63e49 100%);
  background: linear-gradient(to bottom, #d4424e 0%, #c63e49 100%);
  border-color: #a04048;
}

dd.work_operation_btn p.work_cart a.btn_cart_in:before {
  content: "\e900";
}

dd.work_operation_btn p.work_cart a.btn_cart_in:after {
  content: "Added";
}

dd.work_operation_btn p.work_favorite {
  width: 30px;
  margin: 0 0 4px 0;
}

dd.work_operation_btn p.work_favorite a.btn_favorite {
  background: #ddd;
  background: -webkit-linear-gradient(top, #f7f7f7 0%, #ddd 100%);
  background: linear-gradient(to bottom, #f7f7f7 0%, #ddd 100%);
  border-color: #aaa;
  color: #333;
}

dd.work_operation_btn p.work_favorite a.btn_favorite:hover {
  background: #d0d0d0;
  background: -webkit-linear-gradient(top, #eaeaea 0%, #d0d0d0 100%);
  background: linear-gradient(to bottom, #eaeaea 0%, #d0d0d0 100%);
  border-color: #9d9d9d;
}

dd.work_operation_btn p.work_favorite a.btn_favorite:before {
  content: "\e902";
}

dd.work_operation_btn p.work_favorite a.btn_favorite_in {
  background: #ccc;
  background: -webkit-linear-gradient(top, #ddd 0%, #ccc 100%);
  background: linear-gradient(to bottom, #ddd 0%, #ccc 100%);
  border-color: #aaa;
  color: #888;
}

dd.work_operation_btn p.work_favorite a.btn_favorite_in:hover {
  background: #bfbfbf;
  background: -webkit-linear-gradient(top, #d0d0d0 0%, #bfbfbf 100%);
  background: linear-gradient(to bottom, #d0d0d0 0%, #bfbfbf 100%);
  border-color: #9d9d9d;
}

dd.work_operation_btn p.work_favorite a.btn_favorite_in:before {
  content: "\e903";
}

dd.work_operation_btn p.work_favorite a:before {
  margin-right: 0;
}

dd.work_operation_btn p.work_favorite a:after {
  display: none;
}

dd.work_operation_btn p.work_nodisplay,
dd.work_operation_btn p.work_nodisplay_end {
  margin-right: 4px;
}

dd.work_operation_btn p.work_nodisplay,
dd.work_operation_btn p.work_possession,
dd.work_operation_btn p.work_nodisplay_end,
dd.work_operation_btn p.work_possession_end {
  font-size: 11px;
}

dd.work_operation_btn .work_nodisplay,
dd.work_operation_btn .work_nodisplay_end {
  background: url(../images/web/common/icon_nodisplay_s.png) 0 0 no-repeat;
  padding-left: 15px;
}

dd.work_operation_btn p.work_possession,
dd.work_operation_btn p.work_possession_end {
  background: url(../images/web/common/icon_possession_s.png) 0 0 no-repeat;
  padding-left: 17px;
}

/* ----- パック作品の場合 ----- */
.work_pack div.work_main_list_ncol li.__reserved div {
  border: none;
}

.work_pack div.work_main_list_ncol ul dl {
  min-height: 230px;
  border: none;
}

.work_pack div.work_main_list_ncol li {
  width: auto;
}

.work_pack div.work_main_list_ncol ul dl {
  margin: 0 0 0 10px;
}

.work_pack div.work_main_list_ncol dd {
  padding-left: 0;
  padding-right: 0;
  margin-bottom: 2px;
}

.work_pack div.work_main_list_ncol dd.work_name {
  overflow: hidden;
  margin: 6px 0 2px;
  padding: 0;
  max-height: calc(12px * 1.4 * 2);
}

/* ポイント
--------------------------------------------------------- */
span.work_point.bold:after {
  content: "";
  display: inline-block;
  vertical-align: top;
  background: url(../images/web/common/icon_point_up.png) no-repeat 0 0;
  width: 32px;
  height: 15px;
  margin-left: 3px;
  display: none;
}

#search_result_img_box span.work_point.bold:after {
  display: none;
}

/* 作品ジャンルアイコン（画像の表記とテキストの表記に差があるものは擬似要素で対応）
--------------------------------------------------------- */
.work_genre span {
  display: block;
  float: left;
  border-radius: 2px;
  border: solid 1px #ccc;
  overflow: hidden;
  margin: 0 2px 2px 0;
  background: url(../images/web/common/icon_genre_eng.png) no-repeat;
  position: relative;
  font-size: 11px;
  height: 15px;
  line-height: 15px;
  padding: 0 3px;
  cursor: default;
  vertical-align: top;
}

.work_genre span:after {
  position: relative;
  display: inline-block;
  background-color: inherit;
  top: 0;
  left: 0;
  font-size: 11px;
  height: 15px;
  line-height: 15px;
}

.work_genre a {
  margin: 0 2px 2px 0;
  vertical-align: top;
  display: block;
  float: left;
}

.work_genre a:hover {
  text-decoration: none;
}

.work_genre a span {
  text-decoration: none;
  cursor: pointer;
  margin: 0;
}

.work_genre span.icon_R15 {
  border-color: #7acc83;
  color: #46b250;
  background: #e6ffe8;
  font-size: 0;
}/* R-rated */
.work_genre span.icon_ADL {
  border-color: #f29dac;
  color: #f28597;
  background: #ffe4e8;
  font-size: 0;
}/* X-rated */
.work_genre span.icon_LDS {
  border-color: #cca6a3;
  color: #a68685;
  background: #f9ebe0;
}/* Yaoi */
.work_genre span.icon_R15:after {
  content: "R15+";
}/* R-rated */
.work_genre span.icon_ADL:after {
  content: "R18++";
}/* X-rated */
.work_genre span.icon_DOH {
  border-color: #a1c9e5;
  color: #70a6cc;
  background: #e6f6ff;
}/* Doujinshi */
.work_genre span.icon_SOF {
  border-color: #c3add9;
  color: #987db3;
  background: #f2e5ff;
  font-size: 0;
}/* Doujin Software */
.work_genre span.icon_GAM {
  border-color: #d9b98d;
  color: #cc9952;
  background: #ffefd8;
  font-size: 0;
}/* Doujin Game */
.work_genre span.icon_PRO {
  border-color: #b3b3e5;
  color: #8686bf;
  background: #ecebff;
  font-size: 0;
}/* 商業ソフト */
.work_genre span.icon_SOF:after {
  content: "Software";
}/* Doujin Software */
.work_genre span.icon_GAM:after,/* Doujin Game */
.work_genre span.icon_PRO:after {
  content: "Game";
}/* 商業ソフト */
.work_genre span.icon_COM,/* Manga */
.work_genre span.icon_MNG,/* Manga */
.work_genre span.icon_IST,/* Illustration */
.work_genre span.icon_NRE,/* Novel */
.work_genre span.icon_NR2,/* Novel */
.work_genre span.icon_ZTS,/* 雑誌 */
.work_genre span.icon_GSH,/* Art Book */
.work_genre span.icon_SCM,/* Gekiga */
.work_genre span.icon_PHT/* Photo Book */ {
  border-color: #a3cc7a;
  color: #80a65b;
  background: #e6f8d4;
}

.work_genre span.icon_INV,/* Illustration+Novel */
.work_genre span.icon_ETC,/* Others (Game) */
.work_genre span.icon_ET3,/* Others */
.work_genre span.icon_ET4/* Others */ {
  border-color: #a3cc7a;
  color: #80a65b;
  background: #e6f8d4;
  font-size: 0;
}

.work_genre span.icon_INV:after {
  content: "Illust+Novel";
}/* Illustration+Novel */
.work_genre span.icon_ETC:after,/* Others (Game) */
.work_genre span.icon_ET3:after,/* Others */
.work_genre span.icon_ET4:after {
  content: "Other Format";
}/* Others */
.work_genre span.icon_MDC,/* Manga */
.work_genre span.icon_ICG,/* CG Collection */
.work_genre span.icon_IN2,/* CG+Novel */
.work_genre span.icon_MOV,/* Movie File */
.work_genre span.icon_SOU,/* Voice */
.work_genre span.icon_MUS/* Music */ {
  border-color: #a3cc7a;
  color: #80a65b;
  background: #e6f8d4;
}

.work_genre span.icon_TOL {
  border-color: #a3cc7a;
  color: #80a65b;
  background: #e6f8d4;
  font-size: 0;
}/* Utility / Tool */
.work_genre span.icon_TOL:after {
  content: "Utility Tool";
}/* Utility / Tool */
.work_genre span.icon_ACN,/* Action */
.work_genre span.icon_QIZ,/* Quiz */
.work_genre span.icon_ADV,/* Adventure */
.work_genre span.icon_DNV,/* Digital Novel */
.work_genre span.icon_SLN,/* Simulation */
.work_genre span.icon_STG,/* Shooter */
.work_genre span.icon_RET/* Retro Game */ {
  border-color: #a3cc7a;
  color: #80a65b;
  background: #e6f8d4;
}

.work_genre span.icon_RPG,/* Role-Playing */
.work_genre span.icon_TBL,/* Card & Block Breaking */
.work_genre span.icon_TYP,/* Typing */
.work_genre span.icon_PZL/* Puzzle */ {
  border-color: #a3cc7a;
  color: #80a65b;
  background: #e6f8d4;
  font-size: 0;
}

.work_genre span.icon_RPG:after {
  content: "Role Playing";
}/* Role-Playing */
.work_genre span.icon_TBL:after {
  content: "Table Game";
}/* Card & Block Breaking */
.work_genre span.icon_TYP:after {
  content: "Typing Game";
}/* Typing */
.work_genre span.icon_PZL:after {
  content: "Puzzle Game";
}/* Puzzle */
.work_genre span.icon_HTE,/* HTML File */
.work_genre span.icon_IME,/* Image File */
.work_genre span.icon_EXE,/* Executable File */
.work_genre span.icon_PDF,/* PDF File */
.work_genre span.icon_FLA,/* Flash File */
.work_genre span.icon_TXT,/* Text File */
.work_genre span.icon_ET1,/* Other Format */
.work_genre span.icon_APK,/* APK File */
.work_genre span.icon_PVA/* 専用Viewer*/ {
  border-color: #ccb8a3;
  color: #b38659;
  background: #faecdf;
}

.work_genre span.icon_HTI,/* HTML + Image */
.work_genre span.icon_HMO,/* HTML + Movie */
.work_genre span.icon_HTF,/* HTML + Flash */
.work_genre span.icon_IJP,/* JPEG File */
.work_genre span.icon_IGF,/* GIF File*/
.work_genre span.icon_IBP,/* BMP File */
.work_genre span.icon_PNG,/* PNG File */
.work_genre span.icon_ADO,/* Audio File */
.work_genre span.icon_MP3,/* MP3 File */
.work_genre span.icon_WMA,/* WMA File */
.work_genre span.icon_AAC,/* AAC File */
.work_genre span.icon_WAV,/* WAV File */
.work_genre span.icon_MVF,/* Movie File */
.work_genre span.icon_AVI,/* AVI File */
.work_genre span.icon_MWM,/* WMV File */
.work_genre span.icon_MPG/* MPEG File */ {
  border-color: #ccb8a3;
  color: #b38659;
  background: #faecdf;
  font-size: 0;
}

.work_genre span.icon_HTI:after {
  content: "HTML+Image";
}/* HTML + Image */
.work_genre span.icon_HMO:after {
  content: "HTML+Movie";
}/* HTML + Movie */
.work_genre span.icon_HTF:after {
  content: "HTML+Flash";
}/* HTML + Flash */
.work_genre span.icon_IJP:after {
  content: "Image(JPEG)";
}/* JPEG File */
.work_genre span.icon_IGF:after {
  content: "Image(GIF)";
}/* GIF File*/
.work_genre span.icon_IBP:after {
  content: "Image(BMP)";
}/* BMP File */
.work_genre span.icon_PNG:after {
  content: "Image(PNG)";
}/* PNG File */
.work_genre span.icon_ADO:after {
  content: "AUDIO File";
}/* Audio File */
.work_genre span.icon_MP3:after {
  content: "AUDIO(MP3)";
}/* MP3 File */
.work_genre span.icon_WMA:after {
  content: "AUDIO(WMA)";
}/* WMA File */
.work_genre span.icon_AAC:after {
  content: "AUDIO(AAC)";
}/* AAC File */
.work_genre span.icon_WAV:after {
  content: "AUDIO(WAV)";
}/* WAV File */
.work_genre span.icon_MVF:after {
  content: "MOVIE File";
}/* Movie File */
.work_genre span.icon_AVI:after {
  content: "MOVIE(AVI)";
}/* AVI File */
.work_genre span.icon_MWM:after {
  content: "MOVIE(WMV)";
}/* WMV File */
.work_genre span.icon_MPG:after {
  content: "MOVIE(MPEG)";
}/* MPEG File */
.work_genre span.icon_SND,/* with Voice */
.work_genre span.icon_MS2,/* with Music */
.work_genre span.icon_MV2,/* with Anime */
.work_genre span.icon_3DP/* 3D artwork */ {
  border-color: #b8c4d9;
  color: #8591a6;
  background: #f2f3f7;
  font-size: 0;
}

.work_genre span.icon_SND:after {
  content: "Voice";
}/* with Voice */
.work_genre span.icon_MS2:after {
  content: "Music";
}/* with Music */
.work_genre span.icon_MV2:after {
  content: "Anime";
}/* with Anime */
.work_genre span.icon_3DP:after {
  content: "3DCG";
}/* 3D artwork */
.work_genre span.icon_TRI {
  border-color: #cb6;
  color: #a69542;
  background: #fff7d2;
  font-size: 0;
}/* 体験版あり */
.work_genre span.icon_TRI:after {
  content: "Trial Version";
}

.work_genre span.icon_ENG,/* English Version */
.work_genre span.icon_CHI,/* Chinese Version */
.work_genre span.icon_DOT {
  border-color: #e25a70;
  color: #fff;
  background: #e25a70;
  font-size: 0;
}/* DLsite Official Translation */
.work_genre span.icon_ENG:after {
  content: "English";
}/* English Version */
.work_genre span.icon_CHI:after {
  content: "Chinese";
}/* Chinese Version */
.work_genre span.icon_DOT:after {
  content: "DLsite Trans";
}/* DLsite Official Translation */
.work_genre span.icon_PRT,/* Protected */
.work_genre span.icon_SER,/* Serial Number */
.work_genre span.icon_BUD,/* Buddy */
.work_genre span.icon_DEN,/* Soft Denchi */
.work_genre span.icon_GRS,/* Gurusen */
.work_genre span.icon_DLV {
  border-color: #85ccc6;
  color: #63a69f;
  background: #e7faf8;
  font-size: 0;
}

.work_genre span.icon_PRT:after {
  content: "Protected";
}/* Protected */
.work_genre span.icon_SER:after {
  content: "Serial Number";
}/* Serial Number */
.work_genre span.icon_BUD:after {
  content: "Buddy";
}/* Buddy */
.work_genre span.icon_DEN:after {
  content: "Soft Denchi";
}/* Soft Denchi */
.work_genre span.icon_GRS:after {
  content: "Gurusen";
}/* Gurusen */
.work_genre span.icon_DLV:after {
  content: "User Authorization";
}/* User Authorization */
.work_genre span.icon_OTM {
  border-color: #85c5f2;
  color: #70a6cc;
  background: #e6f6ff;
}/* 乙女ゲーム */
.work_genre span.icon_BL1 {
  border-color: #e5a1c3;
  color: #cc7aa3;
  background: #ffe7f3;
  font-size: 0;
}/* BL */
.work_genre span.icon_BL1:after {
  content: "♂×♂";
  font-family: sans-serif;
}/* BL */
.work_genre span.icon_GRO,
.work_genre span.icon_MEN,
.work_genre span.icon_EVT,
.work_genre span.icon_REV {
  margin-left: 3px;
  border: none;
  text-indent: -9999px;
  padding: 0;
}

.work_genre span.icon_GRO {
  width: 15px;
  background-position: -111px -260px;
}/* グロ */
.work_genre span.icon_MEN {
  width: 13px;
  background-position: -137px -260px;
}/* ホモ */
.work_genre span.icon_EVT {
  width: 13px;
  background-position: -239px -260px;
}/* イベント頒布 */
.work_genre span.icon_REV {
  background: url(../images/web/home/icon_REV.png) no-repeat 0 50%;
  width: 16px;
}/* レビューあり */
.work_genre a span.icon_GRO,
.work_genre a span.icon_MEN,
.work_genre a span.icon_EVT,
.work_genre a span.icon_REV {
  margin: 0;
}

.work_genre span.icon_W_TOUCH,/* スマホ同梱 */
.work_genre span.icon_WPD,/* with PDF File */
.work_genre span.icon_WAP,/* with APK File */
.work_genre span.icon_ALM/* Almight */ {
  border-color: #b8bee5;
  color: #7a87cc;
  background: #e9ecfe;
  font-size: 0;
}

.work_genre span.icon_W_TOUCH:after {
  content: "Smartphone";
}/* スマホ同梱 */
.work_genre span.icon_WPD:after {
  content: "PDF File";
}/* with PDF File */
.work_genre span.icon_WAP:after {
  content: "APK File";
}/* with APK File */
.work_genre span.icon_ALM:after {
  content: "PC/Smartphone";
}/* Almight */
.maker_name span.icon_NCI/* 新規サークル：NEW */ {
  font-size: 11px;
  display: inline-block;
  margin: 0 2px 0 3px;
  background: url(../images/web/common/icon_genre_eng.png) no-repeat -5px -292px;
  height: 0;
  width: 33px;
  padding-top: 15px;
  overflow: hidden;
  border: none;
  vertical-align: middle;
}

/* スマホ専用 */
.work_price span.icon_TOUCH_O,
.article_box span.icon_TOUCH_O,
.work_content span.icon_TOUCH_O,
.work_genre span.icon_TOUCH_O {
  display: inline-block;
  margin: 0 2px 0 3px;
  padding: 0 3px;
  height: 15px;
  line-height: 15px;
  border-radius: 2px;
  font-size: 11px !important;
  color: #fff;
  background: #d94c63;
  border: none;
  cursor: default;
  vertical-align: top;
}

.work_content span.icon_TOUCH_O,
.work_genre span.icon_TOUCH_O {
  border: solid 1px #d94c63;
  margin: 0 2px 0 0;
}

.work_price a:hover span.icon_TOUCH_O,
.article_box a:hover span.icon_TOUCH_O {
  text-decoration: none;
  cursor: pointer;
}

.article_box span.icon_TOUCH_O {
  margin-left: 0;
}

div#ana_work_wrapper .work_price span.icon_TOUCH_O,
table.prof_ana_work .work_price span.icon_TOUCH_O {
  margin: 1px 0 1px 0;
}

/* 国旗 */
.work_genre span.icon_USA,.work_genre span.icon_GER,.work_genre span.icon_ITA,
.work_genre span.icon_GBR,.work_genre span.icon_ESP,.work_genre span.icon_FIN,
.work_genre span.icon_FRA,.work_genre span.icon_KOR,.work_genre span.icon_PHL,
.work_genre span.icon_PER,.work_genre span.icon_MAL,.work_genre span.icon_UKR,
.work_genre span.icon_POL,.work_genre span.icon_BRA,.work_genre span.icon_NED,
.work_genre span.icon_GUA,.work_genre span.icon_TUR,.work_genre span.icon_MEX,
.work_genre span.icon_CHL,.work_genre span.icon_AUS,.work_genre span.icon_SGP,
.work_genre span.icon_SWE,.work_genre span.icon_PRY,.work_genre span.icon_TWN,
.work_genre span.icon_ZAF,.work_genre span.icon_CAN,.work_genre span.icon_ARG,
.work_genre span.icon_RUS,.work_genre span.icon_SUR,.work_genre span.icon_IDN,
.work_genre span.icon_NZL,.work_genre span.icon_VEN,.work_genre span.icon_HUN,
.work_genre span.icon_SVK,.work_genre span.icon_THA,.work_genre span.icon_SWI,
.work_genre span.icon_BEL,.work_genre span.icon_CHN,.work_genre span.icon_CZE,
.work_genre span.icon_IND,.work_genre span.icon_NOR,.work_genre span.icon_SVN,
.work_genre span.icon_SYR,.work_genre span.icon_COL,.work_genre span.icon_PRI,
.work_genre span.icon_PTG,.work_genre span.icon_SLV,.work_genre span.icon_ROU,
.work_genre span.icon_BLZ,.work_genre span.icon_EGY,.work_genre span.icon_VNM,
.work_genre span.icon_BRN,.work_genre span.icon_KGZ,.work_genre span.icon_ECU,
.work_genre span.icon_LVA,.work_genre span.icon_TTO,.work_genre span.icon_BLR,
.work_genre span.icon_AUT,.work_genre span.icon_IRN,.work_genre span.icon_DNK {
  width: 16px;
  height: 13px;
  margin: 0 5px 0 0;
  padding: 0;
  border: none;
  border-radius: 0;
  text-indent: -9999px;
}

#country_box span {
  display: inline-block;
  width: 16px;
  height: 13px;
  margin: 0 5px 0 1px;
  padding: 0;
  background-image: url(../images/web/common/icon_genre_eng.png);
  text-indent: -9999px;
}

.work_genre span.icon_USA, #country_box span.icon_USA { background-position: -5px -317px; }/*   アメリカ */
.work_genre span.icon_GER, #country_box span.icon_GER { background-position: -21px -317px; }/*  ドイツ */
.work_genre span.icon_ITA, #country_box span.icon_ITA { background-position: -37px -317px; }/*  イタリア */
.work_genre span.icon_GBR, #country_box span.icon_GBR { background-position: -53px -317px; }/*  イギリス */
.work_genre span.icon_ESP, #country_box span.icon_ESP { background-position: -69px -317px; }/*  スペイン */
.work_genre span.icon_FIN, #country_box span.icon_FIN { background-position: -85px -317px; }/*  フィンランド */
.work_genre span.icon_FRA, #country_box span.icon_FRA { background-position: -101px -317px; }/* フランス */
.work_genre span.icon_KOR, #country_box span.icon_KOR { background-position: -117px -317px; }/* 韓国 */
.work_genre span.icon_PHL, #country_box span.icon_PHL { background-position: -133px -317px; }/* フィリピン */
.work_genre span.icon_PER, #country_box span.icon_PER { background-position: -149px -317px; }/* ペルー */
.work_genre span.icon_MAL, #country_box span.icon_MAL { background-position: -165px -317px; }/* マレーシア */
.work_genre span.icon_UKR, #country_box span.icon_UKR { background-position: -181px -317px; }/* ウクライナ */
.work_genre span.icon_POL, #country_box span.icon_POL { background-position: -197px -317px; }/* ポーランド */
.work_genre span.icon_BRA, #country_box span.icon_BRA { background-position: -213px -317px; }/* ブラジル */
.work_genre span.icon_NED, #country_box span.icon_NED { background-position: -229px -317px; }/* オランダ */
.work_genre span.icon_GUA, #country_box span.icon_GUA { background-position: -245px -317px; }/* グアテマラ */
.work_genre span.icon_TUR, #country_box span.icon_TUR { background-position: -261px -317px; }/* トルコ */
.work_genre span.icon_MEX, #country_box span.icon_MEX { background-position: -277px -317px; }/* メキシコ */
.work_genre span.icon_CHL, #country_box span.icon_CHL { background-position: -293px -317px; }/* チリ */
.work_genre span.icon_AUS, #country_box span.icon_AUS { background-position: -309px -317px; }/* オーストラリア */
.work_genre span.icon_SGP, #country_box span.icon_SGP { background-position: -325px -317px; }/* シンガポール */
.work_genre span.icon_SWE, #country_box span.icon_SWE { background-position: -341px -317px; }/* スウェーデン */
.work_genre span.icon_PRY, #country_box span.icon_PRY { background-position: -357px -317px; }/* パラグアイ */
.work_genre span.icon_TWN, #country_box span.icon_TWN { background-position: -373px -317px; }/* 台湾 */
.work_genre span.icon_ZAF, #country_box span.icon_ZAF { background-position: -387px -317px; }/* 南アフリカ */
.work_genre span.icon_CAN, #country_box span.icon_CAN { background-position: -405px -317px; }/* カナダ */
.work_genre span.icon_ARG, #country_box span.icon_ARG { background-position: -421px -317px; }/* アルゼンチン */
.work_genre span.icon_RUS, #country_box span.icon_RUS { background-position: -437px -317px; }/* ロシア */
.work_genre span.icon_SUR, #country_box span.icon_SUR { background-position: -453px -317px; }/* スリナム */
.work_genre span.icon_IDN, #country_box span.icon_IDN { background-position: -469px -317px; }/* インドネシア */
.work_genre span.icon_NZL, #country_box span.icon_NZL { background-position: -485px -317px; }/* ニュージーランド */
.work_genre span.icon_VEN, #country_box span.icon_VEN { background-position: -501px -317px; }/* ベネズエラ */
.work_genre span.icon_HUN, #country_box span.icon_HUN { background-position: -517px -317px; }/* ハンガリー */
.work_genre span.icon_SVK, #country_box span.icon_SVK { background-position: -533px -317px; }/* スロバキア */
.work_genre span.icon_THA, #country_box span.icon_THA { background-position: -549px -317px; }/* タイ */
.work_genre span.icon_SWI, #country_box span.icon_SWI { background-position: -565px -317px; width: 11px; }/* スイス */
.work_genre span.icon_BEL, #country_box span.icon_BEL { background-position: -576px -317px; }/* ベルギー */
.work_genre span.icon_CHN, #country_box span.icon_CHN { background-position: -592px -317px; }/* 中国 */
.work_genre span.icon_CZE, #country_box span.icon_CZE { background-position: -608px -317px; }/* チェコ */
.work_genre span.icon_IND, #country_box span.icon_IND { background-position: -624px -317px; }/* インド */
.work_genre span.icon_NOR, #country_box span.icon_NOR { background-position: -640px -317px; }/* ノルウェー */
.work_genre span.icon_SVN, #country_box span.icon_SVN { background-position: -656px -317px; }/* スロベニア */
.work_genre span.icon_SYR, #country_box span.icon_SYR { background-position: -672px -317px; }/* シリア */
.work_genre span.icon_COL, #country_box span.icon_COL { background-position: -688px -317px; }/* コロンビア */
.work_genre span.icon_PRI, #country_box span.icon_PRI { background-position: -704px -317px; }/* プエルトリコ */
.work_genre span.icon_PTG, #country_box span.icon_PTG { background-position: -720px -317px; }/* ポルトガル */
.work_genre span.icon_SLV, #country_box span.icon_SLV { background-position: -736px -317px; }/* エルサルバドル */
.work_genre span.icon_ROU, #country_box span.icon_ROU { background-position: -752px -317px; }/* ルーマニア */
.work_genre span.icon_BLZ, #country_box span.icon_BLZ { background-position: -768px -317px; }/* ベリーズ */
.work_genre span.icon_EGY, #country_box span.icon_EGY { background-position: -784px -317px; }/* エジプト */
.work_genre span.icon_VNM, #country_box span.icon_VNM { background-position: -800px -317px; }/* ベトナム */
.work_genre span.icon_BRN, #country_box span.icon_BRN { background-position: -5px -330px; }/*   ブルネイ */
.work_genre span.icon_KGZ, #country_box span.icon_KGZ { background-position: -21px -330px; }/*  キルギスタン */
.work_genre span.icon_ECU, #country_box span.icon_ECU { background-position: -37px -330px; }/*  エクアドル */
.work_genre span.icon_LVA, #country_box span.icon_LVA { background-position: -53px -330px; }/*  ラトビア */
.work_genre span.icon_TTO, #country_box span.icon_TTO { background-position: -69px -330px; }/*  トリニダード・トバゴ */
.work_genre span.icon_BLR, #country_box span.icon_BLR { background-position: -85px -330px; }/*  ベラルーシ */
.work_genre span.icon_AUT, #country_box span.icon_AUT { background-position: -101px -330px; }/* オーストリア */
.work_genre span.icon_IRN, #country_box span.icon_IRN { background-position: -117px -330px; }/* イラン */
.work_genre span.icon_DNK, #country_box span.icon_DNK { background-position: -133px -330px; }/* デンマーク */
/* 詳細検索結果 国名の枠内折り返し */
#country_box input {
  vertical-align: middle;
}

#country_box dl {
  white-space: normal;
}

#country_box p{
  display: inline-block;
  margin-right: 8px;
}

/* 作品詳細ページ 国旗表示調整 */
#work_maker .work_genre {
  line-height: 1.4;
  margin-top: 2px;
}

/* 言語アイコン */
h1#work_name span.icon_ttl_JPN {
  width: 106px;
  height: 15px;
  background-position: -5px -347px;
  margin: 4px 4px 0 0;
  padding: 0;
}/* 日本語_作品タイトルの先頭につける */
h1#work_name span.icon_ttl_ENG {
  width: 94px;
  height: 15px;
  background-position: -112px -347px;
  margin: 4px 4px 0 0;
  padding: 0;
}/* 英語_作品タイトルの先頭につける */
.work_genre span.icon_L_JPN,/* 日本語 */
.work_genre span.icon_L_ENG,/* 英語 */
.work_genre span.icon_L_CHI,/* 中国語 */
.work_genre span.icon_L_FRA,/* フランス語 */
.work_genre span.icon_L_ITA,/* イタリア語 */
.work_genre span.icon_L_GER,/* ドイツ語 */
.work_genre span.icon_L_ESP,/* スペイン語 */
.work_genre span.icon_L_DOT {
  border-color: #e25a70;
  color: #fff;
  background: #e25a70;
  font-size: 0;
}/* DLsite公式翻訳作品 */
.work_genre span.icon_L_JPN:after {
  content: "Japanese Version";
}/* 日本語 */
.work_genre span.icon_L_ENG:after {
  content: "English Version";
}/* 英語 */
.work_genre span.icon_L_CHI:after {
  content: "Chinese Version";
}/* 中国語 */
.work_genre span.icon_L_FRA:after {
  content: "French Version";
}/* フランス語 */
.work_genre span.icon_L_ITA:after {
  content: "Italian Version";
}/* イタリア語 */
.work_genre span.icon_L_GER:after {
  content: "German Version";
}/* ドイツ語 */
.work_genre span.icon_L_ESP:after {
  content: "Spanish Version";
}/* スペイン語 */
.work_genre span.icon_L_DOT:after {
  content: "DLsite Trans";
}/* DLsite公式翻訳作品 */
/* 作品名のアイコン表示
--------------------------------------------------------- */
.icon_lead_01 {
  display: inline-block;
  border-radius: 2px;
  border: solid 1px #ccc;
  margin: 0 2px 2px 0;
  font-size: 11px;
  height: 13px;
  line-height: 13px;
  padding: 0 2px;
  vertical-align: middle;
  font-weight: bold;
}

.icon_lead_01.type_lang {
  border-color: #e25a70;
  color: #fff;
  background: #e25a70;
}/* ○○ Version 言語系 */
.icon_lead_01.type_limit {
  border-color: #18a29a;
  color: #fff;
  background: #18a29a;
  text-align: center;
}/* 限定 */
.icon_lead_01.type_sale {
  border-color: #c00;
  color: #fff;
  background: #c00;
  text-align: center;
}/* ○○%OFF */
.icon_lead_01.type_points {
  border-color: #093;
  color: #fff;
  background: #093;
  text-align: center;
}/* ポイントUP */
.icon_lead_01.type_exclusive {
  border-color: #ffd400;
  color: #604200;
  background: #ffe800;
  text-align: center;
  font-size: 12px;
}/* 専売、先行、独占 */

/* 英訳作品背景色
--------------------------------------------------------- */
.bg_trans { background: #FFF7FA; }


/* 評価分布図
--------------------------------------------------------- */
.hyouka_detail {
  position: absolute;
  left: 240px;
  top: 340px;
  width: 232px;
  padding: 5px;
  border-radius: 5px;
  border: 1px solid #b8c3d9;
  background-color: #fff;
  box-shadow: 1px 1px 1px rgba(0,0,0,0.1);
}

.hyouka_detail:after,
.hyouka_detail:before {
  content: "";
  position: absolute;
  left: 50%;
  width: 0;
  height: 0;
  border: solid transparent;
}

.hyouka_detail:after {
  top: -18px;
  margin-left: -9px;
  border-width: 9px;
  border-bottom-color: #fff;
}

.hyouka_detail:before {
  top: -20px;
  margin-left: -10px;
  border-width: 10px;
  border-bottom-color: #b8c3d9;
}

.hyouka_detail table {
  font-size: 13px;
  border-collapse: separate;
}

.hyouka_detail table th,
.hyouka_detail table td {
  vertical-align: top;
  padding: 5px;
  border: 1px solid #fff;
}

.hyouka_detail table th {
  width: 70px;
  color: #536280;
  text-align: right;
  background: #e6eaf2;
}

span.eva_ave {
  font-size: 15px;
  font-weight: bold;
  padding-left: 5px;
}

span.eva_count {
  font-weight: normal;
  font-size: 12px;
  padding-left: 5px;
}

dl.eva_break_count dt {
  width: 77px;
  height: 18px;
  line-height: 18px;
  float: left;
  text-align: right;
  clear: both;
}

dl.eva_break_count dt p {
  float: left;
}

dl.eva_break_count dd.eva_count {
  height: 18px;
  line-height: 18px;
  font-size: 12px;
  padding-left: 5px;
  margin-left: 77px;
}

/* ==================================================
 同時開催中のキャンペーンバナー
================================================== */
/* ----- トップ右カラム ----- */
#discount_banners_other .sub_name {
  margin-bottom: 5px;
  border-bottom: none;
}

#discount_banners_other p {
  text-align: center;
}

#discount_banners_other img {
  width: 94%;
  margin: 0 auto 5px;
}

/* ----- キャンペーン下部 ----- */
#discount_banners,
div.right_banner_inner.more_campaign_banners {
  padding-top: 0;
}

#discount_banners p,
.more_campaign_banners p {
  position: relative;
  float: left;
  margin: 0 8px;
}

/* 対象サービスポップ擬似要素 */
div.more_campaign_banners .target {
  display: block;
  width: 100%;
  height: 25px;
  margin: 5px auto 15px;
  border-radius: 3px;
  background: #e6eaf2;
  color: #536280;
  line-height: 25px;
  text-align: center;
  vertical-align: middle;
}

/* ==================================================================================================================
　1巻無料配信
================================================================================================================== */
#nocharge {
}

#nocharge .main_bn {
  height: 128px;
  margin-bottom: 15px;
  border: 1px solid #e69900;
  background: url(../images/web/home/bg_nocharge_header.gif) left top repeat-x;
}

#nocharge div.main_bn p {
  height: 128px;
  text-indent: -9999px;
  background: url(../images/web/home/mainpic_nocharge.png) center top no-repeat;
}

#nocharge table.border_t {
  border-top: none;
}

#nocharge table.border_b {
  border-bottom: none;
  margin-bottom: 0;
}

#nocharge div#search_result_list {
  margin: 0;
}

#nocharge ul#search_result_img_box {
  background-image: none;
}

#nocharge li.search_result_img_box_inner {
  position: relative;
  width: 144px;
  height: 246px;
  margin: 0 -1px -1px 0;
  border: 1px solid #b8c3d9;
}

#nocharge dl.work_img_main dt.search_img {
  width: 144px;
}

#nocharge dl.work_img_main dd.work_price {
  display: none;
}

#nocharge dl.work_img_main dd.work_genre {
  display: none;
}

#nocharge .read_period {
  position: absolute;
  bottom: 52px;
  width: 144px;
  color: #c00;
  text-align: center;
}

#nocharge .btn_read {
  position: absolute;
  left: 50%;
  bottom: 18px;
  text-align: center;
  margin-left: -50px;
}

#nocharge .btn_read a {
  display: block;
  text-indent: -9999px;
  width: 101px;
  height: 27px;
  margin: 0 auto;
  background: url(../images/web/home/btn_nocharge_read.png) left top no-repeat;
}

#nocharge .btn_read a:hover {
  background: url(../images/web/home/btn_nocharge_read.png) left -27px no-repeat;
}

/* ==================================================================================================================
　パック販売
================================================================================================================== */
/* ----- ソフ倫審査受理番号 ----- */
.eocs_no {
  display: block;
  font-weight: normal;
  font-size: 11px;
  color: #999;
}

/* ----- 作品詳細のパック販売リスト ----- */
.pack_children {
  margin-top: 5px;
  padding-left: 10px;
  font-size: 12px;
}

.pack_children > li.work_no {
  font-size: 12px;
  padding-left: 10px;
}

.pack_children > li.work_no::before {
  display: inline-block;
  width: 3px;
  height: 3px;
  margin: 0 10px 0 -10px;
  border-radius: 50%;
  background: #666;
  content: "";
  vertical-align: middle;
}

/* ----- カート内パック作品のオススメ ----- */
.recommend_field {
  visibility: hidden;
  opacity: 0;
  position: absolute;
  z-index: 100;
  -webkit-transform: translate(-50%, 20px);
      -ms-transform: translate(-50%, 20px);
          transform: translate(-50%, 20px);
  max-width: 600px;
  padding: 10px 20px;
  border: solid 1px #ccc;
  border-radius: 5px;
  box-shadow: 1px 2px 10px -2px rgba(0, 0, 0, 0.3);
  background: #fff;
  -webkit-transition: opacity 0.15s ease-out, visibility 0.15s ease-out, -webkit-transform 0.15s ease-out;
  transition: opacity 0.15s ease-out, transform 0.15s ease-out, visibility 0.15s ease-out;
}

.recommend_field.active {
  visibility: visible;
  opacity: 1;
  -webkit-transform: translate(-50%, 24px);
      -ms-transform: translate(-50%, 24px);
          transform: translate(-50%, 24px);
}

.recommend_field::before {
  position: absolute;
  top: -10px;
  left: 50%;
  width: 0;
  height: 0;
  margin-left: -8px;
  border-style: solid;
  border-width: 0 8px 10px 8px;
  border-color: transparent transparent #ccc transparent;
  content: "";
}

.recommend_field::after {
  position: absolute;
  top: -8px;
  left: 50%;
  width: 0;
  height: 0;
  margin-left: -8px;
  border-style: solid;
  border-width: 0 8px 10px 8px;
  border-color: transparent transparent #fff transparent;
  content: "";
}

/* 親作品リスト */
ul.pack_parents {
  padding-left: 10px;
  margin: 5px 0 0;
}

ul.pack_parents > li {
  font-size: 12px;
  padding-left: 10px;
}

ul.pack_parents > li > a {
  font-weight: bold;
}

ul.pack_parents > li::before {
  display: inline-block;
  width: 3px;
  height: 3px;
  margin: 0 5px 0 -10px;
  border-radius: 50%;
  background: #666;
  content: "";
  vertical-align: middle;
}

ul.pack_parents > li:not(:first-child) {
  margin-top: 3px;
}

/* 小作品リスト */
.pack_list.pack_children {
  padding-left: 15px;
}

.pack_list.pack_children > li::before {
  display: inline-block;
  width: 3px;
  height: 3px;
  margin: 0 10px 0 -10px;
  border-radius: 50%;
  background: #666;
  content: "";
  vertical-align: middle;
}

.pack_ellipsis {
  margin-top: 3px;
}

/* ----- カートリスト内 親パックアイコン ----- */
.guide_work_pack {
  background: #607194;
  border: 1px solid #607194;
  color: #fff;
  border-radius: 2px;
  font-size: 11px;
  height: 15px;
  line-height: 15px;
  padding: 0 3px;
  text-decoration: none;
  display: inline-block;
  margin-left: 5px;
  vertical-align: middle;
  cursor: pointer;
}

.message_list_attention .guide_work_pack {
  margin-right: 5px;
}

/* ==================================================================================================================
　クーポン・特典コード
================================================================================================================== */
/* ----- アイコン ----- */
div.guide_privilege_01 {
  position: relative;
  display: inline-block;
}

div.guide_privilege_01 span,
span.guide_privilege_01 {
  background: #ff5f96;
  border: 1px solid #ff5f96;
  color: #fff;
  border-radius: 2px;
  font-size: 11px;
  height: 15px;
  line-height: 15px;
  padding: 0 3px;
  text-decoration: none;
  display: inline-block;
  margin-left: 5px;
  cursor: default;
}

span.guide_privilege_01 {
  margin: 0 5px;
}

#work_outline div.guide_privilege_01 span {
  margin-left: 0;
  margin-right: 2px;
}

.work_genre div.guide_privilege_01 span {
  margin-left: 0;
  margin-right: 2px;
}

div.guide_privilege_01 .over_guide_box_01 {
  display: none;
}

div.guide_privilege_01:hover .over_guide_box_01 {
  display: block;
  position: absolute;
  right: -335px;
  top: 10px;
  width: 340px;
  color: #333;
  border: 1px solid #b8c3d9;
  background: #f0f2f7;
  z-index: 2000;
  border-radius: 5px;
  box-shadow: 1px 1px 2px rgba(0,0,0,0.15);
}

div.guide_privilege_01 .over_guide_box_inner {
  padding: 8px 10px;
}

div.guide_privilege_01 .over_guide_box_01 p {
  font-size: 12px;
  line-height: 1.4;
}

div.guide_privilege_01 .over_guide_box_01 p a {
  display: inline;
  float: none;
  margin: 0;
}

div.guide_privilege_01 .over_guide_box_01 .limit_date {
  display: inline-block;
  font-size: 11px;
  padding-top: 2px;
  font-style: normal;
}

/* ----- 特典コード表 ----- */
#special_code {
  padding-bottom: 10px;
}

#special_code .code_no {
  width: 230px;
}

#special_code .limit_date {
  width: 110px;
}

#special_code table.work_list_main td {
  vertical-align: middle;
  padding: 10px;
}

#special_code table.work_list_main tr.period_end {
  background: #efefef;
  color: #999;
}

#special_code table.work_list_main td ul.side_col li.work_no,
#special_code table.work_list_main td ul.side_col li.work_name {
  padding-bottom: 0;
}

#special_code table.work_list_main td.code_guide {
  background: none;
  line-height: 1.5;
}

/*----- クーポン一覧表 -----*/
#coupon table {
  margin-bottom: 20px;
}

#coupon table.work_list_main td {
  vertical-align: middle;
  padding: 10px;
  line-height: 1.5;
}

#coupon table.work_list_main th.coupon_name {
  min-width: 240px;
}

#coupon table.work_list_main th.coupon_period {
  width: 80px;
}

#coupon table.work_list_main th.coupon_condition {
  width: 240px;
}

#coupon table.work_list_main td.coupon_period {
  text-align: center;
}

#coupon table.work_list_main td.coupon_condition {
  background: none;
}

#coupon table.work_list_main tr.period_end {
  background: #efefef;
  color: #999;
}

#coupon input[type="text"] {
  width: 90%;
}

#coupon div.white_box_form {
  margin: 0 20px 20px;
}

#coupon p.mini_message {
  float: none;
}

/* ==================================================================================================================
　もっと見る
================================================================================================================== */
/* ----- ランキングTOP ----- */
div.ranking_more,
div.similer_more {
  margin: 18px 6px 0;
}

/* ----- 作品詳細サークル関連情報 ----- */
div.work_more {
  clear: both;
  padding: 18px 0 0;
}

.style_gayeng div.top_new_work_02 div {
  padding: 0 0 25px;
  text-align: center;
}

.style_gayeng div.top_new_work_02 div.type_01 p {
  padding: 0;
}

.style_gayeng div.top_new_work_02 div.type_01 p a,
.style_gayeng div.top_new_work_02 div.type_02 p a {
  padding: 10px;
  text-decoration: none;
  display: block;
  text-align: center;
  font-size: 14px;
  font-weight: bold;
  color: #fff;
  border-radius: 5px;
}

.style_gayeng div.top_new_work_02 div.type_01 p a {
  background-color: #45b0e6;
}

.style_gayeng div.top_new_work_02 div.type_02 p a {
  background-color: #b36ae0;
}

.style_gayeng div.top_new_work_02 div p a span {
  background: url(../images/web/abroad/bg_main_image.png) -1582px -660px no-repeat;
  padding-left: 25px;
}

/* ----- プロフィール ----- */
/* ----- 作品詳細レビュー ----- */
div.review_more {
  width: 100%;
  clear: both;
  padding-top: 10px;
  border-top: 1px dashed #999;
}

div.version_up_more {
  padding-top: 10px;
}

div.ranking_more p,
div.work_more p,
div.review_more p,
div.similer_more p,
div.version_up_more p {
  font-size: 13px;
  text-align: right;
}

div.work_more p,
div.review_more p {
  font-weight: bold;
}

div.ranking_more a,
div.work_more a,
div.review_more a,
div.similer_more p a {
  padding-left: 14px;
  background: url(../images/web/home/icon_more.png) no-repeat left center;
}

div.version_up_more p a span {
  background: url(../images/web/home/tab_pulldown.png) no-repeat left center;
  padding-left: 20px;
  display: inline-block;
  height: 21px;
  line-height: 22px;
}

/* ==================================================================================================================
　各種ページ下部リンク
================================================================================================================== */
p.page_bottom_link {
  text-align: center;
  margin: 20px auto;
}

div.page_bottom_link {
  width: 100%;
}

div.page_bottom_link_fix {
  width: 795px;
}/* 2カラム右 width785pxだっけ？ */
div.page_bottom_link ul,
div.page_bottom_link_fix ul {
  text-align: center;
  margin: 20px auto;
}

div.page_bottom_link_fix ul li,
div.page_bottom_link ul li {
  display: inline;
  padding: 0 12px;
  border-right: 1px solid #b8c3d9;
}

div.page_bottom_link_fix ul li.last,
div.page_bottom_link ul li.last {
  border-right: none;
}

/* ==================================================================================================================
　アイコン+テキスト
================================================================================================================== */
/* 注意事項リスト */
ul.attention_list,
ul.attention_mini_list {
  margin: 3px 0;
}

ul.attention_list li,
ul.attention_mini_list li {
  line-height: 1.5;
  text-indent: -1em;
  padding-bottom: 3px;
  margin-left: 1em;
}

ul.attention_mini_list li {
  font-size: 11px;
}

/* オレンジリストアイコン */
ul.list_head_orange li {
  line-height: 1.5;
  padding: 0 0 6px 12px;
  background: url(../images/web/home/icon_list_01.gif) no-repeat left 5px;
}

/* ブルーリストアイコン */
ul.list_head_blue li {
  line-height: 1.5;
  padding: 0 0 6px 12px;
  background: url(../images/web/home/icon_list_02.gif) no-repeat left 5px;
}

/* 矢印リストアイコン（使わなければ削除） */
ul.list_head_arrow li {
  line-height: 1.5;
  padding: 0 0 6px 15px;
  background: url(../images/web/home/icon_list_arrow.gif) no-repeat left 5px;
}

/* レーベル一覧 */
ul.prof_label_list li {
  line-height: 1.8;
}

/* シリーズ一覧 */
ul#prof_work_series li {
  height: 20px;
}

p.work_series {
  height: 20px;
  text-indent: 1.8em;
  background: url(../images/web/home/icon_series.gif) left top no-repeat;
}

/* DLsite blog */
p.icon_dlblog a {
  padding: 3px 0 3px 22px;
  background: url(../images/web/home/icon_blog.gif) left top no-repeat;
}

/* DLsite blog 記事 */
ul.prof_blog_article li {
  clear: left;
  height: 20px;
}

p.blog_article {
  float: left;
  height: 20px;
  text-indent: 1.8em;
  margin: 0 10px 0 0;
  background: url(../images/web/home/icon_blog_article.gif) left top no-repeat;
}

p.blog_menberpage {
  float: left;
  height: 20px;
  text-indent: 1.5em;
  background: url(../images/web/home/icon_blog_setting.gif) left top no-repeat;
}

p.blog_date {
  color: #666;
  font-size: 11px;
}

/* カスタマイズ */
span.icon_custom {
  padding-left: 15px;
  background: url(../images/web/home/icon_custom.png) no-repeat left center;
}

/* もっと見る矢印 */
span.icon_more {
  padding-left: 14px;
  background: url(../images/web/home/icon_more.png) left center no-repeat;
}

/* ヘルプ */
p.qa_link_12 {
  display: inline;
  font-size: 12px;
  padding: 3px 0 3px 20px;
  background: url(../images/web/home/icon_qa.png) no-repeat left center;
}

p.qa_link {
  float: left;
  font-size: 12px;
  height: 18px;
  line-height: 18px;
  padding-left: 20px;
  margin: 9px 0 0 10px;
  background: url(../images/web/home/icon_qa.png) no-repeat left 2px;
}

/* 別窓リンク */
.icon_link_blank_01 {
  padding: 0 0 0 15px;
  background: url(../images/web/common/icon_link_blank_01.gif) no-repeat left center;
}

.icon_link_blank_02 {
  /* 文中テキスト用 */
  padding: 0 0 0 14px;
  margin: 0 2px;
  background: url(../images/web/common/icon_link_blank_01.gif) no-repeat left center;
}

.icon_link_blank_03 {
  /* footer用-男性向 */
  padding: 0 0 0 15px;
  background: url(../images/web/common/icon_link_blank_04.gif) no-repeat left center;
}

/* ==================================================================================================================
　○○：▲▲　リスト形式
================================================================================================================== */
/*  作品詳細、右側など  */
table#work_outline {
  line-height: 1.5;
  margin: 12px 0;
}

table#work_outline th {
  text-align: right;
  vertical-align: top;
  white-space: nowrap;
}

table#work_outline td {
  vertical-align: top;
  padding-bottom: 2px;
}

/* バージョンアップ情報 アンカーリンク */
div.btn_ver_up {
  display: inline-block;
  position: relative;
  margin-left: 5px;
  vertical-align: top;
}

div.btn_ver_up a[href^="#version_up"] {
  display: block;
  height: 15px;
  line-height: 15px;
  border-radius: 2px;
  padding: 0 5px;
  border: solid 1px #607194;
  background: #e6eaf2;
  color: #4d628c;
  font-size: 11px;
  text-align: center;
}

div.btn_ver_up a[href^="#version_up"]:hover {
  text-decoration: none;
}

/* ==================================================================================================================
　タブ
================================================================================================================== */
/* ページ切り替え
--------------------------------------------------------- */
div#default_list_tab {
}

.default_tab_wrapper {
  width: 795px;
  margin-bottom: 15px
}

ul#default_tab,
ul#default_tab_100,
ul#default_tab_120,
ul#default_tab_120_pickup,
ul#default_tab_130,
ul#default_tab_160,
ul#default_tab_200,
ul#default_tab_210 {
  font-size: 12px;
  padding-left: 10px;
  height: 28px;
  margin: 3px 0;
  background: url(../images/web/home/tab_bottom_bg.gif) left bottom repeat-x;
}

ul#default_tab li,
ul#default_tab_100 li,
ul#default_tab_120 li,
ul#default_tab_120_pickup li,
ul#default_tab_130 li,
ul#default_tab_160 li,
ul#default_tab_200 li,
ul#default_tab_210 li {
  position: relative;
  float: left;
  height: 28px;
  line-height: 28px;
  text-align: center;
  margin-right: 3px;
}

ul#default_tab_100 li {
  width: 100px;
  background: url(../images/web/home/tab_100_bg.gif) no-repeat left -28px;
}

ul#default_tab_120 li,
ul#default_tab_120_pickup li {
  width: 120px;
  background: url(../images/web/home/tab_120_bg.gif) no-repeat left -28px;
}

ul#default_tab_130 li {
  width: 130px;
  background: url(../images/web/home/tab_130_bg.gif) no-repeat left -28px;
}

ul#default_tab_160 li {
  width: 160px;
  background: url(../images/web/home/tab_160_bg.gif) no-repeat left -28px;
}

ul#default_tab_200 li {
  width: 200px;
  background: url(../images/web/home/tab_200_bg.gif) no-repeat left -28px;
}

ul#default_tab_210 li {
  width: 210px;
  background: url(../images/web/home/tab_210_bg.gif) no-repeat left -28px;
}

ul#default_tab_100 li.tab a,
ul#default_tab_120 li.tab a,
ul#default_tab_120_pickup li.tab a,
ul#default_tab_130 li.tab a,
ul#default_tab_160 li.tab a,
ul#default_tab_200 li.tab a,
ul#default_tab_210 li.tab a {
  display: block;
  height: 28px;
  color: #fff;
  font-weight: normal;
  text-decoration: none;
  text-align: center;
  outline: none;
}

ul#default_tab_100 li.on a,
ul#default_tab_120 li.on a,
ul#default_tab_120_pickup li.on a,
ul#default_tab_130 li.on a,
ul#default_tab_160 li.on a,
ul#default_tab_200 li.on a,
ul#default_tab_210 li.on a {
  color: #536280;
  font-weight: bold;
}

ul#default_tab_100 li a:hover,
ul#default_tab_100 li.on a,
ul#default_tab_100 li.on a:hover {
  background: url(../images/web/home/tab_100_bg.gif) no-repeat left top;
}

ul#default_tab_120 li a:hover,
ul#default_tab_120 li.on a,
ul#default_tab_120 li.on a:hover {
  background: url(../images/web/home/tab_120_bg.gif) no-repeat left top;
}

ul#default_tab_120_pickup li a:hover,
ul#default_tab_120_pickup li.on a,
ul#default_tab_120_pickup li.on a:hover {
  background: url(../images/web/home/tab_120_bg.gif) no-repeat left top;
}

ul#default_tab_130 li a:hover,
ul#default_tab_130 li.on a,
ul#default_tab_130 li.on a:hover {
  background: url(../images/web/home/tab_130_bg.gif) no-repeat left top;
}

ul#default_tab_160 li a:hover,
ul#default_tab_160 li.on a,
ul#default_tab_160 li.on a:hover {
  background: url(../images/web/home/tab_160_bg.gif) no-repeat left top;
}

ul#default_tab_200 li a:hover,
ul#default_tab_200 li.on a,
ul#default_tab_200 li.on a:hover {
  background: url(../images/web/home/tab_200_bg.gif) no-repeat left top;
}

ul#default_tab_210 li a:hover,
ul#default_tab_210 li.on a,
ul#default_tab_210 li.on a:hover {
  background: url(../images/web/home/tab_210_bg.gif) no-repeat left top;
}

ul#default_tab_100 li a:hover,
ul#default_tab_120 li a:hover,
ul#default_tab_120_pickup li a:hover,
ul#default_tab_130 li a:hover,
ul#default_tab_160 li a:hover,
ul#default_tab_200 li a:hover,
ul#default_tab_210 li a:hover {
  color: #536280;
}

ul#default_tab_120_pickup li a {
  width: 120px;
}

/* ==================================================================================================================
　基本枠
================================================================================================================== */
/* お気に入り枠
--------------------------------------------------------- */
div#favorite_box {
  width: 168px;
  padding-bottom: 4px;
  background: url(../images/web/home/work_cart_bg.gif) bottom center no-repeat;
}

table#favorite_box_inner {
  width: 168px;
  background: url(../images/web/home/work_cart_bg.gif) 0 -464px no-repeat;
}

td.favorite_box_top {
  padding: 10px 0 8px;
  background: url(../images/web/home/work_cart_bg.gif) top center no-repeat;
}

table#favorite_box_inner td {
  text-align: center;
}

td.favorite_others_top {
  padding: 10px 0 8px;
  background: url(../images/web/home/work_cart_bg.gif) 0 -464px no-repeat;
}

/* 青枠
--------------------------------------------------------- */
/*  大枠  */
div.main_liquid_box {
  position: relative;
  margin-bottom: 20px;
  background: url(../images/web/home/bg_check_01.gif) repeat;
}

div.main_liquid_box_f {
  padding-top: 15px;
  background: url(../images/web/home/bg_check_form_top_f.gif) no-repeat 0 0;
}

/* ランキングトップ枠 */
#home_ranking,
#soft_ranking,
#comic_ranking,
#maniax_ranking,
#pro_ranking,
#books_ranking {
  margin-left: 0;
  margin-right: 0;
}

#home_ranking {
  background: url(../images/web/home/bg_check_home.gif) repeat;
}

#soft_ranking {
  background: url(../images/web/home/bg_check_soft.gif) repeat;
}

#comic_ranking {
  background: url(../images/web/home/bg_check_comic.gif) repeat;
}

#maniax_ranking {
  background: url(../images/web/home/bg_check_maniax.gif) repeat;
}

#pro_ranking {
  background: url(../images/web/home/bg_check_pro.gif) repeat;
}

#books_ranking {
  background: url(../images/web/home/bg_check_books.gif) repeat;
}

div.main_1col_box {
  width: 970px;
  background: url(../images/web/home/bg_check_01.gif) repeat;
  margin-bottom: 20px;
}

div.main_liquid_box_inner {
  padding: 24px;
  border: 1px solid #8f9fbf;
}

#home_ranking div.main_liquid_box_inner {
  border: 1px solid #68d917;
  border-top: 5px solid #68d917;
}

#soft_ranking div.main_liquid_box_inner {
  border: 1px solid #ffa220;
  border-top: 5px solid #ffa220;
}

#comic_ranking div.main_liquid_box_inner {
  border: 1px solid #ff6a83;
  border-top: 5px solid #ff6a83;
}

#maniax_ranking div.main_liquid_box_inner {
  border: 1px solid #53aae0;
  border-top: 5px solid #53aae0;
}

#pro_ranking div.main_liquid_box_inner {
  border: 1px solid #e95199;
  border-top: 5px solid #e95199;
}

#books_ranking div.main_liquid_box_inner {
  border: 1px solid #59bb59;
  border-top: 5px solid #59bb59;
}

div.main_liquid_box_inner_2 {
  border: 1px solid #b8c3d9;
}

/* 枠線なし */
div.main_liquid_box .no_border {
  border: 0;
}

/*  白枠  */
div.white_15_box,
div.white_15_box_end,
div.white_box_form,
div.white_box_form_end,
div.ranking_top_box,
div.ranking_top_box_last {
  position: relative;
  background-color: #fff;
}

div.white_box_form {
  margin: 15px 25px 30px;
}

div.white_box_form_end {
  margin: 15px 25px 15px;
}

div.ranking_top_box {
  margin: 12px 0 30px;
}

div.ranking_top_box:last-child,
div.ranking_top_box_last {
  margin: 12px 0 0;
}

div.white_15_box {
  margin: 15px 15px 0;
}

div.white_15_box_end {
  margin: 15px;
}

div.liquid_white_lt {
  width: 100%;
  background: url(../images/web/home/bg_liquid_lt.gif) no-repeat left top;
}

div.liquid_white_rt {
  width: 100%;
  background: url(../images/web/home/bg_liquid_rt.gif) no-repeat right top;
}

div.liquid_white_lb {
  width: 100%;
  background: url(../images/web/home/bg_liquid_lb.gif) no-repeat left bottom;
}

div.liquid_white_rb {
  padding: 24px 6px 12px;
  background: url(../images/web/home/bg_liquid_rb.gif) no-repeat right bottom;
}

div.liquid_white_rb_p15 {
  position: relative;
  padding: 15px;
  background: url(../images/web/home/bg_liquid_rb.gif) no-repeat right bottom;
}/* IE6,7のpadding-top大きめ */
/* ----- 枠内フォーム ----- */
div.white_box_form table.form_table,
div.white_box_form_end table.form_table,
div.white_box_form table.static_list_main,
div.white_box_form_end table.static_list_main {
  width: 705px;
  margin-left: 5px;
  margin-bottom: 5px;
  margin-top: 8px;
}

div.modify_white_box table.form_table {
  width: 540px;
}

/* ----- 枠内テーブル ----- */
div.table_inframe_box,
div.table_inframe_box_fix {
  padding: 4px;
  margin-bottom: 25px;
  border: 1px solid #b8c3d9;
  background: #e6eaf2;
}

div.table_inframe_box_fix {
  width: 785px;
}

div.table_inframe_box.mb10,
div.table_inframe_box_fix.mb10 {
  margin-bottom: 10px;
}

div.table_inframe_box_inner {
  background-color: #fff;
}

div.table_inframe_box_inner table {
  width: 100%;
  border: 2px solid #fff;
}

div.table_inframe_box_inner table th,
div.table_inframe_box_inner table td {
  vertical-align: top;
  padding: 6px 6px;
  border: 2px solid #fff;
}

div.table_inframe_box_inner table th {
  width: 150px;
  color: #536280;
  font-weight: normal;
  text-align: right;
  white-space: nowrap;
  background: #e6eaf2;
}

div.table_inframe_box_inner table td p {
  line-height: 1.4;
}

div.table_inframe_box_inner table td strong {
  font-size: 14px;
}

div.table_inframe_box_inner p.title_message_only {
  color: #e58600;
  font-size: 14px;
  font-weight: bold;
  line-height: 1.4;
  padding: 15px 20px;
}

/* フォーム枠、完了画面等のテキスト枠
--------------------------------------------------------- */
div.main_modify_box {
  width: 795px;
  padding-top: 1px;
  margin-bottom: 20px;
  background: url(../images/web/home/bg_check_form_border.gif) no-repeat top left;
}

div.second_box {
  margin-top: 20px;
}

div.main_modify_box_f {
  width: 795px;
  padding-top: 15px;
  background: url(../images/web/home/bg_check_form_top_f.gif) left top no-repeat;
}/* 上向き矢印の枠 */
div.main_modify_box_inner {
  background: url(../images/web/home/bg_check_form_mid.gif) repeat-y;
}

div.main_modify_box_end {
  padding: 20px 0;
  background: url(../images/web/home/bg_check_form_border.gif) no-repeat bottom left;
}

/* ----- 内側枠 ----- */
div.modify_white_box {
  width: 600px;
  padding-top: 5px;
  margin: 0 auto;
  background: url(../images/web/home/bg_btn_radius.png) no-repeat left top;
}

div.modify_white_box_02 {
  width: 760px;
  padding-top: 5px;
  margin: 20px auto;
  background: url(../images/web/home/bg_btn_radius_02.png) no-repeat left top;
}

div.modify_white_box_inner {
  width: 600px;
  padding-bottom: 5px;
  background: url(../images/web/home/bg_btn_radius.png) no-repeat left bottom;
}

div.modify_white_box_02_inner {
  width: 760px;
  padding-bottom: 5px;
  background: url(../images/web/home/bg_btn_radius_02.png) no-repeat left bottom;
}

div.modify_white_box_main {
  padding: 10px;
  background: url(../images/web/home/bg_btn_radius_mid.png) repeat-y;
}

div.modify_white_box_02_main {
  padding: 10px;
  background: url(../images/web/home/bg_btn_radius_mid_02.png) repeat-y;
}

div.modify_white_box_main p.btn_explain,
div.modify_white_box_02_main p.btn_explain {
  font-size: 12px;
  line-height: 1.5;
  padding: 10px 20px;
}

div.modify_white_box p.title_message {
  color: #e58600;
  font-size: 14px;
  font-weight: bold;
  line-height: 1.4;
  padding: 10px;
  margin: 5px 10px;
  border: 1px dotted #b8c3d9;
}

div.modify_white_box_main p.title_message_only {
  color: #e58600;
  font-size: 14px;
  font-weight: bold;
  line-height: 1.4;
  margin: 5px 10px;
}

div.modify_white_box ul.attention_list {
  padding: 10px 20px;
}

p.send_mail_add {
  padding: 10px;
  font-size: 12px;
  border-radius: 5px;
  background: #f0f2f7;
  margin: 10px 10px;
}

p.send_mail_add span {
  padding-left: 5px;
  color: #536280;
  font-weight: bold;
  font-size: 14px;
}

div.parallel_btn,
div.parallel_btn_02 {
  padding: 10px 20px;
  margin: 0 auto;
  text-align: center;
}

div.parallel_btn {
  width: 330px;
}

div.parallel_btn_02 {
  width: 390px;
}

div.parallel_large_btn {
  width: 430px;
  padding: 10px 20px;
  margin: 0 auto;
  text-align: center;
}

div.parallel_btn p.modify_btn_left {
  float: left;
  width: 160px;
}

div.parallel_btn_02 p.modify_btn_left {
  width: 210px;
  float: left;
}

div.parallel_large_btn p.modify_btn_left {
  float: left;
  width: 210px;
}

div.parallel_btn p.modify_btn_right,
div.parallel_btn_02 p.modify_btn_right {
  float: right;
  width: 160px;
}

div.parallel_large_btn p.modify_btn_right {
  float: right;
  width: 210px;
}

p.modify_btn {
  text-align: center;
  padding: 10px 0;
}

p.modify_btn_close {
  text-align: center;
  padding: 15px 0 0;
  margin-top: 25px;
  border-top: 1px dotted #8f9fbf;
}

div.rakuten_btn {
  width: 165px;
  margin: 0 auto;
  text-align: center;
}

/* ----- ローディング中 ----- */
div#status {
  width: 300px;
  text-align: center;
  padding: 10px;
  margin: 0 auto;
}

/* ----- 汎用お知らせ枠 ----- */
div.notice_box {
  width: 755px;
  margin: 10px 0 15px;
  padding: 10px 15px;
  border: 5px solid #e6eaf2;
  color: #536280;
  font-size: 12px;
  text-align: center;
}

/* テキストとボタン1つを並べる */
div.notice_box.with_btn p {
  display: inline-block;
  padding-right: 15px;
  vertical-align: middle;
}

div.notice_box.with_btn [class*="btn"] {
  display: inline-block;
  vertical-align: middle;
}

/* 入力フロー表示
--------------------------------------------------------- */
/* ----- 上部のフロー表示 ----- */
ul#modify_process_line {
  margin-bottom: 18px;
  height: 28px;
}

ul#modify_process_line li {
  float: left;
  height: 28px;
  line-height: 28px;
  color: #333;
  font-size: 12px;
}

ul#modify_process_line li span {
  padding-right: 5px;
}

/* 基本状態 */
ul#modify_process_line.select_02_process_left li,
ul#modify_process_line.select_03_process_left li,
ul#modify_process_line.select_03_process_right li.process_left,
ul#modify_process_line.select_04_process_left li,
ul#modify_process_line.select_04_process_01 li,
ul#modify_process_line.select_04_process_02 li,
ul#modify_process_line.select_04_process_right li,
ul#modify_process_line.select_05_process_left li,
ul#modify_process_line.select_05_process_01 li,
ul#modify_process_line.select_05_process_02 li,
ul#modify_process_line.select_05_process_03 li,
ul#modify_process_line.select_05_process_right li,
ul#modify_process_line.select_06_process_left li,
ul#modify_process_line.select_06_process_01 li,
ul#modify_process_line.select_06_process_02 li,
ul#modify_process_line.select_06_process_03 li,
ul#modify_process_line.select_06_process_04 li,
ul#modify_process_line.select_06_process_right li {
  float: left;
  height: 28px;
  line-height: 28px;
  font-size: 12px;
  padding: 0 29px 0 18px; /* 右三角部分幅11px */
  background: url(../images/web/home/process_default.gif) no-repeat right center #dde2ee;
}

/* 選択状態 */
ul#modify_process_line.select_03_process_01 li.process_01,
ul#modify_process_line.select_04_process_01 li.process_01,
ul#modify_process_line.select_04_process_02 li.process_02,
ul#modify_process_line.select_05_process_01 li.process_01,
ul#modify_process_line.select_05_process_02 li.process_02,
ul#modify_process_line.select_05_process_03 li.process_03,
ul#modify_process_line.select_06_process_01 li.process_01,
ul#modify_process_line.select_06_process_02 li.process_02,
ul#modify_process_line.select_06_process_03 li.process_03,
ul#modify_process_line.select_06_process_04 li.process_04,
ul#modify_process_line.select_02_process_left li.process_left,
ul#modify_process_line.select_03_process_left li.process_left,
ul#modify_process_line.select_05_process_left li.process_left,
ul#modify_process_line.select_04_process_left li.process_left,
ul#modify_process_line.select_06_process_left li.process_left {
  color: #fff;
  font-weight: bold;
  padding: 0 29px 0 18px; /* 右三角部分幅11px */
  background: url(../images/web/home/process_select_right.gif) no-repeat right center #fa0;
}

/* 選択されているものの左側 */
ul#modify_process_line.select_02_process_right li.process_left,
ul#modify_process_line.select_03_process_right li.process_01,
ul#modify_process_line.select_04_process_right li.process_02,
ul#modify_process_line.select_05_process_right li.process_03,
ul#modify_process_line.select_06_process_right li.process_04,
ul#modify_process_line.select_03_process_01 li.process_left,
ul#modify_process_line.select_04_process_01 li.process_left,
ul#modify_process_line.select_04_process_02 li.process_01,
ul#modify_process_line.select_05_process_01 li.process_left,
ul#modify_process_line.select_05_process_02 li.process_01,
ul#modify_process_line.select_05_process_03 li.process_02,
ul#modify_process_line.select_06_process_01 li.process_left,
ul#modify_process_line.select_06_process_02 li.process_01,
ul#modify_process_line.select_06_process_03 li.process_02,
ul#modify_process_line.select_06_process_04 li.process_03 {
  padding: 0 29px 0 18px; /* 右三角部分幅11px */
  background: url(../images/web/home/process_select_left.gif) no-repeat right top #dde2ee;
}

/* 一番右側非選択 */
ul#modify_process_line.select_02_process_left li.process_right,
ul#modify_process_line.select_03_process_left li.process_right,
ul#modify_process_line.select_04_process_left li.process_right,
ul#modify_process_line.select_04_process_01 li.process_right,
ul#modify_process_line.select_04_process_02 li.process_right,
ul#modify_process_line.select_05_process_left li.process_right,
ul#modify_process_line.select_05_process_01 li.process_right,
ul#modify_process_line.select_05_process_02 li.process_right,
ul#modify_process_line.select_05_process_03 li.process_right,
ul#modify_process_line.select_06_process_left li.process_right,
ul#modify_process_line.select_06_process_01 li.process_right,
ul#modify_process_line.select_06_process_02 li.process_right,
ul#modify_process_line.select_06_process_03 li.process_right,
ul#modify_process_line.select_06_process_04 li.process_right {
  padding: 0 23px 0 18px;
  background-image: none;
}

ul#modify_process_line.select_03_process_01 li.process_right {
  padding: 0 23px 0 18px;
  background: #dde2ee;
}

/* 一番右選択 */
ul#modify_process_line.select_02_process_right li.process_right,
ul#modify_process_line.select_03_process_right li.process_right,
ul#modify_process_line.select_04_process_right li.process_right,
ul#modify_process_line.select_05_process_right li.process_right,
ul#modify_process_line.select_06_process_right li.process_right {
  color: #fff;
  font-weight: bold;
  padding: 0 23px 0 18px;
  background: #fa0;
}

/* ----- 後払い変更フロー図 ----- */
ul.flow_later {
  width: 761px;
  margin-bottom: 10px;
  border: 1px solid #e58600;
  background: #fff9d9;
}

ul.flow_later li {
  float: left;
  padding: 10px 24px 10px 15px;
  background: url(../images/web/home/process_alow_02.png) no-repeat right center;
}

ul.flow_later li.last {
  padding: 10px 15px 10px 15px;
  background: none;
}

/* ボタン押下後、反映済みメッセージ
--------------------------------------------------------- */
/* 削除する
div#work_review p.mini_message,
div#review_list_box p.mini_message{
float:right;
color:#536280;
padding:4px 10px;
margin:9px 0;
border:1px solid #b8c3d9;
background:#f0f2f7;
}*/
/* ----- センターボタン ----- */
div.modify_white_box div.mini_message {
  text-align: center;
  margin: 5px 10px 10px;
}

div.modify_white_box div.mini_message p {
  display: inline-block;
  line-height: 1.6;
  color: #e58600;
  font-weight: bold;
  padding: 10px;
  border: 1px solid #e58600;
  background: #fff9d9;
}

/* ----- 右寄せ ----- */
p.mini_message {
  clear: both;
  float: right;
  color: #e58600;
  font-weight: bold;
  padding: 4px 10px;
  margin: 9px 0;
  border: 1px solid #e58600;
  background: #fff9d9;
}

/* ==================================================
 フォーム
================================================== */
/* 4つ区切り入力（クレカ番号、ビットキャッシュ等） */
.code_4col input {
  margin: 0 5px;
  width: 60px;
}

.code_4col input:first-child {
  margin-left: 0;
}

/* ----- 設定ラジオボタン ----- */
.btn_select_box {
  position: relative;
  display: inline-block;
}

.favorite_ana .btn_select_box {
  width: 100%;
}

.lead_select_radio {
  margin: 0 auto;
  padding-bottom: 4px;
  text-align: left;
  font-size: 12px;
}

.btn_select_radio {
  width: 100%;
}

.lead_select_radio.size_l {
  width: 166px;
}

.lead_select_radio.size_m {
  width: 144px;
}

ul.btn_select_radio {
  display: inline-block;
  border-radius: 3px;
  font-size: 0;
}

ul.btn_select_radio {
  width: 100%;
}

ul.btn_select_radio.size_l {
  width: 166px;
}

ul.btn_select_radio.size_m {
  width: 144px;
}

ul.btn_select_radio li {
  float: none !important;
  height: 24px;
  line-height: 23px;
  display: inline-block;
  background: #fff;
  cursor: pointer;
  text-align: center;
  font-size: 12px;
  color: #aaa;
  border: 1px solid #b8c3d9;
  box-sizing: border-box;
  font-size: 12px;
}

ul.btn_select_radio:not([class*="size_"]) li {
  width: 50%;
}

ul.btn_select_radio.size_l li {
  width: 83px;
}

ul.btn_select_radio.size_m li {
  width: 72px;
}

ul.btn_select_radio li:first-child {
  border-radius: 3px 0 0 3px;
  border-right: none;
}

ul.btn_select_radio li:last-child {
  border-radius: 0 3px 3px 0;
}

ul.btn_select_radio li.on,
ul.btn_select_radio li:hover.on {
  background: #607194;
  color: #fff;
}

ul.btn_select_radio li:hover {
  background: #dde2ed;
  color: #fff;
}

.popup_message_01 {
  position: absolute;
  top: -35px;
  left: 50%;
  opacity: 0;
  margin: 0 auto;
  padding: 8px 10px;
  border-radius: 3px;
  background: #e6457a;
  color: #fff;
  font-size: 12px;
  text-align: center;
  -webkit-transition: all 0.4s ease;
  transition: all 0.4s ease;
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
  white-space: nowrap;
}

.popup_message_01:after {
  position: absolute;
  top: 100%;
  left: 50%;
  height: 0;
  width: 0;
  border: 6px solid transparent;
  border-top: 6px solid #e6457a;
  content: "";
  margin-left: -6px;
}

.popup_message_01.on {
  opacity: 1;
  top: -45px;
}

/* ==================================================================================================================
　テキストスタイル
================================================================================================================== */
/* タイトル
--------------------------------------------------------- */
/* 1行の見出し */
div.base_title {
  height: 30px;
  line-height: 24px;
  margin-bottom: 12px;
  background: url(../images/web/home/bg_line_01.gif) left bottom repeat-x;
}

/* 複数行の見出し */
div.base_title_br {
  position: relative;
  line-height: 1.4;
  padding-bottom: 8px;
  margin-bottom: 12px;
  background: url(../images/web/home/bg_line_01.gif) left bottom repeat-x;
}

div.base_title_moreline {
  height: 30px;
  line-height: 24px;
  margin-bottom: 15px;
  background: url(../images/web/home/bg_line_01.gif) repeat-x left bottom;
}

div#top_wrapper div.base_title {
  margin-top: -5px;
  margin-bottom: 5px;
}

div.base_title h1,
div.base_title_br h1 {
  float: left;
  color: #536280;
  font-size: 16px;
  font-weight: bold;
  font-style: italic;
  padding: 0 0 0 20px;
  background: url(../images/web/home/icon_title_arrow.gif) left 5px no-repeat;
}

div.base_title_br h1 {
  margin-right: 80px;
}

/* シェアボタン等なし */
div.no_btn h1 {
  float: none;
  margin-right: 0;
}

div.base_title_moreline h1 {
  color: #536280;
  font-size: 16px;
  font-weight: bold;
  padding: 0 0 0 20px;
  background: url(../images/web/home/icon_title_arrow.gif) left 5px no-repeat;
}

div.maker h1 {
}

div.base_title p.right {
  color: #b8c3d9;
  padding-right: 6px;
}

div.base_title p.right strong {
  color: #536280;
}

/* オリジナルネーム */
div.base_title h1 span.original_name,
div.base_title_br h1 span.original_name {
  font-size: 16px;
  font-weight: bold;
  padding-right: 5px;
}

/* タイトル下リンク */
div.title_btm_link {
  height: 30px;
  line-height: 30px;
}

div.title_btm_link p {
  text-align: right;
}

/* SNSボタン */
div.base_title span.link_twitter {
  float: right;
  width: 80px;
  text-align: right;
}

div.base_title_br span.link_twitter {
  width: 80px;
  position: absolute;
  right: 0;
  bottom: 9px;
  text-align: right;
}

/* 14px 大見出し
--------------------------------------------------------- */
div.title_01 {
  height: 30px;
  line-height: 28px;
  margin-bottom: 12px;
  background: url(../images/web/home/bg_line_01.gif) left bottom repeat-x;
}

div.title_01 h2,
div.title_01 h3 {
  float: left;
  color: #536280;
  font-size: 14px;
  font-weight: bold;
  padding: 0 0 0 19px;
  background: url(../images/web/home/icon_title_arrow.gif) left 6px no-repeat;
}

div.title_01 h2 span,
div.title_01 h3 span {
  font-size: 12px;
  font-weight: normal;
  padding: 0 0 0 3px;
}

p.right_link {
  float: right;
  font-size: 12px;
}

/* 14px　大見出し（改行対応） */
div.title_01_br {
  line-height: 1.3;
  padding-bottom: 7px;
  margin-bottom: 12px;
  background: url(../images/web/home/bg_line_01.gif) left bottom repeat-x;
}

div.title_01_br h2,
div.title_01_br h3 {
  color: #536280;
  font-size: 14px;
  font-weight: bold;
  padding: 0 0 0 19px;
  background: url(../images/web/home/icon_title_arrow.gif) left 1px no-repeat;
}

/* サブタイトル1
--------------------------------------------------------- */
div.title_sub_120,
div.title_sub_150,
div.title_sub_160,
div.title_sub_180,
div.title_sub_200,
div.title_sub_250,
div.title_sub_300,
div.title_sub_350,
div.title_sub_370,
div.title_sub_free {
  height: 22px;
  line-height: 22px;
  background: url(../images/web/home/bg_title_sub_left.png) no-repeat left top;
}

div.title_sub_120_02,
div.title_sub_150_02,
div.title_sub_160_02,
div.title_sub_180_02,
div.title_sub_200_02,
div.title_sub_250_02,
div.title_sub_300_02,
div.title_sub_350_02,
div.title_sub_370_02,
div.title_sub_free_02,
div.title_sub_02 {
  height: 22px;
  line-height: 22px;
  background: url(../images/web/home/bg_title_sub_left_02.png) no-repeat left top;
}

div.title_sub_160,
div.title_sub_160_02 {
  width: 160px;
  margin-bottom: 10px;
}

div.title_sub_180,
div.title_sub_180_02 {
  width: 180px;
  margin-bottom: 10px;
}

div.title_sub_200,
div.title_sub_200_02 {
  width: 200px;
  margin-bottom: 10px;
}

div.title_sub_250,
div.title_sub_250_02 {
  width: 250px;
  margin-bottom: 10px;
}

div.title_sub_300,
div.title_sub_300_02 {
  width: 300px;
  margin-bottom: 10px;
}

div.title_sub_350,
div.title_sub_350_02 {
  width: 350px;
  margin-bottom: 10px;
}

div.title_sub_370,
div.title_sub_370_02 {
  width: 370px;
  margin-bottom: 10px;
}

div.title_sub_120, div.title_sub_120_02 {
  width: 120px;
}

div.title_sub_150, div.title_sub_150_02 {
  width: 150px;
}

div.title_sub_free,
div.title_sub_free_02 {
  display: inline-block;
  margin-bottom: 10px;
}

.sub_lead {
  margin-left: 22px;
  margin-right: 12px;
  background: url(../images/web/home/bg_title_sub_right.png) no-repeat right top;
}

div.title_sub_120_02 .sub_lead,
div.title_sub_150_02 .sub_lead,
div.title_sub_160_02 .sub_lead,
div.title_sub_180_02 .sub_lead,
div.title_sub_200_02 .sub_lead,
div.title_sub_250_02 .sub_lead,
div.title_sub_300_02 .sub_lead,
div.title_sub_350_02 .sub_lead,
div.title_sub_370_02 .sub_lead,
div.title_sub_free_02 .sub_lead {
  background: url(../images/web/home/bg_title_sub_right_02.png) no-repeat right top;
}

div.title_sub_free .sub_lead p,
div.title_sub_free_02 .sub_lead p{
  padding-right: 3px;
}

.sub_lead p {
  height: 22px;
  line-height: 22px;
  color: #fff;
  font-size: 12px;
  font-weight: bold;
  padding-left: 2px;
  margin-right: 12px;
  background: url(../images/web/home/bg_title_sub_center.png) repeat-x;
}

div.title_sub_120_02 .sub_lead p,
div.title_sub_150_02 .sub_lead p,
div.title_sub_160_02 .sub_lead p,
div.title_sub_180_02 .sub_lead p,
div.title_sub_200_02 .sub_lead p,
div.title_sub_250_02 .sub_lead p,
div.title_sub_300_02 .sub_lead p,
div.title_sub_350_02 .sub_lead p,
div.title_sub_370_02 .sub_lead p,
div.title_sub_free_02 .sub_lead p {
  background: url(../images/web/home/bg_title_sub_center_02.png) repeat-x;
}

.sub_lead a,
.sub_lead a:hover,
.sub_lead a:visited {
  color: #fff;
}

/* サブタイトル2
--------------------------------------------------------- */
div.title_sub_base {
  width: 715px;
  height: 25px;
  margin-bottom: 10px;
  background: url(../images/web/home/bg_title_sub_base.png) no-repeat left top;
}

div.title_sub_base_02 {
  width: 579px;
  height: 25px;
  margin-bottom: 10px;
  background: url(../images/web/home/bg_title_sub_base.png) no-repeat left -25px;
}

div.title_sub_base p,
div.title_sub_base_02 p {
  height: 25px;
  line-height: 25px;
  color: #536280;
  font-weight: bold;
  padding-left: 15px;
}

/* サブタイトル3（橙のドットヘッド＆ライン）
--------------------------------------------------------- */
div.form_table_title_sub_01,
div.form_table_title_sub_02,
div.form_table_title_sub_03 {
  border-bottom: 2px dotted #e58600;
  background: url(../images/web/home/icon_title_bg.gif) no-repeat left 2px;
}

div.white_box_form div.form_table_title_sub_01,
div.white_box_form div.form_table_title_sub_02,
div.white_box_form div.form_table_title_sub_03 {
  margin-left: 5px;
  margin-right: 5px;
}

div.form_table_title_sub_01 {
  margin-top: 5px;
}

div.form_table_title_sub_02 {
  margin-top: 15px;
}

div.form_table_title_sub_03 {
  margin-top: 20px;
}

div.form_table_title_sub_01 p,
div.form_table_title_sub_02 p,
div.form_table_title_sub_03 p {
  float: left;
  color: #e58600;
  font-size: 13px;
  font-weight: bold;
  padding: 3px 0 3px 10px;
}

div.form_table_title_sub_01_fix {
  width: 795px;
  margin-bottom: 10px;
  border-bottom: 3px solid #e58600;
  background: url(../images/web/home/icon_title_bg.gif) no-repeat left top;
}

div.form_table_title_sub_01_fix p {
  color: #e58600;
  font-weight: bold;
  padding: 3px 0 5px 10px;
}

/* フォーム枠のタイトル
--------------------------------------------------------- */
div.form_table_title,
div.form_table_title_02 {
  position: absolute;
  top: -11px;
  left: -5px;
  display: block;
  width: 210px;
  height: 22px;
  line-height: 22px;
  font-weight: bold;
  padding-left: 22px;
  background: url(../images/web/home/bg_title_sub_left.png) no-repeat left top;
}

div.white_box_form div.width200,
div.white_box_form_end div.width200 {
  width: 200px;
}

div.form_table_title_02 {
  background: url(../images/web/home/bg_title_sub_left_02.png) no-repeat left top;
}

div.form_table_title p,
div.form_table_title h2,
div.form_table_title h3,
div.form_table_title_02 p {
  display: block;
  padding-right: 15px;
  background: url(../images/web/home/bg_title_sub_right.png) no-repeat right top;
}

div.form_table_title_02 p {
  background: url(../images/web/home/bg_title_sub_right_02.png) no-repeat right top;
}

div.form_table_title p span,
div.form_table_title h2 span,
div.form_table_title h3 span,
div.form_table_title_02 p span {
  display: block;
  height: 22px;
  line-height: 22px;
  color: #fff;
  font-size: 12px;
  font-weight: bold;
  padding-left: 2px;
  background: url(../images/web/home/bg_title_sub_center.png) repeat-x left top;
}

div.form_table_title_02 p span {
  background: url(../images/web/home/bg_title_sub_center_02.png) repeat-x left top;
}

/* 基本文章
--------------------------------------------------------- */
.base_text,
.base_text_10,
.base_text_15,
.base_text_18,
.base_text_24 {
  font-size: 12px;
  line-height: 1.5;
}

.base_text {
  margin: 0 0 10px;
}

.base_text_10 {
  margin: 0 10px 10px;
}

.base_text_15 {
  margin: 0 15px 10px;
}

.base_text_18 {
  margin: 0 18px 10px;
}

.base_text_24 {
  margin: 0 24px 10px;
}

.base_text p,
.base_text_10 p,
.base_text_15 p,
.base_text_18 p,
.base_text_24 p {
  padding-bottom: 10px;
}

div.base_text_15 {
  margin-left: 15px;
  width: 765px;
}

div.base_text_15.unfixed {
  width: auto;
}

div.base_text_15 p strong {
  color: #e58600;
  font-size: 13px;
  font-weight: bold;
  padding-left: 2px;
  padding-right: 2px;
}

div.base_text_15 p strong.emergency {
  color: #c00;
}

ul.base_list,
ul.base_list_hs,
ul.base_list_01,
ol.base_list,
ol.base_list_hs {
  padding-bottom: 10px;
}

ol.base_list,
ol.base_list_hs {
  padding-left: 15px;
}

ul.base_list > li,
ul.base_list_hs > li,
ul.base_list_01 > li {
  line-height: 1.5;
  padding-left: 12px;
  background: url(../images/web/home/icon_list_01.gif) no-repeat left 5px;
}

ol.base_list li,
ol.base_list_hs li {
  line-height: 1.5;
  list-style-type: decimal;
  padding-left: 0;
  background: none;
}

ul.base_list li,
ol.base_list li {
  padding-bottom: 6px;
}

ul.base_list_01 li {
  padding-bottom: 10px;
}

ul.base_list_hs li,
ol.base_list_hs li {
  padding-bottom: 3px;
}

/* ----- 2重リスト ----- */
ul.base_list_in,
ul.base_list_hs_in {
  padding-top: 5px;
}

ul.base_list_in li,
ul.base_list_hs_in li {
  list-style-type: none;
  line-height: 1.5;
  padding: 0 0 3px 12px;
  background: url(../images/web/home/icon_list_02.gif) no-repeat left 5px;
}

ol.base_list_in {
  padding-top: 5px;
  padding-left: 12px;
}

ol.base_list_in li {
  list-style-type: decimal;
  line-height: 1.5;
  padding: 0 0 3px;
}

/* 事前説明
--------------------------------------------------------- */
p.before_input_guide_main {
  margin: 10px 0 15px;
  font-size: 12px;
  line-height: 1.4;
}

ul.before_input_guide_list_border,
ul.before_input_guide_list {
  font-size: 12px;
  line-height: 1.4;
  margin-bottom: -10px;
  padding-top: 10px;
}

ul.before_input_guide_list_border {
  padding-top: 15px;
  border-top: 1px dotted #8f9fbf;
}

ul.before_input_guide_list li,
ul.before_input_guide_list_border li {
  padding-bottom: 15px;
}

ul.before_input_guide_list li p.title,
ul.before_input_guide_list_border li p.title {
  display: block;
  color: #d94c4c;
  font-size: 13px;
  font-weight: bold;
  padding-left: 12px;
  padding-bottom: 5px;
  background: url(../images/web/home/icon_list_02.png) no-repeat left 8px;
}

ul.before_input_guide_list li p.text,
ul.before_input_guide_list_border p.text {
  padding: 0 12px;
  margin-bottom: 6px;
}

/* 装飾文字
--------------------------------------------------------- */
.bold {
  font-weight: bold;
}

.strike {
  text-decoration: line-through;
}

.work_price .strike {
  text-decoration: line-through;
  color: #333;
  padding-right: 5px;
}

.num {
}

.m_num {
  font-size: 14px;
  font-weight: bold;
}

/* 文字サイズ
--------------------------------------------------------- */
.fs10 {
  font-size: 10px;
}

.fs11 {
  font-size: 11px;
}

.fs12 {
  font-size: 12px !important;
}

.fs13 {
  font-size: 13px;
}

.fs14 {
  font-size: 14px;
}

.fs15 {
  font-size: 15px;
}

.fs16 {
  font-size: 16px;
}

.fs17 {
  font-size: 17px;
}

.fs18 {
  font-size: 18px;
}

.fs19 {
  font-size: 19px;
}

.fs20 {
  font-size: 20px;
}

/* 文字カラー
--------------------------------------------------------- */
.color_01 {
  color: #e58600;
}

.color_02 {
  color: #d94c63 !important;
}

.orange {
  color: #e58600;
}

.brown {
  color: #930;
}

.green,
.work_point {
  color: #093;
}

.darkgreen {
  color: #008080;
}

.red {
  color: #c00;
}

.purple {
  color: #8e6cce;
}

.pink {
  color: #f36;
}

.blue {
  color: #06c;
}

.gray {
  color: #666;
}

.lightgray {
  color: #999;
}

.white {
  color: #fff;
}

/* 文字位置
--------------------------------------------------------- */
.left {
  text-align: left;
}

.right {
  text-align: right;
}

.center {
  text-align: center;
}

/* 余白
--------------------------------------------------------- */
.mt0 {
  margin-top: 0 !important;
}

.mt5 {
  margin-top: 5px;
}

.mt10 {
  margin-top: 10px;
}

.mt15 {
  margin-top: 15px;
}

.mb0 {
  margin-bottom: 0 !important;
}

.mb5 {
  margin-bottom: 5px;
}

.mb10 {
  margin-bottom: 10px !important;
}

.mb15 {
  margin-bottom: 15px !important;
}

.mb20 {
  margin-bottom: 20px;
}

.ml15 {
  margin-left: 15px;
}

.mlr20 {
  margin-left: 20px;
  margin-right: 20px;
}

.mr10 {
  margin-right: 10px !important;
}

.inner {
  margin: 12px 0;
}

.inner_12 {
  margin: 12px 12px;
}

.inner_18 {
  margin: 12px 18px;
}

.inner_24 {
  margin: 12px 24px;
}

.pt5 {
  padding-top: 5px !important;
}

.pb0 {
  padding-bottom: 0 !important;
}

.pt20 {
  padding-top: 20px;
}

.pb20 {
  padding-bottom: 20px;
}

/* ==================================================================================================================
　段組みスタイル
================================================================================================================== */
/* 左寄せ・右寄せ
--------------------------------------------------------- */
.float_l {
  float: left;
}

.float_r {
  float: right;
}

.clear {
  clear: both;
}

/* ==================================================================================================================
　フォーム
================================================================================================================== */
/* ----- フォームtable ----- */
p.necessity_item {
  font-size: 11px;
  padding-bottom: 5px;
  margin-left: 20px;
}

p.necessity_item span.necessity_icon {
  padding: 0 3px;
}

span.necessity_icon {
  color: #fa0;
  font-size: 12px;
  padding: 0 5px;
}

p.necessity_item span.either_icon {
  padding: 0 3px;
}

span.either_icon {
  color: #ff74ea;
  padding: 0 5px;
  font-size: 12px;
}

table.form_table,
table.form_liquid_table {
  table-layout: fixed;
  border-collapse: separate;
  font-size: 12px;
  border: 1px solid #4d628c;
  border-bottom: none;
  background-color: #fff;
}

table.form_table {
  width: 755px;
  margin-left: 20px;
  margin-bottom: 15px;
}

table.form_liquid_table {
  width: 100%;
}

table.bgcolor_00,
td.bgcolor_00 {
  background: #fff;
}

table.bgcolor_01,
td.bgcolor_01 {
  background: #f0f2f7;
}

table.form_table th,
table.form_table td,
table.form_liquid_table th,
table.form_liquid_table td {
  padding: 12px 10px;
}

table.form_table th,
table.form_liquid_table th {
  color: #fff;
  line-height: 1.3;
  vertical-align: top;
  padding: 8px 10px;
  border-top: 1px solid #8f9fbf;
  border-left: 1px solid #8f9fbf;
  border-bottom: 1px solid #4d628c;
  border-right: 1px solid #4d628c;
  background-color: #6c7fa6;
}

table.form_table th.left_70,
table.form_liquid_table th.left_70 {
  width: 70px;
  padding: 12px 10px;
}

table.form_table th.left_80,
table.form_liquid_table th.left_80 {
  width: 80px;
  padding: 12px 10px;
}

table.form_table th.left_100,
table.form_liquid_table th.left_100 {
  width: 100px;
  padding: 12px 10px;
}

table.form_table th.left_130,
table.form_liquid_table th.left_130 {
  width: 130px;
  padding: 12px 10px;
}

table.form_table th.left_150,
table.form_liquid_table th.left_150 {
  width: 150px;
  padding: 12px 10px;
}

table.form_table td,
table.form_liquid_table td {
  line-height: 1.4;
  vertical-align: top;
  border-bottom: 1px solid #4d628c;
}

table.form_table td.v_middle {
  vertical-align: middle;
}

table.form_table td pre {
  white-space: -moz-pre-wrap; /* Mozilla */
  white-space: -pre-wrap;     /* Opera 4-6 */
  white-space: -o-pre-wrap;   /* Opera 7 */
  white-space: pre-wrap;      /* CSS3 */
  word-wrap: break-word;      /* IE 5.5+ */

}

table.form_table p.form_guide {
  line-height: 1.2;
  margin: 6px 0;
}

table.form_table td.modify_guide {
  width: 205px;
  color: #666;
  background-color: #f0f2f7;
  vertical-align: top;
}

td.modify_guide ul.guide {
  margin-top: 3px;
}

td.modify_guide ul.guide li {
  line-height: 1.3;
  padding: 3px 0 0 9px;
  background: url(../images/web/home/icon_list_02.png) no-repeat left 8px;
}

table.form_table .comfirm_mail_address {
  font-size: 19px;
  font-weight: bold;
}

dl.check_osusume {
  padding-top: 3px;
}

dl.check_osusume dt {
  width: 58px;
  float: left;
}

dl.check_osusume dd {
  padding-left: 5px;
  margin-left: 62px;
}

table.form_table td.frame_double_list,
table.form_table td.frame_triple_list {
  padding: 25px 10px 0;
}

div.frame_double_list_box,
div.frame_triple_list_box {
  padding-top: 5px;
  margin: 0 auto 30px;
}

div.frame_double_list_box {
  width: 701px;
  background: url(../images/web/home/bg_white_radius.png) no-repeat top left;
}

div.frame_triple_list_box {
  width: 650px;
  background: url(../images/web/home/bg_white_radius_02.png) no-repeat top left;
}

div.frame_double_list_box_mb10 {
  width: 701px;
  padding-top: 5px;
  margin: 0 auto 7px;
  background: url(../images/web/home/bg_white_radius.png) no-repeat top left;
}

div.frame_double_list_box_inner,
div.frame_triple_list_box_inner {
  padding-bottom: 5px;
}

div.frame_double_list_box_inner {
  width: 701px;
  background: url(../images/web/home/bg_white_radius.png) no-repeat bottom left;
}

div.frame_triple_list_box_inner {
  width: 650px;
  background: url(../images/web/home/bg_white_radius_02.png) no-repeat bottom left;
}

dl.frame_double_list,
dl.frame_triple_list {
  position: relative;
  padding: 15px 15px 10px;
  background: #fff;
}/* IE6のみmargin適用 */
div.frame_double_list {
  position: relative;
  padding: 18px 15px 6px;
  background: #fff;
}

dl.frame_double_list dt,
dl.frame_triple_list dt,
div.frame_double_list div.title {
  position: absolute;
  top: -16px;
  left: -5px;
  display: block;
  width: 180px;
  height: 22px;
  line-height: 22px;
  font-weight: bold;
  padding-left: 22px;
  background: url(../images/web/home/bg_title_sub_left.png) no-repeat left top;
}

dl.frame_double_list dt.width170,
dl.frame_triple_list dt.width170 {
  width: 170px;
}

dl.frame_double_list dt.check,
dl.frame_triple_list dt.check {
  position: absolute;
  top: -16px;
  left: -5px;
  display: block;
  width: 180px;
  height: 22px;
  font-weight: bold;
  line-height: 22px;
  padding-left: 10px;
  background: url(../images/web/home/bg_title_sub_left_normal.png) no-repeat left top;
}

dl.frame_double_list dt p,
dl.frame_triple_list dt p,
div.frame_double_list div.title p {
  display: block;
  padding-right: 15px;
  background: url(../images/web/home/bg_title_sub_right.png) no-repeat right top;
}

dl.frame_double_list dt p span,
dl.frame_triple_list dt p span,
div.frame_double_list div.title p span {
  display: block;
  height: 22px;
  line-height: 22px;
  color: #fff;
  font-size: 12px;
  font-weight: bold;
  background: url(../images/web/home/bg_title_sub_center.png) repeat-x left top;
}

dl.frame_double_list dt.check input {
  margin-right: 5px;
}

dl.frame_double_list dd {
  float: left;
  width: 160px;
  padding-bottom: 5px;
}

dl.frame_double_list dd a img {
  vertical-align: middle;
}

.list_triple_row dl.frame_double_list dd {
  width: 223px;
}

.list_triple_row dl.frame_double_list dd a img {
  vertical-align: middle;
}

dl.frame_double_list dd span {
  font-size: 12px;
}

dl.frame_double_list dd.half {
  float: left;
  width: 320px;
  padding-bottom: 5px;
}

dl.frame_triple_list dd {
  float: left;
  width: 154px;
  padding-bottom: 5px;
}

ul.frame_double_list {
  background: #fff;
  padding: 5px 15px;
}

ul.frame_double_list li {
  float: left;
  width: 320px;
  padding-bottom: 5px;
}

div.frame_double_list table.form_table {
  width: 659px;
  margin: 5px 0 10px 5px;
}

div.white_box_table table.form_table {
  width: 540px;
}

/* ----- 横並び ラジオボタン、チェックボックス ----- */
ul.input_list_row li {
  float: left;
  padding-right: 15px;
}

/* ----- テキスト入力 ----- */
input.zipcode_01 {
  width: 40px;
  margin-right: 5px;
}

input.zipcode_02 {
  width: 60px;
  margin: 0 5px;
}

input.one_line {
  width: 250px;
}

input.one_line_s {
  width: 200px;
}

input.one_line_l {
  width: 300px;
}

input.disabled {
  background-color: #ccc;
}

input.point_line {
  font-size: 12px;
  width: 50px;
  height: 12px;
}

input.line_50,
select.line_50 {
  width: 50px;
}

input.line_90,
select.line_90 {
  width: 90px;
}

input.line_120,
select.line_120 {
  width: 120px;
}

input.line_150,
select.line_150 {
  width: 150px;
}

input.input_large {
  font-size: 17px;
  padding: 3px 5px;
}

textarea.review_content,
textarea.main_content {
  width: 350px;
  height: 150px;
  line-height: 1.3;
}

textarea.sub_content {
  width: 350px;
  height: 50px;
  line-height: 1.3;
}

textarea.rows_1_cols_500 {
  width: 500px;
  line-height: 1.5;
  word-wrap: break-word;
  overflow: hidden;
}

textarea.rows_4_cols_500 {
  width: 500px;
  height: 65px;
  line-height: 1.3;
}

textarea.rows_6_cols_500 {
  width: 500px;
  height: 100px;
  line-height: 1.3;
}

/* 入力文字数カウント
--------------------------------------------------------- */
span.limit_count_01,
span.limit_count_02,
span.limit_count_03 {
  color: #666;
}

span.limit_count_01 {
  padding-left: 8px;
}

span.limit_count_02 {
  display: block;
  text-align: right;
  padding-top: 5px;
}

span.limit_count_03 {
  display: block;
  width: 350px;
  text-align: right;
  padding-top: 5px;
}

span.limit_count_w_500 {
  width: 500px;
}

table.profile_table span.limit_count_03 {
  width: 575px;
}

div.intro_main_content span.limit_count_03 {
  width: 655px;
}

div.parts_intro_content span.limit_count_03 {
  width: 708px;
}

div.parts_multi_content span.limit_count_03 {
  width: 340px;
  width: 100px;
  float: right;
}

span.over_count {
  color: #c00;
  font-weight: bold;
}

p.text_count {
  font-size: 11px;
  color: #000;
  text-align: right;
}

p.text_count.over {
  color: #c00;
}

/* inputボタン
--------------------------------------------------------- */
input.btn_transmit,
input.btn_report,
input.btn_continue,
input.btn_edit,
input.btn_change,
input.btn_add,
input.btn_contribute,
input.btn_decide,
input.btn_decide_no,
input.btn_regist,
input.btn_regist_continue,
input.btn_reflect,
input.btn_reflect_order,
input.btn_reflect_order_no,
input.btn_payment,
input.btn_payment_outside,
input.btn_finance_change,
input.btn_finance_decide,
input.btn_select_finance,
input.btn_apply,
input.btn_payment_no,
input.btn_payment_outside_no,
input.btn_transmit_no,
input.btn_login,
input.btn_logout,
input.btn_parts_add,
input.btn_upload_start,
input.btn_confirm,
input.btn_base_change,
input.btn_image_change,
input.btn_emoney_input,
input.btn_cancel,
input.btn_correct,
input.btn_back,
input.btn_back_worklist,
input.btn_back_preview,
input.btn_delete,
input.btn_delete_no,
input.btn_erase,
input.btn_update,
input.btn_addressee,
input.btn_detail_search,
input.btn_rule_confirm,
input.btn_handl_confirm,
input.btn_handl_next,
input.btn_image_upload,
input.btn_body_trial_upload,
input.btn_next,
input.btn_body_only_upload,
input.btn_handl_send,
input.btn_handl_send_02,
input.btn_card_regist,
input.btn_card_edit,
input.btn_trial_upload,
input.btn_trial_re_upload,
input.btn_complete,
input.btn_setting_change_s,
input.btn_update_s,
input.btn_close,
input.btn_parts_edit,
input.btn_migration,
input.btn_migration_no,
input.btn_buy_credit,
input.btn_buy_paypal,
input.btn_buy_credit_no,
input.btn_buy_paypal_no,
input.btn_buy_step,
input.btn_buy_step_no,
input.btn_buy_point,
input.btn_buy_point_no,
input.btn_handl_next_02,
input.btn_subscribe,
input.btn_add_credit {
  display: block;
  width: 160px;
  height: 40px;
  cursor: pointer;
  text-indent: -9999px;
  margin: 0 auto;
  border: 0;
  background: url(../images/web/abroad/btn_main.png) no-repeat;
}

input.btn_transmit {
  background-position: left top;
} /* 送信する */
input.btn_report {
  background-position: left -40px;
} /* 報告する */
input.btn_continue {
  background-position: left -80px;
} /* 続ける */
input.btn_edit {
  background-position: left -120px;
} /* 編集する */
input.btn_change {
  background-position: left -160px;
} /* 変更する */
input.btn_add {
  background-position: left -200px;
} /* 追加する */
input.btn_contribute {
  background-position: left -240px;
} /* 投稿する */
input.btn_decide {
  background-position: left -280px;
} /* 確定する */
input.btn_decide_no {
  background-position: left -320px;
} /* 確定する ディセーブル */
input.btn_regist {
  background-position: left -360px;
} /* 登録する */
input.btn_regist_continue {
  background-position: left -400px;
} /* このまま登録する */
input.btn_reflect {
  background-position: left -440px;
} /* 反映する */
input.btn_reflect_order {
  background-position: left -480px;
} /* 並び順を反映する */
input.btn_reflect_order_no {
  background-position: left -520px;
} /* 並び順を反映する ディセーブル */
input.btn_payment {
  background-position: left -640px;
}/* 決済する */
input.btn_payment_outside {
  background-position: left -680px;
}/* 決済する(外部決済) */
input.btn_finance_change {
  background-position: left -720px;
} /* 金融機関を変更する */
input.btn_finance_decide {
  background-position: left -760px;
} /* 金融機関を決定する */
input.btn_select_finance {
  background-position: left -800px;
} /* 金融機関を選択する */
input.btn_apply {
  background-position: left -840px;
}/* 申請する */
input.btn_payment_no {
  background-position: left -880px;
}/* 決済する ディセーブル */
input.btn_payment_outside_no {
  background-position: left -920px;
}/* 決済する(外部決済) ディセーブル */
input.btn_transmit_no {
  background-position: left -960px;
}/* 送信する ディセーブル */
input.btn_login {
  background-position: -160px top;
}/* ログイン */
input.btn_logout {
  background-position: -160px -40px;
}/* ログアウト */
input.btn_parts_add {
  background-position: -160px -80px;
}/* パーツを追加する */
input.btn_upload_start {
  background-position: -160px -120px;
} /* アップロード開始 */
input.btn_confirm {
  background-position: -160px -160px;
}/* 確認ページへ */
input.btn_base_change {
  background-position: -160px -200px;
} /* 基本情報を変更する */
input.btn_image_change {
  background-position: -160px -240px;
}/* 作品画像を変更する */
input.btn_emoney_input {
  background-position: -160px -280px;
}/* カード情報を入力 */
input.btn_cancel {
  background-position: -160px -320px;
}/* キャンセル */
input.btn_correct {
  background-position: -160px -360px;
}/* 修正する */
input.btn_back {
  background-position: -160px -400px;
}/* 戻る */
input.btn_back_worklist {
  background-position: -160px -440px;
}/* 作品管理に戻る */
input.btn_back_preview {
  background-position: -160px -480px;
}/* 確認画面に戻る */
input.btn_delete {
  background-position: -160px -600px;
} /* 破棄する */
input.btn_delete_no {
  background-position: -160px -560px;
} /* 破棄しない */
input.btn_erase {
  background-position: -160px -600px;
} /* 削除する */
input.btn_update {
  background-position: -160px -640px;
} /* 更新する */
input.btn_addressee {
  background-position: -160px -680px;
} /* お届け先を入力する */
input.btn_detail_search {
  background-position: -160px -720px;
} /* 検索 */
input.btn_next {
  background-position: -160px -760px;
} /* 次へ進む */
input.btn_trial_upload {
  background-position: -160px -800px;
} /* 体験版アップロード */
input.btn_trial_re_upload {
  background-position: -160px -840px;
} /* 体験版を差し替え */
input.btn_complete {
  background-position: -160px -880px;
} /* 完了する */
input.btn_subscribe {
  background-position: -160px -760px;
} /* 登録する */
input.btn_rule_confirm {
  width: 209px;
  background-position: -320px top;
}/* 規約に同意して確認ページへ */
input.btn_handl_confirm {
  width: 209px;
  background-position: -320px -40px;
} /* 取扱いに同意して確認ページへ */
input.btn_image_upload {
  width: 209px;
  background-position: -320px -120px;
} /* 画像アップロードへ進む */
input.btn_body_trial_upload {
  width: 209px;
  background-position: -320px -160px;
} /* 体験版・本体アップロードへ */
input.btn_body_only_upload {
  width: 209px;
  background-position: -320px -200px;
} /* 本体のみアップロードへ */
input.btn_handl_send {
  width: 209px;
  background-position: -320px -342px;
} /* 取扱いに同意して送信する */
input.btn_handl_send_02 {
  width: 209px;
  background-position: -320px -1351px;
} /* 取扱いに同意して送信する */
input.btn_card_regist {
  width: 209px;
  background-position: -320px -382px;
} /* カード情報を登録する */
input.btn_card_edit {
  width: 209px;
  background-position: -320px -422px;
} /* カード情報を編集する */
input.btn_handl_next {
  width: 317px;
  background-position: -320px -462px;
} /* 規約・取扱いに同意して次へ */
input.btn_handl_next_02 {
  width: 209px;
  background-position: -320px -791px;
} /* 規約・取扱いに同意して確認ページへ */
input.btn_add_credit {
  width: 210px;
  background-position: -320px -1431px;
}/* カード情報を登録する */
input.btn_setting_change_s {
  width: 115px;
  height: 32px;
  background-position: -529px top;
} /* 設定の変更 */
input.btn_buy_step_s {
  width: 161px;
  height: 32px;
  background-position: -644px -340px;
}/* 購入手続きへ */
input.btn_update_s {
  width: 115px;
  height: 32px;
  background-position: -529px -128px;
}/* 更新する(小) */
.reflection_box input.btn_reflect_order {
  height: 34px;
  background-position: -644px -272px;
} /* 並び順を反映する(小) */
.reflection_box input.btn_reflect_order_no {
  height: 34px;
  background-position: -644px -306px;
} /* 並び順を反映する(小)ディセーブル */
input.btn_close {
  width: 91px;
  height: 34px;
  background-position: -804px top;
} /* 閉じる */
input.btn_parts_edit {
  width: 70px;
  height: 22px;
  background: url(../images/web/abroad/btn_parts_edit.png) left top no-repeat;
}/* （パーツを）編集する */
input.btn_migration {
  width: 234px;
  background-position: -320px -503px;
}/* 購入履歴移行申請 */
input.btn_migration_no {
  width: 234px;
  background-position: -320px -543px;
}/* 購入履歴移行申請 ディセーブル */
input.btn_buy_credit {
  width: 148px;
  height: 38px;
  background-position: -895px 0;
}/* クレジットカード */
input.btn_buy_paypal {
  width: 148px;
  height: 38px;
  background-position: -895px -38px;
}/* Paypal */
input.btn_buy_credit_no {
  width: 148px;
  height: 38px;
  background-position: -895px -76px;
  cursor: default;
}/* クレジットカード ディセーブル */
input.btn_buy_paypal_no {
  width: 148px;
  height: 38px;
  background-position: -895px -114px;
  cursor: default;
}/* Paypal ディセーブル */
input.btn_buy_step {
  width: 148px;
  height: 38px;
  background-position: -895px -152px;
}/* 購入手続きへ */
input.btn_buy_step_no {
  width: 148px;
  height: 38px;
  background-position: -895px -190px;
  cursor: default;
}/* 購入手続きへ ディセーブル */
input.btn_buy_point {
  width: 148px;
  height: 38px;
  background-position: -895px -228px;
}/* ポイント決済 */
input.btn_buy_point_no {
  width: 148px;
  height: 38px;
  background-position: -895px -266px;
  cursor: default;
}/* ポイント決済 ディセーブル */
/* ----- デフォルトボタン ----- */
a.btn_default,
input.btn_default {
  display: inline-block;
  line-height: 1;
  padding: 4px 6px;
  box-shadow: none;
  background: #fafafa;
  background: -webkit-linear-gradient(top, #f9f9f9, #e8e8e8);
  background: linear-gradient(to bottom, #f9f9f9, #e8e8e8);
  border: 1px solid #ababab;
  border-radius: 3px;
  color: #3c3c3c;
  text-align: center;
  cursor: pointer;
  font-size: 12px;
  text-decoration: none;
}

a.btn_default:hover,
input.btn_default:hover {
  opacity: 0.8;
}

/* ----- 入力エラー項目 ----- */
div.global_error_box {
  width: 785px;
  padding: 3px;
  margin: 0 0 10px;
  border: 2px solid #c00;
  background: #ffe8e8;
}

div.global_error_box_02 {
  width: 768px;
  padding: 3px;
  margin: 0 auto 10px;
  border: 2px solid #c00;
  background: #ffe8e8;
}

div.global_error_box_inner {
  padding: 10px 12px;
  border: 1px solid #c00;
  background: #fff;
}

div.global_error_box_inner p.title_message {
  color: #c00;
  font-size: 14px;
  font-weight: bold;
  line-height: 1.4;
  padding-bottom: 0;
  padding-left: 21px;
  background: url(../images/web/common/icon_error_01.png) left 1px no-repeat;
}

div.global_error_box_inner ul {
  color: #666;
  padding: 5px 22px 0;
  margin-bottom: -1px;
  _margin-bottom: 0;/* IE6 */
}

div.global_error_box_inner ul li {
  line-height: 1.5;
  padding-bottom: 1px;
}

.input_error {
  border-width: 1px;
  border-color: #c00;
  background-color: #ffdcdc;
}

ul.error_list,
ul.correct_list {
  margin-top: -6px;
  margin-bottom: 6px;
}

ul.error_list li,
ul.correct_list li {
  line-height: 1.6;
  font-size: 12px;
  font-weight: bold;
  padding: 0;
  margin: 3px 0;
  border: none;
}

ul.error_list li {
  color: #c00;
}

ul.correct_list li {
  color: #090;
}

td.frame_double_list ul.error_list li,
td.frame_triple_list ul.error_list li {
  padding-bottom: 15px;
  padding-left: 24px;
  margin-top: -10px;
}

td.frame_double_list table ul.error_list li,
td.frame_triple_list table ul.error_list li {
  margin: 3px 0;
  padding: 0;
}

div.modify_white_box_main ul.error_list {
  margin: 0 auto;
}

div.modify_white_box_main ul.error_list li {
  margin: 0 auto;
  text-align: center;
}

/* 注意文エラー */
ul.error_list_attention {
  margin: 0 auto 10px;
}

ul.error_list_attention li {
  width: 750px;
  font-size: 13px;
  font-weight: normal;
  line-height: 1.5;
  margin: 0 auto;
  border: 1px solid #c00;
  color: #c00;
  padding: 3px 10px;
}

ul.error_list_attention li span {
  background: url(../images/web/common/icon_attention_01.png) left 5px no-repeat;
  padding: 5px 0 5px 23px;
  display: inline-block;
}

/* 重複登録エラー */
div.duplication_error {
  width: 530px;
  margin: 10px 0 15px 5px;
  border: 1px solid #c00;
}

div.duplication_error p {
  line-height: 1.5;
  color: #c00;
  font-size: 14px;
  text-align: center;
  padding: 10px;
}

/* ご案内メッセージ */
ul.message_list_attention {
  margin: 0 auto 10px;
}

ul.message_list_attention > li {
  width: 750px;
  font-size: 13px;
  font-weight: bold;
  line-height: 1.5;
  text-align: center;
  margin: 0 auto;
  border: 1px solid #e58600;
  border-radius: 5px;
  padding: 5px 10px;
  background: #fff9d9;
}

ul.message_list_attention > li:not(:first-child) {
  margin-top: 10px;
}

ul.message_list_attention > li > span {
  color: #e58600;
}

/* ----- プライバシー案内 ----- */
table#security th,
table#security td {
  padding: 0 10px;
  font-size: 11px;
}

table#security th {
  text-align: center;
}

table#security td {
  color: #666;
  line-height: 1.4;
}

/* ----- ランキングトップ カテゴリ見出し ----- */
div.ranking_category {
  height: 30px;
  line-height: 30px;
  margin: 15px 0 0;
  background: url(../images/web/home/ranking_category_bg.png) repeat-x left top;
}

div.ranking_category h2 {
  height: 30px;
  background: url(../images/web/home/ranking_category_right_bg.png) no-repeat right top;
}

div.ranking_category h2 p {
  height: 30px;
  color: #fff;
  font-size: 14px;
  font-weight: bold;
  padding-left: 12px;
  background: url(../images/web/home/ranking_category_left_bg.png) no-repeat left top;
}

div.ranking_category h2 p span {
  padding: 0 3px;
}

div.ranking_category h2 p span.target {
  font-size: 12px;
  font-weight: normal;
  padding: 0;
}

/* ----- 各種ランキング 見出し ----- */
div.ranking_title {
  height: 30px;
  line-height: 24px;
  margin: 0 0 3px;
  background: url(../images/web/home/bg_line_01.gif) left bottom repeat-x;
}

div.ranking_title h1 {
  float: left;
  color: #536280;
  font-size: 16px;
  font-weight: bold;
  padding: 0 0 0 24px;
  background: url(../images/web/home/icon_title_arrow.gif) left 5px no-repeat;
}

div.daily h1 {
  background: url(../images/web/home/bg_crown_01.png) left 5px no-repeat;
}

div.weekly h1 {
  background: url(../images/web/home/bg_crown_01.png) left -24px no-repeat;
}

div.monthly h1 {
  background: url(../images/web/home/bg_crown_01.png) left -53px no-repeat;
}

div.year h1 {
  background: url(../images/web/home/bg_crown_01.png) left -83px no-repeat;
}

div.total h1 {
  background: url(../images/web/home/bg_crown_01.png) left -112px no-repeat;
}

div.ranking_title h1 span {
  font-size: 12px;
  padding-left: 6px;
  font-weight: normal;
}

div.page_title span.original_name {
  padding-right: 5px;
}

div.page_title p.top_link {
  float: right;
  padding-right: 12px;
}

/* 背景無し中見出し */
.sub_title h2 {
  font-size: 16px;
  font-weight: bold;
  padding: 3px 0 6px;
  margin: 0 0 0;
  /*border-left:6px solid #ffd24c;*/
}

/* 掛線
--------------------------------------------------------- */
hr {
  color: #fff;
  height: 1px;
  margin: 0;
  padding: 0;
  overflow: hidden;
  border-width: 1px 0 0 0;
  border-style: dashed;
  border-color: #999;
  background-color: #fff;
}

/* ==================================================================================================================
　テーブルスタイル
================================================================================================================== */
/* 作品リスト
--------------------------------------------------------- */
table.work_list_main {
  width: 100%;
}

table.work_list_main th {
  color: #536280;
  padding: 10px;
  background: #e6eaf2;
}

table.work_list_main tr:not(:nth-of-type(-n+2)) td {
  border-top: 1px solid #b8c3d9;
}
table.work_list_main tr:last-child td {
  border-bottom: 1px solid #b8c3d9;
}
table.work_list_main tr:not(.last) td {
  -webkit-transition: all 0.1s ease-out;
  transition: all 0.1s ease-out;
}
#cart_work_list table.work_list_main tr:not(.last):hover td, #download_work_list table.work_list_main tr:not(.last):hover td {
  background-color: #f0f2f7;
}
table.work_list_main tr.pack_child td {
  border-top: 1px dotted #e6eaf2;
}
table.work_list_main td {
  line-height: 1.2;
  vertical-align: middle;
  padding: 6px 10px;
  background: url(../images/web/home/dot_length_01.gif) right top repeat-y;
}

table.work_list_main td.work_1col_thumb {
  background: none;
  padding: 6px 0 6px 10px;
}

table.work_list_main td.work_1col_thumb div {
  margin: 0;
}

table.work_list_main tr.last td {
  padding-bottom: 10px;
}

table.work_list_main td.work_button {
  background: none;
}

table.work_list_main th.sales_date {
  width: 90px;
}

table.work_list_main th.work_maker {
  width: 250px;
}

table.work_list_main th.work_check {
  width: 250px;
  padding-top: 5px;
  padding-bottom: 5px;
  padding-right: 15px;
  text-align: right;
}

table.work_list_main th.work_check input {
  margin-left: 3px;
}

table.work_list_main td.work_status p {
  text-align: center;
  margin-bottom: 8px;
}

table.work_list_main td.work_check {
  text-align: center;
  background: none;
}

table.work_list_main td.buy_date {
}

/*  ダウンロード情報メール再発行  */
div#dl_remail_unpaid,
div#dl_remail_paid {
  width: 795px;
}

div#dl_remail_unpaid,
div#dl_remail_paid table {
  margin-bottom: 20px;
}

div#dl_remail_unpaid table.work_list_main th.buy_date,
div#dl_remail_paid table.work_list_main th.pay_date {
  width: 100px;
}

div#dl_remail_unpaid table.work_list_main th.work_price {
  width: 70px;
  text-align: center;
}

div#dl_remail_paid table.work_list_main th.contact_no {
  width: 130px;
  text-align: center;
}

div#dl_remail_unpaid table.work_list_main td.buy_date,
div#dl_remail_paid table.work_list_main td.pay_date {
}

div#dl_remail_unpaid table.work_list_main td.work_price,
div#dl_remail_paid table.work_list_main td.contact_no {
  background: none;
}

div#dl_remail_unpaid table.work_list_main td.work_price {
  font-size: 13px;
}

div#dl_remail_paid table.work_list_main td.contact_no {
  text-align: center;
}

/* 一般的な上部thの表（static用）
--------------------------------------------------------- */
table.static_list_main {
  font-size: 12px;
  border: 1px solid #4d628c;
  border-bottom: none;
  border-collapse: separate;
  background: #fff;
  width: 100%;
}

table.static_list_main tr th {
  color: #fff;
  background: #6c7fa6;
  vertical-align: top;
  border-top: 1px solid #8f9fbf;
  border-left: 1px solid #8f9fbf;
  border-bottom: 1px solid #4d628c;
}

table.static_list_main tr.item_name th {
  color: #fff;
  text-align: center;
  padding: 10px;
  border-top: 1px solid #8f9fbf;
  border-left: 1px solid #8f9fbf;
  border-bottom: 1px solid #4d628c;
  border-right: 1px solid #4d628c;
}

table.static_list_main td {
  vertical-align: top;
  line-height: 1.3;
  padding: 10px;
  border-bottom: 1px solid #4d628c;
  background: url(../images/web/home/dot_length_01.gif) repeat-y top right;
}

table.static_list_main tr.item_name th.right_cell {
  border-right: none;
}

table.static_list_main td.right_cell {
  background: none;
}

/* 横thの表（クーポン発行完了）
--------------------------------------------------------- */
table.min_table {
  margin: 10px 15px;
}

table.min_table tr th {
  background: #e6eaf2;
  border-bottom: solid 1px #fff;
  color: #536280;
  padding: 10px;
  min-width: 90px;
}

table.min_table tr td {
  padding: 10px 0 10px 10px;
}

/* 割引キャンペーン開催中、検索結果にレコメンドを表示
--------------------------------------------------------- */
div.campaign_picup {
  border-radius: 5px;
  border: solid 1px #536280;
  margin-top: 15px;
}

div.campaign_picup div.title_01 {
  height: 28px;
  line-height: 28px;
  background: #607194;
  border-radius: 2px 2px 0 0;
}

div.campaign_picup h2 {
  background: none;
  padding: 0;
  width: 100%;
  margin-left: 10px;
  /* text-align: center; */
  color: #fff;
}

div.campaign_picup div#work_recommend {
  padding: 0 10px 10px;
}

/* 割引キャンペーン開催中、検索結果にレコメンドを表示
--------------------------------------------------------- */
div.campaign_picup {
  border-radius: 5px;
  border: solid 1px #536280;
  margin: 15px 10px;
}

div.campaign_picup div.title_01 {
  height: 28px;
  line-height: 28px;
  background: #607194;
  border-radius: 2px 2px 0 0;
}

div.campaign_picup h2 {
  background: none;
  padding: 0;
  width: 100%;
  margin-left: 10px;
  color: #fff;
  font-size: 14px;
}

div.campaign_picup div#work_recommend {
  padding: 0 10px 10px;
}

/* =========================================================
　オーバーレイ
========================================================= */
div.global_overlay {
  background: rgba(63,76,88,0.4);
  filter:progid:DXImageTransform.Microsoft.Gradient(GradientType=0,StartColorStr=#66000000,EndColorStr=#66000000);
  position: fixed;
  height: 100%;
  width: 100%;
  top: 0;
  left: 0;
  z-index: 9999;
  padding: 20px 100px;
  box-sizing: border-box;
}

div.global_overlay_container {
  height: 100%;
  position: relative;
}

div.global_overlay_content {
  background: #fff;
  border-radius: 5px;
  box-shadow: 0 3px 9px rgba(0,0,0,0.3);
  overflow: hidden;
  min-width: 790px;
  max-width: 1100px;
  min-height: 520px;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  margin: auto;
}

/* クーポンオーバーレイ見出し */
div.coverlay_content_title {
  background: #607194;
  color: #fff;
  font-weight: bold;
  height: 50px;
  font-size: 18px;
  line-height: 50px;
  padding-left: 20px;
  position: relative;
}

div.coverlay_content_title p {
  position: absolute;
  right: 20px;
  top: 18px;
  width: 13px;
  height: 0;
  padding-top: 13px;
  overflow: hidden;
  font-size: 12px;
  cursor: pointer;
  background: url(../images/web/home/icon_setting_shut.gif) left bottom no-repeat;
}

/* クーポンオーバーレイ中身 */
div.overlay_content_inner {
  padding: 20px 0;
  box-sizing: border-box;
}

/* =========================================================
　表示スタイル
========================================================= */
/* 表示
--------------------------------------------------------- */
.hidden {
  visibility: hidden;
}

.non_display {
  display: none;
}

.non_link {
  cursor: default !important;
}

/* ローディングアニメーションアイコン
--------------------------------------------------------- */
.loading {
  position: relative;
}

.loading:before {
  position: absolute;
  content: "";
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  background-color: rgba(255, 255, 255, 0.8);
  z-index: 1;
}

.loading:after {
  content: "";
  position: absolute;
  top: 20px;
  left: 50%;
  width: 31px;
  height: 31px;
  margin-left: -15px;
  z-index: 2;
  text-align: center;
  background: url(../images/web/common/loading.gif) center top no-repeat;
  background-size: 31px 31px;
}

/* サムネイルポップアップ
--------------------------------------------------------- */
.work_thumb,
td.work_1col_thumb,
td.work_table_data {
  position: relative;
}

div.work_img_main_popup {
  position: absolute;
  z-index: 3000;
}

div.work_img_main_popup div.work_img_main_popup_arrow {
  background: url(/images/web/home/thum_img_popup_arrow.png) no-repeat;
  position: absolute;
  height: 25px;
  width: 13px;
  left: -12px;
  top: 50%;
  margin-top: -12px;
}

div.work_img_main_popup img {
  max-height: 606px;
  max-width: 456px;
  border: #333 solid 2px;
  box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.2);
  border-radius: 4px;
}

/* ブロック表示時 */
dl.work_img_main {
  position: relative;
}

li.search_result_img_box_inner .work_img_main_popup {
  margin-top: 10px;
}

/* 左表示 */
li.search_result_img_box_inner.end div.work_img_main_popup div.work_img_main_popup_arrow {
  transform: scale( -1, 1);
  -o-transform: scale( -1, 1);
  -ms-transform: scale( -1, 1);
  -moz-transform: scale( -1, 1);
  -webkit-transform: scale( -1, 1);
  -webkit-filter: fliph();
          filter: fliph();
  -ms-filter: fliph();
  left: 100%;
}

li.search_result_img_box_inner.end .work_img_main_popup {
  left: auto!important;
  right: 100%!important;
}

/* 三列表示端 */
.work_3col_table td:nth-child(3) .work_img_main_popup div.work_img_main_popup_arrow {
  transform: scale( -1, 1);
  -o-transform: scale( -1, 1);
  -ms-transform: scale( -1, 1);
  -moz-transform: scale( -1, 1);
  -webkit-transform: scale( -1, 1);
  -webkit-filter: fliph();
          filter: fliph();
  -ms-filter: fliph();
  left: 100%;
}

.work_3col_table td:nth-child(3) .work_img_main_popup {
  left: -482px!important;
}

/* 画面サイズ1375px以下時ポップアップ場所変更
--------------------------------------------------------- */
@media screen and (max-width:1375px) {
  /*　画面サイズが1375px以下の場合はここを読み込む　*/
  .work_2col_table td:nth-of-type(even) .work_img_main_popup div.work_img_main_popup_arrow {
    transform: scale( -1, 1);
    -o-transform: scale( -1, 1);
    -ms-transform: scale( -1, 1);
    -moz-transform: scale( -1, 1);
    -webkit-transform: scale( -1, 1);
    -webkit-filter: fliph();
            filter: fliph();
    -ms-filter: fliph();
    left: 100%;
  }

  .work_2col_table td:nth-of-type(even) .work_img_main_popup {
    left: auto !important;
  }

  .work_2col_table td:nth-of-type(even) .work_img_main_popup div.work_img_main_popup_arrow {
    transform: scale( -1, 1);
    -o-transform: scale( -1, 1);
    -ms-transform: scale( -1, 1);
    -moz-transform: scale( -1, 1);
    -webkit-transform: scale( -1, 1);
    -webkit-filter: fliph();
            filter: fliph();
    -ms-filter: fliph();
    left: 100%;
  }

  .work_2col_table td:nth-of-type(even) .work_img_main_popup {
    right: 105%;
  }
}

/* 画面サイズ1375px以下時ポップアップ場所変更※ランキングページのみ適用
--------------------------------------------------------- */
@media screen and (max-width:1375px) {
  #ranking_table td:last-child .work_img_main_popup div.work_img_main_popup_arrow {
    transform: scale( -1, 1);
    -o-transform: scale( -1, 1);
    -ms-transform: scale( -1, 1);
    -moz-transform: scale( -1, 1);
    -webkit-transform: scale( -1, 1);
    -webkit-filter: fliph();
            filter: fliph();
    -ms-filter: fliph();
    left: 100%;
  }

  #ranking_table td:last-child .work_img_main_popup {
    left: auto !important;
  }

  #ranking_table td:last-child .work_img_main_popup div.work_img_main_popup_arrow {
    transform: scale( -1, 1);
    -o-transform: scale( -1, 1);
    -ms-transform: scale( -1, 1);
    -moz-transform: scale( -1, 1);
    -webkit-transform: scale( -1, 1);
    -webkit-filter: fliph();
            filter: fliph();
    -ms-filter: fliph();
    left: 100%;
  }

  #ranking_table td:last-child .work_img_main_popup {
    right: 105%;
  }
}

/* 画面サイズ1150px以下時ポップアップ場所変更※TOPページのみ適用
--------------------------------------------------------- */
@media screen and (min-width:1150px) {
  #new_worklist .work_2col_table td:nth-of-type(even) .work_img_main_popup div.work_img_main_popup_arrow {
    -webkit-transform: none;
        -ms-transform: none;
            transform: none;
    left: -12px;
  }

  #new_worklist .work_2col_table td:nth-of-type(even) .work_img_main_popup {
    left: 122px !important;
    right: auto;
  }
}

/* =========================================================
　マイジャンルポップアップ
========================================================= */
/* 左カラム設置-マイジャンルって何？-
--------------------------------------------------------- */
div.how_mygenre {
  display: block;
  width: 148px;
  height: 72px;
  background: url(../images/web/abroad/bn_how_mygenre.png) no-repeat;
  /* margin: 5px auto; */
  position: relative;
  cursor: pointer;
}

.style_gayeng div.how_mygenre {
  background: url(../images/web/abroad/bn_how_mygenre_gay.png) no-repeat;
}

p.my_genre_reg_btm.mt10 a {
  text-decoration: underline !important;
}

div.mygenre_chara01.how {
  position: relative;
  width: 340px;/* margin: 0 auto; */
}

p.my_genre_reg_btm.mt10 {
  right: 0;
  position: absolute;
  top: 105px;
  /* text-align: center; */
}

.pb10 {
  padding-bottom: 10px !important;
}

div.mygenre_chara01.how p.attn {
  top: 20px;
  left: 150px;
}

div.mygenre_chara01.how a.popup_mygenre_regist {
  top: 50px;
  left: 130px;
}

div.mygenre_chara01.how p.my_genre_reg_btm {
  position: absolute;
  top: 110px;
  left: 140px;
}

.how_mygenre .popup_login.on {
  left: 160px;
  top: 10px;
}

/* 非ログイン時にマイジャンル登録ボタン→ログイン導線
--------------------------------------------------------- */
/*表示させる*/
div.popup_login.on,
div.popup_login_02.on {
  top: 24px;
  left: -300px;
  opacity: 1;
  margin-left: 0;
  visibility: visible;
  width: 382px;
  /* position: absolute; */
}

/*非表示させる*/
div.popup_login_02,
div.popup_login {
  position: absolute;
  z-index: 2000;
  background-color: #f0f2f7;
  top: 24px;
  left: -300px;
  border: 1px solid #536280;
  padding-right: 25px;
  border-radius: 5px;
  opacity: 0;
  visibility: hidden;
  color: #607194;
  cursor: default;
  -webkit-transition: all 0.1s ease;
  transition: all 0.1s ease;
  box-shadow: 0 10px 20px rgba(0,0,0,0.3);
  width: 382px;
  /* left: -290px; */
}

div.popup_login_02 {
  margin-left: -10px;
}

a.popup_mygenre_regist {
  display: block;
  width: 160px;
  height: 40px;
  cursor: pointer;
  outline: none;
  text-indent: -9999px;
  margin: 0 auto;
  border: 0;
  background: url(../images/web/abroad/btn_main.png) left -1040px no-repeat;
  position: absolute;
  top: 59px;
  left: 167px;
}

div.popup_login a:hover,
div.popup_login_02 a:hover {
  opacity: 0.9;
  filter: alpha(opacity=90);
}

div.popup_login p,
div.popup_login_02 p {
  /* text-align: center; */
  display: block  !important;
  padding: -5px;
}

p.popup_close_button {
  position: absolute;
  top: 6px;
  right: 6px;
  width: 13px;
  height: 13px;
  z-index: 1000;
}

p.popup_close_button a {
  display: block;
  text-indent: -9999px;
  width: 13px;
  height: 13px;
  font-size: 12px;
  cursor: pointer;
  background: url(../images/web/home/icon_setting_shut.gif) left bottom no-repeat;
}

div.popup_login p.attn,
div.popup_login_02 p.attn {
  position: absolute;
  top: 27px;
  left: 178px;
  text-align: center;
  line-height: 1.2;
}

p.txt_center {
  text-align: center;
}

div.mygenre_chara01 {
  display: block;
  width: 316px;
  height: 135px;
  background: url(../images/web/abroad/pic_mygenre_chara01.png) no-repeat;
  margin: 5px auto;
}

p.my_genre_reg_btm {
  position: absolute;
  top: 120px;
  right: 0;
}

p.bordertop_dot {
  padding-top: 5px;
  margin-top: 15px;
  border-top: 1px #ccc dotted;
}

/* 検索結果時のポップアップ位置調整 */
table.search_condition .popup_login._popup._popup_login,
table.search_condition .popup_login._popup._popup_login.on {
  left: -305px;
}

/* マイジャンル表示
--------------------------------------------------------- */
div.popup_mygenre_add {
  position: absolute;
  width: 480px;
  padding: 5px;
  z-index: 2000;
  overflow: hidden;
  top: 44px;
  opacity: 0;
  visibility: hidden;
  background-color: #f0f2f7;
  border: 1px solid #536280;
  padding-right: 20px;
  border-radius: 5px;
  behavior: url(/../css/PIE.htc);
  -webkit-transition: all 0.1s ease;
  transition: all 0.1s ease;
  box-shadow: 0 10px 20px rgba(0,0,0,0.3);
  right: 10px;
}

div.popup_mygenre_add.on {
  top: 54px;
  opacity: 1;
  visibility: visible;
  cursor: default;
}

/* マイジャンル登録 */
td.popup_my_genre_text a.mygenre_regist {
  background: url(../images/web/abroad/btn_mygenre_regist.png) no-repeat;
  width: 160px;
  height: 40px;
  display: block;
  text-indent: -9999px;
  margin: 5px auto;
  position: relative;
  left: 50px;
}
td.popup_my_genre_text a.mygenre_admin {
  background: url(../images/web/abroad/btn_mygenre_admin.png) no-repeat;
  width: 160px;
  height: 40px;
  display: block;
  text-indent: -9999px;
  margin: 0 auto;
  position: relative;
  left: -3px;
}

table.popup_my_genre p.center {
  text-align: center;
  clear: both;
  display: block;
  width: 430px;
}

/* マイジャンル登録完了 */
div.popup_mygenre_admin {
  position: absolute;
  margin-left: -10px;
  width: 480px;
  padding: 5px;
  z-index: 2000;
  overflow: hidden;
  opacity: 0;
  visibility: hidden;
  background-color: #f0f2f7;
  border: 1px solid #536280;
  padding-right: 20px;
  border-radius: 5px;
  behavior: url(/../css/PIE.htc);
  -webkit-transition: all 0.1s ease;
  transition: all 0.1s ease;
  box-shadow: 0 10px 20px rgba(0,0,0,0.3);
  right: 10px;
}

div.popup_mygenre_admin p.word {
  text-align: center;
  display: block;
  line-height: 1.5;
}

div.popup_mygenre_admin.on {
  top: 54px;
  opacity: 1;
  visibility: visible;
  cursor: default;
  margin-left: 0;
}

div.popup_mygenre_admin.on p {
  display: block;
  text-align: center;
}

/* 汎用 */
table.popup_my_genre.search_condition {
  position: relative;
  width: auto;
  line-height: 1.4;
  border: 0 #f0f2f7 !important;
  background-color: transparent;
  border-collapse: inherit;
  border-spacing: 0;
  margin: 0 auto;
}

table.popup_my_genre.search_condition td {
  border: 0;
}

div#save_search_condition table.popup_my_genre p.popup_close_button {
  position: absolute;
  top: 3px;
  right: 3px;
  width: 13px;
  height: 13px;
  z-index: 2000;
}

table.popup_my_genre td {
  border: none;
}

table.popup_my_genre td.popup_my_genre_text ul.error_list li {
  margin: 0 0 3px 95px;
  position: relative;
  z-index: 1000;
}

table.popup_my_genre td.popup_my_genre_text {
  border: none;
  padding: 0 0 7px 10px !important;
  width: 380px;
}

table.popup_my_genre td.box_left {
  color: #536280;
}

table.popup_my_genre td.box_right {
  color: #536280;
  height: 27px;
  line-height: 27px;
}

table.popup_my_genre p {
  font-size: 12px;
  display: inline;
  color: #536280;
}

table.popup_my_genre p.to_my_genre {
  display: inline;
  margin-left: 10px;
}

table.popup_my_genre p.to_my_genre a {
  background: url(../images/web/home/icon_more.png) no-repeat left center;
  padding-left: 14px;
  font-size: 12px;
}

table.popup_my_genre p.to_my_genre a:visited {
  color: #639;
}

table.popup_my_genre input.popup_my_genre_text {
  width: 280px;
  color: #999;
  margin-left: 5px;
  padding: 2px 5px;
}

input.btn_favorite_mini {
  vertical-align: middle;
  background: url(../images/web/home/btn_favorite_mini.png) no-repeat 0 0;
  margin-left: 5px;
  cursor: pointer;
  width: 60px;
  height: 23px;
  text-indent: -9999px;
  overflow: hidden;
  border: 0;
}

/* 登録ボタンロング
--------------------------------------------------------- */
/* ロングボタン */
p.modify_btn_top input {
  width: 210px;
}

p.modify_btn_top input.btn_confirm {
  background-position: -320px -831px;
} /* 確認ページへ */
p.modify_btn_top input.btn_transmit {
  background-position: -320px -871px;
} /*送信する*/
p.modify_btn_top input.btn_payment_outside {
  background-position: -320px -991px;
} /* 外部決済へ */
p.modify_btn_top input.btn_payment_outside_no {
  background-position: -320px -1271px;
} /* 外部決済へ ディセーブル */
p.modify_btn_top input.btn_change {
  background-position: -320px -1071px;
} /*変更する*/
p.modify_btn_top input.btn_payment {
  background-position: -320px -1151px;
} /*決済する*/
p.modify_btn_top input.btn_contribute {
  background-position: -320px -1191px;
} /*投稿する*/
p.modify_btn_top input.btn_report {
  background-position: -320px -1231px;
} /*報告する*/
p.modify_btn_top input.btn_regist {
  background-position: -320px -1311px;
} /*登録する*/
input.btn_handl_send_02 {
  background-position: -320px -1351px;
} /*Accept the Policy & Submit*/
p.modify_btn_top input.btn_delete {
  background-position: -320px -1391px;
} /* 破棄する */
p.modify_btn_top {
  clear: both;
  margin-bottom: 5px;
}

p.modify_btn_bottom {
  clear: both;
  background-image: none;
  display: inline;
}

/* inputボタンをテキストリンクに */
p.modify_btn_bottom input {
  background-image: none;
  border: none;
  background-color: transparent;
  height: auto;
  cursor: pointer;
  text-indent: inherit;
  color: #039;
  display: inline-block;
  width: initial;
}

p.modify_btn_bottom input:hover {
  text-decoration: underline;
}

/* テキストリンク両脇に[] */
p.modify_btn_bottom:before {
  content: "[";
}

p.modify_btn_bottom:after {
  content: "]";
}

/* メルマガ登録
--------------------------------------------------------- */
#mailmagasine_choice table {
  width: 100%;
}

#mailmagasine_choice .mail {
  float: right;
}

#mailmagasine_choice .genre {
  float: left;
  padding-top: 5px;
}

#mailmagasine_choice .list_inner {
  margin-bottom: 5px;
}

#mailmagasine_choice .list_inner.clearfix.format {
  margin-top: 13px;
  margin-bottom: 0 !important;
  padding-top: 11px;
  border-top: 1px solid #a9a9a9;
}

/*#mailmagasine_choice*/ ul.btn_infomail_send {
  width: 166px;
}

/*#mailmagasine_choice*/ ul.btn_infomail_send li {
  width: 83px;
}

#mailmagasine_choice table.mm_choice td.name {
  padding: 8px 0;
}

/* ==================================================
 汎用
================================================== */
[v-cloak] { display: none !important; }

.v-enter-active, .v-leave-active {
  transition: all .2s ease;
}

.v-enter, .v-leave-to {
  opacity: 0;
  transform: translateY(-2px);
}