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

/* =========================================================
　ヘッダー基本情報構成
========================================================= */

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_dl,
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: 10px;}

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{ cursor: default;}

td.work_review div{ padding-left: 23px; white-space: nowrap;}

td.work_hyouka_1 div{ background: url(../images/web/abroad/icon_hyouka_01.png) left center no-repeat;}
td.work_hyouka_2 div{ background: url(../images/web/abroad/icon_hyouka_02.png) left center no-repeat;}
td.work_hyouka_3 div{ background: url(../images/web/abroad/icon_hyouka_03.png) left center no-repeat;}
td.work_hyouka_4 div{ background: url(../images/web/abroad/icon_hyouka_04.png) left center no-repeat;}
td.work_hyouka_5 div{ background: url(../images/web/abroad/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 0 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{
  width: 150px;
  float: left;
  padding: 3px 0;
}

div#work_left div#sharing_btn p,
td#work_left div#sharing_btn p{
  float: left;
  width: 50px;
  height: 16px;
  line-height: 18px;
}

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;}


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

div.base_title_br{
  margin-bottom: 5px;
}

h1#work_name{
  float: none;
  color: #333;
  font-size: 18px;
}

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

h1#work_name .icon_lead_01{
  font-size: 12px;
  font-weight: bold;
  font-style: normal;
  height: 16px;
  line-height: 16px;
  padding: 0 4px;
  margin: 0 4px 3px 0;
}

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

h1#work_name .work_genre{
  float: left;
  margin-right: 3px;
}

h1#work_name .campaign_name{
  color: #c00;
  font-size: 16px;
  font-weight: bold;
  font-style: normal;
  padding-right: 8px;
}

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

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

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

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

table#work_maker th,
table#work_maker td{
  line-height: 1.5;
  vertical-align: top;
  padding: 0px 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: #3959ac;
}

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

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

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

span.add_mygenre{ padding-left: 6px;}
span.add_mygenre a{}
span.add_mygenre img{}



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

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

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 #aaa;
}

table.work_update_history tr{ border-bottom: 1px solid #aaa;}
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: #cc0000;}
span.update_price{ color: #009933;}

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 th{white-space: nowrap; *width: 120px;}
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{ width: 80px;}
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{ margin-left: 80px;}
table#work_outline dl.os_other dd{ margin-left: 50px;}

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


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


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{
  width: 140px;
  height: 26px;
  text-indent: -9999px;
  margin: 3px 3px 0px 0;
}

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

p.trial_file a{ background: url(../images/web/abroad/btn_trial_down.png) left top no-repeat;}
p.trial_file a:hover{ background: url(../images/web/abroad/btn_trial_down.png) left -26px no-repeat;}
p.demo_file a{ background: url(../images/web/abroad/btn_trial_down.png) left -52px no-repeat;}
p.demo_file a:hover{ background: url(../images/web/abroad/btn_trial_down.png) left -78px 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 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;}

/* OS */

div.work_os{
  line-height: 1.5;
}

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

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 5px;
  line-height: 1.5;
  text-align: center;
}

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

div#work_price span.esti{ color: #c00;}
div#work_price span.jpy{ color: #333;}
div#work_price span.points{ color: #c00;}

div#work_price span.jpy.strike{ color: #333;}

/* キャンペーン価格 */

p.campaign_price{
  position: relative;/*IE対策*/
  width: 188px;
  height: 45px;
  text-indent: -9999px;
  margin: -8px -18px 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#discount,p#pointup,p#bonus,p#pointup_10,p#dis_half{ background: url(../images/web/abroad/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#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{
  height: 22px;
  line-height: 22px;
  text-align: center;
  padding: 0;
  margin: 6px 22px;
  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: #cc0000;
  font-size: 13px;
  padding-top: 2px;
}

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

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/abroad/btn_cart.png) left top no-repeat;}
p.work_cart a.btn_cart:hover{ background: url(../images/web/abroad/btn_cart.png) left -30px no-repeat;}
p.work_cart a.btn_cart_in{ background: url(../images/web/abroad/btn_cart.png) left -60px no-repeat;}
p.work_cart a.btn_cart_in:hover{ background: url(../images/web/abroad/btn_cart.png) left -90px no-repeat;}
p.work_cart a.btn_dl{ background: url(../images/web/abroad/btn_cart.png) left -120px no-repeat;}
p.work_cart a.btn_dl:hover{ background: url(../images/web/abroad/btn_cart.png) left -150px no-repeat;}
p.work_stream a.btn_st{ background: url(../images/web/abroad/btn_cart.png) left -300px no-repeat;}
p.work_stream a.btn_st:hover{ background: url(../images/web/abroad/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/abroad/btn_favorite.png) left top no-repeat;}
p.work_favorite a.btn_favorite:hover{ background: url(../images/web/abroad/btn_favorite.png) left -26px no-repeat;}
p.work_favorite a.btn_favorite_in{ background: url(../images/web/abroad/btn_favorite.png) left -52px no-repeat;}
p.work_favorite a.btn_favorite_in:hover{ background: url(../images/web/abroad/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/abroad/bg_main_image.png) -310px -758px no-repeat;
}

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

p.work_already{
  width: 125px;
  height: 23px;
  overflow: hidden;
  text-indent: -9999px;
  margin: 9px auto;
  background: url(../images/web/abroad/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: 3px 0;
  border: 1px solid #637599;
}

#work_device_guide thead th{
  text-indent: -9999px;
  padding: 6px 0 9px;
  border-color: #637599;
  background: url(../images/web/abroad/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: 3px 0 3px 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/abroad/icon_device.png) no-repeat;
}

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

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

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 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: #333333;
  font-size: 12px;
  line-height: 1.6;
  padding: 0 0 3px;
  text-align: center;
}

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

div.favorite_ana{
  color: #333333;
  font-size: 11px;
  text-align: left;
  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: 12px;
}

div.favorite_ana ul.btn_infomail_send{ width: 140px;}
div.favorite_ana ul.btn_infomail_send li{ width: 70px;}

.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: 58px;
  padding-top: 8px;
  margin: 0 0 0 auto;
}


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

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

h2.work_lead span,
h3.work_lead span{
  float: left;
  color: #4d628c;
  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/abroad/icon_arrow_eng.png) no-repeat left 6px;
}


/* CG一覧
--------------------------------------------------------- */
#work_eventcg img{
  margin: 3px;
  border-top: 1px solid #999999;
  border-left: 1px solid #999999;
  border-bottom: 2px solid #999999;
  border-right: 3px solid #999999;
}


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

ol.work_tracklist_list{
  font-size: 12px;
  width: 100%;
  line-height: 1.4;
}

ol.work_tracklist_list li{
  padding: 6px 6px 6px 12px;
}

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: #ededed;}
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 #434343;
}


/* 作品内容
--------------------------------------------------------- */

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


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

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; */
  margin: 0 10px 5px 0;
  float: left;
}

div.work_character div.chara_text{
  font-size: 12px;
  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%;
  line-height: 1.5;
  table-layout: fixed;
}

.work_primage_multi div.multi_image{
  /* width:270px; */
  margin: 0 10px 5px 0;
  float: left;
}

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

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


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

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: 3px 3px 3px 9px;
  border: 1px solid #666;
  background-color: #ededed;
}

table.work_system_list td{
  padding: 3px 3px 3px 9px;
  border: 1px solid #666;
  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: 130px;
  float: left;
  clear: both;
  padding: 5px 5px 5px 9px;
  border-top: 1px solid #cfd6e5;
}

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

dl.work_spec_list dd.check{
  background: #ffebf0;
}

dl.work_spec_list dd.check strong{
  color: #f00;
}

/* バージョンアップ情報
--------------------------------------------------------- */

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;
}



/* サークル作品情報 / 関連作品情報 / こちらの作品も購入されています
--------------------------------------------------------- */

table.work_other_list td{
  font-size: 12px;
  line-height: 1.3;
  padding: 0 12px;
  vertical-align: top;
}


/* サークル関連作品 */

#work_series_ana{ padding: 0 0 0 12px;}
#work_series_ana ul.list_head_arrow{ font-size: 13px;}
#work_series_ana ul.list_head_arrow li{ padding: 0 0 6px 18px;}

#work_series_ana span.new_work{
  color: #f99401;
  font-weight: bold;
  padding-right: 3px;
}


/* レコメンド回転
--------------------------------------------------------- */

.carousel_wrapper{
  padding: 6px;
  margin: 0 auto;
  border: 1px solid #434343;
  background: url(../images/web/abroad/bg_check_01.gif) repeat;
}

.carousel{
  padding: 12px;
  margin: 0 auto;
  background: #000;
  position: relative;
}

.next{
  width: 40px;
  position: absolute;
  top: 50px;
  right: 0;
  border: none;
  background: #000;
  z-index: 9;
}

.prev{
  width: 40px;
  position: absolute;
  top: 50px;
  left: 0;
  border: none;
  background: none;
  z-index: 10;
}

div.jCarouselLite{ margin: 0 auto;}

div.jCarouselLite ul{ margin: 0 auto;}

div.jCarouselLite li{}

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

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;
}

table.same_work span.work_name{
  display: block;
}

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;
}


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

.webup_work_check_01{
  background: #ededed;
  padding: 8px 15px;
  font-family: 'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN', Meiryo, メイリオ, sans-serif;
}

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

.webup_work_check_02{
  margin: 0 0 15px;
  background: #2ca636;
  padding: 8px 15px;
  clear: both;
  font-family: 'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN', Meiryo, メイリオ, sans-serif;
}

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

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

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