@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:10px;
text-align:right;
padding:5px 3px 5px 0;
}

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 top no-repeat;
}

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

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

#header_message{
float:left;
color:#666666;
font-size:10px;
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;
}

div#logo_02{
width:240px;
float:left;
/*margin-left:-12px;/* ----- にじよめ限定 ----- */
}

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:360px;}
/*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_chobit 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_chobit 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_chobit 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_chobit_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_chobit_on a{	background-position:-255px -140px;}

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

li#cn_chobit,
li#cn_chobit_on{
position:relative;
}

li#cn_chobit span,
li#cn_chobit_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:130px;}

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

td.search_t{ width:100%;}

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

td.search_btn{	width:70px;}

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

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{ width:102px;}

table#header_main td.nav_cart{
	width:110px;
	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{
height:28px;
width:102px;
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) -102px top no-repeat;}
table#header_main td.nav_cart a:hover{background:url(../images/web/home/btn_header_btn.png) -102px -28px no-repeat;}

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

#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;
padding-bottom:3px;
margin:0 15px 8px 0;
background:url(../images/web/home/icon_pagetop.gif) no-repeat left 1px;
} 

#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:10px;
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:10px;
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:15px 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_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 dotted #607194;
}

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{
display:block;
padding:5px 5px 5px 15px;
background:url(../images/web/home/list_left_bg.gif) no-repeat 5px 5px;
}

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:153px;
border-top:1px solid #536280;
}

ul.list_content_text_01_line li:hover ul.sub_menu li{
border-left:1px solid #536280;
border-right:1px solid #536280;
border-bottom: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;
}

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

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

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

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: 10px;
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 1px no-repeat;
}

p.edit{
clear:left;
color:#536280;
font-size:10px;
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:10px;
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{
height:50px;
padding:0 0 0 117px;
border-top:1px dotted #536280;
background:url(../images/web/home/bg_left_sns.gif) no-repeat left top;
}
	
div#left_sns ul li{
padding-top:10px;
}

div#left_sns ul li.facebook_link a{
display:block;
width:30px;
height:30px;
text-indent:-9999px;
overflow:hidden;
}

div#left_sns ul li.facebook_link a{ background:url(../images/web/common/icon_sns_facebook.png) no-repeat left top; margin-left:5px;}


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

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:29px;
padding: 0 0 0 9px;
background:url(../images/web/home/right_module_h3.gif) no-repeat;
}

div#nijiyome img {
    width: 94%;
    margin: 0px auto 5px;
    display: block;
}

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

div#right_chara{ margin-bottom:0; }

div#right_appli{ margin:7px 0;}

div#right_appli p{ padding-bottom: 6px;}

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

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.maid_right_banner{
width:180px;
text-align:center;
margin:0 auto;
overflow:hidden;
}

div.maid_right_banner p{
text-align:center;
padding-bottom:6px;
}

div.maid_right_banner p.guide_bn{
padding-bottom:2px;
}
/* ----- カウント ----- */

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

/* IE6対策 */

ul.rank_content_tab li.on a.rank1-10:hover{ color:#536280; background:url(../images/web/home/right_module_3tab.gif) left -52px no-repeat;}
ul.rank_content_tab li.on a.rank11-20:hover{ color:#536280; background:url(../images/web/home/right_module_3tab.gif) -71px -52px no-repeat;}
ul.rank_content_tab li.on a.rank21-30:hover{ color:#536280; background:url(../images/web/home/right_module_3tab.gif) -142px -52px no-repeat;}

/* 順位 */

div.rank_no{
color:#8f9fbf;
font-size:16px;
font-weight:bold;
font-family:Arial, Helvetica, sans-serif;
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:10px;
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;
}

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

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

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

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

/* 詳細へ */

p.more_right{
text-align:right;
padding: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:10px;
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:10px;
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:10px;
line-height:1.0;
margin:0 5px 10px 5px;
}

table.short_content span.maker_name{
display:block;
font-size:10px;
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;
}

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:10px;
width:147px;
}

table.pickup_content span.maker_name a,
table.pickup_content span.circle_name a{
font-size:10px;
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;
}

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

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

table.announce_content span.maker_name,
table.announce_content span.ciecle_name{
display:block;
font-size:10px;
line-height:1.0;
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:10px;
line-height:1.0;
padding-bottom:5px;
}

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: 10px;
vertical-align: top;
padding:9px 6px 9px 0;
border-bottom:1px solid #cfd6e5;
}

table.review_content span.review_text{
display:block;
width:145px;
height:47px;
font-size:11px;
line-height:12px;
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:10px;}

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 hr.work_border{ border-color:;}

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

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

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{
width:260px;
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:21px;
padding-top:7px;
}

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

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:110px;}

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

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

div#cart_work_list tr.last td.work_content{ padding-top:10px;}

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

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


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

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

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


/* カート合計金額
--------------------------------------------------------- */

div.cart_price_box{
width:540px;
padding:0 0 15px 0;
margin:5px 0 15px;
float:right;
}

div.cart_price_box_inner{
padding:6px 0 6px 6px;
border:5px solid #e6eaf2;
}

table.main_cart_price{
width:100%;
table-layout:fixed;
background:#;
}

table.main_cart_price th{
color:#333;
font-weight:bold;
line-height:1.5;
text-align:right;
padding:3px 6px;
background:#;
}

table.main_cart_price td{
line-height:1.5;
vertical-align:top;
padding:3px 0px;
}

table.main_cart_price td.point_total{width:200px;}
table.main_cart_price td.point_total p{ padding-left:6px;}

div.cart_price_box p.mini_message{
color:#cc0000;
text-align:center;
padding:4px 10px;
margin:2px 116px 7px 4px;
border:1px solid #cc0000;
background:#fff1f5;
width:362px;
}

table.main_cart_price td.point_total .work_point{ font-size:13px;}

table.main_cart_price td.price_count{
width:90px;
text-align:right;
padding-right:10px;
}

td.count_btn #btn_point_all{
margin-bottom:5px;
overflow: visible;
}

table.main_cart_price td.count_btn{
width:106px;
text-align:center;
background:url(../images/web/home/dot_length_01.gif) left top repeat-y;
}

table.main_cart_price tr.price_total th,
table.main_cart_price tr.price_total td{ font-size:14px;}

table.main_cart_price tr.price_total td strong{ color:#cc0000;}


/* 決済右カラム
--------------------------------------------------------- */

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:url(../images/web/home/cart_right_money_bg.gif) no-repeat;
height:55px;
width:168px;
margin-bottom:3px;
}

div#cart_right_total dl{
width:168px;
padding-top:10px;
}

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

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#payment_btn_select{
background:url(../images/web/home/cart_right_btn_bg.gif) repeat-y;
}

div#payment_btn_select p.top_text{
background:url(../images/web/home/cart_right_btn_bg_top.gif) no-repeat;
padding:10px 0 6px;
text-align:center;
line-height:1.4;
}

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 ul#right_payment_btn{
background:url(../images/web/home/cart_right_btn_bg_btm.gif) no-repeat 0 bottom;
}

ul#right_payment_btn li{
margin-bottom:5px;
/line-height:0;
}

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

ul#right_payment_btn li span.bitcash_logo{ text-align:left; padding-left:17px;}

ul#right_payment_btn li input{
/padding-top:50px;
/line-height:normal;
}

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_user_right{
background:url(../images/web/home/cart_right_btn_bg.gif) repeat-y;
}

div#payment_user_right dl.how_to_pay{
background:url(../images/web/home/cart_right_btn_bg_top.gif) no-repeat;
padding:10px 0 3px;
text-align:center;
}

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

div#payment_user_right dl.how_to_pay dd{
color:#e58600;
font-size:15px;
font-weight:bold;
text-align:center;
line-height:1.3;
padding:2px 0;
}

div#payment_user_right dl.how_to_pay dd span{
font-size:11px;
color:#333;
font-weight:normal;
}

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

div#payment_user_right ul#right_guide_user_list li{
text-align:left;
margin-left:23px;
padding-left:13px;
padding-bottom:4px;
background:url(../images/web/home/icon_more.png) no-repeat 0 2px;
line-height:1.3;
}

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:100%;
table-layout:fixed;
margin:10px auto;
border:1px solid #b8c3d9;
}

table#user_payment,
table#user_payment td{
padding:0;
border:none;
background:none;
}

table#emoney_select{
width:95%;
}

table.payment_btn th{
color:#536280;
font-size:14px;
font-weight:bold;
text-align:center;
line-height:1.3;
padding:6px 0;
background:url(../images/web/home/dot_length_01.gif) right top repeat-y #e6eaf2;
}

table.payment_btn td{
text-align:center;
vertical-align:middle;
padding:10px 0 0;
background:url(../images/web/home/dot_length_01.gif) right top repeat-y #ffffff;
}

table.payment_btn th.last,
table.payment_btn td.last{
background-image:none;
}

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

table.payment_btn td input{
margin-bottom:10px;
}

/* メンテナンス中 */

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

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

/* バナー */

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

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

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{
width:795px;
}

div#payment_price dl{
float:right;
width:290px;
font-size:13px;
background:#fff;
border:5px solid #e6eaf2;
margin-bottom:15px;
padding:5px;
}

div#payment_price dt{
width:170px;
float:left;
font-weight:bold;
padding:4px 10px;
background: url("../images/web/home/dot_length_01.gif") right top repeat-y;
}

div#payment_price dd{
font-weight:bold;
text-align:right;
padding:4px 10px;
margin-left:150px;
}

div#payment_price .price_total{ font-size:14px;}
div#payment_price .price_total strong{ 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{
padding:7px;
line-height:1.4;
}

ul.right_dl_faq li{
border-bottom:1px dotted #8f9fbf;
}

ul.right_dl_faq li.last{ border:none;}

ul.right_dl_faq li dt{
font-weight:bold;
margin-bottom:5px;
color:#e58600;
}

ul.right_dl_faq li dt span{ padding-right:5px;color:#d94c63;}
ul.right_dl_faq li dd span{
font-weight:bold;
color:#d94c63;
padding-right:5px;
}

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

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


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

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{ width:140px; text-align:center;}

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

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

/*  サブメニュー  */

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:10px;
padding-left:5px;
font-weight:normal;
}


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

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

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






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

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;}
#review_header table.process_line{ margin:;}

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:10px;
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:15%;
}

span.review_work_count{ color:#993300;}


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

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

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

div.review_total_box table.reviewer_most_genre tr th{
width:200px;
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.3;
text-align:right;
vertical-align:bottom;
}

table.user_review_list td{
font-size:18px;
font-weight:bold;
line-height:1.3;
vertical-align:bottom;
padding-left:9px;
}

table.user_review_list td span{
font-size:14px;
padding-left:3px;
}

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


/* ----- 販売作品一覧 ----- */

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;
/padding-left:300px;
}/* 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;
	font-family: Verdana,Geneva,sans-serif;
	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;
}

/* ==================================================================================================================
　スマホガイド
================================================================================================================== */

#top_header div#touch_wrapper{
position:relative;
font-family:"ヒラギノ角ゴ Pro W3",helvetica,arial,verdana,sans-serif;
text-align:center;
padding:20px 105px 20px 20px;
background: #5B6D8C;
-moz-box-shadow:0 2px 2px rgba(0,0,0,.15);
-webkit-box-shadow:0 2px 2px rgba(0,0,0,.15);
box-shadow:0 2px 2px rgba(0,0,0,.15);
-moz-animation: slidein 1s ease;
-webkit-animation: slidein 1s ease;
-o-animation: slidein 1s ease;
animation: slidein 1s ease;
}

@-moz-keyframes slidein {
  0% {
    opacity:0.5;
    -webkit-transform: translateY(-500px);
    transform: translateY(-500px);
  }

  100% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
}

@-webkit-keyframes slidein {
  0% {
    opacity:0.5;
    -webkit-transform: translateY(-500px);
    transform: translateY(-500px);
  }

  100% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
}

@-o-keyframes slidein {
  0% {
    opacity:0.5;
    -webkit-transform: translateY(-500px);
    transform: translateY(-500px);
  }

  100% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
}

@keyframes slidein {
  0% {
    opacity:0.5;
    -ms-transform: translateY(-500px);
    transform: translateY(-500px);
  }

  100% {
    -ms-transform: translateY(0);
    transform: translateY(0);
  }
}

#top_header div#touch_wrapper p#main_guide{
font-size:50px;
text-align:center;
	}

#top_header div#touch_wrapper p#main_guide a{
text-decoration:none;
color:#fff;
display:block;
font-weight:bold;
-moz-box-shadow:-4px -4px 4px 0 rgba(0,0,0,0.2) inset;
-webkit-box-shadow:-4px -4px 4px 0 rgba(0,0,0,0.2) inset;
box-shadow:-4px -4px 4px 0 rgba(0,0,0,0.2) inset;
background-color:#49cc3d;
border-radius: 8px;
}

#top_header div#touch_wrapper p#main_guide a span{
background:url(../images/web/common/icon_pc_guide_touch.png) no-repeat 18px 13px;
display:inline-block;
padding:20px 20px 20px 90px;
}

#btn_close_guide{
position:absolute;
right:20px;
top:20px;
width:62px;
height:62px;
border: solid 1px #24324F;
border-radius: 8px;
background:#24324F;  
-webkit-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.1);
-moz-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.1);
}

#btn_close_guide span{
display:block;
background:url(../images/web/common/icon_pc_guide_touch_close.png) no-repeat 50% 50%;
text-indent:-9999px;
width:60px;
height:60px;
line-height:1.3;
}

#btn_close_guide span a{
display:block;
width:60px;
height:60px;
}

/* ==================================================================================================================
　ボタン設定（後で位置修正）
================================================================================================================== */

/* ----- ゲストユーザー決済ボタン ----- */

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,
input.btn_rakuten{
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.btn_rakuten{ background:url(../images/web/home/btn_rakuten.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{
height:36px;
line-height:36px;
padding:0 10px;
}

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.topicpath_link{
float:left;
padding-right:12px;
}

div.status_select strong{ font-weight:normal;}



div.status_select ul{
display:inline;
margin-left:-7px;
}

div.topicpath_link ul{
display:inline;
}

div.status_select li{
display:inline;
padding:0 8px;
background:url(../images/web/home/list_divide_border.gif) no-repeat right 50%;
}

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

.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:3px 6px;
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:4px 7px;
line-height:1.1;
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_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;}


/* ページャー
--------------------------------------------------------- */

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: 4px 7px;
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: 4px 7px;
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;
}

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

/* IE6,7対策 */
table.work_1col_table hr.work_border{ /margin:2px 0 2px;}
table.work_2col_table hr.work_border{ /margin:6px 0 0px;}
table.work_3col_table hr.work_border{ /margin:10px 0 2px;}
/* IE6,7対策 */

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

td.work_1col_thumb{ width:50px;}/* サムネイルの最小幅を指定 */

td.work_1col_thumb div.work_thumb{
float:none;
text-align:center;
margin:0 9px 0 0;
}

dl.work_4col dt,
dl.work_5col dt,
dl.work_img_main dt{margin-bottom:6px;}


/* 作品情報
--------------------------------------------------------- */

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:2px;
}

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{
line-height:15px;
padding-bottom:2px;
line-height:1.4;
}

li.work_name{
display:block;
font-size:14px;
padding-bottom:3px;
}

ul.side_col li.work_name{
display:block;
font-size:12px;
margin-left:65px;
line-height:1.4;
}


/* メーカーID
--------------------------------------------------------- */

li.work_no{
font-size:12px;
padding-bottom:3px;
}

ul.side_col li.work_no{
width:65px;
float:left;
padding-bottom:0;
}


/* メーカー（サークル）名
--------------------------------------------------------- */

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{ font-weight:bold;}

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:10px;
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:13px;
font-family: "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
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:4px;
}


/* 紹介文
--------------------------------------------------------- */

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

dl.work_3col dd.work_text{
clear:left;
font-size:10px;
}

dl.work_1col_mini dd.work_text{
font-size:10px;
line-height:1.2;
}

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

dl.work_2col dd.work_genre,
dl.work_3col dd.work_genre{ clear:left;}

/* 作品評価情報（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;
}


/* ----- お知らせメール ----- */

li.work_infomail{ padding:3px 0 0; float:right;}

li.work_infomail span.lead{
display:block;
width:130px;
font-size:10px;
text-align:left;
padding-bottom:4px;
}

li.work_infomail p.btn_infomail_send_on,
li.work_infomail p.btn_infomail_notsend_on{
height:22px;
width:130px;
}

li.work_infomail p.btn_infomail_send_on span,
li.work_infomail p.btn_infomail_notsend_on span{
height:22px;
display:block;
text-indent:-9999px;
}

li.work_infomail p.btn_infomail_send_on{ background:url(../images/web/home/btn_infomail.png) 0 0 no-repeat;}
li.work_infomail p.btn_infomail_notsend_on{ background:url(../images/web/home/btn_infomail.png) 0 -22px no-repeat;}

li.work_infomail p span.send{ width:63px; float:left;}
li.work_infomail p span.notsend{ width:67px; float:left;}

li.work_infomail p.btn_infomail_notsend_on span.send,
li.work_infomail p.btn_infomail_send_on span.notsend{ cursor: pointer;}


/* ----- お知らせメールロング ----- */

li.work_infomail_long{ padding:3px 0 0; float:right;}

li.work_infomail_long span.lead{
display:block;
width:294px;
font-size:10px;
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{
/* height:22px; */
/* display:block; */
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;
font-family:arial,verdana,helvetica,sans-serif;
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;
/display: inline;
/float:none;
}

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


/* 作品ジャンルアイコン
--------------------------------------------------------- */

.work_genre span{
float:left;
display:block;
font-size:10px;
text-indent:-9999px;
margin:0 2px 2px 0;
background-image:url(../images/web/common/icon_genre.png);
}

.work_genre span a{
display:block;
height:15px;
overflow:hidden;
}

.work_genre span.icon_R15{ width:35px; height:15px; background-position:-5px -5px;}/* R-15 */
.work_genre span.icon_ADL{ width:32px; height:15px; background-position:-41px -5px;}/* 18禁 */
.work_genre span.icon_LDS{ width:50px; height:15px; background-position:-74px -5px;}/* 女性向け */

.work_genre span.icon_DOH{ width:39px; height:15px; background-position:-5px -21px;}/* 同人誌 */
.work_genre span.icon_SOF{ width:53px; height:15px; background-position:-45px -21px;}/* 同人ソフト */
.work_genre span.icon_GAM{ width:56px; height:15px; background-position:-99px -21px;}/* 同人ゲーム */
.work_genre span.icon_PRO{ width:53px; height:15px; background-position:-156px -21px;}/* 商業ソフト */

.work_genre span.icon_COM,
.work_genre span.icon_MNG{ width:38px; height:15px; background-position:-5px -37px;}/* マンガ */
.work_genre span.icon_IST{ width:51px; height:15px; background-position:-44px -37px; }/* イラスト集 */
.work_genre span.icon_INV{ width:74px; height:15px; background-position:-96px -37px;}/* イラスト+ノベル */
.work_genre span.icon_NRE,
.work_genre span.icon_NR2{ width:36px; height:15px; background-position:-171px -37px;}/* ノベル */
.work_genre span.icon_ETC,
.work_genre span.icon_ET3,
.work_genre span.icon_ET4{ width:78px; height:15px; background-position:-208px -37px;}/* その他作品形式 */
.work_genre span.icon_ZTS{ width:30px; height:15px; background-position:-287px -37px;}/* 雑誌 */
.work_genre span.icon_GSH { width:30px; height:15px; background-position:-318px -37px;}/* 画集 */
.work_genre span.icon_SCM{ width:30px; height:15px; background-position:-349px -37px;}/* 劇画 */
.work_genre span.icon_PHT{ width:39px; height:15px; background-position:-380px -37px;}/* 写真集 */

.work_genre span.icon_MDC{ width:76px; height:15px; background-position:-5px -69px;}/* デジタルコミック */
.work_genre span.icon_ICG{ width:35px; height:15px; background-position:-82px -69px;}/* CG集 */
.work_genre span.icon_IN2{ width:58px; height:15px; background-position:-118px -69px;}/* CG+ノベル */
.work_genre span.icon_MOV{ width:49px; height:15px; background-position:-177px -69px;}/* 動画作品 */
.work_genre span.icon_TOL{ width:89px; height:15px; background-position:-227px -69px;}/* ツール・アクセサリ */
.work_genre span.icon_SOU{ width:49px; height:15px; background-position:-317px -69px;}/* 音声作品 */
.work_genre span.icon_MUS{ width:49px; height:15px; background-position:-367px -69px;}/* 音楽作品 */

.work_genre span.icon_ACN{ width:52px; height:15px; background-position:-5px -101px;}/* アクション */
.work_genre span.icon_QIZ{ width:35px; height:15px; background-position:-58px -101px;}/* クイズ */
.work_genre span.icon_ADV{ width:72px; height:15px; background-position:-94px -101px;}/* アドベンチャー */
.work_genre span.icon_RPG{ width:82px; height:15px; background-position:-167px -101px;}/* ロールプレ イング */
.work_genre span.icon_TBL{ width:73px; height:15px; background-position:-250px -101px;}/* テーブルゲーム */
.work_genre span.icon_DNV{ width:74px; height:15px; background-position:-324px -101px;}/* デジタルノベル */
.work_genre span.icon_SLN{ width:78px; height:15px; background-position:-399px -101px;}/* シミュレーション */
.work_genre span.icon_TYP{ width:55px; height:15px; background-position:-478px -101px;}/* タイピング */
.work_genre span.icon_STG{ width:69px; height:15px; background-position:-534px -101px;}/* シューティング */
.work_genre span.icon_PZL{ width:66px; height:15px; background-position:-604px -101px;}/* パズル */
.work_genre span.icon_RET{ width:59px; height:15px; background-position:-671px -101px;}/* レトロゲーム */

.work_genre span.icon_HTE{ width:58px; height:15px; background-position:-5px -133px;}/* HTML形式 */
.work_genre span.icon_HTI{ width:65px; height:15px; background-position:-64px -133px;}/* HTML+画像 */
.work_genre span.icon_HMO{ width:65px; height:15px; background-position:-130px -133px;}/* HTML+動画 */
.work_genre span.icon_HTF{ width:67px; height:15px; background-position:-196px -133px;}/* HTML+Flash */
.work_genre span.icon_IME{ width:62px; height:15px; background-position:-264px -133px;}/* 画像ファイル */
.work_genre span.icon_IJP{ width:66px; height:15px; background-position:-327px -133px;}/* 画像(JPEG) */
.work_genre span.icon_IGF{ width:56px; height:15px; background-position:-394px -133px;}/* 画像(GIF) */
.work_genre span.icon_IBP{ width:60px; height:15px; background-position:-451px -133px;}/* 画像(BMP) */
.work_genre span.icon_PNG{ width:59px; height:15px; background-position:-746px -149px;}/* 画像(PNG) */
.work_genre span.icon_ADO{ width:76px; height:15px; background-position:-512px -133px;}/* AUDIOファイル */
.work_genre span.icon_MP3{ width:74px; height:15px; background-position:-589px -133px;}/* AUDIO(MP3) */
.work_genre span.icon_WMA{ width:77px; height:15px; background-position:-664px -133px;}/* AUDIO(WMA) */
.work_genre span.icon_AAC{ width:74px; height:15px; background-position:-742px -133px;}/* AUDIO(AAC) */
.work_genre span.icon_WAV{ width:75px; height:15px; background-position:-5px -165px;}/* AUDIO(WAV) */
.work_genre span.icon_MVF{ width:75px; height:15px; background-position:-5px -149px;}/* MOVIEファイル */
.work_genre span.icon_AVI{ width:70px; height:15px; background-position:-81px -149px;}/* MOVIE(AVI) */
.work_genre span.icon_MWM{ width:76px; height:15px; background-position:-152px -149px;}/* MOVIE(WMV) */
.work_genre span.icon_MPG{ width:79px; height:15px; background-position:-229px -149px;}/* MOVIE(MPEG) */
.work_genre span.icon_EXE{ width:82px; height:15px; background-position:-309px -149px; }/* アプリケーション */
.work_genre span.icon_PDF{ width:62px; height:15px; background-position:-392px -149px;}/* PDFファイル */
.work_genre span.icon_FLA{ width:65px; height:15px; background-position:-455px -149px;}/* Flashファイル */
.work_genre span.icon_TXT{ width:67px; height:15px; background-position:-521px -149px;}/* TEXTファイル */
.work_genre span.icon_ET1{ width:91px; height:15px; background-position:-589px -149px;}/* その他ファイル形式 */
.work_genre span.icon_APK{ width:64px; height:15px; background-position:-681px -149px;}/* APKファイル */

.work_genre span.icon_SND{ width:47px; height:15px; background-position:-53px -181px;}/* 音声あり */
.work_genre span.icon_MS2{ width:47px; height:15px; background-position:-101px -181px;}/* 音楽あり */
.work_genre span.icon_MV2{ width:47px; height:15px; background-position:-5px -181px;}/* 動画あり */
.work_genre span.icon_3DP{ width:38px; height:15px; background-position:-149px -181px;}/* 3D作品 */

.work_genre span.icon_TRI{ width:39px; height:15px; background-position:-310px -181px;}/* 体験版 */

.work_genre span.icon_PRT{ width:50px; height:15px; background-position:-5px -197px;}/* プロテクト */
.work_genre span.icon_SER{ width:65px; height:15px; background-position:-56px -197px;}/* シリアル発行 */
.work_genre span.icon_BUD{ width:37px; height:15px; background-position:-122px -197px;}/* Buddy */
.work_genre span.icon_DEN{ width:56px; height:15px; background-position:-160px -197px;}/* ソフト電池 */
.work_genre span.icon_GRS{ width:46px; height:15px; background-position:-217px -197px;}/* グルセン */
.work_genre span.icon_DLV{ width:65px; height:15px; background-position:-264px -197px;}/* ユーザー認証 */
.work_genre span.icon_DAD{ width:50px; height:15px; background-position:-5px -197px;}/* DLsite ADV */

.work_genre span.icon_BL1{ width:29px; height:15px; background-position:-5px -260px;}/* BL */
.work_genre span.icon_OTM{ width:53px; height:15px; background-position:-35px -260px;}/* 乙女ゲーム */
.work_genre span.icon_GRO{ width:15px; height:15px; background-position:-97px -260px; margin-left:3px;}/* グロ */
.work_genre span.icon_MEN{ width:13px; height:15px; background-position:-123px -260px; margin-left:3px;}/* ホモ */
.work_genre span.icon_EVT{ width:13px; height:15px; background-position:-214px -260px; margin-left:3px;}/* イベント頒布 */

.work_genre span.icon_REV{ background:url(../images/web/home/icon_REV.png) no-repeat 0 50%; width:16px; height:15px; margin-left:3px;}/* レビューあり */

.work_genre span.icon_W_TOUCH{ width:57px; height:15px; background-position:-5px -363px;}/* スマホ同梱 */
.work_genre span.icon_WPD{ width:49px; height:15px; background-position:-63px -363px;}/* PDF同梱 */
.work_genre span.icon_WAP{ width:50px; height:15px; background-position:-113px -363px;}/* APK同梱 */
.work_genre span.icon_ALM{ width:56px; height:15px; background-position:-164px -363px;}/* スマホ対応 */


.maker_name span,
.work_price span.icon_TOUCH_O,
.article_box span.icon_TOUCH_O{
font-size:10px;
display:inline-block;
text-indent:-9999px;
margin:0 2px 0 3px;
background-image:url(../images/web/common/icon_genre.png);
}

.maker_name a span{
font-size:12px;
display:inline;
text-indent:0;
margin:0;
background:none;
}

.maker_name span.icon_NCI{ width:33px; height:15px; background-position:-5px -291px;}/* 新規サークル：NEW */

.work_price span.icon_TOUCH_O,
.article_box span.icon_TOUCH_O{ width:56px; height:13px; background-position:-147px -260px; margin-left:7px;}/* スマホ専用 */

.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{ width:16px; height:13px; background-position:-5px -317px; margin-left:3px;}/* アメリカ */
.work_genre span.icon_GER{ width:16px; height:13px; background-position:-21px -317px; margin-left:3px;}/* ドイツ */
.work_genre span.icon_ITA{ width:16px; height:13px; background-position:-37px -317px; margin-left:3px;}/* イタリア */
.work_genre span.icon_GBR{ width:16px; height:13px; background-position:-53px -317px; margin-left:3px;}/* イギリス */
.work_genre span.icon_ESP{ width:16px; height:13px; background-position:-69px -317px; margin-left:3px;}/* スペイン */
.work_genre span.icon_FIN{ width:16px; height:13px; background-position:-85px -317px; margin-left:3px;}/* フィンランド */
.work_genre span.icon_FRA{ width:16px; height:13px; background-position:-101px -317px; margin-left:3px;}/* フランス */
.work_genre span.icon_KOR{ width:16px; height:13px; background-position:-117px -317px; margin-left:3px;}/* 韓国 */
.work_genre span.icon_PHL{ width:16px; height:13px; background-position:-133px -317px; margin-left:3px;}/* フィリピン */
.work_genre span.icon_PER{ width:16px; height:13px; background-position:-149px -317px; margin-left:3px;}/* ペルー */
.work_genre span.icon_MAL{ width:16px; height:13px; background-position:-165px -317px; margin-left:3px;}/* マレーシア */
.work_genre span.icon_UKR{ width:16px; height:13px; background-position:-181px -317px; margin-left:3px;}/* ウクライナ */
.work_genre span.icon_POL{ width:16px; height:13px; background-position:-197px -317px; margin-left:3px;}/* ポーランド */
.work_genre span.icon_BRA{ width:16px; height:13px; background-position:-213px -317px; margin-left:3px;}/* ブラジル */
.work_genre span.icon_NED{ width:16px; height:13px; background-position:-229px -317px; margin-left:3px;}/* オランダ */
.work_genre span.icon_GUA{ width:16px; height:13px; background-position:-245px -317px; margin-left:3px;}/* グアテマラ */
.work_genre span.icon_TUR{ width:16px; height:13px; background-position:-261px -317px; margin-left:3px;}/* トルコ */
.work_genre span.icon_MEX{ width:16px; height:13px; background-position:-277px -317px; margin-left:3px;}/* メキシコ */
.work_genre span.icon_CHL{ width:16px; height:13px; background-position:-293px -317px; margin-left:3px;}/* チリ */
.work_genre span.icon_AUS{ width:16px; height:13px; background-position:-309px -317px; margin-left:3px;}/* オーストラリア */
.work_genre span.icon_SGP{ width:16px; height:13px; background-position:-325px -317px; margin-left:3px;}/* シンガポール */
.work_genre span.icon_SWE{ width:16px; height:13px; background-position:-341px -317px; margin-left:3px;}/* スウェーデン */
.work_genre span.icon_PRY{ width:16px; height:13px; background-position:-357px -317px; margin-left:3px;}/* パラグアイ */
.work_genre span.icon_TWN{ width:16px; height:13px; background-position:-373px -317px; margin-left:3px;}/* 台湾 */
.work_genre span.icon_ZAF{ width:16px; height:13px; background-position:-387px -317px; margin-left:3px;}/* 南アフリカ */
.work_genre span.icon_CAN{ width:16px; height:13px; background-position:-405px -317px; margin-left:3px;}/* カナダ */
.work_genre span.icon_ARG{ width:16px; height:13px; background-position:-421px -317px; margin-left:3px;}/* アルゼンチン */
.work_genre span.icon_RUS{ width:16px; height:13px; background-position:-437px -317px; margin-left:3px;}/* ロシア */
.work_genre span.icon_SUR{ width:16px; height:13px; background-position:-453px -317px; margin-left:3px;}/* スリナム */
.work_genre span.icon_IDN{ width:16px; height:13px; background-position:-469px -317px; margin-left:3px;}/* インドネシア */
.work_genre span.icon_NZL{ width:16px; height:13px; background-position:-485px -317px; margin-left:3px;}/* ニュージーランド */
.work_genre span.icon_VEN{ width:16px; height:13px; background-position:-501px -317px; margin-left:3px;}/* ベネズエラ */
.work_genre span.icon_HUN{ width:16px; height:13px; background-position:-517px -317px; margin-left:3px;}/* ハンガリー */
.work_genre span.icon_SVK{ width:16px; height:13px; background-position:-533px -317px; margin-left:3px;}/* スロバキア */
.work_genre span.icon_THA{ width:16px; height:13px; background-position:-549px -317px; margin-left:3px;}/* タイ */
.work_genre span.icon_SWI{ width:11px; height:13px; background-position:-565px -317px; margin-left:3px;}/* スイス */
.work_genre span.icon_BEL{ width:16px; height:13px; background-position:-576px -317px; margin-left:3px;}/* ベルギー */
.work_genre span.icon_CHN{ width:16px; height:13px; background-position:-592px -317px; margin-left:3px;}/* 中国 */
.work_genre span.icon_CZE{ width:16px; height:13px; background-position:-608px -317px; margin-left:3px;}/* チェコ */
.work_genre span.icon_IND{ width:16px; height:13px; background-position:-624px -317px; margin-left:3px;}/* インド */
.work_genre span.icon_NOR{ width:16px; height:13px; background-position:-640px -317px; margin-left:3px;}/* ノルウェー */
.work_genre span.icon_SVN{ width:16px; height:13px; background-position:-656px -317px; margin-left:3px;}/* スロベニア */
.work_genre span.icon_SYR{ width:16px; height:13px; background-position:-672px -317px; margin-left:3px;}/* シリア */
.work_genre span.icon_COL{ width:16px; height:13px; background-position:-688px -317px; margin-left:3px;}/* コロンビア */
.work_genre span.icon_PRI{ width:16px; height:13px; background-position:-704px -317px; margin-left:3px;}/* プエルトリコ */
.work_genre span.icon_PTG{ width:16px; height:13px; background-position:-720px -317px; margin-left:3px;}/* ポルトガル */
.work_genre span.icon_SLV{ width:16px; height:13px; background-position:-736px -317px; margin-left:3px;}/* エルサルバドル */
.work_genre span.icon_ROU{ width:16px; height:13px; background-position:-752px -317px; margin-left:3px;}/* ルーマニア */
.work_genre span.icon_BLZ{ width:16px; height:13px; background-position:-768px -317px; margin-left:3px;}/* ベリーズ */


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


/* ==================================================================================================================
　もっと見る
================================================================================================================== */

/* ----- ランキング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 2px;
}

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.4;
text-indent:-1em;
padding-bottom:3px;
margin-left:1em;
}

ul.attention_mini_list li{
font-size:10px;
}

/* オレンジリストアイコン */

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

/* カスタマイズ */

span.icon_custom{
padding-left:15px;
background:url(../images/web/home/icon_custom.png) no-repeat left top;
}

/* もっと見る矢印 */

span.icon_more{
padding-left:14px;
background:url(../images/web/home/icon_more.png) left top 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 1px;
}

.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 1px;
}

.icon_link_blank_03{ /* footer用-男性向 */
padding: 0 0 1px 15px;
background:url(../images/web/common/icon_link_blank_04.gif) no-repeat left top;
}

/* ==================================================================================================================
　○○：▲▲　リスト形式
================================================================================================================== */

/*  作品詳細、右側など  */

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;
/display:inline;
/zoom:1;
position:relative;
margin-left: 5px;
vertical-align:top;
}

div.btn_ver_up a[href^="#version_up"]{
display:block;
background:url(../images/web/common/icon_version_up_link.png) no-repeat 0 0;
height:0;
width:110px;
padding-top: 17px;
overflow: hidden;
}

/* ==================================================================================================================
　タブ
================================================================================================================== */

/* ページ切り替え
--------------------------------------------------------- */

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;
/padding-top:20px;
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{
table-layout:auto;
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.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.rakuten_btn{
width:165px;
margin:0 auto;
text-align:center;
}

/* ----- ローディング中 ----- */

div#status{
width:300px;
text-align:center;
padding:10px;
margin:0 auto;
}


/* 入力フロー表示
--------------------------------------------------------- */

/* ----- 上部のフロー表示 ----- */

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{
font-family:Verdana, Geneva, sans-serif;
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 0 10px;
}

div.modify_white_box div.mini_message p{
display:inline;
color:#e58600;
font-weight:bold;
text-align:center;
padding:4px 10px;
border:1px solid #e58600;
background:#fff9d9;
}

div.modify_white_box div.mini_message p.red_message{
color:#CC0000;
font-weight:bold;
padding:4px 10px;
margin:10px 0 0 0;
border:1px solid #CC0000;
background:#FFDCDC;
line-height:1.5;
}

/* ----- 右寄せ ----- */

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-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:185px;
_margin-right:0px;
}

/* シェアボタン等なし */
div.no_btn h1{
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 div#sharing_btn{
float:right;
width:175px;
padding-top:4px;
}

div.base_title_br div#sharing_btn{
width:175px;
position:absolute;
right:0;
bottom:11px;
text-align:right;
}

div#sharing_btn li{
display:block;
float:left;
height:16px;
padding:0 0 0 8px;
}

div#sharing_btn li img{vertical-align:top;} /* For firefox */


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


/* 余白
--------------------------------------------------------- */
.mt5{ margin-top:5px;}
.mt10{ margin-top:10px;}
.mt15{ margin-top:15px;}

.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:10px;
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:#ff6699;
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{
table-layout:auto;
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;
}

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

.list_triple_row dl.frame_double_list dd{
width:223px;
}

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

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{
font-family: Arial, sans-serif;
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_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_rakuten,
input.btn_buy_credit_no,
input.btn_buy_conv_no,
input.btn_buy_bitcash_no,
input.btn_buy_netridecash_no,
input.btn_buy_rakuten_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{
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_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_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_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_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_rakuten{ width:148px; height:53px; background-position:-895px -167px;}/* 楽天あんしん支払いサービス */
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_rakuten_no{ width:148px; height:53px; background-position:-895px -387px; cursor:default;}/* 楽天あんしん支払いサービス ディセーブル */
input.btn_buy_toranoana_no{ width:148px; height:38px; background-position:-895px -553px; 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_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{
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:2px 0 2px 23px;
display:inline-block;
}

/* 重複登録エラー */

div.duplication_error{
width:701px;
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:10px;
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:200px;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{font-family:Arial, Helvetica, sans-serif;}

/*  ダウンロード情報メール再発行  */

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{font-family:Arial, Helvetica, sans-serif;}

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;font-family: Verdana, Geneva, sans-serif;}

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

/* 割引キャンペーン開催中、検索結果にレコメンドを表示
--------------------------------------------------------- */

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