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

/* =========================================================
   DLsite.com 作品詳細
========================================================= */

/*

	作品詳細ヘッダー
		- ヘッダー基本情報（左カラム）
		- ヘッダー基本情報（右カラム）
		- 更新履歴
		- 作品購入テーブル
		- 1巻無料配信

	作品詳細：カスタムパーツ
		- サークルキャンペーン
		- CG一覧
		- 作品内容（基本情報）
		- 作品内容（カスタムパーツ）
		- トラックリスト
		- 1行紹介リスト
		- キャラクター紹介
		- 1枚画像説明
		- 複数画像説明
		- システム
		- 動作環境

	右カラム構成
	
	サークル管理表示確認

*/

/* =========================================================
　作品詳細ヘッダー
========================================================= */

table#work_header {
  width: 100%;
  margin-bottom: 10px;
}

td#work_left {
  vertical-align: top;
  width: 562px;
}

td#work_right {
  vertical-align: top;
  padding-left: 12px;
}

div#work_header {
  width: 100%;
  margin-bottom: 20px;
}

div#work_left {
  width: 562px;
  float: left;
}

div#work_right {
  margin-left: 574px;
}

div#work_right_inner {
  width: 100%;
}

/* ヘッダー基本情報（左カラム）
--------------------------------------------------------- */

table#work_value {
  width: 100%;
}

table#work_value td {
  height: 28px;
  line-height: 28px;
  white-space: nowrap;
}

/* 王冠 */

td.work_rankin {
  height: 28px;
  padding-left: 3px;
}

td.work_rankin table {
  margin: 0 auto 0 0;
}/* 王冠を左寄せ */

td.work_rankin table td {
  height: 28px;
  line-height: 28px;
}

/* DL数・評価数・レビュー数 */

td.work_dl {
  width: 30px;
  padding-left: 12px;
}

td.work_hyouka_1,
td.work_hyouka_2,
td.work_hyouka_3,
td.work_hyouka_4,
td.work_hyouka_5,
td.work_review {
  width: 30px;
  padding-left: 6px;
}

td.work_dl div {
  height: 28px;
  line-height: 28px;
  text-align: right;
  white-space: nowrap;
}

td.work_hyouka_1 div,
td.work_hyouka_2 div,
td.work_hyouka_3 div,
td.work_hyouka_4 div,
td.work_hyouka_5 div,
td.work_review div {
  padding-left: 23px;
  white-space: nowrap;
}

td.work_hyouka_1 div,
td.work_hyouka_2 div,
td.work_hyouka_3 div,
td.work_hyouka_4 div,
td.work_hyouka_5 div {
  cursor: default;
}

td.work_hyouka_1 div {
  background: url(../images/web/home/icon_hyouka_01.png) left center no-repeat;
}

td.work_hyouka_2 div {
  background: url(../images/web/home/icon_hyouka_02.png) left center no-repeat;
}

td.work_hyouka_3 div {
  background: url(../images/web/home/icon_hyouka_03.png) left center no-repeat;
}

td.work_hyouka_4 div {
  background: url(../images/web/home/icon_hyouka_04.png) left center no-repeat;
}

td.work_hyouka_5 div {
  background: url(../images/web/home/icon_hyouka_05.png) left center no-repeat;
}

td.work_review div {
  background: url(../images/web/home/icon_review.png) left center no-repeat;
}

/* お気に入り登録数（予告作品） */

td.work_add_favo {
  text-align: right;
}

/* 作品紹介画像 */

#work_visual {
  width: 100%;
  text-align: center;
}

#work_visual img {
  margin-bottom: 12px;
}

/* 作品宣伝（SNSボタン＆アフィリエイトリンク作成） */

div#work_left div#work_promotion,
td#work_left div#work_promotion {
  padding: 3px 12px;
  margin-bottom: 18px;
  border-radius: 5px;
  border: 1px solid #cfd6e5;
  background-color: #f0f2f7;
}

div#work_left div#sharing_btn,
td#work_left div#sharing_btn {
  float: left;
  padding: 3px 5px 3px 0;
}

div#work_left div#sharing_btn p,
td#work_left div#sharing_btn p {
  float: left;
  padding-right: 5px;
  height: 16px;
  line-height: 16px;
}

div#work_left div#sharing_btn ul,
td#work_left div#sharing_btn ul {
  float: left;
}

div#work_left div#sharing_btn li,
td#work_left div#sharing_btn li {
  height: 16px;
  padding: 0 8px 0 0;
}

div#work_left div#create_afflink,
td#work_left div#create_afflink {
  float: left;
  padding: 3px 0;
}

div#work_left div#create_afflink p,
td#work_left div#create_afflink p {
  height: 16px;
  line-height: 16px;
}

/* ストリーミング */

#work_streaming {
  margin-bottom: 12px;
}

/* 特設ページリンク、特集ページリンク */

#work_special_link {
  margin-bottom: 18px;
  text-align: center;
}

#work_special_link a {
  vertical-align: middle;
  display: inline-block;
}

#work_special_link a.feature_btn {
  border-radius: 3px;
  width: 150px;
  height: 30px;
  line-height: 30px;
  color: #607194;
  border: solid 1px #607194;
  text-align: center;
  margin-left: 15px;
}

#work_special_link a.feature_btn:hover {
  background: #607194;
  color: #fff;
  text-decoration: none;
}

/* ヘッダー基本情報（右カラム）
--------------------------------------------------------- */

div.base_title_br {
  line-height: 1.3;
  padding-bottom: 7px;
  margin-bottom: 8px;
}

h1#work_name {
  float: none;
  color: #333;
  font-size: 18px;
  font-weight: bold;
  padding: 0 0 0 22px;
}

h1#work_name a {
  display: block;
  width: 100%;
  color: #333;
  text-decoration: none;
}

h1#work_name .icon_lead_01 {
  font-size: 14px;
  height: 17px;
  line-height: 19px;
  padding: 0 4px;
  margin: 0 4px 2px 0;
}

h1#work_name .icon_lead_01:last-of-type {
  margin-right: 5px;
}

h1#work_name .campaign_name {
  color: #c00;
}

/* ----- 作品名、メーカー名 ----- */

div#work_right_name {
  padding: 28px 0 6px;
  border-bottom: 1px dashed #999;
}

table#work_right_name {
  padding: 0 0 6px;
  margin: 28px 0 0;
  border-bottom: 1px dashed #999;
}

table#work_maker {
  font-size: 12px;
}

table#work_maker th,
table#work_maker td {
  line-height: 1.5;
  vertical-align: top;
  padding: 0 0 6px 0;
}

table#work_maker th {
  white-space: nowrap;
  text-align: right;
}

table#work_maker span.maker_name {
  font-weight: bold;
}

table#work_maker span.maker_name a {
  color: #039;
}

span.maker_name a:visited,
span.maker_name a:hover {
  color: #639;
}

table#work_maker span.author_name {
  font-weight: bold;
}

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

/* 更新履歴
--------------------------------------------------------- */

div#work_update_wrapper {
  margin: 24px 8px;
  background-color: #fff;
}

div#work_update_wrapper h2.work_lead {
  margin-top: 0;
}

div#work_update_wrapper p {
  font-size: 12px;
  line-height: 1.5;
  padding: 12px;
  margin: -12px 0 12px;
}

div#work_update_wrapper strong {
  font-size: 14px;
  padding: 0 6px 0 0;
}

#update_history_wrapepr {
  padding: 0 18px;
}

table.work_update_history {
  table-layout: fixed;
  width: 100%;
  font-size: 12px;
  border-top: 1px solid #cfd6e5;
}

table.work_update_history tr {
  border-bottom: 1px solid #cfd6e5;
}

table.work_update_history tr.update_color {
  background-color: #f0f2f7;
}

table.work_update_history td {
  line-height: 1.5;
  text-align: left;
  vertical-align: top;
  padding: 6px 12px 6px 0;
}

table.work_update_history td.work_update {
  width: 120px;
  text-align: center;
}

table.work_update_history td.update_states {
  width: 120px;
}

span.update_version_up {
  color: #c00;
}

span.update_price {
  color: #093;
}

div#work_update_wrapper p.window_close {
  text-align: center;
  margin: 12px 0 0;
}

div#work_update_wrapper p.window_close input {
  width: 130px;
  font-size: 12px;
  margin: 0 auto;
}

/* ----- 作者、カップリング、シリーズ名など ----- */

table#work_outline div.main_genre {
  line-height: 1.5;
}

/* ----- 作品ジャンル ----- */

table#work_outline div.work_genre {
  margin: 1px 0 1px;
}

/* ----- 対応OS ----- */

table#work_outline dl.os_pc dt,
table#work_outline dl.os_touch dt,
table#work_outline dl.os_other dt {
  clear: left;
  float: left;
}

table#work_outline dl.os_pc dt {
  width: 30px;
}

table#work_outline dl.os_touch dt,
table#work_outline dl.os_other dt {
  width: 50px;
}

table#work_outline dl.os_pc dd {
  margin-left: 30px;
}

table#work_outline dl.os_touch dd,
table#work_outline dl.os_other dd {
  margin-left: 50px;
}

/* ----- サンプル画像、体験版、デモムービー ----- */

div.title_01 p.sample_html {
  float: left;
  height: 28px;
}

div.title_01 p.sample_html span {
  padding-left: 15px;
  line-height: 28px;
}

div.sample_wrap {
  margin-left: 574px;
}

@media screen and (max-width: 1130px) {
  div.sample_wrap {
    width: 100%;
    padding: 0;
    margin: 0;
    clear: both;
  }
}

#work_sample {
  margin-bottom: 10px;
  overflow: hidden;
}

#work_sample span {
  display: block;
  float: left;
  margin-right: 6px;
  margin-bottom: 6px;
}

#work_sample span a {
  width: 100px;
  height: 100px;
  display: table-cell;
  text-align: center;
  vertical-align: middle;
  border: 1px solid #ccc;
}

* html #work_sample span a {
  /* IE 6 */
  display: inline;
  zoom: 1;
}

*:first-child + html #work_sample span a {
  /* IE 7 */
  display: inline;
  zoom: 1;
}

#work_sample span a img {
  max-width: 100px;
  max-height: 100px;
}

div.trial_download {
  padding-bottom: 10px;
}

div.sample_wrap div.trial_download {
  padding: 0;
}

p.trial_file,
p.demo_file,
p.other_file {
  width: 140px;
  height: 26px;
  float: left;
  text-indent: -9999px;
  margin: 3px 3px 0 0;
}

p.trial_file a,
p.demo_file a,
p.other_file a {
  display: block;
  width: 140px;
  height: 26px;
  overflow: hidden;
}

p.trial_file a {
  background: url(../images/web/home/btn_trial_down.png) left top no-repeat;
}

p.trial_file a:hover {
  background: url(../images/web/home/btn_trial_down.png) left -26px no-repeat;
}

p.demo_file a {
  background: url(../images/web/home/btn_trial_down.png) left -52px no-repeat;
}

p.demo_file a:hover {
  background: url(../images/web/home/btn_trial_down.png) left -78px no-repeat;
}

p.other_file a {
  background: url(../images/web/home/btn_trial_down.png) left -104px no-repeat;
}

p.other_file a:hover {
  background: url(../images/web/home/btn_trial_down.png) left -130px no-repeat;
}

div.trial_download ul li {
  height: 30px;
}

div.trial_download ul span {
  margin: 0 0 0 145px;
  display: block;
  padding-top: 10px;
}

/* ----- プロテクト ----- */

table#work_protect {
  margin-bottom: 10px;
  line-height: 1.5;
}

table#work_protect td div {
  border: 1px solid #97bf8f;
  padding: 6px 8px 6px 33px;
  background: url(../images/web/home/icon_protect.png) no-repeat 6px 8px #effaed;
}

table#work_protect td strong {
  color: #588c4d;
  font-size: 12px;
  display: block;
  padding-bottom: 3px;
}

table#work_protect td span {
  font-size: 11px;
  line-height: 1.4;
}

/* ----- スマホ専用 ----- */

table#work_touch_only {
  line-height: 1.5;
  margin-bottom: 10px;
}

table#work_touch_only td div {
  border: 1px solid #f38597;
  padding: 6px 8px 6px 33px;
  background: url(../images/web/common/icon_touch_only.png) no-repeat 8px 8px #fff2f2;
}

table#work_touch_only td strong {
  color: #d94c63;
  font-size: 12px;
  display: block;
  padding-bottom: 3px;
}

table#work_touch_only td span {
  font-size: 12px;
  line-height: 1.4;
}

/* Adobe Reader */
p.adobe_r_btn {
  margin: 5px 0 3px;
}

/* ソフ倫マーク */
div.sof_seal img {
  float: left;
}

div.sof_seal p {
  padding: 6px 0 0 6px;
  margin-left: 65px;
}

/* 対応OS */
div.work_os {
  line-height: 1.5;
}

/* ----- ブランニューストア作品 ----- */

table#work_bns {
  margin-bottom: 10px;
  line-height: 1.5;
}

table#work_bns td div {
  border: 1px solid #fc84a5;
  padding: 6px 8px 6px 33px;
  background: url(../images/other/brand_new_store/logo_bns02_02.png) no-repeat 6px 6px #fffafb;
}

table#work_bns td strong {
  color: #f0507c;
  font-size: 12px;
  display: block;
  padding-bottom: 3px;
  font-size: 13px;
}

table#work_bns td span {
  font-size: 11px;
  line-height: 1.5;
}

table#work_bns td i {
  font-style: normal;
  font-weight: bold;
  color: #f0507c;
}

/* ----- VR対応 ----- */

table#work_vr {
  line-height: 1.5;
  margin-bottom: 10px;
}

table#work_vr td div {
  border: 1px solid #1e8acc;
  padding: 6px 8px 6px 45px;
  background: url(../images/web/common/icon_vr.png) no-repeat 8px 8px #befbed;
}

table#work_vr td strong {
  color: #1e8acc;
  font-size: 12px;
  display: block;
  padding-bottom: 3px;
}

table#work_vr td span {
  font-size: 12px;
  line-height: 1.4;
}

/* ----- VR専用 ----- */

table#work_vr_only{
  line-height: 1.5;
  margin-bottom: 10px;
}

table#work_vr_only td div {
  border: 1px solid #f38597;
  padding: 6px 8px 6px 45px;
  background: url(../images/web/common/icon_vr.png) no-repeat 8px 8px #fff2f2;
}

table#work_vr_only td strong {
  color: #d94c63;
  font-size: 12px;
  display: block;
  padding-bottom: 3px;
}

table#work_vr_only td span {
  font-size: 12px;
  line-height: 1.4;
}

/* 作品購入枠
--------------------------------------------------------- */

div#work_buy_box_wrapper {
  margin: 0 auto 10px;
  border: 1px solid #b8c3d9;
  border-radius: 5px;
  background: #e6eaf2;
  font-size: 12px;
}

div.work_buy_main {
  border: 1px solid #b8c3d9;
  border-radius: 4px;
  box-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);
  margin: 3px;
  padding: 10px 0 0;
  background: #f0f2f7;
}

/* ----- 価格 ----- */

div#work_price {
  color: #333;
  font-size: 12px;
  margin: 0 0 6px;
  line-height: 1.5;
  text-align: center;
}

div#work_price strong.price {
  color: #c00;
  font-size: 16px;
}

div#work_price span {
  color: #c00;
}

/* キャンペーン価格 */
p.campaign_price {
  position: relative;/*IE対策*/
  width: 188px;
  height: 45px;
  text-indent: -9999px;
  margin: -8px -15px 0;
}

p#dis_10,p#dis_11,p#dis_12,p#dis_13,p#dis_14,p#dis_15,p#dis_16,p#dis_17,p#dis_18,p#dis_19,
p#dis_20,p#dis_21,p#dis_22,p#dis_23,p#dis_24,p#dis_25,p#dis_26,p#dis_27,p#dis_28,p#dis_29,
p#dis_30,p#dis_31,p#dis_32,p#dis_33,p#dis_34,p#dis_35,p#dis_36,p#dis_37,p#dis_38,p#dis_39,
p#dis_40,p#dis_41,p#dis_42,p#dis_43,p#dis_44,p#dis_45,p#dis_46,p#dis_47,p#dis_48,p#dis_49,
p#dis_50,p#dis_51,p#dis_52,p#dis_53,p#dis_54,p#dis_55,p#dis_56,p#dis_57,p#dis_58,p#dis_59,
p#dis_60,p#dis_61,p#dis_62,p#dis_63,p#dis_64,p#dis_65,p#dis_66,p#dis_67,p#dis_68,p#dis_69,
p#dis_70,p#dis_71,p#dis_72,p#dis_73,p#dis_74,p#dis_75,p#dis_76,p#dis_77,p#dis_78,p#dis_79,
p#dis_80,p#dis_81,p#dis_82,p#dis_83,p#dis_84,p#dis_85,p#dis_86,p#dis_87,p#dis_88,p#dis_89,
p#dis_90,p#dis_91,p#dis_92,p#dis_93,p#dis_94,p#dis_95,p#dis_96,p#dis_97,p#dis_98,p#dis_99,
p#discount,p#pointup,p#bonus,p#pointup_10,p#dis_half {
  background: url(../images/web/home/txt_campaign_price.png) no-repeat;
}

p#sale100 {
  background: url(../images/web/home/txt_campaign_price.png) no-repeat;
}

p#dis_10 {
  background-position: left top;
}

p#dis_11 {
  background-position: left -45px;
}

p#dis_12 {
  background-position: left -90px;
}

p#dis_13 {
  background-position: left -135px;
}

p#dis_14 {
  background-position: left -180px;
}

p#dis_15 {
  background-position: left -225px;
}

p#dis_16 {
  background-position: left -270px;
}

p#dis_17 {
  background-position: left -315px;
}

p#dis_18 {
  background-position: left -360px;
}

p#dis_19 {
  background-position: left -405px;
}

p#dis_20 {
  background-position: -188px top;
}

p#dis_21 {
  background-position: -188px -45px;
}

p#dis_22 {
  background-position: -188px -90px;
}

p#dis_23 {
  background-position: -188px -135px;
}

p#dis_24 {
  background-position: -188px -180px;
}

p#dis_25 {
  background-position: -188px -225px;
}

p#dis_26 {
  background-position: -188px -270px;
}

p#dis_27 {
  background-position: -188px -315px;
}

p#dis_28 {
  background-position: -188px -360px;
}

p#dis_29 {
  background-position: -188px -405px;
}

p#dis_30 {
  background-position: -376px top;
}

p#dis_31 {
  background-position: -376px -45px;
}

p#dis_32 {
  background-position: -376px -90px;
}

p#dis_33 {
  background-position: -376px -135px;
}

p#dis_34 {
  background-position: -376px -180px;
}

p#dis_35 {
  background-position: -376px -225px;
}

p#dis_36 {
  background-position: -376px -270px;
}

p#dis_37 {
  background-position: -376px -315px;
}

p#dis_38 {
  background-position: -376px -360px;
}

p#dis_39 {
  background-position: -376px -405px;
}

p#dis_40 {
  background-position: -564px top;
}

p#dis_41 {
  background-position: -564px -45px;
}

p#dis_42 {
  background-position: -564px -90px;
}

p#dis_43 {
  background-position: -564px -135px;
}

p#dis_44 {
  background-position: -564px -180px;
}

p#dis_45 {
  background-position: -564px -225px;
}

p#dis_46 {
  background-position: -564px -270px;
}

p#dis_47 {
  background-position: -564px -315px;
}

p#dis_48 {
  background-position: -564px -360px;
}

p#dis_49 {
  background-position: -564px -405px;
}

p#dis_50 {
  background-position: -752px top;
}

p#dis_51 {
  background-position: -752px -45px;
}

p#dis_52 {
  background-position: -752px -90px;
}

p#dis_53 {
  background-position: -752px -135px;
}

p#dis_54 {
  background-position: -752px -180px;
}

p#dis_55 {
  background-position: -752px -225px;
}

p#dis_56 {
  background-position: -752px -270px;
}

p#dis_57 {
  background-position: -752px -315px;
}

p#dis_58 {
  background-position: -752px -360px;
}

p#dis_59 {
  background-position: -752px -405px;
}

p#dis_60 {
  background-position: -1128px top;
}

p#dis_61 {
  background-position: -1128px -45px;
}

p#dis_62 {
  background-position: -1128px -90px;
}

p#dis_63 {
  background-position: -1128px -135px;
}

p#dis_64 {
  background-position: -1128px -180px;
}

p#dis_65 {
  background-position: -1128px -225px;
}

p#dis_66 {
  background-position: -1128px -270px;
}

p#dis_67 {
  background-position: -1128px -315px;
}

p#dis_68 {
  background-position: -1128px -360px;
}

p#dis_69 {
  background-position: -1128px -405px;
}

p#dis_70 {
  background-position: -1316px top;
}

p#dis_71 {
  background-position: -1316px -45px;
}

p#dis_72 {
  background-position: -1316px -90px;
}

p#dis_73 {
  background-position: -1316px -135px;
}

p#dis_74 {
  background-position: -1316px -180px;
}

p#dis_75 {
  background-position: -1316px -225px;
}

p#dis_76 {
  background-position: -1316px -270px;
}

p#dis_77 {
  background-position: -1316px -315px;
}

p#dis_78 {
  background-position: -1316px -360px;
}

p#dis_79 {
  background-position: -1316px -405px;
}

p#dis_80 {
  background-position: -1504px top;
}

p#dis_81 {
  background-position: -1504px -45px;
}

p#dis_82 {
  background-position: -1504px -90px;
}

p#dis_83 {
  background-position: -1504px -135px;
}

p#dis_84 {
  background-position: -1504px -180px;
}

p#dis_85 {
  background-position: -1504px -225px;
}

p#dis_86 {
  background-position: -1504px -270px;
}

p#dis_87 {
  background-position: -1504px -315px;
}

p#dis_88 {
  background-position: -1504px -360px;
}

p#dis_89 {
  background-position: -1504px -405px;
}

p#dis_90 {
  background-position: -1692px top;
}

p#dis_91 {
  background-position: -1692px -45px;
}

p#dis_92 {
  background-position: -1692px -90px;
}

p#dis_93 {
  background-position: -1692px -135px;
}

p#dis_94 {
  background-position: -1692px -180px;
}

p#dis_95 {
  background-position: -1692px -225px;
}

p#dis_96 {
  background-position: -1692px -270px;
}

p#dis_97 {
  background-position: -1692px -315px;
}

p#dis_98 {
  background-position: -1692px -360px;
}

p#dis_99 {
  background-position: -1692px -405px;
}

p#discount {
  background-position: -940px top;
}

p#pointup {
  background-position: -940px -45px;
}

p#bonus {
  background-position: -940px -90px;
}

p#sale100 {
  background-position: -940px -135px;
}

p#pointup_10 {
  background-position: -940px -180px;
}

p#dis_half {
  background-position: -940px -225px;
}

div#work_price span.dis_price {
  color: #c00;
  font-size: 18px;
  font-weight: bold;
}

p.campaign_period {
  color: #c00;
  font-size: 13px;
  font-weight: bold;
  padding: 2px 0 6px;
  border-bottom: 1px solid #b8c3d9;
  box-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);
  margin: 0 8px 7px;
  text-align: center;
}

div#work_buy_guide p.campaign_more {
  line-height: 15px;
  text-align: center;
  padding: 4px;
  margin: 6px 22px 0;
  border-radius: 4px;
  border: 1px solid #d99816;
  background: #ffe541;
}

div#work_buy_guide p.campaign_more a {
  color: #800707;
}

/* ポイントアップ */
div#work_price strong.point_up {
  display: block;
  color: #093;
  font-size: 13px;
  padding-top: 2px;
}

div#work_price span.strike {
  color: #c00;
}

div#work_price span.work_point {
  color: #093;
}

/* ----- カート・お気に入り ----- */

p.work_cart,
p.work_stream {
  width: 140px;
  height: 30px;
  text-align: center;
  text-indent: -9999px;
  margin: 0 auto 4px;
}

p.work_stream {
  padding-bottom: 9px;
  margin-bottom: 9px;
  border-bottom: 1px solid #b8c3d9;
  box-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);
}

p.work_cart a,
p.work_stream a {
  display: block;
  width: 140px;
  height: 30px;
  overflow: hidden;
}

p.work_cart a.btn_cart {
  background: url(../images/web/home/btn_cart.png) left top no-repeat;
}

p.work_cart a.btn_cart:hover {
  background: url(../images/web/home/btn_cart.png) left -30px no-repeat;
}

p.work_cart a.btn_cart_in {
  background: url(../images/web/home/btn_cart.png) left -60px no-repeat;
}

p.work_cart a.btn_cart_in:hover {
  background: url(../images/web/home/btn_cart.png) left -90px no-repeat;
}

p.work_cart a.btn_dl {
  background: url(../images/web/home/btn_cart.png) left -120px no-repeat;
}

p.work_cart a.btn_dl:hover {
  background: url(../images/web/home/btn_cart.png) left -150px no-repeat;
}

p.work_stream a.btn_st {
  background: url(../images/web/home/btn_cart.png) left -300px no-repeat;
}

p.work_stream a.btn_st:hover {
  background: url(../images/web/home/btn_cart.png) left -330px no-repeat;
}

p.work_favorite {
  width: 140px;
  height: 26px;
  text-align: center;
  text-indent: -9999px;
  margin: 0 auto 9px;
}

p.work_favorite a {
  display: block;
  width: 140px;
  height: 26px;
  overflow: hidden;
}

p.work_favorite a.btn_favorite {
  background: url(../images/web/home/btn_favorite.png) left top no-repeat;
}

p.work_favorite a.btn_favorite:hover {
  background: url(../images/web/home/btn_favorite.png) left -26px no-repeat;
}

p.work_favorite a.btn_favorite_in {
  background: url(../images/web/home/btn_favorite.png) left -52px no-repeat;
}

p.work_favorite a.btn_favorite_in:hover {
  background: url(../images/web/home/btn_favorite.png) left -78px no-repeat;
}

/* ----- 販売終了 ----- */

p.work_sales_end {
  width: 140px;
  height: 30px;
  text-indent: -9999px;
  margin: 4px auto 12px;
  background: url(../images/web/home/bg_buy_end_01.gif) left top no-repeat;
}

/* ----- 既に持っています ----- */

p.work_already {
  width: 125px;
  height: 23px;
  overflow: hidden;
  text-indent: -9999px;
  margin: 9px auto;
  background: url(../images/web/home/icon_work_already.png) left top no-repeat;
}

/* ----- 閲覧可能な環境 ----- */

#work_device_guide {
  text-align: center;
  padding: 6px 0 8px;
}

#work_device_guide p {
  color: #333;
  font-size: 12px;
  text-align: center;
  margin: 0 0 5px;
}

#work_device_guide table {
  table-layout: fixed;
  width: 150px;
  margin: 0 auto;
}

#work_device_guide th,
#work_device_guide td {
  font-size: 11px;
  padding: 1px 0 2px;
  border: 1px solid #637599;
}

#work_device_guide thead th {
  text-indent: -9999px;
  padding: 6px 0;
  border-color: #637599;
  background: url(../images/web/home/icon_device.png) no-repeat #637599;
}

#work_device_guide thead th.dev_pc {
  background-position: 9px 0;
  border-right-color: #b8c3d9;
}

#work_device_guide thead th.dev_ios {
  background-position: 9px -30px;
  border-left-color: #b8c3d9;
  border-right-color: #b8c3d9;
}

#work_device_guide thead th.dev_android {
  background-position: 10px -60px;
  border-left-color: #b8c3d9;
}

#work_device_guide tbody th {
  color: #536280;
  padding: 2px 0 1px 3px;
  background: #e6eaf2;
}

#work_device_guide tbody td {
  background: #fafbfc;
}

#work_device_guide tbody td span {
  display: block;
  text-indent: -9999px;
  background: url(../images/web/home/icon_device.png) no-repeat;
}

#work_device_guide tbody td span.dev_play {
  background-position: 9px -96px;
}

#work_device_guide tbody td span.dev_play_no {
  background-position: 9px -126px;
}

/* ----- 購入ガイド ----- */

div#work_buy_guide {
  border-top: 1px solid #b8c3d9;
  box-shadow: 0 1px 0 rgba(255, 255, 255, 0.5) inset;
  padding: 8px 0;
}

div#work_buy_guide ul {
  font-size: 12px;
  padding: 0 0 0 36px;
}

div#work_buy_guide ul.work_privilege_01 {
  padding: 0 0 0 20px;
}

div#work_buy_guide ul li {
  text-align: left;
  padding: 0 0 0 15px;
  background: url(../images/web/home/icon_more.png) left center no-repeat;
}

/* ----- 予告 ----- */

p#work_date_ana {
  color: #333;
  font-size: 12px;
  line-height: 1.6;
  padding: 0 0 3px;
  text-align: center;
}

p#work_date_ana strong {
  color: #930;
  font-size: 14px;
}

div.favorite_ana {
  color: #333;
  font-size: 11px;
  text-align: center;
  line-height: 1.4;
  padding: 6px 10px;
  background: #fff;
  margin: 3px;
  border: 1px solid #b8c3d9;
  border-radius: 4px;
}

div.favorite_ana p.infomail_mail_title {
  padding: 3px 0 3px 5px;
  font-size: 11px;
}

.right_guide_ana_list {
  margin: 10px 0 0;
}

.right_guide_ana_list li {
  text-align: left;
  padding-left: 13px;
  margin: 8px 0 0 15px;
  background: url(../images/web/home/icon_more.png) no-repeat 0 2px;
  line-height: 1.3;
}

/* ----- 共有ボタン ----- */

div#work_sharing {
  width: 80px;
  padding-top: 8px;
  margin: 0 0 0 auto;
  background: #fff;
}

/* 1巻無料配信
--------------------------------------------------------- */

#nocharge_work {
  padding-bottom: 10px;
  margin-bottom: 10px;
  background: url(../images/web/home/bg_nocharge_work.png) left bottom no-repeat;
}

#nocharge_work h3 {
  height: 43px;
  text-indent: -9999px;
  margin: 0 -2px;
  background: url(../images/web/home/h3_nocharge_work.png) left top no-repeat #fff;
}

#nocharge_work p {
  line-height: 1.4;
  padding: 5px 20px;
}

#nocharge_work p#period {
  color: #c00;
  font-size: 13px;
  text-align: center;
  padding: 5px;
}

#nocharge_work p#read {
  text-align: center;
  padding: 2px 5px;
}

#nocharge_work p#read a {
  display: block;
  width: 141px;
  height: 31px;
  text-indent: -9999px;
  margin: 0 auto;
  background: url(../images/web/home/btn_nocharge_work_read.png) left top no-repeat;
}

#nocharge_work p#read a:hover {
  background: url(../images/web/home/btn_nocharge_work_read.png) left -31px no-repeat;
}

/* ----- 無料配信について ----- */

#work_nocharge {
  margin-bottom: 10px;
  line-height: 1.5;
}

#work_nocharge td div {
  padding: 6px 8px 6px 44px;
  border: 1px solid #e69900;
  background: url(../images/web/home/icon_nocharge.png) no-repeat 6px 8px #fffcd9;
}

#work_nocharge td strong {
  color: #c00;
}

/* =========================================================
　作品詳細：カスタムパーツ
========================================================= */

h2.work_lead,
h3.work_lead {
  clear: both;
  height: 30px;
  line-height: 28px;
  margin: 24px 0 12px;
  background: url(../images/web/home/bg_line_01.gif) left bottom repeat-x;
}

h2.work_lead span,
h3.work_lead span {
  float: left;
  color: #536280;
  font-size: 14px;
  font-weight: bold;
  padding: 0 0 0 19px;
  background: url(../images/web/home/icon_title_arrow.gif) 0 6px no-repeat;
}

div.work_article {
  font-size: 12px;
  padding: 0 15px 20px;
}

/* サークルキャンペーン
--------------------------------------------------------- */

div#work_campaign p {
  font-size: 12px;
  line-height: 1.6;
}

div#work_campaign p.campaign_bn {
  float: left;
  width: 250px;
}

div#work_campaign div.campaign_text {
  margin-left: 250px;
  padding-left: 12px;
}

div#work_campaign p.link {
  font-size: 14px;
  font-weight: bold;
  padding-left: 12px;
  margin-top: 10px;
  background: url(../images/web/home/icon_list_01.gif) no-repeat left center;
}

/* CG一覧
--------------------------------------------------------- */

div.work_eventcg span {
  padding-right: 4px;
}

div.work_eventcg span img {
  padding-bottom: 4px;
}

/* 作品内容（基本情報）
--------------------------------------------------------- */

div.work_story {
  font-size: 13px;
  line-height: 1.6;
}

/* 作品内容（カスタムパーツ）
--------------------------------------------------------- */

div.work_story2 {
  font-size: 12px;
  line-height: 1.4;
  padding-top: 5px;
  padding-left: 15px;
  padding-right: 15px;
}

/* トラックリスト
--------------------------------------------------------- */

ol.work_tracklist_list {
  font-size: 12px;
  width: 100%;
  line-height: 1.4;
  border-top: 1px solid #cfd6e5;
}

ol.work_tracklist_list li {
  padding: 6px 6px 6px 12px;
  border-bottom: 1px solid #cfd6e5;
}

ol.work_tracklist_list p.track_name {
  width: 240px;
  float: left;
}

ol.work_tracklist_list p.track_text {
  margin-left: 240px;
}

ol.work_tracklist_list li.list_color {
  background-color: #f0f2f7;
}

ol.work_tracklist_list span.track_number {
  padding-right: 5px;
}

/* 1行紹介リスト
--------------------------------------------------------- */

ul.work_infolist_list {
  font-size: 12px;
  line-height: 1.4;
}

ul.work_infolist_list li {
  padding: 6px 6px 6px 12px;
  border-bottom: 1px solid #cfd6e5;
}

/* キャラクター紹介
--------------------------------------------------------- */

div.work_character {
  margin-bottom: -18px;
}

div.work_character table {
  width: 100%;
  table-layout: fixed;
  line-height: 1.5;
}

div.work_character td {
  width: 50%;
  vertical-align: top;
}

div.work_character div.chara_image {
  /* width:140px; */
  float: left;
  padding: 0 12px 18px 0;
}

div.work_character div.chara_text {
  padding: 0 12px 18px 0;
}

div.work_character p.character_name {
  font-weight: bold;
  font-size: 14px;
  padding-bottom: 5px;
}

/* 1枚画像説明
--------------------------------------------------------- */

div.work_primage1 dl.primage1_layout_right dt {
  float: right;
  margin-left: 12px;
}

div.work_primage1 dl.primage1_layout_left dt {
  float: left;
  margin-right: 12px;
}

div.work_primage1 dl.primage1_layout_top dt {
  margin-bottom: 12px;
}

div.work_primage1 dl.primage1_layout_bottom dt {
  margin-bottom: 12px;
}

div.work_primage1 dt,
div.work_primage1 dd {
  line-height: 1.5;
}

/* 複数画像説明
--------------------------------------------------------- */

.work_primage_multi {
  margin-bottom: -18px;
}

.work_primage_multi table {
  width: 100%;
  table-layout: fixed;
  line-height: 1.5;
}

.work_primage_multi td {
  width: 50%;
  vertical-align: top;
}

.work_primage_multi div.multi_image {
  /* width:270px; */
  float: left;
  padding: 0 12px 18px 0;
}

.work_primage_multi div.multi_text {
  padding: 0 12px 18px 0;
}

/* システム
--------------------------------------------------------- */

table.work_system_list {
  table-layout: fixed;
  width: 765px;/* 795-余白30 */
  font-size: 12px;
  line-height: 1.5;
}

table.work_system_list th {
  width: 120px;
  padding: 2px 3px 2px 9px;
  border: 1px solid #cfd6e5;
  background-color: #f0f2f7;
}

table.work_system_list td {
  padding: 2px 3px 2px 9px;
  border: 1px solid #cfd6e5;
  background-color: #fff;
}

/* 動作環境
--------------------------------------------------------- */

dl.work_spec_list {
  font-size: 12px;
  width: 765px;/* 795-余白30 */
  border: 1px solid #cfd6e5;
  border-top: none;
  background-color: #f0f2f7;
  line-height: 1.3;
}

dl.work_spec_list dt {
  width: 160px;
  float: left;
  clear: both;
  padding: 4px 5px 4px 9px;
  border-top: 1px solid #cfd6e5;
}

dl.work_spec_list dd {
  padding: 4px 5px 4px 9px;
  margin-left: 165px;
  border-top: 1px solid #cfd6e5;
  border-left: 1px solid #cfd6e5;
  background-color: #fff;
}

/* バージョンアップ情報
--------------------------------------------------------- */
div.version_up ul {
  border-top: 1px solid #cfd6e5;
}

div.version_up ul li {
  padding: 12px 10px;
  overflow: hidden;
  border-bottom: 1px solid #cfd6e5;
}

div.version_up ul li.odd {
  background: #f0f2f7;
}

div.version_up ul li.even {
  background: #fff;
}

div.version_up dl dt {
  float: left;
  margin-right: -100px;
  line-height: 16px;
}

div.version_up dl dd {
  float: left;
  margin: 0 0 0 100px;
}

div.version_up dl dd span {
  display: inline-block;
  height: 16px;
  font-size: 11px;
  line-height: 18px;
  border-radius: 3px;
  padding: 0 4px;
  background: #607194;
  color: #fff;
  margin: 0 3px 0 0;
}

div.version_up dl dd.ver_up_comment {
  clear: both;
  width: 100%;
  float: none;
  margin: 0;
  padding: 10px 0 0;
  line-height: 1.5;
}

/* ==================================================================================================================
　右カラム構成
================================================================================================================== */

div#right a:link {
  text-decoration: none;
}

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

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

div.right_module {
  margin-bottom: 10px;
  width: 168px;
}

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

div.right_module_content {
  border: 1px solid #8f9fbf;
  border-top: none;
  font-size: 12px;
  line-height: 1.2;
}

/* ----- 同一サークル作品 ----- */

table.same_work {
  width: 100%;
}

table.same_work td.work_img {
  padding: 6px 5px 6px 6px;
  border-bottom: 1px solid #cfd6e5;
  text-align: center;
  vertical-align: top;
  width: 50px;
}

table.same_work td.name {
  vertical-align: top;
  padding: 5px 5px 5px 0;
  border-bottom: 1px solid #cfd6e5;
  word-break: break-all;
  word-wrap: break-word;
}

table.same_work span.work_name {
  display: block;
  width: 100px;
}

table.same_work span.work_name a {
  font-size: 12px;
  line-height: 1.2;
}

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

/* ----- シリーズ ----- */

div.list_content {
  border-bottom: 1px dotted #79615f;
}

div#guide div.list_content {
  border: none;
}

div#guide div.list_head h4 {
  text-align: left;
}

ul.list_content_series {
  font-size: 12px;
  line-height: 1.5;
  z-index: 1;
  margin-bottom: -5px;
}

ul.list_content_series li {
  background: url(../images/web/girls/icon_series.gif) left top no-repeat;
  padding-left: 20px;
  line-height: 1.3;
  padding-bottom: 5px;
  width: 136px;
  word-break: break-all;
  word-wrap: break-word;
}

/* ================== 作品詳細部分のキャンペーン名称 ================== */
p.campaign_more.doujinhalf2014 a span:before {
  content: "同人作品半額";
  display: block;
}

/* =========================================================
　サークル管理表示確認
========================================================= */

.webup_work_check_01 {
  background: #e6eaf2;
  padding: 8px 15px;
}

.webup_work_check_01 p {
  font-weight: bold;
  font-size: 18px;
  color: #607194;
}

.webup_work_check_02 {
  margin: 0 0 15px;
  background: #607194;
  padding: 8px 15px;
  clear: both;
}

.webup_work_check_02 p {
  font-weight: bold;
  color: #fff;
  font-size: 14px;
}

.webup_work_check_02 p:before {
  content: "●";
  padding-right: 3px;
  color: #e6eaf2;
}

.work_preview_box {
  margin-bottom: 15px;
  padding: 0 15px;
}