@charset "utf-8";
body {
	font-family: 'ＭＳ Ｐゴシック', Osaka, sans-serif;
}
:root *> body {
	overflow-y: scroll;
}
html{
	overflow-y:scroll\9;/*for IE8 */
}

html,body{
	margin:0;
	padding:0;
	height:100%;
}
#glayLayer{
	display:none;
	position:fixed;
	top:0;
	left:0;
	height:100%;
	width:100%;
	background:black;
	opacity: 0.60;
	filter:alpha(opacity=60);
	z-index:11;
}

#overLayer{
	width:471px;
	height:503px;
	margin:-280px 0 0 -235px;
	display:none;
	position: fixed;
	top:50%;
	left:50%;
	z-index:12;
}

.clearfix:after{
	content:"";
	display:block;
	clear:both;
	height:0;
}
.clearfix{
        display:inline-block;
}

.clearfix{
        display:block;
}


.link_none{
        color:#ccc;
}

img {
        border:none;
}

ul , dl , dd , ol {
        margin:0;
        padding:0;
        word-break:break-all;
        word-wrap:break-word;
}

li {
        margin:0;
        padding:0;
        list-style:none;
}

body{
        margin:0 auto;
        padding:0;
        text-align:center;
        font-size:13px;
        line-height:140%;
}

.sub{
        margin:0 auto;
        text-align:center;
        width:970px;
        padding:0;
		position:relative;
}

.more{
        margin:3px 0 0 0;
        padding:0;
        font-size:12px;
        clear:both;
        text-align:right;
}

p.warning{
        clear:both;
        color:#999;
        font-size:12px;
}

span.warning{
        color:#999;
        font-size:12px;
}

dt{
        white-space:normal;
        word-break:break-all;
        word-wrap:break-word;
}

a{
        text-decoration:none;
        color:#395998;
}

a:hover{
        text-decoration:underline;
}

h3{
        clear:both;
        font-size:13px;
        padding:0 0 3px 0;
        margin:0;
}

h4{
        clear:both;
        font-size:16px;
        margin:0;
        padding:0;
}

.normal_heading{
        padding-top:10px;;
}

.arrow{
        background-repeat:no-repeat;
        background-position:0%;
        padding-left:16px;
        background-image:url("/img/ja_pc/arrow.gif");
}

.plus{
        background-repeat:no-repeat;
        background-position:100%;
        padding-right:20px;
        background-image:url("/img/ja_pc/plus.gif");
}

/***************************

                read flags

****************************/

.flag_story_new{color:#09f !important; font-weight:normal;}
.flag_read_no  {color:#f00 !important; font-weight:normal;}
.flag_read_ok  {color:#999 !important; font-weight:normal;}
.flag_gekiatu  {color:#fc0 !important; font-weight:normal;}
.flag_story_end{color:#000 !important; font-weight:normal;}
.flag_comic_end{color:#000 !important; font-weight:normal;}

/***************************

                list class

****************************/

.creator_list{
        color:#666;
}

.creator_list img{
        margin-right:15px;
}

.creator_list li{
        clear:both;
}

.creator_list dt{
        font-size:15px;
        font-weight:bold;
        word-break:break-all;
        word-wrap:break-word;
}

.creator_list dd{
        font-size:12px;
        word-break:break-all;
        word-wrap:break-word;
}

#main .row_list li{
        width:100px;
        display:block;
        float:left;
        margin:0 10px 10px 0;
		padding:0;
}

.row_list{
        color:#666;
}

.row_list img{
        border:none;
        margin:5px;
}

.row_list dt {
        word-break:break-all;
        word-wrap:break-word;
        margin:3px 0 3px 0;
        font-size:15px;
        font-weight:bold;
}

.row_list dd {
        word-break:break-all;
        word-wrap:break-word;
        font-size:10px;
        margin:4px 0 2px 0;
        color:#666;
        line-height: 1.3;
}

.base_list{
        line-height:100%;
        overflow:hidden;
}

.base_list dt{
        word-break:break-all;
        word-wrap:break-word;
        font-size:13px;
        margin:0 2px;
        font-weight:bold;
        color:#666;
}

.base_list dd{
        word-break:break-all;
        word-wrap:break-word;
        font-size:13px;
        margin-bottom:0px;
        color:#666;
}
.base_list strong {
	margin-bottom:3px;
    font-size:12px;
    line-height:1;
    display:inline-block;
}

.base_list dl dt{
	line-height:1;
	margin-bottom:4px;
}
.base_list dl dd, .base_list p{
	line-height:1.4;
	margin-bottom:3px;
}

.base_list{
        clear:both;
        color:#666;
}

.base_list li{
        overflow: hidden;
		margin-bottom:25px;
}

.base_list img{
        float:left;
        padding:0px;
        margin:3px;
}
.base_list h4{
		margin-bottom:5px;
		font-weight:normal;
}


p.no_list{
		font-size:12px;
		color:#666;
}

.catch_copy{
        font-size:11px;
        color:#666;
        margin:0;
        padding:0;
        line-height:1.3;
}


span.thumb_small{
        border:1px solid #999;
        -webkit-border-radius:3px;
        -moz-border-radius:3px;
        border-radius:3px;
        behavior: url(/css/ja_pc/PIE_uncompressed.htc);
        background:#fff;
        position:relative;
        width:66px;
        height:66px;
        display:block;
        text-align:center;
        float:left;
        margin-right:8px;
}

span.thumb_creator{
        border:1px solid #999;
        -webkit-border-radius:3px;
        -moz-border-radius:3px;
        border-radius:3px;
        behavior: url(/css/ja_pc/PIE_uncompressed.htc);
        background:#fff;
        position:relative;
        width:66px;
        height:86px;
        display:block;
        text-align:center;
        float:left;
        margin-right:3px;
}


span.thumb_mid{
        border:1px solid #999;
        -moz-border-radius:3px;
        -webkit-border-radius:3px;
        border-radius:3px;
        behavior: url(/css/ja_pc/PIE_uncompressed.htc);
        width:100px;
        height:100px;
        background:#fff;
        display:block;
        text-align:center;
}

.user_list{
        margin:0;
        color:#666;
}

.user_list img{
        float:left;
        padding:0px;
        margin:3px;
}

.user_list dl{
	margin-left:60px;
}
.user_list dt{
        font-size:13px;
        font-weight:normal;
        word-break:break-all;
        word-wrap:break-word;
        float:left;
		margin-right:8px;
}

.user_list dd{
        font-size:13px;
        margin-top:4px;
        margin-bottom:4px;
        word-break:break-all;
        word-wrap:break-word;
        color:#000;
        line-height:1.4;
}

.user_list p{
        font-size:13px;
        margin:0;
        margin-left:60px;
        padding:0;
}

.clear{
	clear:both;
}

/***************************

                header

****************************/


#header{
    height:38px;
    margin:0 auto 0 auto;
	width:100%;
	background: url(/img/ja_pc/header_bg.png) repeat-x left center;
	position: relative;
	z-index: 1;
}
#header .logo{
	width:95px;
	float:left;
}
#header .logo h1,#header .logo p{
	margin:0 0 0 -3px;
	height:19px;
	line-height: 1;
}
#header .logo a{
	display:block;
	width:95px;
	height: 19px;
	padding:11px 2px 8px 3px;
}
#header .logo a:hover{
	background-color:#A8D1A7;
	background-color:#53A351;
}

#header_search{
	float:left;
	margin:0 0 0 14px;
	width:273px;
	height:38px;
	padding:0 0 0 12px;
	background: url(/img/ja_pc/header_separator.gif) no-repeat left center;
}


#header_search_box{
    line-height:1;
	width:273px;
	height:26px;
	border:solid 1px #228A1F;
	overflow:hidden;
	position:relative;
	margin:5px 0 0 0;
}
#header_search .input{
	float:left;
	width:232px;
	height:26px;
	overflow:hidden;
	background: #fff;
	padding:5px 0 0 12px;
}
@media screen and (-webkit-min-device-pixel-ratio:0) {
    #header_search .input{
        padding:0 0 0 12px;
        /*height:25px;*/
    }
}

#header_search input{
	border:solid 1px #fff;
	width:230px;
	height:15px;
	line-height:1;
	overflow:hidden;
	display:block;
	padding:0px;
}
#header_search input[type="text"]:focus {
     outline: 0;
}

#header_search .submit{
	float:left;
	width:29px;
	height:26px;
	overflow:hidden;
}


/* chrome safari
 *  mac windows でも違いが少し有り winに合わせる()
 *
 */
@media screen and (-webkit-min-device-pixel-ratio:0) {
    #header_search input {
        padding:0;
        height: 23px;
   }
}

/* ie 7 */
*:first-child+html #header_search input {
   padding:0px 0px 0px 0px;

}
/* ie8 */
 #header_search input {
	padding:0px 0px 0px 0px;\9;
}

/* ie9 */
:root #header_search input {
	padding:0px 0px 0px 0px;
}


#header_search input.off {
color:#999;
}

#header_search p.btn{
  width:28px;
  height: 26px;
  float: left;
  margin:0;
  padding: 0;
  border-left:solid 1px #B2B2B2;
  text-indent: -9999px;
  overflow: hidden;
  cursor: pointer;
}

.my_menu{
	width:573px;
	position:relative;
	float: right;
}

#header_navigation{
	z-index: 20;
}

#header_navigation li{
	margin:0 0 0 0;
	float: right;
	height: 34px;
	padding:0 0 0 0;
	line-height:1;
	position:relative;
}
#header_navigation li.action,
#header_navigation li.action_on{
	background: none;
}

#menu_list{
	display:none;
	position: absolute;
	top:38px;
	right: 1px;
	background: #fff;
	width:200px;
	border:solid 1px #808080;
	border-style:none solid solid solid;
	z-index: 10;
}
#menu_list li{
    text-align:left;
	float: none;
	height:auto;
}

#menu_list li.first a{
	padding-top:15px;
}
#menu_list li.last a{
	border:none;
	margin:0;
	padding-bottom:15px;
}

#menu_list li a{
	padding: 10px;
	line-height:1;
	height: auto;
	color:#808080;
	text-indent: 0px;
	overflow:visible;
	display:block;
}
#menu_list li a:hover{
	background-color:#DBEBDA;
	text-decoration: none;
}
#menu_list li.separate_upper a{
	border-bottom: solid 1px #eee;
	padding-bottom:15px;
}
#menu_list li.separate_lower a{
	padding-top:15px;
}

#header_navigation .action,
#header_navigation .action_on{
	margin:0 0 0 0;
	padding:0px 3px 0 0;
}

#header_navigation li a{
	display: block;
	position:relative;
	height: 24px;
	background-repeat: no-repeat;
	background-position:center center;
	overflow: hidden;
	padding-top:13px;
	padding-right:12px;
	padding-left:22px;
	margin:0 1px 0 0;
	color:#D8DFEA;
	text-align:left;
	text-indent:13px;
	background: url(/img/ja_pc/header_separator.gif) no-repeat left 0px;
	/*text-shadow: 1px 1px 1px #444;*/
	/* Firefox v4.0+ , Safari v5.1+ , Chrome v10.0+, IE v10+ and by Opera v10.5+ */

}

#header_navigation li a span.text{
	display:inline;
	position:static;
	left:0;
	top:0;
	margin:0;
	filter: Shadow(Color=red, Direction=130, Strength=1); /* IE Proprietary Filter*/

	text-shadow:1px 1px 1px rgba(0,0,0,0.4);
	-ms-filter:"progid:DXImageTransform.Microsoft.dropshadow(OffX=1,OffY=1,Color=#66000000,Positive=true)";zoom:1;
	filter:progid:DXImageTransform.Microsoft.DropShadow(OffX=1,OffY=1,Color=#66000000,Positive=true);
}

*+html #header_navigation li a span.text{
	margin-left:-10px;
}


#header_navigation li a span.text{

}

#header_navigation li a:hover{
	text-decoration: none;
	color:#fff;
}

#header_navigation li a span{
	display:block;
	position:absolute;
	left:11px;
	top:11px;
	margin-top:-1px;
}

#header_navigation li a:hover{
	background-color:#A8D1A7;
	background-color:#53A351;

}

#header_navigation .action a{
	width:23px;
	padding:0 5px 13px 0;
	text-indent:-9999px;
	overflow: visible;
}
#header_navigation .action_on a{
	width:23px;
	padding:0 5px 10px 0;
	text-indent:-9999px;
	overflow: visible;
}
#header_navigation .action a span,
#header_navigation .action_on a span{
	left:0px;
	top:3px;
	z-index: 10;
}

#header_navigation .home a{
	width:80px;
	padding-right:11px;
}
#header_navigation .home a span.text{
	width:54px;
}
#header_navigation .profile a{
	width:86px;
	padding-right:12px;
	padding-left:19px;
	letter-spacing: -1px;
}
/* for ie */
*+html #header_navigation .profile a {  letter-spacing: 0px; }
#header_navigation .profile a {
	letter-spacing: 0px\9;
	letter-spacing: 0px \0/;
}

#header_navigation .home a span.text{
	width:87px;
}
#header_navigation .profile a span{

}

#header_navigation .search a{
	width:42px;
}
#header_navigation .search a span.text{
	width:42px;
}
#header_navigation .books a{
	width:42px;
}
#header_navigation .books a span.text{
	width:42px;
}
#header_navigation .register a{
	width:84px;
	padding-left:13px;
	padding-right:7px;
	text-indent: 1px;
}
#header_navigation .register a span.text{
	width:84px;
}
/* for ie */
*+html #header_navigation .register a span.text {  padding-left:11px; }
:root #header_navigation .register a span.text {

}

#header_navigation .login a{
	width:50px;
	padding-left:10px;
	padding-right:7px;
	text-indent: 2px;
	letter-spacing: -1px;
}
/* for ie */
*+html #header_navigation .login a {  letter-spacing: 0px; }
:root #header_navigation .login a {
	letter-spacing: 0px\9;
	letter-spacing: 0px \0/;
}

#header_navigation .login a span.text{
	width:50px;
}
/* for ie */
*+html #header_navigation .login a span.text {letter-spacing:0px;  padding-left:11px; }
:root #header_navigation .login a span.text {
	letter-spacing:0px\9;
	letter-spacing:0px \0/;
}


#header_navigation .entry a{
	width:75px;
	letter-spacing: -1px;
}
/* for ie */
*+html #header_navigation .entry a{letter-spacing:0px; }
#header_navigation .entry a{
	letter-spacing:0px\9;
	letter-spacing:0px \0/;
}
/*
 * padding-right:13px;
	padding-left:20px;
 */
#header_navigation .entry a span.text{
	width:113px;
}
.notice_icon em{
    position: absolute;
    display: block;
    font-size: 12px;
    padding: 3px 8px;
    -moz-border-radius: 15px;
    -webkit-border-radius: 15px;
    border-radius: 15px;
    color: white;
    line-height:1;
    background-color: #F03D25;
/*    left: 68px;*/
    right:0px;
    top: 27px;
    font-style:normal;
    z-index: 20;
    text-indent: 0;
    width:14px;
}


/***************************

                search_control

****************************/
#search_control{

}
#search_control h2{
	margin: 0 0 15px 28px;
	font-size:13px;
	color:#333;
	position: relative;
	font-weight: normal;
}
#search_control span{
	position:absolute;
	margin-left:-28px;
}
#search_control ul{
	margin: 0 0 50px 0;
}
#search_control li{
	line-height: 1;
	margin-bottom:0;
	padding: 0;
	color: #b2b2b2;
}

/***************************

                my_profile

****************************/
#my_profile{
	margin:0 0 20px 0;
}
#my_profile h2{
	margin: 0 0 12px 28px;
	font-size:13px;
	color:#888;
	position: relative;
	font-weight:bold;
	clear: both;
}
#my_profile h2.twitter{
	margin: 0 0 1px 0px;
}

#my_profile h2.manga_year{
	margin: 0 0 12px 0px;
}

#my_profile span{
	position:absolute;
	margin-left:-28px;
}
#my_profile .name{
	font-weight:bold;
	width:200px;
	border:none;
	margin: 0 0 8px 0;
}
#my_profile .name a{
	font-weight: bold;
	color: #3B5998;
}

#my_profile .name td{
	border:none;
	vertical-align: middle;
	text-align: left;
	line-height: 1.4;
}

#my_profile .name td.disable{
	color:#888;
}

#my_profile .name .photo{
	width:60px;
	line-height: 1;
}

#my_profile ul{
	margin:  0 0 20px 0;
}
#my_profile ul.notice2{
	margin-bottom: 40px;
}


#my_profile ul.manga_year{
	margin:  -10px 0 10px 0;
}
#my_profile ul.manga_year li{
	clear: both;
	padding-top: 10px;
}
#my_profile ul.manga_year div{
	float: left;
}
#my_profile ul.manga_year p{
	float: right;
	width:141px;
	margin:-7px 0 0 0 ;
}
#my_profile ul.manga_year a{
	line-height:1.8;
}
#my_profile p.manga_year_info{
	text-align:right;
	float:none;
	margin-bottom: 40px;
	color: #7F7F7F;
}
#my_profile p.manga_year_info a{
	font-weight: bold;
}

#my_profile li{
	clear:both;
	position:relative;
	line-height: 1;
	padding: 0;
	color: #b2b2b2;
}
#search_control li{
	clear:both;
	position:relative;
	line-height: 1;
	padding: 0;
	color: #b2b2b2;
}
#my_profile .nav li.multi{
	padding:0 0 0 10px;
}

#my_profile li.disable a{
	display: block;
	line-height: 1;
	padding: 4px 0px 4px 10px;
	color:#888;
}


#my_profile li:after{
	display: block;
	clear: both;
	content:'';
	zoom: 1;
}


#search_control .nav li a,
#my_profile .nav li a{
	display: block;
	line-height:1;
	padding:4px 0px 4px 10px;
	text-decoration: none;
}
#my_profile .nav li.multi a,
#my_profile .nav li.multi span{
	float: left;
	position: static;
	margin: 0;
	padding:4px 0px 4px 0px;
}
#my_profile .nav li.multi .clear{
	clear: both;
	margin-top:-4px;
	margin-left:12px;
	height:13px;
}
#my_profile .nav li.multi .clear a,
#my_profile .nav li.multi .clear span{
	padding:1px 0px 2px 0px;
}
#search_control #search_control_ranking,
#my_profile #profile_edit_nav{
	padding:6px 0 6px 10px;
}
#search_control #search_control_ranking a,
#my_profile #profile_edit_nav a{
	padding:0;
	display: inline;
}

#search_control .nav li:hover,
#my_profile .nav li:hover{
	background: #DBEBDA;
}
#my_profile .nav li.disable:hover{
	background: none;
}

#my_profile li.more{
	width:186px;
	text-align: right;
}

#my_profile p.twitter{
	color:#b2b2b2;
	margin: 0 0 0 0;
}

#my_profile li em{
    position: absolute;
    display: inline-block;
    font-size: 12px;
    padding: 3px 8px;
    -moz-border-radius: 15px;
    -webkit-border-radius: 15px;
    border-radius: 15px;
    color: white;
    line-height:1;
    background-color: #F03D25;
    right: 0px;
    top: 5px;
    margin-top:-2px;
    font-style:normal;
}


/***************************

                footer

****************************/

#footer{
	width:970px;
	margin:auto auto 13px auto;
    border-top:solid 1px #ccc;
    padding:11px 0 20px; 0;
    clear:both;
}
#footer .footer_menu{
	position: absolute;
	width:970px;
	height: 18px;
	margin:0;
	padding: 0 0 13px 0;
	text-align: right;
}
*+html #footer .footer_menu {
	  margin-left:-485px;
}


#footer li{
	display:inline;
	margin-left:11px;
	font-size:13px;
	color:#7F7F7F;
	line-height: 1.5;
}
#footer .spicysoft{
	color: #808080;
	position: absolute;
	display: block;
	top:0px;
	left: 0px;
	margin: -2px 0 0 0;
}



/***************************

                right

****************************/
#sp_banner{
	margin:0 0 40px 0;
}

#right_two h2,
#right_three h2{
	font-size: 13px;
	color: #7F7F7F;
	line-height: 1;
	margin: 0 0 3px 0;
}
#right_two h2.no_abst,
#right_three h2.no_abst{
	margin-bottom: 20px;
}
#right_two p,
#right_three p{
	color: #B2B2B2;
	margin:0;
}
#right_two p.abst,
#right_three p.abst{
	margin-bottom:20px;
}

.mangaList{
	margin: 0 0 40px 0;
}
.mangaList li{
	margin: 0 0 16px 0;
}
#right_menu_rank_fresh li,
#right_menu_rank_fresh li,
#right_menu_rank_general li,
#right_menu_rank_general_complete li{
	margin-bottom: 20px;
}

.mangaList li h3{
	margin: 0 0 5px 0;
	line-height: 1;
}
.mangaList li p{
	margin: 0 0 0 0;
	line-height: 1;
	color:#B2B2B2;
}

.mangaList li .icon{
	float: left;
	width:40px;
	margin: 0 0 5px 0;
}

.mangaList li .info{
	width:200px;
	float: left;
	margin: 0 0 5px 10px;
}

#right_menu_rank_fresh li .icon,
#right_menu_rank_fresh li .info,
#right_menu_rank_general li .icon,
#right_menu_rank_general_complete li .info{
	margin-bottom: 0;
}

.mangaList li span
{
	float: left;
}

.mangaList li .new
{
	font-style:normal;
	color:#F03E25;
}

.mangaList li .author{
	margin: 0 10px 0 0;
}
.mangaList li .common_icon{
	display:inline;
	padding-top:2px;
	margin:0 4px 0 0;
}

.mangaList li .icon_fan_comic,
.mangaList li .icon_original_comic,
.mangaList li .icon_general_audience{
	margin-right: 0;
}

.mangaList li .info .common_icon{
	margin:-1px 2px 0 0;
}
.mangaList li .info .icon_fan{
	margin-top:-2px;
}

.mangaList li .icon_like,
.mangaList li .icon_comment,
.mangaList li .icon_bookmark,
.mangaList li .icon_original_comic,
.mangaList li .icon_fan_comic,
.mangaList li .icon_general_audience{
	margin-top:2px;
}

.mangaList li .new{
	color:#F03E25;
}

.mangaList li .other{
	line-height: 1.4em;
}
.mangaList li .other span{
	height:13px;
	float: left;
}
.mangaList li .other span.clear{
	clear:both;
}

.mangaList li .other div.box{
	color: #B2B2B2;
	float: left;
	height: 22px;
	line-height:22px;
	overflow: hidden;
}

.mangaList li .other div.clear{
	clear: both;
}
.mangaList li.more{
	text-align: right;
}
.mangaList li.more a{
	font-weight: bold;
}

/* comic list suport genre */

.side_comic .info h3{
	font-size:13px;
	color:#888;
	font-weight:bold;
	padding:0;
	margin-bottom: 5px;
}
.side_comic .info p{clear:both;}

	.side_comic .info p .genre{
		margin-bottom:10px;
		font-size:11px;
	}
	.side_comic .info p .author a{
		font-size:11px;
		color:#333;
		font-weight:bold;

	}


	.detail_box.side_comic{
	float: right;
	width: 410px;
	background: white;
	border: 1px solid #999;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px;
	padding:10px;
	text-align:left;
		z-index:15;
	}
	.detail_box.side_comic .overlay_arrow{
		position:absolute;
		top: -13px;
		left: 220px;
	}


	.detail_box.side_comic p{
		margin-top:0px;
		margin-bottom:5px;
	}
	.detail_box.side_comic .history,
	.detail_box.side_comic .actual{
		font-size: 11px;
		color:#888;
	}
		.detail_box.side_comic .history .sprite_listparts{
			vertical-align:middle;
		}
	.detail_box.side_comic .update{
		color:#888;
	}

/***************************

                main

****************************/

#main {
        width:970px;
        margin:16px auto 0 auto;
        text-align:left;
}

.main{
        width:970px;
        margin:0 auto;
        text-align:left;
}

/***************************

           genre icon

******************************/
/*
#genres li{
        background-repeat:no-repeat;
        background-position:0%;
        padding-left:20px;
        margin-right:5px;
}

.genre0 { background-image:url("/img/ja_pc/genre/0.gif"); }
.genre1 { background-image:url("/img/ja_pc/genre/1.gif"); }
.genre2 { background-image:url("/img/ja_pc/genre/2.gif"); }
.genre3 { background-image:url("/img/ja_pc/genre/3.gif"); }
.genre4 { background-image:url("/img/ja_pc/genre/4.gif"); }
.genre5 { background-image:url("/img/ja_pc/genre/5.gif"); }
.genre6 { background-image:url("/img/ja_pc/genre/6.gif"); }
.genre7 { background-image:url("/img/ja_pc/genre/7.gif"); }
.genre8 { background-image:url("/img/ja_pc/genre/8.gif"); }
.genre9 { background-image:url("/img/ja_pc/genre/9.gif"); }
.genre10{ background-image:url("/img/ja_pc/genre/10.gif"); }
.genre11{ background-image:url("/img/ja_pc/genre/11.gif"); }
.genre12{ background-image:url("/img/ja_pc/genre/12.gif"); }
.genre13{ background-image:url("/img/ja_pc/genre/13.gif"); }
.genre14{ background-image:url("/img/ja_pc/genre/14.gif"); }
.genre15{ background-image:url("/img/ja_pc/genre/15.gif"); }
.genre16{ background-image:url("/img/ja_pc/genre/16.gif"); }
.genre17{ background-image:url("/img/ja_pc/genre/17.gif"); }
.genre18{ background-image:url("/img/ja_pc/genre/18.gif"); }
.genre19{ background-image:url("/img/ja_pc/genre/19.gif"); }
.genre20{ background-image:url("/img/ja_pc/genre/20.gif"); }
.genre21{ background-image:url("/img/ja_pc/genre/0.gif"); }
.genre22{ background-image:url("/img/ja_pc/genre/0.gif"); }
.genre23{ background-image:url("/img/ja_pc/genre/0.gif"); }
*/
/***************************

                tag icon

******************************/
/*
.tags li{
        background-repeat:no-repeat;
        background-position:0%;
        padding-left:20px;
        margin-right:10px;
        font-size:16px;
        float:left;
        background-image:url("/img/ja_pc/tag_list.gif");
}


#tags li{
        background-repeat:no-repeat;
        background-position:0%;
        padding-left:20px;
        margin-right:10px;
        font-size:16px;
        float:left;
        background-image:url("/img/ja_pc/tag_list.gif");
}
*/
/****************************

         manual_list

******************************/

.manual_list{font-size:12px;}
.manual_list li {
        list-style-type:disc;
        list-style-position:inside;
        margin:3px  0;
}
.pages_navi{
        clear:both;
        margin:10px 0 0 0;
        border-top:1px solid #ccc;
        padding:10px 0;
        font-size:12px;
}
.share_menu{
	width:660px;
	height:319px;
	background-image: url("/img/ja_pc/share_flame.gif");
	background-repeat: no-repeat;
	padding:25px 10px 10px 18px;
	overflow:hidden
}

.share_menu li{
	width:492px;
	margin-bottom:15px;
}
.share_menu li.qrcode{
	float:right;
	width:132px;
	margin-right:15px;
}


a.option_button {
	display:inline-block;
	font-size: 13px;
	color:#333;
	height:28px;
	line-height:28px;
	border:#a6a6a6 solid 1px;
	border-radius:5px;
	text-align:center;
	padding:0 20px;

	background: #fdfdfd; /* Old browsers */
	background: -moz-linear-gradient(top,  #fdfdfd 0%, #f7f8f9 50%, #f1f1f2 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fdfdfd), color-stop(50%,#f7f8f9), color-stop(100%,#f1f1f2)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #fdfdfd 0%,#f7f8f9 50%,#f1f1f2 100%); /* Chrome10+,Safari5.1+ */
	background: linear-gradient(top,  #fdfdfd 0%,#f7f8f9 50%,#f1f1f2 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fdfdfd', endColorstr='#f1f1f2',GradientType=0 ); /* IE6-9 */


}

.prime_button{
	font-size: 13px;
	color:#333;
	height:32px;
	line-height:32px;
	border:#a6a6a6 solid 1px;
	border-radius:5px;
	text-align:center;
	padding:0 20px;
	background: #fdfdfd; /* Old browsers */
	background: -moz-linear-gradient(top,  #fdfdfd 0%, #f7f8f9 50%, #f1f1f2 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fdfdfd), color-stop(50%,#f7f8f9), color-stop(100%,#f1f1f2)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #fdfdfd 0%,#f7f8f9 50%,#f1f1f2 100%); /* Chrome10+,Safari5.1+ */
	background: linear-gradient(top,  #fdfdfd 0%,#f7f8f9 50%,#f1f1f2 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fdfdfd', endColorstr='#f1f1f2',GradientType=0 ); /* IE6-9 */
}
.prime_control_button{
	/*44pxボタン*/
}
.gamification_button{
	/*64pxボタン*/
}

.buttonShape{
	border:solid 1px #A6A6A6;
	-webkit-border-radius:5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	background: #fdfdfd; /* Old browsers */
	background: -moz-linear-gradient(top,  #fdfdfd 0%, #f7f8f9 50%, #f1f1f2 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fdfdfd), color-stop(50%,#f7f8f9), color-stop(100%,#f1f1f2)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #fdfdfd 0%,#f7f8f9 50%,#f1f1f2 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #fdfdfd 0%,#f7f8f9 50%,#f1f1f2 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #fdfdfd 0%,#f7f8f9 50%,#f1f1f2 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #fdfdfd 0%,#f7f8f9 50%,#f1f1f2 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fdfdfd', endColorstr='#f1f1f2',GradientType=0 ); /* IE6-9 */
}
.buttonNormal,
.buttonLarge{
	line-height: 1;
	color:#333;
	text-align: center;
	display: block;
}
.buttonLarge{
	padding: 14px 0;
}
.buttonNormal{
	padding: 7px 0;
}

div.normal_alert{
	position:relative;
	margin:0;
	padding:0;
}

div.normal_alert{
	position:absolute;
	z-index:2;
	padding:0px;
	margin:0;
	color:#6C84B3;
	bottom:0;
	right:0;
}

a.alert_button{
	/*width:176px;*/
	padding:0 10px;
	height:28px;
	line-height:28px;
	margin:0;
	font-size:13px;
	color:#fff;
	background:#F03D25;
	background:-moz-linear-gradient(top,  #F9AB9F 0%, #F03D25 100%);
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0%,#F9AB9F), color-stop(100%,#F03D25));
	background:-webkit-linear-gradient(top,  #F9AB9F 0%,#F03D25 100%);
	background:-ms-linear-gradient(top,  #F9AB9F 0%,#F03D25 100%);
	background:linear-gradient(top,  #F9AB9F 0%,#F03D25 100%);
	background-image: url("/img/ja_pc/red.svg");
	border:1px solid #BF230D;
	border-radius:4px;
	-webkit-border-radius:4px;
	-moz-border-radius:4px;
	text-align:center;
	display:inline-block;
}

.invite_friends_wrapper:after{
	display: block;
	content: '';
	clear: both;
}
.invite_friends_wrapper .friends{
	float: left;
	width:240px;
	margin: 0 0 15px 5px;
}
.invite_friends_wrapper .friends li{
	float: left;
}
.invite_friends_wrapper .normal_alert{
	float: right;
	width:160px;
	margin:0 5px 15px 0;
}
.invite_friends_wrapper .normal_alert p{
	margin: 0 0 5px 0;
}
.invite_friends_wrapper .normal_alert{
	position: static;
	display: block;
	margin-right:5px;
	text-align: right;
	font-weight: normal;
}

div.invite_friends_alert{
	position:relative;
	margin:0;
	padding:0;
	text-align:left;
}

div.invite_friends_alert a.alert_button{
	top:0;
	right:0;
	position:absolute;
}

div.invite_friends_alert{
	position:absolute;
	z-index:2;
	padding:0;
	margin:0;
	color:#6C84B3;
	bottom:-3px;
	right:0;
	display:inline-block;
}


p.no_comic{
	color:#b3b3b3;
	text-align:center;
	margin-top:40px;
	margin-bottom:20px;
}
p.no_comic_big{
	color: #B3B3B3;
	text-align: center;
	line-height: 100px;
	height: 100px;
	margin-top: 20px;
	margin-bottom:20px;
	background: #eee;
	font-size: 13px;
}

/***************************

                left menu banner & sns(facebook & twitter)

******************************/
#sp_link {
	margin-bottom:40px;
	height:355px;
	overflow: hidden;
}
#sp_link  ul {
	margin-top: -275px;
	margin-left: 16px;
}
#sp_link ul li {
	display:inline-block;
}
#sp_link ul li:nth-child(2) {
	margin-left: 5px;
	position: relative;
	top: 1px;
}
#sns_link li ul li {
	height:28px;
	margin-bottom:5px;
}
#sns_link a {
	display:block;
	margin-left:28px;
	height:100%;
	line-height:2.4;
	text-indent:7px;
}
#search_control #sns_link ul {
	margin-bottom:20px;
}
#sns_link a:hover {
	text-decoration:none;
}
#sns_link .sns_func {
	border:1px solid #ccc;
	color:#000;
}
#sns_link .sns_func {
	border-radius: 5px;        /* CSS3草案 */
    -webkit-border-radius: 5px;    /* Safari,Google Chrome用 */
    -moz-border-radius: 5px;
	background: -moz-linear-gradient(top, #fff, #eee);/* Firefox用 */
    background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#eee));
	background-image:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIHZpZXdCb3g9IjAgMCAxIDEiIHByZXNlcnZlQXNwZWN0UmF0aW89Im5vbmUiPgo8bGluZWFyR3JhZGllbnQgaWQ9ImczMjQiIGdyYWRpZW50VW5pdHM9InVzZXJTcGFjZU9uVXNlIiB4MT0iMCUiIHkxPSIwJSIgeDI9IjAlIiB5Mj0iMTAwJSI+CjxzdG9wIHN0b3AtY29sb3I9IiNGRkZGRkYiIG9mZnNldD0iMCIvPjxzdG9wIHN0b3AtY29sb3I9IiNFRUVFRUUiIG9mZnNldD0iMSIvPgo8L2xpbmVhckdyYWRpZW50Pgo8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2czMjQpIiAvPgo8L3N2Zz4=);
}
#sns_link .sns_func a {
	border-top-right-radius: 5px;        /* CSS3草案 */
    -webkit-border-top-right-radius: 5px;    /* Safari,Google Chrome用 */
    -moz-border-radius-topright: 5px;
	border-bottom-right-radius: 5px;        /* CSS3草案 */
    -webkit-border-bottom-right-radius: 5px;    /* Safari,Google Chrome用 */
    -moz-border-radius-bottomright: 5px;
	color:#333;
	margin:0px 1px 1px 27px;
	border-left:1px solid #ccc;
	background: -moz-linear-gradient(top, #fff, #eee);/* Firefox用 */
    background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#eee));
	background-image:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIHZpZXdCb3g9IjAgMCAxIDEiIHByZXNlcnZlQXNwZWN0UmF0aW89Im5vbmUiPgo8bGluZWFyR3JhZGllbnQgaWQ9ImczMjQiIGdyYWRpZW50VW5pdHM9InVzZXJTcGFjZU9uVXNlIiB4MT0iMCUiIHkxPSIwJSIgeDI9IjAlIiB5Mj0iMTAwJSI+CjxzdG9wIHN0b3AtY29sb3I9IiNGRkZGRkYiIG9mZnNldD0iMCIvPjxzdG9wIHN0b3AtY29sb3I9IiNFRUVFRUUiIG9mZnNldD0iMSIvPgo8L2xpbmVhckdyYWRpZW50Pgo8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2czMjQpIiAvPgo8L3N2Zz4=);
}
#sns_link .sns_func a:hover {
	background: -moz-linear-gradient(top, #fff, #ddd);/* Firefox用 */
    background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#ddd));
	background-image:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIHZpZXdCb3g9IjAgMCAxIDEiIHByZXNlcnZlQXNwZWN0UmF0aW89Im5vbmUiPgo8bGluZWFyR3JhZGllbnQgaWQ9ImcxOCIgZ3JhZGllbnRVbml0cz0idXNlclNwYWNlT25Vc2UiIHgxPSIwJSIgeTE9IjAlIiB4Mj0iMCUiIHkyPSIxMDAlIj4KPHN0b3Agc3RvcC1jb2xvcj0iI0ZGRkZGRiIgb2Zmc2V0PSIwIi8+PHN0b3Agc3RvcC1jb2xvcj0iI0RERERERCIgb2Zmc2V0PSIxIi8+CjwvbGluZWFyR3JhZGllbnQ+CjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxIiBoZWlnaHQ9IjEiIGZpbGw9InVybCgjZzE4KSIgLz4KPC9zdmc+) ;
}

#sns_link .sns_func a div {
	width: 28px;
	height: 28px;
	position: absolute;
	right: 0;
	top: 0;
	border-left: 1px solid #CCC;
}
#sns_link .sns_page a {
	color:#fff;
	border-left:1px solid #fff;
}
#facebook_link .sns_page {
	background:#39599F;
}
#facebook_link .sns_page a:hover {
	background:#29498F;
}
#facebook_link {
	margin-bottom:20px;
}
#facebook_link .sns_func {
	width:130px;
}
li #facebook_counter  {
	float: right;
	margin-top: -35px;
	border: 1px solid #CCC;
	line-height: 2.4;
	width: 48px;
	text-align: right;
	padding: 0 3px 0 0;
	color: #333;
}
li #facebook_counter img {
	position: absolute;
	top: 8px;
	left: -10px;
}

#twitter_link .sns_page {
	background:#00ACED;
}
#twitter_link .sns_page a:hover {
	background:#009CDD;
}
#my_profile span.left_menu {
	background-image: url(/img/ja_pc/sprite/left_menu.png);
	background-repeat: no-repeat;
	background-size:80px 48px;
	overflow: hidden;
	display:inline-block;
	margin-left:0;;
}
#search_control span.left_menu {
	background-image: url(/img/ja_pc/sprite/left_menu.png);
	background-repeat: no-repeat;
	background-size:80px 48px;
	overflow: hidden;
	display:inline-block;
	margin-left:0;;
}
.link_icon_f {background-position: 0 0;width: 28px;height: 28px;}
.link_icon_t {background-position: -28px 0;width: 28px;height: 28px;}


#my_profile span.button_icon_f {
	background-position: 0 -28px;
	width: 20px;
	height: 20px;
	margin: 4px;
}
#search_control span.button_icon_f {
	background-position: 0 -28px;
	width: 20px;
	height: 20px;
	margin: 4px;
}
#my_profile span.button_icon_t {
	background-position: -20px -28px;
	width: 20px;
	height: 20px;
	margin: 4px;
}

#search_control span.button_icon_t {
	background-position: -20px -28px;
	width: 20px;
	height: 20px;
	margin: 4px;
}

.link_icon_window{
	background-position: -60px -28px;
	width: 20px;
	height: 20px;
	right:4px;
	top:4px;

}
.link_icon_cross{
	background-position: -40px -28px;
	width: 20px;
	height: 20px;
	right:4px;
	top:4px;
}