/*
使わない方向で！
TODO novel.css に移行
 */


.works_display{
	word-break: normal;
	word-wrap: break-word;
}

/* :::::  Novel-fontnavi  :::::  */
.novel_navi{
	width:100%;
	text-align:center;
	margin: 0 auto;
	margin-bottom: 1px;
	font-size:14px;
}
.novel_navi_font span{
	display: inline-block;
	margin-left: 5px;
	background-color: #F2F4F6;
	height: 20px;
	overflow: hidden;
}
.novel_navi_font a:hover{
	background-color: #d0d0d0;
}
.novel_navi_font a.on{
	background-color: #d0d0d0;
}
.novel_navi_font a{
	display: inline-block;
	width:20px;
	height:21px;
	font-weight: bold;
	text-decoration: none;
	color: #333333;
	vertical-align: bottom;
	line-height:21px;
}
.novel_navi_font img{
	vertical-align: middle;
}
/* :::::  Novel-context  :::::  */
.novelimage{
	text-align: center;
}
.novel_article .chapter{
	font-weight:bold;
	font-size:125%;
	margin:10px 0px;
	line-height:2;
}
.novel_article, .novel_article p{
	line-height:2;
}
#preview_area.novel_size_small .novel_article{
	font-size:80%;
}
#preview_area.novel_size_big .novel_article{
	font-size:120%;
}
#preview_area.novel_font_pgothic .novel_article, #preview_area.novel_font_pgothic .novel_article *{
	font-family: "ＭＳ Ｐゴシック","MS PGothic";
}
#preview_area.novel_line_narrow .novel_article{
	line-height:1.5;
}

/* :::::  Novel-ranking  :::::  */
.novel_rank_tags span{
	display: inline-block; padding: 0pt 5px; margin: 0pt 0pt 2pt 1px; font-size:90%;
}

/* :::::  Novel-outline  :::::  */
.novel-outline {
	width: 100%;
	list-style: none;
}

.novel-outline li {
	clear:both;
	position:relative;
	padding-bottom:2px;
	border-bottom: dotted 2px #999999;
}

.novel-outline a {
background:none repeat scroll 0 0 #FFFFFF;
font-weight:normal;
left:0;
padding:0 4px 0 0;
position:relative;
top:0.4em;
}

.novel-outline em {
color: #000000;
	background: #ffffff;
	padding: 0 0 0 5px;
	font: 90% Georgia, "Times New Roman", Times, serif;
	position: absolute;
	bottom: -.2em;
	right: 0;
}
.novel-outline sup {
	font-size: 75%;
	color: #666;
	margin-left: 3px;
}

/* :::::  Novel-nologin  :::::  */
.novel-front-content {
  position:relative;
  background: #f2f4f6;
  width: 970px;
  margin: 10px auto;
  border: 1px solid #d6dee5;
  border-radius: 5px;
    -webkit-border-top-right-radius: 5px;
    -webkit-border-bottom-right-radius: 5px;
    -moz-border-radius-topright: 5px;
    -moz-border-radius-bottomright: 5px;
  color: #333;
}
    .novel-front-content h1 {
      font-size: 24px;
      font-weight: bold;
      line-height: 42px;
    }

.novel-front-mainContent {
  width: 735px;
  float:left;
  background:#FFFFFF;
}

.novel-front-mainHeader {
  padding: 20px 20px 0px 20px;
}
    .novel-front-mainHeader-cover {
      float:left;
      margin:4px;
      width:100px;
      height:100px;
      text-align:center;
    }
        .novel-front-mainHeader-cover img {
          border:2px solid #D6DEE5;
        }
    .novel-front-mainHeader-titles {
      float:left;
      width:580px;
    }
.novel_share{
    margin-top:10px;
    margin-bottom:10px;
    margin-left:30px;
}

.novel-front-subContent {
  position: absolute;
  top: 0;
  right: 0;
  padding:10px;
  width:215px;
}
.novel-front-subContent h2 {
  font-size: 14px;
  font-weight: bold;
  line-height: 1.7;
  min-height: 50px;
  padding-bottom: 10px;
  overflow: hidden;
  }
.novel-front-subContent .info{
  overflow:hidden;
  padding:0 0 5px ;
  border-bottom:dotted 1px #D6DEE5;
  display:block;
  text-align:left;
  width:auto; /*他クラス打ち消し*/

}
.novel-front-subContent .info:last-child{
  border:none;
}
.novel-front-subContent .info span{
  display:inline-block;
  vertical-align:middle;
}
.novel-front-subContent .info .views{
  font:normal normal bold 24px/normal Arial;
}
.novel-front-subContent .info span:first-child:after{
  content:":";
  font-weight:normal;
  color:#BABABA;
  margin:5px;
}
.novel-front-subContent span{
  display: block;
}
.novel-front-subContent p {
  color: #666666;
}
.novel-front-subContent h2 img {
 float: left;
 margin-right: 15px;
}
.novel-front-subContent li {
  width: 215px;
  text-align: left;
  padding: 4px 0px;
  margin-bottom:5px;
  display: inline-block;
  vertical-align:top;
}
    .novel-front-subContent li .cover {
      float:left;
    }
        .novel-front-subContent li .cover a {
          width: 94px;
          float: left;
          text-align: center;
        }
    .novel-front-subContent li .abstract {
      float:left;
      width: 115px;
    }
        .novel-front-subContent li .abstract .title {
          margin-bottom:4px;
        }
            .novel-front-subContent li .abstract .title a {
              text-align: left;
              font-weight:bold;
              font-size:14px;
            }
        .novel-front-subContent li .abstract .tag {
          font-size:80%;
          margin-bottom:5px;
        }

.novel-front-subContent h3{
  font-size: 14px;
  font-weight: bold;
  line-height: 1.7;
  margin: 30px 0 10px 0;
  border-bottom: 1px solid #d6dee5;
  width: 100%;
  display: block;
  }

/* type-series  *************/
.type-series li {
	padding: 0 0 0.5em 0;
	margin-left: 24px;
	list-style-type: decimal;
}
.type-series li:last-child{
	list-style-type: none;
	text-align: right;
	padding: 5px 0;
}

/* mobile QR  *************/
#novel_qr{
	text-align:center;
}
#novel_qr p{
	margin:5px 0;
}
#novel_qr_title,#novel_qr span{
	font-weight:bold;
}
#novel_qr_link{
	margin:10px 0px;
	cursor:pointer;
	color: #258FB8;
}