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

/*

ご利用ガイド
このサイトについて
共通
キャンペーン一覧表示
ブログパーツ
ご利用ガイド（ユーザー向け）
ご利用ガイド（サークル向け）
ご利用ガイド（サークル管理内）
RSS
メールマガジン
サイトマップ
作品リクエスト、ご意見・ご要望
アフィリエイトガイド

*/

/* ==================================================================================================================
　ご利用ガイド
================================================================================================================== */

div.static_wrapper {
  width: 795px;
}

div.static_inner {
}

div.static_inner div.base_text_15 {
  width: auto;
}

div.article_box {
  margin-bottom: 15px;
}

div.static_header {
  margin-bottom: 15px;
}

div.static_inner h2 {
  color: #333;
  font-size: 14px;
  font-weight: bold;
  padding: 8px 0 6px 8px;
  margin-bottom: 15px;
  border-bottom: 1px solid #bfb78f;
  border-left: 6px solid #bfb78f;
  background: #faf5dc;
}

div.static_inner h3 {
  color: #333;
  font-size: 12px;
  font-weight: bold;
  line-height: 1.5;
  padding: 6px 0 4px 8px;
  margin: 5px 0 10px;
  border-left: 6px solid #bbb;
  background: #f2f2f2;
}

div.static_inner2 h3 {
  color: #333;
  font-size: 14px;
  font-weight: bold;
  line-height: 1.5;
  padding: 6px 0 4px 8px;
  margin: 5px 0 10px;
  border-left: 6px solid #bbb;
  background: #f2f2f2;
}

div.static_inner h2 span {
  font-size: 12px;
  font-weight: normal;
  padding-left: 5px;
}

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

div.article_box p.pagetop a {
  color: #536280;
  font-size: 11px;
  text-decoration: none;
}

div.article_box p.pagetop a:hover {
  text-decoration: underline;
}

/* ----- ページ内ナビ ----- */

div.skip_nav {
  padding: 8px 0;
  margin: 15px 0;
  border: 1px solid #b8c3d9;
  background: #fff;
}

div.skip_nav.w_fix {
  width: 793px;
}

div.skip_nav p {
  line-height: 1.5;
  padding: 0 0 2px 8px;
}

div.skip_nav ul {
  line-height: 1.3;
}

div.skip_nav ul li {
  float: left;
  padding: 0 10px 0 23px;
  margin: 4px 0 4px  -1px;
  border-left: 1px solid #b8c3d9;
  background: url(../images/web/home/icon_skip_arrow.png) no-repeat 8px 3px;
}

/* ----- 手順の説明 ----- */

div.flow_guide {
}

div.flow_box {
  padding: 0 15px 15px;
}

div.flow_guide p.flow_title {
  font-size: 14px;
  font-weight: bold;
  padding: 0 0 0 0;
  margin-bottom: 5px;
  border-bottom: 1px solid #bbb;
}

p.guide_image {
  text-align: center;
  margin: 10px 0 10px;
}

div.flow_box p.guide_image:last-child {
  margin-bottom: 0;
}

/* ----- 表 ----- */

table.static_table {
  width: 100%;
  font-size: 12px;
  margin: 5px 0 10px;
  border: 1px solid #bbb;
  background: #fff;
}

table.static_table th {
  font-weight: normal;
  text-align: left;
  vertical-align: top;
  padding: 10px;
  border: 1px solid #bbb;
  background: #f2f2f2;
}

table.static_table th span {
  font-weight: normal;
}

table.static_table td {
  vertical-align: top;
  line-height: 1.5;
  padding: 10px;
  border: 1px solid #bbb;
}

div.table_hs table.static_table th,
div.table_hs table.static_table td {
  padding: 5px 10px;
}

table.static_table th.left_80,
table.static_table td.left_80 {
  width: 80px;
}

table.static_table th.left_100,
table.static_table td.left_100 {
  width: 100px;
}

table.static_table th.left_120,
table.static_table td.left_120 {
  width: 120px;
}

table.static_table th.left_130,
table.static_table td.left_130 {
  width: 130px;
}

table.static_table th.left_150,
table.static_table td.left_150 {
  width: 150px;
}

table.static_table th.left_180,
table.static_table td.left_180 {
  width: 180px;
}

table.static_table th.left_200,
table.static_table td.left_200 {
  width: 200px;
}

table.static_table td strong {
  color: #e58600;
  font-size: 13px;
  padding: 0 3px;
}

table.static_table td ol.base_list_hs {
  padding-bottom: 0;
}

table.w400 {
  width: 400px;
}

/* シンプルページ
--------------------------------------------------------- */

div#guide_simple {
}

div#guide_simple h2 {
  border-color: #bbb;
  border-bottom: none;
  background: #f2f2f2;
}

div#guide_simple h3 {
  font-size: 13px;
  padding: 0 0 0 15px;
  border: none;
  background: none;
}

div#guide_simple ul.base_list_hs li {
  background: url(../images/web/home/icon_list_02.gif) no-repeat left 5px;
}

div#guide_simple ul.base_list_hs li li {
  background: none;
}

/* =========================================================
　このサイトについて
========================================================= */

/* リンクについて
--------------------------------------------------------- */

div#banner_wrap {
  background: url(../images/web/home/bg_check_form_mid.gif) repeat-y;
  border-top: solid 1px #b8c3d9;
  border-bottom: solid 1px #b8c3d9;
}

*:first-child + html div#banner_wrap {
  padding-bottom: 30px;
}

* html div#banner_wrap {
  padding-bottom: 30px;
}

/* オススメ作品バナー
--------------------------------------------------------- */

div#banner_wrap div.base_text_15 {
  width: auto;
  margin: 0 12px;
}

div#auto_up {
  float: left;
  width: 190px;
}

*:first-child + html div#banner_wrap div.work_main_list_ncol {
  padding-bottom: 15px;
}

* html div#banner_wrap div.work_main_list_ncol {
  padding-bottom: 15px;
}

div#banner_wrap div.work_main_list_ncol dl.work_ncol {
  position: relative;
}

div#banner_wrap div.work_main_list_ncol dd.banner_type_01 {
  display: block;
  width: 126px;
  text-align: center;
  padding: 0 7px;
  color: white;
  position: absolute;
  height: 22px;
  font-size: 11px;
  line-height: 22px;
  top: -17px;
  left: -1px;
  background: #8fa0c4;
}

div#banner_wrap div.work_main_list_ncol ul dl:hover dd.banner_type_01,
div#banner_wrap div.work_main_list_ncol ul li.bn_reco_on dd.banner_type_01 {
  background: #607194;
}

div#banner_wrap div#auto_up ul,
div#banner_wrap div.work_main_list_ncol ul {
  margin: 20px 0 0;
  min-height: 140px;
}

div#banner_wrap div#auto_up ul {
  margin: 20px 0 0;
}

div#banner_wrap div.work_main_list_ncol li {
  width: 140px;
  margin: 0 10px 25px;
}

div#banner_wrap div#auto_up li {
  float: none;
  margin: 0 auto 25px;
}

div#banner_wrap div.work_main_list_ncol ul dl {
  width: 138px;
  min-height: 195px;
  height: 195px !important;
  padding: 15px 0 10px;
  margin: 0;
  border: 1px solid #b8c3d9;
  background: #fff;
  cursor: pointer;
  position: relative;
  border-radius: 0;
}

div#banner_wrap div.work_main_list_ncol ul dl:hover {
  background: #f0f2f7;
}

div#banner_wrap div.work_main_list_ncol ul li.bn_reco_on dl {
  background: #e6eaf2;
  border: solid 1px #607194;
  cursor: default;
}

div#banner_wrap div.work_main_list_ncol dt {
  width: 138px;
}

div#banner_wrap dd.work_name {
  word-break: break-all;
  line-height: 1.4;
  max-height: 4.0em;
  height: auto !important;
  height: 4.0em;
  overflow: hidden;
}

div#banner_wrap dd.maker_name {
  word-break: break-all;
}

div#banner_wrap dd.maker_name {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-text-overflow: ellipsis;
  -o-text-overflow: ellipsis;
}

div#banner_wrap ul.recommend_banner_thumbnail dl.work_4col dt img,
div#banner_wrap ul.recommend_banner_thumbnail dl.work_5col dt img,
div#banner_wrap ul.recommend_banner_thumbnail dl.work_ncol dt img,
div#banner_wrap ul.recommend_banner_thumbnail dl.work_img_main dt img {
  border: none;
}

/* ジャンルアイコン */
div#banner_wrap div.recommend_banner_list ul li {
  float: left;
  margin-bottom: 5px;
}

div#banner_wrap div.recommend_banner_list ul li.recommend_work_thumbnail_01,
div#banner_wrap div.recommend_banner_list ul li.recommend_work_thumbnail_02,
div#banner_wrap div.recommend_banner_list ul li.recommend_work_thumbnail_05,
div#banner_wrap div.recommend_banner_list ul li.recommend_work_thumbnail_07,
div#banner_wrap div.recommend_banner_list ul li.recommend_work_thumbnail_08 {
  margin: 10px 29px 0 0;
}

div#banner_wrap div.recommend_banner_list ul li.recommend_work_thumbnail_03 {
  float: right;
  margin: 10px 5px 0 0;
}

div#banner_wrap div.recommend_banner_list ul li.recommend_work_thumbnail_04 {
  margin: 10px 0 0 0;
}

div#banner_wrap div.recommend_banner_list ul li.recommend_work_thumbnail_06 {
  margin: 10px 60px 30px 0;
}

div#banner_wrap div.recommend_banner_list ul li.recommend_work_thumbnail_09 {
  margin: 10px 60px 29px 0;
}

div#banner_wrap div.recommend_banner_list ul li.recommend_work_thumbnail_10 {
  margin: 0 29px 0 0;
}

div#banner_wrap div.recommend_banner_list ul li.recommend_work_thumbnail_11 {
  margin: 10px 20px 0 0;
}

div#banner_wrap div.recommend_banner_list span {
  display: block;
  margin: 2px 0;
}

div#banner_wrap div.recommend_banner_list textarea {
  color: #999;
  word-break: break-all;
  overflow: hidden;
}

div#banner_wrap div.recommend_banner_list p.bn_size {
  background: #f2f2f2;
  border-radius: 10px;
  width: 80px;
  text-align: center;
  margin: 0 0 7px -5px;
  height: 20px;
  line-height: 20px;
}

div#banner_wrap div.recommend_banner_list p.banner_category,
div.banner_box_02 p.banner_category {
  border-bottom: dotted 1px #000;
  margin: 20px 0 10px;
  line-height: 1.5;
}

div#banner_wrap div.banner_box_02 p.banner_category {
  margin: 0 auto 10px;
  width: 730px;
}

div#banner_wrap div.banner_box_02 li.banner_category {
  display: block;
  width: 730px;
  margin: 0 5px 10px;
  border-bottom: dotted 1px #000;
  line-height: 1.5;
  clear: both;
}

/* にじよめバナー
--------------------------------------------------------- */

div#banner_wrap div.recommend_banner_list ul li.QR_code {
  clear: left;
  width: 300px;
  margin: 10px 20px 0 0;
}

div#banner_wrap div.recommend_banner_list ul li.QR_code span {
  display: block;
}

div#banner_wrap div.recommend_banner_list ul li.QR_code textarea {
  line-height: 1.5;
  width: 98%;
  padding: 2px 1%;
  overflow: hidden;
}

/*----- オススメアプリ -----*/

.app_guide {
  margin: 30px 0 20px;
  border: 2px solid #e6e6e6;
}

.app_guide dl {
  line-height: 1.4;
  padding: 8px;
  border: 2px solid #fff;
  background: rgb(250,250,250); /* Old browsers */
  background: -moz-linear-gradient(top,  rgba(250,250,250,1) 0%, rgba(255,255,255,1) 100%); /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(250,250,250,1)), color-stop(100%,rgba(255,255,255,1))); /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top,  rgba(250,250,250,1) 0%,rgba(255,255,255,1) 100%); /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top,  rgba(250,250,250,1) 0%,rgba(255,255,255,1) 100%); /* Opera 11.10+ */
  background: -ms-linear-gradient(top,  rgba(250,250,250,1) 0%,rgba(255,255,255,1) 100%); /* IE10+ */
  background: linear-gradient(to bottom,  rgba(250,250,250,1) 0%,rgba(255,255,255,1) 100%); /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fafafa', endColorstr='#ffffff',GradientType=0 ); /* IE6-9 */
}

.app_guide dt {
  float: left;
  width: 100px;
  height: 100px;
}

.app_guide dt img {
  width: 100px;
  height: 100px;
}

.app_guide dd {
  margin: 0 0 5px 115px;
}

.app_guide dd.title {
  color: #ec5b8b;
  font-size: 16px;
  font-weight: bold;
  margin-top: 5px;
}

.app_guide dd.story {
  font-size: 13px;
  margin-bottom: 10px;
}

.app_guide dd.link {
  position: relative;
  margin-top: 10px;
  float: right;
  margin-right: 5px;
}

.app_guide dd.link a {
  display: block;
  width: 180px;
  height: 24px;
  line-height: 24px;
  color: #fff;
  font-size: 12px;
  text-align: center;
  text-decoration: none;
  padding-left: 5px;
  border-radius: 3px;
  background: #e36c94;
}

.app_guide dd.link a:before {
  position: absolute;
  left: 0;
  top: 0;
  display: block;
  width: 24px;
  height: 24px;
  content: "▼";
  font-size: 11px;
  -webkit-transform: rotate(-90deg);
  transform: rotate(-90deg);
}

.app_guide dd.link a:hover {
  background: #70b6c0;
}

/* ジャンル
--------------------------------------------------------- */

.app_guide dd .tag li {
  float: left;
  padding: 2px 8px;
  margin-right: 2px;
  line-height: 1.3;
  font-size: 78.6%;
  color: #fff;
  background: #626262;
  text-shadow: 0 -1px 0 rgba(7,0,2,0.1);
  border-radius: 9px;
  -moz-border-radius: 9px;
  -webkit-border-radius: 9px;
  -ms-border-radius: 9px;
}

.app_guide dd .tag li.genre_02 {
  background: #319baa;
}

.app_guide dd .tag li.genre_03 {
  background: #e84c80;
}

.app_guide dd ul.tag {
  margin: -5px 0 0 -4px;
  display: block;
  min-height: 1%;
}

/*----- にじよめ公式 -----*/

#nijiyome_banner li {
  margin: 0 15px 15px 0;
}

/* リンクバナーページ
--------------------------------------------------------- */

.banner_box_01 span {
  display: block;
  border: solid 1px #a9a9a9;
  overflow: hidden;
  margin: 2px 0;
}

.banner_box_01 textarea {
  margin: 0;
  border: none;
  width: 98%;
  padding: 2px 1%;
  overflow: hidden;
  word-break: break-all;
  color: #999;
  line-height: 1.5;
}

.banner_box_inner {
  padding: 15px;
}

#bn_728 ul.bn_list li {
  width: 728px;
}

#bn_600 ul.bn_list li {
  width: 120px;
}

#bn_300 ul.bn_list li {
  width: 300px;
}

#bn_250 ul.bn_list li {
  width: 250px;
}

#bn_468 ul.bn_list li {
  width: 468px;
}

#bn_234 ul.bn_list li {
  width: 234px;
}

#bn_200 ul.bn_list li {
  width: 200px;
}

#bn_120 ul.bn_list li {
  width: 120px;
}

#bn_100 ul.bn_list li {
  width: 100px;
}

#bn_88 ul.bn_list li {
  width: 88px;
}

#bn_s300 ul.bn_list li {
  width: 300px;
}

#bn_s100 ul.bn_list li {
  width: 320px;
}

#bn_s50 ul.bn_list li {
  width: 320px;
}

div.banner_box_inner ul.bn_list li {
  margin: 0 15px 15px 0;
  float: left;
}

/*----- サブタイトル -----*/

h2.recommend_banner_sub_title {
  background: #6c7fa6;
  height: 30px;
  line-height: 30px;
  color: #fff;
  font-size: 14px;
  font-weight: bold;
  width: 100%;
  margin: 0 auto;
  position: relative;
  left: -1px;
  padding: 0 1px;
}

h2.recommend_banner_sub_title span {
  padding-left: 10px;
  margin: 0;
  border: none;
}

div.banner_box_02 h2.recommend_banner_sub_title {
  top: -10px;
}

h2.recommend_banner_sub_title a {
  color: #fff;
  text-decoration: none;
  cursor: default;
}

h2.recommend_banner_sub_title a:hover {
  color: #fff;
  text-decoration: none;
}

h2.recommend_banner_work_title {
  position: absolute;
  top: -11px;
  left: -5px;
  min-width: 335px;
  max-width: 735px;
  height: 26px;
  line-height: 26px;
  color: #fff;
  font-size: 14px;
  font-weight: bold;
  padding: 0 10px 0 15px;
  border-radius: 15px;
  background: #6c7fa6;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-text-overflow: ellipsis;
  -o-text-overflow: ellipsis;
  behavior: url(/css/PIE.htc);
}

/*----- バナーボックス -----*/

div.banner_box_01,
div.banner_box_02,
div.banner_box_03 {
  position: relative;
  margin: 0 15px 20px;
  border: 1px solid #b8c3d9;
  background: #fff;
}

/* リンクバナー */
div.banner_box_01 {
  padding: 0 0 15px;
  border-top: none;
}

/* 現在のオススメ作品一覧 */
div.banner_box_02 {
  padding: 10px 0 0;
  border-top: none;
}

/* オススメ作品バナー */
div.banner_box_03 {
  padding: 0 15px 15px;
  margin: 30px 15px 30px;
}

#QR_code,
#text_link {
  float: left;
  width: 373px;
}

#text_link {
  margin: 0 15px 20px 0;
}

/*----- バナーボックス内 トップへ戻る -----*/

div.banner_box_01 p.pagetop {
  clear: both;
  margin-top: -15px;
}

div.banner_box_03 p.pagetop {
  clear: both;
  margin-top: 5px;
}

/*----- アフィリエイトID入力テーブル -----*/

div.bn_table_border {
  border: solid 1px #536280;
  border-bottom: none;
  margin: 20px 15px;
}

table.banner_guide {
  line-height: 1.5;
  width: 100%;
  table-layout: fixed;
  background: #fff;
  border-collapse: separate;
}

table.banner_guide tr th {
  width: 110px;
  color: #fff;
  font-size: 12px;
  padding: 15px 0 0 10px;
  border-top: 1px solid #8f9fbf;
  border-left: 1px solid #8f9fbf;
  border-bottom: 1px solid #4d628c;
  border-right: 1px solid #4d628c;
  background-color: #6c7fa6;
  vertical-align: top;
}

table.banner_guide tr td {
  padding: 15px 10px;
  background: #fff;
  vertical-align: top;
  border-bottom: 1px solid #4d628c;
}

table.banner_guide li.service {
  background: none;
  padding-right: 0;
}

div#banner_wrap a.select {
  color: #e58600;
  font-weight: bold;
  background-color: #fff9d9;
  border: 1px solid #e58600;
  padding: 2px 5px;
  display: inline;
  pointer-events: none;
}

.source {
  line-height: 1.5;
  word-break: break-all;
  overflow: hidden;
  resize: vertical;
}

a.btn_explain {
  color: #666;
  font-size: 12px;
  text-decoration: none;
  padding: 2px 6px;
  border: 1px solid #ccc;
  background: #eee;
}

/*----- バナーオプション選択 -----*/

.bn_select_wrap li {
  float: left;
  padding: 1em 0 0;
  margin: 0 15px 20px 0;
  border-top: solid 1px #b8c3d9;
  text-align: center;
  position: relative;
}

.bn_select_wrap li.girls,
.bn_select_wrap li.gay,
.bn_select_wrap li.eng {
  margin: 0 15px 0 0;
}

.bn_select_wrap li p.site_category {
  position: absolute;
  top: -0.7em;
  width: 100%;
  text-align: center;
}

.bn_select_wrap li p.site_category span {
  color: #536280;
  padding: 0 5px;
  background: #fff;
}

.bn_select li {
  float: left;
  height: 30px;
  line-height: 1.3;
  color: #536280;
  text-align: center;
  padding: 0 10px;
  margin: 3px;
  border: none;
  border-radius: 3px;
  background: #e7ebf3;
  cursor: pointer;
}

.bn_select li p {
  position: relative;
  top: 50%;
  text-align: center;
  margin-top: -0.6em;
}

.bn_select li span {
  font-size: 11px;
  padding-left: 1px;
}

.bn_select li.selected {
  color: #fff;
  background: #6c7fa6;
  cursor: default;
}

.bn_select li:hover {
  color: #fff;
  background: #6c7fa6;
}

.bn_select_wrap .bn_select li {
  height: 40px;
  padding: 0 15px;
}

.bn_select_wrap .bn_select li p {
  margin-top: -1.2em;
}

.bn_select_wrap .bn_select li span {
  display: block;
  font-size: 12px;
  padding: 0;
}

#bn_select_nijiyome li {
  padding: 0;
}

#bn_select_nijiyome li a {
  display: block;
  height: 30px;
  line-height: 30px;
  color: #536280;
  text-align: center;
  text-decoration: none;
  padding: 0 10px;
}

#bn_select_nijiyome li a:hover {
  color: #fff;
}

/* 全年齢・R18ラベル */
.bn_select li.ttl {
  float: none;
  height: 15px;
  line-height: 1.3;
  text-align: left;
  border: none;
  background: none;
  cursor: default;
  margin: 0;
}

.bn_select li.ttl:hover {
  background: none;
  color: #536280;
}

.pt10 {
  padding-top: 10px !important;
}

/* =========================================================
　共通
========================================================= */

/* 枠表示
--------------------------------------------------------- */

div.static_frame_01 {
  border: 3px solid #e0dabe;
  padding: 12px 12px 0;
}

div.static_frame_01 ol.base_list_hs {
  padding-bottom: 0;
}

/* ページ下部の誘導ボタン枠
--------------------------------------------------------- */

div#link_btn_box_01,
div.link_btn_box_01 {
  width: 548px;
  border: 1px solid #b8c3d9;
  background: #fbfcfd;
  padding: 3px;
  margin: 0 auto;
}

div#link_btn_box_01_inner,
div.link_btn_box_01_inner {
  background: #f0f2f7;
  padding: 15px;
}

div#link_btn_box_01 p.btn_guide_01,
div.link_btn_box_01 p.btn_guide_01 {
  line-height: 1.6;
  text-align: center;
  margin-bottom: 10px;
}

div#link_btn_box_01 div.link_btn_01 {
  background: url(../images/web/home/bg_guide_btn_01.gif) no-repeat center center;
  margin-bottom: 20px;
}

div#link_btn_box_01 p.btn_text_01 {
  text-align: center;
  font-size: 18px;
  font-weight: bold;
  color: #ff7200;
  margin-bottom: 8px;
}

div#link_btn_box_01 p.btn_text_02 {
  text-align: center;
  margin-bottom: 5px;
}

div#link_btn_box_01 p.btn_text_03 {
  text-align: center;
}

div#link_btn_box_01 p.guide_regist_circle a,
div#campaign_regist p.guide_regist_work a,
div#link_btn_box_01 p.guide_regist_work a,
div#link_btn_box_01 p.guide_apply_mobile a,
div#link_btn_box_01 p.guide_apply_mobile_girls a,
div#link_btn_box_01 p.btn_apply_sell_eng a,
div#link_btn_box_01 p.btn_apply_sell_tw a,
div.link_btn_box_01 p.btn_webup a,
div.link_btn_box_01 p.btn_mynumber a {
  border: none;
  text-indent: -9999px;
  display: block;
  margin: 0 auto 5px;
  height: 40px;
  overflow: hidden;
}

/* サークル登録のご案内へ */
div#link_btn_box_01 p.guide_regist_circle a {
  width: 209px;
  background: url(../images/web/home/btn_main.png) no-repeat -320px -496px;
}

/* 作品登録へ */
div#campaign_regist p.guide_regist_work a,
div#link_btn_box_01 p.guide_regist_work a {
  width: 160px;
  background: url(../images/web/home/btn_main.png) no-repeat left -1080px;
}

/* 英語販売申請へ */
div#link_btn_box_01 p.btn_apply_sell_eng a {
  width: 209px;
  background: url(../images/web/home/btn_main.png) no-repeat -320px -656px;
}

/* 台湾サイト販売申請へ */
div#link_btn_box_01 p.btn_apply_sell_tw a {
  width: 209px;
  background: url(../images/web/home/btn_main.png) no-repeat -320px -1456px;
}

/* DLsite Mobile販売申請へ */
div#link_btn_box_01 p.guide_apply_mobile a {
  width: 209px;
  background: url(../images/web/home/btn_main.png) no-repeat -320px -536px;
}

/* Girl's Maniax（ケータイ版）販売申請へ */
div#link_btn_box_01 p.guide_apply_mobile_girls a {
  width: 209px;
  background: url(../images/web/home/btn_main.png) no-repeat -320px -576px;
}

/* Webアップロードへ */
div.link_btn_box_01 p.btn_webup a {
  width: 209px;
  background: url(../images/web/home/newitem_webup_btn.png) no-repeat left top;
}

/* マイナンバー登録へ */
div.link_btn_box_01 p.btn_mynumber a {
  width: 209px;
  background: url(../images/web/home/btn_main.png) no-repeat -320px -1656px;
}

/* アラートメッセージ（赤枠）
--------------------------------------------------------- */
div.important_info {
  width: 550px;
  text-align: center;
  padding: 15px 15px 5px;
  margin: 0 auto 15px;
  border: 1px solid #f16a99;
  background: #fff2f8;
}

div.important_info h2 {
  display: table;
  color: #c00;
  font-size: 16px;
  font-weight: bold;
  text-align: center;
  margin: 0 auto 15px;
  padding: 0 0 0 23px;
  border: none;
  background: url(../images/web/common/icon_attention_01.png) 0 center no-repeat;
}

div.important_info p {
  color: #000;
  font-size: 13px;
  line-height: 1.5;
  margin: 0 0 10px;
}

div.important_info.smart {
  width: auto;
  margin-top: 5px;
  padding: 10px 15px;
}

div.important_info.smart h2 {
  margin: 0 0 10px;
  font-size: 12px;
}

div.important_info.smart p {
  margin: 0;
  font-size: 12px;
  text-align: left;
}

/* NEWメッセージ（赤枠）
--------------------------------------------------------- */
.new_info {
  border: 1px solid #f16a99;
  background: #fff2f8;
  margin: 0 auto 15px;
  padding: 8px 15px;
  width: 550px;
  text-align: center;
}

.new_info p {
  color: #d94c63;
  font-size: 13px;
  font-weight: bold;
  padding-left: 19px;
  display: inline-block;
}

.new_info p:before {
  display: inline-block;
  background: #d94c63;
  border-radius: 2px;
  color: #fff;
  font-size: 12px;
  line-height: 1;
  content: "NEW";
  margin-right: 5px;
  padding: 3px;
}

/* ==================================================================================================================
　キャンペーン一覧表示
================================================================================================================== */

div#campaign_list {
  font-size: 12px;
  line-height: 1.5;
}

div#campaign_list div.article_box {
  margin-bottom: 40px;
}

div.static_inner div#campaign_list div.title_sub_180 h2.sub_lead {
  padding: 0;
  border: none;
  background: url(../images/web/home/bg_title_sub_right.png) no-repeat right top;
}

div.cl_present {
  font-size: 13px;
  border-bottom: dotted 1px #000;
  margin-bottom: 20px;
  padding: 0 15px 10px;
}

div.cl_present p.cl_title {
  font-size: 15px;
  font-weight: bold;
  padding: 3px 0 7px;
}

div#campaign_list ul {
  line-height: 1.5;
  padding-bottom: 10px;
}

div.cl_present ul li.cl_outline {
  margin-top: 7px;
}

div#campaign_list ul li strong {
  color: #e58600;
  font-size: 13px;
  font-weight: bold;
  padding: 0 2px;
}

div.cl_past_wrap {
  padding-right: 10px;
}

div.cl_past {
  padding: 0 15px 10px 0;
  border-bottom: dotted 1px #000;
  margin-bottom: 10px;
}

p.cl_banners {
  float: left;
  width: 210px;
  padding-top: 3px;
  text-align: center;
}

div.cl_past dl {
  padding-left: 210px;
}

div.cl_past a.cl_title,div.cl_past dl dt {
  font-size: 13px;
  font-weight: bold;
  padding-bottom: 7px;
}

div.cl_past dl dd.cl_outline {
  margin-top: 5px;
}

p.cl_present_message {
  color: #e58600;
  font-size: 14px;
  font-weight: bold;
  line-height: 1.4;
  margin: 30px 0 15px;
}

/* スクロールバー
--------------------------------------------------------- */

div#campaign_list #scrollbar1 {
  width: 793px;
}

div#campaign_list #scrollbar1 .viewport {
  width: auto;
  height: 740px;
  overflow: hidden;
  position: relative;
}

div#campaign_list #scrollbar1 .overview {
  list-style: none;
  position: absolute;
  left: 0;
  top: 0;
  padding: 0;
  margin: 0;
}

div#campaign_list #scrollbar1 .scrollbar {
  background: #f2f2f2;
  position: relative;
  background-position: 0 0;
  float: right;
  width: 6px;
  border-radius: 3px;
  behavior: url(/css/PIE.htc);
  box-shadow: 1px 1px 1px rgba(0,0,0,0.3) inset;
}

div#campaign_list #scrollbar1 .track {
  background: #f2f2f2;
  height: 100%;
  width: 6px;
  position: relative;
  border-radius: 3px;
  behavior: url(/css/PIE.htc);
  box-shadow: 1px 1px 1px rgba(0,0,0,0.3) inset;
}

div#campaign_list #scrollbar1 .thumb {
  background: #bbb;
  height: 10px;
  width: 10px;
  cursor: pointer;
  overflow: hidden;
  position: absolute;
  top: 0;
  left: -2px;
  border-radius: 5px;
  behavior: url(/css/PIE.htc);
}

div#campaign_list #scrollbar1 .thumb .end {
  background: #bbb;
  overflow: hidden;
  height: 10px;
  width: 10px;
  border-radius: 5px;
  behavior: url(/css/PIE.htc);
}

div#campaign_list #scrollbar1 .disable {
  display: none;
}

/* ==================================================================================================================
　ブログパーツ
================================================================================================================== */

/* リニューアル後アナウンス
--------------------------------------------------------- */
div.bp_announce {
  border: solid 1px #b8c3d9;
  padding: 15px;
  background: #fff;
  margin-bottom: 10px;
}

div.bp_announce p strong {
  display: block;
  padding: 0 0 0 12px;
  font-size: 14px;
  font-weight: bold;
  color: #f26d83;
  position: relative;
}

div.bp_announce p strong i {
  position: absolute;
  top: 50%;
  margin-top: -6px;
  left: 0;
  height: 0;
  width: 0;
  border: 6px solid transparent;
  border-left-color: #f26d83;
}

/* 保存した設定一覧
--------------------------------------------------------- */
div.bp_save_setting {
  border: solid 1px #b8c3d9;
  padding: 15px;
  background: #fff;
}

div.bp_save_setting p {
  padding: 0 0 10px;
}

div.bp_save_setting p strong {
  display: block;
  padding: 0 0 0 12px;
  font-size: 14px;
  font-weight: bold;
  color: #f26d83;
  position: relative;
}

div.bp_save_setting p strong i {
  position: absolute;
  top: 50%;
  margin-top: -6px;
  left: 0;
  height: 0;
  width: 0;
  border: 6px solid transparent;
  border-left-color: #f26d83;
}

div.bp_save_setting table {
  width: 100%;
  margin-bottom: 15px;
}

div.bp_save_setting table th {
  font-weight: bold;
  text-align: center;
  background: #607194;
  color: #fff;
  padding: 5px 0;
  border: solid 1px #b8c3d9;
  line-height: 1.2;
}

div.bp_save_setting table td {
  text-align: center;
  padding: 5px;
  border: solid 1px #b8c3d9;
}

div.bp_save_setting ul {
  margin-bottom: 15px;
}

div.bp_save_setting ul li {
  list-style: disc;
  margin-left: 30px;
}

div.bp_save_setting ul li:first-child {
  list-style: none;
  margin-left: 0;
}

/* ----- 偶数行 ----- */
tr.even td {
  background: #f0f2f7;
}

div.bp_save_setting table td.bp_list_01,
div.bp_save_setting table td.bp_list_03,
div.bp_save_setting table td.bp_list_04,
div.bp_save_setting table td.bp_list_05 {
  cursor: pointer;
  padding: 5px 0;
  -webkit-transition: all 0.1s ease;
  -moz-transition: all 0.1s ease;
  -o-transition: all 0.1s ease;
  transition: all 0.1s ease;
}

div.bp_save_setting table td.bp_list_01 {
  padding: 0;
}

/* ----- 編集・HTMLコード取得・削除 ----- */
.bp_list_01,
.bp_list_04,
.bp_list_05 {
  width: 40px;
  cursor: pointer;
}

.bp_list_03 {
  width: 50px;
  cursor: pointer;
}

td.bp_list_01 a {
  text-decoration: underline;
  color: #039;
  display: block;
  width: 100%;
  height: 28px;
  line-height: 28px;
}

td.bp_list_03,
td.bp_list_04,
td.bp_list_05 {
  text-decoration: underline;
  color: #039;
}

td.bp_list_01:hover a {
  color: #fff;
}

td.bp_list_01:hover,
td.bp_list_03:hover,
td.bp_list_05:hover,
tr.even td.bp_list_01:hover,
tr.even td.bp_list_03:hover,
tr.even td.bp_list_05:hover {
  background: #607194;
  color: #fff;
}

td.bp_list_04:hover,
tr.even td.bp_list_04:hover {
  background: #d33;
  color: #fff;
}

.bp_list_02 {
  width: 120px;
  padding: 5px 0;
}

/* ----- 削除警告 ----- */
div.bp_dialog {
  position: fixed;
  left: 0;
  top: 0;
  z-index: 5000;
  width: 100%;
  height: 100%;
}

div.bp_dialog p {
  font-size: 12px;
  font-weight: normal;
  color: #000;
  padding: 0 0 10px 0;
  text-align: center;
}

div.bp_caution_overlay {
  width: 100%;
  height: 100%;
  background: #000;
  opacity: 0.8;
  filter: alpha(opacity=80);
}

div.bp_caution,
div.get_bp_code {
  position: absolute;
  border: solid 1px #b8c3d9;
  padding: 30px 15px 10px;
  background: #fff;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -o-border-radius: 5px;
  border-radius: 5px;
  -webkit-box-shadow: 0 0 3px rgba(0, 0, 0, 0.1);
  -moz-box-shadow: 0 0 3px rgba(0, 0, 0, 0.1);
  -o-box-shadow: 0 0 3px rgba(0, 0, 0, 0.1);
  box-shadow: 0 0 3px rgba(0, 0, 0, 0.1);
  left: 50%;
  margin: -78px 0 0 -201px;
  top: 50%;
  width: 370px;
  display: inline;
}

div.get_bp_code {
  padding: 30px 15px;
}

div.get_bp_code input {
  margin-top: 5px;
}

div.get_bp_code textarea {
  width: 100%;
}

div#sample_wrap div.bp_sample div.bp_caution p,
div#sample_wrap div.bp_sample div.get_bp_code p {
  margin: 0;
  font-weight: normal;
  font-size: 12px;
  color: #000;
}

div.bp_caution p img {
  padding-bottom: 10px;
}

div.bp_dialog span.close {
  display: block;
  background: url(../images/campaign/congrats_500k/bg_500k_split.png) no-repeat -326px -73px;
  width: 35px;
  height: 0;
  padding-top: 35px;
  overflow: hidden;
  cursor: pointer;
  position: absolute;
  top: -10px;
  right: -10px;
}

div.bp_dialog a.btn_erase {
  display: block;
  width: 160px;
  height: 0;
  padding-top: 40px;
  overflow: hidden;
  background: url(../images/web/home/btn_main.png) no-repeat -160px -600px;
}

div.bp_dialog input.btn_cancel {
  padding: 0;
}

/* ブログパーツCSS設定（上級者向け）
--------------------------------------------------------- */
div.bp_style_change {
  background: url(../images/web/common/blog_parts/bg_bp_sample_dl.png) no-repeat 0 0;
  background-color: #f0f2f7;
  border: solid 1px #b8c3d9;
  height: 200px;
  position: relative;
}

div.bp_style_change p:first-child {
  text-align: center;
  width: 285px;
  position: absolute;
  right: 0;
  top: 60px;
}

div.bp_style_change p.sample_btn {
  position: absolute;
  left: auto;
  top: auto;
  right: 38px;
  bottom: 30px;
  padding: 0;
}

/* ----- パーツサンプル選択部分全体 ----- */
div#sample_wrap {
  position: relative;
  margin: 0 0 5px;
}

div#sample_wrap table {
  width: 100%;
}

div#sample_wrap table td {
  width: 33%;
}

/* ----- パーツサンプル1ブロック ----- */
div#sample_wrap div.bp_sample {
  cursor: pointer;
  margin: 0 auto;
  border: solid 1px #b8c3d9;
  background: #fff;
  overflow: hidden;
  height: 340px;
  position: relative;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
}

div#sample_wrap div.bp_sample:hover {
  border: solid 1px #607194;
}

div#sample_wrap div.bp_sample a {
  text-decoration: none;
}

div#sample_wrap div.bp_sample p {
  font-size: 11px;
  line-height: 1.5;
  color: #666;
  padding: 10px;
  position: relative;
  top: 0;
  height: 70px;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
}

div#sample_wrap div.bp_sample p strong {
  font-size: 14px;
  padding-left: 12px;
  margin-bottom: 10px;
  display: block;
  color: #f26d83;
}

div#sample_wrap div.bp_sample:hover p {
  background: #edf5fd;
}

div#sample_wrap div.bp_sample p i {
  position: absolute;
  top: 14px;
  left: 10px;
  height: 0;
  width: 0;
  border: 6px solid transparent;
  border-left-color: #f26d83;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
}

div#sample_wrap div.bp_sample div {
  height: 230px;
  overflow: hidden;
  text-align: center;
  margin: 10px;
  border: solid 1px #edf5fd;
  background: url(../images/web/common/blog_parts/bg_sample_bp_ss.jpg) no-repeat;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
}

div#sample_wrap div.bp_sample:hover div {
  opacity: 0.7;
}

div#sample_wrap div.bp_sample.type_h_01 div {
  background-position: 0 0;
}

div#sample_wrap div.bp_sample.type_h_02 div {
  background-position: 0 -230px;
}

div#sample_wrap div.bp_sample.type_h_03 div {
  background-position: 0 -230px;
}

div#sample_wrap div.bp_sample.type_h_04 div {
  background-position: 0 -460px;
}

div#sample_wrap div.bp_sample.type_v_01 div {
  background-position: 0 -690px;
}

div#sample_wrap div.bp_sample.type_v_02 div {
  background-position: 0 -920px;
}

div#sample_wrap div.bp_sample.type_v_03 div {
  background-position: 0 -920px;
}

div#sample_wrap div.bp_sample.type_v_04 div {
  background-position: 0 -1150px;
}

div#sample_wrap div.bp_sample.type_h_01 {
  margin: 0 7px 10px 0;
}

div#sample_wrap div.bp_sample.type_h_02 {
  margin: 0 3px 10px;
}

div#sample_wrap div.bp_sample.type_h_03 {
  margin: 0 0 10px 7px;
}

div#sample_wrap div.bp_sample.type_h_04 {
  margin: 0 7px 10px 0;
}

div#sample_wrap div.bp_sample.type_v_01 {
  margin: 0 3px 10px;
}

div#sample_wrap div.bp_sample.type_v_02 {
  margin: 0 0 10px 7px;
}

div#sample_wrap div.bp_sample.type_v_03 {
  margin: 0 7px 10px 0;
}

div#sample_wrap div.bp_sample.type_v_04 {
  margin: 0 3px 10px;
}

/* masonry animation
--------------------------------------------------------- */
.masonry,
.masonry .masonry-brick {
  -webkit-transition-duration: 0.3s;
  -moz-transition-duration: 0.3s;
  -ms-transition-duration: 0.3s;
  -o-transition-duration: 0.3s;
  transition-duration: 0.3s;
}

.masonry {
  -webkit-transition-property: height, width;
  -moz-transition-property: height, width;
  -ms-transition-property: height, width;
  -o-transition-property: height, width;
  transition-property: height, width;
}

.masonry .masonry-brick {
  -webkit-transition-property: left, right, top;
  -moz-transition-property: left, right, top;
  -ms-transition-property: left, right, top;
  -o-transition-property: left, right, top;
  transition-property: left, right, top;
}

/* ブログパーツサンプル選択画面へ戻るボタン
--------------------------------------------------------- */
div.btn_back {
  position: absolute;
  bottom: 15px;
  right: 15px;
  text-align: right;
}

/*アフィリエイトご案内ページバナー
--------------------------------------------------------- */
div#aff_method dl.bp_guide {
  font-size: 12px;
  line-height: 1.5;
}

div#aff_method dl.bp_guide dt {
  width: auto;
  font-weight: normal;
  color: black;
  padding: 5px 10px 0 0;
}

div#aff_method dl.bp_guide dt dd {
  padding: 0;
  margin: 0;
}

a.bp_banner {
  display: block;
  background: url(../images/web/home/bn_blogparts.png) no-repeat left top;
  width: 148px;
  padding-top: 72px;
  height: 0;
  overflow: hidden;
  margin: 5px 0 0;
}

/* ----- 新規作成中 or 編集中 -----*/
div.bp_condition {
  color: #000;
  font-size: 12px;
  padding: 0 10px;
  height: 28px;
  line-height: 30px;
  width: auto;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  -o-border-radius: 3px;
  border-radius: 3px;
  margin-bottom: 10px;
  background: #607194;
  color: #fff;
  position: absolute;
  top: -22px;
  right: 15px;
}

div.bp_condition:after {
  content: "";
  display: block;
  height: 0;
  width: 0;
  top: 28px;
  right: 15px;
  position: absolute;
  border-top: 8px solid #607194;
  border-right: 6px solid transparent;
  border-left: 6px solid transparent;
}

div.bp_condition ul li {
  float: left;
  margin: 0 2px;
}

div.bp_condition ul li.item_01,
div.bp_condition ul li.item_02,
div.bp_condition ul li.item_03 {
  font-weight: bold;
}

div.bp_condition ul li.item_01 {
  -webkit-animation: bp_condition 2s ease-out 3s infinite both;
  -moz-animation: bp_condition 2s ease-out 3s infinite both;
  -o-animation: bp_condition 2s ease-out 3s infinite both;
  animation: bp_condition 2s ease-out 3s infinite both;
}

div.bp_condition ul li.item_02 {
  -webkit-animation: bp_condition 2s ease-out 3.15s infinite both;
  -moz-animation: bp_condition 2s ease-out 3.15s infinite both;
  -o-animation: bp_condition 2s ease-out 3.15s infinite both;
  animation: bp_condition 2s ease-out 3.15s infinite both;
}

div.bp_condition ul li.item_03 {
  -webkit-animation: bp_condition 2s ease-out 3.3s infinite both;
  -moz-animation: bp_condition 2s ease-out 3.3s infinite both;
  -o-animation: bp_condition 2s ease-out 3.3s infinite both;
  animation: bp_condition 2s ease-out 3.3s infinite both;
}

@-webkit-keyframes bp_condition {
  0% {
    -webkit-transform: translateY(0);
  }
  7% {
    -webkit-transform: translateY(-7px);
  }
  14% {
    -webkit-transform: translateY(0);
  }
  21% {
    -webkit-transform: translateY(-1px);
  }
  28%,100% {
    -webkit-transform: translateY(0);
  }
}

@-moz-keyframes bp_condition {
  0% {
    -moz-transform: translateY(0);
  }
  7% {
    -moz-transform: translateY(-7px);
  }
  14% {
    -moz-transform: translateY(0);
  }
  21% {
    -moz-transform: translateY(-1px);
  }
  28%,100% {
    -moz-transform: translateY(0);
  }
}

@-o-keyframes bp_condition {
  0% {
    -o-transform: translateY(0);
  }
  7% {
    -o-transform: translateY(-7px);
  }
  14% {
    -o-transform: translateY(0);
  }
  21% {
    -o-transform: translateY(-1px);
  }
  28%,100% {
    -o-transform: translateY(0);
  }
}

@keyframes bp_condition {
  0% {
    transform: translateY(0);
  }
  7% {
    transform: translateY(-7px);
  }
  14% {
    transform: translateY(0);
  }
  21% {
    transform: translateY(-1px);
  }
  28%,100% {
    transform: translateY(0);
  }
}

/* 枠全体・プレビュー・コード発行エリア
--------------------------------------------------------- */
div#bp_wrap {
  font-size: 12px;
  line-height: 1.5;
  min-width: 795px;
  position: relative;
  z-index: 2000;
}

div.bp_contents_wrap {
  background: url(../images/web/common/blog_parts/bg_bp_main.gif) repeat;
  padding: 15px;
  margin: 0;
  border: solid 1px #b8c3d9;
  min-width: 763px;
}

div.bp_left_wrap {
  width: 400px;
  vertical-align: top;
  float: left;
}

div.bp_right_wrap {
  float: left;
  width: 100%;
  vertical-align: top;
  margin-left: -400px;
  padding-bottom: 20px;
}

div.bp_right_inner {
  margin-left: 415px;
}

/* ボックス
--------------------------------------------------------- */
div.bp_box_01,
div.bp_box_02,
div.bp_box_03 {
  background: #fff;
  border: solid 1px #b8c3d9;
  border-top: none;
  padding: 45px 15px 15px;
  margin: 0 0 15px;
  position: relative;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  -o-border-radius: 3px;
  border-radius: 3px;
}

/* プレビュー部分 */
div.bp_box_02 {
  padding: 65px 20px 20px;
}

/* パーツサンプル選択画面に戻る */
div.bp_box_03 {
  margin: 0 0 16px;
  padding: 60px 15px 15px;
  border-top: none;
}

/* キーワード指定・サークル指定・作品指定・検索フォーム・ランキングの種類部分 */
div.bp_box_04 {
  padding-left: 10px;
  margin: 5px 0 15px;
}

input[type="text"]#circle_key {
  margin-right: 2px;
}

/* スマホでの表示を確認
--------------------------------------------------------- */
p.caution_bp_smartphone {
  position: relative;
  font-size: 11px;
  color: #999;
  padding-top: 20px;
}

/* トップimg
--------------------------------------------------------- */
div.bp_top_img {
  background-color: #f0f2f7;
  width: 100%;
  margin-bottom: 20px;
}

div.bp_top_img p {
  background: url(../images/web/common/blog_parts/mainpic_bp.png) no-repeat center center;
  height: 138px;
  position: relative;
  border: solid 1px #b8c3d9;
}

div.bp_top_img p a {
  display: block;
  padding-top: 20px;
  height: 0;
  width: 140px;
  overflow: hidden;
  position: absolute;
  left: 50%;
  bottom: 20px;
  margin-left: 100px;
}

div.bp_top_img a {
  background: url(../images/web/common/blog_parts/btn_link_affiliate.png) no-repeat 0 0;
}

/* つくりたいブログパーツ選択
--------------------------------------------------------- */

div.type_select {
  position: absolute;
  background: #607194;
  width: 380px;
  color: #fff;
  padding: 10px;
  height: 25px;
  line-height: 25px;
  top: -1px;
  left: -1px;
  -webkit-border-radius: 3px 3px 0 0;
  -moz-border-radius: 3px 3px 0 0;
  -o-border-radius: 3px 3px 0 0;
  border-radius: 3px 3px 0 0;
}

/* サークル指定検索表示
--------------------------------------------------------- */
ul#circle_list {
  width: 100%;
  background: url(../images/web/common/blog_parts/bg_bp_main.gif) repeat;
  padding: 5px 0;
  border: solid 1px #b8c3d9;
  clear: both;
  margin-top: 5px;
  max-height: 300px;
  overflow: auto;
}

ul#circle_list li {
  padding: 5px 0;
}

/* ボタン右寄せ
--------------------------------------------------------- */
input.button_right {
  float: right;
  padding: 1px 10px;
}

/* ヘルプアイコン・折りたたみアイコン
--------------------------------------------------------- */
div.bp_select_contents a.bp_help {
  display: block;
  padding-top: 15px;
  height: 0;
  width: 15px;
  overflow: hidden;
  margin: 3px 0;
  position: absolute;
  top: -1px;
  right: 20px;
  background: url(../images/web/common/blog_parts/icon_bp_help_accordion.png) no-repeat 0 0;
}

div.bp_select_contents a.bp_help:hover {
  background-position: 0 -15px;
}

.popup_box.blog_parts {
  z-index: 3000;
}

/* タイトル関連
--------------------------------------------------------- */
/* ----- ボックスタイトル ----- */
div.bp_contents_title {
  position: absolute;
  top: 0;
  left: -1px;
  display: block;
  width: 100%;
  height: 30px;
  line-height: 30px;
  padding: 0 1px;
  background: #607194;
  z-index: 300;
  -webkit-border-radius: 3px 3px 0 0;
  -moz-border-radius: 3px 3px 0 0;
  -o-border-radius: 3px 3px 0 0;
  border-radius: 3px 3px 0 0;
}

div.bp_contents_title p {
  display: block;
  color: #fff;
  font-size: 12px;
  padding: 0 10px;
}

/* ----- サブタイトル ----- */
p.bp_contents_sub_title {
  background: #f2f2f2;
  border-radius: 9px;
  display: block;
  width: 150px;
  padding: 1px 0 1px 10px;
  height: 18px;
  position: relative;
}

/* ----- サブタイトル（オプション） ----- */
div.bp_option {
  border-bottom: dotted 1px #b8c3d9;
  padding: 5px 0;
  margin-bottom: 5px;
}

/* プレビュータイトル PC・スマホ表示切り替え
--------------------------------------------------------- */
div.bp_contents_title_preview {
  height: 45px;
  width: 100%;
  background: #607194;
  color: #fff;
  font-size: 14px;
  line-height: 45px;
  -webkit-border-radius: 3px 3px 0 0;
  -moz-border-radius: 3px 3px 0 0;
  -o-border-radius: 3px 3px 0 0;
  border-radius: 3px 3px 0 0;
  position: absolute;
  padding: 0 1px;
  left: -1px;
  top: 0;
}

div.bp_contents_title_preview span {
  padding-left: 10px;
}

div.bp_contents_title_preview ul {
  position: absolute;
  right: 15px;
  top: 50%;
  margin-top: -15px;
}

div.bp_contents_title_preview ul li {
  float: left;
  height: 30px;
  color: #607194;
  width: 50px;
  background: #354566;
  line-height: 30px;
  text-align: center;
  font-size: 11px;
  cursor: pointer;
}

div.bp_contents_title_preview ul li:hover {
  color: #bbb;
}

div.bp_contents_title_preview ul li.on {
  height: 30px;
  color: #fff;
  background: #062b4d;
  line-height: 30px;
}

div.bp_contents_title_preview ul li.preview_pc {
  border-radius: 3px 0 0 3px;
  margin-right: 2px;
}

div.bp_contents_title_preview ul li.preview_smartphone {
  border-radius: 0 3px 3px 0;
}

/* ブログパーツ横幅決め打ち（デザイン確認用）
--------------------------------------------------------- */
div.bp_width_value {
  margin-top: 30px;
  text-align: right;
}

div.bp_width_value input {
  width: 50px;
  text-align: left;
}

div.bp_width_value span {
  padding-left: 5px;
}

div.bp_width_value span:first-child {
  padding: 0 5px 0 0;
}

div.bp_width_value p {
  font-size: 11px;
  color: #999;
  text-align: right;
}

/* 必要事項リストタイトル
--------------------------------------------------------- */
table.bp_option_list tr td {
  vertical-align: top;
}

table.bp_option_list tr td span {
  background: #f2f2f2;
  border-radius: 9px;
  display: block;
  width: 80px;
  text-align: center;
  padding: 1px 0 1px;
  margin: 0 0 5px 0;
  height: 18px;
  font-size: 11px;
  line-height: 20px;
}

table.bp_option_list tr td span.large_index {
  background: #f2f2f2;
  border-radius: 9px;
  display: block;
  width: 80px;
  text-align: center;
  padding: 4px 0 3px;
  margin: 0 0 5px 0;
  height: 28px;
  line-height: 1.2;
}

/* 必要事項のリスト
--------------------------------------------------------- */
table.bp_option_list tr {
  vertical-align: middle;
}

table.bp_option_list tr td {
  padding: 5px 10px 5px 0;
}

table.bp_option_list tr td.flexible p {
  float: left;
  margin: 0 10px 0 0;
}

/* テキストエリア
--------------------------------------------------------- */
textarea.bp_code,
textarea.work_set,
input.affliate_id {
  width: 98%;
}

input.save_setting {
  width: 80%;
}

input.circle_set {
  width: 248px;
  *width: 237px;
}

div.bp_box_01 p,
div.bp_box_02 p,
div.bp_box_03 p,
div.bp_box_04 p {
  margin-bottom: 5px;
}

div.bp_box_04 span {
  font-size: 11px;
  display: block;
  margin: 5px 0;
}

p.complete_save_setting {
  color: #0a0;
  font-weight: bold;
  padding-top: 5px;
}

/* デザインカスタマイズ部分
--------------------------------------------------------- */

/* -----カラーテーマ ----- */

ul.theme_color_wrap {
}

ul.theme_color_wrap li {
  float: left;
  margin: 5px;
  display: inline;
}

li.color_theme_01 a,
li.color_theme_02 a {
  display: block;
  background: url(../images/web/common/blog_parts/bg_bp_theme_color.png) no-repeat 0 0;
  padding-top: 25px;
  width: 25px;
  height: 0;
  overflow: hidden;
}

li.color_theme_01 a:hover,
li.color_theme_02 a:hover {
  background: url(../images/web/common/blog_parts/bg_bp_theme_color.png) no-repeat 0 -25px;
}

li.color_theme_01.on a,
li.color_theme_02.on a {
  display: block;
  background: url(../images/web/common/blog_parts/bg_bp_theme_color.png) no-repeat 0 -50px;
  padding-top: 25px;
  width: 25px;
  height: 0;
  overflow: hidden;
}

li.color_theme_01 a,
li.color_theme_01 a:hover,
li.color_theme_01.on {
  background-color: #fff;
}

li.color_theme_02 a,
li.color_theme_02 a:hover,
li.color_theme_02.on {
  background-color: #000;
}

/* =========================================================
　ご利用ガイド（ユーザー向け）
========================================================= */

/* ご利用方法
--------------------------------------------------------- */

/* ----- 初めての方へ ----- */

div#guide_welcome {
  position: relative;
  width: auto;
}

div#guide_welcome h2,
div#guide_welcome div#buy,
div#guide_welcome div#circle,
div#guide_welcome .service_ttl {
  width: 795px;
}

div#guide_welcome div.static_header {
  margin-top: 5px;
}

div#guide_welcome div.static_header p {
  height: 150px;
  text-indent: -9999px;
  background: url(../images/web/home/welcome_header.png) no-repeat left top;
}

div#buy {
  background: none;
}

div#user {
  /* padding-bottom:5px; background:url(../images/web/home/welcome_user.gif) no-repeat 530px 50px; */
}

div#circle {
  background: none;
}

div#guide_welcome div#buy a {
  background: url(../images/web/home/welcome_btn_01.png) no-repeat;
  width: 795px;
  height: 210px;
  position: relative;  /* top: -50px; */
  pointer-events: all;
  display: block;
}

div#guide_welcome div#circle a {
  background: url(../images/web/home/welcome_btn_02.png) no-repeat;
  width: 795px;
  height: 210px;
  position: relative;  /* top: -50px; */
  pointer-events: all;
  display: block;
}

/* 特色とポップアップ
--------------------------------------------------------- */

/*----- ポップアップ_購入 -----*/
#guide_welcome .popup_buy {
  opacity: 1;
  width: 815px;
  height: 590px;
  background: url(../images/web/home/welcome_popup_buy.png) no-repeat;
  display: block;
  position: absolute;
  z-index: 200;
  top: 357px;
  -webkit-transition: all 0.1s ease;
  -moz-transition: all 0.1s ease;
  -ms-transition: all 0.1s ease;
  -o-transition: all 0.1s ease;
  transition: all 0.1s ease;
}

#guide_welcome .popup_buy.off {
  opacity: 0;
  visibility: hidden; /* position: absolute; */
  top: 350px;
}

/*----- ポップアップ_販売 -----*/
#guide_welcome .popup_sell {
  opacity: 1;
  width: 815px;
  height: 570px;
  background: url(../images/web/home/welcome_popup_sell.png) no-repeat;
  display: block;
  position: absolute;
  z-index: 200;
  top: 580px;
  -webkit-transition: all 0.1s ease;
  -moz-transition: all 0.1s ease;
  -ms-transition: all 0.1s ease;
  -o-transition: all 0.1s ease;
  transition: all 0.1s ease;
}

#guide_welcome .popup_sell.off {
  opacity: 0;
  visibility: hidden;
  position: absolute;
  top: 560px;
}

div#guide_welcome div#buy a:hover,
div#guide_welcome div#circle a:hover {
  top: 1px;
  opacity: 0.8;
  filter: alpha(opacity=80);
  -ms-filter: "alpha( opacity=80 )";
}

.popup_buy a.close,
.popup_sell a.close {
  width: 44px;
  height: 44px;
  z-index: 200;
  position: absolute;
  top: 16px;
  left: 770px;
  cursor: pointer;
  /*background-color: rgba(34, 244, 80, 0.8);    */
}

/*----- 導線ボタンの背景 -----*/
div.popup_buy p.regist_user,
div.popup_sell p.regist_circle {
  position: absolute;
  bottom: 25px;
  left: 29px;
  /* width: 160px; */
  /* height: 40px; */
  padding: 8px 290px;
  background-color: #f3f5f9;
  border: 1px solid #b8c3d9;
}

/* 各サービスの見出し
--------------------------------------------------------- */
div#guide_welcome .service_ttl {
  width: 775px;
  height: 52px;
  display: block;
  margin-left: 15px;
  /* margin: 0 auto; */
  /* margin-bottom: 10px; */
}

div#guide_welcome .service_ttl.home {
  background: url(../images/web/home/welcome_service_ttl_home.png) no-repeat;
}

div#guide_welcome .service_ttl.maniax {
  background: url(../images/web/home/welcome_service_ttl_maniax.png) no-repeat;
}

div#guide_welcome .service_ttl.girls {
  background: url(../images/web/home/welcome_service_ttl_girls.png) no-repeat;
}

div#guide_welcome .service_ttl.gay {
  background: url(../images/web/home/welcome_service_ttl_gay.png) no-repeat;
}

div#guide_welcome .service_ttl.sp {
  background: url(../images/web/home/welcome_service_ttl_sp.png) no-repeat;
}

/* 各フロアリンクボタン
--------------------------------------------------------- */
#guide_welcome ul.floor_link li a {
  width: 176px;
  display: block;
  height: 50px;
  line-height: 50px;
  padding: 0 10px 0 38px;
  margin: 0 5px 0;
  color: #fff;
  text-decoration: none;
  position: relative;
  overflow: hidden;
  border-radius: 3px;
  -webkit-transition: 0.1s ease;
  -moz-transition: 0.1s ease;
  -ms-transition: 0.1s ease;
  -o-transition: 0.1s ease;
  transition: 0.1s ease;
  float: left;
  font-size: 15px;
}

ul.floor_link li.general a {
  background-color: #74b63f;
}

ul.floor_link li.male a {
  background-color: #e3699a;
}

ul.floor_link li.female a {
  background-color: #9e5cb1;
}

ul.floor_link li.gay a {
  background-color: #51a9e7;
}

ul.floor_link li.abroad a {
  background-color: #b64040;
}

ul.floor_link li.general a:hover {
  background-color: #92d45d;
}

ul.floor_link li.male a:hover {
  background-color: #ff87b8;
}

ul.floor_link li.female a:hover {
  background-color: #bc7acf;
}

ul.floor_link li.gay a:hover {
  background-color: #6fc7ff;
}

ul.floor_link li.abroad a:hover {
  background-color: #d45e5e;
}

ul.floor_link li.abroad a {
  font-size: 12px;
}

ul.floor_link li.abroad a.r18 {
  font-size: 13px;
}

ul.floor_link li.male div.sp_link a.r18 {
  font-size: 13px;
  padding: 0 10px 0 36px;
}

#guide_welcome ul.floor_link.show_pc {
  margin-bottom: 10px;
  display: inline-block;
  margin-left: 70px;
}

/*----- ALL/R18表記 -----*/
ul.floor_link li a:before {
  content: "";
  font-size: 12px;
  text-align: center;
  font-style: normal;
  display: block;
  height: 50px;
  line-height: 50px;
  width: 30px;
  position: absolute;
  left: 0;
  top: 0;
  background: url(../images/web/index/icon_index2_01.png) no-repeat 2px -475px;
}

ul.floor_link li.general a:before {
  background-color: #5c9132;
  background-color: rgba(0,0,0,0.2);
  border-color: #497327;
  border-color: rgba(0,0,0,0.2);
}

ul.floor_link li.male a:before {
  background-color: #b4537a;
  background-color: rgba(0,0,0,0.2);
  border-color: #8f4261;
  border-color: rgba(0,0,0,0.2);
  background-position: -38px -475px;
}

ul.floor_link li.female a:before {
  background-color: #7d498d;
  background-color: rgba(0,0,0,0.2);
  border-color: #633a70;
  border-color: rgba(0,0,0,0.2);
  background-position: -78px -475px;
}

ul.floor_link li.gay a:before {
  background-color: #4086b8;
  background-color: rgba(0,0,0,0.2);
  border-color: #336a92;
  border-color: rgba(0,0,0,0.2);
  background-position: -118px -475px;
}

ul.floor_link li.abroad a:before {
  background-color: #913333;
  background-color: rgba(0,0,0,0.2);
  border-color: #732828;
  border-color: rgba(0,0,0,0.2);
  background-position: -158px -475px;
}

ul.floor_link li.general a.r18:before {
  background-position: 2px -515px;
}

ul.floor_link li.male a.r18:before {
  background-position: -38px -515px;
}

ul.floor_link li.female a.r18:before {
  background-position: -78px -515px;
}

ul.floor_link li.gay a.r18:before {
  background-position: -118px -515px;
}

ul.floor_link li.abroad a.r18:before {
  background-position: -158px -515px;
}

/*----- リンクの矢印 -----*/
ul.floor_link li.general a:after {
  color: #538237;
}

ul.floor_link li.male a:after {
  color: #a34b6e;
}

ul.floor_link li.female a:after {
  color: #71427f;
}

ul.floor_link li.gay a:after {
  color: #3a79a6;
}

ul.floor_link li.abroad a:after {
  color: #822e38;
}

ul.floor_link li a:after {
  content: "\f105";
  font-family: FontAwesome;
  font-size: 26px;
  display: block;
  line-height: 50px;
  position: absolute;
  right: 10px;
  top: 0;
  color: rgba(0,0,0,0.3);
  height: 100%;
}

div#guide_welcome li.sp .qr {
  width: 170px;
  height: 170px;
  background: url(../images/web/home/welcome_img_spqr.png) no-repeat;
}

div#site dl {
  padding-left: 15px;
}

div#site dl dt {
  width: 190px;
  padding-bottom: 12px;
  float: left;
  clear: both;
}

div#site dl dt a {
  color: #e58600;
  font-size: 13px;
  font-weight: bold;
  line-height: 1.4;
}

div#site dl dt a:hover {
  text-decoration: underline;
}

div#site dl dd {
  margin-left: 200px;
  line-height: 1.4;
  padding-bottom: 12px;
  padding-top: 3px;
}

/* ----- ご利用方法 ----- */

div#guide_guide {
}

div#guide_user_payment {
}

div#guide_user_payment table {
  table-layout: fixed;
}

div#guide_user_payment th {
  font-size: 14px;
  font-weight: bold;
  text-align: center;
  padding: 5px 0;
}

div#guide_user_payment td {
}

div#guide_user_payment th.user {
  color: #fff;
  background: #e76156;
}

div#guide_user_payment th.guest {
  color: #fff;
  background: #58a8e9;
}

div#guide_user_payment td.user h3 {
  border-left-color: #e76156;
  background: #fce7e4;
}

div#guide_user_payment td.guest h3 {
  border-left-color: #58a8e9;
  background: #e2edfa;
}

p.regist_user_btn a {
  display: block;
  width: 160px;
  height: 40px;
  cursor: pointer;
  outline: none;
  text-indent: -9999px;
  margin: 0 auto;
  border: 0;
  background: url(../images/web/home/btn_user_regist.png) left top no-repeat;
}

div#guide_buy_flow dl {
}

div#guide_buy_flow dt {
  font-size: 14px;
  font-weight: bold;
}

div#guide_buy_flow dd {
  padding: 5px 0 5px 18px;
}

div#guide_play {
}

div.guide_play_text {
  width: 500px;
  float: left;
}

dl.guide_play_tool {
  float: right;
  width: 250px;
}

dl.guide_play_tool dt {
  width: 80px;
  text-align: center;
  float: left;
  padding-bottom: 15px;
}

dl.guide_play_tool dd {
  padding-bottom: 15px;
}

div#guide_security {
  background: url(../images/web/privacy_mark.gif) no-repeat 580px 45px;
}

div#guide_security div.base_text_15 {
  width: 500px;
}

/* ----- ユーザー登録 ----- */

div#guide_regist {
}

div#chara_dl {
  margin-bottom: 0;
}

div#user_merit_list {
  padding: 15px 15px 0;
  border: 1px solid #e76156;
  border-top: 0 solid #ffcb67;
  background: #faf5dc;
}

dl.merit_left {
  width: 373px;
  height: 140px;
  float: left;
  margin-bottom: 15px;
  background: #fff;
}

dl.merit_right {
  width: 373px;
  height: 140px;
  float: right;
  margin-bottom: 15px;
  background: #fff;
}

dl.merit_left dt,
dl.merit_right dt {
  color: #e58600;
  font-size: 16px;
  font-weight: bold;
  display: block;
  padding: 10px 10px 0;
  margin: 0 0 10px;
}

dl.merit_left dd,
dl.merit_right dd {
}

dl.merit_left dd p,
dl.merit_right dd p {
  line-height: 1.5;
  padding: 0 10px;
}

dl.merit_left dd p strong,
dl.merit_right dd p strong {
  color: #f26d83;
  padding: 0 3px;
}

div#regist_btn_wrapper {
  clear: both;
  padding: 5px 0 20px;
}

div#regist_btn_inner {
  width: 400px;
  text-align: center;
  padding: 15px 30px;
  margin: 0 auto;
  border: 1px solid #ffcb67;
  background: #fff;
}

div#regist_btn_inner p {
  text-align: center;
  margin-bottom: 10px;
}

div#regist_btn_inner a {
  display: block;
  width: 160px;
  height: 40px;
  cursor: pointer;
  outline: none;
  text-indent: -9999px;
  margin: 0 auto;
  border: 0;
  background: url(../images/web/home/btn_user_regist.png) left top no-repeat;
}

div#guide_regist div.bord {
  background: url(../images/web/home/bg_registuser_01.jpg) no-repeat;
  width: 800px;
  height: 800px;
  position: relative;
}

div.bord .husen01 {
  width: 210px;
  position: absolute;
  top: 230px;
  left: 44px;
  line-height: 1.5em;
}

div.bord .husen01 dt {
  float: left;
}

div.bord .husen01 dd {
  margin-left: 110px;
}

div.bord .husen01 .em_box {
  border: 1px solid #e58600;
  border-radius: 3px;
  color: #eb731f;
  font-weight: bold;
  padding: 5px;
  margin-top: 3px;
}

div.bord .husen02 {
  width: 210px;
  position: absolute;
  top: 230px;
  left: 298px;
  line-height: 1.5em;
}

div.bord .husen03 {
  width: 220px;
  position: absolute;
  top: 230px;
  left: 540px;
  line-height: 1.5em;
}

div.bord .husen04 {
  width: 210px;
  position: absolute;
  top: 480px;
  left: 44px;
  line-height: 1.5em;
}

div.bord .husen05 {
  width: 210px;
  position: absolute;
  top: 480px;
  left: 295px;
  line-height: 1.5em;
}

div.bord .husen06 {
  width: 210px;
  position: absolute;
  top: 480px;
  left: 545px;
  line-height: 1.5em;
}

div#guide_regist .color_00 {
  color: #f06;
  font-weight: bold;
}

div#guide_regist .bord p.btn a {
  display: block;
  width: 160px;
  height: 40px;
  cursor: pointer;
  position: relative;
  top: 700px;
  outline: none;
  text-indent: -9999px;
  margin: 0 auto;
  border: 0;
  background: url(../images/web/home/btn_user_regist.png) left top no-repeat;
}

div#guide_regist .bg_registuser_02 p.btn a {
  display: block;
  width: 160px;
  height: 40px;
  cursor: pointer;
  position: relative;
  top: 65px;
  outline: none;
  text-indent: -9999px;
  margin: 0 auto;
  border: 0;
  background: url(../images/web/home/btn_user_regist.png) left top no-repeat;
}

div#guide_regist .bg_registuser_02 p.btn {
  top: 65px;
}

div#guide_regist p.btn:hover {
  opacity: 0.9;
  filter: alpha(opacity=90);
  -ms-filter: "alpha( opacity=90 )";
}

div#guide_regist .animated {
  -webkit-animation-duration: 2s;
  animation-duration: 2s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}

@-webkit-keyframes swing {
  0%, 20%, 40%, 60%, 80%, 90%, 95%, 100% {
    -webkit-transform-origin: top center;
  }
  0% {
    opacity: 3;
    -webkit-transform: translateY(-100px);
  }
  20% {
    -webkit-transform: rotate(3deg);
  }
  40% {
    -webkit-transform: rotate(-3deg);
  }
  60% {
    -webkit-transform: rotate(2deg);
  }
  80% {
    -webkit-transform: rotate(-2deg);
  }
  90% {
    -webkit-transform: rotate(1deg);
  }
  95% {
    -webkit-transform: rotate(-1deg);
  }
  100% {
    -webkit-transform: rotate(0deg);
  }
}

@keyframes swing {
  0% {
    opacity: 3;
    transform: translateY(-100px);
  }
  20% {
    transform: rotate(3deg);
  }
  40% {
    transform: rotate(-3deg);
  }
  60% {
    transform: rotate(2deg);
  }
  80% {
    transform: rotate(-2deg);
  }
  90% {
    transform: rotate(1deg);
  }
  95% {
    transformm: rotate(-1deg);
  }
  100% {
    transform: rotate(0deg);
  }
}

div#guide_regist .swing {
  -webkit-transform-origin: top center;
  transform-origin: top center;
  -webkit-animation-name: swing;
  animation-name: swing;
}

div#guide_regist p.regist_flow {
  background: url(../images/web/home/pic_registuser_01.png) no-repeat;
  width: 750px;
  height: 245px;
}

div.bg_registuser_02 {
  background: url(../images/web/home/bg_registuser_02.png) no-repeat;
  width: 360px;
  height: 140px;
  margin: 0 auto;
}

/* ----- 年齢認証について ----- */

div#guide_attestation {
}

p.sof_seal_img {
  width: 100px;
  float: left;
  text-align: center;
  padding-top: 5px;
}

p#ps_attestation_01 {
  text-indent: -9999px;
  height: 145px;
  background: url(../images/web/home/ps_attestation_01.png) center top no-repeat;
}

/* ----- 動作に必要なツール ----- */

div#guide_tool {
}

div#guide_tool ul.attention_mini_list {
  padding-top: 10px;
  border-top: 1px dotted #bbb;
}

dl.tool_download {
  font-size: 12px;
  line-height: 1.4;
}

dl.tool_download dt {
  width: 110px;
  float: left;
  text-align: center;
  padding: 10px 0;
}

dl.tool_download dt img {
  margin-bottom: 5px;
}

dl.tool_download dd {
  padding: 10px 0;
  margin-left: 120px;
}

/* ----- よくある質問 ----- */

div#guide_faq {
}

div#guide_faq_answer {
}

/* 回答 */

div#answer_skip_nav {
}

div#answer_skip_nav p {
  padding-bottom: 5px;
}

div#answer_skip_nav div.question_box {
  padding-bottom: px;
}

div#answer_skip_nav div.question_box li {
  padding-bottom: 6px;
}

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

dl.list_pdf {
  padding: 5px 0 10px;
}

dl.list_pdf dt {
  width: 100px;
  float: left;
  font-weight: bold;
}

dl.list_pdf dd {
  margin-left: 110px;
}

dl.user_merit {
}

dl.user_merit dt strong {
  color: #e58600;
}

dl.user_merit dd {
  padding: 5px 0 0 20px;
}

dl.user_merit dd p {
  padding-left: 15px;
}

dl.circle_regist {
}

dl.circle_regist dt strong {
  color: #e58600;
}

dl.circle_regist dd {
  padding: 5px 0 0 20px;
}

/* 質問リスト */

div.question_box {
  padding-bottom: 15px;
}

div.question_box .question_list_item {
  line-height: 1.4;
  text-indent: -20px;
  padding: 0 0 10px 25px;
  margin: 0 10px;
}

div.question_box .question_list_item:last-child {
  padding-bottom: 0;
}

div.question_box span.faq_q {
  color: #e58600;
  font-weight: bold;
  padding-right: 5px;
}

/* テキスト装飾 */

span.faq_q {
  padding-right: 5px;
}

span.check_q {
  color: #d94c4c;
  font-size: 11px;
  padding-left: 5px;
}

div.article_box p.q_back {
  float: right;
  padding: 2px 0 2px 16px;
  margin: 0 15px 0 0;
  background: url(../images/web/home/icon_more.png) no-repeat left 3px;
}

.ie_set {
  color: #208840;
}

/* お支払い方法
--------------------------------------------------------- */

div.payment_flow_guide {
  padding: 10px 0;
}

div.regist_user_flow {
  width: 375px;
  float: left;
  border-bottom: 3px solid #e07083;
  background: url(../images/web/common/payment_bg_regist_user.png) left top repeat-y;
}

div.guest_user_flow {
  width: 375px;
  margin-left: 390px;
  border-bottom: 3px solid #709fe0;
  background: url(../images/web/common/payment_bg_guest_user.png) left top repeat-y;
  _margin-left: 385px;
}

div.regist_only {
  width: 765px;
  float: none;
  background: url(../images/web/common/payment_bg_regist_user_only.png) left top repeat-y;
}

div.guest_only {
  width: 765px;
  float: none;
  margin-left: 0;
  background: url(../images/web/common/payment_bg_guest_user_only.png) left top repeat-y;
}

div.regist_user_flow h3,
div.guest_user_flow h3 {
  width: 375px;
  height: 31px;
  text-indent: -9999px;
  padding: 0;
  margin: 0;
  border: none;
}

div.regist_only h3,
div.guest_only h3 {
  width: 765px;
}

div.regist_user_flow h3 {
  background: url(../images/web/common/payment_guide_bg.png) -5px -5px no-repeat #fff;
}

div.guest_user_flow h3 {
  background: url(../images/web/common/payment_guide_bg.png) -395px -5px no-repeat #fff;
}

div.regist_only h3 {
  background: url(../images/web/common/payment_guide_bg.png) -5px -355px no-repeat #fff;
}

div.guest_only h3 {
  background: url(../images/web/common/payment_guide_bg.png) -5px -395px no-repeat #fff;
}

div.regist_user_flow h4,
div.guest_user_flow h4 {
  height: 24px;
  color: #fff;
  font-size: 13px;
  font-weight: bold;
  padding: 3px 0 0 10px;
  margin: 10px -5px 10px;
}

div.regist_user_flow h4 {
  background: url(../images/web/common/payment_guide_bg.png) -5px -320px no-repeat;
}

div.guest_user_flow h4 {
  background: url(../images/web/common/payment_guide_bg.png) -395px -320px no-repeat;
}

div.regist_only h4 {
  background: url(../images/web/common/payment_guide_bg.png) -5px -435px no-repeat;
}

div.guest_only h4 {
  background: url(../images/web/common/payment_guide_bg.png) -5px -470px no-repeat;
}

div.flow_inner {
  line-height: 1.5;
  padding: 15px;
}

div.regist_only div.flow_inner,
div.guest_only div.flow_inner {
  padding: 15px 20px;
}

div.base_text_15 div.flow_inner p strong {
  color: #333;
  font-size: 12px;
}

dl.payment_text_guide_hs dt {
  display: block;
  font-size: 13px;
  font-weight: bold;
  padding: 0 0 0;
}

dl.payment_text_guide_hs dd {
  line-height: 1.5;
  padding: 0 0 6px 12px;
}

dl.payment_text_guide dt {
  display: block;
  font-size: 13px;
  font-weight: bold;
  padding: 0 0 3px;
}

dl.payment_text_guide dd {
  line-height: 1.5;
  padding: 0 0 12px 12px;
}

div.regist_user_flow li.flow_1 p.flow_title {
  background: url(../images/web/common/payment_guide_bg.png) -5px -48px no-repeat;
}

div.regist_user_flow li.flow_2 p.flow_title {
  background: url(../images/web/common/payment_guide_bg.png) -5px -78px no-repeat;
}

div.regist_user_flow li.flow_3 p.flow_title {
  background: url(../images/web/common/payment_guide_bg.png) -5px -108px no-repeat;
}

div.regist_user_flow li.flow_4 p.flow_title {
  background: url(../images/web/common/payment_guide_bg.png) -5px -138px no-repeat;
}

div.regist_user_flow li.flow_5 p.flow_title {
  background: url(../images/web/common/payment_guide_bg.png) -5px -168px no-repeat;
}

div.regist_user_flow li.flow_6 p.flow_title {
  background: url(../images/web/common/payment_guide_bg.png) -5px -198px no-repeat;
}

div.regist_user_flow li.flow_7 p.flow_title {
  background: url(../images/web/common/payment_guide_bg.png) -5px -228px no-repeat;
}

div.regist_user_flow li.flow_8 p.flow_title {
  background: url(../images/web/common/payment_guide_bg.png) -5px -258px no-repeat;
}

div.regist_user_flow li.flow_9 p.flow_title {
  background: url(../images/web/common/payment_guide_bg.png) -5px -288px no-repeat;
}

div.guest_user_flow li.flow_1 p.flow_title {
  background: url(../images/web/common/payment_guide_bg.png) -775px -48px no-repeat;
}

div.guest_user_flow li.flow_2 p.flow_title {
  background: url(../images/web/common/payment_guide_bg.png) -775px -78px no-repeat;
}

div.guest_user_flow li.flow_3 p.flow_title {
  background: url(../images/web/common/payment_guide_bg.png) -775px -108px no-repeat;
}

div.guest_user_flow li.flow_4 p.flow_title {
  background: url(../images/web/common/payment_guide_bg.png) -775px -138px no-repeat;
}

div.guest_user_flow li.flow_5 p.flow_title {
  background: url(../images/web/common/payment_guide_bg.png) -775px -168px no-repeat;
}

div.guest_user_flow li.flow_6 p.flow_title {
  background: url(../images/web/common/payment_guide_bg.png) -775px -198px no-repeat;
}

div.guest_user_flow li.flow_7 p.flow_title {
  background: url(../images/web/common/payment_guide_bg.png) -775px -228px no-repeat;
}

div.guest_user_flow li.flow_8 p.flow_title {
  background: url(../images/web/common/payment_guide_bg.png) -775px -258px no-repeat;
}

div.guest_user_flow li.flow_9 p.flow_title {
  background: url(../images/web/common/payment_guide_bg.png) -775px -288px no-repeat;
}

p.flow_title {
  font-size: 14px;
  font-weight: bold;
  padding: 0 0 2px 21px;
  margin-bottom: 5px;
}

div.regist_user_flow p.flow_title {
  color: #c54c60;
  border-bottom: 1px dashed #c54c60;
}

div.guest_user_flow p.flow_title {
  color: #4d81c0;
  border-bottom: 1px dashed #4d81c0;
}

div.regist_user_flow ol li {
  padding-bottom: 22px;
  background: url(../images/web/common/payment_arrow_regist_user.png) center bottom no-repeat;
}

div.guest_user_flow ol li {
  padding-bottom: 22px;
  background: url(../images/web/common/payment_arrow_guest_user.png) center bottom no-repeat;
}

div.regist_user_flow ol li.last,
div.guest_user_flow ol li.last {
  padding-bottom: 0;
  background: none;
}

/* ----- お支払い方法について ----- */

div#guide_payment {
}

table#payment_chart {
  width: 620px;
  table-layout: fixed;
  margin-bottom: 20px;
}

table#payment_chart th {
  color: #333;
  background-color: #f2f2f2;
}

table#payment_chart th.payment_type {
  width: 90px;
  font-weight: bold;
  text-align: center;
}

table#payment_chart th.pre_payment,
table#payment_chart th.later_payment {
  font-size: 14px;
  font-weight: bold;
  text-align: center;
  vertical-align: middle;
}

table#payment_chart th.pre_payment {
  background: #ffb973;
}

table#payment_chart th.later_payment {
  background: #99e573;
}

table#payment_chart th.payment_way {
  width: 200px;
  font-weight: bold;
  text-align: center;
}

table#payment_chart th.pre_payment_way,
table#payment_chart th.later_payment_way {
  font-size: 13px;
  line-height: 1.4;
  vertical-align: middle;
}

table#payment_chart th.pre_payment_way {
  background: #ffe1c8;
}

table#payment_chart th.later_payment_way {
  background: #caf2b6;
}

table#payment_chart th.pre_payment_way span,
table#payment_chart th.later_payment_way span {
  font-size: 12px;
}

table#payment_chart th.regist_user_pay,
table#payment_chart th.guest_user_pay {
  font-weight: bold;
  text-align: center;
}

table#payment_chart td.regist_user_pay,
table#payment_chart td.guest_user_pay {
  vertical-align: middle;
}

table#payment_chart td.regist_user_pay p,
table#payment_chart td.guest_user_pay p {
  text-align: center;
  padding: 0;
  margin: 0;
}

table#payment_chart td.regist_user_pay p span,
table#payment_chart td.guest_user_pay p span {
  font-size: 14px;
}

table#payment_chart td.regist_user_pay p span.point_only {
  font-size: 12px;
  line-height: 1.7;
}

dl.payment_type_guide {
  margin-bottom: 10px;
}

dl.payment_type_guide dt {
  display: block;
  width: 180px;
  height: 22px;
  line-height: 22px;
  color: #fff;
  font-size: 12px;
  font-weight: bold;
  padding-left: 12px;
  margin-bottom: 10px;
}

dl.payment_type_guide dt.pre_pay {
  background: url(../images/web/common/payment_guide_bg.png) -5px -535px no-repeat;
}

dl.payment_type_guide dt.later_pay {
  background: url(../images/web/common/payment_guide_bg.png) -395px -535px no-repeat;
}

dl.payment_type_guide dd {
  margin-left: 12px;
  margin-bottom: 2px;
}

/* ----- クレジットカード ----- */

div#guide_creditcard {
}

/* ----- 電子マネー ----- */

div#guide_emoney {
}

/* ----- 銀行振込・郵便振替 ----- */

div#guide_bank {
}

div#bank_list {
  padding: 0 10px;
}

div#bank_list p.bank_list_title {
  padding: 5px 0 0;
}

div#bank_list p.bank_list_title strong {
  font-size: 13px;
}

div#bank_list li {
  list-style-type: disc;
  padding: 0;
  margin-left: 15px;
  background: none;
}

/* ----- コンビニ支払い ----- */

div#guide_convenience {
}

dl.payment_convenience_point {
  margin-bottom: 10px;
}

dl.payment_convenience_point dt {
  clear: left;
  display: block;
  width: 180px;
  height: 22px;
  line-height: 22px;
  color: #fff;
  font-size: 12px;
  font-weight: bold;
  padding-left: 12px;
  margin: 0 0 10px;
}

dl.payment_convenience_point dt.regist {
  background: url(../images/web/common/payment_guide_bg.png) -5px -505px no-repeat;
}

dl.payment_convenience_point dt.guest {
  background: url(../images/web/common/payment_guide_bg.png) -395px -505px no-repeat;
}

dl.payment_convenience_point dd {
  margin-left: 12px;
}

dl.payment_convenience_point dd.regist,
dl.payment_convenience_point dd.guest {
  width: 130px;
  float: left;
  font-size: 13px;
  margin-bottom: 2px;
}

dl.payment_convenience_point dd.regist strong,
dl.payment_convenience_point dd.guest strong {
  font-weight: bold;
  padding-right: 3px;
}

dl.payment_convenience_point dd.regist_text {
  margin-bottom: 12px;
}

dl.payment_convenience_point dd.guest_text {
}

p.payment_regist_convenience,
p.payment_guest_convenience {
  text-align: center;
}

p.payment_regist_convenience img {
  margin: 5px auto;
  border: 1px solid #e07083;
}

p.payment_guest_convenience img {
  margin: 5px auto;
  border: 1px solid #709fe0;
}

/* ----- 楽天あんしん支払いサービス ----- */

div#guide_rakuten {
}

dl.payment_guest_rakuten {
}

dl.payment_guest_rakuten dt {
  width: 260px;
  height: 86px;
  float: right;
}

dl.payment_guest_rakuten dd {
  margin-right: 270px;
}

dl.payment_guest_rakuten p.message {
  color: #c00;
  font-size: 13px;
  font-weight: bold;
}

div.guest_user_flow ol.rakuten_re_download {
}

div.guest_user_flow ol.rakuten_re_download li {
  list-style-type: decimal;
  padding: 0;
  margin: 0 0 2px 20px;
  background-image: none;
}

/* ----- 3Dセキュアについて ----- */

div#guide_3dsecure {
}

dl.secure_visa {
  width: 250px;
  float: left;
  padding-left: 15px;
}

dl.secure_visa dt {
  color: #e58600;
  font-size: 14px;
  font-weight: bold;
}

dl.secure_visa dd {
  padding-left: 20px;
}

dl.secure_visa dd img {
  margin: 6px 0 12px;
}

dl.secure_master {
  width: 250px;
  float: left;
}

dl.secure_master dt {
  color: #e58600;
  font-size: 14px;
  font-weight: bold;
}

dl.secure_master dd {
  padding-left: 20px;
}

dl.secure_master dd img {
  margin: 6px 0 12px;
}

dl.secure_jcb {
  width: 180px;
  float: left;
}

dl.secure_jcb dt {
  color: #e58600;
  font-size: 14px;
  font-weight: bold;
}

dl.secure_jcb dd {
  padding-left: 20px;
}

dl.secure_jcb dd img {
  margin: 6px 0 12px;
}

/* ----- ドコモ ケータイ払いのご案内 ----- */

div#guide_docomo_keitai div.static_header {
  position: relative;
  width: 795px;
  height: 640px;
  background: url(../images/web/common/mainpic_docomo_keitai.png) left top no-repeat;
}

div#guide_docomo_keitai div.static_header p {
  position: absolute;
  top: 510px;
  left: 140px;
  width: 262px;
  height: 84px;
  line-height: 1.7;
}

.flow_docomo_keitai {
  padding: 5px 15px 15px;
}

.flow_docomo_keitai dl {
  width: 388px;
  float: left;
  padding: 8px 0 0;
  margin-right: 30px;
  border-radius: 5px;
  border: 1px solid #cfced9;
}

.flow_docomo_keitai dt {
  color: #d00e31;
  line-height: 1.4;
  font-size: 16px;
  font-weight: bold;
  padding: 0 15px;
  margin-bottom: 2px;
}

.flow_docomo_keitai dd {
  position: relative;
  padding: 0 12px 8px;
  margin-bottom: 10px;
  border-bottom: 1px dashed #cfced9;
}

.flow_docomo_keitai dd:after {
  position: absolute;
  left: 175px;
  bottom: -17px;
  content: "▼";
  color: #cfced9;
  font-size: 16px;
  -moz-transform: scaleX(2.5);
  -webkit-transform: scaleX(2.5);
  transform: scaleX(2.5);
}

.flow_docomo_keitai dd.last {
  margin-bottom: 0;
  border-bottom: none;
}

.flow_docomo_keitai dd.last:after {
  content: none;
}

.flow_docomo_keitai p {
  float: left;
  position: relative;
  width: 280px;
  height: 420px;
  padding: 0;
  background: url(../images/web/common/bg_docomo_regist.png) left 10px no-repeat;
}

.flow_docomo_keitai p a {
  position: absolute;
  left: 60px;
  top: 132px;
  display: block;
  width: 200px;
  height: 50px;
  text-indent: -9999px;
  background: url(../images/web/common/btn_docomo_regist.png) left top no-repeat;
}

.flow_docomo_keitai p a:hover {
  background: url(../images/web/common/btn_docomo_regist.png) left -50px no-repeat;
}

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

div.base_title h1 span.guide_protect {
  font-size: 14px;
  font-weight: normal;
  padding-left: 5px;
}

/* ----- ユーザー認証 ----- */
.modest_info {
  border: 1px solid #53a543;
  background: #eafce6;
  margin: 0 auto 15px;
  padding: 8px 15px;
  width: 550px;
  text-align: center;
}

.modest_info p {
  color: #53a543;
  font-weight: bold;
  padding-left: 19px;
  display: inline-block;
}

.modest_info p:before {
  display: inline-block;
  content: "\f05a";
  font-family: FontAwesome;
  font-weight: normal;
  font-size: 18px;
  margin-right: 5px;
  position: relative;
  top: 1px;
}

table#guide_viewer,
table#guide_viewer2,
table.guide_viewer {
  width: 100%;
  table-layout: fixed;
  margin-bottom: 20px;
  border-color: #fff;
}

table#guide_viewer th,
table#guide_viewer2 th,
table.guide_viewer th {
  font-size: 13px;
  font-weight: bold;
  text-align: center;
  vertical-align: middle;
  background: #a3e595;
}

th.viewer_type { width: 140px; }
th.viewer_name { width: 150px; }
th.viewer_extension { width: 100px; }

table#guide_viewer th.viewer_32bit { background: #bde595; }
table#guide_viewer th.viewer_64bit { background: #a8e7e2; }

table#guide_viewer2 th.viewer_os,
table.guide_viewer th.viewer_os {
  background: #b8cfe5;
}

table#guide_viewer th,
table#guide_viewer td,
table#guide_viewer2 th,
table#guide_viewer2 td, 
table.guide_viewer th,
table.guide_viewer td {
  border-color: #fff;
}

table#guide_viewer td.viewer_type,
table#guide_viewer td.viewer_extension,
table#guide_viewer2 td.viewer_type,
table#guide_viewer2 td.viewer_extension,
table.guide_viewer td.viewer_name,
table.guide_viewer td.viewer_extension {
  font-size: 12px;
  text-align: center;
  vertical-align: middle;
  background: #d6f5d0;
}

table.guide_viewer td.viewer_name { text-align: left; }

table#guide_viewer td.viewer_32bit,
table#guide_viewer td.viewer_64bit {
  text-align: center;
  vertical-align: middle;
}

table#guide_viewer td.viewer_32bit { background: #e3f5d0; }
table#guide_viewer td.viewer_64bit { background: #d0f5f2; }

table#guide_viewer2 td.viewer_os,
table.guide_viewer td.viewer_os {
  background: #dae6f2;
}

table#guide_viewer td p,
table#guide_viewer2 td p,
table.guide_viewer td p {
  width: 180px;
  text-indent: -9999px;
  padding: 0;
  margin: 0 auto;
}

table#guide_viewer td p a,
table#guide_viewer2 td p a,
table.guide_viewer td p a {
  display: block;
  width: 180px;
  height: 40px;
  overflow: hidden;
}

p.viewer_pdf a { background: url(../images/web/common/btn_viewer_down.png) left top no-repeat; }
p.viewer_pdf a:hover { background: url(../images/web/common/btn_viewer_down.png) left -40px no-repeat; }
p.viewer_browser a { background: url(../images/web/common/btn_viewer_down.png) left -80px no-repeat; }
p.viewer_browser a:hover { background: url(../images/web/common/btn_viewer_down.png) left -120px no-repeat; }
p.viewer_movie a { background: url(../images/web/common/btn_viewer_down.png) left -160px no-repeat; }
p.viewer_movie a:hover { background: url(../images/web/common/btn_viewer_down.png) left -200px no-repeat; }
p.viewer_dlsite a { background: url(../images/web/common/btn_viewer_down.png) left -240px no-repeat; }
p.viewer_dlsite a:hover { background: url(../images/web/common/btn_viewer_down.png) left -280px no-repeat; }

td.viewer_64bit p.viewer_pdf a { background: url(../images/web/common/btn_viewer_down.png) -180px top no-repeat; }
td.viewer_64bit p.viewer_pdf a:hover { background: url(../images/web/common/btn_viewer_down.png) -180px -40px no-repeat; }
td.viewer_64bit p.viewer_browser a { background: url(../images/web/common/btn_viewer_down.png) -180px -80px no-repeat; }
td.viewer_64bit p.viewer_browser a:hover { background: url(../images/web/common/btn_viewer_down.png) -180px -120px no-repeat; }
td.viewer_64bit p.viewer_movie a { background: url(../images/web/common/btn_viewer_down.png) -180px -160px no-repeat; }
td.viewer_64bit p.viewer_movie a:hover { background: url(../images/web/common/btn_viewer_down.png) -180px -200px no-repeat; }
td.viewer_64bit p.viewer_dlsite a { background: url(../images/web/common/btn_viewer_down.png) -180px -240px no-repeat; }
td.viewer_64bit p.viewer_dlsite a:hover { background: url(../images/web/common/btn_viewer_down.png) -180px -280px no-repeat; }

p.viewer_package a { background: url(../images/web/common/btn_viewer_down.png) left -320px no-repeat; }
p.viewer_package a:hover { background: url(../images/web/common/btn_viewer_down.png) left -360px no-repeat; }

table#guide_viewer td p.viewer_guide_text,
table#guide_viewer2 td p.viewer_guide_text,
table.guide_viewer td p.viewer_guide_text {
  width: auto;
  text-indent: 0;
  padding: 5px 0 0;
  margin: 0 auto;
  font-size: 11px;
  line-height: 1.3;
  text-align: center;
}

table#guide_viewer2 td p.viewer_guide_text,
table.guide_viewer td p.viewer_guide_text {
  font-size: 12px;
  line-height: 1.5;
}

/* ----- DLsite Viewerの操作方法について ----- */

div#guide_dlv2 {
}

div#guide_dlv2 th,
div#guide_dlv2 td.guide_image_number {
  white-space: nowrap;
}

div#guide_dlv2 td span {
  font-size: 13px;
}

.dlv_update {
  width: 720px;
  padding: 0 0 12px;
  margin: 10px auto 20px;
  border: 1px solid #FF8E8E;
  background: #fff;
}

div.static_inner .dlv_update h2 {
  color: #d64a4a;
  font-size: 16px;
  text-align: center;
  padding: 6px 0 5px;
  margin-bottom: 15px;
  border-bottom: none;
  border-left: none;
  background: #FFE3D4;
}

div.static_inner .dlv_update p {
  display: inline-block;
  width: 480px;
  line-height: 1.7;
  font-size: 13px;
  padding-bottom: 0;
  margin: 0 15px;
  vertical-align: top;
}

div.static_inner .dlv_update p.btn_dlv {
  display: inline-block;
  width: 180px;
  padding: 0;
  margin: 0 5px;
}

div.static_inner .dlv_update p.btn_dlv a {
  display: block;
  width: 180px;
  height: 40px;
  text-indent: -9999px;
  overflow: hidden;
  background: url(../images/web/common/btn_viewer_down.png) left -240px no-repeat;
}

div.static_inner .dlv_update p.btn_dlv a:hover {
  background: url(../images/web/common/btn_viewer_down.png) left -280px no-repeat;
}

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

div#guide_protect {
}

table#guide_trinity {
  width: 100%;
  table-layout: fixed;
  margin-bottom: 20px;
  border-color: #fff;
}

table#guide_trinity tr.tool_key {
  background: #e7f7b5;
}

table#guide_trinity tr.tool_dec {
  background: #daf3f0;
}

table#guide_trinity th,
table#guide_trinity td {
  border-color: #fff;
}

table#guide_trinity th {
  font-size: 13px;
  font-weight: bold;
  text-align: center;
  vertical-align: middle;
  background: #a3e595;
}

table#guide_trinity th.tool_name {
  width: 120px;
}

table#guide_trinity th.tool_dl {
  width: 210px;
}

table#guide_trinity td {
  font-size: 12px;
}

table#guide_trinity td.tool_name,
table#guide_trinity td.tool_dl {
  text-align: center;
  vertical-align: middle;
}

table#guide_trinity td p {
  width: 180px;
  text-indent: -9999px;
  padding: 0;
  margin: 0 auto;
}

table#guide_trinity td p a {
  display: block;
  width: 180px;
  height: 40px;
  overflow: hidden;
}

p.tool_key a {
  background: url(../images/web/common/btn_trinity_down.png) left top no-repeat;
}

p.tool_key a:hover {
  background: url(../images/web/common/btn_trinity_down.png) left -40px no-repeat;
}

p.tool_dec a {
  background: url(../images/web/common/btn_trinity_down.png) left -80px no-repeat;
}

p.tool_dec a:hover {
  background: url(../images/web/common/btn_trinity_down.png) left -120px no-repeat;
}

p.tool_dec_mov a {
  background: url(../images/web/common/btn_trinity_down.png) left -160px no-repeat;
}

p.tool_dec_mov a:hover {
  background: url(../images/web/common/btn_trinity_down.png) left -200px no-repeat;
}

table#guide_trinity td p.tool_dl_guide {
  font-size: 11px;
  text-indent: 0;
  text-align: center;
  padding-bottom: 0;
  margin-top: 5px;
}

.trinity_test th.left_130 {
  font-weight: bold;
  vertical-align: middle;
}

.trinity_test td.test_dl {
  width: 140px;
  text-align: center;
  vertical-align: middle;
}

.trinity_test td.test_dl a {
  display: block;
  padding: 10px 5px;
}

.trinity_test td.test_dl .test_img,
.trinity_test td.test_dl .test_txt,
.trinity_test td.test_dl .test_mov {
  display: block;
  width: 32px;
  height: 32px;
  text-indent: -9999px;
  margin: 0 auto 5px;
}

.trinity_test td.test_dl .test_img {
  background: url(../images/web/common/btn_trinity_down.png) left -240px no-repeat;
}

.trinity_test td.test_dl .test_txt {
  background: url(../images/web/common/btn_trinity_down.png) -32px -240px no-repeat;
}

.trinity_test td.test_dl .test_mov {
  background: url(../images/web/common/btn_trinity_down.png) -64px -240px no-repeat;
}

.trinity_test td.test_dl .tool_dl_guide {
  text-indent: 0;
  font-size: 11px;
}

.trinity_test td ol.base_list {
  counter-reset: test_flow;
  font-size: 12px;
  padding: 0;
}

.trinity_test td ol.base_list li {
  list-style: none;
  line-height: 1.4;
  padding: 0 0 2px 0;
  margin-left: 21px;
  text-indent: -21px;
}

.trinity_test td ol.base_list li:before {
  counter-increment: test_flow;
  content: counter(test_flow);
  font-weight: bold;
  margin-right: 10px;
}

.trinity_test td ol.base_list li:last-child {
  padding-bottom: 0;
}

.trinity_test td .ie_set {
  color: #208840 !important;
}

p#ps_trinity_01 {
  text-indent: -9999px;
  height: 229px;
  background: url(../images/web/home/pic_trinity_serial_display.png) no-repeat center top;
}

/* --- 削除予定　ここから --- */
p#dec_install {
  width: 140px;
  text-indent: -9999px;
  margin: 3px 0 0;
}

p#dec_install a {
  display: block;
  width: 140px;
  height: 30px;
  overflow: hidden;
  background: url(../images/web/home/btn_cart.png) left -120px no-repeat;
}

table.install_check {
  margin-bottom: 15px;
}

table.install_check td {
  padding: 5px 10px;
  border: 2px solid #fff;
}

table.install_check td.chara_cg {
  width: 140px;
  text-align: center;
}

table.install_check td.left_chara,
table.install_check td.right_chara {
  text-align: center;
  background: #e6eaf2;
}

/* --- 削除予定　ここまで --- */

/* ----- シリアル発行 ----- */

div#guide_serial {
}

/* ----- ソフト電池 ----- */

div#guide_denchi {
}

p#ps_denchi_01 {
  text-indent: -9999px;
  height: 229px;
  background: url(../images/web/home/pic_denchi_serial_display.png) no-repeat center top;
}

dl.denchi_q {
  padding-bottom: 15px;
  list-style-type: none;
}

dl.denchi_q dt {
  display: block;
  font-size: 12px;
  font-weight: bold;
  padding: 5px 0 4px 8px;
  margin-bottom: 10px;
  border-left: 6px solid #bbb;
  background: #f2f2f2;
}

dl.denchi_q dd {
  margin: 0 0 5px 15px;
  padding: 0 0 0 20px;
  background: url(../images/web/common/icon_link_blank_01.gif) no-repeat left 3px;
}

/* ----- Buddy ----- */

div#guide_buddy {
}

p#ps_buddy_01 {
  text-indent: -9999px;
  height: 213px;
  background: url(../images/web/home/ps_buddy_01.png) no-repeat center top;
}

p#KP_trial_down {
  width: 140px;
  height: 30px;
  margin-left: 220px;
}

p#KP_trial_down a {
  text-indent: -9999px;
  display: block;
  width: 140px;
  height: 30px;
  outline: none;
  background: url("../images/web/home/btn_cart.png") no-repeat left -120px;
}

div#buddy_trial {
}

div#buddy_trial p.guide_image {
  float: left;
  margin-right: 20px;
}

div#buddy_trial p strong {
  font-size: 14px;
}

/* ----- ImagineVR ----- */

div#guide_imagine {
}

p.about_imaginevr {
  height: 90px;
  padding: 0 0 0 160px;
  background: url(../images/web/common/logo_ImagineVR.gif) 10px top no-repeat;
}

table#guide_imagine {
  width: 100%;
  table-layout: fixed;
  margin-bottom: 20px;
  border-color: #fff;
}

table#guide_imagine th,
table#guide_imagine td {
  border-color: #fff;
}

table#guide_imagine th {
  font-size: 13px;
  font-weight: bold;
  text-align: center;
  vertical-align: middle;
  background: #a3e595;
}

table#guide_imagine th.tool_name {
  width: 120px;
}

table#guide_imagine th.tool_dl {
  width: 210px;
}

table#guide_imagine td {
  font-size: 12px;
  background: #e7f7b5;
}

table#guide_imagine td.tool_name,
table#guide_imagine td.tool_dl {
  text-align: center;
  vertical-align: middle;
}

table#guide_imagine td p {
  width: 180px;
  text-indent: -9999px;
  padding: 0;
  margin: 0 auto;
}

table#guide_imagine td p a {
  display: block;
  width: 180px;
  height: 40px;
  overflow: hidden;
}

p.tool_client a {
  background: url(../images/web/common/btn_imagine_down.png) left top no-repeat;
}

p.tool_client a:hover {
  background: url(../images/web/common/btn_imagine_down.png) left -40px no-repeat;
}

table#guide_imagine td p.tool_dl_guide {
  font-size: 11px;
  text-indent: 0;
  text-align: center;
  padding-bottom: 0;
  margin-top: 5px;
}

p#ps_imagine_01,
p#ps_imagine_02,
p#ps_imagine_03,
p#ps_imagine_04,
p#ps_imagine_05 { text-indent: -9999px; }

p#ps_imagine_01 {
  height: 210px;
  background: url(../images/web/common/pic_imagine_01.jpg) no-repeat center top;
}

p#ps_imagine_02 {
  height: 310px;
  background: url(../images/web/common/pic_imagine_02.jpg) no-repeat center top;
}

p#ps_imagine_03 {
  height: 350px;
  background: url(../images/web/common/pic_imagine_03.jpg) no-repeat center top;
}

p#ps_imagine_04 {
  height: 210px;
  background: url(../images/web/common/pic_imagine_04.jpg) no-repeat center top;
}

p#ps_imagine_05 {
  height: 251px;
  background: url(../images/web/common/pic_imagine_05.jpg) no-repeat center top;
}

/* 各種ご案内
--------------------------------------------------------- */

/* ----- 作品詳細について ----- */

div#guide_work {
}

ul#crown_guide li {
  padding: 3px 0 3px 30px;
}

ul#crown_guide li#daily {
  background: url(../images/web/home/bg_crown_01.png) left 5px no-repeat;
}

ul#crown_guide li#weekly {
  background: url(../images/web/home/bg_crown_01.png) left -24px no-repeat;
}

ul#crown_guide li#monthly {
  background: url(../images/web/home/bg_crown_01.png) left -53px no-repeat;
}

ul#crown_guide li#year {
  background: url(../images/web/home/bg_crown_01.png) left -83px no-repeat;
}

ul#crown_guide li#total {
  background: url(../images/web/home/bg_crown_01.png) left -112px no-repeat;
}

p#ps_work_01,
p#ps_work_02 {
  text-indent: -9999px;
}

p#ps_work_01 {
  height: 170px;
  background: url(../images/web/home/ps_work_01.png) no-repeat center top;
}

p#ps_work_02 {
  height: 75px;
  background: url(../images/web/home/ps_work_02.png) no-repeat center top;
}

dl.hyouka_icon {
  width: 300px;
  float: left;
}

dl.hyouka_icon_girls {
  margin-left: 320px;
}

dl.hyouka_icon dt,
dl.hyouka_icon_girls dt {
  color: #e58600;
  font-size: 12px;
  font-weight: bold;
}

dl.hyouka_icon dd,
dl.hyouka_icon_girls dd {
  padding: 10px 0 10px 20px;
}

dl.hyouka_icon dd img,
dl.hyouka_icon_girls dd img {
  margin-bottom: 10px;
}

/* ----- レビューについて ----- */

div#guide_review {
}

dl.review_point {
  width: 242px;
  float: left;
  margin: 5px 8px 15px 0;
  border: 2px solid #d94c4c;
}

dl.review_point dt {
  color: #fff;
  font-size: 13px;
  font-weight: bold;
  text-align: center;
  padding: 2px 0 2px 10px;
  background-color: #d94c4c;
}

dl.review_point dd {
  height: 75px;
  padding: 10px 10px 5px;
}

dl.review_point dd strong {
  color: #e58600;
  padding-left: 2px;
  padding-right: 2px;
}

div.new_review_check {
  text-align: center;
  margin: 5px 0;
}

div.new_review_check span {
  border: 1px solid #8f9fbf;
  background: #f0f2f7;
  padding: 6px 12px;
  font-size: 14px;
  font-weight: bold;
}

div.new_review_check span a {
  color: #536280;
  text-decoration: none;
}

div.new_review_check span a:hover {
  text-decoration: underline;
}

p#ps_review_01,
p#ps_review_02,
p#ps_review_03,
p#ps_review_04 {
  text-indent: -9999px;
}

p#ps_review_01 {
  height: 138px;
  background: url(../images/web/home/ps_review_01.png) center top no-repeat;
}

p#ps_review_02 {
  height: 95px;
  background: url(../images/web/home/ps_review_02.png) center top no-repeat;
}

p#ps_review_03 {
  height: 145px;
  background: url(../images/web/home/ps_review_03.png) center top no-repeat;
}

p#ps_review_04 {
  height: 145px;
  background: url(../images/web/home/ps_review_04.png) center top no-repeat;
}

/* ----- ポイントについて ----- */

div#guide_point {
}

p#ps_point_01 {
  text-indent: -9999px;
}

p#ps_point_01 {
  height: 170px;
  background: url(../images/web/home/ps_point_01.png) center top no-repeat;
}

a.guide_guest_pointitem {
  display: block;
  width: 320px;
  height: 90px;
  background: url(../images/web/common/bn_ge_pointitem.png) left top no-repeat;
  text-indent: -9999px;
}

a.guide_guest_pointitem:hover {
  background-position: right top;
}

/* アイテムレイアウト */
table.pointitem_2col_table dt,
table.pointitem_2col_table dd {
  margin-left: 110px;
  margin-right: 15px;
}

table.pointitem_2col_table dd.text span.hp {
  margin-left: 12px;
}

/* ユーザー登録導線 */
div#link_btn_box_01.regist_user_area {
  margin-top: 20px;
}

div#link_btn_box_01.regist_user_area div.link_btn_01{
  margin-bottom: 0;
}

/* ----- アフィリエイトについて ----- */

div#guide_affiliate {
}

div#aff_header {
  width: 795px;
  height: 560px;
  background: url(../images/web/home/mainpic_af_01.jpg) no-repeat center center;
}

div#aff_header .article_box {
  padding-top: 382px;
  background: url(../images/web/home/aspacer.gif)no-repeat center center;
}

div#aff_pic_01 {
  height: 270px;
  background: url(../images/web/home/pic_af_01.png) no-repeat center center;
}

/* 報酬の種類 */
#af_reward {
}

#af_reward table {
  table-layout: fixed;
  margin-bottom: 20px;
}

#af_reward th,
#af_reward td {
  border: 2px solid #fff;
}

#af_reward thead th:first-child {
  width: 100px;
}

#af_reward table th.click {
  width: 300px;
}

#af_reward thead th {
  font-size: 14px;
  font-weight: bold;
  text-align: center;
  background: #fdbad0;
}

#af_reward thead th:first-child {
  background: #f2f2f2;
}

#af_reward thead th:last-child {
  background: #baedf9;
}

#af_reward tbody th {
  text-align: right;
}

#af_reward tbody td {
  text-align: center;
  vertical-align: middle;
  background: #ffe5ee;
}

#af_reward tbody td:last-child {
  background: #e5fbff;
}

#af_reward tbody tr:last-child td {
  vertical-align: top;
}

#af_reward tbody .rates td strong {
  color: #333;
  font-size: 16px;
}

#af_reward tbody .bonus td {
  text-align: center;
}

#af_reward tbody .require td {
  text-align: left;
}

#aff_charge {
  height: 530px;
  margin-bottom: 20px;
  background: url(../images/web/home/pic_af_rate.jpg) no-repeat center bottom;
}

#aff_charge_txt {
  text-align: left;
  padding: 15px 0 0 15px;
}

#aff_pay_img {
  height: 284px;
  background: url(../images/web/home/pic_af_receive.png) no-repeat center 10px;
}

/* リンクの設定 */
.af_setting_01 {
  height: 154px;
  color: #ff3c7d;
  font-size: 13px;
  padding: 15px 0 15px 270px;
  background: url(../images/web/home/pic_af_link_work.png) no-repeat center center;
}

.af_setting_02 {
  height: 210px;
  padding: 15px 0;
  background: url(../images/web/home/pic_af_link_page.png) no-repeat center center;
}

.af_setting_03 {
  height: 180px;
  padding: 15px 0;
  background: url(../images/web/home/pic_af_link_push.png) no-repeat center center;
}

.af_setting_04 {
  height: 210px;
  padding: 15px 0;
  background: url(../images/web/home/pic_af_link_nijiyome.png) no-repeat center center;
}

#af_blogparts {
}

#af_blogparts a {
  display: block;
  width: 294px;
  height: 72px;
  cursor: pointer;
  outline: none;
  text-indent: -9999px;
  margin: 0 auto;
  border: 0;
  background: url(../images/web/home/affi_bn_01.png) left top no-repeat;
}

/* アフィリエイト参考ブログ・パーツ */
div.blog_parts00 {
  width: 765px;
  height: 400px;
  margin-bottom: 30px;
}

div.blog_parts01 {
  width: 300px;
  height: 400px;
  float: left;
}

div.blog_parts02 {
  width: 450px;
  height: 200px;
  float: right;
  margin-bottom: 70px;
}

div.blog_parts03 {
  width: 450px;
  height: 100px;
  float: right;
}

/* ユーザー登録 */

div#user_regist_link p {
  line-height: 1.3;
  text-align: center;
}

div#user_regist_link p.welcome {
  font-size: 16px;
  font-weight: bold;
  padding: 12px 0 6px;
}

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

div#user_regist_link_nobg {
  width: 556px;
  height: 130px;
  margin: 0 auto;
  background: url(../images/web/home/spacer.gif) no-repeat left top;
}

div#user_regist_link_nobg p {
  line-height: 1.3;
  text-align: center;
}

div#user_regist_link_nobg p.welcome {
  font-size: 16px;
  font-weight: bold;
  padding: 12px 0 6px;
}

div#user_regist_link_nobg p.regist_user {
  margin: 0 0 9px;
}

p.regist_user {
  text-align: center;
}

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/home/btn_user_regist.png) left top no-repeat;
}

div#guide_affiliate .user_box {
  width: 210px;
  top: 450px;
  left: 100px;
  position: relative;
}

div#guide_affiliate .circle_box {
  width: 210px;
  top: 365px;
  left: 485px;
  position: relative;
}

div#user_regist_link {
  width: 795px;
  height: 200px;
  margin: 20px auto 0;
  background: url(../images/web/home/bg_af_footer.png) no-repeat left top;
}

div#user_regist_link .user_box {
  width: 210px;
  top: 97px;
  left: 100px;
  position: relative;
}

div#user_regist_link .circle_box {
  width: 210px;
  top: 12px;
  left: 490px;
  position: relative;
}

div#aff_blogparts_header a:hover img,
div#guide_affiliate a:hover img,
div#user_regist_link a:hover img {
  opacity: 0.9;
  filter: alpha(opacity=90);
}

/* アフィリエイトパートナー登録 */

div#affi_regist_link {
  width: 556px;
  height: 130px;
  text-align: center;
  margin: 20px auto 0;
  background: url(../images/web/home/bg_regist_btn.gif) no-repeat left top;
}

div#affi_regist_link p {
  text-align: center;
}

div#affi_regist_link p.welcome {
  font-size: 16px;
  font-weight: bold;
  padding: 18px 0 12px;
}

div#affi_regist_link p.btn_affiliate_new {
  float: none;
  padding: 0 0 12px;
}

div#affi_regist_link p.btn_affiliate_new a {
  margin: 0 auto;
}

/* アフィリエイト利用規約 */

dl.aff_partner_charge {
}

dl.aff_partner_charge dt {
  font-size: 13px;
  font-weight: bold;
}

dl.aff_partner_charge dd {
  padding: 0 0 5px 12px;
}

/* モバイルサービス
--------------------------------------------------------- */

/* ----- DLsite Mobileについて ----- */

div#guide_mobile {
}

div#guide_mobile div.static_header {
  margin-top: 5px;
}

div#guide_mobile div.static_header p {
  height: 70px;
  text-indent: -9999px;
  background: url(../images/web/home/guide_mobile_header.gif) no-repeat left top;
}

div#guide_mobile div#service_guide {
  height: 235px;
  background: url(../images/web/home/guide_mobile_qr.jpg) no-repeat left bottom;
  margin-bottom: 20px;
}

div#guide_mobile h3.point_head {
  width: 765px;
  height: 32px;
  text-indent: -9999px;
  background: url(../images/web/home/guide_mobile_point_head.gif) no-repeat left top;
  border: 0;
  padding: 0;
  margin: 0;
}

div#guide_mobile div#point_list {
  padding: 15px 15px 0;
  border: 1px solid #e76156;
  border-top: 0 solid #ffcb67;
  background: #faf5dc;
}

div#guide_mobile div#point_list dl {
  margin-bottom: 15px;
}

div#guide_mobile div#point_list dl#point_01 {
  background: url(../images/web/home/guide_mobile_point_bg_01.gif) no-repeat right center #fff;
}

div#guide_mobile div#point_list dl#point_02 {
  background: url(../images/web/home/guide_mobile_point_bg_02.gif) no-repeat right center #fff;
}

div#guide_mobile div#point_list dl#point_03 {
  background: url(../images/web/home/guide_mobile_point_bg_03.gif) no-repeat right center #fff;
}

div#guide_mobile div#point_list dl dt {
  padding: 15px 15px 0;
  margin: 0 0 10px;
  text-indent: -9999px;
  height: 17px;
}

div#guide_mobile div#point_list dl#point_01 dt {
  background: url(../images/web/home/guide_mobile_point_01.gif) no-repeat 15px bottom;
}

div#guide_mobile div#point_list dl#point_02 dt {
  background: url(../images/web/home/guide_mobile_point_02.gif) no-repeat 15px bottom;
}

div#guide_mobile div#point_list dl#point_03 dt {
  background: url(../images/web/home/guide_mobile_point_03.gif) no-repeat  15px bottom;
}

div#guide_mobile div#point_list dd {
  padding-bottom: 10px;
}

div#guide_mobile div#point_list dd p {
  line-height: 1.5;
  padding: 0 15px;
}

div#guide_mobile div#mobile_ranking {
  background: url(../images/web/home/guide_mobile_point_rank.jpg) no-repeat right center;
}

div#guide_mobile div.m_ranking_box {
  width: 540px;
  margin-bottom: -10px;
}

div#guide_mobile div.m_ranking_box dl {
  font-size: 11px;
  float: left;
  padding-right: 10px;
  line-height: 1.1;
  width: 98px;
}

div#guide_mobile div.m_ranking_box dl dt {
  text-indent: -9999px;
  text-align: center;
  background: url(../images/web/home/guide_mobile_rank_bg.gif) no-repeat;
  height: 24px;
  width: 60px;
}

div#guide_mobile div.m_ranking_box dl.m_rank1 dt {
  background-position: 50% 0;
}

div#guide_mobile div.m_ranking_box dl.m_rank2 dt {
  background-position: 50% -50px;
}

div#guide_mobile div.m_ranking_box dl.m_rank3 dt {
  background-position: 50% -100px;
}

div#guide_mobile div.m_ranking_box dl.m_rank4 dt {
  background-position: 50% -150px;
}

div#guide_mobile div.m_ranking_box dl.m_rank5 dt {
  background-position: 50% -200px;
}

div#guide_mobile div.m_ranking_box dl.m_rank6 dt {
  background-position: 50% -250px;
}

div#guide_mobile div.m_ranking_box dl.m_rank7 dt {
  background-position: 50% -300px;
}

div#guide_mobile div.m_ranking_box dl.m_rank8 dt {
  background-position: 50% -350px;
}

div#guide_mobile div.m_ranking_box dl.m_rank9 dt {
  background-position: 50% -400px;
}

div#guide_mobile div.m_ranking_box dl.m_rank10 dt {
  background-position: 50% -450px;
}

div#guide_mobile div.m_ranking_box dl dd {
  margin-bottom: 2px;
}

div#guide_mobile div.m_ranking_box dl dd.work_img {
  margin-bottom: 5px;
}

div#guide_mobile div.m_ranking_box dl dd.work_name {
  color: #ff4c00;
}

div#guide_mobile div.work_update {
  margin: -5px 0 0;
}

div#guide_mobile div.work_update h3 {
  color: #536280;
  font-size: 13px;
  font-weight: bold;
  height: 25px;
  line-height: 25px;
  padding: 0 0 0 15px;
  border: 0;
  margin: 0;
  background: none;
}

div#guide_mobile div.m_new_worklist_box {
  margin-top: 15px;
}

div#guide_mobile div.m_new_worklist_box dl {
  font-size: 11px;
  float: left;
  padding-right: 10px;
  line-height: 1.1;
  width: 98px;
}

div#guide_mobile div.m_new_worklist_box dl dt.work_img {
  margin-bottom: 5px;
}

div#guide_mobile div.m_new_worklist_box dl dd {
  margin-bottom: 2px;
}

div#guide_mobile div.m_new_worklist_box dl dd.work_name {
  color: #ff4c00;
}

/* ----- DLsite Touch!について ----- */

div#guide_touch {
}

div#guide_touch div.static_header {
  margin-top: 5px;
}

div#guide_touch div.static_header p {
  height: 70px;
  text-indent: -9999px;
  background: url(../images/web/home/txt_guide_touch_header.gif) no-repeat left top;
}

div#guide_touch div#service_guide {
  position: relative;
  padding-bottom: 370px;
  margin-bottom: 20px;
  background: url(../images/web/home/pic_guide_touch_qr.png) no-repeat left bottom;
}

div#guide_touch div#service_guide ul {
  position: absolute;
  bottom: 42px;
  left: 12px;
  width: 765px;
}

div#guide_touch div#service_guide ul li {
  display: block;
  float: left;
  width: 135px;
  line-height: 1.4;
  text-align: center;
  margin-right: 17px;
}

div#guide_touch p#appli_pagelink a {
  width: 130px;
  height: 131px;
  position: absolute;
  right: 130px;
  top: 19px;
  text-indent: -9999px;
  background: url(../images/web/home/guide_touch_appli_link.png) no-repeat left top;
}

div#guide_touch h3.point_head {
  width: 765px;
  height: 32px;
  text-indent: -9999px;
  background: url(../images/web/home/guide_mobile_point_head.gif) no-repeat left top;
  border: 0;
  padding: 0;
  margin: 0;
}

div#guide_touch div#point_list {
  padding: 15px 15px 0;
  border: 1px solid #e76156;
  border-top: 0 solid #ffcb67;
  background: #faf5dc;
}

div#guide_touch div#point_list dl {
  margin-bottom: 15px;
}

div#guide_touch div#point_list dl#point_01 {
  background: url(../images/web/common/guide_touch_point_bg_01.gif) no-repeat right center #fff;
}

div#guide_touch div#point_list dl#point_02 {
  background: url(../images/web/common/guide_touch_point_bg_02.gif) no-repeat right center #fff;
}

div#guide_touch div#point_list dl#point_03 {
  background: url(../images/web/common/guide_zip_bg.gif) no-repeat 640px bottom #fff;
}

div#guide_touch div#point_list dl dt {
  padding: 15px 15px 0;
  margin: 0 0 10px;
  text-indent: -9999px;
  height: 17px;
}

div#guide_touch div#point_list dl#point_01 dt {
  background: url(../images/web/home/guide_touch_point_01.gif) no-repeat 15px bottom;
}

div#guide_touch div#point_list dl#point_02 dt {
  background: url(../images/web/home/guide_touch_point_02.gif) no-repeat 15px bottom;
}

div#guide_touch div#point_list dl#point_03 dt {
  background: url(../images/web/home/guide_touch_point_03.gif) no-repeat  15px bottom;
}

div#guide_touch div#point_list dd {
  padding-bottom: 15px;
}

div#guide_touch div#point_list dd p {
  line-height: 1.5;
  padding: 0 15px;
}

div#guide_touch div#appli_guide {
  height: 231px;
  padding-right: 370px;
  background: url(../images/character/mascot/qr_phone_01.png) 430px center no-repeat;
}

/* ----- Almightについて ----- */

div#guide_almight {
}

div#guide_almight div.static_header {
  position: relative;
  width: 795px;
  height: 572px;
  background: url(../images/web/home/bg_almight_header.png) left top no-repeat;
}

div#guide_almight div.static_header div.lead {
  position: absolute;
  left: 16px;
  top: 266px;
  width: 370px;
  height: 62px;
  line-height: 1.6;
}

div#guide_almight div.static_header div.lead p {
  text-indent: -9999px;
}

div#almight_preview {
  position: absolute;
  left: 440px;
  top: 106px;
  width: 336px;
  height: 188px;
  background: #444;
}

div#guide_almight div.static_header ul {
  position: absolute;
  left: 22px;
  top: 346px;
  height: 220px;
}

div#guide_almight div.static_header ul li {
  float: left;
  width: 249px;
  height: 220px;
}

div#guide_almight div.static_header ul li.situ_01 {
  background: url(../images/web/home/pic_almight_situation.png) left top no-repeat;
}

div#guide_almight div.static_header ul li.situ_02 {
  background: url(../images/web/home/pic_almight_situation.png) -249px top no-repeat;
}

div#guide_almight div.static_header ul li.situ_03 {
  background: url(../images/web/home/pic_almight_situation.png) -498px top no-repeat;
}

div#guide_almight div.static_header ul li p {
  text-indent: -9999px;
  line-height: 1.5;
  padding: 160px 20px 0 30px;
}

div#almight_worklist {
  padding: 5px 0 10px;
  margin: 0 0 20px 15px;
  background: url(../images/web/home/bg_almight_upcoming.gif) right bottom no-repeat;
}

div#almight_worklist ul {
  padding-bottom: 30px;
}

div#almight_worklist ul li {
  float: left;
  width: 245px;
  margin: 0 15px 0 0;
  background: #fffbee;
}

div#almight_worklist ul li.last {
  margin-right: 0;
}

div#almight_worklist li dl {
  position: relative;
  height: 315px;
  border: 1px solid #ffdcaf;
}

div#almight_worklist li dt a {
  display: block;
}

div#almight_worklist li dt a span {
  display: block;
  height: 68px;
  text-indent: -9999px;
  cursor: pointer;
}

div#almight_worklist ul li#lilith dt a span {
  background: url(../images/web/home/txt_almight_work_lilith.gif) left top no-repeat;
}

div#almight_worklist ul li#sc-crg dt a span {
  background: url(../images/web/home/txt_almight_work_sc-crg.gif) left top no-repeat;
}

div#almight_worklist ul li#harthnir dt a span {
  background: url(../images/web/home/txt_almight_work_harthnir.gif) left top no-repeat;
}

div#almight_worklist li dd {
  line-height: 1.5;
  padding: 0 10px 5px;
}

div#almight_worklist li dd.maker_name {
  font-size: 13px;
}

div#almight_worklist li dd.work_voice {
  position: absolute;
  top: -10px;
  left: -10px;
  width: 69px;
  height: 69px;
  text-indent: -9999px;
  padding: 0;
  background: url(../images/web/home/pic_almight_work_voice.png) left top no-repeat;
}

div#almight_worklist li dd.work_price {
  font-size: 16px;
  font-weight: bold;
  text-align: center;
  padding-top: 3px;
}

div#almight_worklist li dd.work_price span {
  font-size: 13px;
}

div#almight_worklist li dd.work_cart {
  padding-top: 5px;
  text-align: center;
}

div#almight_worklist li dd.work_cart p {
  padding-bottom: 5px;
}

div#almight_worklist li dd.work_cart p a {
  display: block;
  width: 202px;
  height: 36px;
  text-indent: -9999px;
  padding: 0;
  margin: 0 auto;
  background: url(../images/web/home/btn_almight_cart.png) left top no-repeat;
}

div#almight_worklist li dd.read_more {
  font-size: 13px;
  text-align: right;
  padding-bottom: 0;
}

div#almight_worklist table.work_3col_table {
  margin-bottom: 10px;
}

div#almight_worklist table.work_3col_table hr.work_border {
  margin: 10px 15px 6px 0;
}

div#almight_system dl {
  float: left;
  width: 375px;
  margin-right: 15px;
}

div#almight_system dl.system_android {
  margin-right: 0;
}

div#almight_system dt {
  display: block;
  font-size: 14px;
  font-weight: bold;
  line-height: 1.5;
  padding: 4px 0 3px 8px;
  margin-bottom: 10px;
  border-left: 6px solid #bbb;
  background: #f2f2f2;
}

div#almight_system dd {
  padding: 0 5px 5px 10px;
}

div#almight_system dd ul li {
  padding-bottom: 3px;
}

/* ----- DLsite Playについて ----- */

#guide_dlplay {
}

.dlplay_link {
  padding: 28px 0 20px;
  text-align: center;
  background-color: #292929;
}

.dlplay_link div {
  width: 248px;
  height: 54px;
  text-align: center;
  margin: 0 auto;
}

.dlplay_link div a {
  display: block;
  width: 248px;
  height: 54px;
  color: #fff;
  text-indent: -9999px;
  border-radius: 6px;
  background: url(../images/web/common/btn_dlplay_start.png) center center no-repeat #2b9cfc;
  -webkit-transition: all 0.1s;
  -moz-transition: all 0.1s;
  -ms-transition: all 0.1s;
  -o-transition: all 0.1s;
  transition: all 0.1s;
}

.dlplay_link div a:hover {
  background-color: #fe509e;
}

.dlplay_link p {
  color: #fff;
  font-size: 14px;
  text-align: center;
  margin-top: 15px;
}

#dlplay_system dl {
  float: left;
  width: 245px;
  margin-right: 15px;
}

#dlplay_system dl.system_android {
  margin-right: 0;
}

#dlplay_system dt {
  display: block;
  font-size: 14px;
  font-weight: bold;
  line-height: 1.5;
  padding: 4px 0 3px 8px;
  margin-bottom: 10px;
  border-left: 6px solid #bbb;
  background: #f2f2f2;
}

#dlplay_system dd {
  padding: 0 5px 5px 10px;
}

#dlplay_system dd ul li {
  padding-bottom: 3px;
}

/* ----- DLチャンネルについて ----- */

#guide_dlch .static_header { position: relative; }

.btn_dlch {
  position: absolute;
  bottom: 38px;
  left: 112px;
  width: 340px;
  height: 70px;
  background: url(../images/web/common/btn_dlch.png) left -70px no-repeat;
}

.btn_dlch a {
  display: block;
  width: 340px;
  height: 0;
  padding-top: 70px;
  overflow: hidden;
  background: url(../images/web/common/btn_dlch.png) left top no-repeat;
  -webkit-transition: all 0.1s ease;
  transition: all 0.1s ease;
}

.btn_dlch a:hover { opacity: 0; }

.dlch_pv {
  width: 795px;
  height: 395px;
  padding-top: 185px;
  margin-bottom: 10px;
  background: url(../images/web/common/bg_dlch_pv.png) left top no-repeat;
}

.dlch_pv div{
  width: 640px;
  height: 360px;
  margin: 0 auto;
}

.dlch_ch {
  position: relative;
  margin-bottom: 10px;
}

.ch_matome,
.ch_antenna,
.ch_talk {
  position: absolute;
  width: 300px;
  height: 64px;
}

.ch_matome a,
.ch_antenna a,
.ch_talk a {
  display: block;
  width: 300px;
  height: 0;
  padding-top: 64px;
  overflow: hidden;
  -webkit-transition: transform 0.15s ease;
  transition: transform 0.15s ease;
}

.ch_matome { top: 395px; left: 50px; }
.ch_matome a { background: url(../images/web/common/btn_dlch.png) left -140px no-repeat; }

.ch_antenna { top: 820px; right: 60px; }
.ch_antenna a { background: url(../images/web/common/btn_dlch.png) left -204px no-repeat; }

.ch_talk { bottom: 63px; left: 50px; }
.ch_talk a { background: url(../images/web/common/btn_dlch.png) left -268px no-repeat; }

.ch_matome a:hover,
.ch_antenna a:hover,
.ch_talk a:hover {
  -webkit-transform: scale(1.1);
  transform: scale(1.1);
}

div#dlch_system dl {
  float: left;
  width: 375px;
  margin-right: 15px;
}

div#dlch_system dl.system_sp {
  margin-right: 0;
}

div#dlch_system dt {
  display: block;
  font-size: 14px;
  font-weight: bold;
  line-height: 1.5;
  padding: 4px 0 3px 8px;
  margin-bottom: 10px;
  border-left: 6px solid #bbb;
  background: #f2f2f2;
}

div#dlch_system dd {
  padding: 0 5px 5px 10px;
}

div#dlch_system dd ul li {
  padding-bottom: 3px;
}

/* ----- DLsite Nestについて ----- */

#guide_nest {
  width: 793px;
  border: 1px solid #b9c6d4;
  background: #fafcfe;
  background: -webkit-linear-gradient(top, #fafcfe 0%,#e8eef8 25%,#fafcfe 50%,#e8eef8 75%,#fafcfe 100%);
  background: linear-gradient(to bottom, #fafcfe 0%,#e8eef8 25%,#fafcfe 50%,#e8eef8 75%,#fafcfe 100%);
}

#guide_nest .static_header {
  height: 105px;
  padding-top: 245px;
  margin-bottom: 35px;
  background: url(../images/web/common/mainpic_nest.png) left top no-repeat;
}

.nest_download div a {
  display: block;
  width: 280px;
  height: 0;
  padding-top: 52px;
  overflow: hidden;
  margin: 0 auto;
  background: url(../images/web/common/pic_nest.png) left -68px no-repeat;
}

.nest_download div a:hover { background: url(../images/web/common/pic_nest.png) left -120px no-repeat;}

.nest_download p {
  font-size: 13px;
  text-align: center;
  padding-bottom: 15px;
  margin: 15px 35px 0;
  border-bottom: 1px solid #b9c6d4;
}

.nest_intro h2 {
  width: 434px;
  height: 0;
  padding-top: 26px;
  margin: 0 auto 20px;
  overflow: hidden;
  background: url(../images/web/common/pic_nest.png) left top no-repeat;
}

.nest_intro p {
  line-height: 1.8;
  font-size: 16px;
}

.nest_intro p.right{
  margin: 0 35px 10px 0;
}

.nest_sample p {
  font-size: 12px;
  text-align: right;
  margin: -20px 30px 40px 0;
}

.nest_intro ul {
  width: 600px;
  padding-left: 30px;
  margin: 0 auto 25px;
}

.nest_intro li {
  position: relative;
  line-height: 2;
  font-size: 18px;
}

.nest_intro li span{
  color: #1c7fec;
  padding: 0 2px;
}

.nest_intro li:before {
  position: absolute;
  left: -30px;
  top: 5px;
  content: "　";
  width: 20px;
  height: 20px;
  background: url(../images/web/common/pic_nest.png) -280px -68px no-repeat;
}

.nest_intro li.new:before {
  position: absolute;
  left: -60px;
  top: 6px;
  content: "　";
  width: 50px;
  height: 20px;
  background: url(../images/web/common/pic_nest.png) -305px -68px no-repeat;
  animation: upbtm infinite steps(2,end) 1s;
}

@keyframes upbtm {
  0% { top: 6px; }
  100% { top: 3px; }
}

.nest_notice {
  padding: 20px 0;
  margin: 0 35px;
  border-top: 1px solid #b9c6d4;
}

.nest_notice h2 {
  width: 186px;
  height: 0;
  padding-top: 21px;
  margin-bottom: 10px;
  overflow: hidden;
}

.nest_notice .update h2 { background: url(../images/web/common/pic_nest.png) left -26px no-repeat;}
.nest_notice .feedback h2 { background: url(../images/web/common/pic_nest.png) left -47px no-repeat;}

.nest_notice p {
  line-height: 1.7;
  font-size: 13px;
}

.update {
  width: 330px;
  float: left;
}

.feedback {
  width: 330px;
  margin-left: 365px;
}

.feedback a {
  display: block;
  width: 140px;
  height: 0;
  padding-top: 38px;
  margin-top: 10px;
  overflow: hidden;
  background: url(../images/web/common/pic_nest.png) -280px -96px no-repeat;
}

.feedback a:hover { background: url(../images/web/common/pic_nest.png) -280px -134px no-repeat;}

/* ----- DLsiteレンタルについて ----- */
div#guide_rental div.static_header p {
  padding-top: 5px;
}

div#guide_rental .flow_box .regist_user a {
  margin: 0;
}

div#guide_rental .geo_shop > p {
  background: url(../images/web/common/logo_geo_shop_01.png) right top no-repeat;
  min-height: 65px;
}

.shop_count {
  float: right;
  padding-right: 10px;
}

div#guide_rental .store_list {
  margin-bottom: 15px;
}

div#guide_rental .store_list .area_list {
  margin-bottom: 12px;
}

div#guide_rental .store_list .area_list li {
  display: inline-block ;
  padding: 0 5px 0 0;
}

div#guide_rental .store_list .area_list li a {
  display: inline-block;
  border: 1px solid #8f9fbf;
  background-color: #f0f2f7;
  color: #536280;
  height: 26px;
  line-height: 26px;
  border-radius: 13px;
  padding: 0 10px;
  text-decoration: none;
}

div#guide_rental .store_list_inner {
  height: 300px;
  overflow: auto;
  border: 1px solid #ccc;
  padding: 10px;
}

div#guide_rental .shop_area {
  margin-bottom: 15px;
}

div#guide_rental .shop_prefecture {
  margin: 0 10px 10px;
}

div#guide_rental .shop_prefecture > p {
  background: #f2f2f2;
  padding: 5px 10px;
  border-radius: 3px;
  font-weight: bold;
}

div#guide_rental .shop_name {
  margin: 10px;   
}

div#guide_rental .shop_name li {
  display: inline-block ;
  padding-right: 20px;
  padding-bottom: 5px;
}

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

div#guide_rental .guide_image .lead {
  display: block;
  font-size: 13px;
  font-weight: bold;
  margin-bottom: 5px;
  text-align: left;
  color: #e58600;
}

/* =========================================================
　ご利用ガイド（サークル向け）
========================================================= */

/* ご利用方法
--------------------------------------------------------- */

/* ----- サークル登録のご案内（リニューアル） ----- */

/* 共通 */
div#guide_invite .base_text_15 {
  line-height: 1.6;
}

div#guide_invite ul.attention_list li,
div#guide_invite ul.attention_mini_list li,
div#guide_invite ul.base_list li,
div#guide_invite ul.base_list_hs li,
div#guide_invite ul.base_list_01 li {
  line-height: 1.5;
}

.strong_color01 {
  color: #ea7501;
  font-weight: bold;
}

.strong_color02 {
  color: #ff5d97;
  font-weight: bold;
}

.attention_mini_txt {
  display: block;
  font-size: 11px;
  margin-top: 2px;
}

/* header */
div#guide_invite div.static_header {
  position: relative;
  width: 795px;
  margin-top: 5px;
  margin-bottom: -5px;
}

div#guide_invite div.static_header p#mainpic {
  height: 314px;
  text-indent: -9999px;
  background: url(../images/web/home/mainpic_circle_invite.png) no-repeat left top;
}

p.c_work,
p.c_circle {
  position: absolute;
  font-size: 18px;
  font-weight: bold;
  color: #27a2ff;
  letter-spacing: 0.2px;
}

p.c_work {
  top: 92px;
  right: 266px;
}

p.c_circle {
  top: 135px;
  right: 270px;
}

p#btn_goto_panf {
  position: absolute;
  bottom: 10px;
  right: 140px;
}

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

p#btn_goto_panf a:hover {
  background: url(../images/web/home/btn_pamph_dl_pagelink.png) no-repeat left -153px;
}

/* pagetop */
div#guide_invite div.article_box p.pagetop {
  float: right;
  padding: 2px 0 2px 16px;
  margin: 5px 15px 30px 0;
  background: url(../images/web/home/icon_pagetop.gif) no-repeat scroll left 2px transparent;
}

div#guide_invite div.article_box p.pagetop.web_regist {
  margin-top: -10px;
}

/* サークルキャンペーン（開催中の場合） */

div#circle_campaign {
}

div#circle_campaign_inner {
  padding: 15px 15px 0;
  border: 2px solid #d92b48;
  border-top: none;
  background: url(../images/web/common/bg_circle_campaign.gif) left top repeat-x;
}

div#circle_campaign h2 {
  height: 30px;
  line-height: 30px;
  color: #fff;
  padding: 0 0 0 15px;
  margin-bottom: 0;
  border: none;
  background: url(../images/web/common/h2_circle_campaign.gif) left top no-repeat #d92b48;
}

div#circle_campaign h3 {
  height: 22px;
  line-height: 22px;
  color: #fff;
  font-size: 12px;
  padding: 0 0 0 10px;
  border: none;
  background: url(../images/web/common/h3_circle_campaign.png) right top no-repeat #d92b48;
}

div#campaign_lead p {
}

div#campaign_lead p strong {
  color: #991f33;
}

div#campaign_about dl {
  font-size: 12px;
  padding-bottom: 10px;
}

div#campaign_about dt {
  width: 110px;
  float: left;
  color: #991f33;
  text-align: right;
}

div#campaign_about dd {
  margin: 0 0 5px 115px;
}

div#campaign_form a {
  display: block;
  color: #fff;
  font-size: 14px;
  font-weight: bold;
  width: 180px;
  height: 40px;
  line-height: 40px;
  text-align: center;
  margin-bottom: 15px;
  border-radius: 5px;
  background: #d92b48;
  box-shadow: 0 -2px 1px 0 rgba(0,0,0,0.2) inset;
}

div#campaign_form a:hover {
  text-decoration: none;
  opacity: 0.9;
}

div#campaign_regist {
  padding-top: 5px;
  margin: 0 -15px;
  border-top: 1px solid #e5d2b8;
  border-bottom: 1px solid #fffcd9;
  background: url(../images/web/common/bg_circle_campaign_btn_01.gif) center center no-repeat #fffcd9;
}

div#campaign_regist p.modify_btn,
div#campaign_regist div.parallel_btn {
  padding: 0;
}

div#campaign_regist p.guide_regist_work,
div#campaign_regist p.regist_circle {
  text-align: center;
  padding-top: 46px;
  padding-bottom: 15px;
}

div#campaign_regist p.guide_regist_work {
  background: url(../images/web/home/txt_circle_campaign_regist.gif) left 10px no-repeat;
}

div#campaign_regist p.regist_circle {
  width: 160px;
  margin: 0 auto;
  background: url(../images/web/home/txt_circle_campaign_regist.gif) -320px 10px no-repeat;
}

div#campaign_regist div.parallel_btn p.regist_circle {
  background: url(../images/web/home/txt_circle_campaign_regist.gif) -160px 10px no-repeat;
}

/* サークル登録ボタン */

p.btn_guide_txt {
  margin: 10px 0 -5px;
  text-align: center;
}

p.regist_circle {
  text-align: center;
}

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

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

/* パンフレット関連ボタン */

p.invite_panf_btn a,
p.invite_panf_btn_pdf a {
  text-indent: -9999px;
  display: block;
  width: 211px;
  height: 40px;
  cursor: pointer;
  outline: none;
  margin: 0 auto;
}

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

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

/* ダウンロード販売について */

div#circle_invite_merits {
  background: #f6f7fb;
  border: #b5c1da 1px solid;
  margin: 10px 0 0;
  padding: 20px 30px 25px;
}

div#circle_invite_merits dt.ci_merits_tit span.point1,
div#circle_invite_merits dt.ci_merits_tit span.point2,
div#circle_invite_merits dt.ci_merits_tit span.point3 {
  display: block;
  height: 38px;
  text-indent: -9999px;
  overflow: hidden;
  padding-bottom: 5px;
  border-bottom: #b5c1da 1px dotted;
  margin-bottom: 10px;
}

div#circle_invite_merits dt.ci_merits_tit span.point1 {
  background: url(../images/web/home/title_invite_merit1.png) no-repeat left top;
}

div#circle_invite_merits dt.ci_merits_tit span.point2 {
  background: url(../images/web/home/title_invite_merit2.png) no-repeat left top;
  margin-top: 25px;
}

div#circle_invite_merits dt.ci_merits_tit span.point3 {
  background: url(../images/web/home/title_invite_merit3.png) no-repeat left top;
  margin-top: 20px;
}

div#circle_invite_merits dd.merits_schema p {
  margin-top: 10px;
  width: 700px;
  height: 60px;
  background: url(../images/web/home/pic_circle_4stepflow.png) no-repeat left top;
  text-indent: -9999px;
  overflow: hidden;
}

ul#ci_merits_dlsite_service {
  margin-top: 5px;
}

ul#ci_merits_dlsite_service li span.tit {
  display: none;
  font-weight: bold;
}

ul#ci_merits_dlsite_service li {
  float: left;
}

ul#ci_merits_dlsite_service li a {
  display: block;
  width: 200px;
  height: 43px;
  overflow: hidden;
  line-height: 1.4;
  font-size: 11px;
  padding: 37px 6px 0 14px;
  text-decoration: none;
  color: #333;
  margin: 0 15px 15px 0;
}

ul#ci_merits_dlsite_service li a.ds03,
ul#ci_merits_dlsite_service li a.ds06,
ul#ci_merits_dlsite_service li a.ds09 {
  margin-right: 0;
}

ul#ci_merits_dlsite_service li a.ds01 {
  background: url(../images/web/home/btn_circle_merits.png) no-repeat left top;
}

ul#ci_merits_dlsite_service li a.ds02 {
  background: url(../images/web/home/btn_circle_merits.png) no-repeat left -80px;
}

ul#ci_merits_dlsite_service li a.ds03 {
  background: url(../images/web/home/btn_circle_merits.png) no-repeat left -160px;
}

ul#ci_merits_dlsite_service li a.ds04 {
  background: url(../images/web/home/btn_circle_merits.png) no-repeat left -240px;
}

ul#ci_merits_dlsite_service li a.ds05 {
  background: url(../images/web/home/btn_circle_merits.png) no-repeat left -320px;
}

ul#ci_merits_dlsite_service li a.ds06 {
  background: url(../images/web/home/btn_circle_merits.png) no-repeat left -400px;
}

ul#ci_merits_dlsite_service li a.ds07 {
  background: url(../images/web/home/btn_circle_merits.png) no-repeat left -480px;
}

ul#ci_merits_dlsite_service li a.ds08 {
  background: url(../images/web/home/btn_circle_merits.png) no-repeat left -560px;
}

ul#ci_merits_dlsite_service li a.ds09 {
  background: url(../images/web/home/btn_circle_merits.png) no-repeat left -640px;
}

ul#ci_merits_dlsite_service li a.ds01:hover {
  background: url(../images/web/home/btn_circle_merits.png) no-repeat right top;
}

ul#ci_merits_dlsite_service li a.ds02:hover {
  background: url(../images/web/home/btn_circle_merits.png) no-repeat right -80px;
}

ul#ci_merits_dlsite_service li a.ds03:hover {
  background: url(../images/web/home/btn_circle_merits.png) no-repeat right -160px;
}

ul#ci_merits_dlsite_service li a.ds04:hover {
  background: url(../images/web/home/btn_circle_merits.png) no-repeat right -240px;
}

ul#ci_merits_dlsite_service li a.ds05:hover {
  background: url(../images/web/home/btn_circle_merits.png) no-repeat right -320px;
}

ul#ci_merits_dlsite_service li a.ds06:hover {
  background: url(../images/web/home/btn_circle_merits.png) no-repeat right -400px;
}

ul#ci_merits_dlsite_service li a.ds07:hover {
  background: url(../images/web/home/btn_circle_merits.png) no-repeat right -480px;
}

ul#ci_merits_dlsite_service li a.ds08:hover {
  background: url(../images/web/home/btn_circle_merits.png) no-repeat right -560px;
}

ul#ci_merits_dlsite_service li a.ds09:hover {
  background: url(../images/web/home/btn_circle_merits.png) no-repeat right -640px;
}

dd#precomic_left {
  float: left;
  width: 326px;
  height: 308px;
  background: url(../images/web/home/pic_pamph_precomic.png) no-repeat left top;
  text-indent: -9999px;
  overflow: hidden;
}

dd#precomic_right {
  margin-top: 5px;
  float: left;
  width: 365px;
  height: 308px;
  background: url(../images/web/home/pic_pamph_cover.jpg) no-repeat left 108px;
  padding: 10px 0 0 10px;
  line-height: 1.6;
}

p#panf_cover {
  display: none;
}

dd#panf_dl_request {
  clear: both;
  background: #fff;
  border: #b5c1da 1px solid;
  padding: 15px 0 12px;
}

div.btn_box_panf {
  width: 432px;
  margin: 0 auto;
  line-height: 1.4;
  padding: 10px 0 5px 0;
}

div.btn_box_panf p.invite_panf_btn_pdf {
  float: left;
  margin: 0;
  width: 211px;
}

div.btn_box_panf p.invite_panf_btn {
  float: right;
  margin: 0 0 0 10px;
  width: 211px;
}

div.btn_box_panf p.pdflink {
  clear: both;
  text-align: center;
}

/* 作品登録（Web・郵送） */

div.circle_regist_flow {
  margin: 20px 0 0 0;
}

div.circle_regist_flow div.flow_img {
  display: block;
  float: left;
  margin: 0 20px 20px 15px;
  width: 323px;
  text-indent: -9999px;
  overflow: hidden;
}

div.circle_regist_flow div.flow_img.web {
  height: 646px;
  background: url(../images/web/home/pic_flow_web.png) no-repeat left top;
}

div.circle_regist_flow div.flow_img.mailing {
  height: 746px;
  background: url(../images/web/home/pic_flow_mailing.png) no-repeat left top;
}

div.circle_regist_flow ol.flow_txt {
  float: left;
  width: 392px;
}

div.circle_regist_flow ol.flow_txt li.uline {
  border-bottom: #ccc 1px dotted;
  margin-bottom: 10px;
  padding-bottom: 5px;
}

div.circle_regist_flow ol.flow_txt li .tit {
  font-size: 14px;
  font-weight: bold;
}

div.circle_regist_flow ol.flow_txt p.list_intro {
  padding-bottom: 5px;
}

div.circle_regist_flow ol.flow_txt div.address {
  background: url(../images/web/home/bg_mailing_address.png) no-repeat left center;
  width: 360px;
  height: 85px;
  margin: 0 auto 15px auto;
}

div.circle_regist_flow ol.flow_txt div.address p {
  padding: 12px 18px;
}

div.circle_regist_pdfdl .static_table {
  margin: 10px 0 0 0;
}

div.circle_regist_pdfdl th, div.circle_regist_pdfdl td {
  line-height: 15px;
}

div.circle_regist_pdfdl ul.attention_list {
  margin: 0 15px 0 15px;
}

/* 価格設定について */

div#ci_about_price {
  margin-bottom: 30px;
}

.price_plan {
  width: 735px;
  height: 253px;
  text-indent: -9999px;
  background: url(../images/web/home/pic_price_plan.png) left top no-repeat;
}

/* 価格表 */

div.work_price_list table {
  table-layout: fixed;
  margin-top: 0;
}

div.work_price_list th,
div.work_price_list td {
  text-align: right;
  border-left: none;
}

div.table_hs.work_price_list table.static_table th,
div.table_hs.work_price_list table.static_table td {
  padding: 5px 10px 5px 0;
}

div.work_price_list th.selling_price,
div.work_price_list td.selling_price {
  border-right: 1px dashed #ccc;
}

div.work_price_list th.wholesale_price,
div.work_price_list td.wholesale_price {
  border-right: 2px solid #bbb;
}

div.work_price_list td.wholesale_price {
  background: #ffebf0;
}

div.work_price_list th.right_cell,
div.work_price_list td.right_cell {
  border-right: 1px solid #bbb;
}

/* 税抜き */
#out_tax,
#out_tax th,
#out_tax td,
#out_tax th.selling_price,
#out_tax td.selling_price,
#out_tax th.wholesale_price,
#out_tax td.wholesale_price,
#out_tax th.right_cell,
#out_tax td.right_cell {
  border-color: #72ba34;
}

#out_tax th {
  background-color: #c5ed91;
}

/* 税込み */
#in_tax,
#in_tax th,
#in_tax td,
#in_tax th.selling_price,
#in_tax td.selling_price,
#in_tax th.wholesale_price,
#in_tax td.wholesale_price,
#in_tax th.right_cell,
#in_tax td.right_cell {
  border-color: #f4a417;
}

#in_tax th {
  background-color: #ffd68d;
}

.tab_tax {
  clear: both;
  width: 735px;
  height: 37px;
  padding-top: 10px;
  position: relative;
}

.tab_tax li {
  float: left;
  width: 154px;
  margin-right: 3px;
}

.tab_tax li a {
  display: block;
  height: 36px;
  line-height: 36px;
  color: #333;
  font-size: 14px;
  font-weight: bold;
  text-align: center;
  text-decoration: none;
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
  border: 1px solid #fff;
  border-bottom: none;
}

.tab_tax li.out_tax a {
  border-color: #72ba34;
  background-color: #c5ed91;
}

.tab_tax li.in_tax a {
  border-color: #f4a417;
  background-color: #ffd68d;
}

.tab_tax p {
  position: absolute;
  bottom: 0;
  right: 2px;
  width: 420px;
  height: 24px;
  text-align: right;
  padding: 0;
}

/* 誘導リンク */

div#link_btn_box_01.ci {
  margin-bottom: 30px;
}

div#link_btn_box_01 p.btn_guide_01.ci_welcome {
  margin: -5px auto 10px;
  width: 460px;
  height: 50px;
  background: url(../images/web/home/txt_circle_invite_finish.png) no-repeat left top;
  text-indent: -9999px;
  overflow: hidden;
}

div#link_btn_box_01 div.link_btn_01.ci p.btn_text_01 {
  font-size: 16px;
  color: #ff5f96;
}

div#link_btn_box_01 div.link_btn_01.ci {
  background: url(../images/web/home/bg_guide_btn_02.gif) no-repeat center 15px;
  margin-bottom: 15px;
}

/* ----- CG集の作り方 ----- */

div#guide_makecg div.static_header p {
  height: 140px;
  text-indent: -9999px;
  background: url(../images/web/home/makecg_top.png) no-repeat left top;
}

div.makecg_btn {
  background: url("../images/web/home/makecg_btn_bg.png") no-repeat center top;
  width: 700px;
  height: 110px;
  position: relative;
  padding-bottom: 15px;
  margin-top: 25px;
}

p.sample_btn {
  position: absolute;
  left: 241px;
  top: 37px;
}

p.sample_btn a {
  display: block;
  width: 209px;
  height: 40px;
  text-indent: -9999px;
  outline: none;
  background: url(../images/web/home/btn_makecg_sample.png) no-repeat center top;
}

div#makecg_lets {
  height: 170px;
  background: url(../images/web/home/makecg_bg_cg.gif) no-repeat 450px top;
}

div#makecg_lets p {
  width: 450px;
}

dl#makecg_sabun {
  height: 150px;
  background: url(../images/web/home/makecg_bg_sabun.gif) no-repeat 510px center;
}

dl#makecg_game {
  height: 120px;
  background: url(../images/web/home/makecg_bg_game.gif) no-repeat 510px center;
}

dl#makecg_sabun dt,
dl#makecg_game dt {
  width: 470px;
  float: left;
  color: #e58600;
  font-size: 16px;
  font-weight: bold;
  padding-bottom: 3px;
  margin-bottom: 10px;
  border-bottom: 3px dotted #e58600;
}

dl#makecg_sabun dd,
dl#makecg_game dd {
  width: 450px;
  float: left;
}

dl#makecg_sabun strong {
  color: #333;
  font-size: 13px;
}

/* ----- マイナンバー登録について ----- */
div#guide_mynumber div.static_header p {
  height: 125px;
  text-indent: -9999px;
  background: url(../images/web/home/mainpic_circle_mynumber.gif) no-repeat left top;
}

.pic_mynumber_sample {
  display: inline-block;
  padding: 12px;
  margin-bottom: 10px;
  background: #f5f7fa;
  border: 1px solid #b5c1da;
}

.pic_mynumber_sample p {
  display: inline-block;
  padding-bottom: 3px;
}

.pic_mynumber_sample span {
  display: inline-block;
  width: 182px;
  text-align: center;
  font-weight: bold;
}

.pic_mynumber_sample span:first-child {
  margin-right: 10px;
}

.mynumber_document_guide {
  width: 765px;
  margin-bottom: 15px;
}

.mynumber_document_guide .guide_inner {
  border: solid 3px #e07083;
  border-top: none;
  padding: 15px;
}

.mynumber_document_guide.mynumber .guide_inner {
  background: #fff7f9;
}

.mynumber_document_guide.notification .guide_inner {
  border-color: #709fe0;
  background: #f7fbff;
}

.mynumber_document_guide.corporation .guide_inner {
  border-color: #607194;
  background: #f6f7fb;
}

div.static_inner .mynumber_document_guide h3 {
  border-radius: 10px 10px 0 0;
  color: #fff;
  font-size: 16px;
  height: 31px;
  line-height: 33px;
  padding: 0 0 0 10px;
  border: none;
  margin: 0;
}

.mynumber_document_guide.mynumber h3 { background: #e07083; }
.mynumber_document_guide.notification h3 { background: #709fe0; }
.mynumber_document_guide.corporation h3 { background: #607194; }

.mynumber_document_guide .static_frame_01 {
  border-color: #cecece;
  background: #fff;
  padding-bottom: 12px;
}

.mynumber_document_guide .static_frame_01 > p {
  font-size: 13px;
  font-weight: bold;
  color: #e58600;
}

.btn_detail_guide a {
  background: #fafafa none repeat scroll 0 0;
  border: 1px solid #ccc;
  color: #666;
  font-size: 11px;
  height: 16px;
  line-height: 16px;
  padding: 0 6px;
  text-decoration: none;
}

.btn_detail_guide a i {
  padding-right: 3px;
  font-size: 12px;
}

ul.pic_filing_mynumber_01 {
  background: url(../images/web/common/pic_circle_mynumber_personal.png) no-repeat 10px bottom;
  padding-bottom: 127px;
}

.mynumber_document_guide_inner {
  width: 357px;
  float: left;
}

.mynumber_document_guide_inner:first-child {
  margin-right: 15px;
}

.mynumber_document_guide_inner .guide_inner_inside {
  border: solid 1px #7e7e7e;
  border-top: none;
  padding: 15px;
  background: #fff;
}

.mynumber_document_guide_inner h4 {
  background: #7e7e7e;
  border-radius: 10px 10px 0 0;
  height: 31px;
  line-height: 33px;
  padding: 0 0 0 10px;
  margin: 0;
  border: none;
  color: #fff;
  font-size: 14px;
  font-weight: bold;
}

.list_mynumber_document {
  background: #f2f2f2;
  margin: 0 10px;
  display: table;
  width: 275px;
}

.list_mynumber_document_inner {
  display: table-cell;
  padding: 15px;
}

.list_mynumber_document ul {
  border-right: 1px dotted #333;
}

.list_mynumber_document p {
  display: table-cell;
  padding: 15px 0;
  vertical-align: bottom;
  text-align: left;
}

.pic_filing_mynumber_02:after {
  content: "";
  display: block;
  background: url(../images/web/common/pic_circle_mynumber_no_01.png) no-repeat 0 bottom;
  padding-bottom: 204px;
}

.pic_filing_mynumber_03:after {
  content: "";
  display: block;
  background: url(../images/web/common/pic_circle_mynumber_no_02.png) no-repeat 0 bottom;
  padding-bottom: 167px;
}

.mynumber_pic_sample {
  float: left;
  width: 386px;
}

.mynumber_summary {
  float: left;
  width: 349px;
}

.mynumber_summary .static_table {
  margin-top: 0;
}

.mynumber_summary .static_table th {
  width: 110px;
}

.mynumber_flow {
  background: #f6f7fb;
  border: #b5c1da 1px solid;
  margin-bottom: 10px;
  padding: 15px;
}

.mynumber_flow p {
  background: url(../images/web/home/pic_circle_mynumber_flow.png) no-repeat 0 0;
  width: 698px;
  height: 0;
  text-indent: 100%;
  white-space: nowrap;
  overflow: hidden;
  padding: 152px 0 0;
  margin: 0 auto;
}

.tab_mynumber_method li {
  float: left;
  margin-right: 3px;
  width: 140px;
}

.tab_mynumber_method li.method_02 {
  float: right;
  margin-right: 0;
}

.tab_mynumber_method li a {
  display: block;
  height: 36px;
  line-height: 36px;
  color: #fff;
  font-size: 14px;
  font-weight: bold;
  text-align: center;
  text-decoration: none;
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
  border: 1px solid #fff;
}

.tab_mynumber_method li.method_01 a {
  border-color: #e07083;
  background-color: #e07083;
}

.tab_mynumber_method li.method_01.select a {
  border-color: #e07083;
  border-bottom-color: #fff7f9;
  background-color: #fff7f9;
  color: #333;
}

.tab_mynumber_method li.method_02 a {
  border-color: #709fe0;
  border-bottom-color: #e07083;
  background-color: #709fe0;
}

.tab_mynumber_method li.method_02.select a {
  border-color: #709fe0;
  border-bottom-color: #f7fbff;
  background-color: #f7fbff;
  color: #333;
}

.mynumber_method_box#div6_01,
.mynumber_method_box#div6_02,
.mynumber_method_box#div6_03,
.mynumber_method_box#div6_04 {
  border: 1px solid #e07083;
  background: #fff7f9;
  margin-top: -1px;
}

.mynumber_method_box#div6_05 {
  border: 1px solid #709fe0;
  background: #f7fbff;
  margin-top: -1px;
}

.mynumber_method_box_inner {
  margin: 10px;
  background: #fff;
  padding: 15px 20px;
}

.mynumber_method_box ol > li > p {
  font-size: 14px;
  font-weight: bold;
  color: #c54c60;
  border-bottom: 1px dashed #c54c60;
  padding: 0 0 2px 21px;
  margin-bottom: 10px;
}

.mynumber_method_box ol > li.flow_1 > p {
  background: url(../images/web/common/payment_guide_bg.png) -5px -48px no-repeat;
}

.mynumber_method_box ol > li.flow_2 > p {
  background: url(../images/web/common/payment_guide_bg.png) -5px -78px no-repeat;
}

.mynumber_method_box ol > li.flow_3 > p {
  background: url(../images/web/common/payment_guide_bg.png) -5px -108px no-repeat;
}

.mynumber_method_box .base_list_hs {
  margin: 0 5px;
}

.mynumber_method_box .static_table th {
  width: 80px;
}

.mynumber_method_box .no_btn {
  font-size: 16px;
  font-weight: bold;
}

.mynumber_method_box .mailing {
  font-size: 14px;
  font-weight: bold;
}

/* サービスのご案内
--------------------------------------------------------- */
/* ----- 英語サイト販売 ----- */
dl.eng_work_check dt {
  font-size: 13px;
  padding: 0 0 3px;
}

dl.eng_work_check dd {
  padding: 0 0 15px 13px;
}

div#guide_sell_english div.static_header {
  margin-top: 5px;
  position: relative;
}

div#guide_sell_english div.static_header p {
  height: 0;
  padding-top: 125px;
  overflow: hidden;
  background: url(../images/web/home/mainpic_circle_sell_eng.gif) no-repeat left top;
}

div#guide_sell_english h3.point_head {
  width: 765px;
  height: 32px;
  text-indent: -9999px;
  background: url(../images/web/home/guide_mobile_point_head.gif) no-repeat left top;
  border: 0;
  padding: 0;
  margin: 0;
}

div#guide_sell_english div#point_list {
  padding: 15px 15px 0;
  border: 1px solid #e76156;
  border-top: 0 solid #ffcb67;
  background: #faf5dc;
}

div#guide_sell_english div#point_list dl {
  margin-bottom: 15px;
  position: relative;
  background: #fff;
}

div#guide_sell_english div#point_list dl dt {
  padding: 20px 15px 0;
  margin: 0 10px 10px;
  height: 0;
  overflow: hidden;
}

div#guide_sell_english div#point_list dl#point_01 dt { background: url(../images/web/home/txt_guide_circle_sell_eng.gif) no-repeat 0 0;}
div#guide_sell_english div#point_list dl#point_02 dt { background: url(../images/web/home/txt_guide_circle_sell_eng.gif) no-repeat 0 -20px;}
div#guide_sell_english div#point_list dl#point_03 dt { background: url(../images/web/home/txt_guide_circle_sell_eng.gif) no-repeat 0 -40px;}
div#guide_sell_english div#point_list dl#point_04 dt { background: url(../images/web/home/txt_guide_circle_sell_eng.gif) no-repeat 0 -60px;}

div#guide_sell_english div#point_list dd {
  padding-bottom: 15px;
  position: relative;
  z-index: 100;
}

div#guide_sell_english div#point_list dd p {
  line-height: 1.5;
  padding: 0 15px;
  font-size: 13px;
}

a.bn_dlsite_trans {
  display: block;
  height: 0;
  padding-top: 90px;
  width: 540px;
  background: url(../images/banner/bn_dlsite_trans_01.jpg) no-repeat 0 0;
  overflow: hidden;
}

/* ----- 台湾サイト販売 ----- */
div#guide_sell_tw div.static_header {
  margin-top: 5px;
  position: relative;
}

div#guide_sell_tw div.static_header p {
  height: 0;
  padding-top: 125px;
  overflow: hidden;
  background: url(../images/web/home/mainpic_circle_sell_tw.gif) no-repeat left top;
}

div#guide_sell_tw h3.point_head {
  width: 765px;
  height: 32px;
  text-indent: -9999px;
  background: url(../images/web/home/guide_mobile_point_head.gif) no-repeat left top;
  border: 0;
  padding: 0;
  margin: 0;
}

div#guide_sell_tw div#point_list {
  padding: 15px 15px 0;
  border: 1px solid #e76156;
  border-top: 0 solid #ffcb67;
  background: #faf5dc;
}

div#guide_sell_tw div#point_list dl {
  padding-top: 15px;
  margin-bottom: 15px;
  position: relative;
  background: #fff;
}

div#guide_sell_tw div#point_list dl#point_01 {
  background: url(../images/web/common/bg_guide_circle_sell_tw_01.gif) no-repeat 600px center #fff;
}

div#guide_sell_tw div#point_list dl dt {
  padding: 20px 15px 0;
  margin: 0 10px 10px;
  height: 0;
  overflow: hidden;
}

div#guide_sell_tw div#point_list dl dt { background: url(../images/web/home/txt_guide_circle_sell_tw.gif) no-repeat;}

div#guide_sell_tw div#point_list dl#point_01 dt { background-position: 0 0;}
div#guide_sell_tw div#point_list dl#point_02 dt { background-position: 0 -20px;}
div#guide_sell_tw div#point_list dl#point_03 dt { background-position: 0 -40px;}
div#guide_sell_tw div#point_list dl#point_04 dt { background-position: 0 -60px;}

div#guide_sell_tw div#point_list dd {
  padding-bottom: 15px;
  position: relative;
  z-index: 100;
}

div#guide_sell_tw div#point_list dd p {
  line-height: 1.5;
  padding: 0 15px;
  font-size: 13px;
}

table#tw_work_appli {
  width: 600px;
  table-layout: fixed;
}

/* ----- スマートフォンサイト販売 ----- */
div#guide_sell_touch div.static_header {
  margin-top: 5px;
  position: relative;
}

div#guide_sell_touch div.static_header p {
  height: 213px;
  text-indent: -9999px;
  background: url(../images/web/home/mainpic_circle_touch_01.gif) no-repeat left top;
}

div#guide_sell_touch div.static_header ul {
}

div#guide_sell_touch div.static_header ul li.link_01 {
  position: absolute;
  width: 90px;
  top: 183px;
  left: 506px;
  text-align: center;
}

div#guide_sell_touch div.static_header ul li.link_02 {
  position: absolute;
  width: 82px;
  top: 183px;
  left: 604px;
  text-align: center;
}

div#guide_sell_touch div.static_header ul li.link_03 {
  position: absolute;
  width: 82px;
  top: 183px;
  left: 698px;
  text-align: center;
}

div#guide_sell_touch h3.point_head {
  width: 765px;
  height: 32px;
  text-indent: -9999px;
  background: url(../images/web/home/guide_mobile_point_head.gif) no-repeat left top;
  border: 0;
  padding: 0;
  margin: 0;
}

div#guide_sell_touch div#point_list {
  padding: 15px 15px 0;
  border: 1px solid #e76156;
  border-top: 0 solid #ffcb67;
  background: #faf5dc;
}

div#guide_sell_touch div#point_list dl {
  margin-bottom: 15px;
  background: #fff;
}

div#guide_sell_touch div#point_list dl#point_01 {
  background: url(../images/web/home/bg_guide_circle_touch_01.gif) no-repeat right 230px #fff;
}

div#guide_sell_touch div#point_list dl dt {
  padding: 15px 15px 0;
  margin: 0 0 10px;
  text-indent: -9999px;
  height: 17px;
}

div#guide_sell_touch div#point_list dl#point_01 dt {
  background: url(../images/web/home/txt_guide_circle_touch_01.gif) no-repeat 15px bottom;
}

div#guide_sell_touch div#point_list dl#point_02 dt {
  background: url(../images/web/home/txt_guide_circle_touch_02.gif) no-repeat 15px bottom;
}

div#guide_sell_touch div#point_list dl#point_03 dt {
  background: url(../images/web/home/txt_guide_circle_touch_03.gif) no-repeat 15px bottom;
}

div#guide_sell_touch div#point_list dl#point_04 dt {
  background: url(../images/web/home/txt_guide_circle_touch_04.gif) no-repeat 15px bottom;
}

div#guide_sell_touch div#point_list dl#point_05 dt {
  background: url(../images/web/home/txt_guide_circle_touch_05.gif) no-repeat 15px bottom;
}

div#guide_sell_touch div#point_list dd {
  padding-bottom: 15px;
}

div#guide_sell_touch div#point_list dd p {
  line-height: 1.5;
  padding: 0 15px;
}

div#guide_sell_touch div#point_list dl#point_01 ul {
  margin: 5px 22px 5px;
  font-weight: bold;
}

div#guide_sell_touch div#point_list dl#point_01 ul li {
  font-size: 13px;
  /* font-weight:bold; */
  background: url(../images/web/common/icon_list_01.png) no-repeat left 7px;
  padding-left: 11px;
  margin-left: 10px;
}

div#guide_sell_touch div#point_list dl#point_01 ul a img {
  margin: 5px 0 0 10px;
}

div#guide_sell_touch ol.base_list_hs {
  padding-left: 20px;
}

div#guide_sell_touch ol.base_list_hs li {
  font-size: 13px;
}

div#guide_sell_touch ul.base_list {
  padding-bottom: 0;
}

div#guide_sell_touch ul.base_list_01 {
  padding-bottom: 0;
  margin-bottom: -10px;
}

div#guide_sell_touch div.static_frame_01 h4 {
  font-size: 13px;
  font-weight: bold;
  padding-bottom: 7px;
}

/* ----- Twitter自動投稿機能 ----- */

div#guide_twitter_autopost div.static_header {
  margin-top: 5px;
  position: relative;
}

div#guide_twitter_autopost div.static_header p {
  height: 125px;
  text-indent: -9999px;
  background: url(../images/web/home/mainpic_circle_twitter_autopost.gif) no-repeat left top;
}

div#guide_twitter_autopost div#link_btn_box_01 {
  margin: 0 auto 20px auto;
}

div#guide_twitter_autopost div#link_btn_box_01_inner {
  padding: 10px 15px;
}

div#guide_twitter_autopost div#link_btn_box_01 div.link_btn_01 {
  margin-bottom: 5px;
}

table#twitter_autopost_table th {
  font-weight: bold;
}

table#twitter_autopost_table th.info,
table#twitter_autopost_table td.info {
  width: 160px;
}

table#twitter_autopost_table th.timing,
table#twitter_autopost_table td.timing {
  width: 160px;
}

table#twitter_autopost_table td.info {
  color: #e58600;
  font-weight: bold;
}

/* ----- chobitについて ----- */

#guide_chobit {
  -moz-box-shadow: inset 0 2px 0 #fff;
  -webkit-box-shadow: inset 0 2px 0 #fff;
  box-shadow: inset 0 2px 0 #fff;
  background: -moz-linear-gradient(bottom, #eeefea 0%, #fcfcfc 80%, #eeefea 100%);
  background: -o-linear-gradient(bottom, #eeefea 0%, #fcfcfc 80%, #eeefea 100%);
  background: -webkit-linear-gradient(bottom, #eeefea 0%, #fcfcfc 80%, #eeefea 100%);
  background: linear-gradient(to top, #eeefea 0%, #fcfcfc 80%, #eeefea 100%);
}

div#guide_chobit .static_inner {
  padding: 0 14px;
  border: 1px solid #d9dbd7;
}

#guide_chobit h2 {
  padding: 0;
  margin: 0 0 20px;
  border: none;
  text-indent: -9999px;
}

#guide_chobit p {
  font-size: 13px;
  line-height: 1.7;
  margin: 0;
}

#guide_chobit div.static_header,
#guide_chobit .article_box {
  position: relative;
  padding: 28px 10px;
  margin: 0;
  border-bottom: 1px solid #dadbd7;
  -moz-box-shadow: 0 1px 0 #fff;
  -webkit-box-shadow: 0 1px 0 #fff;
  box-shadow: 0 1px 0 #fff;
}

#guide_chobit .article_box:last-child {
  border: none;
  -moz-box-shadow: none;
  -webkit-box-shadow: none;
  box-shadow: none;
}

#guide_chobit .static_header {
  background: url(../images/web/common/bg_chobit_chara.png) 518px 32px no-repeat;
}

#guide_chobit .static_header h2 {
  width: 566px;
  height: 84px;
  margin-bottom: 20px;
  background: url(../images/web/common/h2_chobit_guide_01.png) left top no-repeat;
}

#guide_chobit .link_chobit {
  position: relative;
  height: 86px;
  margin: 20px 0 0;
}

#guide_chobit .link_chobit div {
  float: left;
  width: 266px;
  height: 86px;
}

#guide_chobit .link_chobit a:hover img {
  opacity: 0.9;
  filter: alpha(opacity = 90);
}

#guide_chobit .link_chobit p {
  position: absolute;
  left: 276px;
  bottom: 30px;
  font-size: 13px;
}

#guide_chobit .static_header .maschot {
  position: absolute;
  bottom: 12px;
  right: 20px;
  width: 211px;
  height: 270px;
}

#about_player h2 {
  width: 562px;
  height: 71px;
  background: url(../images/web/common/h2_chobit_guide_02.png) left top no-repeat;
}

#about_player div {
  margin: 0 0 20px -9px;
}

#sample_player h2 {
  width: 315px;
  height: 33px;
  background: url(../images/web/common/h2_chobit_guide_03.png) left top no-repeat;
}

#sample_player p {
  margin: 0 0 20px;
}

/* ----- DLsite blogのご案内 ----- */

div#guide_dlsite_blog div.static_header {
  margin-top: 5px;
  position: relative;
}

div#guide_dlsite_blog div.static_header p {
  height: 0;
  padding-top: 118px;
  overflow: hidden;
  background: url(../images/web/home/mainpic_circle_dlsite_blog.gif) no-repeat left top;
}

div#guide_dlsite_blog div.dlsite_blog_logo {
  position: relative;
}

div#guide_dlsite_blog div.dlsite_blog_logo a.blog_logo {
  background: url(../images/web/home/bg_dlsite_blog.gif) no-repeat right top;
  display: block;
  position: absolute;
  right: 0;
  top: 0;
  width: 226px;
  height: 0;
  padding-top: 80px;
  overflow: hidden;
}

div#guide_dlsite_blog div.dlsite_blog_logo p.pd_r {
  padding-right: 235px;
}

div#guide_dlsite_blog div#link_btn_box_01_inner {
  padding: 10px 15px 0;
}

div#guide_dlsite_blog div#link_btn_box_01 p.btn_guide_01 {
  margin-bottom: 0;
}

div#guide_dlsite_blog p.dlsite_blog_ex_01 {
  background: url(../images/web/home/bg_dlsite_blog_example_01.jpg) no-repeat left top;
  width: 743px;
  height: 0;
  padding: 647px 0 0 0;
  margin: 0 auto 20px;
  overflow: hidden;
}

div#guide_dlsite_blog p.dlsite_blog_ex_02 {
  background: url(../images/web/home/bg_dlsite_blog_example_02.jpg) no-repeat left top;
  width: 452px;
  height: 0;
  padding: 263px 0 0 0;
  margin: 0 auto;
  overflow: hidden;
}

/* ----- 作品まるごと翻訳サービスについて ----- */

div#guide_dlsite_trans div.static_header {
  margin-top: 5px;
  position: relative;
}

div#guide_dlsite_trans div.static_header p {
  height: 0;
  padding-top: 150px;
  overflow: hidden;
  background: url(../images/web/home/mainpic_circle_dlsite_trans.gif) no-repeat left top;
}

div.dlsite_trans_flow_guide {
  width: 765px;
}

div.dlsite_trans_flow h3 {
  background: #709fe0;
  border-radius: 10px 10px 0 0;
  color: #fff;
  font-size: 16px;
  height: 31px;
  line-height: 33px;
  padding: 0 0 0 10px;
  border: none;
  margin: 0;
}

div.dlsite_trans_flow h4 {
  background: #709fe0;
  border-radius: 5px;
  color: #fff;
  font-size: 13px;
  font-weight: bold;
  height: 24px;
  line-height: 26px;
  padding: 0 0 0 10px;
  margin: 10px -5px;
}

div.base_text_15 div.dlsite_trans_flow p strong.red {
  color: #c00;
}

div.dlsite_trans_flow p.flow_title {
  color: #4d81c0;
  border-bottom: 1px dashed #4d81c0;
}

div.dlsite_trans_flow li.flow_1 p.flow_title {
  background: url(../images/web/common/payment_guide_bg.png) -775px -48px no-repeat;
}

div.dlsite_trans_flow li.flow_2 p.flow_title {
  background: url(../images/web/common/payment_guide_bg.png) -775px -78px no-repeat;
}

div.dlsite_trans_flow li.flow_3 p.flow_title {
  background: url(../images/web/common/payment_guide_bg.png) -775px -108px no-repeat;
}

div.dlsite_trans_flow li.flow_4 p.flow_title {
  background: url(../images/web/common/payment_guide_bg.png) -775px -138px no-repeat;
}

div.dlsite_trans_flow li.flow_5 p.flow_title {
  background: url(../images/web/common/payment_guide_bg.png) -775px -168px no-repeat;
}

div.dlsite_trans_flow li.flow_6 p.flow_title {
  background: url(../images/web/common/payment_guide_bg.png) -775px -198px no-repeat;
}

div.dlsite_trans_flow li.flow_7 p.flow_title {
  background: url(../images/web/common/payment_guide_bg.png) -775px -228px no-repeat;
}

div.dlsite_trans_flow li.flow_8 p.flow_title {
  background: url(../images/web/common/payment_guide_bg.png) -775px -258px no-repeat;
}

div.dlsite_trans_flow li.flow_9 p.flow_title {
  background: url(../images/web/common/payment_guide_bg.png) -775px -288px no-repeat;
}

div.dlsite_trans_flow div.flow_inner {
  background: #f7fbff;
  border: solid 3px #709fe0;
  border-top: none;
}

div.dlsite_trans_flow_guide ol > li {
  padding-bottom: 22px;
  background: url(../images/web/common/payment_arrow_guest_user.png) center bottom no-repeat;
}

div.dlsite_trans_flow_guide ol > li.last {
  padding-bottom: 0;
  background: none;
}

div#guide_dlsite_trans h3.point_head {
  width: 765px;
  height: 32px;
  text-indent: -9999px;
  background: url(../images/web/home/guide_mobile_point_head.gif) no-repeat left top;
  border: 0;
  padding: 0;
  margin: 0;
}

div#guide_dlsite_trans div#point_list {
  padding: 15px 15px 0;
  border: 1px solid #e76156;
  border-top: 0 solid #ffcb67;
  background: #faf5dc;
}

div#guide_dlsite_trans div#point_list dl {
  margin-bottom: 15px;
  padding-top: 15px;
  position: relative;
  background: #fff;
  min-height: 90px;
}

div#guide_dlsite_trans div#point_list dl dd.chara {
  position: absolute;
  right: 50px;
  bottom: 0;
  padding: 0;
  z-index: 1;
  height: 100px;
}

div#guide_dlsite_trans div#point_list dl#point_01 dd.chara {
  width: 150px;
  background: url(../images/web/common/bg_guide_circle_dlsite_trans_01.gif) no-repeat 0 0;
}

div#guide_dlsite_trans div#point_list dl#point_02 dd.chara {
  width: 146px;
  background: url(../images/web/common/bg_guide_circle_dlsite_trans_01.gif) no-repeat -150px 0;
}

div#guide_dlsite_trans div#point_list dl#point_03 dd.chara {
  width: 116px;
  background: url(../images/web/common/bg_guide_circle_dlsite_trans_01.gif) no-repeat -296px 0;
  right: 60px;
}

div#guide_dlsite_trans div#point_list dl#point_04 dd.chara {
  width: 130px;
  background: url(../images/web/common/bg_guide_circle_dlsite_trans_01.gif) no-repeat -415px 0;
  right: 60px;
}

div#guide_dlsite_trans div#point_list dl dt {
  padding: 20px 15px 0;
  margin: 0 10px 10px;
  height: 0;
  overflow: hidden;
}

div#guide_dlsite_trans div#point_list dl#point_01 dt {
  background: url(../images/web/home/txt_guide_circle_dlsite_trans.gif) no-repeat 0 0;
}

div#guide_dlsite_trans div#point_list dl#point_02 dt {
  background: url(../images/web/home/txt_guide_circle_dlsite_trans.gif) no-repeat 0 -20px;
}

div#guide_dlsite_trans div#point_list dl#point_03 dt {
  background: url(../images/web/home/txt_guide_circle_dlsite_trans.gif) no-repeat 0 -40px;
}

div#guide_dlsite_trans div#point_list dl#point_04 dt {
  background: url(../images/web/home/txt_guide_circle_dlsite_trans.gif) no-repeat 0 -60px;
}

div#guide_dlsite_trans div#point_list dd {
  padding-bottom: 15px;
  position: relative;
  z-index: 100;
}

div#guide_dlsite_trans div#point_list dd p {
  line-height: 1.5;
  padding: 0 15px;
  font-size: 13px;
}

p.dlsite_trans_appli a {
  display: block;
  width: 360px;
  height: 0;
  padding-top: 43px;
  background: url(../images/web/common/btn_dlsite_trans_appli.png) 0 0;
  overflow: hidden;
  margin: 0 auto;
}

div#guide_dlsite_trans div#link_btn_box_01 div.link_btn_01 {
  margin: 0;
  background: none;
}

ul.dlsite_trans_sample_image li {
  width: 150px;
  float: left;
  margin-right: 10px;
  border: solid 1px #ccc;
}

ul.dlsite_trans_sample_image li a img {
  width: 150px;
  height: auto;
}

a.DOT_link {
  padding: 0 3px;
  position: relative;
}

#guide_dlsite_trans span.icon_ENG,
#guide_dlsite_trans span.icon_DOT {
  position: relative;
  top: 3px;
  display: inline-block;
  background: url(../images/web/common/icon_genre_eng.png) no-repeat;
  height: 0;
  padding-top: 15px;
  overflow: hidden;
  line-height: 15px;
}

#guide_dlsite_trans span.icon_ENG {
  width: 43px;
  background-position: -330px -181px;
}

#guide_dlsite_trans span.icon_DOT {
  width: 69px;
  background-position: -463px -181px;
}

div#guide_dlsite_trans div#trans_support_address {
  display: block;
  margin: 20px 0 0;
  padding: 15px;
  border: 1px solid #b8c3d9;
  border-radius: 5px;
  background-color: #fff;
}

div#guide_dlsite_trans div#trans_support_address p {
  font-weight: bold;
  font-size: 16px;
  line-height: 1.4em;
  text-align: center;
}

div#guide_dlsite_trans div#trans_support_address p span {
  color: #333;
  font-weight: normal;
  font-size: 12px;
}

/* =========================================================
　ご利用ガイド（サークル管理内）
========================================================= */

/* 作品登録について
--------------------------------------------------------- */

/* ----- 新規作品登録 ----- */

div#guide_newitem {
}

div#guide_newitem div.static_header {
  margin-top: 5px;
  position: relative;
  height: 146px;
  text-indent: -9999px;
  background: url(../images/web/home/newitem_top.png) no-repeat left top;
}

ul#regist_select {
  width: 780px;
  height: 70px;
  position: absolute;
  left: 15px;
  bottom: 15px;
}

ul#regist_select li {
  width: 180px;
  height: 70px;
  float: left;
  margin: 0 10px 0 0;
}

ul#regist_select li a {
  height: 70px;
  display: block;
  text-indent: -9999px;
  outline: none;
}

ul#regist_select li.web a {
  background: url(../images/web/home/btn_newitem.png) no-repeat 0 0;
}

ul#regist_select li.post a {
  background: url(../images/web/home/btn_newitem.png) no-repeat 0 -70px;
}

ul#regist_select li.mail a {
  background: url(../images/web/home/btn_newitem.png) no-repeat 0 -140px;
}

p#webup_btn_box input#webup_btn {
  border: none;
  text-indent: -9999px;
  display: block;
  width: 209px;
  height: 40px;
  background: url(../images/web/home/newitem_webup_btn.png) no-repeat left top;
  cursor: pointer;
}

div#guide_webup p#webup_btn_box input#webup_btn,
div#guide_webup_ana p#webup_btn_box input#webup_btn,
div#guide_newitem p#webup_btn_box input#webup_btn {
  margin: 0 auto;
}

div#guide_webup div#link_btn_box_01,
div#guide_webup_ana div#link_btn_box_01 {
  margin: 0 auto 15px;
}

table#pdf_down {
  width: 350px;
}

table#pdf_down th {
  text-align: center;
  background: #e2c569;
  border-color: #e2c569;
}

table#pdf_down th.pdf_file {
  width: 50px;
}

table#pdf_down td {
  border-color: #e2c569;
}

table#pdf_down tr.sample td {
  background: #f4e9c6;
}

table#pdf_down td.pdf_file {
  text-align: center;
}

/* ----- 予告作品登録 ----- */
div#guide_webup_ana div.static_header {
  margin-top: 5px;
}

div#guide_webup_ana div.static_header p {
  height: 0;
  padding-top: 150px;
  overflow: hidden;
  background: url(../images/web/home/mainpic_circle_webup_ana.gif) no-repeat left top;
}

div#guide_webup_ana div.gw_flow {
  background: url(../images/web/home/bg_webup_ana_flow.jpg) no-repeat 0 0;
  padding-top: 246px;
  height: 0;
  width: 666px;
  overflow: hidden;
  margin-bottom: 15px;
}

/* ----- Webで作品登録 ----- */
div#guide_webup div.static_header {
  margin-top: 5px;
  position: relative;
}

div#guide_webup div.static_header p {
  height: 0;
  padding-top: 150px;
  overflow: hidden;
  background: url(../images/web/home/mainpic_circle_webup.gif) no-repeat left top;
}

div#guide_webup div.static_header ul#regist_select {
  width: 300px;
  height: 26px;
  position: absolute;
  left: 238px;
  bottom: 11px;
}

div#guide_webup div.static_header ul#regist_select li {
  width: 140px;
  height: 26px;
  float: left;
  margin: 0 10px 0 0;
}

div#guide_webup div.static_header ul#regist_select li a {
  height: 26px;
  display: block;
  text-indent: -9999px;
  outline: none;
}

div#guide_webup div.static_header ul#regist_select li.post a {
  background: url(../images/web/home/btn_newitem_02.png) no-repeat 0 0;
}

div#guide_webup div.static_header ul#regist_select li.mail a {
  background: url(../images/web/home/btn_newitem_02.png) no-repeat 0 -26px;
}

div#guide_webup div.gw_sample_01,
div#guide_webup_ana div.gw_sample_01 {
  height: 0;
  padding: 420px 0 0;
  overflow: hidden;
  width: 560px;
  background: url(../images/web/home/pic_webup_sample_01.jpg) no-repeat 0 0;
}

div#guide_webup div.gw_sample_02,
div#guide_webup_ana div.gw_sample_02 {
  height: 100px;
  padding: 0 0 0 115px;
  position: relative;
  background: url(../images/web/home/pic_webup_sample_02.jpg) no-repeat 0 0;
}

div#guide_webup div.gw_sample_03,
div#guide_webup_ana div.gw_sample_03 {
  height: 50px;
  padding: 0 0 0 65px;
  position: relative;
  background: url(../images/web/home/pic_webup_sample_03.jpg) no-repeat 0 0;
}

div#guide_webup div.gw_sample_02 span,
div#guide_webup_ana div.gw_sample_02 span{
  position: absolute;
  top: 15%;
}

div#guide_webup div.gw_sample_03 span,
div#guide_webup_ana div.gw_sample_03 span {
  position: absolute;
  top: 50%;
  margin-top: -1.5em;
}

div#guide_webup div.gw_flow {
  background: url(../images/web/home/bg_webup_flow.jpg) no-repeat 0 0;
  padding-top: 246px;
  height: 0;
  width: 666px;
  overflow: hidden;
  margin-bottom: 15px;
}

dl.webup_re dt {
  font-size: 13px;
  font-weight: bold;
}

dl.webup_re dd {
  padding: 5px 0 10px 1.5em;
}

/* ----- メールで作品登録 ----- */

div#mail_format {
  margin: 15px 0;
  border: 1px solid #8f9fbf;
}

div#mail_format_inner {
  padding: 15px 30px;
  border: 4px solid #e6eaf2;
  background: #fff;
}

dl.division_mail {
}

dl.division_mail dt {
  color: #e58600;
  font-size: 13px;
  font-weight: bold;
  padding-bottom: 5px;
}

dl.division_mail dd {
  padding-left: 24px;
}

/* スタジオ録音のご紹介
--------------------------------------------------------- */

div#guide_beatniks {
}

/* =========================================================
　RSS
========================================================= */

/* 内容部分のBOX（利用方法、配信中RSS一覧）
--------------------------------------------------------- */

div.rss_content_box {
  margin: 0 15px;
  width: 765px;
}

div.rss_content_box div.form_table_title_sub_01 {
  margin-bottom: 10px;
}

div.rss_content_box div.table_inframe_box_fix {
  width: 755px;
}

/* RSSの利用方法
--------------------------------------------------------- */

img.rss_large {
  vertical-align: top;
  padding: 0 3px;
}

/* 配信中RSS一覧
--------------------------------------------------------- */

div.rss_list dl dt a {
  background: url(../images/web/girls/icon_rss_large.gif) no-repeat 0 50%;
  padding: 3px 0 3px 52px;
}

div.rss_list dl dt {
  width: 155px;
  float: left;
  clear: both;
  border-bottom: 1px solid #b8c3d9;
  height: 35px;
  line-height: 35px;
  padding-left: 15px;
}

div.rss_list dl dd {
  margin-left: 155px;
  border-bottom: 1px solid #b8c3d9;
  height: 35px;
  line-height: 35px;
}

/* =========================================================
　メールマガジン
========================================================= */
div.mailmagazine_attention {
  width: 500px;
  margin: 0 15px 15px;
  border: 1px dotted #f16a99;
  background: #fff2f8;
}

div.mailmagazine_attention p {
  padding: 10px;
}

/* =========================================================
　サイトマップ
========================================================= */

div.sitemap_list {
  width: 245px;
  float: left;
  margin-left: 15px;
}

div.sitemap_list.width300 {
  width: 300px;
}

div.sitemap_list h3 {
  font-size: 13px;
  margin: 0 0 10px;
}

div.sitemap_list h4 {
  font-size: 13px;
  font-weight: bold;
  line-height: 1.0;
}

div.sitemap_list h5 {
  font-size: 12px;
  font-weight: bold;
}

div.home_map {
  background: #d6f2c2;
}

div.soft_map {
  background: #fae0bb;
}

div.comic_map {
  background: #fae1e5;
}

div.maniax_map {
  background: #c6e6f9;
}

div.pro_map {
  background: #fbd6e7;
}

div.books_map {
  background: #cef2ce;
}

div.girls_map {
  background: #fae1e7;
}

div.girlspro_map {
  background: #eae1fa;
}

div.gay_map {
  background: #e2f6ff;
}

div.home_map h3,
div.soft_map h3,
div.comic_map h3,
div.maniax_map h3,
div.pro_map h3,
div.books_map h3,
div.girls_map h3,
div.girlspro_map h3,
div.gay_map h3 {
  color: #fff;
}

div.home_map h3 {
  border-color: #65d415;
  background: #65d415;
}

div.soft_map h3 {
  border-color: #ffa321;
  background: #ffa321;
}

div.comic_map h3 {
  border-color: #ff6881;
  background: #ff6881;
}

div.maniax_map h3 {
  border-color: #53aae0;
  background: #53aae0;
}

div.pro_map h3 {
  border-color: #e95199;
  background: #e95199;
}

div.books_map h3 {
  border-color: #59bb59;
  background: #59bb59;
}

div.girls_map h3 {
  border-color: #f77c9b;
  background: #f77c9b;
}

div.girlspro_map h3 {
  border-color: #8e6cce;
  background: #8e6cce;
}

div.gay_map h3 {
  border-color: #1490e7;
  background: #1490e7;
}

div.sitemap_list ul {
  line-height: 1.2;
  margin: 0 0 5px 10px;
}

div.sitemap_list ul li {
  padding: 2px 0 6px 10px;
  background: url(../images/web/home/list_left_bg.gif) left 0 no-repeat;
}

div.sitemap_list ul li ul li {
  padding: 2px 0 6px 20px;
  background: url(../images/web/common/tree_list.gif) left top no-repeat;
}

div.sitemap_list ul li.tree_end {
  background: url(../images/web/common/tree_end.gif) left top no-repeat;
}

div.sitemap_list ul li ul {
  float: none;
  padding: 6px 0 0;
  margin: 0;
}

div.sitemap_list ul li ul li.tree_end {
  padding-bottom: 0;
}

/* =========================================================
作品リクエスト、ご意見・ご要望
========================================================= */
div#guide_dlsite_trans div#link_btn_box_01 {
  margin-left: 0;
}

/* アフィリエイトガイド2017
--------------------------------------------------------- */
div#guide_affiliate div {
  position: relative;
}

div#guide_affiliate .header {
  width: 795px;
  height: 490px;
  background: url(../images/web/common/pic_affiliate_guide_top_01.png) no-repeat center center;
}

div#guide_affiliate .detail_box {
  position: absolute;
  bottom: 37px;
  right: 17px;
  width: 750px;
  height: 70px;
  background-color: #f0f0f0;
}

div#guide_affiliate .detail_box a {
  display: block;
  margin: 12px auto 0;
  vertical-align: middle;
  text-align: center;
  line-height: 45px;
  width: 300px;
  height: 45px;
  font-weight: bold;
  color: #333;
  font-size: 18px;
  background-color: #fec24f;
  border-radius: 5px;
  border: solid #f4a95b;
  border-width: 1px 1px 3px 1px;
}

div#guide_affiliate .detail_box a:hover {
  margin-top: 15px;
  background-color: #f4a95b;
  text-decoration: none;
}

/* アフィリエイトを始める */
div#guide_affiliate .start {
  background: url(../images/web/common/pic_affiliate_guide_sprite.png) -24px -24px no-repeat;
  width: 400px;
  height: 80px;
  display: block;
  overflow: hidden;
  text-indent: 100%;
  white-space: nowrap;
  margin: 5px auto;
}

/* 外部リンク：にじよめ */
div#guide_affiliate .nijiyome {
  background: url(../images/web/common/pic_affiliate_guide_sprite.png) -140px -126px no-repeat;
  width: 95px;
  height: 26px;
  overflow: hidden;
  text-indent: 100%;
  white-space: nowrap;
  position: absolute;
  display: block;
  z-index: 100;
}

div#guide_affiliate .rate_nijiyome .nijiyome {
  top: 154px;
  right: 22px;
}

div#guide_affiliate .link_nijiyome .nijiyome {
  top: 496px;
  right: 162px;
}

/* 外部リンク：DLblog */
div#guide_affiliate .dl_blog {
  background: url(../images/web/common/pic_affiliate_guide_sprite.png) -140px -157px no-repeat;
  width: 95px;
  height: 26px;
  display: block;
  overflow: hidden;
  text-indent: 100%;
  white-space: nowrap;
  position: absolute;
  display: block;
  z-index: 100;
}

div#guide_affiliate .top_bonus .dl_blog {
  top: 280px;
  left: 24px;
}

div#guide_affiliate .link_blog .dl_blog {
  top: 580px;
  left: 24px;
}

div#guide_affiliate .start:hover,
div#guide_affiliate .nijiyome:hover,
div#guide_affiliate .dl_blog:hover {
  opacity: 0.9;
}

/* 注意事項 */
div#guide_affiliate .attention {
  position: absolute;
  bottom: 40px;
  left: 40px;
}

div#guide_affiliate .attention .separation {
  border: solid #666;
  border-width: 0 0 0 2px;
}

div#guide_affiliate .attention .separation li:nth-child(n+2) {
  text-indent: 0.5em;
}

div#guide_affiliate p.sample_url {
  position: absolute;
  bottom: 21px;
  left: 35px;
  font-size: 15px;
  padding: 30px;
}

div#guide_affiliate .link_osusume .attention {
  bottom: 115px;
  left: 40px;
}

div#guide_affiliate .link_official .attention {
  bottom: 115px;
  left: 40px;
}

div#guide_affiliate .link_nijiyome .attention {
  bottom: 120px;
  left: 40px;
}

div#guide_affiliate .link_twt .attention {
  position: absolute;
  bottom: 140px;
  left: 40px;
  width: 350px;
}

div#guide_affiliate .link_twt .attention li {
  padding-left: 4px;
}

/* アフィリエイト参考ブログ・パーツ */
div#guide_affiliate div.blog_parts00 {
  width: 765px;
  height: 400px;
  position: absolute;
  top: 700px;
  left: 20px;
}

div#guide_affiliate div.blog_parts01 {
  width: 300px;
  height: 400px;
  float: left;
}

div#guide_affiliate div.blog_parts02 {
  width: 460px;
  height: 175px;
  float: right;
  margin-bottom: 70px;
}

div#guide_affiliate div.blog_parts03 {
  width: 460px;
  height: 100px;
  float: right;
}

/* 補足事項 */
div#guide_affiliate .link_official .supplemental {
  position: absolute;
  top: 540px;
  left: 137px;
  line-height: 1.8em;
}

div#guide_affiliate .top_mechanism .supplemental {
  position: absolute;
  top: 530px;
  left: 132px;
}