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

/*

ご利用ガイド
このサイトについて
共通
キャンペーン一覧表示
ブログパーツ
ご利用ガイド（ユーザー向け）
ご利用ガイド（サークル向け）
メールマガジン
サイトマップ

*/

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

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: 0px 15px 0 0;
  background: url(../images/web/home/icon_pagetop.gif) no-repeat scroll left 2px transparent;
} 

div.article_box p.pagetop a{
  color: #536280;
  font-size: 10px;
  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 #ccc;
  background: #fff;
}

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 #ccc;
  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: 12px;
  font-weight: bold;
  padding: 0 0 2px 0px;
  margin-bottom: 5px;
  border-bottom: 1px solid #bbb;
}

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

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

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 td strong{ color: #e58600; font-size: 13px; padding: 0 3px;}
table.static_table td ol.base_list_hs{ padding-bottom: 0;}

table.w300{ width: 300px;}


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

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/abroad/icon_list_03.png) 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;}

/* リンクバナーページ
--------------------------------------------------------- */
.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;
  border: none;
  margin: 0;
}

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

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

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

h2.recommend_banner_work_title{
  position: absolute;
  top: -11px;
  left: -5px;
  background: #6c7fa6;
  height: 26px;
  line-height: 26px;
  padding: 0 10px 0 15px;
  min-width: 335px;
  max-width: 735px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-text-overflow: ellipsis;
  -o-text-overflow: ellipsis;
  font-size: 14px;
  font-weight: bold;
  color: #fff;
  border-radius: 15px;
  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;
}

#QR_code,
#text_link{ float: left; width: 373px;}
#text_link{margin: 0 15px 20px 0;}

/*----- バナーボックス内 トップへ戻る -----*/
div.banner_box_01 p.pagetop{
  margin-top: -15px;
  clear: both;
}
div.banner_box_03 p.pagetop{
  margin-top: 5px;
  clear: both;
}

/*-----フィリエイト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;
  font-weight: bold;
  padding: 15px 10px 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 tr td.bn_text_block{
  width: 220px;
  color: #666;
  line-height: 1.5;
  background: #FFF2FA;
}


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: 20px 15px 0 0;
  border-top: solid 1px #b8c3d9;
  text-align: center;
  position: relative;
}

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

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

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

.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_wrap .bn_select li{ height: 40px; padding: 0 12px;}
.bn_select li:hover{ color: #fff; background: #6c7fa6;}

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

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

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

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

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


/* スタッフ募集
--------------------------------------------------------- */

div#guide_recruit{}


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

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

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{
  width: 548px;
  padding: 3px;
  margin: 0 auto;
  border: 1px solid #b8c3d9;
  background: #fbfcfd;
}

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

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{
  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{
  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/abroad/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/abroad/btn_main.png) no-repeat left -1080px;
}

/* DLsite Mobile販売申請へ */
div#link_btn_box_01 p.guide_apply_mobile a{
  width: 209px;
  background: url(../images/web/abroad/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/abroad/btn_main.png) no-repeat -320px -576px;
}


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

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/abroad/bg_title_sub_right.png) no-repeat right -22px;
}

div.cl_present{
  font-size: 13px;
  border-bottom: dotted 1px #434343;
  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: 10x;
}

div.cl_present ul li.cl_outline{margin: 7px 0 0 2px;}

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

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

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

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

div.cl_past a.cl_title,div.cl_past dl{margin-top: 5px;}

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

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

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: #434343; 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: #434343; overflow: hidden; height: 10px; width: 10px; border-radius: 5px; behavior: url(/css/PIE.htc); }
div#campaign_list #scrollbar1 .disable { display: none; }

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

/* 保存した設定一覧
--------------------------------------------------------- */
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 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: #003399;
  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: #003399;
}

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/abroad/btn_main.png) no-repeat -160px -600px;
}

div.bp_dialog input.btn_cancel{
  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_eng.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/abroad/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_wrap select,
div#bp_wrap option,
div#bp_wrap input{
}

div.bp_contents_wrap{
  background: url(../images/web/common/blog_parts/bg_bp.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;
}

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

/* 新規ウィンドウで確認
--------------------------------------------------------- */
input.preview_new_window{
  margin: 15px 0 15px auto;
  display: block;
}

/* トップ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_eng.png) no-repeat center center;
  height: 138px;
  position: relative;
  border: solid 1px #b8c3d9;
}

div.bp_top_img p a{
  display: block;
  padding-top: 25px;
  height: 0;
  width: 160px;
  overflow: hidden;
  position: absolute;
  left: 50%;
  bottom: 20px;
  margin-left: 114px;
}
div.bp_top_img a{background: url(../images/web/common/blog_parts/btn_link_affiliate.png) no-repeat 0 -40px;}


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

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

.bp_select_contents{
  padding-bottom: 15px;
}

/* サークル指定検索表示
--------------------------------------------------------- */
ul#circle_list{
  width: 100%;
  background: #eee;
  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;
  padding: 2px 10px 1px\9;
}


/* ヘルプアイコン・折りたたみアイコン
--------------------------------------------------------- */
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/home/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 0px 0px;
  -moz-border-radius: 3px 3px 0px 0px;
  -o-border-radius: 3px 3px 0px 0px;
  border-radius: 3px 3px 0px 0px;
}

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 0px 0px;
  -moz-border-radius: 3px 3px 0px 0px;
  -o-border-radius: 3px 3px 0px 0px;
  border-radius: 3px 3px 0px 0px;
  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: 90px;
  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: 12px;
  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{}

div#guide_welcome div.static_header h1{ height: 162px; text-indent: -9999px; background: url(../images/web/abroad/welcome_top_eng.png) no-repeat left top;}

div#buy{  background: url(../images/web/abroad/welcome_buy.png) no-repeat 530px 50px;}
div#user{ padding-bottom: 5px; background: url(../images/web/abroad/welcome_user_eng.png) no-repeat 530px 50px;}
div#circle{ background: url(../images/web/abroad/welcome_circle.png) no-repeat 530px 50px;}

div#buy .base_text_15,
div#user .base_text_15,
div#circle .base_text_15{ width: 480px;}

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


/* ----- 初めての方へ（多言語） ----- */

#guide_overseas{ margin-bottom: 20px; background: url(../images/web/abroad/bg_footer_language.gif) left bottom no-repeat #e5e5e5;}

#lang_deu,#lang_fra,#lang_ita,#lang_esp{ font-family: 'Myriad Set Pro', 'Lucida Grande', 'Helvetica Neue', Helvetica, Arial, Verdana, sans-serif;}
#lang_chi{ font-family: PingHei, 'Lucida Grande', 'Lucida Sans Unicode', Helvetica, Arial, Verdana, sans-serif;}

.guide_lang{
  position: relative;
  height: 56px;
  font-size: 0;
  background: #fff;
  overflow: hidden;
}

.guide_lang li{
  position: absolute;
  top: 10px;
  display: inline-block;
  width: 132px;
  height: 56px;
  background-image: url(../images/web/abroad/btn_language.png);
  background-repeat: no-repeat;
  -webkit-transition: all 0.4s ease;
  -moz-transition: all 0.4s ease;
  -ms-transition: all 0.4s ease;
  -o-transition: all 0.4s ease;
  transition: all 0.4s ease;
}

.guide_lang li a{ display: block; height: 56px;}
.guide_lang li.eng{ left: 0; width: 135px; background-position: left top;}
.guide_lang li.deu{ left: 135px; background-position: -135px top;}
.guide_lang li.fra{ left: 267px; background-position: -267px top;}
.guide_lang li.ita{ left: 399px; background-position: -399px top;}
.guide_lang li.esp{ left: 531px; background-position: -531px top;}
.guide_lang li.chi{ left: 663px; background-position: -663px top;}
.guide_lang li:hover,
.guide_lang li#select{ top: 0; height: 56px;}

#guide_overseas .static_header{ color: #fff; padding: 30px 40px; margin: 0; background: #202020;}
#guide_overseas .static_header h1{ font-size: 35px; margin-bottom: 15px;}
#guide_overseas .static_header p{ font-size: 16px;}

#guide_overseas .static_inner{ padding-bottom: 10px;}
#guide_overseas .static_body{ border: 1px solid #202020; border-bottom: none; padding-bottom: 1px;}

#guide_overseas div.skip_nav { padding: 15px 20px; margin: 0; border: none; background: #e5e5e5;}
#guide_overseas div.skip_nav ul li:first-child{ border: none;}
#guide_overseas div.skip_nav a{ color: #333; font-size: 13px;}


#guide_overseas .article_box{ margin: 0 20px 40px; background: #fff;}

#guide_overseas .article_box h2{
  color: #fff;
  font-size: 22px;
  font-weight: normal;
  padding: 15px 20px;
  margin-bottom: 20px;
  border: none;
  background: #202020;
}

#guide_overseas .article_box h3{
  font-size: 20px;
  font-weight: normal;
  padding: 8px 10px;
  margin: 0 0 15px;
  border: none;
  border-left: 10px solid #202020;
  background: #f5f5f5;
}

#guide_overseas .article_box h4{
  color: #d85a00;
  font-size: 18px;
  font-weight: bold;
  margin-bottom: 10px;
}

#guide_overseas .base_text{ font-size: 14px; line-height: 1.8; padding: 0 20px 20px; margin: 0;}
#guide_overseas .base_text .base_text{ padding: 0 0 20px;}
#guide_overseas .base_text p,
#guide_overseas .base_text .base_list{ padding-bottom: 20px;}

#guide_overseas .static_table{ table-layout: auto; line-height: 1.5;}
#guide_overseas .static_table th,
#guide_overseas .static_table td{ font-size: 14px; text-align: center; vertical-align: middle;}
#guide_overseas .static_table th{ font-weight: bold; padding: 10px 20px;}
#guide_overseas .static_table td{ }
#guide_overseas .static_table tbody th{ background: #ffe1c8;}

#guide_overseas #about_member{ table-layout: fixed; width: 540px;}
#guide_overseas #about_member th:first-child{ width: 140px;}
#guide_overseas #about_payment{}

.icon_yes{
  display: block;
  width: 28px;
  height: 22px;
  text-indent: -9999px;
  margin: 0 auto;
  background: url(../images/web/abroad/icon_howto_yes.gif) left top no-repeat;
}

.floor_guide{ padding: 0 0 20px;}
.floor_guide dt{ float: left; width: 200px; font-weight: bold;}
.floor_guide dt a{ color: #d85a00;}
.floor_guide dd{ margin: 0 0 5px 220px;}

.pic_guide{ font-size: 14px; padding: 0px 20px;}
.pic_guide dt{ color: #d85a00; font-weight: bold;}
.pic_guide dt a,.pic_guide dt span{ color: #d85a00; padding-left: 10px;}
.pic_guide dd{ margin: 0 0 5px 20px;}

.pic_box{ text-align: center; padding-bottom: 30px;}

.about_dl{ background: url(../images/web/abroad/bg_about_dl.png) 445px 0 no-repeat; }
.about_dl p:first-child{ padding-right: 300px;}
.find_products{ background: url(../images/web/abroad/bg_find_products.png) 470px 330px no-repeat;}


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

div#guide_regist{}

div#chara_dl{
  padding-bottom: 15px;
  margin-bottom: 0;
  /* background:url(../images/web/abroad/chara_dl_01.png) no-repeat 540px 10px; */
}

div#user_merit_list{
  padding: 15px 15px 0px;
  border: 1px solid #ffcb67;
  border-top: 5px 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 15px;
}

div#regist_btn_inner{
  width: 400px;
  text-align: center;
  padding: 15px 30px;
  margin: 0 auto;
  border: 2px 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/abroad/btn_user_regist.png) left top no-repeat;
}

div#guide_regist div.bord {
  background: url(../images/web/abroad/bg_registuser_01_eng.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 .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: #ff0066;
  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/abroad/btn_main.png) no-repeat -1px -1040px;
}

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/abroad/btn_user_regist.png) left top no-repeat;
}


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/abroad/pic_registuser_01.png) no-repeat;
  width: 750px;
  height: 245px;
}

div.bg_registuser_02 {
  background: url(../images/abroad/abroad/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/abroad/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 ul.left{
  width: 350px;
  float: left;
}

div.question_box ul.right{
  margin-left: 360px;
}

div.question_box ul.left li,
div.question_box ul.right li{
  line-height: 1.4;
  text-indent: -20px;
  padding: 0 0 10px 25px;
  margin: 0 10px;
}

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: 0px 15px 0 0;
  background: url(../images/web/home/icon_more.png) no-repeat left 3px;
}


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

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_user_flow h3,
div.guest_user_flow h3{
  width: 375px;
  height: 31px;
  text-indent: -9999px;
  padding: 0;
  margin: 0;
  border: none;
}

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

div.guest_user_flow h3{
  background: url(../images/web/common/payment_guide_bg_eng.png) -395px -5px 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.flow_inner{
  line-height: 1.5;
  padding: 15px;
}

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

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

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

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

table#payment_chart th.pre_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.available,
table#payment_chart td.guest_user_pay p span.available{
  display: block;
  width: 24px;
  height: 24px;
  text-indent: -9999px;
  margin: 3px auto -15px;
  background: url(../images/web/common/payment_guide_bg_eng.png) -195px -505px no-repeat;
}

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 dd{
  margin-left: 12px;
  margin-bottom: 2px;
}

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

div#guide_creditcard{}

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

div#guide_emoney{}


/* ----- 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.base_title h1 span.guide_protect{
  font-size: 14px;
  font-weight: normal;
  padding-left: 5px;
}

/* システム変更のお知らせ */

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{
  color: #c00;
  font-size: 16px;
  text-align: center;
  padding: 0 0 0 30px;
  border: none;
  background: url(../images/web/common/icon_attention_01.png) 120px 2px no-repeat;
}

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

/* ----- ユーザー認証 ----- */

div#guide_dlv{}

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

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

th.viewer_type{ width: 140px;}
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{
  background: #b8cfe5;
}

table#guide_viewer th,
table#guide_viewer td,
table#guide_viewer2 th,
table#guide_viewer2 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{
  font-size: 12px;
  text-align: center;
  vertical-align: middle;
  background: #d6f5d0;
}

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{
  background: #dae6f2;
}

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

table#guide_viewer td p a,
table#guide_viewer2 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{
  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{
  font-size: 12px;
  line-height: 1.5;
}

/* ----- Necessary Software ----- */

dl.necessary_dlv{ padding-left: 15px; margin-bottom: 15px;}
dl.necessary_dlv dt{ width: 350px; height: 20px; float: left; clear: left;}
dl.necessary_dlv dd{ height: 20px; margin-left: 260px;}

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

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

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) -180px top no-repeat;}
p.tool_key a:hover{ background: url(../images/web/common/btn_trinity_down.png) -180px -40px no-repeat;}
p.tool_dec a{ background: url(../images/web/common/btn_trinity_down.png) -180px -80px no-repeat;}
p.tool_dec a:hover{ background: url(../images/web/common/btn_trinity_down.png) -180px -120px no-repeat;}
p.tool_dec_mov a{ background: url(../images/web/common/btn_trinity_down.png) -180px -160px no-repeat;}
p.tool_dec_mov a:hover{ background: url(../images/web/common/btn_trinity_down.png) -180px -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: 250px;
  background: url(../images/web/abroad/pic_trinity_serial_display_eng.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_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/abroad/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: 15px 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/abroad/ps_review_01.png) center top no-repeat;}
p#ps_review_02{ height: 95px; background: url(../images/web/abroad/ps_review_02.png) center top no-repeat;}
p#ps_review_03{ height: 145px; background: url(../images/web/abroad/ps_review_03.png) center top no-repeat;}
p#ps_review_04{ height: 145px; background: url(../images/web/abroad/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;}


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

div#guide_affiliate{}

div#aff_header {width: 795px; height: 530px; background: url(../images/web/abroad/mainpic_af_01.png) no-repeat center center;}
div#aff_header .article_box{padding-top: 382px;  background: url(../images/web/abroad/aspacer.gif)no-repeat center center;}

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

/* 報酬の種類 */
#af_reward{}
#af_reward table{ table-layout: fixed; margin-bottom: 20px; width: 500px;}
#af_reward th,
#af_reward td{ border: 2px solid #fff;}

#af_reward thead th:first-child{width: 90px;}
#af_reward table th.click{}

#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 tbody th{ text-align: right;}
#af_reward tbody td{ vertical-align: middle; background: #ffe5ee;}
#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{}
#af_reward tbody .require td{ text-align: left;}

#aff_charge{ height: 374px; margin-bottom: 20px; background: url(../images/web/abroad/pic_af_rate.jpg) no-repeat center bottom;}
#aff_charge_txt{ text-align: left; padding: 15px 0 0 15px;}

div#aff_pay_img{ height: 130px;	margin-bottom: 10px;	background: url(../images/web/abroad/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/abroad/pic_af_link_work.png) no-repeat center center;
}

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

#center_box{ margin: 0 auto;
  width: auto;
  height: auto;
  clear: none;
}


#left_box {float: left;}
#right_box {float: right;}

#center_box_regist{ /* margin:0 auto; */
  /* width: 340px; */
  /* height: 100px; */
  clear: none;
  position: relative; left: 220px;}

#left_box_regist {/* margin-right:10px; */ /* float:left; */ width: 160px;position: absolute;left: -45px;}
#right_box_regist {/* margin-left:10px; */ /* float:right; */ width: 310px;position: absolute;left: 118px;}


div#aff_setting table .center_box { margin: 0 auto; width: 270px; height: auto; clear: none;}
div#aff_setting table .left_box {width: 42px;float: left; }
div#aff_setting table .right_box {float: right; width: 220px;}

div#aff_setting_pic01 {
  height: 154px;
  background: url(../images/web/abroad/affi_pic_04_eng.png) no-repeat center center;
  padding-left: 210px;
  color: #ff3c7d;
}

.indent1{
  padding-left: 1em;
  text-indent: -1em;}

div#aff_setting_pic02 {
  margin-top: 10px;
  height: 210px;
  background: url(../images/web/abroad/affi_pic_05_eng.png) no-repeat center center;
}

div.box2 {
  position: absolute;
  left: -132px;
  top: -10px;
}

/* アフィリエイト参考ブログパーツ */
div.blog_parts00{	width: 765px;	height: 400px;	margin-bottom: 10px;}
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{
  width: 556px;
  height: 130px;
  margin: 20px auto 0;
  background: url(../images/web/abroad/cregist_bg_regist.gif) no-repeat left top;
  position: relative;
}

div#user_regist_link p{ /* text-align:center; */}
#guide_affiliate div#user_regist_link p{ text-align: left;}
div#user_regist_link p.welcome{ font-size: 16px; font-weight: bold; padding: 29px 0 8px; text-align: center !important;}
div#user_regist_link p.regist_user{/* margin:0 0 8px; */}

div.footer_link div#center_box_regist {
  position: absolute;
  left: 100px;
  top: 33px;
}

p.regist_user{ /* text-align:center; */}

div#guide_affiliate a.regist_user {
  display: block;
  width: 160px;  height: 40px;  cursor: pointer;  position: absolute;
  left: -20px;
  top: 25px;  outline: none;  text-indent: -9999px;  /* margin: 0 auto; */  /* border: 0; */
  background: url(../images/web/abroad/btn_main.png) no-repeat -1px -1040px;
}

div#guide_affiliate a.user_affiliate {
  display: block;
  width: 318px;
  height: 42px;  cursor: pointer;  position: absolute;
  top: 25px;
  left: -20px;
  outline: none;  text-indent: -9999px;  /* margin: 0 auto; */  /* border: 0; */
  background: url(../images/web/abroad/btn_main.png) no-repeat -320px -750px;
}

div#aff_blogparts_header a:hover img,
div#guide_affiliate a:hover img,
div#guide_affiliate a:hover,
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/abroad/cregist_bg_regist.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;}

/* ----- RSS配信について ----- */

div#guide_rss{}

img.rss_large{
  vertical-align: top;
  padding: 0 3px;
}

div.rss_list dl{ border-top: 1px dotted #434343;}

div.rss_list dl dt{
  float: left;
  width: 160px;
  height: 35px;
  line-height: 35px;
  clear: both;
  padding-left: 5px;
  border-bottom: 1px dotted #434343;
}

div.rss_list dl dt a{
  padding: 3px 0 3px 52px;
  background: url(../images/web/girls/icon_rss_large.gif) no-repeat 0 50%;
}

div.rss_list dl dd{
  height: 35px;
  line-height: 35px;
  margin-left: 165px;
  border-bottom: 1px dotted #434343;
}


/* モバイルサービス
--------------------------------------------------------- */

/* ----- 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/abroad/guide_touch_header_eng.gif) no-repeat left top;}

div#guide_touch div#service_guide{height: 376px; background: url(../images/web/abroad/pic_guide_touch_qr_eng.png) no-repeat left bottom; margin-bottom: 20px; position: relative;}

div#guide_touch div#service_guide ul{ position: absolute; top: 327px; width: 765px; left: 160px;}
div#guide_touch div#service_guide ul li{ display: block; float: left; text-align: center; line-height: 1.4; width: 140px; margin-right: 12px;}

div#guide_touch p#appli_pagelink a{
  width: 130px;
  height: 131px;
  position: absolute;
  right: 29px;
  bottom: 18px;
  text-indent: -9999px;
  background: url(../images/web/abroad/guide_touch_appli_link_eng.png) no-repeat left top;
}

div#guide_touch h3.point_head{ width: 765px; height: 32px; text-indent: -9999px; background: url(../images/web/abroad/guide_mobile_point_head_eng.gif) no-repeat left top; border: 0; padding: 0; margin: 0;}

div#guide_touch div#point_list{
  padding: 15px 15px 0px;
  border: 1px solid #ffcb67;
  border-top: 0px 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/abroad/guide_touch_point_bg_01_eng.gif) no-repeat right center #fff;}
div#guide_touch div#point_list dl#point_02{background: url(../images/web/abroad/guide_touch_point_bg_02_eng.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/abroad/guide_touch_point_01_eng.gif) no-repeat 15px bottom;}
div#guide_touch div#point_list dl#point_02 dt{background: url(../images/web/abroad/guide_touch_point_02_eng.gif) no-repeat 15px bottom;}
div#guide_touch div#point_list dl#point_03 dt{background: url(../images/web/abroad/guide_touch_point_03_eng.gif) no-repeat  15px bottom;}

div#guide_touch div#point_list dd{padding-bottom: 10px;}

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_eng.png) 430px center no-repeat;
}

p.welcome {
  text-align: center;
  margin: 26px 0 -16px 0;
  font-size: 16px;  font-weight: bold;
  /* padding: 12px 0 6px; */
}
#right_box_regist p {
  margin-left: 10px;
  width: 310px;
}

/* ----- 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_eng.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;}


/* =========================================================
　ご利用ガイド（サークル向け）
========================================================= */

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

/* ----- サークル登録のご案内（リニューアル） ----- */

/* 共通 */
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: 10px;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/abroad/mainpic_circle_invite_eng.png) no-repeat left top;
}

p.c_work,
p.c_circle{
  position: absolute;
  font-family: Arial,Helvetica,sans-serif;
  color: #ff5991;
  font-size: 18px;
  font-weight: bold;
  letter-spacing: 0.2px;
}

p.c_work{
  top: 145px;
  right: 240px;
}

p.c_circle{
  top: 205px;
  right: 240px;
}

p#btn_goto_panf{
  position: absolute;
  bottom: 5px;
  right: 68px;
}

p#btn_goto_panf a{
  display: block;
  width: 155px;
  height: 155px;
  overflow: hidden;
  text-indent: -9999px;
  background: url(../images/web/abroad/btn_pamph_dl_pagelink_eng.png) no-repeat left top;
}

p#btn_goto_panf a:hover{background: url(../images/web/abroad/btn_pamph_dl_pagelink_eng.png) no-repeat left -155px;}

/* サークル登録ボタン */

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

#guide_affiliate p.regist_circle{/* text-align:center; */}
#guide_affiliate p.regist_circle a{
  display: block;

  height: 40px;
  cursor: pointer;
  outline: none;
  text-indent: -9999px;
  margin: 0 auto;
  border: 0;
}

p.regist_circle a{ background: url(../images/web/abroad/btn_main.png) no-repeat -320px -709px;}
p.regist_circle a{
  display: block;
  width: 318px;
  height: 40px;
  cursor: pointer;
  outline: none;
  text-indent: -9999px;
  margin: 0 auto;
  border: 0;
}

/* パンフレット関連ボタン */

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

p.invite_panf_btn_pdf a{ background: url(../images/web/abroad/btn_main.png) no-repeat -320px -669px;}


/* ダウンロード販売について */

div#circle_invite_merits{
  padding: 20px 30px 25px;
  margin: 10px 0 0;
  border: #d9d9d9 1px solid;
  background: #f0f0f0;
}

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;
  overflow: hidden;
  text-indent: -9999px;
  padding-bottom: 5px;
  margin-bottom: 10px;
  border-bottom: #bfbfbf 1px dotted;
}
div#circle_invite_merits dt.ci_merits_tit span.point1{background: url(../images/web/abroad/title_invite_merit_eng.png) no-repeat left top;}
div#circle_invite_merits dt.ci_merits_tit span.point2{background: url(../images/web/abroad/title_invite_merit_eng.png) no-repeat left -48px; margin-top: 25px;}
div#circle_invite_merits dt.ci_merits_tit span.point3{background: url(../images/web/abroad/title_invite_merit_eng.png) no-repeat left -96px; margin-top: 20px;}

div#circle_invite_merits dd.merits_schema p{
  width: 700px;
  height: 60px;
  overflow: hidden;
  text-indent: -9999px;
  margin-top: 10px;
  background: url(../images/web/abroad/pic_circle_4stepflow_eng.png) no-repeat left top;
}

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: 73px;
  overflow: hidden;
  line-height: 1.4;
  color: #333;
  text-decoration: none;
  padding: 37px 10px 0 10px;
  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/abroad/btn_circle_merits_eng.png) no-repeat left top;}
ul#ci_merits_dlsite_service li a.ds02{background: url(../images/web/abroad/btn_circle_merits_eng.png) no-repeat left -110px;}
ul#ci_merits_dlsite_service li a.ds03{background: url(../images/web/abroad/btn_circle_merits_eng.png) no-repeat left -220px;}
ul#ci_merits_dlsite_service li a.ds04{background: url(../images/web/abroad/btn_circle_merits_eng.png) no-repeat left -330px;}
ul#ci_merits_dlsite_service li a.ds05{background: url(../images/web/abroad/btn_circle_merits_eng.png) no-repeat left -440px;}
ul#ci_merits_dlsite_service li a.ds06{background: url(../images/web/abroad/btn_circle_merits_eng.png) no-repeat left -550px;}

ul#ci_merits_dlsite_service li a.ds01:hover{background: url(../images/web/abroad/btn_circle_merits_eng.png) no-repeat right top;}
ul#ci_merits_dlsite_service li a.ds02:hover{background: url(../images/web/abroad/btn_circle_merits_eng.png) no-repeat right -110px;}
ul#ci_merits_dlsite_service li a.ds03:hover{background: url(../images/web/abroad/btn_circle_merits_eng.png) no-repeat right -220px;}
ul#ci_merits_dlsite_service li a.ds04:hover{background: url(../images/web/abroad/btn_circle_merits_eng.png) no-repeat right -330px;}
ul#ci_merits_dlsite_service li a.ds05:hover{background: url(../images/web/abroad/btn_circle_merits_eng.png) no-repeat right -440px;}
ul#ci_merits_dlsite_service li a.ds06:hover{background: url(../images/web/abroad/btn_circle_merits_eng.png) no-repeat right -550px;}

dd#precomic{
  height: 280px;
  overflow: hidden;
  padding: 15px 0 0 410px;
  background: url(../images/web/abroad/pic_pamph_precomic_eng.png) no-repeat left 5px;
}

div.btn_box_panf{
  line-height: 1.4;
  text-align: center;
  padding: 30px 0 20px;
  margin: 5px auto 0;
  border: 1px solid #d9d9d9;
  background-color: #fff;
}

div.btn_box_panf p.invite_panf_btn_pdf{
  width: 234px;
  margin: 0 auto;
}

/* 価格設定について */

p.cregist_price{float: left;margin: 10px 0;}

div.price_chara_comment{
  float: left;
  position: relative;
  width: 330px;
  height: 150px;
  margin-bottom: 10px;
  background: url(../images/web/abroad/pic_price_chara.jpg) no-repeat right top;
}

div.price_chara_comment p{
  width: 140px;
  height: 60px;
  position: absolute;
  left: 16px;
  top: 50px;
  text-align: center;
}

div#work_price_list{clear: both;}

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

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

div#work_price_list th,
div#work_price_list td{
  text-align: right;
  border-left: none;
}

div#work_price_list th span,
div#work_price_list td span{
  color: #c00;
}

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.selling_price,
div#work_price_list td.selling_price{
  border-right: 1px dashed #ccc;
}

div#work_price_list th.right_cell,
div#work_price_list td.right_cell{
  border-right: 1px solid #bbb;
}

/* パートナー（CuriousFactory）について */

div#about_dl_partner{ background: url(../images/web/abroad/pic_curiousfactory_log_eng.gif) left 5px no-repeat;}
div#about_dl_partner p{ padding-left: 140px;}

/* 誘導リンク */

div#link_btn_box_01.ci{margin-bottom: 30px;}

div#link_btn_box_01 p.btn_guide_01.ci_welcome{
  width: 524px;
  height: 50px;
  overflow: hidden;
  text-indent: -9999px;
  margin: -5px auto 10px;
  background: url(../images/web/abroad/txt_circle_invite_finish_eng.png) no-repeat left top;
}

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{ margin-bottom: 15px;}


/* サービスのご案内
--------------------------------------------------------- */

/* ----- 他店舗販売 ----- */

div#guide_sell_other{}

/* ----- DLsite Mobile販売 ----- */

div#guide_sell_mobile{}

div#guide_sell_mobile table#mobile_work_list{
  margin-bottom: 15px;
}

div#guide_sell_mobile table.static_table ul.base_list_hs{ padding-bottom: 0;}

div#guide_sell_mobile table#mobile_price_list{ table-layout: fixed;}
div#guide_sell_mobile table#mobile_price_list th.top_left{ width: 130px;}
div#guide_sell_mobile table#mobile_price_list tr.top_th th{ text-align: center; font-weight: bold;}

div#guide_sell_mobile table#mobile_price_list th.worktype_01,
div#guide_sell_mobile table#mobile_price_list th.worktype_02{ font-size: 13px;font-weight: bold; width: 130px;}

div#guide_sell_mobile table#mobile_price_list th.worktype_01,
div#guide_sell_mobile table#mobile_price_list td.worktype_01{ background: #efffe1;}
div#guide_sell_mobile table#mobile_price_list th.worktype_02,
div#guide_sell_mobile table#mobile_price_list td.worktype_02{ background: #fff1f9;}

div#guide_sell_mobile table#mobile_price_list td.worktype_01,
div#guide_sell_mobile table#mobile_price_list td.worktype_02{ font-size: 13px; text-align: center; vertical-align: middle;}

div#guide_sell_mobile table#mobile_price_list th,
div#guide_sell_mobile table#mobile_price_list td{ border-right: none;}


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

/* メールマガジンの内容
--------------------------------------------------------- */

div.mailmagasine_attention{
  width: 400px;
  margin: -15px 15px 25px;
  border: 1px dotted #F16A99;
  background: #FFF2F8;
}

div.mailmagasine_attention p{
  padding: 10px;
  line-height: 1.4;
}

/* メールマガジンの登録
--------------------------------------------------------- */


table#mailmagasine_choice td.modify_guide{
  width: 170px;
}

table#mailmagasine_choice table{
  margin-bottom: 10px;
}

table#mailmagasine_choice table td{
  border: none;
  padding: 0;
}

table#mailmagasine_choice table td.name{
  padding: 5px 0;
}

table#mailmagasine_choice table td.name input{
  vertical-align: middle;
}

table#mailmagasine_choice table td.time{
  color: #ff9500;
  padding: 5px 10px;
}

table#mailmagasine_choice table td.backnumber{
  padding: 5px 10px;
}

table#mailmagasine_choice ul.input_list_row{
  padding-top: 10px;
  border-top: 1px solid #434343;
}


/* =========================================================
　サイトマップ
========================================================= */

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

div.sitemap_list h5{
  font-size: 12px;
  font-weight: bold;
}

div.eng_map{ background: #eee;}
div.ecchieng_map{ background: #eee;}
div.gayeng_map{ background: #eee;}

div.eng_map h3,
div.ecchieng_map h3,
div.gayeng_map h3{ color: #ffffff;}

div.eng_map h3{ border-color: #48b33e;	background: #48b33e;}
div.ecchieng_map h3{ border-color: #d96257;	background: #d96257;}
div.gayeng_map h3{	border-color: #1490e7;	background: #1490e7;}
div.eng_map h4{ color: #48b33e;}
div.ecchieng_map h4{	color: #d96257;}
div.gayeng_map h4{	color: #1490e7;}

div.sitemap_list ul{
  margin: 0 0 5px 10px;
}

div.sitemap_list ul li{
  padding: 2px 0 8px 10px;
  background: url(../images/web/home/list_left_bg.gif) left 0 no-repeat;
}

div.sitemap_list ul li ul li{
  padding: 2px 0 8px 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: 8px 0 0;
  margin: 0;
}

div.sitemap_list ul li ul li.tree_end{
  padding-bottom: 0;
}