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

/*

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

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

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

　テキストスタイル
　段組みスタイル
　基本枠
　切り替えタブ
　アイコン+テキスト
　アイコン置き換え
　テーブルスタイル
　表示スタイル
　登録ボタンロング
　メルマガ登録

*/


/* ==================================================================================================================
　ページ構成
================================================================================================================== */

#container{
  font-size: 12px;
  width: 100%;
  text-align: left;
  margin-left: auto;
  margin-right: auto;
  min-width: 991px;
}

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


/* main_inner内 2カラム
--------------------------------------------------------- */

#in_2col_main{
  width: 100%;
  float: left;
  margin-right: -168px;
}

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

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


/* ==================================================================================================================
　ヘッダー構成
================================================================================================================== */

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


/* ヘッダーエリア1
--------------------------------------------------------- */

#header{ margin: 0px 15px;}

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

/* ----- 上部メニュー ----- */

#utility_menu{
  float: right;
  color: #666666;
  font-size: 11px;
  text-align: right;
  padding: 5px 3px 5px 20px;
}

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

div#utility_menu span.welcome_icon{
  padding-left: 13px;
  background: url(../images/web/home/icon_welcome.gif) left center no-repeat;
}

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

/* ----- 挨拶文 ----- */

#header_message{
  color: #666666;
  font-size: 11px;
  padding: 5px 0 5px 3px;
}


/* ヘッダーエリア2
--------------------------------------------------------- */

div#header_top{
  height: 45px;
  margin: 0 10px 0 10px;
}

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

span#category_logo{ margin: 12px 0 0 5px;}

/* ----- ガイドナビ ----- */

ul#guide_nav{
  width: 298px;
  height: 32px;
  float: right;
}

ul#guide_nav li{ float: left;} 

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

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

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

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

li#nav_circle a{ width: 106px; background: url(../images/web/home/guide_nav.png) -192px top no-repeat;}
li#nav_circle a:hover{ background: url(../images/web/home/guide_nav.png) -192px -32px no-repeat;}


/* ヘッダーエリア3
--------------------------------------------------------- */

div#header_menu{
  width: 100%;
  height: 77px;
  background: url(../images/web/home/header_bg.gif) repeat-x left top;
}

table#header_main{
  width: 100%;
  height: 36px;
  background: url(../images/web/home/header_left_bg.gif) no-repeat left top;
}

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

/* ----- カテゴリナビ ----- */

table#header_main td.category_nav_box{ width: 355px;}
/*table#header_main td#general{ width:275px;}*/

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

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

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

li#cn_home a,
li#cn_soft a,
li#cn_comic a,
li#cn_maniax a,
li#cn_pro a,
li#cn_books a,
li#cn_nijiyome a{	background: url(../images/web/home/category_nav_bg.png) no-repeat;}

li#cn_home a{	background-position: left top;}
li#cn_soft a{	background-position: -85px top;}
li#cn_comic a{ background-position: -170px top;}

li#cn_maniax a{	background-position: left top;}
li#cn_pro a{	background-position: -85px top;}
li#cn_books a{	background-position: -170px top;}

li#cn_nijiyome a{	background-position: -255px top;}

li#cn_home a:hover{	background-position: 0 -34px;}
li#cn_soft a:hover{	background-position: -85px -34px;}
li#cn_comic a:hover{	background-position: -170px -34px;}

li#cn_maniax a:hover{	background-position: 0 -106px;}
li#cn_pro a:hover{	background-position: -85px -106px;}
li#cn_books a:hover{	background-position: -170px -106px;}

li#cn_nijiyome a:hover{	background-position: -255px -106px;}

li#cn_home_on a,
li#cn_soft_on a,
li#cn_comic_on a,
li#cn_maniax_on a,
li#cn_pro_on a,
li#cn_books_on a,
li#cn_nijiyome_on a{
  position: relative;
  height: 38px;
  margin: 4px 0 -6px;
  background: url(../images/web/home/category_nav_bg.png) no-repeat;
}

li#cn_home_on a{	background-position: 0 -68px;}
li#cn_soft_on a{	background-position: -85px -68px;}
li#cn_comic_on a{	background-position: -170px -68px;}

li#cn_maniax_on a{	background-position: 0 -140px;}
li#cn_pro_on a{	background-position: -85px -140px;}
li#cn_books_on a{	background-position: -170px -140px;}

li#cn_nijiyome_on a{	background-position: -255px -140px;}

/* ----- にじよめ対応 ----- */

li#cn_nijiyome,
li#cn_nijiyome_on{
  position: relative;
}

li#cn_nijiyome span,
li#cn_nijiyome_on span{
  background: url(../images/event/nijiyome201304/new.png) no-repeat;
  display: block;
  width: 35px;
  height: 20px;
  position: absolute;
  top: -2px;
  left: 57px;
  text-indent: -9999px;
}

/* ----- 検索 ----- */

td#search_area table{
  width: 100%;
  table-layout: fixed;
}

td#search_select{ width: 135px;}

td#search_select select{
  font-size: 12px;
  width: 130px;
  margin: 6px 0 0;
  padding: 2px 0;
}

td.search_t{ width: 100%;}

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

td.search_btn{	width: 65px;}

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

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

/* ----- キーワードの追加・再検索 ----- */

input#research_text{
  margin: 0 5px 0 0;
  font-size: 13px;
  width: 80%;
  border: 1px solid #666666;
  background: #fff;
  float: left;
  padding: 2px 5px;
}

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

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

table#header_main td.nav_favorite,
table#header_main td.nav_cart{ width: 96px;}

table#header_main td.nav_play{	width: 104px; background: url(../images/web/home/header_right_bg.gif) right top no-repeat;}

table#header_main td.nav_favorite a,
table#header_main td.nav_cart a,
table#header_main td.nav_play a{
  height: 28px;
  width: 96px;
  display: block;
  text-indent: -9999px;
  margin-top: 4px;
  overflow: hidden;
}

table#header_main td.nav_favorite a{background: url(../images/web/home/btn_header_btn.png) left top no-repeat;}
table#header_main td.nav_favorite a:hover{background: url(../images/web/home/btn_header_btn.png) left -28px no-repeat;}
table#header_main td.nav_cart a{background: url(../images/web/home/btn_header_btn.png) -96px top no-repeat;}
table#header_main td.nav_cart a:hover{background: url(../images/web/home/btn_header_btn.png) -96px -28px no-repeat;}
table#header_main td.nav_play a{background: url(../images/web/home/btn_header_btn.png) -192px top no-repeat;}
table#header_main td.nav_play a:hover{background: url(../images/web/home/btn_header_btn.png) -192px -28px no-repeat;}


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

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

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

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

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

/* ----- カテゴリサブナビ ----- */

#header_menu2{padding: 0 3px;}

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

table#sv_home td{background: url(../images/web/home/sub_nav_general_bg.png) left top repeat-x;}
table#sv_soft td{background: url(../images/web/home/sub_nav_general_bg.png) left -30px repeat-x;}
table#sv_comic td{background: url(../images/web/home/sub_nav_general_bg.png) left -60px repeat-x;}
table#sv_maniax td{background: url(../images/web/home/sub_nav_adult_bg.png) left top repeat-x;}
table#sv_pro td{background: url(../images/web/home/sub_nav_adult_bg.png) left -30px repeat-x;}
table#sv_books td{background: url(../images/web/home/sub_nav_adult_bg.png) left -60px repeat-x;}
table#sv_novelmaid td{background: url(../images/web/home/sub_nav_adult_bg.png) left -96px repeat-x;}

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

#header_menu2 td#sub_nav_home{width: 40px;}

#header_menu2 td#sub_nav_home a{
  text-indent: -9999px;
  overflow: hidden;
  background: url(../images/web/home/sub_nav_home.gif) center top no-repeat;
}

#header_menu2 table.sub_nav p a{
  display: block;
  color: #536280;
  height: 24px;
  line-height: 24px;
  background: url(../images/web/home/sub_nav_line.gif) no-repeat left top;
}

#header_menu2 table.sub_nav a:hover{
  color: #536280;
  text-decoration: none;
  background: url(../images/web/home/sub_nav_line.gif) no-repeat left top #fefefe;
}

/* ----- 簡易ヘッダ ----- */

div#header_simple{
  padding: 10px 0px 10px;
  margin-left: -15px;
  margin-right: -15px;
}

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

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

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

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

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

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

/* ----- パンくずリスト ----- */

p#topicpath{
  position: relative;
  color: #666666;
  font-size: 11px;
  padding: 0 0 10px 3px;
  margin: -5px 0 0;
}

p#topicpath a{
  color: #003399;
}


/* ==================================================================================================================
　フッター構成
================================================================================================================== */

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

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

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

ul#footer_nav{
  clear: both;
  margin: 5px 10px;
}

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

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

div#footer_link li{
  display: inline;
  padding: 0 10px;
  border-right: 1px solid #666666;
}

div#footer_link li.last,
ul#footer_nav li.last{
  border-right: none;
}

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

div#footer_link li a,
ul#footer_nav li a{color: #536280;}

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

div#copyright{
  color: #fff;
  height: 30px;
  line-height: 30px;
  text-align: center;
  background: url(../images/web/home/copyright_bg.png) repeat-x;
}

/* ----- フッターバナー ----- */

div.bn_footer_1box{
  clear: both;
  background: url(../images/web/home/bg_bn_footer.gif) left top repeat-x;
  text-align: center;
  padding: 40px 0 5px;
}

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

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

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

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

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

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

/* ----- サーチリンク ----- */

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

div.list_content{
  padding: 5px;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

/* 選択状態 */

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

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

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

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

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

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

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

/* サブメニュー */

ul.list_content_text_01_line li ul.sub_menu{
  display: none;
}

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

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

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

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

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

/* 選択時サブメニュー */

ul.list_content_text_01_line li.select{
  color: #e58600;
  font-weight: bold;
  padding: 5px 5px 5px 15px;
  background: url(../images/web/home/list_left_bg.gif) no-repeat 5px 5px #fff9d9;
  z-index: 1;
}

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

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

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

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

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

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

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

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

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

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

/* サイト切り替え */

ul#lm_target{
  border-top: 1px solid #536280;
}

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

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

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

ul#lm_target li.lm_t_bottom a{

}

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

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

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


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

ul.left_version_up_list li p span{
}

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

/* ----- お気に入り ----- */

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

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

/* ----- アフィリエイト売上情報 ----- */

#left_af_report{}

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

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

#left_af_report table th{ padding-right: 0px;}
#left_af_report table td{ color: #c00; padding-left: 0px; text-align: right;}
#left_af_report table td span{ font-size: 11px;}

#left_af_report table tr:last-child th,
#left_af_report table tr:last-child td{ border-bottom: none;}
#left_af_report table tr:last-child td{ font-weight: bold;}
#left_af_report table tr:last-child td span{ font-weight: normal;}

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

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

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

/* ----- 特集 ----- */

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

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

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

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

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

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

div.last_report{}

/* ----- オススメ作品 ----- */

div.left_pr_work div.left_module_content{
  padding: 15px 9px 0;
}

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

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

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

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

/* ----- 詳細へリンク ----- */

p.more{
  clear: left;
  color: #536280;
  padding-top: 6px;
  text-align: right;
}

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

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

p.edit a{ color: #536280;}

/* ----- ご利用案内・モバイル ----- */

div#left_pay,
div#left_privacy,
div#left_mobile,
div#left_ssl{
  padding: 5px;
  border-top: 1px solid #8f9fbf;
}

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

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

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

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

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

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

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

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

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

/* ----- SNS公式アカウント ----- */

/* twitter widget */

div#left_twitter .twtr-doc{
  border-radius: 0;
}

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

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

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

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

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

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

/* SNSリンク */

div#left_sns{
  overflow: hidden;
}

div#left_sns ul{
}

div#left_sns ul li{
  background: url(../images/web/home/bg_left_sns.gif) no-repeat left top;
  height: 50px;
  position: relative;
  border-top: 1px dotted #536280;
}
div#left_sns ul li:first-child{ border-top: none;}

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

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

/* ----- 登録ボタン＆アフィリエイト案内＆とことん利用 ----- */

div#left_regist_btn{padding: 5px;}
div#left_regist_btn li#left_regist_btn_user{padding-bottom: 0;border: none;}
div#left_regist_btn li#left_regist_btn_circle.border_n{border: none;}

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

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

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

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

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

/* キャンペーン一覧
--------------------------------------------------------- */

div.left_campaign_list{
  font-size: 12px;
  line-height: 1.3;
  padding: 5px;
}

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

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

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

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

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


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

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

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

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

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

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

div#nijiyome img { width: 94%;}

/* ----- マスコットキャラクター ----- */

div#right_chara{ position: relative; margin-bottom: 0;}

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

/* ----- バナー ----- */

div.right_banner_inner{padding: 5px 0 0;}

div.right_banner_inner02 {padding: 0px !important;}

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

/* ----- カウント ----- */

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

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

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

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

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

div.right_count_inner dl dd{
  margin-left: 100px;
}

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

/* ----- ランキング ----- */

table.rank_content{ width: 100%;}

/* マイページ用 */

div.sub_name{
  padding: 1px 0;
  border-bottom: 1px solid #8f9fbf;
}

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

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

/* ----- ランキングタブ ----- */

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

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

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

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

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

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

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

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

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

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

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

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

/* 順位 */

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

/* TOP10 */

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

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

.rank1 td.work_dl{ background: url(../images/web/home/ranking_1_bg.gif)	no-repeat 2px top;}
.rank2 td.work_dl{ background: url(../images/web/home/ranking_2_bg.gif) no-repeat 2px top;}
.rank3 td.work_dl{ background: url(../images/web/home/ranking_3_bg.gif)	no-repeat 2px top;}
.rank4 td.work_dl{ background: url(../images/web/home/ranking_4_bg.gif)	no-repeat 2px top;}
.rank5 td.work_dl{ background: url(../images/web/home/ranking_5_bg.gif)	no-repeat 2px top;}
.rank6 td.work_dl{ background: url(../images/web/home/ranking_6_bg.gif)	no-repeat 2px top;}
.rank7 td.work_dl{ background: url(../images/web/home/ranking_7_bg.gif)	no-repeat 2px top;}
.rank8 td.work_dl{ background: url(../images/web/home/ranking_8_bg.gif)	no-repeat 2px top;}
.rank9 td.work_dl{ background: url(../images/web/home/ranking_9_bg.gif)	no-repeat 2px top;}
.rank10 td.work_dl{ background: url(../images/web/home/ranking_10_bg.gif)	no-repeat 2px top;}

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

/* DL数 */

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

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

/* 変動矢印 */

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

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

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

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

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

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

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

/* 詳細へ */

p.more_right{
  text-align: right;
  padding: 8px 5px;
}

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

/* ----- おすすめ作品 ----- */

/* シンプル版 */

table.simple_content td.work_box{
  text-align: center;
  padding: 5px 10px;
  border-bottom: 1px dotted #8f9fbf;
}

table.simple_content td.work_box img{
}

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

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

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

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

/* テキスト有版 */

table.long_content td.work_box,
table.short_content td.work_box{
  border-bottom: 1px dotted #8f9fbf;
}

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

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

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

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

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

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

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

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

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

/* タブ */

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

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

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

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

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

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

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

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

/* ----- ピックアップ ----- */

table.pickup_content{ width: 100%;}

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

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

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

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

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

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

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

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

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

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

/* ----- 発売予告作品 ----- */

table.announce_content{
  width: 100%;
}

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

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

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

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

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

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

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

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

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

/* ----- レビュー ----- */

table.review_content{ width: 100%;}

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

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

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

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

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

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

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

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

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

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

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

/* ==================================================================================================================
　テンプレート内右カラム
================================================================================================================== */

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

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

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

/* ==================================================================================================================
　トップページ
================================================================================================================== */

/* お知らせ
--------------------------------------------------------- */

#top_info{
  background: #F5F7FA;
  margin-bottom: 15px;
  height: 1.5em;
  position: relative;
  padding: 5px 10px;
  border-top: dotted 1px #B8C3D9;
  border-bottom: dotted 1px #B8C3D9;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
  overflow: hidden;
  cursor: pointer;
}

#top_info.opened{height: 7.5em;}

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

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

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

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

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

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

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

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

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

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

/* ----- センターバナー 3つ横並び用 ----- */

div.bn_center_3box{
  text-align: center;
  margin-top: 5px;
  margin-bottom: 12px;
  margin-right: -5px;
}

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

/* ----- センターバナー 1つ用 ----- */

div.bn_center_1box{
  text-align: center;
  margin-bottom: 10px;
  margin-top: 5px;
}

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


/* おすすめ作品（タブ切り替え）
--------------------------------------------------------- */

#push_content{ margin-bottom: 15px;}

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

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

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

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

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

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

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

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

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

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

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


/* ピックアップ（PCソフト、電子書籍）
--------------------------------------------------------- */

#pickup_worklist{ margin-bottom: 16px;}

#pickup_worklist dl.work_2col{}
#pickup_worklist dl.work_2col dt{}
#pickup_worklist dl.work_2col dd{}

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


/* 新着作品
--------------------------------------------------------- */

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

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

/* ----- ジャンル別新着 ----- */

.link_genre_top{
  padding: 8px 10px;
  margin-bottom: 12px;
  background: #e6eaf2;
}

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

.link_genre_top #pro_genre{}
.link_genre_top #pro_genre li{ width: 50%;}

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

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

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

/* ----- 絞り込み ----- */

.display_filter{ text-align: right; margin-bottom: 12px;}
.display_filter div{ display: inline-block; color: #333;}
.display_filter ul{ display: inline-block; margin-left: -6px;}
.display_filter li{ display: inline-block; padding: 0 8px; background: url(../images/web/home/list_divide_border.gif) no-repeat right 50%;}
.display_filter li:last-child{ background: none;}

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

/* ----- 日付見出し ----- */

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

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

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

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

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

div.work_update h3 span{ font-weight: normal;}

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

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

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

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

/* ----- もっと見る ----- */

div#more_work_box{
  font-size: 12px;
  height: 28px;
  margin: 10px auto 20px;
  border-top: 2px solid #536280;
  background-color: #e6eaf2;
}

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

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

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

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


/* ==================================================================================================================
　カート
================================================================================================================== */

#cart_wrapper{ }

/* 消費税率引き上げに関するご案内
--------------------------------------------------------- */

.about_tax,
.about_tax_cart,
.about_tax_report{
  line-height: 1.5;
  font-size: 12px;
  margin-bottom: 15px;
  border: 1px solid #f38597;
  background-color: #fff2f2;
}

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

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

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

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

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

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

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

.about_tax p{ padding: 0px 10px 8px;}
.about_tax.close > p{ display: none;}

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

.about_tax_report{ width: 793px;}

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

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

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

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

/* カートの中身（作品リスト）
--------------------------------------------------------- */

div#cart_work_list p.base_text_15{ text-align: right;}
div#cart_work_list p.base_text_15 span{ padding: 0 10px;}

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

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

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

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

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

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

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

div#cart_work_list td.work_delete input[type="submit"]{
  background: none;
  border: 0;
  color: #039;
  cursor: pointer;
  margin: 0;
  overflow: visible;
  padding: 0;
  font-size: 11px;
  outline: none;
  text-decoration: none;
}

div#cart_work_list td.work_delete input[type="submit"]:hover{
  color: #639;
  text-decoration: underline;
}

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

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

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

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


/* 購入作品の確認（作品リスト）
--------------------------------------------------------- */

div#buy_work_list{ width: 795px;}

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

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

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

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

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

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

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


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

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

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

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

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

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

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

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

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

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


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

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

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

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

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

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

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

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

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

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

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


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

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

/* 選択済みクーポン */
.available_coupon_box{
  display: table;
  margin-bottom: 10px;
}
.available_coupon_box > p.coupon_name,
.available_coupon_box > p.coupon_name + div{
  display: table-cell;
  vertical-align: middle;
}

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

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

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

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




/* クーポンオーバーレイ
--------------------------------------------------------- */
div.global_overlay{
  background: rgba(63,76,88,0.4);
  filter:progid:DXImageTransform.Microsoft.Gradient(GradientType=0,StartColorStr=#66000000,EndColorStr=#66000000);
  position: fixed;
  height: 100%;
  width: 100%;
  top: 0;
  left: 0;
  z-index: 9999;
  padding: 50px 100px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

div.global_overlay_container{
  height: 100%;
  position: relative;
}

div.global_overlay_content{
  background: #fff;
  border-radius: 5px;
  box-shadow: 0 3px 9px rgba(0,0,0,0.3);
  overflow: hidden;
  min-width: 790px;
  max-width: 1100px;
  min-height: 520px;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  margin: auto;
}

/* クーポンオーバーレイ見出し */
div.coverlay_content_title{
  background: #607194;
  color: #fff;
  font-weight: bold;
  height: 50px;
  font-size: 18px;
  line-height: 50px;
  padding-left: 20px;
  position: relative;
}

div.coverlay_content_title p{
  position: absolute;
  right: 20px;
  top: 18px;
  width: 13px;
  height: 0;
  padding-top: 13px;
  overflow: hidden;
  font-size: 12px;
  cursor: pointer;
  background: url(../images/web/home/icon_setting_shut.gif) left bottom no-repeat;
}

/* クーポンオーバーレイ中身 */
div.overlay_content_inner{
  padding: 20px 0;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

div.selected_box,
div.choose_box{
  padding: 0 20px;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

dl.coupon_condition{
  display: none;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

p.btn_login_cart{
  padding: 2px 0;
}

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

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

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

/* 購入ボタン */

div.payment_btn_select{
  border: 1px solid #b8c3d9;
  border-radius: 4px;
  margin: 4px;
  -moz-box-shadow: 0 1px 0 rgba(255,255,255,.5);
  -webkit-box-shadow: 0 1px 0 rgba(255,255,255,.5);
  box-shadow: 0 1px 0 rgba(255,255,255,.5);
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

/* ユーザー購入 */

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

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

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

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

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

/* 決済ボタン
--------------------------------------------------------- */

table.payment_btn{
  width: 95%;
  table-layout: fixed;
  margin: 10px auto;
  border: 1px solid #b8c3d9;
}

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

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

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

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


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

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

/* メンテナンス中 */

table.payment_btn td.mentenance p{
  font-size: 11px;
  line-height: 1.3;
  text-align: center;
  padding: 0;
  color: #cc0000;
}

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

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

/* バナー */

p#cart_bn_user_regist{
  margin: 10px 0;
}

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

p#cart_bn_user_regist_02 a{
  display: block;
  width: 540px;
  height: 60px;
  background: url(../images/web/home/bn_cart_regist_02.gif) no-repeat 0 0;
  text-indent: -9999px;
}

/* 外部決済ガイド */

div#cart_payment_guide{
  background: url(../images/web/home/cart_right_guide_bg.gif) repeat-y;
}

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

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

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

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

/* ソフ倫作品が入ってます */

div.eocs_error{ text-decoration: line-through;}

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

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

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

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

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

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

/* 最近チェックした作品
--------------------------------------------------------- */

div.recently_check_work{
  width: 765px;
  padding: 10px;
  border: 5px solid #e6eaf2;
}/* 合計を795pxにする */

div.recently_check_work table{
  table-layout: fixed;
  width: 760px;
  margin-left: 10px;
}

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


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

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

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

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

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

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

/* ----- 購入時の注意事項 ----- */

div.payment_attention{
  width: 795px;
  margin: -10px 0 25px;
  border: 1px dotted #f16a99;
  background: #fff2f8;
}

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

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

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

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

/* ----- BitCashEXの入力項目 ----- */

div#input_bitcash input{margin: 0 5px; width: 60px;}


/* ==================================================================================================================
　ダウンロード
================================================================================================================== */

/* ダウンロード右カラム
--------------------------------------------------------- */

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

/* ダウンロード後のヘルプ */
ul.right_dl_faq li{ line-height: 1.4; padding: 7px; border-bottom: 1px dotted #8f9fbf;}
ul.right_dl_faq li.last{ border: none;}
ul.right_dl_faq li dt{ color: #e58600; font-weight: bold; margin-bottom: 5px;}
ul.right_dl_faq li dd{ font-size: 11px;}
ul.right_dl_faq li dt span{ color: #d94c63; padding-right: 5px;}
ul.right_dl_faq li dd span{ color: #d94c63; font-weight: bold; padding-right: 5px;}


/* ゲスト お問い合わせ番号
--------------------------------------------------------- */

div.base_text_15 p strong.guest_number{ color: #093; font-size: 16px;}

.btn_reissue{ margin-left: 20px;}


/* 購入作品のダウンロード（作品リスト）
--------------------------------------------------------- */

div#download_work_list{ margin-bottom: 20px;}
div#download_work_list td{ background-image: none;}

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

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

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

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

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

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

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

/* ----- 分割ファイルのダウンロード ----- */

div#download_division_file{
  width: 795px;
  margin-top: 10px;
  margin-bottom: 20px;
}

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

div#download_division_file td{ padding: 10px ;}

div#download_division_file th.work_download{ width: 170px; text-align: center;}
div#download_division_file td.work_download{ text-align: center; background-image: none;}
div#download_division_file td.work_download p.work_cart{ margin: 3px auto;}

div#download_division_file td.work_content{ vertical-align: middle; background-image: none;}
div#download_division_file td.work_content p{ font-size: 12px;}
div#download_division_file td.work_content strong{}
div#download_division_file td.work_content span{ padding-left: 5px;}

/* ----- ダウンロード・ブラウザ視聴ボタン ----- */

td.work_download p.work_cart{
  width: 140px;
  text-indent: -9999px;
  margin: 3px auto 0;
}

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

td.work_download p.work_cart a.btn_dl{ background: url(../images/web/home/btn_cart.png) left -120px no-repeat;}
td.work_download p.work_cart a.btn_dl:hover{ background: url(../images/web/home/btn_cart.png) left -150px no-repeat;}
td.work_download p.work_cart a.btn_dlsp{ background: url(../images/web/home/btn_cart.png) left -180px no-repeat;}
td.work_download p.work_cart a.btn_dlsp:hover{ background: url(../images/web/home/btn_cart.png) left -210px no-repeat;}
td.work_download p.work_cart a.btn_dlsp_dl{ background: url(../images/web/home/btn_cart.png) left -240px no-repeat;}
td.work_download p.work_cart a.btn_dlsp_dl:hover{ background: url(../images/web/home/btn_cart.png) left -270px no-repeat;}

td.work_stream a.btn_st{
  display: block;
  width: 140px;
  height: 30px;
  text-indent: -9999px;
  margin: 10px auto;
  background: url(../images/web/home/btn_cart.png) left -300px no-repeat;
}

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

p.work_download{
  width: 140px;
  text-indent: -9999px;
  margin: 3px 0 0;
}

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

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


/* ダウンロードFAQ
--------------------------------------------------------- */

div.error_faq{
  width: 795px;
  margin-bottom: 12px;
}

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

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

div.error_faq dd{}
div.error_faq dd p{ line-height: 1.5; margin-bottom: 1em;}
div.error_faq dd p.guide_image{ float: right; margin-left: 30px;}

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


/* ユーザー登録のご案内
--------------------------------------------------------- */

div#guest_user_guide{
  width: 795px;
  margin: 0 auto 10px;
}

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

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

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

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

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

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

/* 引き続き、買い物を続ける
--------------------------------------------------------- */

div#buy_continue_guide{
  margin: 15px 0 30px;
}

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

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

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

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

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

div#buy_check_report li.home a{ background: url(../images/web/home/bn_report_home.jpg) left top no-repeat;}
div#buy_check_report li.soft a{ background: url(../images/web/home/bn_report_soft.jpg) left top no-repeat;}
div#buy_check_report li.comic a{ background: url(../images/web/home/bn_report_comic.jpg) left top no-repeat;}
div#buy_check_report li.maniax a{ background: url(../images/web/home/bn_report_maniax.jpg) left top no-repeat;}
div#buy_check_report li.pro a{ background: url(../images/web/home/bn_report_pro.jpg) left top no-repeat;}
div#buy_check_report li.books a{ background: url(../images/web/home/bn_report_books.jpg) left top no-repeat;}

div#buy_check_report li.home a:hover{ background: url(../images/web/home/bn_report_home.jpg) left -70px no-repeat;}
div#buy_check_report li.soft a:hover{ background: url(../images/web/home/bn_report_soft.jpg) left -70px no-repeat;}
div#buy_check_report li.comic a:hover{ background: url(../images/web/home/bn_report_comic.jpg) left -70px no-repeat;}
div#buy_check_report li.maniax a:hover{ background: url(../images/web/home/bn_report_maniax.jpg) left -70px no-repeat;}
div#buy_check_report li.pro a:hover{ background: url(../images/web/home/bn_report_pro.jpg) left -70px no-repeat;}
div#buy_check_report li.books a:hover{ background: url(../images/web/home/bn_report_books.jpg) left -70px no-repeat;}

div#buy_check_ranking li.home a{ background: url(../images/web/home/bn_ranking_home.jpg) left top no-repeat;}
div#buy_check_ranking li.soft a{ background: url(../images/web/home/bn_ranking_soft.jpg) left top no-repeat;}
div#buy_check_ranking li.comic a{ background: url(../images/web/home/bn_ranking_comic.jpg) left top no-repeat;}
div#buy_check_ranking li.maniax a{ background: url(../images/web/home/bn_ranking_maniax.jpg) left top no-repeat;}
div#buy_check_ranking li.pro a{ background: url(../images/web/home/bn_ranking_pro.jpg) left top no-repeat;}
div#buy_check_ranking li.books a{ background: url(../images/web/home/bn_ranking_books.jpg) left top no-repeat;}

div#buy_check_ranking li.home a:hover{ background: url(../images/web/home/bn_ranking_home.jpg) left -70px no-repeat;}
div#buy_check_ranking li.soft a:hover{ background: url(../images/web/home/bn_ranking_soft.jpg) left -70px no-repeat;}
div#buy_check_ranking li.comic a:hover{ background: url(../images/web/home/bn_ranking_comic.jpg) left -70px no-repeat;}
div#buy_check_ranking li.maniax a:hover{ background: url(../images/web/home/bn_ranking_maniax.jpg) left -70px no-repeat;}
div#buy_check_ranking li.pro a:hover{ background: url(../images/web/home/bn_ranking_pro.jpg) left -70px no-repeat;}
div#buy_check_ranking li.books a:hover{ background: url(../images/web/home/bn_ranking_books.jpg) left -70px no-repeat;}


/* ==================================================================================================================
　ランキング
================================================================================================================== */

/* ランキングTOP
--------------------------------------------------------- */

/* ----- タブ ----- */

ul.ranking_tab{
  font-size: 12px;
  height: 28px;
  padding-left: 12px;
  margin: 3px 0 10px;
  background: url(../images/web/home/tab_bottom_bg.gif) left bottom repeat-x;
}

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

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

ul.ranking_tab li a{
  display: block;
  width: 130px;
  height: 28px;
  color: #ffffff;
  text-decoration: none;
}

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

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

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

}

/*  選択時  */

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

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

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

/*  サブメニュー  */

ul.ranking_tab ul{ display: none;}

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

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

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

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

/* ----- 中見出し ----- */

div.title_ranking_list{
  font-weight: bold;
  height: 26px;
  line-height: 26px;
  padding-left: 12px;
  position: absolute;
  top: -14px;
  left: -5px;
}

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

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

/* ----- 中見出し 角丸左 ----- */

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

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

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

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

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

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

/* ----- 中見出し 角丸右 ----- */

div.weekly_home h3,
div.monthly_home h3,
div.year_home h3,
div.total_home h3{ padding-right: 12px; background: url(../images/web/home/bg_title_rank_right.png) no-repeat right top;}

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

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

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

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

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

/* ----- 中見出し 背景 ----- */

div.title_ranking_list p{
  height: 26px;
  line-height: 26px;
  color: #FFF;
  font-size: 13px;
  font-weight: bold;
  padding-left: 3px;
  display: block;
}

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

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

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

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

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

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

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

/* 作品形式絞り込み
--------------------------------------------------------- */

.refine_work_list{
  padding: 8px 10px;
  margin-bottom: 12px;
  background: #e6eaf2;
}

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

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

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


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

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

.refine_work_list .sub_list{
  display: none;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

/* 他フロアのランキング
--------------------------------------------------------- */

ul.list_content_bn_01.ranking_floor_list li a{
  width: 148px;
  height: 40px;
  display: block;
  background: url(../images/web/common/bn_left_ranking_floor.png) no-repeat;
  white-space: nowrap;
  overflow: hidden;
  text-indent: 100%;
}

ul.list_content_bn_01.ranking_floor_list li.general a{ background-position: 0 0px;}
ul.list_content_bn_01.ranking_floor_list li.adult a{ background-position: 0 -40px;}
ul.list_content_bn_01.ranking_floor_list li.woman a{ background-position: 0 -80px;}
ul.list_content_bn_01.ranking_floor_list li.gay a{ background-position: 0 -120px;}

ul.list_content_bn_01.ranking_floor_list li.home a{ background-position: 0 -200px;}
ul.list_content_bn_01.ranking_floor_list li.soft a{ background-position: 0 -240px;}
ul.list_content_bn_01.ranking_floor_list li.comic a{ background-position: 0 -280px;}
ul.list_content_bn_01.ranking_floor_list li.maniax a{ background-position: 0 -320px;}
ul.list_content_bn_01.ranking_floor_list li.pro a{ background-position: 0 -360px;}
ul.list_content_bn_01.ranking_floor_list li.books a{ background-position: 0 -400px;}

/* ランキング詳細ページ
--------------------------------------------------------- */

/* 絞り込みメニュー */

div.ranking_year_list{
  padding: 9px 5px;
  border-bottom: 1px solid #8f9fbf;
  background-color: #cfd6e5;
}

/* ランキングテーブル */

div#ranking_wrapper{ }

#ranking_table{
  width: 100%;
}

div#ranking_wrapper td{
  vertical-align: top;
  padding: 8px 0;
  border-bottom: 1px dotted #666666;
}

/* ----- ランク順位 ----- */

td.ranking_count{
  width: 60px;
  text-align: center;
  padding: 0;
}

td.ranking_mini_count{
  width: 60px;
  padding: 0;
}

td.ranking_count div{
  display: block;
  height: 40px;
  text-indent: -9999px;
}

td.rank_1 div{background: url(../images/web/home/rank_top10_bg.gif) 50% top no-repeat;}
td.rank_2 div{background: url(../images/web/home/rank_top10_bg.gif) 50% -40px no-repeat;}
td.rank_3 div{background: url(../images/web/home/rank_top10_bg.gif) 50% -80px no-repeat;}
td.rank_4 div{background: url(../images/web/home/rank_top10_bg.gif) 50% -120px no-repeat;}
td.rank_5 div{background: url(../images/web/home/rank_top10_bg.gif) 50% -160px no-repeat;}
td.rank_6 div{background: url(../images/web/home/rank_top10_bg.gif) 50% -200px no-repeat;}
td.rank_7 div{background: url(../images/web/home/rank_top10_bg.gif) 50% -240px no-repeat;}
td.rank_8 div{background: url(../images/web/home/rank_top10_bg.gif) 50% -280px no-repeat;}
td.rank_9 div{background: url(../images/web/home/rank_top10_bg.gif) 50% -320px no-repeat;}
td.rank_10 div{background: url(../images/web/home/rank_top10_bg.gif) 50% -360px no-repeat;}

td.ranking_mini_count div{
  display: block;
  height: 20px;
  color: #333333;
  font-size: 14px;
  text-align: center;
}

/* ランク10以下 */

#ranking_table td.ranking_other div{
  display: block;
  height: 30px;
  line-height: 30px;
  text-align: center;
  text-indent: 0;
}

#ranking_table td.ranking_other div strong {
  color: #333333;
  font-size: 16px;
}

/* ----- ランク遷移 ----- */

td.ranking_count p{
  line-height: 16px;
  text-align: center;
}

td.ranking_mini_count p{
  line-height: 20px;
  text-align: center;
}

td.ranking_count p strong{
  display: block;
  height: 24px;
  padding: 3px 10px;
  margin: 0;
}

/* DL数 */

#ranking_table td.ranking_count p span{
  display: block;
  padding-top: 6px;
}

#ranking_table td.ranking_count p strong + span{
  padding-top: 3px;
}

/* ----- ランク矢印　小 ----- */

strong.arrow_new_s,
strong.arrow_rise_s,
strong.arrow_keep_s,
strong.arrow_down_s{
  display: block;
  height: 15px;
  text-indent: -9999px;
}

strong.arrow_new_s{background: url(../images/web/home/ranking_new_arrow.gif) 50% 50% no-repeat;}
strong.arrow_rise_s{background: url(../images/web/home/ranking_rise_arrow.gif) 50% 50% no-repeat;}
strong.arrow_keep_s{background: url(../images/web/home/ranking_keep_arrow.gif) 50% 50% no-repeat;}
strong.arrow_down_s{background: url(../images/web/home/ranking_down_arrow.gif) 50% 50% no-repeat;}

/* ----- ランク矢印　大 ----- */

strong.arrow_new_b,
strong.arrow_rise_b,
strong.arrow_keep_b,
strong.arrow_down_b{
  display: block;
  height: 30px;
  text-indent: -9999px;
}

strong.arrow_new_b{ background: url(../images/web/home/ranking_new_arrow_b.gif) center top no-repeat;}
strong.arrow_rise_b{ background: url(../images/web/home/ranking_rise_arrow_b.gif) center top no-repeat;}
strong.arrow_keep_b{ background: url(../images/web/home/ranking_keep_arrow_b.gif) center top no-repeat;}
strong.arrow_down_b{ background: url(../images/web/home/ranking_down_arrow_b.gif) center -2px no-repeat;}




/* ----- ボックス表示のランク順位 ----- */

#ranking_wrapper dd.ranking_count{
  width: 60px;
  text-align: center;
  padding: 0;
}

#ranking_wrapper dd.ranking_mini_count{
  width: 60px;
  padding: 0;
}

#ranking_wrapper dd.ranking_count div{
  display: block;
  height: 30px;
  width: 40px;
  text-indent: -9999px;
}

#ranking_wrapper dd.rank_1 div{background: url(../images/web/home/rank_top10_bg.gif) 50% 3px no-repeat;}
#ranking_wrapper dd.rank_2 div{background: url(../images/web/home/rank_top10_bg.gif) 50% -25px no-repeat;}
#ranking_wrapper dd.rank_3 div{background: url(../images/web/home/rank_top10_bg.gif) 50% -52px no-repeat;}
#ranking_wrapper dd.rank_4 div{background: url(../images/web/home/rank_top10_bg.gif) 50% -79px no-repeat;}
#ranking_wrapper dd.rank_5 div{background: url(../images/web/home/rank_top10_bg.gif) 50% -105px no-repeat;}
#ranking_wrapper dd.rank_6 div{background: url(../images/web/home/rank_top10_bg.gif) 50% -132px no-repeat;}
#ranking_wrapper dd.rank_7 div{background: url(../images/web/home/rank_top10_bg.gif) 50% -159px no-repeat;}
#ranking_wrapper dd.rank_8 div{background: url(../images/web/home/rank_top10_bg.gif) 50% -186px no-repeat;}
#ranking_wrapper dd.rank_9 div{background: url(../images/web/home/rank_top10_bg.gif) 50% -213px no-repeat;}
#ranking_wrapper dd.rank_10 div{background: url(../images/web/home/rank_top10_bg.gif) 50% -239px no-repeat;left: -11px!important;}

#ranking_wrapper dd.ranking_mini_count div{
  display: block;
  height: 20px;
  color: #333333;
  font-size: 14px;
  text-align: center;
}

/* ランク10以下 */

#ranking_wrapper dd.ranking_other div{
  display: block;
  height: 30px;
  line-height: 30px;
  text-align: center;
  text-indent: 0;
}

#ranking_wrapper td.ranking_other div strong,
#ranking_wrapper dd.ranking_other div strong {
  color: #333333;
  font-size: 14px;
  margin-left: 6px;
  line-height: 1.6;
  white-space: nowrap;
}

#ranking_wrapper dd.ranking_count div {
  position: absolute;
  top: -9px;
  left: -14px;
  background-size: cover;
  z-index: -1;
}

/* ランキングページドットボトム罫線 */
#ranking_wrapper table { border-collapse: separate;}




/* プロセス
--------------------------------------------------------- */

table.process_line{
  width: 100%;
  text-align: center;
  margin: 9px 0 0;
  border-top: 1px solid #536280;
}

#modify_header table.process_line{ margin-top: 24px;}

table.process_action{
  table-layout: fixed;
  width: 760px;
  text-align: center;
  margin: 0 auto;
}

table.process_action td{
  color: #536280;
  text-align: center;
  padding: 6px 0;
}

table.process_action td.on{
  color: #F47A00;
  font-size: 14px;
  font-weight: bold;
}

/* ----- 決済代行会社の案内 ----- */

table#security_d_garage,
table#security_d_garage_noline{
  width: 100%;
}

table#security_d_garage{
  margin-top: 20px;
  border-top: 1px solid #b8c3d9;}

table#security_d_garage td,
table#security_d_garage_noline td{
  color: #666666;
  vertical-align: top;
  padding: 10px 15px 0 5px;
}

table#security_d_garage td h4,
table#security_d_garage_noline td h4{
  font-size: 12px;
  font-weight: bold;
  margin-bottom: 2px;
}

table#security_d_garage td p,
table#security_d_garage_noline td p{
  font-size: 11px;
  line-height: 1.4;
}

table#security_d_garage td.d_garage_logo,
table#security_d_garage_noline td.d_garage_logo{
  text-align: center;
  vertical-align: middle;
  padding: 10px 10px 0 0px;
}

/* ==================================================================================================================
　レビュー
================================================================================================================== */

/* ----- レビュー一覧 ----- */

table.review_write{}
table.review_write td{ vertical-align: top;}

div.review_btn_box{
  margin-top: 10px;
  padding-top: 10px;
  border-top: 1px dashed #8f9fbf;
}

div.review_btn_box div.review_btn,
div.review_btn_box div.review_btn_already{
  padding: 0;
  float: right;
}

div.review_btn,
div.review_btn_already{
  padding-left: 18px;
  overflow: hidden;
}

div.review_btn a,
div.review_btn_already a{
  display: block;
  text-indent: -9999px;
  width: 160px;
  height: 34px;
}

div.review_btn a{ background: url(../images/web/home/btn_main.png) no-repeat -644px -136px;}/* レビューを投稿する */
div.review_btn_already a{ background: url(../images/web/home/btn_main.png) no-repeat -644px -170px;}/* レビュー投稿済み */

div.review_head{
  width: 100%;/* 940px */
  padding: 3px 0;
  line-height: 1.5;
}

p.review_count{
  font-size: 14px;
  font-weight: bold;
  width: 20%;
}

span.review_work_count{ color: #993300;}


/* ----- ジャンル集計表示 ----- */

div.review_total_box{
  width: 80%;
  float: right;
}

div.review_total_box table.reviewer_most_genre{
  float: right;
}

div.review_total_box table.reviewer_most_genre tr th{
  width: 220px;
  vertical-align: top;
}

div.review_total_box table.reviewer_most_genre tr th p{
  color: #d94c4c;
  font-weight: bold;
  text-align: right;
}

div.review_total_box table.reviewer_most_genre tr td span{
  padding-left: 5px;
}

/* ----- 作品詳細レビュー一覧 ----- */

table#work_review_list{
  table-layout: fixed;
  width: 100%;/* 940px */
}


/* ----- 新着レビュー一覧 ----- */

table#new_review_list{
  table-layout: fixed;
  width: 100%;
  border-collapse: separate;
}

/* レビュー作品 */

div#review_list_box div.review_work{
  padding-bottom: 6px;
  margin: 12px 12px 0;
  border-bottom: 1px solid #999999;
}

/* ----- ユーザーレビュー枠 ----- */

#user_review_box{
  table-layout: fixed;
  width: 785px;
  padding: 4px;
  margin-bottom: 18px;
  border: 1px solid #b8c3d9;
  background: #e6eaf2;
}/* 合計を795pxにする */

#user_review_box_inner{
  padding: 15px;
  background-color: #fff;
}

div.one_push_box_inner div.text{
  margin-left: 15px;
  line-height: 1.5;
}

div#user_review_box_inner p.review_workname{
  color: #536280;
  font-size: 14px;
  padding-bottom: 3px;
  margin-bottom: 12px;
  border-bottom: 1px solid #b8c3d9;
}

/* レビュアージャンル一覧 */

td.work_type_list{ border-bottom: none;}

dl.work_type_list{ padding: 6px 12px 12px;}

dl.work_type_list dt{
  display: block;
  height: 24px;
  line-height: 24px;
  color: #536280;
  font-size: 14px;
  font-weight: bold;
  margin-bottom: 6px;
  border-bottom: 1px solid #8f9fbf;
}

dl.work_type_list dd{
  float: left;
  width: 140px;
  padding-bottom: 5px;
}

/* 内容確認 */

div.review_preview{
  width: 100%;/* 940px */
  padding: 6px 0;
  margin-bottom: 12px;
}


/* レビュアー紹介
--------------------------------------------------------- */

table.user_review_list{}

table.user_review_list th{
  width: 130px;
  color: #536280;
  font-size: 14px;
  line-height: 1.6;
  text-align: right;
  vertical-align: middle;
}

table.user_review_list td{
  font-size: 18px;
  font-weight: bold;
  line-height: 1.6;
  vertical-align: middle;
  padding: 2px 0 2px 9px;
}

table.user_review_list td span{
  font-size: 14px;
  padding-left: 3px;
  vertical-align: middle;
}

table.user_review_list td span.rank_out{
  color: #666666;
  font-size: 14px;
  font-weight: normal;
  padding-left: 0;
}

/* いちおし作品 */

div.one_push_box{
  padding-top: 12px;
  margin-top: 12px;
  border-top: 1px dashed #8f9fbf;
}

div.one_push_box table.work_5col_table{
  table-layout: fixed;
  width: 752px;
  margin-left: 15px;
}

div.one_push_box table.work_5col_table td{
  vertical-align: top;
  padding: 0 10px 0 0;
}

div#user_review_box p.message_simple{ padding-left: 24px;}


/* レビュー共通設定
--------------------------------------------------------- */

/* レビュータイトル */

td.review_title{
  padding-left: 6px;
  background: url(../images/web/home/review_left_bg.gif) left top repeat-y #faf5dc;
}

/* おすすめ！ */

p.osusume{
  width: 58px;
  height: 19px;
  float: left;
  text-indent: -9999px;
  margin-right: 5px;
  background: url(../images/web/home/btn_reviewer_osusume.gif) no-repeat;
}

/* ----- タイトル左 ----- */

div.review_title_l{
  width: 500px;
  float: left;
  line-height: 1.5;
  padding: 6px 8px 4px;
}

div.review_title_l h2,/* 新着レビュー */
div.review_title_l h4/* 作品詳細 */{
  font-size: 14px;
  font-weight: bold;
  line-height: 1.4;
}

div.review_title_l p{padding: 1px 0 0;}

div.review_title_l span.number,
div.review_title_l span.number_rankin{
  color: #fff;
  font-size: 11px;
  padding-left: 3px;
  margin-left: 5px;
}

div.review_title_l span.number{ background: url(../images/web/home/bg_review_rank.png) no-repeat left center;}/* レビュー投稿TOP10 */
div.review_title_l span.number_rankin{ background: url(../images/web/home/bg_review_rankin.png) no-repeat left center;}/* レビュー投稿11位～50位 */

div.review_title_l span.number span{ padding: 2px 5px; background: #e63939;}
div.review_title_l span.number_rankin span{ padding: 2px 5px; background: #436cbf;}

/* ----- タイトル右 ----- */

div.review_title_r{ float: right;}

div.review_title_r div{
  font-size: 12px;
  text-align: right;
  margin: 30px 8px 0;
}

div.review_title_r div p{ display: inline;}

div.review_title_r span{
  font-size: 11px;
  padding: 0 1px;
}

div.review_title_r span.text{
  font-size: 12px;
  padding: 0;
}


/* ----- タイトル右 マイページ マイレビュー ----- */

div.review_title_r_02 div{
  font-size: 12px;
  clear: both;
  float: right;
  padding: 5px 13px 5px 10px;
}

div.review_title_r_02 div p{ display: inline;}

div.review_title_r_02 span{
  font-size: 11px;
  padding: 0 1px;
}

div#work_review td.review_main,
div#review_list_box td.review_main{ padding: 12px;}

/* ピックアップレビュー */

p.pickup_mark{
  width: 46px;
  height: 47px;
  float: left;
  text-indent: -9999px;
  margin-left: 3px;
  background: url(../images/web/home/icon_review_pickup.gif) no-repeat;
}

div#work_review td.pickup_main,
div#review_list_box td.pickup_main{
  background: #fffff2;
}

/* レビュアーが選んだジャンル */

div.reviewer_genre{
  width: 360px;
  float: right;
  line-height: 1.6;
}

div.reviewer_genre p{
  color: #d94c4c;
  font-weight: bold;
}

ul.reviewer_select_genre,
div#review_list_box ul.reviewer_select_genre{ margin: 6px 0;}

ul.reviewer_select_genre li,
div#review_list_box ul.reviewer_select_genre li{
  display: inline;
  line-height: 1.5;
  padding-right: 3px;
}

/* レビュアー内容 */

div#work_review p.reviewer_descrip,
div#review_list_box p.reviewer_descrip{
  line-height: 1.6;
  margin-right: 390px;
}

div#review_list_box td.review_report p.reviewer_descrip{
  margin-right: 280px;
}

div#work_review  p.review_ref,
div#review_list_box p.review_ref{
  clear: both;
  text-align: right;
  padding-top: 10px;
}


/* ==================================================================================================================
　サークルプロフィール
================================================================================================================== */

/* ----- プロフィール画像 ----- */

div.profile_visual{
  text-align: center;
  padding: 10px;
  margin: 0;
}

div.profile_visual_frame{
  width: 560px;
  height: 420px;
  text-align: center;
  margin: 0 auto;
  overflow: hidden;/* 560×420以上の画像を表示しない。 */
}

div.profile_visual_frame img{ margin: 0 auto;}

/* ----- プロフィール情報 ----- */

.table_inframe_box_inner table td strong.prof_maker_name{ font-size: 16px;}

.table_inframe_box_inner table td ul.sales_floor li{ margin: 0 4px 0 0;}

p.maker_hp_banner{
  float: left;
  margin-right: 12px;
}

/* ----- アフィリエイトリンク作成 ----- */

div.prof_aff_link{
  widt: 810px;
  margin: -15px 0 18px;
}

div.prof_aff_link p{
  font-size: 12px;
  text-align: right;
  padding: 0px 3px 0px 0;
}

div.prof_aff_link strong{
  font-size: 12px;
  font-weight: normal;
}

/* ----- 発売予告作品 ----- */

table.prof_ana_work{ margin: 0 0 18px;}

table.prof_ana_work td.work_1col_right{
  width: 180px;
}


/* ----- 販売作品一覧 ----- */

div.history_tab{
  padding: 0 0 6px;
  margin: -6px 0 8px;
  border-bottom: 1px solid #8f9fbf;
}

div.history_tab ul{}

div.history_tab li{
  float: left;
  padding: 6px 10px;
  background: url(../images/web/home/list_divide_border.gif) no-repeat right center;
}

div.history_tab li.last{ background-image: none;}

div.history_tab li span.select{
  color: #e58600;
  font-weight: bold;
  padding: 3px 6px;
  border: 1px solid #e58600;
  background-color: #fff9d9;
}


/* ==================================================================================================================
　マイジャンル登録
================================================================================================================== */

dl.mygenre_plus{
  margin-top: 10px;
  line-height: 1.4;
}

dl.mygenre_plus dt{
  width: 110px;
  float: left;
  clear: both;
}

dl.mygenre_plus dd{ margin-left: 115px;}

dl.mygenre_plus dd span{ padding-right: 10px;}

div.list_content p.caption {line-height: 1.2em;}

/* ==================================================================================================================
　ボタン・アイコン 画像置き換え
================================================================================================================== */

span.add_mygenre{ padding-left: 9px;}

/* ----- フロアボタン ----- */

ul.sales_floor li{
  float: left;
  text-align: center;
  margin: 6px 4px 6px 0;
}

dl ul.sales_floor li{ margin: 0 4px 0 0;}

ul.sales_floor li.work_general a{
  text-indent: -9999px;
  display: block;
  width: 47px;
  height: 22px;
}

ul.sales_floor li.work_adult a{
  text-indent: -9999px;
  display: block;
  width: 84px;
  height: 22px;
}

ul.sales_floor li.work_woman a{
  text-indent: -9999px;
  display: block;
  width: 58px;
  height: 22px;
}

ul.sales_floor li.work_gay a{
  text-indent: -9999px;
  display: block;
  width: 58px;
  height: 22px;
}

ul.sales_floor li.work_general a{ background: url(../images/web/home/icon_work_general.png) left top no-repeat;}
ul.sales_floor li.work_adult a{ background: url(../images/web/home/icon_work_adult.png) left top no-repeat;}
ul.sales_floor li.work_woman a{ background: url(../images/web/home/icon_work_woman.png) left top no-repeat;}
ul.sales_floor li.work_gay a{ background: url(../images/web/home/icon_work_gay.png) left top no-repeat;}

ul.sales_floor a{ text-decoration: underline;}
ul.sales_floor a:hover{ text-decoration: none;}

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

input.carousel_left,
input.carousel_right{
  display: block;
  width: 26px;
  height: 47px;
  cursor: pointer;
  text-indent: -9999px;
  margin: 0;
  border: 0;
  overflow: hidden;
}/* IE6,7にpadding-leftでvalue値を非表示 */

input.carousel_left{ background: url(../images/web/home/btn_frame_left.gif) left top no-repeat;}
input.carousel_right{ background: url(../images/web/home/btn_frame_right.gif) left top no-repeat;}
:root *> input.carousel_left:active{ background: url(../images/web/home/btn_frame_left.gif) left 1px no-repeat;}/* IE6?IE8以外 */
:root *> input.carousel_right:active{ background: url(../images/web/home/btn_frame_right.gif) left 1px no-repeat;}/* IE6?IE8以外 */
p.carousel_arrow_left input.disable{ background: url(../images/web/common/btn_frame_left_no.png) left top no-repeat; cursor: default;}
p.carousel_arrow_right input.disable{ background: url(../images/web/common/btn_frame_right_no.png) left top no-repeat; cursor: default;}

/* ==================================================================================================================
　サンプル画像
================================================================================================================== */

table#sample_img_link{ font-size: 14px; margin-bottom: 15px;}

table#sample_img_link td#prev_img{
  width: 65px;
  text-align: left;
}

table#sample_img_link td#page{
  width: 60px;
  text-align: center;
}

table#sample_img_link td#next_img{
  width: 65px;
  text-align: right;
}

div#work_sample_img img{ vertical-align: top; margin: 0 5px 5px 0;}


/* ==================================================================================================================
　エラーページ
================================================================================================================== */

div#error_box{
  padding: 15px 0 0;
}

div#error_box_inner{
  padding: 0 15px;
}

div#error_left{
  width: 352px;
  float: left;
}

div#error_left p{
  text-align: right;
  padding: 10px 5px 0;
}

div#error_right{
  margin-left: 372px;
}

div#error_box h1{
  font-size: 18px;
  font-weight: bold;
  line-height: 1.4;
  padding: 8px 0 8px 15px;
  margin-bottom: 20px;
  border-left: 5px solid #333;
  background-color: #eee;
}

div#error_box h1 span{
  font-size: 18px;
  padding-right: 10px;
}

div#error_right p{
  font-size: 12px;
  line-height: 1.5;
  padding: 0 20px;
  margin-bottom: 15px;
}

div#error_right ul{
  font-size: 12px;
  padding: 0 15px 10px;
  margin-left: 20px;
}

div#error_box p.page_back{
  font-size: 15px;
  text-align: left;
  padding-top: 10px;
  margin-top: 30px;
  border-top: 1px dashed #333;
}

div#error_box p.page_back input{
  height: 30px;
  font-size: 13px;
  margin: 0 auto;
}

div#error_box p.link_list span{
  margin-right: 10px;
  font-weight: normal;
  font-size: 13px;
}

/* ==================================================================================================================
　成人認証
================================================================================================================== */

#check_top{
  width: 787px;
  height: 639px;
  margin: 15px auto 0;
  background: url(../images/web/common/bg-main.jpg) no-repeat;
}

.style_pro #check_top,
.style_books #check_top{ background: url(../images/web/common/bg-main_pro.jpg) no-repeat;}

input.bt_yes{
  text-indent: -9999px;
  color: #fff;
  width: 246px;
  height: 92px;
  margin: 10px 124px 0 0px;
  display: block;
  float: right;
}

#check_top div.bt_no a{
  text-indent: -9999px;
  color: #fff;
  width: 246px;
  height: 92px;
  margin: 10px 0px 0 128px;
  background: url(../images/web/common/bt-no.png) no-repeat;
  display: block;
  float: left;
}

#check_top div.bt_no a:hover{ background: url(../images/web/common/bt-no_on.png) no-repeat;}

#check_top p.text{
  color: #666;
  line-height: 1.5;
  text-align: center;
  padding-top: 183px;
  *padding-top: 173px;
  margin: 0.5em 0 1.2em;
}

#check_top p.btm_text{
  color: #666;
  padding: 38px 37px 0 0;
  text-align: right;
}

/* ==================================================================================================================
　ボタン設定（後で位置修正）
================================================================================================================== */

/* ----- ゲストユーザー決済ボタン ----- */

input.btn_payment_s{
  display: block;
  width: 115px;
  height: 34px;
  cursor: pointer;
  text-indent: -9999px;
  margin: 0 auto;
  border: 0;
}

input.btn_payment_s{background: url(../images/web/home/btn_payment_s_02.png) left top no-repeat;}

input.btn_creditcard,
input.btn_dgarage,
input.btn_convenience,
input.btn_convenience_none,
input.btn_edy,
input.btn_edy_none,
input.btn_mobileedy,
input.btn_mobileedy_none,
input.btn_bitcash,
input.btn_netride{
  display: block;
  width: 170px;
  height: 50px;
  cursor: pointer;
  text-indent: -9999px;
  margin: 0 auto;
  border: 0;
}

input.btn_creditcard{ background: url(../images/web/home/btn_dgarage_01.png) left top no-repeat;}
input.btn_dgarage{ background: url(../images/web/home/btn_dgarage_02.png) left top no-repeat;}
input.btn_convenience{ background: url(../images/web/home/btn_convenience.png) left top no-repeat;}
input.btn_convenience_none{ background: url(../images/web/home/btn_convenience_none.png) left top no-repeat;}
input.btn_edy{ background: url(../images/web/home/btn_edy.png) left top no-repeat;}
input.btn_edy_none{ background: url(../images/web/home/btn_edy_none.png) left top no-repeat;}
input.btn_mobileedy{ background: url(../images/web/home/btn_mobileedy.png) left top no-repeat;}
input.btn_mobileedy_none{ background: url(../images/web/home/btn_mobileedy_none.png) left top no-repeat;}
input.btn_bitcash{ background: url(../images/web/home/btn_bitcash.png) left top no-repeat;}
input.btn_netride{ background: url(../images/web/home/btn_netride.png) left top no-repeat;}

/* ----- input小ボタン ----- */

input.new_folder_btn,
input.sort_btn,
input.decide_btn,
input.regist_btn,
input.cancel_btn,
input.move_btn,
input.show_btn,
input.delete_btn,
input.batch_delete_btn,
input.mail_regist_btn,
input.top_link_btn{
  border: 0;
  outline: hidden;
  cursor: pointer;
  text-indent: -9999px;
}

input.new_folder_btn{ width: 59px; height: 21px; background: url(../images/web/home/btn_new_folder.gif) left top no-repeat;}/* 新規作成 */
input.sort_btn{ width: 59px; height: 21px; background: url(../images/web/home/btn_sort.gif) left top no-repeat;}/* 並べ替え */
input.decide_btn{ width: 66px; height: 21px; background: url(../images/web/home/btn_decide.gif) left top no-repeat;}/* 決定 */
input.regist_btn{ width: 57px; height: 21px; background: url(../images/web/home/btn_regist.gif) left top no-repeat;}/* 登録する */
input.cancel_btn{ width: 66px; height: 21px; background: url(../images/web/home/btn_cancel.gif) left top no-repeat;}/* キャンセル */
input.move_btn{ width: 57px; height: 21px; background: url(../images/web/home/btn_move.gif) left top no-repeat;}/* 移動する */
input.show_btn{ width: 57px; height: 21px; background: url(../images/web/home/btn_show.gif) left top no-repeat;}/* 表示する */
input.delete_btn{ width: 57px; height: 21px; background: url(../images/web/home/btn_delete.gif) left top no-repeat;}/* 削除する */
input.batch_delete_btn{ width: 59px; height: 21px; background: url(../images/web/home/btn_batch_delete.gif) left top no-repeat;}/* 一括削除 */
input.mail_regist_btn{ width: 113px; height: 21px; background: url(../images/web/home/btn_mail_regist.gif) left top no-repeat;}/* お知らせメール登録 */
input.top_link_btn{ width: 90px; height: 21px; background: url(../images/web/home/btn_top_link.gif) left top no-repeat;}/* TOPに表示する */


/* ==================================================================================================================
　検索結果系
================================================================================================================== */

/* ボーダー
--------------------------------------------------------- */

.border_b{ border-bottom: 1px dotted #b8c3d9;}
.border_bs{ border-bottom: 1px solid #b8c3d9;}

.border_t{ border-top: 1px dotted #b8c3d9;}
.border_ts{ border-top: 1px solid #b8c3d9;}

/* ----- タブ下案内文 ----- */

div.comment_box{
  height: 35px;
  line-height: 35px;
  padding-left: 10px;
  border-bottom: 1px solid #8f9fbf;
}

/* 並べ替え、ソートなど
--------------------------------------------------------- */

div.status_select_box,
div.status_select_box_fix{
  min-height: 36px;
  line-height: 36px;
  padding: 0 10px;
  overflow: hidden;
}

div.status_select_box_fix{
  width: 775px;
}

/* IE6対策 */
div.status_select_box select,
div.status_select_box input,
div.status_select_box_fix select,
div.status_select_box_fix input{_margin-top: 7px;}
/* IE6対策 */

div.topicpath_box{
  height: 36px;
  line-height: 36px;
  padding: 0 10px;
}

div.status_select,
div.status_select_01/*<!-- liの中に要素なしver -->*/,
div.topicpath_link{
  float: left;
  padding-right: 12px;
}

div.status_select strong,
div.status_select_01 strong{ font-weight: normal;}

div.status_select ul{
  display: inline-block;
  margin-left: -7px;
}

div.status_select_01 ul{
  display: inline-block;
}

div.topicpath_link ul{
  display: inline;
}

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

div.status_select_01 li{
  display: inline-block;
  position: relative;
  margin: 0 4px 0 3px;
  padding: 3px;
  line-height: 1.5;
  cursor: pointer;
  color: #003399;
  border: 1px solid #fff;
}
div.status_select_01 li:first-child{ margin-left: 0;}
div.status_select_01 li:hover{ text-decoration: underline;}

div.status_select_01 li:before{
  content: "";
  display: block;
  width: 1px;
  height: 14px;
  border-left: 1px solid #607194;
  position: absolute;
  top: 4px;
  left: -7px;
}
div.status_select_01 li:first-child:before{ border: none;}

div.topicpath_link li{ display: inline;}

div.topicpath_link li.left_path{
  padding: 0 0 0 13px;
  margin-left: 10px;
  background: url(../images/web/home/topicpath_link.gif) no-repeat left 50%;
}

div.status_select li span.select,
div.topicpath_link li span.select{
  display: inline;
  color: #e58600;
  font-weight: bold;
  padding: 3px 6px;
  border: 1px solid #e58600;
  background-color: #fff9d9;
}

div.status_select_01 .select{
  color: #e58600;
  border: 1px solid #e58600;
  background-color: #fff9d9;
  text-decoration: none;
  cursor: default;
}
div.status_select_01 .select:hover{ text-decoration: none;}

.topicpath_box .float_r{ float: right;}

div.status_select li.last,
div.status_select_box_free table li.last{
  background-image: none;
}

div.status_select li p.select,
div.topicpath_link li p.select,
div.status_select_box_free table td p.select{
  color: #e58600;
  font-weight: bold;
  background-color: #fff9d9;
  border: 1px solid #e58600;
  padding: 2px 5px;
  display: inline;
}

/* ----- 表付属パンくず ----- */

div.topicpath_link li.daily{ background: url(../images/web/home/bg_crown_01.png) no-repeat 0 0;}

div.topicpath_link li.weekly{
  padding-left: 22px;
  background: url(../images/web/home/bg_crown_01.png) no-repeat 0 -20px;
}

div.topicpath_link li.monthly div{ background: url(../images/web/home/bg_crown_01.png) no-repeat 0 -58px;}
div.topicpath_link li.year div{ background: url(../images/web/home/bg_crown_01.png) no-repeat 0 -85px;}
div.topicpath_link li.total div{ background: url(../images/web/home/bg_crown_01.png) no-repeat 0 -114px;}

/* ----- 表示件数選択 ----- */

div.display_num_select{
  float: right;
}

div.display_num_select span{font-size: 12px; float: right;}

div.display_num_select ul{
  float: right;
  padding: 7px 0 0 3px;
  width: auto;
}

div.display_num_select ul li{
  float: left;
  font-size: 12px;
  text-align: center;
  margin-left: 2px;
}

div.display_num_select ul li a{
  text-decoration: none;
  padding: 0 7px;
  height: 22px;
  line-height: 22px;
  color: #536280;
  display: block;
  border: 1px solid #8f9fbf;
  background-color: #eff1f7;
  border-radius: 2px;
  behavior: url(/../css/PIE.htc);
}

div.display_num_select ul li a:hover{
  border: 1px solid #53617f;
  background-color: #5f7193;
  color: #fff;
}

div.display_num_select ul li.on a{
  border: 1px solid #53617f;
  background-color: #5f7193;
  color: #fff;
  font-weight: bold;
}

/* ----- 表示形式選択 ----- */

div.display_type_select{
  float: right;
  padding-left: 20px;
}
div.display_type_select span{font-size: 12px; float: left;}

div.display_type_select ul{
  float: left;
  padding: 7px 0 0 3px;
  width: auto;
}

div.display_type_select ul li{
  float: left;
  font-size: 12px;
  margin-left: 2px;
}

div.display_type_select ul li a{
  display: block;
  height: 0;
  padding-top: 23px;
  overflow: hidden;
  width: 27px;
}

div.display_type_select ul li.display_normal a{background: url(../images/web/home/btn_display_type.png) 0 0;}
div.display_type_select ul li.display_block a{background: url(../images/web/home/btn_display_type.png) -27px 0;}
div.display_type_select ul li.display_2col a{background: url(../images/web/home/btn_display_type.png) -54px 0;}

div.display_type_select ul li.display_normal a:hover, div.display_type_select ul li.display_normal.on a{background: url(../images/web/home/btn_display_type.png) 0 -23px;}
div.display_type_select ul li.display_block a:hover, div.display_type_select ul li.display_block.on a{background: url(../images/web/home/btn_display_type.png) -27px -23px;}
div.display_type_select ul li.display_2col a:hover, div.display_type_select ul li.display_2col.on a{background: url(../images/web/home/btn_display_type.png) -54px -23px;}

/* ページャー
--------------------------------------------------------- */

table.search_pager{
  table-layout: fixed;
  width: 100%;
  height: 34px;
}

table.border_b{ /* ページャーの下に項目行がない場合 */
  border-bottom: 1px solid #b8c3d9;
  margin-bottom: 6px;
}

table.border_t{ /* ページャーの上にラインがない場合 */
  border-top: 1px solid #b8c3d9;
}

/* ----- ○件中○件目 ----- */

td.page_total{
  font-size: 14px;
  line-height: 30px;
  padding: 0 0 0 10px;
}

td.page_total strong{
  padding-right: 2px;
}

/* ----- ページ数 ----- */

td.page_no{
  text-align: right;
  padding-top: 0px;
}

td.page_no ul{
  float: right;
  margin-right: -2px;
}

td.page_no ul li {
  float: left;
  margin-right: 2px;
}

td.page_no ul li a {
  position: relative;
  display: block;
  color: #536280;
  padding: 0 7px;
  height: 22px;
  line-height: 22px;
  border: 1px solid #8f9fbf;
  background-color: #f0f2f7;
}

td.page_no ul li a:link,
td.page_no ul li a:visited{ text-decoration: none;}

td.page_no ul li a:hover,
td.page_no ul li a:active{
  color: #ffffff;
  text-decoration: none;
  border: 1px solid #536280;
  background-color: #607194;
}

td.page_no ul li strong{
  display: block;
  color: #ffffff;
  padding: 0 7px;
  height: 22px;
  line-height: 22px;
  border: 1px solid #536280;
  background-color: #607194;
}


/* ==================================================================================================================
　作品情報
================================================================================================================== */

/* 一覧テーブル
--------------------------------------------------------- */

table.work_1col_table{ table-layout: auto; width: 100%;}

table.work_2col_table,
table.work_3col_table,
table.work_4col_table,
table.work_5col_table{ table-layout: fixed; width: 100%;}

table.work_1col_table td,
table.work_2col_table td,
table.work_3col_table td,
table.work_4col_table td,
table.work_5col_table td{
  vertical-align: top;
  padding: 0;
  position: relative;}

table.work_1col_table hr.work_border,
table.work_2col_table hr.work_border,
table.work_3col_table hr.work_border{
  height: 1px;
  border-width: 1px 0 0 0;
  border-color: #666;
  border-style: dotted;
}

table.work_1col_table hr.work_border{ margin: 8px 0 8px;}
table.work_2col_table hr.work_border{ margin: 10px 0 6px;}
table.work_3col_table hr.work_border{ margin: 16px 0 8px;}

table.work_4col_table td,
table.work_5col_table td{
  line-height: 1.3;
  text-align: center;
}/*padding:10px 10px 0 0;は消して大丈夫か確認する*/

dl.work_4col{padding: 0 2px;}
dl.work_5col{margin: 0 auto;}


/* サムネイル
--------------------------------------------------------- */

div.work_thumb{
  float: left;
  margin: 0 8px 6px 0;
  text-align: center;
}

td.work_1col_thumb{ width: 50px;}/* サムネイルの最小幅を指定 */

td.work_1col_thumb div.work_thumb{
  float: none;
  text-align: center;
  margin: 0 9px 0 0;
}

table.work_2col_table div.work_thumb{
  display: table-cell;
  padding: 0 8px 6px 0;
  float: none;
  margin: 0;
  vertical-align: top;
}

.trial_block  table.work_2col_table div.work_thumb,
#ana_work_wrapper table.work_2col_table div.work_thumb{
  float: left;
}

dl.work_4col dt,
dl.work_5col dt,
dl.work_img_main dt{margin-bottom: 6px;}

/* 高解像度サムネイル制御 */
.work_5col img,
.work_img img,
.push_work img,
.work_thumb img {
  max-width: 120px;
  max-height: 120px;
}

/* 大きさを制御しない場合はコチラ */
.work_report_article .work_thumb img {
  max-width: none;
  max-height: none;
}


/* 作品情報
--------------------------------------------------------- */

dl.work_2col{
  display: table-cell;
  vertical-align: top;
}

.trial_block dl.work_2col,
#ana_work_wrapper dl.work_2col{
  overflow: hidden;
}

dl.work_1col dd{ margin-right: 12px;}
dl.work_2col dd{ margin-right: 12px;}
dl.work_3col dd{ margin-right: 18px;}
dl.work_4col dd{ }
dl.work_5col dd{ }
dl.work_ncol dd{ }


/* 作品名
--------------------------------------------------------- */

dl.work_1col dt.work_name,
dl.work_2col dt.work_name,
dl.work_3col dt.work_name{
  font-weight: bold;
  line-height: 1.3;
  padding-bottom: 6px;
}

dl.work_1col dt.work_name{ margin-right: 24px; font-size: 14px;}
dl.work_2col dt.work_name{ margin-right: 12px; font-size: 14px;}
dl.work_3col dt.work_name{ margin-right: 18px; font-size: 13px;}

dl.work_1col_mini dt.work_name{
  line-height: 1.2;
  padding-bottom: 3px;
}

dl.work_4col dd.work_name,
dl.work_5col dd.work_name,
dl.work_ncol dd.work_name,
dl.work_img_main dd.work_name{
  padding-bottom: 2px;
  line-height: 1.4;
}

li.work_name{
  display: block;
  font-size: 14px;
  line-height: 1.4;
  padding-bottom: 3px;
}

ul.side_col li.work_name{
  display: block;
  font-size: 12px;
  margin-left: 65px;
  line-height: 1.6;
}


/* メーカーID
--------------------------------------------------------- */

li.work_no{
  font-size: 12px;
  padding-bottom: 3px;
}

ul.side_col li.work_no{
  width: 65px;
  float: left;
  padding-bottom: 0;
  line-height: 1.6;
}


/* メーカー（サークル）名
--------------------------------------------------------- */

dd.maker_name a,
.maker_name a{ color: #0066cc;}

dd.maker_name a:visited,
.maker_name a:visited{color: #663399;}

dl.work_1col dd.maker_name,
dl.work_2col dd.maker_name,
dl.work_3col dd.maker_name,
dl.work_4col dd.maker_name,
dl.work_5col dd.maker_name,
dl.work_ncol dd.maker_name,
dl.work_1col_mini dd.maker_name{ padding-bottom: 2px;}

dl.work_1col dd.maker_name,
dl.work_2col dd.maker_name{}

dl.work_1col dd.maker_name,
dl.work_2col dd.maker_name,
dl.work_3col dd.maker_name{ line-height: 1.4;}

dl.work_4col dd.maker_name,
dl.work_5col dd.maker_name,
dl.work_ncol dd.maker_name{ font-size: 11px;}

dl.work_1col_mini dd.maker_name{
  font-size: 11px;
  line-height: 1.2;
}

dl.work_img_main dd.maker_name{
  font-size: 11px;
  line-height: 14px;
  padding-bottom: 3px;
}

#ranking_table dl.work_1col_mini dd.maker_name{
  float: left;
  font-size: 12px;
  padding-right: 9px;
  margin: 0;
}

dl.work_5col dd.maker_name{}


/* 販売日、販売予定日
--------------------------------------------------------- */

dl.work_1col dd.sales_date{ padding: 0 0 2px 0;}

dl.work_1col dd.expected_date{
  color: #cc0000;
  font-weight: bold;
  padding: 2px 0 4px 0;
}

dl.work_1col_mini dd.sales_date,
dl.work_1col_mini dd.expected_date{
  font-size: 12px;
  line-height: 1.2;
  padding-bottom: 2px;
}

dl.work_1col_mini dd.expected_date{ color: #cc0000;}

p.expected_date{
  color: #c11f7b;
  padding: 0 0 3px;
}

p.expected_date strong{
  color: #ff0000;
  font-weight: normal;
}


/* 販売価格
--------------------------------------------------------- */

.work_price{
  color: #CC0000;
}

dl.work_1col dd.work_price,
dl.work_2col dd.work_price,
dl.work_3col dd.work_price,
dl.work_4col dd.work_price,
dl.work_5col dd.work_price,
dl.work_ncol dd.work_price,
dl.work_1col_mini dd.work_price{
  color: #CC0000;
  font-size: 12px;
  padding-bottom: 2px;
}

dl.work_4col dd.work_price,
dl.work_5col dd.work_price,
dl.work_ncol dd.work_price{ font-size: 12px;}

dl.work_1col dd.work_price span,
dl.work_2col dd.work_price span,
dl.work_3col dd.work_price span,
dl.work_4col dd.work_price span,
dl.work_5col dd.work_price span,
dl.work_ncol dd.work_price span{ font-size: 12px;}

dl.work_1col_mini dd.work_price{
  font-size: 12px;
  line-height: 1.2;
  padding: 1px 0 2px;
}

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

/* ----- 1列表示 ----- */

dl.work_1col dd.work_series{
  padding: 0 0 3px 0;
}


/* カップリング
--------------------------------------------------------- */

dl.work_1col dd.work_cp,
dl.work_2col dd.work_cp,
dl.work_3col dd.work_cp,
dl.work_4col dd.work_cp,
dl.work_5col dd.work_cp,
dl.work_ncol dd.work_cp,
dl.work_1col_mini dd.work_cp{
  font-size: 12px;
  padding-bottom: 2px;
  line-height: 1.3;
}


/* 紹介文
--------------------------------------------------------- */

dl.work_1col dd.work_text,
dl.work_2col dd.work_text,
dl.work_3col dd.work_text,
dl.work_1col_mini dd.work_text{
  line-height: 1.3;
  padding-bottom: 4px;
  font-size: 11px;
}

dl.work_3col dd.work_text{
  clear: left;
  font-size: 11px;
}

dl.work_1col_mini dd.work_text{
  font-size: 11px;
  line-height: 1.2;
}

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

dl.work_2col dd.work_genre,
dl.work_3col dd.work_genre{}

/* 作品評価情報（1列表示の右列）
--------------------------------------------------------- */

td.work_1col_right{ width: 160px;}

td.work_1col_right li{
  text-align: right;
}

/* ----- 販売日、販売予定日 ----- */

td.work_1col_right li.sales_date,
td.work_1col_right li.expected_date{
  font-size: 12px;
  height: 17px;
  margin-right: 5px;
}

/* ----- ダウンロード数 ----- */

td.work_1col_right li.work_dl{
  /* width:70px; */
  margin: 0 5px 0 auto;
}

td.work_1col_right li.work_dl div{
  height: 14px;
  text-align: right;
  padding-right: 1px;
}

/* ----- ランキング王冠 ----- */

li.work_rankin{
  height: 26px;
  text-align: right;
  margin-right: 3px;
}

li.work_rankin table{ margin: 0 0 0 auto;}/* 王冠を右寄せ */
li.work_rankin table td{ height: 26px;}

li.work_rankin table td div{
  height: 26px;
  line-height: 26px;
}

.work_rankin td{ text-indent: -9999px;}

.work_rankin td.crown_hour,
.work_rankin td.crown_week,
.work_rankin td.crown_month,
.work_rankin td.crown_year,
.work_rankin td.crown_total{ width: 20px;}

.work_rankin td.crown_hour{ background: url(../images/web/home/icon_crown_hour.png) center center no-repeat;}
.work_rankin td.crown_week{ background: url(../images/web/home/icon_crown_week.png) center center no-repeat;}
.work_rankin td.crown_month{ background: url(../images/web/home/icon_crown_month.png) center center no-repeat;}
.work_rankin td.crown_year{ background: url(../images/web/home/icon_crown_year.png) center center no-repeat;}
.work_rankin td.crown_total{ background: url(../images/web/home/icon_crown_total.png) center center no-repeat;}

/* ----- 評価、レビュー ----- */

li.work_hyouka_1,
li.work_hyouka_2,
li.work_hyouka_3,
li.work_hyouka_4,
li.work_hyouka_5,
li.work_review{
  height: 26px;
  line-height: 26px;
  margin-right: 5px;
}

li.work_hyouka_1 div,
li.work_hyouka_2 div,
li.work_hyouka_3 div,
li.work_hyouka_4 div,
li.work_hyouka_5 div{
  display: inline;
  padding-top: 7px;
  padding-bottom: 7px;
}

li.work_review div{
  display: inline;
  padding-top: 6px;
  padding-bottom: 6px;
}

/* ----- 王冠、評価、レビューの画像置き換え ----- */

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

.work_hyouka_1 div{ background: url(../images/web/home/icon_hyouka_01.png) left center no-repeat;}
.work_hyouka_2 div{ background: url(../images/web/home/icon_hyouka_02.png) left center no-repeat;}
.work_hyouka_3 div{ background: url(../images/web/home/icon_hyouka_03.png) left center no-repeat;}
.work_hyouka_4 div{ background: url(../images/web/home/icon_hyouka_04.png) left center no-repeat;}
.work_hyouka_5 div{ background: url(../images/web/home/icon_hyouka_05.png) left center no-repeat;}
.work_review div{ background: url(../images/web/home/icon_review.png) left 5px no-repeat;}

p.work_hyouka_1,
p.work_hyouka_2,
p.work_hyouka_3,
p.work_hyouka_4,
p.work_hyouka_5,
p.work_review{
  width: 20px;
  height: 20px;
  text-indent: -9999px;
  margin: 0 auto;
}

p.work_hyouka_1{ background: url(../images/web/home/icon_hyouka_01.png) left top no-repeat;}
p.work_hyouka_2{ background: url(../images/web/home/icon_hyouka_02.png) left top no-repeat;}
p.work_hyouka_3{ background: url(../images/web/home/icon_hyouka_03.png) left top no-repeat;}
p.work_hyouka_4{ background: url(../images/web/home/icon_hyouka_04.png) left top no-repeat;}
p.work_hyouka_5{ background: url(../images/web/home/icon_hyouka_05.png) left top no-repeat;}
p.work_review{ background: url(../images/web/home/icon_review.png) left top no-repeat;}

p.work_hyouka_1 a,
p.work_hyouka_2 a,
p.work_hyouka_3 a,
p.work_hyouka_4 a,
p.work_hyouka_5 a{
  display: block;
  width: 20px;
  overflow: hidden;
}

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

p.work_cart,
p.work_favorite{
  width: 130px;
  text-indent: -9999px;
  margin: 3px 0 0 auto;
}

p.work_cart a,
p.work_favorite a{
  display: block;
  width: 130px;
  overflow: hidden;
}

p.work_cart,
p.work_cart a{ height: 28px;}

p.work_favorite,
p.work_favorite a{ height: 24px;}

p.work_cart a.btn_cart{ background: url(../images/web/home/btn_mini_cart.png) left top no-repeat;}
p.work_cart a.btn_cart:hover{ background: url(../images/web/home/btn_mini_cart.png) left -28px no-repeat;}
p.work_cart a.btn_cart_in{ background: url(../images/web/home/btn_mini_cart.png) left -56px no-repeat;}
p.work_cart a.btn_cart_in:hover{ background: url(../images/web/home/btn_mini_cart.png) left -84px no-repeat;}
p.work_cart a.btn_dl{ background: url(../images/web/home/btn_mini_cart.png) left -112px no-repeat;}
p.work_cart a.btn_dl:hover{ background: url(../images/web/home/btn_mini_cart.png) left -140px no-repeat;}

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

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

ul.btn_xs p.work_already{
  position: absolute;
  left: 11px;
  top: -22px;
  width: 90px;
  height: 16px;
  background-size: 100%;
}

#wishlist_work ul.btn_xs p.work_already{left: -95px; top: 0px;}

/* ----- カート・お気に入り XSサイズ（検索結果で使う小さいボタン） ----- */

p.work_cart_xs,
p.work_favorite_xs{
  width: 112px;
  text-indent: -9999px;
  margin: 3px 0 0 auto;
}

p.work_cart_xs a,
p.work_favorite_xs a{
  display: block;
  width: 112px;
  overflow: hidden;
}

p.work_cart_xs,
p.work_cart_xs a{ height: 22px;}

p.work_favorite_xs,
p.work_favorite_xs a{ height: 22px;}

p.work_cart_xs a.btn_cart{ background: url(../images/web/home/btn_xs_cart.png) left top no-repeat;}
p.work_cart_xs a.btn_cart:hover{ background: url(../images/web/home/btn_xs_cart.png) left -22px no-repeat;}
p.work_cart_xs a.btn_cart_in{ background: url(../images/web/home/btn_xs_cart.png) left -44px no-repeat;}
p.work_cart_xs a.btn_cart_in:hover{ background: url(../images/web/home/btn_xs_cart.png) left -66px no-repeat;}
p.work_cart_xs a.btn_dl{ background: url(../images/web/home/btn_xs_cart.png) left -88px no-repeat;}
p.work_cart_xs a.btn_dl:hover{ background: url(../images/web/home/btn_xs_cart.png) left -110px no-repeat;}

p.work_favorite_xs a.btn_favorite{ background: url(../images/web/home/btn_xs_favorite.png) left top no-repeat;}
p.work_favorite_xs a.btn_favorite:hover{ background: url(../images/web/home/btn_xs_favorite.png) left -22px no-repeat;}
p.work_favorite_xs a.btn_favorite_in{ background: url(../images/web/home/btn_xs_favorite.png) left -44px no-repeat;}
p.work_favorite_xs a.btn_favorite_in:hover{ background: url(../images/web/home/btn_xs_favorite.png) left -66px no-repeat;}

/* お気に入りページではお気に入りボタンを非表示 */
#wishlist_work p.work_favorite_xs{display: none;}

/* ----- 1カラム表示の際、XSサイズボタンが横並び ----- */

.pt08 {padding-top: 8px;}
.pr05 {/*padding-right: 5px;*/}
.pl05 {padding-left: 5px;}
.pl30 {padding-left: 30px;}
.ml50 {margin-left: 50px;}

#ranking_wrapper p.work_cart_xs,
#ranking_wrapper p.work_cart_xs a,
#main_inner .work_block p.work_cart_xs,
#main_inner .work_block p.work_cart_xs a,
#cal_tab_wrapper p.work_cart_xs,
#cal_tab_wrapper p.work_cart_xs a,
#work_review_list p.work_cart_xs,
#work_review_list p.work_cart_xs a,
#wishlist_work p.work_cart_xs,
#wishlist_work p.work_cart_xs a,
#load_profile_worklist p.work_cart_xs,
#load_profile_worklist p.work_cart_xs a,
#search_result_list p.work_cart_xs,
#search_result_list p.work_cart_xs a{margin-right: 5px;}

#ranking_wrapper td.work_1col_right,
#main_inner .work_block td.work_1col_right,
#cal_tab_wrapper td.work_1col_right,
#work_review_list td.work_1col_right,
#wishlist_work td.work_1col_right,
#load_profile_worklist td.work_1col_right,
#search_result_list td.work_1col_right { width: 246px !important;  position: relative;}

#ranking_wrapper .work_block td.work_1col_right li.work_dl,
#main_inner .work_block td.work_1col_right li.work_dl,
#cal_tab_wrapper td.work_1col_right li.work_dl,
#work_review_list td.work_1col_right li.work_dl,
#wishlist_work td.work_1col_right li.work_dl,
#load_profile_worklist td.work_1col_right li.work_dl,
#search_result_list td.work_1col_right li.work_dl {padding-top: 7px;}

#ranking_wrapper ul.btn_xs,
#main_inner .work_block ul.btn_xs,
#cal_tab_wrapper ul.btn_xs,
#work_review_list ul.btn_xs,
#wishlist_work ul.btn_xs,
#load_profile_worklist ul.btn_xs,
#search_result_list ul.btn_xs {position: absolute;bottom: 0;right: 0;}

#wishlist_work ul.btn_xs{right: 5px;}

#ranking_wrapper ul.btn_xs{padding-bottom: 10px;}
#ranking_wrapper li.work_rankin td {border-bottom: none; padding: 0;}

#ranking_wrapper td.work_1col_right ul li,
#ranking_wrapper td.work_1col_right ul.btn_xs,
#main_inner .work_block td.work_1col_right ul li,
#main_inner .work_block td.work_1col_right ul.btn_xs,
#cal_tab_wrapper td.work_1col_right ul li,
#cal_tab_wrapper td.work_1col_right ul.btn_xs,
#work_review_list td.work_1col_right ul li,
#work_review_list td.work_1col_right ul.btn_xs,
#wishlist_work td.work_1col_right ul li,
#wishlist_work td.work_1col_right ul.btn_xs,
#load_profile_worklist td.work_1col_right ul li,
#load_profile_worklist td.work_1col_right ul.btn_xs,
#search_result_list td.work_1col_right ul li,
#search_result_list td.work_1col_right ul.btn_xs li { float: right;}

/* ----- カート・お気に入り XXSサイズ(2カラム時に使用) ----- */

p.work_cart_xxs,
p.work_favorite_xxs{
  width: 48px;
  text-indent: -9999px;
}

p.work_cart_xxs a,
p.work_favorite_xxs a{
  display: block;
  width: 48px;
  overflow: hidden;
}

p.work_cart_xxs,
p.work_cart_xxs a{ height: 20px;float: left;}

p.work_favorite_xxs,
p.work_favorite_xxs a{ height: 20px;float: right;}

p.work_cart_xxs a.btn_cart{ background: url(../images/web/home/btn_xxs_cart.png) left top no-repeat;}
p.work_cart_xxs a.btn_cart:hover{ background: url(../images/web/home/btn_xxs_cart.png) left -20px no-repeat;}
p.work_cart_xxs a.btn_cart_in{ background: url(../images/web/home/btn_xxs_cart.png) left -40px no-repeat;}
p.work_cart_xxs a.btn_cart_in:hover{ background: url(../images/web/home/btn_xxs_cart.png) left -60px no-repeat;}
p.work_cart_xxs a.btn_dl{ background: url(../images/web/home/btn_xxs_cart.png) left -160px no-repeat;}
p.work_cart_xxs a.btn_dl:hover{ background: url(../images/web/home/btn_xxs_cart.png) left -180px no-repeat;}

p.work_favorite_xxs a.btn_favorite{ background: url(../images/web/home/btn_xxs_cart.png) left -80px no-repeat;}
p.work_favorite_xxs a.btn_favorite:hover{ background: url(../images/web/home/btn_xxs_cart.png) left -100px no-repeat;}
p.work_favorite_xxs a.btn_favorite_in{ background: url(../images/web/home/btn_xxs_cart.png) left -120px no-repeat;}
p.work_favorite_xxs a.btn_favorite_in:hover{ background: url(../images/web/home/btn_xxs_cart.png) left -140px no-repeat;}

/* お気に入りページではお気に入りボタンを非表示 */
#wishlist_work p.work_favorite_xxs{display: none;}



/* 2カラム表示で評価アイコン+ボタン設置
--------------------------------------------------------- */
.work_genre .work_hyouka_1,
.work_genre .work_hyouka_2,
.work_genre .work_hyouka_3,
.work_genre .work_hyouka_4,
.work_genre .work_hyouka_5 {
  background: none;
  border: none;
  height: 20px;
  line-height: 20px;
  bottom: 1px;
}

dl.work_2col .btn_xs p{ float: left;}



/* サムネイル直下にXXSボタンの配置
--------------------------------------------------------- */

td.work_table_data .btn_xxs{
  opacity: 0;
  filter: alpha( opacity=0 ); /*ie6,ie7*/
  -ms-filter: "alpha( opacity=0 )"; /*ie8*/
}

td.work_table_data:hover .btn_xxs{
  -webkit-transition: all 0.2s ease 0.5s;
  -moz-transition: all 0.2s ease 0.5s;
  -ms-transition: all 0.2s ease 0.5s;
  -o-transition: all 0.2s ease 0.5s;
  transition: all 0.2s ease 0.5s;
  opacity: 1;
  filter: alpha( opacity=100 ); /*ie6,ie7*/
  -ms-filter: "alpha( opacity=100 )"; /*ie8*/
}


div.work_thumb div.btn_xxs {
  width: 100px;
  height: 20px;
  margin-bottom: -8px;position: relative;
  bottom: -4px;
  left: 0;
  z-index: 1000;
}

/* ボックス表示
--------------------------------------------------------- */
ul#search_result_img_box{
  position: relative;
  clear: both;
  border-top: solid 1px #ccc;
  border-left: solid 1px #ccc;
}

li.search_result_img_box_inner{
  float: left;
  height: 285px;
  width: 124px;
  padding: 10px;
  border-right: solid 1px #ccc;
  border-bottom: solid 1px #ccc;
  line-height: 1.4;
  position: relative;
}

dl.work_img_main{
  line-height: 1.2;
}

dl.work_img_main dd.search_title{
  padding: 5px 0 0;
  line-height: 1.3;
}

dl.work_img_main dd.search_circle{
  font-size: 11px;
}

dl.work_img_main dt.search_img{
  display: block;
  width: 100%;
  height: 123px;
}

dl.work_img_main dt.search_img a{
  display: block;
  width: 100%;
  height: 100%;
  position: relative;
}

dl.work_img_main dt.search_img a img{
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
  max-width: 100%;
  max-height: 100%;
  border: none;
  -ms-interpolation-mode: bicubic;
}

dl.work_img_main dd.work_name{
  padding: 4px 0 0;
  min-height: 1.4em;
  max-height: 2.8em;
  overflow: hidden;
  line-height: 1.4em;
}

dl.work_img_main dd.maker_name{
  padding-top: 2px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-text-overflow: ellipsis;
  -o-text-overflow: ellipsis;
}

dl.work_img_main dd.work_price{
  padding-bottom: 4px;
  line-height: 1.4;
}

dl.work_img_main dd.worl_genre{
}

/* ボックス表示時にボタン
--------------------------------------------------------- */

dl.work_img_main dd.maker_name {
  padding-top: 5px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-text-overflow: ellipsis;
  -o-text-overflow: ellipsis;
}

dl.work_img_main dt.search_img {
  display: block;
  width: 100%;
  height: 123px;
  padding-bottom: 5px;
  border-bottom: dotted 1px #b8c3d9;
  /* margin-bottom: 0; */
}

dl.work_img_main dt.search_img a {
  display: block;
  width: 100%;
  height: 100%;
  position: relative;
}

dl.work_img_main dt.search_img a img {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
  max-width: 100%;
  max-height: 100%;
  border: none;
  -ms-interpolation-mode: bicubic;
}

li.search_result_img_box_inner dl.work_img_main{
  line-height: 1.2;
}

li.search_result_img_box_inner dl dd.work_operation_btn{
  position: absolute;
  left: 0;
  width: 100%;
  bottom: 0;
  opacity: 0;
  filter: alpha( opacity=0 ); /*ie6,ie7*/
  -ms-filter: "alpha( opacity=0 )"; /*ie8*/
  background: #f0f2f7; /* サービスで差分 */
  border-top: 1px dotted #b8c3d9; /* サービスで差分 */
}

li.search_result_img_box_inner:hover dl dd.work_operation_btn{
  -webkit-transition: all 0.2s ease 0.5s;
  -moz-transition: all 0.2s ease 0.5s;
  -ms-transition: all 0.2s ease 0.5s;
  -o-transition: all 0.2s ease 0.5s;
  transition: all 0.2s ease 0.5s;
  opacity: 1;
  filter: alpha( opacity=100 ); /*ie6,ie7*/
  -ms-filter: "alpha( opacity=100 )"; /*ie8*/
}

li.search_result_img_box_inner:hover dl dd.work_operation_btn div{
  padding: 0;
}

#search_result_img_box ul.table-ul{
  overflow: hidden;
  text-align: center;
  padding: 5px 0 5px;
}

#search_result_img_box ul.table-ul li{
  display: inline-block;
  vertical-align: middle;
}

/* カート小、お気に入り小、非表示、持っています */

#search_result_img_box ul.table-ul li a.btn_cart,
#search_result_img_box ul.table-ul li a.btn_cart_in,
#search_result_img_box ul.table-ul li a.btn_favorite,
#search_result_img_box ul.table-ul li a.btn_favorite_in,
#search_result_img_box ul.table-ul li a.btn_dl{
  display: inline-block;
  width: 61px;
  overflow: hidden;
  height: 0;
  padding-top: 20px;
  line-height: 20px;
  background: url(../images/web/home/btn_mini_cart_02.png) no-repeat;
}

#search_result_img_box ul.table-ul li a.btn_cart{ background-position: 0 0;}
#search_result_img_box ul.table-ul li a.btn_cart:hover{background-position: 0 -20px;}
#search_result_img_box ul.table-ul li a.btn_cart_in{background-position: 0 -40px;}
#search_result_img_box ul.table-ul li a.btn_cart_in:hover{ background-position: 0 -60px;}

#search_result_img_box ul.table-ul li a.btn_favorite{ background-position: 0 -80px;}
#search_result_img_box ul.table-ul li a.btn_favorite:hover{background-position: 0 -100px;}
#search_result_img_box ul.table-ul li a.btn_favorite_in{background-position: 0 -120px;}
#search_result_img_box ul.table-ul li a.btn_favorite_in:hover{ background-position: 0 -140px;}

#search_result_img_box ul.table-ul li a.btn_dl{background-position: 0 -160px;}
#search_result_img_box ul.table-ul li a.btn_dl:hover{ background-position: 0 -180px;}

/* 既に持っている場合 */
#search_result_img_box ul.table-ul li p.work_already{
  position: absolute;
  bottom: 27px;
  left: 50%;
  margin-left: -62px;
}

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

#search_result_img_box dd.work_hyouka_1,
#search_result_img_box dd.work_hyouka_2,
#search_result_img_box dd.work_hyouka_3,
#search_result_img_box dd.work_hyouka_4,
#search_result_img_box dd.work_hyouka_5,
#search_result_img_box dd.work_review,
#search_result_img_box td.work_review{ width: 30px; padding-left: 0px; padding-top: 25px;}

#search_result_img_box dd.work_hyouka_1 div{ background: url(../images/web/home/icon_hyouka_01.png) left center no-repeat; height: 16px; padding-top: 5px; display: inline-block;}
#search_result_img_box dd.work_hyouka_2 div{ background: url(../images/web/home/icon_hyouka_02.png) left center no-repeat; height: 16px; padding-top: 5px; display: inline-block;}
#search_result_img_box dd.work_hyouka_3 div{ background: url(../images/web/home/icon_hyouka_03.png) left center no-repeat; height: 16px; padding-top: 5px; display: inline-block;}
#search_result_img_box dd.work_hyouka_4 div{ background: url(../images/web/home/icon_hyouka_04.png) left center no-repeat; height: 16px; padding-top: 5px; display: inline-block;}
#search_result_img_box dd.work_hyouka_5 div{ background: url(../images/web/home/icon_hyouka_05.png) left center no-repeat; height: 16px; padding-top: 5px; display: inline-block;}
#search_result_img_box dd.work_review div{ background: url(../images/web/home/icon_review.png) left center no-repeat; height: 16px; padding-top: 5px; display: inline-block;}


/* ----- お知らせメール ----- */

ul.btn_infomail_send{
  width: 130px;
  border-radius: 3px;
  margin: 1px auto 0;
  font-size: 12px;
}

ul.btn_infomail_send li{
  height: 24px;
  line-height: 23px;
  width: 65px;
  display: block;
  float: left !important;
  background: #fff;
  cursor: pointer;
  text-align: center;
  color: #ccc;
  border: 1px solid #b8c3d9;
  box-sizing: border-box;
}

ul.btn_infomail_send li:first-child{ border-radius: 3px 0 0 3px; border-right: none;}
ul.btn_infomail_send li:last-child{ border-radius: 0 3px 3px 0;}

ul.btn_infomail_send li.on{ background: #607194 !important; color: #fff !important;}
ul.btn_infomail_send li:hover{ background: #dde2ed; color: #fff;}

p.lead_infomail_send{
  width: 130px;
  font-size: 11px;
  padding-bottom: 4px;
  text-align: left;
  margin: 0 auto;
}

/* ----- お知らせメールロング ----- */

li.work_infomail_long{ padding: 3px 0 0;}

li.work_infomail_long span.lead{
  display: block;
  width: 294px;
  font-size: 11px;
  text-align: left;
  padding-bottom: 4px;
}

li.work_infomail_long p.btn_infomail_long_send_on,
li.work_infomail_long p.btn_infomail_long_notsend_on{
  height: 22px;
  width: 294px;
}

li.work_infomail_long p.btn_infomail_long_send_on span,
li.work_infomail_long p.btn_infomail_long_notsend_on span{
  text-indent: -9999px;
}

li.work_infomail_long p.btn_infomail_long_send_on{ background: url(../images/web/home/btn_infomail_long.png) 0 0 no-repeat; display: block; margin: 0 auto;}
li.work_infomail_long p.btn_infomail_long_notsend_on{ background: url(../images/web/home/btn_infomail_long.png) 0 -22px no-repeat; display: block; margin: 0 auto;}

li.work_infomail_long p span.send{ width: 147px; float: left;}
li.work_infomail_long p span.notsend{ width: 147px; float: left;}

li.work_infomail_long p.btn_infomail_long_notsend_on span.send,
li.work_infomail_long p.btn_infomail_long_send_on span.notsend{ cursor: pointer; height: 22px;}

td.popup_my_genre_text a.mygenre_regist{ background: url(../images/web/home/btn_mygenre_regist.png) no-repeat; width: 160px; height: 40px; display: block; text-indent: -9999px; margin: 5px auto; position: relative; left: 50px;}
td.popup_my_genre_text a.mygenre_admin{ background: url(../images/web/home/btn_mygenre_admin.png) no-repeat; width: 160px; height: 40px; display: block; text-indent: -9999px; margin: 0px auto; position: relative; left: -3px;}

table.popup_my_genre p.center {text-align: center;clear: both;display: block;width: 430px;}

/* ----- サンプル画像ボタン ----- */

dd.work_sample_image{
  background: url(../images/web/home/btn_sample_image.png) 0 0 no-repeat;
  text-indent: -9999px;
  float: left;
}

dd.work_sample_image a{
  width: 80px;
  height: 21px;
  display: block;
  overflow: hidden;
}

/* ----- 立ち読みボタン ----- */


div#push_main p.btn_browsing{
  margin-top: 3px;
  background: url(../images/web/home/btn_browsing.png) 0 0 no-repeat;
  text-indent: -9999px;
  float: left;
}

div#push_main p.btn_browsing a{
  width: 66px;
  height: 21px;
  display: block;
  overflow: hidden;
}

/* レコメンド、その他の横並び作品
--------------------------------------------------------- */

div.work_row_wide_list{
  position: relative;
  width: 100%;
  font-size: 12px;
  line-height: 1.3;
  margin-bottom: 20px;
}

div.work_row_wide_list p.carousel_arrow_left,
div.work_row_wide_list p.carousel_arrow_right{
  width: 26px;
  position: absolute;
  top: 60px;
}

div.work_row_wide_list p.carousel_arrow_left{ left: 0; z-index: 10;}
div.work_row_wide_list p.carousel_arrow_right{ right: 0; z-index: 10;}

div.work_row_wide_list p.carousel_arrow_left input{}
div.work_row_wide_list p.carousel_arrow_right input{ text-indent: -9999px;}

div.work_row_wide_list div.work_main_list_ncol{
  float: left;
  width: 100%;
  overflow: hidden;
}

div.work_main_list_ncol ul{
  min-height: 235px;
  margin: 0 30px;
}

div.work_main_list_ncol ul.mheight_01{ min-height: 285px; }

div.work_main_list_ncol li{
  float: left;
  width: 175px;
  margin: 0 auto;
}

div.work_main_list_ncol li.__reserved{}

div.work_main_list_ncol li.__reserved div{
  position: relative;
  width: 153px;
  height: 233px;
  font-size: 11px;
  text-align: center;
  margin: 0 10px;
  border-radius: 5px;
  border: 1px solid #b8c3d9;
  background: url(../images/web/common/loading_work.gif) 50% 60px no-repeat;
}

div.work_main_list_ncol ul.mheight_01 li.__reserved div{ height: 283px;}

div.work_main_list_ncol li.__reserved span{
  position: absolute;
  bottom: 130px;
  left: 56px;
  color: #666;
}

div.work_main_list_ncol ul.mheight_01 li.__reserved span{ bottom: 180px;}

div.work_main_list_ncol ul dl{
  position: relative;
  width: 153px;
  min-height: 213px;
  height: auto !important;
  height: 213px;
  padding: 10px 0;
  margin: 0 10px;
  border-radius: 5px;
  border: 1px solid #b8c3d9;
}

div.work_main_list_ncol ul.mheight_01 dl{ padding-bottom: 60px;}

div.work_main_list_ncol dt{
  display: table-cell;
  width: 153px;
  height: 120px;
  text-align: center;
  vertical-align: middle;
}

div.work_main_list_ncol dd{
  padding-left: 10px;
  padding-right: 10px;
}

div.work_main_list_ncol dd.work_name{
  padding-top: 6px;
}

div.work_main_list_ncol dd.work_operation_btn{
  position: absolute;
  left: 0;
  bottom: 0;
  width: 153px;
  height: 52px;
  padding: 0;
  margin: 0;
  border-bottom-left-radius: 4px;
  border-bottom-right-radius: 4px;
  border-top: 1px solid #b8c3d9;
  background: #f0f2f7;
}

dd.work_operation_btn div{
  padding: 6px 0 0 14px;
}

/* ----- 作品詳細の場合 ----- */

div.work_article div.work_row_wide_list{ margin-bottom: 0;}

/* ----- おすすめ作品バナーの場合 ----- */

div.banner_box_02 div.work_row_wide_list{
  width: 480px;
  padding: 0 30px;
  margin-left: 195px;
  margin-bottom: 0;
}

/* ----- 0件の場合 ----- */

div.work_row_wide_list p.work_none{
  width: 250px;
  color: #e58600;
  font-size: 14px;
  font-weight: bold;
  text-align: center;
  padding: 10px;
  margin: 0 auto;
  border: 1px solid #b8c3d9;
}

/* ----- カート小、お気に入り小、非表示、持っています(レコメンド) ----- */

dd.work_operation_btn p.work_cart,
dd.work_operation_btn p.work_cart_in,
dd.work_operation_btn p.work_favorite,
dd.work_operation_btn p.work_favorite_in{
  width: 61px;
  height: 20px;
  text-indent: -9999px;
  float: left;
  margin: 2px 3px 5px 0;
}

dd.work_operation_btn p.work_cart a,
dd.work_operation_btn p.work_cart_in a,
dd.work_operation_btn p.work_favorite a,
dd.work_operation_btn p.work_favorite_in a{
  display: block;
  width: 61px;
  overflow: hidden;
}

dd.work_operation_btn p.work_nodisplay,
dd.work_operation_btn p.work_nodisplay_end{
  clear: both;
  margin-right: 4px;
}

dd.work_operation_btn p.work_nodisplay,
dd.work_operation_btn p.work_possession,
dd.work_operation_btn p.work_nodisplay_end,
dd.work_operation_btn p.work_possession_end{
  font-size: 11px;
  float: left;
}

dd.work_operation_btn .work_nodisplay,
dd.work_operation_btn .work_nodisplay_end{
  background: url(../images/web/common/icon_nodisplay_s.png) 0 0 no-repeat;
  padding-left: 15px;
}

dd.work_operation_btn p.work_possession,
dd.work_operation_btn p.work_possession_end{
  background: url(../images/web/common/icon_possession_s.png) 0 0 no-repeat;
  padding-left: 17px;
}

dd.work_operation_btn p.work_cart a.btn_cart,
dd.work_operation_btn p.work_cart a.btn_cart_in,
dd.work_operation_btn p.work_favorite a.btn_favorite,
dd.work_operation_btn p.work_favorite a.btn_favorite_in{
  height: 20px;
  background: url(../images/web/home/btn_mini_cart_02.png) no-repeat;
}

dd.work_operation_btn p.work_cart a.btn_cart{ background-position: 0 0;}
dd.work_operation_btn p.work_cart a.btn_cart:hover{background-position: 0 -20px;}
dd.work_operation_btn p.work_cart a.btn_cart_in{background-position: 0 -40px;}
dd.work_operation_btn p.work_cart a.btn_cart_in:hover{ background-position: 0 -60px;}

dd.work_operation_btn p.work_favorite a.btn_favorite{ background-position: 0 -80px;}
dd.work_operation_btn p.work_favorite a.btn_favorite:hover{background-position: 0 -100px;}
dd.work_operation_btn p.work_favorite a.btn_favorite_in{background-position: 0 -120px;}
dd.work_operation_btn p.work_favorite a.btn_favorite_in:hover{ background-position: 0 -140px;}

/* ポイント
--------------------------------------------------------- */
span.work_point.bold:after{
  content: "";
  display: inline-block;
  vertical-align: top;
  background: url(../images/web/common/icon_point_up.png) no-repeat 0 0;
  width: 32px;
  height: 15px;
  margin-left: 3px;
  display: none;
}

#search_result_img_box span.work_point.bold:after{display: none;}

/* 作品ジャンルアイコン（画像の表記とテキストの表記に差があるものは擬似要素で対応）
--------------------------------------------------------- */
.work_genre span{
  display: block;
  float: left;
  border-radius: 2px;
  border: solid 1px #ccc;
  overflow: hidden;
  margin: 0 2px 2px 0;
  background: url(../images/web/common/icon_genre.png) no-repeat;
  position: relative;
  font-size: 11px;
  height: 15px;
  line-height: 15px;
  padding: 0 3px;
  cursor: default;
  vertical-align: top;
}

.work_genre span:after{
  position: relative;
  display: inline-block;
  background-color: inherit;
  top: 0;
  left: 0;
  font-size: 11px;
  height: 15px;
  line-height: 15px;
}

.work_genre a{
  margin: 0 2px 2px 0;
  vertical-align: top;
  display: block;
  float: left;
}

.work_genre a:hover{
  text-decoration: none;
}

.work_genre a span{
  text-decoration: none;
  cursor: pointer;
  margin: 0;
}

.work_genre span.icon_R15{border-color: #7acc83; color: #46B250; background: #E6FFE8;}/* R-15 */
.work_genre span.icon_ADL{border-color: #f29dac; color: #f28597; background: #FFE4E8; font-size: 0;}/* 成人向け（サイトIDによってテキストが異なる） */
.work_genre span.icon_LDS{border-color: #cca6a3; color: #a68685; background: #F9EBE0; font-size: 0;}/* 女性向け作品 */

.work_genre span.icon_ADL:after{content: "18禁";}/* 成人向け（サイトIDによってテキストが異なる） */
.work_genre span.icon_LDS:after{content: "女性向け";}/* 女性向け作品 */

.work_genre span.icon_DOH{border-color: #a1c9e5; color: #70a6cc; background: #E6F6FF;}/* 同人誌 */
.work_genre span.icon_SOF{border-color: #c3add9; color: #987db3; background: #F2E5FF;}/* 同人ソフト */
.work_genre span.icon_GAM{border-color: #d9b98d; color: #cc9952; background: #FFEFD8;}/* 同人ゲーム */
.work_genre span.icon_PRO{border-color: #b3b3e5; color: #8686bf; background: #ECEBFF;}/* 商業ソフト */

.work_genre span.icon_COM,/* マンガ */
.work_genre span.icon_MNG,/* マンガ */
.work_genre span.icon_IST,/* イラスト集 */
.work_genre span.icon_INV,/* イラスト+ノベル */
.work_genre span.icon_ZTS,/* 雑誌 */
.work_genre span.icon_GSH,/* 画集 */
.work_genre span.icon_SCM,/* 劇画 */
.work_genre span.icon_PHT/* 写真集 */
{border-color: #a3cc7a; color: #80a65b; background: #E6F8D4;}

.work_genre span.icon_NRE,/* 同人誌ノベル */
.work_genre span.icon_NR2,/* 同人ソフトノベル */
.work_genre span.icon_ETC,/* その他同人誌 */
.work_genre span.icon_ET3,/* その他同人ソフト */
.work_genre span.icon_ET4/* その他ゲーム */
{border-color: #a3cc7a; color: #80a65b; background: #E6F8D4; font-size: 0;}

.work_genre span.icon_NRE:after,/* 同人誌ノベル */
.work_genre span.icon_NR2:after{content: "ノベル";}/* 同人ソフトノベル */
.work_genre span.icon_ETC:after,/* その他同人誌 */
.work_genre span.icon_ET3:after,/* その他同人ソフト */
.work_genre span.icon_ET4:after{content: "その他作品形式";}/* その他ゲーム */

.work_genre span.icon_MDC,/* デジタルコミック */
.work_genre span.icon_MOV,/* 動画作品 */
.work_genre span.icon_TOL,/* ツール/アクセサリ */
.work_genre span.icon_SOU,/* 音声作品 */
.work_genre span.icon_MUS/* 音楽作品 */
{border-color: #a3cc7a; color: #80a65b; background: #E6F8D4;}

.work_genre span.icon_ICG,/* イラスト集(CG集) */
.work_genre span.icon_IN2/* イラスト(CG)+ノベル */
{border-color: #a3cc7a; color: #80a65b; background: #E6F8D4; font-size: 0;}

.work_genre span.icon_ICG:after{content: "CG集";}/* イラスト集(CG集) */
.work_genre span.icon_IN2:after{content: "CG+ノベル";}/* イラスト(CG)+ノベル */

.work_genre span.icon_QIZ,/* クイズゲーム */
.work_genre span.icon_TBL,/* テーブルゲーム */
.work_genre span.icon_DNV,/* デジタルノベル */
.work_genre span.icon_PZL,/* パズルゲーム */
.work_genre span.icon_RET/* レトロゲーム */
{border-color: #a3cc7a; color: #80a65b; background: #E6F8D4;}

.work_genre span.icon_ACN,/* アクションゲーム */
.work_genre span.icon_ADV,/* アドベンチャーゲーム */
.work_genre span.icon_RPG,/* ロールプレイングゲーム */
.work_genre span.icon_SLN,/* シミュレーションゲーム */
.work_genre span.icon_TYP,/* タイピングゲーム */
.work_genre span.icon_STG/* シューティングゲーム */
{border-color: #a3cc7a; color: #80a65b; background: #E6F8D4; font-size: 0;}

.work_genre span.icon_ACN:after{content: "アクション";}/* アクションゲーム */
.work_genre span.icon_ADV:after{content: "アドベンチャー";}/* アドベンチャーゲーム */
.work_genre span.icon_RPG:after{content: "ロールプレイング";}/* ロールプレイングゲーム */
.work_genre span.icon_SLN:after{content: "シミュレーション";}/* シミュレーションゲーム */
.work_genre span.icon_TYP:after{content: "タイピング";}/* タイピングゲーム */
.work_genre span.icon_STG:after{content: "シューティング";}/* シューティングゲーム */

.work_genre span.icon_IME,/* 画像ファイル */
.work_genre span.icon_EXE,/* アプリケーション */
.work_genre span.icon_TXT/* TEXTファイル */
{border-color: #ccb8a3; color: #b38659; background: #FAECDF;}

.work_genre span.icon_HTE,/* HTML */
.work_genre span.icon_HTI,/* HTML(+画像) */
.work_genre span.icon_HMO,/* HTML(+動画) */
.work_genre span.icon_HTF,/* HTML(+Flash) */
.work_genre span.icon_IJP,/* 画像(JPEG) */
.work_genre span.icon_IGF,/* 画像(GIF) */
.work_genre span.icon_IBP,/* 画像(BMP) */
.work_genre span.icon_PNG,/* 画像(PNG) */
.work_genre span.icon_ADO,/* オーディオファイル */
.work_genre span.icon_MP3,/* オーディオ(MP3) */
.work_genre span.icon_WMA,/* オーディオ(WMA) */
.work_genre span.icon_AAC,/* オーディオ(AAC) */
.work_genre span.icon_WAV,/* オーディオ(WAV) */
.work_genre span.icon_MVF,/* ムービーファイル */
.work_genre span.icon_AVI,/* ムービー(AVI) */
.work_genre span.icon_MWM,/* ムービー(WMV) */
.work_genre span.icon_MPG,/* ムービー(MPEG) */
.work_genre span.icon_PDF,/* PDF */
.work_genre span.icon_FLA,/* Flash */
.work_genre span.icon_ET1,/* その他 */
.work_genre span.icon_APK/* APK */
{border-color: #ccb8a3; color: #b38659; background: #FAECDF; font-size: 0;}

.work_genre span.icon_HTE:after{content: "HTML形式";}/* HTML */
.work_genre span.icon_HTI:after{content: "HTML+画像";}/* HTML(+画像) */
.work_genre span.icon_HMO:after{content: "HTML+動画";}/* HTML(+動画) */
.work_genre span.icon_HTF:after{content: "HTML+Flash";}/* HTML(+Flash) */
.work_genre span.icon_IJP:after{content: "画像(JPEG)";}/* 画像(JPEG) */
.work_genre span.icon_IGF:after{content: "画像(GIF)";}/* 画像(GIF) */
.work_genre span.icon_IBP:after{content: "画像(BMP)";}/* 画像(BMP) */
.work_genre span.icon_PNG:after{content: "画像(PNG)";}/* 画像(PNG) */
.work_genre span.icon_ADO:after{content: "AUDIOファイル";}/* オーディオファイル */
.work_genre span.icon_MP3:after{content: "AUDIO(MP3)";}/* オーディオ(MP3) */
.work_genre span.icon_WMA:after{content: "AUDIO(WMA)";}/* オーディオ(WMA) */
.work_genre span.icon_AAC:after{content: "AUDIO(AAC)";}/* オーディオ(AAC) */
.work_genre span.icon_WAV:after{content: "AUDIO(WAV)";}/* オーディオ(WAV) */
.work_genre span.icon_MVF:after{content: "MOVIEファイル";}/* ムービーファイル */
.work_genre span.icon_AVI:after{content: "MOVIE(AVI)";}/* ムービー(AVI) */
.work_genre span.icon_MWM:after{content: "MOVIE(WMV)";}/* ムービー(WMV) */
.work_genre span.icon_MPG:after{content: "MOVIE(MPEG)";}/* ムービー(MPEG) */
.work_genre span.icon_PDF:after{content: "PDFファイル";}/* PDF */
.work_genre span.icon_FLA:after{content: "Flashファイル";}/* Flash */
.work_genre span.icon_ET1:after{content: "その他ファイル形式";}/* その他 */
.work_genre span.icon_APK:after{content: "APKファイル";}/* APK */

.work_genre span.icon_SND,/* 音声あり */
.work_genre span.icon_MS2,/* 音楽あり */
.work_genre span.icon_MV2/* 動画あり */
{border-color: #b8c4d9; color: #8591a6; background: #F2F3F7;}

.work_genre span.icon_3DP{border-color: #b8c4d9; color: #8591a6; background: #F2F3F7; font-size: 0;}/* 3D作品 */
.work_genre span.icon_3DP:after{content: "3DCG";}

.work_genre span.icon_TRI{border-color: #ccbb66; color: #a69542; background: #FFF7D2; font-size: 0;}/* 体験版あり */
.work_genre span.icon_TRI:after{content: "体験版";}

.work_genre span.icon_ENG,/* English Version */
.work_genre span.icon_CHI,/* Chinese Version */
.work_genre span.icon_DOT{border-color: #E25A70; color: #fff; background: #E25A70; font-size: 0;}/* DLsite Official Translation */

.work_genre span.icon_ENG:after{content: "English";}/* English Version */
.work_genre span.icon_CHI:after{content: "Chinese";}/* Chinese Version */
.work_genre span.icon_DOT:after{content: "DLsite Trans";}/* DLsite Official Translation */

.work_genre span.icon_PRT,/* プロテクト */
.work_genre span.icon_SER,/* シリアル発行 */
.work_genre span.icon_BUD,/* Buddy */
.work_genre span.icon_DEN,/* ソフト電池 */
.work_genre span.icon_GRS,/* グルセン */
.work_genre span.icon_DLV,/* ユーザー認証 */
.work_genre span.icon_DAD/* DLsite ADV */
{border-color: #85ccc6; color: #63a69f; background: #E7FAF8; font-size: 0;}

.work_genre span.icon_PRT:after{content: "プロテクト";}/* プロテクト */
.work_genre span.icon_SER:after{content: "シリアル発行";}/* シリアル発行 */
.work_genre span.icon_BUD:after{content: "Buddy";}/* Buddy */
.work_genre span.icon_DEN:after{content: "ソフト電池";}/* ソフト電池 */
.work_genre span.icon_GRS:after{content: "グルセン";}/* グルセン */
.work_genre span.icon_DLV:after{content: "ユーザー認証";}/* ユーザー認証 */
.work_genre span.icon_DAD:after{content: "DLsite ADV";}/* DLsite ADV */

.work_genre span.icon_BL1{border-color: #e5a1c3; color: #cc7aa3; background: #FFE7F3; font-size: 0;}/* ボーイズラブ作品 */
.work_genre span.icon_BL1:after{content: "♂×♂";}/* ボーイズラブ作品 */

.work_genre span.icon_OTM{border-color: #85c5f2; color: #70a6cc; background: #E6F6FF;}/* 乙女ゲーム */

.work_genre span.icon_GRO,
.work_genre span.icon_MEN,
.work_genre span.icon_EVT,
.work_genre span.icon_REV{
  margin-left: 3px;
  border: none;
  text-indent: -9999px;
  padding: 0;
}

.work_genre span.icon_GRO{width: 15px; background-position: -97px -260px;}/* グロ */
.work_genre span.icon_MEN{width: 13px; background-position: -123px -260px;}/* ホモ */
.work_genre span.icon_EVT{width: 13px; background-position: -214px -260px;}/* イベント頒布 */
.work_genre span.icon_REV{background: url(../images/web/home/icon_REV.png) no-repeat 0 50%; width: 16px;}/* レビューあり */

.work_genre a span.icon_GRO,
.work_genre a span.icon_MEN,
.work_genre a span.icon_EVT,
.work_genre a span.icon_REV{
  margin: 0;
}

.work_genre span.icon_W_TOUCH,/* スマホ同梱 */
.work_genre span.icon_WPD,/* PDF同梱 */
.work_genre span.icon_WAP,/* APK同梱 */
.work_genre span.icon_ALM/* スマホ対応 */
{border-color: #b8bee5; color: #7a87cc; background: #E9ECFE;}

.maker_name span.icon_NCI/* 新規サークル：NEW */{
  font-size: 11px;
  display: inline-block;
  margin: 0 2px 0 3px;
  background: url(../images/web/common/icon_genre.png) no-repeat -5px -291px;
  height: 0;
  width: 33px;
  padding-top: 15px;
  overflow: hidden;
  border: none;
  vertical-align: middle;
}

.work_price span.icon_TOUCH_O,
.article_box span.icon_TOUCH_O{
  display: inline-block;
  margin: 0 2px 0 3px;
  padding: 0 3px;
  height: 15px;
  line-height: 15px;
  border-radius: 2px;
  font-size: 11px !important;
  color: #fff;
  background: #D94C63;
  border: none;
  cursor: default;
  vertical-align: top;
}/* スマホ専用 */

.work_price a:hover span.icon_TOUCH_O,
.article_box a:hover span.icon_TOUCH_O{
  text-decoration: none;
  cursor: pointer;
}

.article_box span.icon_TOUCH_O{margin-left: 0;}

div#ana_work_wrapper .work_price span.icon_TOUCH_O,
table.prof_ana_work .work_price span.icon_TOUCH_O{margin: 1px 0 1px 0;}

div#circle_work_list td.work_price span.icon_TOUCH_O{text-align: left; margin: 3px 0 0;}

/* 国旗 */
.work_genre span.icon_USA,.work_genre span.icon_GER,.work_genre span.icon_ITA,
.work_genre span.icon_GBR,.work_genre span.icon_ESP,.work_genre span.icon_FIN,
.work_genre span.icon_FRA,.work_genre span.icon_KOR,.work_genre span.icon_PHL,
.work_genre span.icon_PER,.work_genre span.icon_MAL,.work_genre span.icon_UKR,
.work_genre span.icon_POL,.work_genre span.icon_BRA,.work_genre span.icon_NED,
.work_genre span.icon_GUA,.work_genre span.icon_TUR,.work_genre span.icon_MEX,
.work_genre span.icon_CHL,.work_genre span.icon_AUS,.work_genre span.icon_SGP,
.work_genre span.icon_SWE,.work_genre span.icon_PRY,.work_genre span.icon_TWN,
.work_genre span.icon_ZAF,.work_genre span.icon_CAN,.work_genre span.icon_ARG,
.work_genre span.icon_RUS,.work_genre span.icon_SUR,.work_genre span.icon_IDN,
.work_genre span.icon_NZL,.work_genre span.icon_VEN,.work_genre span.icon_HUN,
.work_genre span.icon_SVK,.work_genre span.icon_THA,.work_genre span.icon_SWI,
.work_genre span.icon_BEL,.work_genre span.icon_CHN,.work_genre span.icon_CZE,
.work_genre span.icon_IND,.work_genre span.icon_NOR,.work_genre span.icon_SVN,
.work_genre span.icon_SYR,.work_genre span.icon_COL,.work_genre span.icon_PRI,
.work_genre span.icon_PTG,.work_genre span.icon_SLV,.work_genre span.icon_ROU,
.work_genre span.icon_BLZ{
  text-indent: -9999px;
  width: 16px;
  height: 13px;
  margin: 0 0 0 3px;
  padding: 0;
  border-radius: 0;
  border: none;
}

.work_genre span.icon_USA{background-position: -5px -317px;}/* アメリカ */
.work_genre span.icon_GER{background-position: -21px -317px;}/* ドイツ */
.work_genre span.icon_ITA{background-position: -37px -317px;}/* イタリア */
.work_genre span.icon_GBR{background-position: -53px -317px;}/* イギリス */
.work_genre span.icon_ESP{background-position: -69px -317px;}/* スペイン */
.work_genre span.icon_FIN{background-position: -85px -317px;}/* フィンランド */
.work_genre span.icon_FRA{background-position: -101px -317px;}/* フランス */
.work_genre span.icon_KOR{background-position: -117px -317px;}/* 韓国 */
.work_genre span.icon_PHL{background-position: -133px -317px;}/* フィリピン */
.work_genre span.icon_PER{background-position: -149px -317px;}/* ペルー */
.work_genre span.icon_MAL{background-position: -165px -317px;}/* マレーシア */
.work_genre span.icon_UKR{background-position: -181px -317px;}/* ウクライナ */
.work_genre span.icon_POL{background-position: -197px -317px;}/* ポーランド */
.work_genre span.icon_BRA{background-position: -213px -317px;}/* ブラジル */
.work_genre span.icon_NED{background-position: -229px -317px;}/* オランダ */
.work_genre span.icon_GUA{background-position: -245px -317px;}/* グアテマラ */
.work_genre span.icon_TUR{background-position: -261px -317px;}/* トルコ */
.work_genre span.icon_MEX{background-position: -277px -317px;}/* メキシコ */
.work_genre span.icon_CHL{background-position: -293px -317px;}/* チリ */
.work_genre span.icon_AUS{background-position: -309px -317px;}/* オーストラリア */
.work_genre span.icon_SGP{background-position: -325px -317px;}/* シンガポール */
.work_genre span.icon_SWE{background-position: -341px -317px;}/* スウェーデン */
.work_genre span.icon_PRY{background-position: -357px -317px;}/* パラグアイ */
.work_genre span.icon_TWN{background-position: -373px -317px;}/* 台湾 */
.work_genre span.icon_ZAF{background-position: -387px -317px;}/* 南アフリカ */
.work_genre span.icon_CAN{background-position: -405px -317px;}/* カナダ */
.work_genre span.icon_ARG{background-position: -421px -317px;}/* アルゼンチン */
.work_genre span.icon_RUS{background-position: -437px -317px;}/* ロシア */
.work_genre span.icon_SUR{background-position: -453px -317px;}/* スリナム */
.work_genre span.icon_IDN{background-position: -469px -317px;}/* インドネシア */
.work_genre span.icon_NZL{background-position: -485px -317px;}/* ニュージーランド */
.work_genre span.icon_VEN{background-position: -501px -317px;}/* ベネズエラ */
.work_genre span.icon_HUN{background-position: -517px -317px;}/* ハンガリー */
.work_genre span.icon_SVK{background-position: -533px -317px;}/* スロバキア */
.work_genre span.icon_THA{background-position: -549px -317px;}/* タイ */
.work_genre span.icon_SWI{background-position: -565px -317px;}/* スイス */
.work_genre span.icon_BEL{background-position: -576px -317px;}/* ベルギー */
.work_genre span.icon_CHN{background-position: -592px -317px;}/* 中国 */
.work_genre span.icon_CZE{background-position: -608px -317px;}/* チェコ */
.work_genre span.icon_IND{background-position: -624px -317px;}/* インド */
.work_genre span.icon_NOR{background-position: -640px -317px;}/* ノルウェー */
.work_genre span.icon_SVN{background-position: -656px -317px;}/* スロベニア */
.work_genre span.icon_SYR{background-position: -672px -317px;}/* シリア */
.work_genre span.icon_COL{background-position: -688px -317px;}/* コロンビア */
.work_genre span.icon_PRI{background-position: -704px -317px;}/* プエルトリコ */
.work_genre span.icon_PTG{background-position: -720px -317px;}/* ポルトガル */
.work_genre span.icon_SLV{background-position: -736px -317px;}/* エルサルバドル */
.work_genre span.icon_ROU{background-position: -752px -317px;}/* ルーマニア */
.work_genre span.icon_BLZ{background-position: -768px -317px;}/* ベリーズ */

.work_genre span.icon_L_JPN,/* 日本語 */
.work_genre span.icon_L_ENG,/* 英語 */
.work_genre span.icon_L_CHI,/* 中国語 */
.work_genre span.icon_L_FRA,/* フランス語 */
.work_genre span.icon_L_ITA,/* イタリア語 */
.work_genre span.icon_L_GER,/* ドイツ語 */
.work_genre span.icon_L_ESP,/* スペイン語 */
.work_genre span.icon_L_DOT{border-color: #E25A70; color: #fff; background: #E25A70; font-size: 0;}/* DLsite公式翻訳作品 */

.work_genre span.icon_L_JPN:after{content: "Japanese Version";}/* 日本語 */
.work_genre span.icon_L_ENG:after{content: "English Version";}/* 英語 */
.work_genre span.icon_L_CHI:after{content: "Chiinese Version";}/* 中国語 */
.work_genre span.icon_L_FRA:after{content: "French Version";}/* フランス語 */
.work_genre span.icon_L_ITA:after{content: "Italian Version";}/* イタリア語 */
.work_genre span.icon_L_GER:after{content: "German Version";}/* ドイツ語 */
.work_genre span.icon_L_ESP:after{content: "Spanish Version";}/* スペイン語 */
.work_genre span.icon_L_DOT:after{content: "DLsite Trans";}/* DLsite公式翻訳作品 */

/* 作品名のアイコン表示
--------------------------------------------------------- */

.icon_lead_01{
  display: inline-block;
  border-radius: 2px;
  border: solid 1px #ccc;
  margin: 0 2px 2px 0;
  font-size: 11px;
  height: 13px;
  line-height: 13px;
  padding: 0 3px;
  vertical-align: middle;
  font-weight: bold;
}

.icon_lead_01:last-of-type{ margin-right: 3px;}

.icon_lead_01.type_limit{border-color: #18a29a; color: #fff; background: #18a29a; text-align: center;}/* 限定 */
.icon_lead_01.type_sale{border-color: #cc0000; color: #fff; background: #cc0000; text-align: center;}/* ○○%OFF */
.icon_lead_01.type_points{border-color: #009933; color: #fff; background: #009933; text-align: center;}/* ポイントUP */
.icon_lead_01.type_exclusive{border-color: #FFD400;color: #604200;background: #FFE800;text-align: center;font-size: 12px;padding-top: 2px;}/* 専売、先行、独占 */

li.search_result_img_box_inner .icon_lead_01.type_exclusive{font-size: 11px;}


/* 評価分布図
--------------------------------------------------------- */

.hyouka_detail{
  position: absolute;
  left: 240px;
  top: 340px;
  width: 232px;
  padding: 5px;
  border-radius: 5px;
  border: 1px solid #b8c3d9;
  background-color: #fff;
  box-shadow: 1px 1px 1px rgba(0,0,0,0.1);
}

.hyouka_detail:after,
.hyouka_detail:before{
  content: "";
  position: absolute;
  left: 50%;
  width: 0px;
  height: 0px;
  border: solid transparent;
}

.hyouka_detail:after{
  top: -18px;
  margin-left: -9px;
  border-width: 9px;
  border-bottom-color: #fff;
}

.hyouka_detail:before{
  top: -20px;
  margin-left: -10px;
  border-width: 10px;
  border-bottom-color: #b8c3d9;
}

.hyouka_detail table{
  font-size: 13px;
  border-collapse: separate;
}

.hyouka_detail table th,
.hyouka_detail table td{
  vertical-align: top;
  padding: 5px;
  border: 1px solid #fff;
}

.hyouka_detail table th{
  width: 70px;
  color: #536280;
  text-align: right;
  background: #e6eaf2;
}

span.eva_ave{
  font-size: 15px;
  font-weight: bold;
  padding-left: 5px;
}

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

dl.eva_break_count dt{
  width: 25px;
  height: 24px;
  line-height: 24px;
  float: left;
  text-align: right;
  clear: both;
}

dl.eva_break_count dt p{ float: left;}

dl.eva_break_count dd.eva_count{
  height: 24px;
  line-height: 24px;
  font-size: 12px;
  padding-left: 5px;
  margin-left: 25px;
}

/* ==================================================
 同時開催中のキャンペーンバナー
================================================== */
/* ----- トップ右カラム ----- */
#discount_banners_other .sub_name {
  margin-bottom: 5px;
  border-bottom: none;
}

#discount_banners_other p {
  text-align: center;
}

#discount_banners_other img {
  width: 94%;
  margin: 0 auto 5px;
}

/* ----- キャンペーン下部 ----- */
#discount_banners,
div.right_banner_inner.more_campaign_banners {
  padding-top: 0;
}

#discount_banners p,
.more_campaign_banners p {
  position: relative;
  float: left;
  margin: 0 8px;
}

/* 対象サービスポップ擬似要素 */
div.more_campaign_banners .target {
  display: block;
  width: 100%;
  height: 25px;
  margin: 5px auto 15px;
  border-radius: 3px;
  background: #e6eaf2;
  color: #536280;
  line-height: 25px;
  text-align: center;
  vertical-align: middle;
}

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

#nocharge{}

#nocharge .main_bn{
  height: 128px;
  margin-bottom: 15px;
  border: 1px solid #e69900;
  background: url(../images/web/home/bg_nocharge_header.gif) left top repeat-x;
}

#nocharge div.main_bn p{
  height: 128px;
  text-indent: -9999px;
  background: url(../images/web/home/mainpic_nocharge.png) center top no-repeat;
}

#nocharge table.border_t{ border-top: none;}
#nocharge table.border_b{ border-bottom: none; margin-bottom: 0;}

#nocharge div#search_result_list{ margin: 0;}
#nocharge ul#search_result_img_box{ background-image: none;}

#nocharge li.search_result_img_box_inner{
  position: relative;
  width: 144px;
  height: 246px;
  margin: 0 -1px -1px 0;
  border: 1px solid #b8c3d9;
}

#nocharge dl.work_img_main dt.search_img{ width: 144px;}
#nocharge dl.work_img_main dd.work_price{ display: none;}
#nocharge dl.work_img_main dd.work_genre{ display: none;}

#nocharge .read_period{
  position: absolute;
  bottom: 52px;
  width: 144px;
  color: #c00;
  text-align: center;
}

#nocharge .btn_read{
  position: absolute;
  left: 50%;
  bottom: 18px;
  text-align: center;
  margin-left: -50px;
}

#nocharge .btn_read a{
  display: block;
  text-indent: -9999px;
  width: 101px;
  height: 27px;
  margin: 0 auto;
  background: url(../images/web/home/btn_nocharge_read.png) left top no-repeat;
}

#nocharge .btn_read a:hover{ background: url(../images/web/home/btn_nocharge_read.png) left -27px no-repeat;}


/* ==================================================================================================================
　クーポン・特典コード
================================================================================================================== */

/* ----- アイコン ----- */

div.guide_privilege_01{ position: relative; display: inline-block;}

div.guide_privilege_01 span,
span.guide_privilege_01{
  background: #FF5F96;
  border: 1px solid #FF5F96;
  color: #fff;
  border-radius: 2px;
  font-size: 11px;
  height: 15px;
  line-height: 15px;
  padding: 0 3px;
  text-decoration: none;
  display: inline-block;
  margin-left: 5px;
  cursor: default;
}

span.guide_privilege_01{ margin: 0 5px;}

#work_outline div.guide_privilege_01 span{ margin-left: 0; margin-right: 2px;}
.work_genre div.guide_privilege_01 span{ margin-left: 0; margin-right: 2px;}

div.guide_privilege_01 .over_guide_box_01{ display: none;}

div.guide_privilege_01:hover .over_guide_box_01{
  display: block;
  position: absolute;
  right: -335px;
  top: 10px;
  width: 340px;
  color: #333;
  border: 1px solid #B8C3D9;
  background: #F0F2F7;
  z-index: 2000;
  border-radius: 5px;
  -moz-box-shadow: 1px 1px 2px rgba(0,0,0,.15);
  -webkit-box-shadow: 1px 1px 2px rgba(0,0,0,.15);
  box-shadow: 1px 1px 2px rgba(0,0,0,.15);
}

div.guide_privilege_01 .over_guide_box_inner{
  padding: 8px 10px;
}

div.guide_privilege_01 .over_guide_box_01 p{
  font-size: 12px;
  line-height: 1.4;
}
div.guide_privilege_01 .over_guide_box_01 p a{ display: inline; float: none; margin: 0;}

div.guide_privilege_01 .over_guide_box_01 .limit_date{ display: inline-block; font-size: 11px; padding-top: 2px; font-style: normal;}


/* ----- 特典コード表 ----- */

#special_code { padding-bottom: 10px;}

#special_code .code_no{ width: 230px;}
#special_code .limit_date{ width: 110px;}

#special_code table.work_list_main td{
  vertical-align: middle;
  padding: 10px;
}

#special_code table.work_list_main tr.period_end{
  background: #efefef;
  color: #999;
}

#special_code table.work_list_main td ul.side_col li.work_no,
#special_code table.work_list_main td ul.side_col li.work_name{
  padding-bottom: 0;
}

#special_code table.work_list_main td.code_guide{
  background: none;
  line-height: 1.5;
}

/*----- クーポン一覧表 -----*/
#coupon table{margin-bottom: 20px;}

#coupon table.work_list_main td{
  vertical-align: middle;
  padding: 10px;
  line-height: 1.5;
}

#coupon table.work_list_main th.coupon_name{min-width: 240px;}
#coupon table.work_list_main th.coupon_period{width: 80px;}
#coupon table.work_list_main th.coupon_condition{width: 240px;}

#coupon table.work_list_main td.coupon_period{text-align: center;}
#coupon table.work_list_main td.coupon_condition{background: none;}

#coupon table.work_list_main tr.period_end{
  background: #efefef;
  color: #999;
}

#coupon input[type="text"]{width: 90%;}

#coupon div.white_box_form{margin: 0 20px 20px;}

#coupon p.mini_message{float: none;}

/* ==================================================================================================================
　もっと見る
================================================================================================================== */

/* ----- ランキングTOP ----- */

div.ranking_more,
div.similer_more{
  margin: 18px 6px 0;
}

/* ----- 作品詳細サークル関連情報 ----- */

div.work_more{
  clear: both;
  padding: 18px 0 0;
}

/* ----- プロフィール ----- */


/* ----- 作品詳細レビュー ----- */

div.review_more{
  width: 100%;
  clear: both;
  padding-top: 10px;
  border-top: 1px dashed #999999;
}

div.version_up_more{
  padding-top: 10px;
}

div.ranking_more p,
div.work_more p,
div.review_more p,
div.similer_more p,
div.version_up_more p{
  font-size: 13px;
  text-align: right;
}

div.work_more p,
div.review_more p{
  font-weight: bold;
}

div.ranking_more a,
div.work_more a,
div.review_more a,
div.similer_more p a{
  padding-left: 14px;
  background: url(../images/web/home/icon_more.png) no-repeat left center;
}

div.version_up_more p a span{
  background: url(../images/web/home/tab_pulldown.png) no-repeat left center;
  padding-left: 20px;
  display: inline-block;
  height: 21px;
  line-height: 22px;
}


/* ==================================================================================================================
　各種ページ下部リンク
================================================================================================================== */

p.page_bottom_link{
  text-align: center;
  margin: 20px auto;
}

div.page_bottom_link{ width: 100%;}
div.page_bottom_link_fix{ width: 795px;}/* 2カラム右 width785pxだっけ？ */

div.page_bottom_link ul,
div.page_bottom_link_fix ul{
  text-align: center;
  margin: 20px auto;
}

div.page_bottom_link_fix ul li,
div.page_bottom_link ul li{
  display: inline;
  padding: 0 12px;
  border-right: 1px solid #b8c3d9;
}

div.page_bottom_link_fix ul li.last,
div.page_bottom_link ul li.last{
  border-right: none;
}


/* ==================================================================================================================
　アイコン+テキスト
================================================================================================================== */

/* 注意事項リスト */

ul.attention_list,
ul.attention_mini_list{
  margin: 3px 0;
}

ul.attention_list li,
ul.attention_mini_list li{
  line-height: 1.5;
  text-indent: -1em;
  padding-bottom: 3px;
  margin-left: 1em;
}

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

/* オレンジリストアイコン */

ul.list_head_orange li{
  line-height: 1.5;
  padding: 0 0 6px 12px;
  background: url(../images/web/home/icon_list_01.gif) no-repeat left 5px;
}

/* ブルーリストアイコン */

ul.list_head_blue li{
  line-height: 1.5;
  padding: 0 0 6px 12px;
  background: url(../images/web/home/icon_list_02.gif) no-repeat left 5px;
}

/* 矢印リストアイコン（使わなければ削除） */

ul.list_head_arrow li{
  line-height: 1.5;
  padding: 0 0 6px 15px;
  background: url(../images/web/home/icon_list_arrow.gif) no-repeat left 5px;
}

/* レーベル一覧 */

ul.prof_label_list li{
  line-height: 1.8;
}

/* シリーズ一覧 */

ul#prof_work_series li{ height: 20px;}

p.work_series{
  height: 20px;
  text-indent: 1.8em;
  background: url(../images/web/home/icon_series.gif) left top no-repeat;
}

/* DLsite blog */

p.icon_dlblog a{
  padding: 3px 0 3px 22px;
  background: url(../images/web/home/icon_blog.gif) left top no-repeat;
}

/* DLsite blog 記事 */

ul.prof_blog_article li{
  clear: left;
  height: 20px;
}

p.blog_article{
  float: left;
  height: 20px;
  text-indent: 1.8em;
  margin: 0 10px 0 0;
  background: url(../images/web/home/icon_blog_article.gif) left top no-repeat;
}

p.blog_menberpage{
  float: left;
  height: 20px;
  text-indent: 1.5em;
  background: url(../images/web/home/icon_blog_setting.gif) left top no-repeat;
}

p.blog_date{
  color: #666666;
  font-size: 11px;
}

/* カスタマイズ */

span.icon_custom{
  padding-left: 15px;
  background: url(../images/web/home/icon_custom.png) no-repeat left center;
}

/* もっと見る矢印 */

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

/* ヘルプ */

p.qa_link_12{
  display: inline;
  font-size: 12px;
  padding: 3px 0 3px 20px;
  background: url(../images/web/home/icon_qa.png) no-repeat left center;
}

p.qa_link{
  float: left;
  font-size: 12px;
  height: 18px;
  line-height: 18px;
  padding-left: 20px;
  margin: 9px 0 0 10px;
  background: url(../images/web/home/icon_qa.png) no-repeat left 2px;
}

/* 別窓リンク */

.icon_link_blank_01{
  padding: 0 0 0 15px;
  background: url(../images/web/common/icon_link_blank_01.gif) no-repeat left center;
}

.icon_link_blank_02{ /* 文中テキスト用 */
  padding: 0 0 0 14px;
  margin: 0 2px;
  background: url(../images/web/common/icon_link_blank_01.gif) no-repeat left center;
}

.icon_link_blank_03{ /* footer用-男性向 */
  padding: 0 0 0 15px;
  background: url(../images/web/common/icon_link_blank_04.gif) no-repeat left center;
}

/* ==================================================================================================================
　○○：▲▲　リスト形式
================================================================================================================== */

/*  作品詳細、右側など  */

table#work_outline{
  line-height: 1.5;
  margin: 12px 0;
}

table#work_outline th{
  text-align: right;
  vertical-align: top;
  white-space: nowrap;
}

table#work_outline td{
  vertical-align: top;
  padding-bottom: 2px;
}

/* バージョンアップ情報 アンカーリンク */
div.btn_ver_up{
  display: inline-block;
  position: relative;
  margin-left: 5px;
  vertical-align: top;
}

div.btn_ver_up a[href^="#version_up"]{
  display: block;
  height: 15px;
  line-height: 15px;
  border-radius: 2px;
  padding: 0 5px;
  border: solid 1px #607194;
  background: #E6EAF2;
  color: #4D628C;
  font-size: 11px;
  text-align: center;
}

div.btn_ver_up a[href^="#version_up"]:hover{
  text-decoration: none;
}

/* ==================================================================================================================
　タブ
================================================================================================================== */

/* ページ切り替え
--------------------------------------------------------- */

div#default_list_tab{}

ul#default_tab,
ul#default_tab_100,
ul#default_tab_120,
ul#default_tab_120_pickup,
ul#default_tab_130,
ul#default_tab_160{
  font-size: 12px;
  padding-left: 10px;
  height: 28px;
  margin: 3px 0;
  background: url(../images/web/home/tab_bottom_bg.gif) left bottom repeat-x;
}

ul#default_tab li,
ul#default_tab_100 li,
ul#default_tab_120 li,
ul#default_tab_120_pickup li,
ul#default_tab_130 li,
ul#default_tab_160 li{
  position: relative;
  float: left;
  height: 28px;
  line-height: 28px;
  text-align: center;
  margin-right: 3px;
}

ul#default_tab_100 li{
  width: 100px;
  background: url(../images/web/home/tab_100_bg.gif) no-repeat left -28px;
}

ul#default_tab_120 li,
ul#default_tab_120_pickup li{
  width: 120px;
  background: url(../images/web/home/tab_120_bg.gif) no-repeat left -28px;
}

ul#default_tab_130 li{
  width: 130px;
  background: url(../images/web/home/tab_130_bg.gif) no-repeat left -28px;
}

ul#default_tab_160 li{
  width: 160px;
  background: url(../images/web/home/tab_160_bg.gif) no-repeat left -28px;
}

ul#default_tab_100 li.tab a,
ul#default_tab_120 li.tab a,
ul#default_tab_120_pickup li.tab a,
ul#default_tab_130 li.tab a,
ul#default_tab_160 li.tab a{
  display: block;
  height: 28px;
  color: #ffffff;
  font-weight: normal;
  text-decoration: none;
  text-align: center;
  outline: none;
}

ul#default_tab_100 li.on a,
ul#default_tab_120 li.on a,
ul#default_tab_120_pickup li.on a,
ul#default_tab_130 li.on a,
ul#default_tab_160 li.on a{
  color: #536280;
  font-weight: bold;
}

ul#default_tab_100 li a:hover,
ul#default_tab_100 li.on a,
ul#default_tab_100 li.on a:hover{ background: url(../images/web/home/tab_100_bg.gif) no-repeat left top;}

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

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

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

ul#default_tab_160 li a:hover,
ul#default_tab_160 li.on a,
ul#default_tab_160 li.on a:hover{ background: url(../images/web/home/tab_160_bg.gif) no-repeat left top;}

ul#default_tab_100 li a:hover,
ul#default_tab_120 li a:hover,
ul#default_tab_120_pickup li a:hover,
ul#default_tab_130 li a:hover,
ul#default_tab_160 li a:hover{ color: #536280;}

ul#default_tab_120_pickup li a{width: 120px;}

/* ==================================================================================================================
　基本枠
================================================================================================================== */

/* お気に入り枠
--------------------------------------------------------- */

div#favorite_box{
  width: 168px;
  padding-bottom: 4px;
  background: url(../images/web/home/work_cart_bg.gif) bottom center no-repeat;
}

table#favorite_box_inner{
  width: 168px;
  background: url(../images/web/home/work_cart_bg.gif) 0 -464px no-repeat;
}

td.favorite_box_top{
  padding: 10px 0 8px;
  background: url(../images/web/home/work_cart_bg.gif) top center no-repeat;
}

table#favorite_box_inner td{
  text-align: center;
}

td.favorite_others_top{
  padding: 10px 0 8px;
  background: url(../images/web/home/work_cart_bg.gif) 0 -464px no-repeat;
}


/* 青枠
--------------------------------------------------------- */

/*  大枠  */

div.main_liquid_box{
  position: relative;
  margin-bottom: 20px;
  background: url(../images/web/home/bg_check_01.gif) repeat;
}

div.main_liquid_box_f{
  padding-top: 15px;
  background: url(../images/web/home/bg_check_form_top_f.gif) no-repeat 0 0;
}

/* ランキングトップ枠 */

#home_ranking,
#soft_ranking,
#comic_ranking,
#maniax_ranking,
#pro_ranking,
#books_ranking{ margin-left: 0px; margin-right: 0px;}

#home_ranking{ background: url(../images/web/home/bg_check_home.gif) repeat;}
#soft_ranking{ background: url(../images/web/home/bg_check_soft.gif) repeat;}
#comic_ranking{ background: url(../images/web/home/bg_check_comic.gif) repeat;}
#maniax_ranking{ background: url(../images/web/home/bg_check_maniax.gif) repeat;}
#pro_ranking{ background: url(../images/web/home/bg_check_pro.gif) repeat;}
#books_ranking{ background: url(../images/web/home/bg_check_books.gif) repeat;}

div.main_1col_box{
  width: 970px;
  background: url(../images/web/home/bg_check_01.gif) repeat;
  margin-bottom: 20px;
}

div.main_liquid_box_inner{
  padding: 24px;
  border: 1px solid #8f9fbf;
}

#home_ranking div.main_liquid_box_inner{ border: 1px solid #68d917; border-top: 5px solid #68d917;} 
#soft_ranking div.main_liquid_box_inner{ border: 1px solid #ffa220; border-top: 5px solid #ffa220;}
#comic_ranking div.main_liquid_box_inner{ border: 1px solid #ff6a83; border-top: 5px solid #ff6a83;}
#maniax_ranking div.main_liquid_box_inner{ border: 1px solid #53aae0; border-top: 5px solid #53aae0;} 
#pro_ranking div.main_liquid_box_inner{ border: 1px solid #e95199; border-top: 5px solid #e95199;}
#books_ranking div.main_liquid_box_inner{ border: 1px solid #59bb59; border-top: 5px solid #59bb59;}

div.main_liquid_box_inner_2{
  border: 1px solid #b8c3d9;
}

/* 枠線なし */

div.main_liquid_box .no_border{ border: 0;}

/*  白枠  */

div.white_15_box,
div.white_15_box_end,
div.white_box_form,
div.white_box_form_end,
div.ranking_top_box,
div.ranking_top_box_last{
  position: relative;
  background-color: #ffffff;
}

div.white_box_form{ margin: 15px 25px 30px;}
div.white_box_form_end{ margin: 15px 25px 15px;}

div.ranking_top_box{ margin: 12px 0 30px;}

div.ranking_top_box:last-child,
div.ranking_top_box_last{ margin: 12px 0 0}

div.white_15_box{ margin: 15px 15px 0;}
div.white_15_box_end{ margin: 15px;}

div.liquid_white_lt{ width: 100%; background: url(../images/web/home/bg_liquid_lt.gif) no-repeat left top;}
div.liquid_white_rt{ width: 100%; background: url(../images/web/home/bg_liquid_rt.gif) no-repeat right top;}
div.liquid_white_lb{ width: 100%; background: url(../images/web/home/bg_liquid_lb.gif) no-repeat left bottom;}

div.liquid_white_rb{
  padding: 24px 6px 12px;
  background: url(../images/web/home/bg_liquid_rb.gif) no-repeat right bottom;
}

div.liquid_white_rb_p15{
  position: relative;
  padding: 15px;
  background: url(../images/web/home/bg_liquid_rb.gif) no-repeat right bottom;
}/* IE6,7のpadding-top大きめ */


/* ----- 枠内フォーム ----- */

div.white_box_form table.form_table,
div.white_box_form_end table.form_table,
div.white_box_form table.static_list_main,
div.white_box_form_end table.static_list_main{
  width: 705px;
  margin-left: 5px;
  margin-bottom: 5px;
  margin-top: 8px;
}

div.modify_white_box table.form_table{
  width: 540px;
}

/* ----- 枠内テーブル ----- */

div.table_inframe_box,
div.table_inframe_box_fix{
  padding: 4px;
  margin-bottom: 25px;
  border: 1px solid #b8c3d9;
  background: #e6eaf2;
}

div.table_inframe_box_fix{ width: 785px;}

div.table_inframe_box.mb10,
div.table_inframe_box_fix.mb10{
  margin-bottom: 10px;
}

div.table_inframe_box_inner{ background-color: #fff;}

div.table_inframe_box_inner table{
  width: 100%;
  border: 2px solid #fff;
}

div.table_inframe_box_inner table th,
div.table_inframe_box_inner table td{
  vertical-align: top;
  padding: 6px 6px;
  border: 2px solid #fff;
}

div.table_inframe_box_inner table th{
  width: 150px;
  color: #536280;
  font-weight: normal;
  text-align: right;
  white-space: nowrap;
  background: #e6eaf2;
}

div.table_inframe_box_inner table td p{ line-height: 1.4;}

div.table_inframe_box_inner table td strong{ font-size: 14px;}

div.table_inframe_box_inner p.title_message_only{
  color: #e58600;
  font-size: 14px;
  font-weight: bold;
  line-height: 1.4;
  padding: 15px 20px;
}

/* フォーム枠、完了画面等のテキスト枠
--------------------------------------------------------- */

div.main_modify_box{
  width: 795px;
  padding-top: 1px;
  margin-bottom: 20px;
  background: url(../images/web/home/bg_check_form_border.gif) no-repeat top left;
}

div.second_box{
  margin-top: 20px;
}

div.main_modify_box_f{
  width: 795px;
  padding-top: 15px;
  background: url(../images/web/home/bg_check_form_top_f.gif) left top no-repeat;
}/* 上向き矢印の枠 */

div.main_modify_box_inner{
  background: url(../images/web/home/bg_check_form_mid.gif) repeat-y;
}

div.main_modify_box_end{
  padding: 20px 0;
  background: url(../images/web/home/bg_check_form_border.gif) no-repeat bottom left;
}

/* ----- 内側枠 ----- */

div.modify_white_box{
  width: 600px;
  padding-top: 5px;
  margin: 0 auto;
  background: url(../images/web/home/bg_btn_radius.png) no-repeat left top;
}

div.modify_white_box_02{
  width: 760px;
  padding-top: 5px;
  margin: 20px auto;
  background: url(../images/web/home/bg_btn_radius_02.png) no-repeat left top;
}

div.modify_white_box_inner{
  width: 600px;
  padding-bottom: 5px;
  background: url(../images/web/home/bg_btn_radius.png) no-repeat left bottom;
}

div.modify_white_box_02_inner{
  width: 760px;
  padding-bottom: 5px;
  background: url(../images/web/home/bg_btn_radius_02.png) no-repeat left bottom;
}

div.modify_white_box_main{
  padding: 10px;
  background: url(../images/web/home/bg_btn_radius_mid.png) repeat-y;
}


div.modify_white_box_02_main{
  padding: 10px;
  background: url(../images/web/home/bg_btn_radius_mid_02.png) repeat-y;
}

div.modify_white_box_main p.btn_explain,
div.modify_white_box_02_main p.btn_explain{
  font-size: 12px;
  line-height: 1.5;
  padding: 10px 20px;
}

div.modify_white_box p.title_message{
  color: #e58600;
  font-size: 14px;
  font-weight: bold;
  line-height: 1.4;
  padding: 10px;
  margin: 5px 10px;
  border: 1px dotted #b8c3d9;
}

div.modify_white_box_main p.title_message_only{
  color: #e58600;
  font-size: 14px;
  font-weight: bold;
  line-height: 1.4;
  margin: 5px 10px;
}

div.modify_white_box ul.attention_list{ padding: 10px 20px;}

p.send_mail_add{
  padding: 10px;
  font-size: 12px;
  border-radius: 5px;
  background: #f0f2f7;
  margin: 10px 10px;
}

p.send_mail_add span{ padding-left: 5px; color: #536280; font-weight: bold; font-size: 14px;}

div.parallel_btn,
div.parallel_btn_02{
  padding: 10px 20px;
  margin: 0 auto;
  text-align: center;
}

div.parallel_btn{
  width: 330px;
}

div.parallel_btn_02{
  width: 390px;
} 

div.parallel_large_btn{
  width: 430px;
  padding: 10px 20px;
  margin: 0 auto;
  text-align: center;
}

div.parallel_btn p.modify_btn_left{
  float: left;
  width: 160px;
}

div.parallel_btn_02 p.modify_btn_left{
  width: 210px;
  float: left;
}

div.parallel_large_btn p.modify_btn_left{
  float: left;
  width: 210px;
}

div.parallel_btn p.modify_btn_right,
div.parallel_btn_02 p.modify_btn_right{
  float: right;
  width: 160px;
}

div.parallel_large_btn p.modify_btn_right{
  float: right;
  width: 210px;
}

p.modify_btn{
  text-align: center;
  padding: 10px 0;
}

p.modify_btn_close{
  text-align: center;
  padding: 15px 0 0;
  margin-top: 25px;
  border-top: 1px dotted #8f9fbf;
}

/* ----- ローディング中 ----- */

div#status{
  width: 300px;
  text-align: center;
  padding: 10px;
  margin: 0 auto;
}

/* ----- 汎用お知らせ枠 ----- */

div.notice_box {
  width: 755px;
  margin: 10px 0 15px;
  padding: 10px 15px;
  border: 5px solid #e6eaf2;
  color: #536280;
  font-size: 12px;
  text-align: center;
}

/* テキストとボタン1つを並べる */
div.notice_box.with_btn p {
  display: inline-block;
  padding-right: 15px;
  vertical-align: middle;
}

div.notice_box.with_btn [class*="btn"] {
  display: inline-block;
  vertical-align: middle;
}

/* 入力フロー表示
--------------------------------------------------------- */

/* ----- 上部のフロー表示 ----- */

ul#modify_process_line{ margin-bottom: 18px; height: 28px;}

ul#modify_process_line li{
  float: left;
  height: 28px;
  line-height: 28px;
  color: #333333;
  font-size: 12px;
}

ul#modify_process_line li span{
  padding-right: 5px;
}

/* 基本状態 */

ul#modify_process_line.select_02_process_left li,
ul#modify_process_line.select_03_process_left li,
ul#modify_process_line.select_03_process_right li.process_left,
ul#modify_process_line.select_04_process_left li,
ul#modify_process_line.select_04_process_01 li,
ul#modify_process_line.select_04_process_02 li,
ul#modify_process_line.select_04_process_right li,
ul#modify_process_line.select_05_process_left li,
ul#modify_process_line.select_05_process_01 li,
ul#modify_process_line.select_05_process_02 li,
ul#modify_process_line.select_05_process_03 li,
ul#modify_process_line.select_05_process_right li,
ul#modify_process_line.select_06_process_left li,
ul#modify_process_line.select_06_process_01 li,
ul#modify_process_line.select_06_process_02 li,
ul#modify_process_line.select_06_process_03 li,
ul#modify_process_line.select_06_process_04 li,
ul#modify_process_line.select_06_process_right li{
  float: left;
  height: 28px;
  line-height: 28px;
  font-size: 12px;
  padding: 0 29px 0 18px; /* 右三角部分幅11px */
  background: url(../images/web/home/process_default.gif) no-repeat right center #dde2ee;
}

/* 選択状態 */

ul#modify_process_line.select_03_process_01 li.process_01,
ul#modify_process_line.select_04_process_01 li.process_01,
ul#modify_process_line.select_04_process_02 li.process_02,
ul#modify_process_line.select_05_process_01 li.process_01,
ul#modify_process_line.select_05_process_02 li.process_02,
ul#modify_process_line.select_05_process_03 li.process_03,
ul#modify_process_line.select_06_process_01 li.process_01,
ul#modify_process_line.select_06_process_02 li.process_02,
ul#modify_process_line.select_06_process_03 li.process_03,
ul#modify_process_line.select_06_process_04 li.process_04,
ul#modify_process_line.select_02_process_left li.process_left,
ul#modify_process_line.select_03_process_left li.process_left,
ul#modify_process_line.select_05_process_left li.process_left,
ul#modify_process_line.select_04_process_left li.process_left,
ul#modify_process_line.select_06_process_left li.process_left{
  color: #ffffff;
  font-weight: bold;
  padding: 0 29px 0 18px; /* 右三角部分幅11px */
  background: url(../images/web/home/process_select_right.gif) no-repeat right center #ffaa00;
}

/* 選択されているものの左側 */

ul#modify_process_line.select_02_process_right li.process_left,
ul#modify_process_line.select_03_process_right li.process_01,
ul#modify_process_line.select_04_process_right li.process_02,
ul#modify_process_line.select_05_process_right li.process_03,
ul#modify_process_line.select_06_process_right li.process_04,
ul#modify_process_line.select_03_process_01 li.process_left,
ul#modify_process_line.select_04_process_01 li.process_left,
ul#modify_process_line.select_04_process_02 li.process_01,
ul#modify_process_line.select_05_process_01 li.process_left,
ul#modify_process_line.select_05_process_02 li.process_01,
ul#modify_process_line.select_05_process_03 li.process_02,
ul#modify_process_line.select_06_process_01 li.process_left,
ul#modify_process_line.select_06_process_02 li.process_01,
ul#modify_process_line.select_06_process_03 li.process_02,
ul#modify_process_line.select_06_process_04 li.process_03{
  padding: 0 29px 0 18px; /* 右三角部分幅11px */
  background: url(../images/web/home/process_select_left.gif) no-repeat right top #dde2ee;
}

/* 一番右側非選択 */

ul#modify_process_line.select_02_process_left li.process_right,
ul#modify_process_line.select_03_process_left li.process_right,
ul#modify_process_line.select_04_process_left li.process_right,
ul#modify_process_line.select_04_process_01 li.process_right,
ul#modify_process_line.select_04_process_02 li.process_right,
ul#modify_process_line.select_05_process_left li.process_right,
ul#modify_process_line.select_05_process_01 li.process_right,
ul#modify_process_line.select_05_process_02 li.process_right,
ul#modify_process_line.select_05_process_03 li.process_right,
ul#modify_process_line.select_06_process_left li.process_right,
ul#modify_process_line.select_06_process_01 li.process_right,
ul#modify_process_line.select_06_process_02 li.process_right,
ul#modify_process_line.select_06_process_03 li.process_right,
ul#modify_process_line.select_06_process_04 li.process_right{
  padding: 0 23px 0 18px;
  background-image: none;
}

ul#modify_process_line.select_03_process_01 li.process_right{
  padding: 0 23px 0 18px;
  background: #dde2ee;
}

/* 一番右選択 */

ul#modify_process_line.select_02_process_right li.process_right,
ul#modify_process_line.select_03_process_right li.process_right,
ul#modify_process_line.select_04_process_right li.process_right,
ul#modify_process_line.select_05_process_right li.process_right,
ul#modify_process_line.select_06_process_right li.process_right{
  color: #ffffff;
  font-weight: bold;
  padding: 0 23px 0 18px;
  background: #ffaa00;
}

/* ----- 後払い変更フロー図 ----- */

ul.flow_later{
  width: 761px;
  margin-bottom: 10px;
  border: 1px solid #e58600;
  background: #fff9d9;
}

ul.flow_later li{
  float: left;
  padding: 10px 24px 10px 15px;
  background: url(../images/web/home/process_alow_02.png) no-repeat right center;
}

ul.flow_later li.last{
  padding: 10px 15px 10px 15px;
  background: none;
}


/* ボタン押下後、反映済みメッセージ
--------------------------------------------------------- */

/* 削除する
div#work_review p.mini_message,
div#review_list_box p.mini_message{
float:right;
color:#536280;
padding:4px 10px;
margin:9px 0;
border:1px solid #b8c3d9;
background:#f0f2f7;
}*/


/* ----- センターボタン ----- */

div.modify_white_box div.mini_message{
  text-align: center;
  margin: 5px 10px 10px;
}

div.modify_white_box div.mini_message p{
  display: inline-block;
  line-height: 1.6;
  color: #e58600;
  font-weight: bold;
  padding: 10px;
  border: 1px solid #e58600;
  background: #fff9d9;
}

/* ビットキャッシュID入力のエラーメッセージ */
div.modify_white_box div.mini_message p.red_message{
  color: #CC0000;
  border-color: #CC0000;
  background: #FFDCDC;
}

/* ----- 右寄せ ----- */

p.mini_message{
  clear: both;
  float: right;
  color: #e58600;
  font-weight: bold;
  padding: 4px 10px;
  margin: 9px 0;
  border: 1px solid #e58600;
  background: #fff9d9;
}


/* ==================================================================================================================
　テキストスタイル
================================================================================================================== */

/* タイトル
--------------------------------------------------------- */

/* 1行の見出し */
div.base_title{
  height: 30px;
  line-height: 24px;
  margin-bottom: 12px;
  background: url(../images/web/home/bg_line_01.gif) left bottom repeat-x;
}

/* 複数行の見出し */
div.base_title_br{
  position: relative;
  line-height: 1.4;
  padding-bottom: 8px;
  margin-bottom: 12px;
  background: url(../images/web/home/bg_line_01.gif) left bottom repeat-x;
}

div.base_title_moreline{
  height: 30px;
  line-height: 24px;
  margin-bottom: 15px;
  background: url(../images/web/home/bg_line_01.gif) repeat-x left bottom;
}

div#top_wrapper div.base_title{
  margin-top: -5px;
  margin-bottom: 5px;
}

div.base_title h1,
div.base_title_br h1{
  float: left;
  color: #536280;
  font-size: 16px;
  font-weight: bold;
  padding: 0 0 0 20px;
  background: url(../images/web/home/icon_title_arrow.gif) left 5px no-repeat;
}

div.base_title_br h1{
  margin-right: 80px;
}

/* シェアボタン等なし */
div.no_btn h1{
  float: none;
  margin-right: 0;
}

div.base_title_moreline h1{
  color: #536280;
  font-size: 16px;
  font-weight: bold;
  padding: 0 0 0 20px;
  background: url(../images/web/home/icon_title_arrow.gif) left 5px no-repeat;
}

div.maker h1{}

div.base_title p.right{
  color: #b8c3d9;
  padding-right: 6px;
}

div.base_title p.right strong{ color: #536280;}

/* オリジナルネーム */

div.base_title h1 span.original_name,
div.base_title_br h1 span.original_name{
  font-size: 16px;
  font-weight: bold;
  padding-right: 5px;
}

/* タイトル下リンク */

div.title_btm_link{
  height: 30px;
  line-height: 30px;
}

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

/* SNSボタン */

div.base_title span.link_twitter{
  float: right;
  width: 80px;
  text-align: right;
}

div.base_title_br span.link_twitter{
  width: 80px;
  position: absolute;
  right: 0;
  bottom: 9px;
  text-align: right;
}


/* 14px 大見出し
--------------------------------------------------------- */

div.title_01 {
  height: 30px;
  line-height: 28px;
  margin-bottom: 12px;
  background: url(../images/web/home/bg_line_01.gif) left bottom repeat-x;
}

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

div.title_01 h2 span,
div.title_01 h3 span{
  font-size: 12px;
  font-weight: normal;
  padding: 0 0 0 3px;
}

p.right_link{
  float: right;
  font-size: 12px;
}

/* 14px　大見出し（改行対応） */

div.title_01_br{
  line-height: 1.3;
  padding-bottom: 7px;
  margin-bottom: 12px;
  background: url(../images/web/home/bg_line_01.gif) left bottom repeat-x;
}

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


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

div.title_sub_120,
div.title_sub_150,
div.title_sub_160,
div.title_sub_180,
div.title_sub_200,
div.title_sub_250,
div.title_sub_350{
  height: 22px;
  line-height: 22px;
  background: url(../images/web/home/bg_title_sub_left.png) no-repeat left top;
}

div.title_sub_120_02,
div.title_sub_150_02,
div.title_sub_160_02,
div.title_sub_180_02,
div.title_sub_200_02,
div.title_sub_250_02,
div.title_sub_350_02,
div.title_sub_02{
  height: 22px;
  line-height: 22px;
  background: url(../images/web/home/bg_title_sub_left_02.png) no-repeat left top;
}

div.title_sub_160,
div.title_sub_160_02{
  width: 160px;
  margin-bottom: 10px;
}

div.title_sub_180,
div.title_sub_180_02{
  width: 180px;
  margin-bottom: 10px;
}

div.title_sub_200,
div.title_sub_200_02{
  width: 200px;
  margin-bottom: 10px;
}

div.title_sub_250,
div.title_sub_250_02{
  width: 250px;
  margin-bottom: 10px;
}

div.title_sub_350,
div.title_sub_350_02{
  width: 350px;
  margin-bottom: 10px;
}

div.title_sub_120, div.title_sub_120_02{ width: 120px;}
div.title_sub_150, div.title_sub_150_02{ width: 150px;}

.sub_lead{
  margin-left: 22px;
  margin-right: 12px;
  background: url(../images/web/home/bg_title_sub_right.png) no-repeat right top;
}

div.title_sub_120_02 .sub_lead,
div.title_sub_150_02 .sub_lead,
div.title_sub_160_02 .sub_lead,
div.title_sub_180_02 .sub_lead,
div.title_sub_200_02 .sub_lead,
div.title_sub_250_02 .sub_lead,
div.title_sub_350_02 .sub_lead{
  background: url(../images/web/home/bg_title_sub_right_02.png) no-repeat right top;
}

.sub_lead p{
  height: 22px;
  line-height: 22px;
  color: #ffffff;
  font-size: 12px;
  font-weight: bold;
  padding-left: 2px;
  margin-right: 12px;
  background: url(../images/web/home/bg_title_sub_center.png) repeat-x;
}

div.title_sub_120_02 .sub_lead p,
div.title_sub_150_02 .sub_lead p,
div.title_sub_160_02 .sub_lead p,
div.title_sub_180_02 .sub_lead p,
div.title_sub_200_02 .sub_lead p,
div.title_sub_250_02 .sub_lead p,
div.title_sub_350_02 .sub_lead{
  background: url(../images/web/home/bg_title_sub_center_02.png) repeat-x;
}

.sub_lead a,
.sub_lead a:hover,
.sub_lead a:visited{ color: #fff;}


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

div.title_sub_base{
  width: 715px;
  height: 25px;
  margin-bottom: 10px;
  background: url(../images/web/home/bg_title_sub_base.png) no-repeat left top;
}

div.title_sub_base_02{
  width: 579px;
  height: 25px;
  margin-bottom: 10px;
  background: url(../images/web/home/bg_title_sub_base.png) no-repeat left -25px;
}

div.title_sub_base p,
div.title_sub_base_02 p{
  height: 25px;
  line-height: 25px;
  color: #536280;
  font-weight: bold;
  padding-left: 15px;
}


/* サブタイトル3（橙のドットヘッド＆ライン）
--------------------------------------------------------- */

div.form_table_title_sub_01,
div.form_table_title_sub_02,
div.form_table_title_sub_03{
  border-bottom: 2px dotted #e58600;
  background: url(../images/web/home/icon_title_bg.gif) no-repeat left 2px;
}

div.white_box_form div.form_table_title_sub_01,
div.white_box_form div.form_table_title_sub_02,
div.white_box_form div.form_table_title_sub_03{
  margin-left: 5px;
  margin-right: 5px;
}

div.form_table_title_sub_01{ margin-top: 5px;}
div.form_table_title_sub_02{ margin-top: 15px;}
div.form_table_title_sub_03{ margin-top: 20px;}

div.form_table_title_sub_01 p,
div.form_table_title_sub_02 p,
div.form_table_title_sub_03 p{
  float: left;
  color: #e58600;
  font-size: 13px;
  font-weight: bold;
  padding: 3px 0 3px 10px;
}

div.form_table_title_sub_01_fix{
  width: 795px;
  margin-bottom: 10px;
  border-bottom: 3px solid #e58600;
  background: url(../images/web/home/icon_title_bg.gif) no-repeat left top;
}

div.form_table_title_sub_01_fix p{
  color: #e58600;
  font-weight: bold;
  padding: 3px 0 5px 10px;
}


/* フォーム枠のタイトル
--------------------------------------------------------- */

div.form_table_title,
div.form_table_title_02{
  position: absolute;
  top: -11px;
  left: -5px;
  display: block;
  width: 150px;
  height: 22px;
  line-height: 22px;
  font-weight: bold;
  padding-left: 22px;
  background: url(../images/web/home/bg_title_sub_left.png) no-repeat left top;
}

div.white_box_form div.width200,
div.white_box_form_end div.width200{
  width: 200px;
}

div.form_table_title_02{
  background: url(../images/web/home/bg_title_sub_left_02.png) no-repeat left top;
}

div.form_table_title p,
div.form_table_title h2,
div.form_table_title h3,
div.form_table_title_02 p{
  display: block;
  padding-right: 15px;
  background: url(../images/web/home/bg_title_sub_right.png) no-repeat right top;
}

div.form_table_title_02 p{
  background: url(../images/web/home/bg_title_sub_right_02.png) no-repeat right top;
}

div.form_table_title p span,
div.form_table_title h2 span,
div.form_table_title h3 span,
div.form_table_title_02 p span{
  display: block;
  height: 22px;
  line-height: 22px;
  color: #FFF;
  font-size: 12px;
  font-weight: bold;
  padding-left: 2px;
  background: url(../images/web/home/bg_title_sub_center.png) repeat-x left top;
}

div.form_table_title_02 p span{
  background: url(../images/web/home/bg_title_sub_center_02.png) repeat-x left top;
}


/* 基本文章
--------------------------------------------------------- */

.base_text,
.base_text_10,
.base_text_15,
.base_text_18,
.base_text_24{
  font-size: 12px;
  line-height: 1.5;
}

.base_text{ margin: 0 0 10px;}
.base_text_10{ margin: 0 10px 10px;}
.base_text_15{ margin: 0 15px 10px;}
.base_text_18{ margin: 0 18px 10px;}
.base_text_24{ margin: 0 24px 10px;}

.base_text p,
.base_text_10 p,
.base_text_15 p,
.base_text_18 p,
.base_text_24 p{ padding-bottom: 10px;}

div.base_text_15{
  margin-left: 15px;
  width: 765px;
}

div.base_text_15.unfixed{width: auto;}

div.base_text_15 p strong{
  color: #e58600;
  font-size: 13px;
  font-weight: bold;
  padding-left: 2px;
  padding-right: 2px;
}

div.base_text_15 p strong.emergency{
  color: #cc0000;
}

ul.base_list,
ul.base_list_hs,
ul.base_list_01,
ol.base_list,
ol.base_list_hs{padding-bottom: 10px;}

ol.base_list,
ol.base_list_hs{padding-left: 15px;}

ul.base_list li,
ul.base_list_hs li,
ul.base_list_01 li{
  line-height: 1.5;
  padding-left: 12px;
  background: url(../images/web/home/icon_list_01.gif) no-repeat left 5px;
}

ol.base_list li,
ol.base_list_hs li{
  line-height: 1.5;
  list-style-type: decimal;
  padding-left: 0;
  background: none;
}

ul.base_list li,
ol.base_list li{padding-bottom: 6px;}

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

ul.base_list_hs li,
ol.base_list_hs li{padding-bottom: 3px;}

/* ----- 2重リスト ----- */

ul.base_list_in,
ul.base_list_hs_in{
  padding-top: 5px;
}

ul.base_list_in li,
ul.base_list_hs_in li{
  list-style-type: none;
  line-height: 1.5;
  padding: 0 0 3px 12px;
  background: url(../images/web/home/icon_list_02.gif) no-repeat left 5px;
}

ol.base_list_in{
  padding-top: 5px;
  padding-left: 12px;
}

ol.base_list_in li{
  list-style-type: decimal;
  line-height: 1.5;
  padding: 0 0 3px;
}


/* 事前説明
--------------------------------------------------------- */

p.before_input_guide_main{
  margin: 10px 0 15px;
  font-size: 12px;
  line-height: 1.4;
}

ul.before_input_guide_list_border,
ul.before_input_guide_list{
  font-size: 12px;
  line-height: 1.4;
  margin-bottom: -10px;
  padding-top: 10px;
}

ul.before_input_guide_list_border{
  padding-top: 15px;
  border-top: 1px dotted #8f9fbf;
}

ul.before_input_guide_list li,
ul.before_input_guide_list_border li{
  padding-bottom: 15px;
}

ul.before_input_guide_list li p.title,
ul.before_input_guide_list_border li p.title{
  display: block;
  color: #d94c4c;
  font-size: 13px;
  font-weight: bold;
  padding-left: 12px;
  padding-bottom: 5px;
  background: url(../images/web/home/icon_list_02.png) no-repeat left 8px;
}

ul.before_input_guide_list li p.text,
ul.before_input_guide_list_border p.text{
  padding: 0 12px;
  margin-bottom: 6px;
}

/* 装飾文字
--------------------------------------------------------- */

.bold{font-weight: bold;}
.strike{text-decoration: line-through;}

.work_price .strike{
  text-decoration: line-through;
  color: #333;
  padding-right: 5px;
}

.num{}

.m_num{
  font-size: 14px;
  font-weight: bold;
}


/* 文字サイズ
--------------------------------------------------------- */

.fs10{font-size: 10px;}
.fs11{font-size: 11px;}
.fs12{font-size: 12px !important;}
.fs13{font-size: 13px;}
.fs14{font-size: 14px;}
.fs15{font-size: 15px;}
.fs16{font-size: 16px;}
.fs17{font-size: 17px;}
.fs18{font-size: 18px;}
.fs19{font-size: 19px;}
.fs20{font-size: 20px;}


/* 文字カラー
--------------------------------------------------------- */

.color_01{color: #e58600;}
.color_02{color: #d94c63 !important;}
.orange{color: #e58600;}
.brown{color: #993300;}
.green,
.work_point{color: #009933;}
.red{color: #cc0000;}
.purple{color: #8e6cce;}
.pink{color: #FF3366;}
.blue{color: #0066cc;}
.gray{color: #666666;}
.lightgray{color: #999999;}
.white{color: #FFFFFF;}


/* 文字位置
--------------------------------------------------------- */

.left{text-align: left;}
.right{text-align: right;}
.center{text-align: center;}


/* 余白
--------------------------------------------------------- */
.mt0{ margin-top: 0 !important;}
.mt5{ margin-top: 5px;}
.mt10{ margin-top: 10px;}
.mt15{ margin-top: 15px;}

.mb0{ margin-bottom: 0 !important;}
.mb5{ margin-bottom: 5px;}
.mb10{ margin-bottom: 10px !important;}
.mb15{ margin-bottom: 15px !important;}
.mb20{ margin-bottom: 20px;}

.ml15{ margin-left: 15px;}
.mlr20{ margin-left: 20px; margin-right: 20px;}
.mr10{ margin-right: 10px !important;}

.inner{ margin: 12px 0;}
.inner_12{ margin: 12px 12px;}
.inner_18{ margin: 12px 18px;}
.inner_24{ margin: 12px 24px;}

.pt5{ padding-top: 5px !important;}
.pb0{ padding-bottom: 0 !important;}
.pt20{ padding-top: 20px;}
.pb20{ padding-bottom: 20px;}


/* ==================================================================================================================
　段組みスタイル
================================================================================================================== */

/* 左寄せ・右寄せ
--------------------------------------------------------- */

.float_l{float: left;}
.float_r{float: right;}
.clear{clear: both;}


/* ==================================================================================================================
　フォーム
================================================================================================================== */

/* ----- フォームtable ----- */

p.necessity_item{
  font-size: 11px;
  padding-bottom: 5px;
  margin-left: 20px;
}

p.necessity_item span.necessity_icon{
  padding: 0 3px;
}

span.necessity_icon{
  color: #ffaa00;
  font-size: 12px;
  padding: 0 5px;
}

p.necessity_item span.either_icon{
  padding: 0 3px;
}

span.either_icon{
  color: #ff74ea;
  padding: 0 5px;
  font-size: 12px;
}

table.form_table,
table.form_liquid_table{
  table-layout: fixed;
  border-collapse: separate;
  font-size: 12px;
  border: 1px solid #4d628c;
  border-bottom: none;
  background-color: #ffffff;
}

table.form_table{
  width: 755px;
  margin-left: 20px;
  margin-bottom: 15px;
}

table.form_liquid_table{
  width: 100%;
}

table.bgcolor_00,
td.bgcolor_00{
  background: #ffffff;
}

table.bgcolor_01,
td.bgcolor_01{
  background: #f0f2f7;
}

table.form_table th,
table.form_table td,
table.form_liquid_table th,
table.form_liquid_table td{ padding: 12px 10px;}

table.form_table th,
table.form_liquid_table th{
  color: #FFF;
  line-height: 1.3;
  vertical-align: top;
  padding: 8px 10px;
  border-top: 1px solid #8f9fbf;
  border-left: 1px solid #8f9fbf;
  border-bottom: 1px solid #4d628c;
  border-right: 1px solid #4d628c;
  background-color: #6c7fa6;
}

table.form_table th.left_70,
table.form_liquid_table th.left_70{
  width: 70px;
  padding: 12px 10px;
}

table.form_table th.left_80,
table.form_liquid_table th.left_80{
  width: 80px;
  padding: 12px 10px;
}

table.form_table th.left_100,
table.form_liquid_table th.left_100{
  width: 100px;
  padding: 12px 10px;
}

table.form_table th.left_130,
table.form_liquid_table th.left_130{
  width: 130px;
  padding: 12px 10px;
}

table.form_table th.left_150,
table.form_liquid_table th.left_150{
  width: 150px;
  padding: 12px 10px;
}

table.form_table td,
table.form_liquid_table td{
  line-height: 1.4;
  vertical-align: top;
  border-bottom: 1px solid #4d628c;
}

table.form_table td.v_middle{
  vertical-align: middle;
}

table.form_table td pre{
  white-space: -moz-pre-wrap; /* Mozilla */
  white-space: -pre-wrap;     /* Opera 4-6 */
  white-space: -o-pre-wrap;   /* Opera 7 */
  white-space: pre-wrap;      /* CSS3 */
  word-wrap: break-word;      /* IE 5.5+ */
}

table.form_table p.form_guide{
  line-height: 1.2;
  margin: 6px 0;
}

table.form_table td.modify_guide{
  width: 205px;
  color: #666;
  background-color: #f0f2f7;
  vertical-align: top;
}

td.modify_guide ul.guide{
  margin-top: 3px;
}

td.modify_guide ul.guide li{
  line-height: 1.3;
  padding: 3px 0 0 9px;
  background: url(../images/web/home/icon_list_02.png) no-repeat left 8px;
}

table.form_table .comfirm_mail_address{
  font-size: 19px;
  font-weight: bold;
}

/* table.form_table td p{	margin:3px 0;} 指定がでかすぎなので、修正する*/

dl.check_osusume{
  padding-top: 3px;
}

dl.check_osusume dt{
  width: 58px;
  float: left;
}

dl.check_osusume dd{
  padding-left: 5px;
  margin-left: 62px;
}

table.form_table td.frame_double_list,
table.form_table td.frame_triple_list{
  padding: 25px 10px 0;
}

div.frame_double_list_box,
div.frame_triple_list_box{
  padding-top: 5px;
  margin: 0 auto 30px;
}

div.frame_double_list_box{ width: 701px; background: url(../images/web/home/bg_white_radius.png) no-repeat top left;}
div.frame_triple_list_box{ width: 650px; background: url(../images/web/home/bg_white_radius_02.png) no-repeat top left;}

div.frame_double_list_box_mb10{
  width: 701px;
  padding-top: 5px;
  margin: 0 auto 7px;
  background: url(../images/web/home/bg_white_radius.png) no-repeat top left;
}

div.frame_double_list_box_inner,
div.frame_triple_list_box_inner{ padding-bottom: 5px;}

div.frame_double_list_box_inner{ width: 701px; background: url(../images/web/home/bg_white_radius.png) no-repeat bottom left;}
div.frame_triple_list_box_inner{ width: 650px; background: url(../images/web/home/bg_white_radius_02.png) no-repeat bottom left;}

dl.frame_double_list,
dl.frame_triple_list{
  position: relative;
  padding: 15px 15px 10px;
  background: #fff;
}/* IE6のみmargin適用 */

div.frame_double_list{
  position: relative;
  padding: 18px 15px 6px;
  background: #fff;
}

dl.frame_double_list dt,
dl.frame_triple_list dt,
div.frame_double_list div.title{
  position: absolute;
  top: -16px;
  left: -5px;
  display: block;
  width: 160px;
  height: 22px;
  line-height: 22px;
  font-weight: bold;
  padding-left: 22px;
  background: url(../images/web/home/bg_title_sub_left.png) no-repeat left top;
}

dl.frame_double_list dt.width170,
dl.frame_triple_list dt.width170{ width: 170px;}

dl.frame_double_list dt.check,
dl.frame_triple_list dt.check{
  position: absolute;
  top: -16px;
  left: -5px;
  display: block;
  width: 180px;
  height: 22px;
  font-weight: bold;
  line-height: 22px;
  padding-left: 10px;
  background: url(../images/web/home/bg_title_sub_left_normal.png) no-repeat left top;
}

dl.frame_double_list dt p,
dl.frame_triple_list dt p,
div.frame_double_list div.title p{
  display: block;
  padding-right: 15px;
  background: url(../images/web/home/bg_title_sub_right.png) no-repeat right top;
}

dl.frame_double_list dt p span,
dl.frame_triple_list dt p span,
div.frame_double_list div.title p span{
  display: block;
  height: 22px;
  line-height: 22px;
  color: #FFF;
  font-size: 12px;
  font-weight: bold;
  background: url(../images/web/home/bg_title_sub_center.png) repeat-x left top;
}

dl.frame_double_list dt.check input{
  margin-right: 5px;
}

dl.frame_double_list dd{
  float: left;
  width: 160px;
  padding-bottom: 5px;
}

dl.frame_double_list dd a img{
  vertical-align: middle;
}

.list_triple_row dl.frame_double_list dd{
  width: 223px;
}

.list_triple_row dl.frame_double_list dd a img{ vertical-align: middle;}

dl.frame_double_list dd span{
  font-size: 12px;
}

dl.frame_double_list dd.half{
  float: left;
  width: 320px;
  padding-bottom: 5px;
}

dl.frame_triple_list dd{
  float: left;
  width: 154px;
  padding-bottom: 5px;
}

ul.frame_double_list{
  background: #fff;
  padding: 5px 15px;
}

ul.frame_double_list li{
  float: left;
  width: 320px;
  padding-bottom: 5px;
}

div.frame_double_list table.form_table{
  width: 659px;
  margin: 5px 0 10px 5px;
}

div.white_box_table table.form_table{
  width: 540px;
}

/* ----- 横並び ラジオボタン、チェックボックス ----- */

ul.input_list_row li{
  float: left;
  padding-right: 15px;
}

/* ----- テキスト入力 ----- */

input.zipcode_01{
  width: 40px;
  margin-right: 5px;
}

input.zipcode_02{
  width: 60px;
  margin: 0 5px;
}

input.one_line{width: 250px;}
input.one_line_s{width: 200px;}
input.one_line_l{width: 300px;}

input.disabled{
  background-color: #ccc;
}

input.point_line{
  font-size: 12px;
  width: 50px;
  height: 12px;
}

input.line_50,
select.line_50{
  width: 50px;
}

input.line_90,
select.line_90{
  width: 90px;
}

input.line_120,
select.line_120{
  width: 120px;
}

input.line_150,
select.line_150{
  width: 150px;
}

input.input_large{
  font-size: 17px;
  padding: 3px 5px;
}

textarea.review_content,
textarea.main_content{
  width: 350px;
  height: 150px;
  line-height: 1.3;
}

textarea.sub_content{
  width: 350px;
  height: 50px;
  line-height: 1.3;
}

textarea.rows_1_cols_500{
  width: 500px;
  line-height: 1.5;
  word-break: break-all;
  overflow: hidden;
}

textarea.rows_4_cols_500{
  width: 500px;
  height: 65px;
  line-height: 1.3;
}

textarea.rows_6_cols_500{
  width: 500px;
  height: 100px;
  line-height: 1.3;
}

/* 入力文字数カウント
--------------------------------------------------------- */

span.limit_count_01,
span.limit_count_02,
span.limit_count_03{
  color: #666;
}

span.limit_count_01{
  padding-left: 8px;
}

span.limit_count_02{
  display: block;
  text-align: right;
  padding-top: 5px;
}

span.limit_count_03{
  display: block;
  width: 350px;
  text-align: right;
  padding-top: 5px;
}

span.limit_count_w_500{ width: 500px;}

table.profile_table span.limit_count_03{ width: 575px;}
div.intro_main_content span.limit_count_03{ width: 655px;}
div.parts_intro_content span.limit_count_03{ width: 708px;}
div.parts_multi_content span.limit_count_03{ width: 340px; width: 100px; float: right;}

span.over_count{
  color: #CC0000;
  font-weight: bold;
}

p.text_count{
  font-size: 11px;
  color: #000;
  text-align: right;
}

p.text_count.over{color: #c00;}

/* inputボタン
--------------------------------------------------------- */

input.btn_transmit,
input.btn_report,
input.btn_continue,
input.btn_edit,
input.btn_change,
input.btn_add,
input.btn_contribute,
input.btn_decide,
input.btn_decide_no,
input.btn_regist,
input.btn_regist_continue,
input.btn_reflect,
input.btn_reflect_order,
input.btn_reflect_order_no,
input.btn_purchase,
input.btn_payment,
input.btn_payment_outside,
input.btn_finance_change,
input.btn_finance_decide,
input.btn_select_finance,
input.btn_apply,
input.btn_payment_no,
input.btn_payment_outside_no,
input.btn_transmit_no,
input.btn_login,
input.btn_logout,
input.btn_parts_add,
input.btn_upload_start,
input.btn_confirm,
input.btn_base_change,
input.btn_image_change,
input.btn_emoney_input,
input.btn_cancel,
input.btn_correct,
input.btn_back,
input.btn_back_worklist,
input.btn_back_preview,
input.btn_delete,
input.btn_delete_no,
input.btn_erase,
input.btn_update,
input.btn_addressee,
input.btn_detail_search,
input.btn_rule_confirm,
input.btn_handl_confirm,
input.btn_handl_next,
input.btn_image_upload,
input.btn_body_trial_upload,
input.btn_next,
input.btn_body_only_upload,
input.btn_handl_send,
input.btn_card_regist,
input.btn_card_edit,
input.btn_trial_upload,
input.btn_trial_re_upload,
input.btn_complete,
input.btn_migration,
input.btn_migration_no,
input.btn_emoney_input_no,
input.btn_back_preview_no,
input.btn_setting_change_s,
input.btn_update_s,
input.btn_close,
input.btn_parts_edit,
input.btn_buy_credit,
input.btn_buy_conv,
input.btn_buy_bitcash,
input.btn_buy_netridecash,
input.btn_buy_credit_no,
input.btn_buy_conv_no,
input.btn_buy_bitcash_no,
input.btn_buy_netridecash_no,
input.btn_buy_later,
input.btn_buy_later_no,
input.btn_buy_emoney,
input.btn_buy_emoney_no,
input.btn_buy_conv_pre,
input.btn_buy_conv_pre_no,
input.btn_buy_point,
input.btn_buy_point_no,
input.btn_buy_step,
input.btn_buy_step_no,
input.btn_buy_toranoana,
input.btn_buy_toranoana_no,
input.btn_regist_twitter,
input.btn_stop_autotweet,
input.btn_approve,
input.btn_back_nijiyome,
input.btn_convert,
input.btn_handl_next_02,
input.btn_add_credit{
  display: block;
  width: 160px;
  height: 40px;
  cursor: pointer;
  text-indent: -9999px;
  margin: 0 auto;
  border: 0;
  background: url(../images/web/home/btn_main.png) no-repeat;
}

input.btn_transmit{ background-position: left top;} /* 送信する */
input.btn_report{ background-position: left -40px;} /* 報告する */
input.btn_continue{ background-position: left -80px;} /* 続ける */
input.btn_edit{ background-position: left -120px;} /* 編集する */
input.btn_change{ background-position: left -160px;} /* 変更する */
input.btn_add{ background-position: left -200px;} /* 追加する */
input.btn_contribute{ background-position: left -240px;} /* 投稿する */
input.btn_decide{ background-position: left -280px;} /* 確定する */
input.btn_decide_no{ background-position: left -320px;} /* 確定する ディセーブル */
input.btn_regist{ background-position: left -360px;} /* 登録する */
input.btn_regist_continue{ background-position: left -400px;} /* このまま登録する */
input.btn_reflect{ background-position: left -440px;} /* 反映する */
input.btn_reflect_order{ background-position: left -480px;} /* 並び順を反映する */
input.btn_reflect_order_no{ background-position: left -520px;} /* 並び順を反映する ディセーブル */
input.btn_purchase{ background-position: left -600px;}/* 購入手続きへ */
input.btn_payment{ background-position: left -640px;}/* 決済する */
input.btn_payment_outside{ background-position: left -680px;}/* 決済する(外部決済) */
input.btn_finance_change{background-position: left -720px;} /* 金融機関を変更する */
input.btn_finance_decide{ background-position: left -760px;} /* 金融機関を決定する */
input.btn_select_finance{ background-position: left -800px;} /* 金融機関を選択する */
input.btn_apply{ background-position: left -840px;}/* 申請する */
input.btn_payment_no{ background-position: left -880px;}/* 決済する ディセーブル */
input.btn_payment_outside_no{ background-position: left -920px;}/* 決済する(外部決済) ディセーブル */
input.btn_transmit_no{ background-position: left -960px;}/* 送信する ディセーブル */
input.btn_approve{ background-position: left -1120px;}/* 承認する */
input.btn_convert{ background-position: left -1160px;}/* 変換する */

input.btn_login{ background-position: -160px top;}/* ログイン */
input.btn_logout{ background-position: -160px -40px;}/* ログアウト */
input.btn_parts_add{ background-position: -160px -80px;}/* パーツを追加する */
input.btn_upload_start{ background-position: -160px -120px;} /* アップロード開始 */
input.btn_confirm{ background-position: -160px -160px;}/* 確認ページへ */
input.btn_base_change{background-position: -160px -200px;} /* 基本情報を変更する */
input.btn_image_change{ background-position: -160px -240px;}/* 作品画像を変更する */
input.btn_emoney_input{ background-position: -160px -280px;}/* カード情報を入力 */
input.btn_cancel{ background-position: -160px -320px;}/* キャンセル */
input.btn_correct{ background-position: -160px -360px;}/* 修正する */
input.btn_back{ background-position: -160px -400px;}/* 戻る */
input.btn_back_worklist{ background-position: -160px -440px;}/* 作品管理に戻る */
input.btn_back_preview{ background-position: -160px -480px;}/* 確認画面に戻る */
input.btn_delete{background-position: -160px -520px;} /* 破棄する */
input.btn_delete_no{background-position: -160px -560px;} /* 破棄しない */
input.btn_erase{background-position: -160px -600px;} /* 削除する */
input.btn_update{background-position: -160px -640px;} /* 更新する */
input.btn_addressee{background-position: -160px -680px;} /* お届け先を入力する */
input.btn_detail_search{background-position: -160px -720px;} /* 検索 */
input.btn_next{ background-position: -160px -760px;} /* 次へ進む */
input.btn_trial_upload{ background-position: -160px -800px;} /* 体験版アップロード */
input.btn_trial_re_upload{ background-position: -160px -840px;} /* 体験版を差し替え */
input.btn_complete{ background-position: -160px -880px;} /* 完了する */
input.btn_migration{ background-position: -160px -960px;}/* 購入履歴移行申請 */
input.btn_migration_no{ background-position: -160px -1000px;}/* 購入履歴移行申請 ディセーブル */
input.btn_emoney_input_no{ background-position: -160px -1040px;}/* カード情報を入力 ディセーブル */
input.btn_back_preview_no{ background-position: -160px -1080px;}/* 確認画面に戻る ディセーブル */
input.btn_back_nijiyome{ background-position: -160px -1120px;}/* にじよめへ戻る */

input.btn_rule_confirm{ width: 209px; background-position: -320px top;}/* 規約に同意して確認ページへ */
input.btn_handl_confirm{ width: 209px; background-position: -320px -40px;} /* 取扱いに同意して確認ページへ */
input.btn_handl_next{ width: 209px; background-position: -320px -80px;} /* 規約・取扱いに同意して次へ */
input.btn_image_upload{ width: 209px; background-position: -320px -120px;} /* 画像アップロードへ進む */
input.btn_body_trial_upload{ width: 209px; background-position: -320px -160px;} /* 体験版・本体アップロードへ */
input.btn_body_only_upload{ width: 209px; background-position: -320px -200px;} /* 本体のみアップロードへ */
input.btn_handl_send{ width: 209px; background-position: -320px -342px;} /* 取扱いに同意して送信する */
input.btn_card_regist{ width: 209px; background-position: -320px -382px;} /* カード情報を登録する */
input.btn_card_edit{ width: 209px; background-position: -320px -422px;} /* カード情報を編集する */
input.btn_regist_twitter{ width: 209px; background-position: -320px -617px;} /* TwitterIDと連携する */
input.btn_add_credit{ width: 210px;background-position: -320px -1376px;}/* カード情報を登録する */

input.btn_handl_next_02{ width: 264px; background-position: -1043px top;} /* 規約・取扱いに同意して確認ページへ */

input.btn_setting_change_s{ width: 115px; height: 32px;background-position: -529px top;} /* 設定の変更 */
input.btn_update_s{ width: 115px; height: 32px; background-position: -529px -128px;}/* 更新する(小) */

.reflection_box input.btn_reflect_order{ height: 34px; background-position: -644px -272px;} /* 並び順を反映する(小) */
.reflection_box input.btn_reflect_order_no{ height: 34px; background-position: -644px -306px; cursor: default;} /* 並び順を反映する(小)ディセーブル */
input.btn_stop_autotweet{ height: 34px; background-position: -644px -374px;} /* 連携を解除する */

input.btn_close{ width: 91px; height: 34px; background-position: -804px top;} /* 閉じる */

input.btn_buy_credit{ width: 148px; height: 38px; background-position: -895px 0;}/* クレジットカード */
input.btn_buy_conv{ width: 148px; height: 53px; background-position: -895px -38px;}/* コンビニ（前払い）・電子マネー */
input.btn_buy_bitcash{ width: 148px; height: 38px; background-position: -895px -91px;}/* BitCashEX */
input.btn_buy_netridecash{ width: 148px; height: 38px; background-position: -895px -129px;}/* NetRideCash */
input.btn_buy_toranoana{ width: 148px; height: 38px; background-position: -895px -516px;}/* とらのあなID決済 */
input.btn_buy_credit_no{ width: 148px; height: 38px; background-position: -895px -220px; cursor: default;}/* クレジットカード ディセーブル */
input.btn_buy_conv_no{ width: 148px; height: 53px; background-position: -895px -258px; cursor: default;}/* コンビニ（前払い）・電子マネー ディセーブル */
input.btn_buy_bitcash_no{ width: 148px; height: 38px; background-position: -895px -311px; cursor: default;}/* BitCashEX ディセーブル */
input.btn_buy_netridecash_no{ width: 148px; height: 38px; background-position: -895px -349px; cursor: default;}/* NetRideCash ディセーブル */
input.btn_buy_toranoana_no{ width: 148px; height: 38px; background-position: -895px -554px; cursor: default;}/* とらのあなID決済 ディセーブル */
input.btn_buy_step{ width: 148px; height: 38px; background-position: -895px -440px;}/* 購入手続きへ */
input.btn_buy_step_no{ width: 148px; height: 38px; background-position: -895px -478px; cursor: default;}/* 購入手続きへ ディセーブル */
input.btn_buy_later{ width: 148px; height: 38px; background-position: -895px -592px;}/* 後払い決済 */
input.btn_buy_later_no{ width: 148px; height: 38px; background-position: -895px -630px; cursor: default;}/* 後払い決済 ディセーブル */
input.btn_buy_emoney{ width: 148px; height: 38px; background-position: -895px -668px;}/* 電子マネー・ネットバンク */
input.btn_buy_emoney_no{ width: 148px; height: 38px; background-position: -895px -706px; cursor: default;}/* 電子マネー・ネットバンク ディセーブル */
input.btn_buy_conv_pre{ width: 148px; height: 38px; background-position: -895px -744px;}/* コンビニ前払い */
input.btn_buy_conv_pre_no{ width: 148px; height: 38px; background-position: -895px -782px; cursor: default;}/* コンビニ前払い ディセーブル */
input.btn_buy_point{ width: 148px; height: 38px; background-position: -895px -820px;}/* ポイント決済 */
input.btn_buy_point_no{ width: 148px; height: 38px; background-position: -895px -858px; cursor: default;}/* ポイント決済 ディセーブル */

input.btn_parts_edit{ width: 70px; height: 22px; background: url(../images/web/home/btn_parts_edit.png) left top no-repeat;}/* （パーツを）編集する */

/* ----- 入力エラー項目 ----- */

div.global_error_box{
  width: 785px;
  padding: 3px;
  margin: 0 0 10px;
  border: 2px solid #CC0000;
  background: #ffe8e8;
}

div.global_error_box_02,
div.global_error_box_03{
  width: 768px;
  padding: 3px;
  margin: 0 auto 10px;
  border: 2px solid #CC0000;
  background: #ffe8e8;
}

div.global_error_box_03{
  width: 785px;
  margin: 0 0 10px;
}

div.global_error_box_inner{
  padding: 10px 12px;
  border: 1px solid #CC0000;
  background: #fff;
}

div.global_error_box_inner p.title_message{
  color: #CC0000;
  font-size: 14px;
  font-weight: bold;
  line-height: 1.4;
  padding-bottom: 0px;
  padding-left: 21px;
  background: url(../images/web/common/icon_error_01.png) left 1px no-repeat;
}

div.global_error_box_inner ul{
  color: #666666;
  padding: 5px 22px 0;
  margin-bottom: -1px;
  _margin-bottom: 0;/* IE6 */
}

div.global_error_box_inner ul li{
  line-height: 1.5;
  padding-bottom: 1px;
}

.input_error{
  border-width: 1px;
  border-color: #CC0000;
  background-color: #FFDCDC;
}

ul.error_list,
ul.correct_list{
  margin-top: -6px;
  margin-bottom: 6px;
}

ul.error_list li,
ul.correct_list li{
  line-height: 1.6;
  font-size: 12px;
  font-weight: bold;
  padding: 0;
  margin: 3px 0;
  border: none;
}

ul.error_list li{ color: #CC0000;}
ul.correct_list li{ color: #009900;}

td.frame_double_list ul.error_list li,
td.frame_triple_list ul.error_list li{
  padding-bottom: 15px;
  padding-left: 24px;
  margin-top: -10px;
}

td.frame_double_list table ul.error_list li,
td.frame_triple_list table ul.error_list li{
  margin: 3px 0;
  padding: 0;
}

div.modify_white_box_main ul.error_list{
  margin: 0 auto;
}

div.modify_white_box_main ul.error_list li{
  margin: 0 auto;
  text-align: center;
}

/* 注意文エラー */

ul.error_list_attention{
  margin: 0 auto 10px;
}

ul.error_list_attention li{
  width: 750px;
  font-size: 13px;
  font-weight: normal;
  line-height: 1.5;
  text-align: center;
  margin: 0 auto;
  padding: 3px;
  border: 1px solid #cc0000;
  color: #cc0000;
  padding: 0 10px;
}

ul.error_list_attention li span{
  background: url(../images/web/common/icon_attention_01.png) left 4px no-repeat;
  padding: 5px 0 5px 23px;
  display: inline-block;
}

/* 重複登録エラー */

div.duplication_error{
  width: 530px;
  margin: 10px 0 15px 5px;
  border: 1px solid #c00;
}

div.duplication_error p{
  color: #c00;
  font-size: 13px;
  text-align: center;
  padding: 10px;
}

/* ----- プライバシー案内 ----- */

table#security th,
table#security td{
  padding: 0px 6px 10px;
  font-size: 11px;
  border-bottom: 1px solid #b8c3d9;
}

table#security th.last,
table#security td.last{
  padding: 10px 6px 5px;
  border: none;
}

table#security tr.last th,
table#security tr.last td{
  padding: 10px 5px 0;
  border: none;
}

table#security th{
  text-align: center;
  padding-right: 10px;
}

table#security td{
  color: #666666;
  line-height: 1.4;
}


/* ----- ランキングトップ カテゴリ見出し ----- */

div.ranking_category{
  height: 30px;
  line-height: 30px;
  margin: 15px 0px 0px;
  background: url(../images/web/home/ranking_category_bg.png) repeat-x left top;
}

div.ranking_category h2{
  height: 30px;
  background: url(../images/web/home/ranking_category_right_bg.png) no-repeat right top;
}

div.ranking_category h2 p{
  height: 30px;
  color: #fff;
  font-size: 14px;
  font-weight: bold;
  padding-left: 12px;
  background: url(../images/web/home/ranking_category_left_bg.png) no-repeat left top;
}

div.ranking_category h2 p span{ padding: 0 3px;}

div.ranking_category h2 p span.target{
  font-size: 12px;
  font-weight: normal;
  padding: 0;
}

/* ----- 各種ランキング 見出し ----- */

div.ranking_title{
  height: 30px;
  line-height: 24px;
  margin: 0 0 3px;
  background: url(../images/web/home/bg_line_01.gif) left bottom repeat-x;
}

div.ranking_title h1{
  float: left;
  color: #536280;
  font-size: 16px;
  font-weight: bold;
  padding: 0 0 0 24px;
  background: url(../images/web/home/icon_title_arrow.gif) left 5px no-repeat;
}

div.daily h1{ background: url(../images/web/home/bg_crown_01.png) left 5px no-repeat;}
div.weekly h1{ background: url(../images/web/home/bg_crown_01.png) left -24px no-repeat;}
div.monthly h1{ background: url(../images/web/home/bg_crown_01.png) left -53px no-repeat;}
div.year h1{ background: url(../images/web/home/bg_crown_01.png) left -83px no-repeat;}
div.total h1{ background: url(../images/web/home/bg_crown_01.png) left -112px no-repeat;}

div.ranking_title h1 span{
  font-size: 12px;
  padding-left: 6px;
  font-weight: normal;
}

div.page_title span.original_name{ padding-right: 5px;}

div.page_title p.top_link{
  float: right;
  padding-right: 12px;
}

/* 背景無し中見出し */

.sub_title h2{
  font-size: 16px;
  font-weight: bold;
  padding: 3px 0 6px;
  margin: 0 0 0px;
  /*border-left:6px solid #ffd24c;*/
}

/* 掛線
--------------------------------------------------------- */

hr{
  color: #FFFFFF;
  height: 1px;
  margin: 0;
  padding: 0;
  overflow: hidden;
  border-width: 1px 0 0 0;
  border-style: dashed;
  border-color: #999999;
  background-color: #FFFFFF;
}


/* ==================================================================================================================
　テーブルスタイル
================================================================================================================== */

/* 作品リスト
--------------------------------------------------------- */

table.work_list_main{
  width: 100%;
}

table.work_list_main th{
  color: #536280;
  padding: 10px;
  background: #e6eaf2;
}

table.work_list_main td{
  line-height: 1.2;
  vertical-align: top;
  padding: 6px 10px;
  border-bottom: 1px solid #b8c3d9;
  background: url(../images/web/home/dot_length_01.gif) right top repeat-y;
}

table.work_list_main td.work_1col_thumb{
  background: none;
  padding: 6px 0 6px 10px;
}

table.work_list_main td.work_1col_thumb div{
  margin: 0;
}

table.work_list_main tr.last td{
  padding-bottom: 10px;
  border: none;
}

table.work_list_main td.work_button{
  background: none;
}

table.work_list_main th.sales_date{width: 90px;}
table.work_list_main th.work_maker{width: 250px;}
table.work_list_main th.work_check{width: 220px;padding-top: 5px;padding-bottom: 5px;padding-right: 15px;text-align: right;}
table.work_list_main th.work_check input{margin-left: 3px;}

table.work_list_main td.work_status p{text-align: center;margin-bottom: 8px;}
table.work_list_main td.work_check{text-align: center;background: none;}
table.work_list_main td.buy_date{}

/*  ダウンロード情報メール再発行  */

div#dl_remail_unpaid,
div#dl_remail_paid{width: 795px;}

div#dl_remail_unpaid,
div#dl_remail_paid table{margin-bottom: 20px;}

div#dl_remail_unpaid table.work_list_main th.buy_date,
div#dl_remail_paid table.work_list_main th.pay_date{width: 100px;}

div#dl_remail_unpaid table.work_list_main th.work_price{width: 70px;text-align: center;}

div#dl_remail_paid table.work_list_main th.contact_no{width: 130px; text-align: center;}

div#dl_remail_unpaid table.work_list_main td.buy_date,
div#dl_remail_paid table.work_list_main td.pay_date{}

div#dl_remail_unpaid table.work_list_main td.work_price,
div#dl_remail_paid table.work_list_main td.contact_no{background: none;}

div#dl_remail_unpaid table.work_list_main td.work_price{font-size: 13px;}

div#dl_remail_paid table.work_list_main td.contact_no{text-align: center;}


/* 一般的な上部thの表（static用）
--------------------------------------------------------- */

table.static_list_main{
  font-size: 12px;
  border: 1px solid #4d628c;
  border-bottom: none;
  border-collapse: separate;
  background: #fff;
  width: 100%;
}

table.static_list_main tr th{
  color: #FFFFFF;
  background: #6c7fa6;
  vertical-align: top;
  border-top: 1px solid #8f9fbf;
  border-left: 1px solid #8f9fbf;
  border-bottom: 1px solid #4d628c;
}

table.static_list_main tr.item_name th{
  color: #ffffff;
  text-align: center;
  padding: 10px;
  border-top: 1px solid #8f9fbf;
  border-left: 1px solid #8f9fbf;
  border-bottom: 1px solid #4d628c;
  border-right: 1px solid #4d628c;
}

table.static_list_main td{
  vertical-align: top;
  line-height: 1.3;
  padding: 10px;
  border-bottom: 1px solid #4d628c;
  background: url(../images/web/home/dot_length_01.gif) repeat-y top right;
}

table.static_list_main tr.item_name th.right_cell{
  border-right: none;
}

table.static_list_main td.right_cell{
  background: none;
}

/* 横thの表（クーポン発行完了）
--------------------------------------------------------- */
table.min_table{margin: 10px 15px;}

table.min_table tr th{
  background: #e6eaf2;
  border-bottom: solid 1px #fff;
  color: #536280;
  padding: 10px;
  min-width: 90px;
}

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

/* 割引キャンペーン開催中、検索結果にレコメンドを表示
--------------------------------------------------------- */

div.campaign_picup {
  border-radius: 5px;
  border: solid 1px #536280;
  margin-top: 15px;
}

div.campaign_picup div.title_01 {
  height: 28px;
  line-height: 28px;
  background: #607194;
  border-radius: 2px 2px 0px 0px;
}

div.campaign_picup h2{
  background: none;
  padding: 0px;
  width: 100%;
  margin-left: 10px;
  /* text-align: center; */
  color: #ffffff;
}

div.campaign_picup div#work_recommend {
  padding: 0px 10px 10px;
}

/* =========================================================
　表示スタイル
========================================================= */

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

.hidden{visibility: hidden;}
.non_display{display: none;}

/* サムネイルポップアップ
--------------------------------------------------------- */
.work_thumb,
td.work_1col_thumb,
td.work_table_data{
  position: relative;
}


div.work_img_main_popup {
  position: absolute;
  z-index: 3000;
}

div.work_img_main_popup div.work_img_main_popup_arrow {
  background: url(/images/web/home/thum_img_popup_arrow.png) no-repeat;
  position: absolute;
  height: 25px;
  width: 13px;
  left: -12px;
  top: 50%;
  margin-top: -12px;
}

div.work_img_main_popup img {
  max-height: 606px;
  max-width: 456px;
  border: #333 solid 2px;
  box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.2);
  border-radius: 4px;
}

/* ブロック表示時 */
dl.work_img_main {position: relative;}
li.search_result_img_box_inner .work_img_main_popup { margin-top: 10px;}
/* 左表示 */
li.search_result_img_box_inner.end div.work_img_main_popup div.work_img_main_popup_arrow{
  transform: scale( -1, 1);
  -o-transform: scale( -1, 1);
  -ms-transform: scale( -1, 1);
  -moz-transform: scale( -1, 1);
  -webkit-transform: scale( -1, 1);
  filter: fliph();
  -ms-filter: fliph();
  left: 100%;
}

li.search_result_img_box_inner.end .work_img_main_popup {
  left: auto!important;right: 100%!important;}

/* 三列表示端 */

.work_3col_table td:nth-child(3) .work_img_main_popup div.work_img_main_popup_arrow{
  transform: scale( -1, 1);
  -o-transform: scale( -1, 1);
  -ms-transform: scale( -1, 1);
  -moz-transform: scale( -1, 1);
  -webkit-transform: scale( -1, 1);
  filter: fliph();
  -ms-filter: fliph();
  left: 100%;
}

.work_3col_table td:nth-child(3) .work_img_main_popup {left: -482px!important;}



/* 画面サイズ1375px以下時ポップアップ場所変更
--------------------------------------------------------- */

@media screen and ( max-width:1375px) {
  /*　画面サイズが1375px以下の場合はここを読み込む　*/

  .work_2col_table td:nth-of-type(even) .work_img_main_popup div.work_img_main_popup_arrow{
    transform: scale( -1, 1);
    -o-transform: scale( -1, 1);
    -ms-transform: scale( -1, 1);
    -moz-transform: scale( -1, 1);
    -webkit-transform: scale( -1, 1);
    filter: fliph();
    -ms-filter: fliph();
    left: 100%;
}

  .work_2col_table td:nth-of-type(even) .work_img_main_popup {
    left: auto !important;}

  .work_2col_table td:nth-of-type(even) .work_img_main_popup div.work_img_main_popup_arrow{
    transform: scale( -1, 1);
    -o-transform: scale( -1, 1);
    -ms-transform: scale( -1, 1);
    -moz-transform: scale( -1, 1);
    -webkit-transform: scale( -1, 1);
    filter: fliph();
    -ms-filter: fliph();
    left: 100%;
}

  .work_2col_table td:nth-of-type(even) .work_img_main_popup {right: 105%;}

}


/* 画面サイズ1375px以下時ポップアップ場所変更※ランキングページのみ適用
--------------------------------------------------------- */

@media screen and ( max-width:1375px) {

  #ranking_table td:last-child .work_img_main_popup div.work_img_main_popup_arrow{
    transform: scale( -1, 1);
    -o-transform: scale( -1, 1);
    -ms-transform: scale( -1, 1);
    -moz-transform: scale( -1, 1);
    -webkit-transform: scale( -1, 1);
    filter: fliph();
    -ms-filter: fliph();
    left: 100%;
}

  #ranking_table td:last-child .work_img_main_popup {
    left: auto !important;}

  #ranking_table td:last-child .work_img_main_popup div.work_img_main_popup_arrow{
    transform: scale( -1, 1);
    -o-transform: scale( -1, 1);
    -ms-transform: scale( -1, 1);
    -moz-transform: scale( -1, 1);
    -webkit-transform: scale( -1, 1);
    filter: fliph();
    -ms-filter: fliph();
    left: 100%;
}

  #ranking_table td:last-child .work_img_main_popup {right: 105%;}

}


/* 画面サイズ1150px以下時ポップアップ場所変更※TOPページのみ適用
--------------------------------------------------------- */

@media screen and ( min-width:1150px) {

  #new_worklist .work_2col_table td:nth-of-type(even) .work_img_main_popup div.work_img_main_popup_arrow{
    transform: none;
    left: -12px;
}

  #new_worklist .work_2col_table td:nth-of-type(even) .work_img_main_popup {
    left: 122px !important;
    right: auto;
}

}


/* =========================================================
　マイジャンルポップアップ
========================================================= */

/* 左カラム設置-マイジャンルって何？-
--------------------------------------------------------- */
div.how_mygenre {
  display: block;
  width: 148px;
  height: 72px;
  background: url(../images/web/home/bn_how_mygenre.png) no-repeat;
  /* margin: 5px auto; */
  position: relative;
  cursor: pointer;
}

p.my_genre_reg_btm.mt10 a {text-decoration: underline !important;}

div.mygenre_chara01.how {position: relative;width: 340px;/* margin: 0 auto; */}

p.borderbtm_dot {border-bottom: 1px #cccccc dotted; padding-top: 5px;}

.pb10 {padding-bottom: 10px !important;}

div.mygenre_chara01.how p.attn{top: 20px;left: 150px;}

div.mygenre_chara01.how a.popup_mygenre_regist {top: 50px;left: 130px;}

div.mygenre_chara01.how p.my_genre_reg_btm {position: absolute;top: 110px;left: 140px;}

.how_mygenre .popup_login.on {left: 160px; top: 10px;}


/* 非ログイン時にマイジャンル登録ボタン→ログイン導線
--------------------------------------------------------- */

/*表示させる*/
div.popup_login.on,
div.popup_login_02.on{
  top: 24px;
  left: -300px;
  opacity: 1;
  margin-left: 0px;
  visibility: visible;
  width: 382px;
  /* position: absolute; */
}

/*非表示させる*/
div.popup_login_02,
div.popup_login{
  position: absolute;
  z-index: 2000;
  background-color: #F0F2F7;
  top: 24px;
  left: -300px;
  border: 1px solid #536280;
  padding-right: 25px;
  border-radius: 5px;
  opacity: 0;
  visibility: hidden;
  color: #607194;
  cursor: default;
  -webkit-transition: all 0.1s ease;
  -moz-transition: all 0.1s ease;
  -ms-transition: all 0.1s ease;
  -o-transition: all 0.1s ease;
  transition: all 0.1s ease;
  box-shadow: 0 10px 20px rgba(0,0,0,0.3);
  width: 382px;
  /* left: -290px; */
}
div.popup_login_02 {margin-left: -10px;}



a.popup_mygenre_regist {
  display: block;  width: 160px;  height: 40px;
  cursor: pointer;
  /* 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;
  position: absolute;
  top: 63px;
  left: 167px;
}

div.popup_login a:hover,
div.popup_login_02 a:hover{
  opacity: 0.9;
  filter: alpha(opacity=90);
}
div.popup_login p,
div.popup_login_02 p {
  /* text-align: center; */
  display: block  !important;
  padding: -5px;
}

p.popup_close_button{
  position: absolute;
  top: 6px;
  right: 6px;
  width: 13px;
  height: 13px;
  z-index: 1000;
}

p.popup_close_button a{
  display: block;
  text-indent: -9999px;
  width: 13px;
  height: 13px;
  font-size: 12px;
  cursor: pointer;
  background: url("../images/web/home/icon_setting_shut.gif") left bottom no-repeat;
}

div.popup_login p.attn,
div.popup_login_02 p.attn {
  position: absolute;
  top: 30px;
  left: 185px;
  text-align: center;
  line-height: 1.2;
}

p.txt_center {
  text-align: center;
}


div.mygenre_chara01 {
  display: block;
  width: 316px;
  height: 135px;
  background: url(../images/web/home/pic_mygenre_chara01.png) no-repeat;
  margin: 5px auto;
}

p.my_genre_reg_btm {
  position: absolute;
  top: 120px;
  right: 0;
}

p.bordertop_dot {
  border-top: 1px #cccccc dotted;
  padding-top: 5px;
}

/* 検索結果時のポップアップ位置調整 */
table.search_condition .popup_login._popup._popup_login,
table.search_condition .popup_login._popup._popup_login.on {left: -305px;}

/* マイジャンル表示
--------------------------------------------------------- */
div.popup_mygenre_add{
  position: absolute;
  width: 480px;
  padding: 5px;
  z-index: 2000;
  overflow: hidden;
  top: 44px;
  opacity: 0;
  visibility: hidden;
  background-color: #F0F2F7;
  border: 1px solid #536280;
  padding-right: 20px;
  border-radius: 5px;
  behavior: url(/../css/PIE.htc);
  -webkit-transition: all 0.1s ease;
  -moz-transition: all 0.1s ease;
  -ms-transition: all 0.1s ease;
  -o-transition: all 0.1s ease;
  transition: all 0.1s ease;
  box-shadow: 0 10px 20px rgba(0,0,0,0.3);
  right: 10px;
}

div.popup_mygenre_add.on{
  top: 54px;
  opacity: 1;
  visibility: visible;
  cursor: default;
}

/* マイジャンル登録完了 */
div.popup_mygenre_admin{
  position: absolute;
  margin-left: -10px;
  width: 480px;
  padding: 5px;
  z-index: 2000;
  overflow: hidden;
  opacity: 0;
  visibility: hidden;
  background-color: #F0F2F7;
  border: 1px solid #536280;
  padding-right: 20px;
  border-radius: 5px;
  behavior: url(/../css/PIE.htc);
  -webkit-transition: all 0.1s ease;
  -moz-transition: all 0.1s ease;
  -ms-transition: all 0.1s ease;
  -o-transition: all 0.1s ease;
  transition: all 0.1s ease;
  box-shadow: 0 10px 20px rgba(0,0,0,0.3);
  right: 10px;
}

div.popup_mygenre_admin p.word {
  text-align: center;
  display: block;
  line-height: 1.5;
}

div.popup_mygenre_admin.on{
  top: 54px;
  opacity: 1;
  visibility: visible;
  cursor: default;
  margin-left: 0px;
}

div.popup_mygenre_admin.on p{
  display: block;
  text-align: center;
}

/* 汎用 */
table.popup_my_genre.search_condition{
  position: relative;
  width: auto;
  line-height: 1.4;
  border: 0px #f0f2f7 !important;
  background-color: transparent;
  border-collapse: inherit;
  border-spacing: 0;
  margin: 0 auto;
}

table.popup_my_genre.search_condition td{
  border: 0px;
}

div#save_search_condition table.popup_my_genre p.popup_close_button{
  position: absolute;
  top: 3px;
  right: 3px;
  width: 13px;
  height: 13px;
  z-index: 2000;
}

table.popup_my_genre td{
  border: none;
}

table.popup_my_genre td.popup_my_genre_text ul.error_list li{
  margin: 0 0 3px 95px;
  position: relative;
  z-index: 1000;
}

table.popup_my_genre td.popup_my_genre_text{
  border: none;
  padding: 0 0 7px 10px !important;
  width: 380px;
}

table.popup_my_genre td.box_left{
  color: #536280;
}

table.popup_my_genre td.box_right{
  color: #536280;
  height: 27px;
  line-height: 27px;
}

table.popup_my_genre p{
  font-size: 12px;
  display: inline;
  color: #536280;
}

table.popup_my_genre p.to_my_genre{
  display: inline;
  margin-left: 10px;
}

table.popup_my_genre p.to_my_genre a{
  background: url(../images/web/home/icon_more.png) no-repeat left center;
  padding-left: 14px;
  font-size: 12px;
}

table.popup_my_genre p.to_my_genre a:visited{color: #663399;}

table.popup_my_genre input.popup_my_genre_text{
  width: 280px;
  color: #999;
  margin-left: 5px;
  padding: 2px 5px;
}

input.btn_favorite_mini{
  vertical-align: middle;
  background: url(../images/web/home/btn_favorite_mini.png) no-repeat 0 0;
  margin-left: 5px;
  cursor: pointer;
  width: 60px;
  height: 23px;
  text-indent: -9999px;
  overflow: hidden;
  border: 0;
}


/* 登録ボタンロング
--------------------------------------------------------- */

/* ロングボタン */
p.modify_btn_top input{width: 210px;}
p.modify_btn_top input.btn_confirm{ background-position: -320px -736px;} /* 確認ページへ */
p.modify_btn_top input.btn_transmit {background-position: -320px -776px;} /*送信する*/
p.modify_btn_top input.btn_finance_decide{ background-position: -320px -816px;} /* 金融機関を決定する */
p.modify_btn_top input.btn_payment_outside{ background-position: -320px -896px;} /* 外部決済へ */
p.modify_btn_top input.btn_payment_outside_no{ background-position: -320px -1176px;} /* 外部決済へ ディセーブル */
p.modify_btn_top input.btn_emoney_input{ background-position: -320px -936px;} /* カード情報を入力 */
p.modify_btn_top input.btn_emoney_input_no{ background-position: -320px -1216px;} /* カード情報を入力 ディセーブル*/
p.modify_btn_top input.btn_change {background-position: -320px -976px;} /*変更する*/
p.modify_btn_top input.btn_purchase {background-position: -320px -1016px;} /*購入手続きへ*/
p.modify_btn_top input.btn_payment {background-position: -320px -1056px;} /*決済する*/
p.modify_btn_top input.btn_contribute {background-position: -320px -1096px;} /*投稿する*/
p.modify_btn_top input.btn_report {background-position: -320px -1136px;} /*報告する*/
p.modify_btn_top input.btn_regist {background-position: -320px -1256px;} /*登録する*/
p.modify_btn_top input.btn_delete{background-position: -320px -1296px;} /* 破棄する */
p.modify_btn_top input.btn_apply{ background-position: -320px -1336px;}/* 申請する */

p.modify_btn_top {clear: both; margin-bottom: 5px;}
p.modify_btn_bottom {clear: both;background-image: none; display: inline;}

/* inputボタンをテキストリンクに */
p.modify_btn_bottom input{
  background-image: none;
  border: none;
  background-color: transparent;
  height: auto;
  cursor: pointer;
  text-indent: inherit;
  color: #039;
  display: inline-block;
  width: initial;
}

p.modify_btn_bottom input:hover{text-decoration: underline;}

/* テキストリンク両脇に[] */
p.modify_btn_bottom:before { content: "[";}
p.modify_btn_bottom:after { content: "]";}

/* メルマガ登録
--------------------------------------------------------- */
#mailmagasine_choice table{width: 100%;}
#mailmagasine_choice .mail { float: right;}
#mailmagasine_choice .genre {float: left; padding-top: 5px;}
#mailmagasine_choice .list_inner {margin-bottom: 5px;}
#mailmagasine_choice .list_inner.clearfix.format {
  margin-top: 13px;
  margin-bottom: 0px !important;
  padding-top: 11px;
  border-top: 1px solid #b8c3d9;
}
#mailmagasine_choice ul.btn_infomail_send{width: 166px;}
#mailmagasine_choice ul.btn_infomail_send li{width: 83px;}
#mailmagasine_choice table.mm_choice td.name { padding: 8px 0px;}