@charset "utf-8";
/* ----------------------------------------
3column Index
---------------------------------------- */
body{
	width:100%;
	font-size:80%;
	font-family:"ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	text-align:center;
	color:#666;
	background:#f9eeee url("/frontend/pc/images/bg.png") top left repeat fixed;
}

#wrapper{margin:0 auto; text-align:left;}
#wrapper,#header,#content,#footer{width:970px; background-color:#fff;}
#footer{margin-top:50px;}
#content-inner{margin:5px 10px;}

.L,.C,.R{float:left;}
.L{width:210px;}
.C{width:410px; margin-left:10px; margin-right:10px;}
.R{width:300px; margin-left:10px;}

.sidebar{
	padding-top:10px;
	padding-bottom:5px;
}
.L .sidebar{
	width:180px;
	padding-left:10px;
	padding-right:10px;
}
.R .sidebar{
	width:280px;
	padding-left:10px;
	padding-right:10px;
}
h2.tit_grayBg {
	margin: 10px 0;
    padding: 8px 15px;
    font: bold 18px "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, sans-serif;
    color: #333;
    background-color: #e8e8e5;
}
h3{color:#333; font-size:110%; font-weight:bold;}
.sidebar h3{
	margin:0;
	padding:3px 0 0 27px;
	height:22px;
	font:bold 12px "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, sans-serif;
	color:#333;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
}
.sidebar #pickup h3{
	background:url(/frontend/pc/images/sidemenu/tit_pickup.gif) top left no-repeat;
}
.sidebar #keyword h3{
	background:url(/frontend/pc/images/sidemenu/tit_keyword.gif) top left no-repeat;
}
.sidebar #special h3{
	background:url(/frontend/pc/images/sidemenu/tit_special.gif) top left no-repeat;
}
.sidebar #conclusion h3{
	background:url(/frontend/pc/images/sidemenu/tit_conclusion.gif) top left no-repeat;
}
.sidebar #newarrived h3{
	padding:5px 0 0 27px;
	height:20px;
	font-size:10px;
	background:url(/frontend/pc/images/sidemenu/tit_newarrived.gif) top left no-repeat;
}
.sidebar #review h3{
	background:url(/frontend/pc/images/sidemenu/tit_review.gif) top left no-repeat;
}
.sidebar #search h3{
	background:url(/frontend/pc/images/sidemenu/tit_search.gif) top left no-repeat;
}
.sidebar #contest h3{
	background:url(/frontend/pc/images/sidemenu/tit_contest2.gif) top left no-repeat;
}
.sidebar #gallery h3{
	background:url(/frontend/pc/images/sidemenu/tit_gallery.gif) top left no-repeat;
}
.sidebar #other h3{
	background:url(/frontend/pc/images/sidemenu/tit_other.gif) top left no-repeat;
}
.sidebar #ranking h3{
	background:url(/frontend/pc/images/sidemenu/tit_ranking.gif) top left no-repeat;
}
.sidebar #berrysdanshi h3,
.sidebar #special_rightmenu h3,
.sidebar #youtubeCannel h3{
	background:url(/frontend/pc/images/sidemenu/tit_app.gif) top left no-repeat;
}
.sidebar #banner h3{
	background:url(/frontend/pc/images/sidemenu/tit_banner.gif) top left no-repeat;
}
.sidebar #books h3,
.sidebar .comic-berrys h3{
	color:#fff;
	background:url(/frontend/pc/images/sidemenu/tit_bunko.gif) top left no-repeat;
}
.sidebar .comic-noicomi h3{
	color:#fff;
	background:url(/frontend/pc/images/sidemenu/tit_noicomi.gif) top left no-repeat;
}
.sidebar #ebooks h3{
	color:#fff;
	background:url(/frontend/pc/images/sidemenu/tit_macaron.gif) top left no-repeat;
}
.sidebar #starts h3{
	color:#fff;
	background:url(/frontend/pc/images/sidemenu/tit_starts.gif) top left no-repeat;
}
.sidebar #newbooks h3{
	color:#fff;
	background:url(/frontend/pc/images/sidemenu/tit_tanko.gif) top left no-repeat;
}
h4{margin:5px;}
.L h4, .C h4, .R #banner h4, .R #contest h4{
	color:#f27b90;
	font-weight:bold;
	font-size:80%;
}
ol li{list-style-type:decimal;}
.L ol li{list-style-type:none;}
.C ol{padding-left:25px;}
.rp{text-align:right;}

.textBgGroup{
	display:inline-block;
	padding:15px;
	color:#333;
	background-color:#ffffec;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
}
.pageBorder{
	padding-top:10px;
	padding-bottom:15px;
	border-top:1px solid #333;
}
.more{
	clear:both;
	padding-right:5px;
	padding-bottom:5px;
	color:#f27b90;
	font-weight:bold;
	text-align:right;
}
#loginpage p.more{
	padding-left:5px;
	text-align:left;
}
#search-sub p.more,
#book_edit p.more,
#book_create p.more,
#setting p.more,
#writer p.more,
#reader p.more,
#profile p.more,
.bookShelf p.more,
#qa p.more{
	padding-left:0;
	text-align:left;
}
p.more-btn {
    display: inline-block;
	margin: 10px auto;
	padding: 0;
    width: 100%;
}
p.more-btn a {
	display: block;
	margin: 0 auto;
	padding: 5px 10px;
    width: 80%;
    color: #333;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, sans-serif;
    font-size: 100%;
    font-weight: bold;
    line-height: 1.8;
	text-align: center;
	text-decoration: none;
	background-color: #fff;
	border: 1px solid #ccc;
	border-radius: 5px;
    box-sizing: border-box;
}
p.more-btn a:hover {
	text-decoration: underline;
}


/* List */
.iconList{ margin:15px 20px; }
.iconList li {
	padding-left:10px;
	padding-top:5px;
	padding-bottom:5px;
	background:url("/frontend/pc/images/li.png") 0 8px no-repeat;
}
.booksList a {
	display: inline-block;
	padding: 8px 10px 8px 20px;
	font: normal 95% "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, sans-serif;
	color: #333;
	text-align: center;
	text-decoration: none;
    background-image: url("data:image/svg+xml,%3csvg%20xmlns%3d%22http%3a%2f%2fwww%2ew3%2eorg%2f2000%2fsvg%22%20xmlns%3axlink%3d%22http%3a%2f%2fwww%2ew3%2eorg%2f1999%2fxlink%22%20version%3d%221%2e1%22%20width%3d%2232%22%20height%3d%2232%22%20viewBox%3d%220%200%2024%2024%22%20fill%3d%22%23333333%22%3e%3cpath%20d%3d%22M10%2c16%2e5V7%2e5L16%2c12M12%2c2C6%2e48%2c2%202%2c6%2e48%202%2c12C2%2c17%2e52%206%2e48%2c22%2012%2c22C17%2e52%2c22%2022%2c17%2e52%2022%2c12C22%2c6%2e48%2017%2e52%2c2%2012%2c2Z%22%2f%3e%3c%2fsvg%3e");
    background-position: left center;
    background-repeat: no-repeat;
    background-size: 15px 15px;
}
.booksList a:hover {
	text-decoration: underline;
}
.booksList li { padding: 0px 10px; }

/* 宣伝ボタン・送信ボタン */
.pinkBtn a{
	display:inline-block;
	margin-top:10px;
	margin-left:0;
	padding:5px 40px;
	color:#fff;
	font-size:120%;
	font-weight:bold;
	text-align:center;
	text-decoration:none;
	background-color:#FF7D99;
	border:1px solid #ff6586;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
}
/* 大賞エントリーボタン */
.gpEntry{
	padding:0 5px;
	vertical-align:-2px;
}

/* ----------------------------------------
3column Index Header/Footer
---------------------------------------- */
h1{
	margin:0;
	padding:5px 5px 5px 10px;
	font:normal 90% "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, sans-serif;
	color:#333;
	border-bottom:1px dashed #666;
}
#top{
	float:left;
	margin:0 0 0 10px;
	padding:0;
}
#catch{
	margin:0;
	padding:5px 10px 5px;
	width:950px;
}
#header-btn,#header-box{float:right;}
#header-btn img.first{margin-bottom:5px;}
#header-btn a{display:block;}
#header-box{
	margin:0 10px;
	padding:5px;
	background-color:#f9eeee;
}
#header-box-inner{
	padding:3px;
	text-align:center;
	background-color:#fff;
}
#header-box-inner p{
	text-align:center;
	color:#666;
	font-weight:normal;
}
#header-box-inner p:first-child{
	padding:3px;
	font:bold 11px "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, sans-serif;
	color:#fff;
	line-height:1em;
	background-color:#28c9cb;
}
#header-box-inner span.pink{
	padding:0 3px 0 0;
	color:#e86a97;
	font:bold 18px "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, sans-serif;
}

/* globalnavi ----------------*/
#globalnavi{
	clear:both;
	margin-top:5px;
	margin-left:10px;
	margin-right:10px;
	background:url("/frontend/pc/images/globalnavi_bg.gif") top left repeat-x;
}
#globalnavi li{float:left;}
#globalnavi li a{display:block;}

/* primarynavi ----------------*/
#primarynavi{
	margin-left:10px;
	margin-right:10px;
    color: #333;
	background-color:#eee;
	border-bottom-right-radius: 5px;
	border-bottom-left-radius: 5px;
	}
#primarynavi p{
	padding-left:5px;
	color:#666;
	font-size:80%;
	font-weight:bold;
}
#primarynavi ul{
	padding:2px;
	background-color:#fff;
	border:2px solid #eee;
	-moz-border-radius: 5px; /* Firefox */
	-webkit-border-radius: 5px; /* Safari and Chrome */
	border-radius: 5px; /* Opera 10.5+, future browsers, and now also Internet Explorer 6+ using IE-CSS3 */
}
#primarynavi li{
	float:left;
	margin-top:2px;
	margin-bottom:2px;
	padding-left:8px;
	font-size:80%;
}
#primarynavi li img{
	vertical-align:middle;
}
#primarynavi li.title{
	padding:1px 5px;
	width:75px;
	font:bold 10px "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, sans-serif;
	color:#fff;
	text-align:center;
	background-color:#28c9cb;
	border-radius:5px;
}
#primarynavi li span{
	padding-top:0;
	vertical-align:top;
}
#primarynavi input[type="submit"]{
	padding:2px 5px;
	color:#fff;
	font-size:100%;
	vertical-align:middle;
	background-color:#f69;
	border:1px solid #f9c;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	border-radius:5px;
}
#primarynavi input[type="text"]{height:18px;}
#primarynavi input[type="text"],
#primarynavi select{
	margin:0;
	border:1px solid #c0c0c0;
}

/* breadcrumb --------------*/
#breadcrumb{
	margin:0 5px;
	text-align:left;
}
#breadcrumb li{
	display:inline-block;
	padding:10px 5px;
	color:#333;
	font:normal 13px "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, sans-serif;
	list-style:none;
}
#breadcrumb li:after{
	content:" > ";
}
#breadcrumb li:last-child:after{
	content:none;
}
#breadcrumb li a{
	color:#666;
}

/* footernavi ----------------*/
#footerLink{
	padding:0 0 10px 0;
    color: #333;
}
#footerLink div{
	padding:0 20px;
}
#footerLink p{
	margin:10px 0;
	padding:9px 20px;
	text-align:left !important;
	border-top:1px dotted #666;
	border-bottom:1px dotted #ccc;
}
#footerLink dl{
	float:left;
	width:185px;
	text-align:left;
}
#footerLink dt{
	padding:0 0 5px 10px;
	color:#333;
	font-size:90%;
	font-weight:bold;
	background:url(/frontend/pc/images/li.gif) 0 5px no-repeat;
}
#footerLink dd{
	padding:3px 0 3px 10px;
	font-size:85%;
}
#footernavi{
	margin:10px 0 5px 0;
	padding:5px 0;
	text-align:center;
	border-top:1px dotted #666;
	border-bottom:1px dotted #666;
}
#footernavi ul{
	display:inline-block;
	font-size:85%;
	text-align:center;
}
#footernavi li{
	float:left;
	padding:0 10px;
	border-right:1px solid #333;
}
#footernavi li:last-child{
	border:none;
}
#footer p{
	color:#333;
	text-align:center;
}
#footernavi li a{display:block;}

/* ----------------------------------------
sidebar contents
---------------------------------------- */
#notice{width:200px;}
#notice .box{
	margin-top:0;
	margin-bottom:10px;
	padding:5px;
	font-size:85%;
	border:2px solid #cf0000;
    border-top-left-radius:0;
	border-top-right-radius:5px;
	border-bottom-left-radius:5px;
	border-bottom-right-radius:5px;
}
#notice h4{
	margin:0;
	padding:2px 0 0 15px;
	width:176px;
	height:14px;
	font:bold 10px "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, sans-serif;
	color:#fff;
	background:url(/frontend/pc/images/sidemenu/tit_notice.gif) top left no-repeat;
}
#notice  .more{padding:0;}
#notice,#notice  a{color:#333;}

#mymenu .login-area{
	width:170px;
	margin:0 auto;
	padding-bottom:5px;
	background:#fff url("/frontend/pc/images/bottomwhite_s_img.gif") bottom left no-repeat;
}
#mymenu .login-area .login-areaInput input{width:155px;}
#mymenu .login-area .easyLogincheck{padding-top:5px;}
#mymenu .login-area .easyLogincheck .small{
	font-size:80%;
	vertical-align:3px;
}
#mymenu h3{
	margin:0;
	padding:0;
	height:auto;
}
#mymenu .login-area p{
	padding-left:5px;
	padding-right:5px;
	text-align:left;
}
#mymenu .login-area .login-areaPass{
	display:inline;
	text-align:left;
}
#mymenu .login-area a{
	display:block;
	margin:5px 0;
	text-align:center;
}
#mymenu,#search{width:180px;}
#ranking{width:280px;}
#mymenu{
	text-align:center;
	background-color:#ff7d99;
}
#mymenu li{text-align:left;}
.signupBtn{
	display:block;
	padding-top:5px;
}

#search form{padding:5px 5px 10px 5px;}
#search textarea,
#search select,
#search input{
	margin-left:0;
	margin-top:5px;
	padding-left:0;
}
#search .small{vertical-align:3px;}
#ranking h4,
#search h4,
#contest h4,
#banner h4,
#conclusion h4,
#newarrived h4{
	padding-left:10px;
	background:url("/frontend/pc/images/li.png") 0 1px no-repeat;
}
h4.h4MainTit{
	margin:0;
    padding:4px 5px 5px 0;
	font:bold 10px "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, sans-serif;
	color:#333;
	line-height:1.2em;
	background:#eaeaea !important;
	border-top:1px dotted #dbdbdb;
}
.sidebar #contest p {
    padding: 10px;
}
.sidebar #contest .link_bnr {
    margin-bottom: 0;
}
.sidebar #contest .link_bnr li {
    margin: .8rem .8rem 0;
}
.sidebar #contest .link_bnr li:first-of-type {
    margin-top: 0;
}
.sidebar #contest .link_bnr li a {
    display: block;
    line-height: 0;
}
@media screen and (min-width: 768px) {
    .sidebar #contest .link_bnr li a {
        -webkit-transition: all 0.1s linear;
        transition: all 0.1s linear;
    }
    .sidebar #contest .link_bnr li a:hover {
        opacity: 0.9;
    }
}
.sidebar #contest .link_bnr li img {
    width: 100%;
    height: auto;
    border: 1px solid #e5e5e5;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}
.sidebar #contest .more-btn {
    padding: 10px 0 0;
    border-top: 1px dotted #ccc;
}
#keyword p{padding:5px;}
.sidebar #conclusion ol{
	padding-left:5px;
	padding-right:5px;
}
.sidebar #conclusion li{
	padding-top:10px;
	padding-bottom:10px;
	list-style:none;
	border-top:1px dotted #666;
}
.sidebar #conclusion li:first-child{border:none;}
.sidebar #newarrived ol{padding:5px;}
.sidebar #newarrived li{
	padding-top:5px;
	padding-bottom:5px;
	border-top:1px dotted #666;
}
.sidebar #newarrived li:first-child{border:none;}
.sidebar #special p img {
	margin: 0;
	padding: 10px 0 0;
}
.sidebar #special dl {
	padding: 0 10px;
}
.sidebar #special dt {
	margin: 0 0 5px;
	padding: 3px 0;
	color: #eb6da5;
	font-weight: bold;
	line-height: 1.5em;
	border-bottom: 1px dashed #eb6da5;
}
.sidebar #contest p {
    padding: 10px;
}
.sidebar #special dd {
	color: #333;
	font-size: 90%;
	line-height: 1.5em;
}
.sidebar #berrysdanshi > img {
    width: 100%;
    height: auto;
    line-height: 0;
}
.sidebar #berrysdanshi #player {
    margin: 0 auto;
    padding: 8px;
    background-color: #fff;
}
.sidebar #berrysdanshi > a {
    display: block;
    text-align: center;
}
.sidebar #berrysdanshi > a img:hover {
    opacity: 0.9;
}
.sidebar #berrysdanshi ul {
    display: table;
    margin: 0 auto;
    border-spacing: 1em 1em;
}
.sidebar #berrysdanshi ul li {
    display: table-cell;
    width: 50%;
}
.sidebar #berrysdanshi ul li a {
    display: block;
}
.sidebar #berrysdanshi ul li a img {
    width: auto;
    height: 40px;
    backface-visibility: hidden;
}
.box {
	margin-bottom: 10px;
	background-color: #fff;
}
.L .box,
.R .box {
    border: 1px solid #ccc;
    border-radius: 6px;
    box-sizing: border-box;
}
#mypage2col .R .box {
    border: none;
    border-radius: 0;
}
.L .pinkbox {
	margin-bottom: 10px;
	padding-bottom: 5px;
	background-color: #ff7d99;
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
}
#indexAppli{padding:10px;}
#indexAppli h4{
	margin-left:0;
	color:#333;
}
#indexAppli dt{color:#333;}
#ad{margin:0 0 10px 0;}
#twitter{
	position:relative;
	margin:10px 0;
	text-align:center;
	z-index:1;
}
#twitter p{text-align:left;}
#youtubeCannel iframe {
    padding: 10px;
}
#youtubeCannel p {
    padding: 0 10px;
    margin-bottom: 1rem;
}
#youtubeCannel p a {
    display: block;
    line-height: 0;
    transition: all 0.1s linear;
}
#youtubeCannel p a img {
    width: 100%;
    height: auto;
    backface-visibility: hidden;
    border: 1px solid #e5e5e5;
}
#app {
    margin: 0 0 1rem;
    padding: 1rem;
    background-color: #fff;
    border: 1px solid #ccc;
    border-radius: 5px;
    box-sizing: border-box;
}
#app > div:first-of-type {
    display: flex;
    justify-content: flex-start;
    align-items: flex-start;
    margin-bottom: 1rem;
}
#app > div:first-of-type p {
    flex-basis: 20%;
    padding: 0 1rem 0 0;
}
#app > div:first-of-type dl {
    flex-basis: 80%;
}
#app > div:first-of-type dl dt {
    padding: 0 0 5px 0;
    color: #e4007f;
    font-size: 110%;
	font-weight: bold;
    line-height: 1.4;
}
#app > div:first-of-type dl dd {
    font-size: 90%;
	line-height: 1.5;
}
#app > div:last-of-type {
    display: flex;
    justify-content: center;
    align-items: center;
    padding-top: 1rem;
    margin-top: 1rem;
    border-top: 1px solid #e5e5e5;
}
#app > div:last-of-type div {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-basis: 50%;
    align-self: center;
}
 #app > div:last-of-type div:first-of-type a {
    display: block;
    margin: 0;
    padding: 5px 10px;
    width: 80px;
    color: #fff;
    font-size: 90%;
	line-height: 1.5;
    font-weight: bold;
    text-align: center;
    text-decoration: none;
    background-color: #1b95e0;
    border-radius: 5px;
    transition: all 0.1s linear;
}
#app ul {
    display: flex;
    justify-content: center;
    align-items: center;
}
#app ul li {
    padding: 0 0 0 5px;
}
#app ul li:first-of-type {
    padding-left: 0;
}
#app ul li a {
    display: block;
    line-height: 0;
    transition: all 0.1s linear;
}
#app ul li a img {
    width: 100%;
    height: auto;
    backface-visibility: hidden;
}
#youtubeCannel p a:hover,
#app > div:first-of-type div:first-of-type a:hover,
#app ul li a:hover {
    opacity: 1.9;
}

/* ----------------------------------------
main contents
---------------------------------------- */
#setting #noticeMain {
	color: #333;
	font-size: 110%;
    font-family: Arial, Roboto, "“Droid Sans”", "“ヒラギノ角ゴ ProN W3”", "“Hiragino Kaku Gothic ProN”", “メイリオ”, Meiryo, sans-serif;
}
#setting #noticeMain h2 {
	margin: 0 0 10px 0;
    padding: 15px;
    font: bold 150% "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, sans-serif;
    color: #333;
	border-bottom: 3px solid #d5d5d5;
}
#setting #noticeMain ul{
	margin-top:5px;
	margin-bottom:5px;
	border: none;
}
#setting #noticeMain ul li{
	margin-left:25px;
	padding-bottom:3px;
	color:#cf0000;
	list-style:disc;
}
#setting #noticeMain ul li a {
	text-decoration: none;
}
#setting #noticeMain p{
	padding:10px;
	line-height:1.5;
}
#setting #noticeMain div {
	line-height: 1.5;
}
#setting #noticeMain li a{
	color:#cf0000;
}
#notice_writer_reader{
	border:3px solid #e9e9e9;
	border-radius: 5px;
}
#notice_writer_reader{
	padding: 10px;
	margin-bottom:10px;
}
#notice_writer_reader h4.pink{
    padding: 10px;
    color: #ef5c76;
    font-size: 130%;
    text-align: center;
    border-bottom: 1px solid #eee;
}
#notice_writer_reader ul{
	margin-top:5px;
	margin-bottom:5px;
}
#notice_writer_reader li{
	margin-left:25px;
	padding-bottom:3px;
	color:#cf0000;
	list-style:disc;
}
#notice_writer_reader p{
	padding:10px;
	line-height:1.5em;
}
#notice_writer_reader div {
	line-height: 1.5em;
}
#notice_writer_reader li a{
	color:#cf0000;
}
.box2{
	margin:0 0 10px 0;
	padding:10px 0 0;
	background-color:#fff;
	border:3px solid #ffd3da;
	border-top-right-radius:5px;
	border-bottom-left-radius:5px;
	border-bottom-right-radius:5px;
}
.box2 img{
	border:none;
}
#noticeSub h4{
	display:inline-block;
	margin:0;
	padding:3px 10px;
	color:#ff3366;
	font-size:80%;
	font-weight:bold;
	background-color:#ffd3da;
	border-top-right-radius:5px;
	border-top-left-radius:5px;
}

/* ----------------------------------------
main column common
---------------------------------------- */
#indexpage h2{
    margin-top: 20px;
	padding:0 0 15px 52px;
	font:bold 18px "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, sans-serif;
	color:#666;
	text-shadow:1px 1px 1px #dbdbdb;
}
#news h2{
	padding:0 0 15px 52px;
	font:bold 18px "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, sans-serif;
	color:#666;
	text-shadow:1px 1px 1px #dbdbdb;
	background:url(/frontend/pc/images/maintit/tit_news.gif) top left no-repeat;
}
#rankingpage #pickup h2,
#indexpage #pickup h2{
	background:url(/frontend/pc/images/maintit/tit_pickup.gif) top left no-repeat;
}
#rankingpage #pickup h2 .green,
#indexpage #pickup h2 .green{
	text-shadow:none !important;
}
#indexpage #ranking2 h2{
	background:url(/frontend/pc/images/maintit/tit_ranking.gif) top left no-repeat;
}

/* ----------------------------------------
画像トピックス
---------------------------------------- */
.topics ul {
    margin: 0 0 20px;
    padding: 0;
}
.topics ul li {
    margin: 0;
    padding: 10px;
    border-top: 1px dotted #ccc;
}
.topics ul li:first-child {
    border: none;
}
.topics ul li:hover {
    background-color: #f5f5f5;
}
.topics ul li a {
    display: block;
    text-decoration: none;
}
.topics ul li a:after {
    content: "";
    display: block;
    clear: both;
}
.topics ul li a img {
    float: left;
    margin: 0 10px 0 0;
	padding: 0;
    border: 1px solid #ccc;
    backface-visibility: hidden;
    -webkit-backface-visibility: hidden;
}
.topics ul li a p.new {
	position: relative;
    float: right;
    width: 0;
    height: 0;
    top: -10px;
    right: -10px;
    color: #fff;
    font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, sans-serif;
    font-size: 80%;
    font-weight: bold;
    border-style: solid;
    border-width: 0 50px 50px 0;
    border-color: transparent #ff8c00 transparent transparent;
    z-index: 2;
}
.topics ul li a p.new span {
    position: relative;
    top: 5px;
    left: 20px;
}
.topics ul li dl {
    margin: 0 0 0 72px;
}
.topics ul li dl dt {
    margin: 0;
    padding: 0 0 5px 0;
    font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, sans-serif;
    font-size: 110%;
	font-weight: bold;
	line-height: 1.6;
}
.topics ul li dl dd {
    color: #333;
	font-size: 90%;
    line-height: 1.8;
}
.topics ul li dl dt span {
    margin-right: 7px;
	padding: 3px 5px;
	color: #fff;
	font-size: 80%;
    line-height: 1.6;
	border-radius: 5px;
}
.topics ul li.imgLink a img {
    position: relative;
    width: 100%;
    height: auto;
    line-height: 0;
    z-index: 1;
}

/* ----------------------------------------
new_contest
---------------------------------------- */
#new_contest {
	margin: 0 0 15px 0;
}
#new_contest ul {
	display: table;
	width: 410px;
}
#new_contest li {
	display: table-cell;
    padding: 10px;
    width: 50%;
    text-align: center;
    box-sizing: border-box;
}
#new_contest li dt a {
	font: bold 11px "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, sans-serif;
	font-weight: bold;
	line-height: 1.5em;
}
#new_contest li.BCT dt a {
	color: #e5708f;
}
#new_contest li.BFST dt a {
	color: #bb6aa9;
}
#new_contest li.BRST dt a {
	color: #e5708f;
}
#new_contest li.SSBT dt a {
	color: #42bdd8;
}
#new_contest li dd {
	padding: 3px 0 0 0;
	color: #333;
	font-size: 85%;
	line-height: 1.3em;
}
#new_contest_gplist p {
    padding: 0 15px 15px;
}
#new_contest_gplist a {
	display: block;
	margin-bottom: 10px;
}
#new_contest_gplist a:first-child {
	margin-top: 10px;
}
#new_contest_gplist a img {
	border: 1px solid #ddd;
}
#new_contest_gplist a img:hover {
	opacity: 0.9;
}
#old_contest_gplist > ul > li {
    padding: 15px;
    border-top: 1px solid #e5e5e5;
}
#old_contest_gplist > ul > li:first-of-type {
    border-top: none;
}
#old_contest_gplist > ul > li > h3 {
    padding-left: 30px;
    background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20version%3D%221.1%22%20width%3D%2232%22%20height%3D%2232%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22%23ffa500%22%3E%3Cpath%20d%3D%22M5%2C16L3%2C5L8.5%2C12L12%2C5L15.5%2C12L21%2C5L19%2C16H5M19%2C19C19%2C19.55%2018.55%2C20%2018%2C20H6C5.45%2C20%205%2C19.55%205%2C19V18H19V19Z%22%2F%3E%3C%2Fsvg%3E");
    background-position: left center;
    background-repeat: no-repeat;
    background-size: 20px;
}
#old_contest_gplist > ul > li > ul {
    display: flex;
    align-items: center;
}
#old_contest_gplist > ul > li > ul > li {
    margin-top: 15px;
}
#old_contest_gplist > ul > li > ul > li > a {
    display: inline-block;
    padding: 0 15px;
}
#old_contest_gplist > ul > li:last-of-type > ul {
    display: block;
}
#old_contest_gplist > ul > li:last-of-type > ul > li {
    color: #333;
    list-style-type: disc;
    list-style-position: inside;
}
#old_contest_gplist > ul > li:last-of-type > ul > li > a {
    display: inline;
    padding: 0;
}

/* ----------------------------------------
simpleSearch
---------------------------------------- */
#simpleSearch h2{
	padding:0 0 15px 52px;
	font:bold 18px "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, sans-serif;
	color:#666;
	text-shadow:1px 1px 1px #dbdbdb;
	background:url(/frontend/pc/images/maintit/tit_bbs.gif) top left no-repeat !important;
}
#simpleSearch ul {
	display:table;
}
#simpleSearch ul:last-child {
	margin-bottom:10px;
	border-bottom:1px dotted #ccc;
}
#simpleSearch li {
	display: table-cell;
    margin: 3px 0;
    padding: 5px;
    width: 400px;
	vertical-align:middle;
    background-color: #fcfcfc;
	border-top: 1px dotted #ccc;
    border-left: 1px dotted #ccc;
	border-right: 1px dotted #ccc;
}
#simpleSearch li p {
	padding-right: 10px;
    display:table-cell;
}
#simpleSearch li img {
	border:1px solid #ccc;
}
#simpleSearch li a {
	display:table-cell;
    padding: 12px 10px 12px 10px;
	font:normal 14px "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, sans-serif;
	vertical-align: middle;
	text-decoration:none;
    background: url(/frontend/pc/images/li.png) left center no-repeat;
}
#simpleSearch li:hover {
	background-color: #fff;
}
#simpleSearch p.more {
	padding-top:5px;
    padding-bottom: 10px;
    color: #f27b90;
    font-weight: bold;
    text-align: right;
    border-top: 1px dotted #ccc;
}

/* ----------------------------------------
search
---------------------------------------- */
h2.searchTitle{
	margin-top:10px;
	padding:5px 0 5px 30px !important;
	width:380px;
	height:22px;
	font:bold 14px "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, sans-serif !important;
	color:#333 !important;
	background:url(/frontend/pc/images/maintit/tit_search.gif) top left no-repeat;
}
#search-sub{
	margin-bottom:15px;
	padding:0 12px 10px 12px;
	border:3px solid #e9e9e9;
	-moz-border-top-right-radius: 5px; /* Firefox */
	-moz-border-bottom-left-radius: 5px;
	-moz-border-bottom-right-radius: 5px;
	-webkit-border-top-right-radius: 5px; /* Safari and Chrome */
	-webkit-border-bottom-left-radius: 5px;
	-webkit-border-bottom-right-radius: 5px;
}
.search-sub2{
	padding-top:3px;
	border-top:2px solid #dbdbdb;
}
#search-sub h3,
#search-sub h4{
	padding:0 0 0 15px;
	font:bold 13px "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, sans-serif;
	color:#333;
	background:url(/frontend/pc/images/icon_search.gif) left center no-repeat;
}
#search-sub h5{
	clear:both;
	margin:5px 0 0 2px;
	padding:5px 0 5px 10px;
	color:#f27b90;
	font-weight:bold;
	font-size:80%;
	background:url(/frontend/pc/images/li.png) 0 6px no-repeat;
}
#search-sub h5.plus{
	clear:both;
	margin:5px 0 0 0;
	padding:0 0 0 15px;
	font:bold 13px "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, sans-serif;
	color:#333;
	background:url(/frontend/pc/images/icon_search_plus.gif) left center no-repeat;
}
#search-sub h4.line{
	margin:0;
    padding-top:5px;
    background-position:0 7px;
}
#search-sub .red{margin-top:5px;}
#search-sub .small{
	padding:0;
	font-size:80%;
	color:#333;
	vertical-align:3px;
}
#search-sub textarea,
#search-sub checkbox,
#search-sub select,
#search-sub input{
	margin:5px 2px 0 0;
	padding:0;
}
#search-sub ul{
	display:table;
}
#search-sub li{
	display:table-cell;
	width:110px;
	text-align:left;
}
#search-sub input[type="radio"]{
	margin:5px 3px 0 0;
    vertical-align: -2px;
}
#search-sub input[type="submit"]{
	display:inline-block;
	margin-top:-5px;
	padding:5px 10px;
	font:bold 12px "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, sans-serif;
	color:#fff;
	vertical-align:middle;
	background-color:#f69;
	border:1px solid #f9c;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	border-radius:5px;
}
#search-sub input[type="submit"].submitWide{
	display:block;
	margin:10px auto;
	width:60%;
}
#bannerArea{margin-bottom:10px;}
#bannerArea a{
	float:left;
	display:block;
	width:205px;
	height:80px;
}

/* ----------------------------------------
pickup
---------------------------------------- */
#pickup dl{
	padding:5px;
}
#pickup dt{
	padding:0 10px 5px;
	background:url("/frontend/pc/images/li.png") 0 5px no-repeat;
}
#pickup dt a{
	color:#f27b90;
	font-weight:bold;
}
#pickup dd{
	padding:5px 0;
}
#pickup dd.catch{
	padding-bottom:0;
	font-size:85%;
	color:#333;
	border-top:1px dotted #666;
}
#pickup dd.catch:first-child{
	border:none;
}
.L .sidebar #pickup dt{
	padding:0 0 5px;
	background:none;
}
.L .sidebar #pickup dd.catch{
	font-size:80%;
}

/* ----------------------------------------
ranking
---------------------------------------- */
#ranking dl,
#ranking2 dl{
	padding:5px;
	border-bottom:1px dotted #333;
}
#ranking2 dl:last-child{
	border:none;
}
#ranking dl.odd,
#ranking2 dl.odd{
    background-color: #ffffe1;
}
#ranking dt{
	float:left;
	color:#f27b90;
	font-weight:bold;
}
#ranking2{
	margin-bottom:10px;
	background-color:#fff;
}
.ranking2-area{
	margin:0 5px 5px;
	padding:0;
	background-color:#fff;
	border-radius:5px;
}
#ranking2 h4.date{
	margin-top:0;
	margin-bottom:0;
	padding-bottom:0;
	color:#333;
	font-weight:normal;
	text-align:right;
	background-image:none;
}
#ranking2 dl{
	padding:5px;
}
#ranking2 dt{
	float:left;
	margin-right:5px;
	width:35px;
	color:#f27b90;
	font-weight:bold;
	text-align:center;
}
#ranking dd,
#ranking2 dd {
	padding-left:40px;
}
#ranking2 .rp {
	font-size:80%;
	float:right;
	display:inline-block;
}
#ranking_top h4 {
	padding:5px 0 0 5px;
}
#ranking_top h4 img{
	margin-right:5px;
	vertical-align:-4px;
}
#ranking_top h4 a {
	margin:0;
	padding:0;
	font:bold 15px "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, sans-serif;
	color:#fff;
}
#love,#loveShort,#essay,#fantasy,#mystery{
	border-radius:5px;
	margin-bottom:10px;
	padding-bottom:1px;
}
#love{background-color:#ffa4b4;}
#loveShort{background-color:#ffa4da;}
#fantasy{background-color:#d0a8dd;}
#mystery{background-color:#666;}
#essay{background-color:#fdb160;}

/* ----------------------------------------
books.jsp layout
---------------------------------------- */
#ebooks p.more{
	display:block;
	margin:7px auto;
	padding:0;
	width:180px;
	text-align:center;
	background-color:#fff;
	border:1px solid #ccc;
	border-radius:5px;
}
#ebooks p.more a{
	display:block;
	margin:0;
	padding:5px 10px;
	font:bold 12px "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, sans-serif;
	text-align:center;
	text-decoration:none;
}
#ebooks p.more a:hover{
	text-decoration:underline;
}

/* ----------------------------------------
review
---------------------------------------- */
#review h2{
	padding:0 0 15px 52px;
	font:bold 18px "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, sans-serif;
	color:#666;
	text-shadow:1px 1px 1px #dbdbdb;
	background:url(/frontend/pc/images/maintit/tit_review.gif) top left no-repeat;
}
#review ol{
	padding-left:10px;
	padding-right:10px;
}
#review li{
	padding-top:10px;
	padding-bottom:10px;
	list-style:none;
	border-top:1px dotted #ccc;
}
#review li:first-child{
	border:none;
}

/* ----------------------------------------
index special/puw
---------------------------------------- */
.special,.puw{
	float:left;
	width:205px;
}
.puw{
	height:153px;
	background:url(/frontend/pc/images/puw.gif) top left no-repeat;
}
.puw dl{
	padding-top:90px;
	padding-left:10px;
	color:#493a3a;
	font-weight:bold;
	text-align:center;
}
.puw dt{padding-top:10px;}
.puw dt a{font-size:18px; font-weight:bold;}
.puw dt a:visited{color:#493a3a;}
.puw dd{font-size:12px;}

/* ----------------------------------------
pickup Beta
---------------------------------------- */
#pickup-beta{
	margin-top:10px;
	padding-bottom:10px;
	background:#fff url("/frontend/pc/images/pickup_beta_bg.png") top left repeat fixed;
}
#pickup-beta-inner{
	margin:0 20px 20px 20px;
	background-color:#fff;
}
#pickup-beta-box{background-color:#fff;}
#pickup-beta h3{
	position:relative;
	top:-10px;
	margin-bottom:-10px;
}
#pickup-beta h4{
	position:relative;
	top:-5px;
	margin-bottom:-10px;
	text-align:center;
}
.pickup_beta_genre{margin-left:-5px;}
#pickup-beta dl{
	float:left;
	width:175px;
	height:85px;
	margin:0;
	padding:5px;
}
#pickup-beta dt,
#pickup-beta dd{
	margin:0;
	padding:0 5px;
}
.pickup_betaLove,
.pickup_betaComedy,
.pickup_betaMystery,
.pickup_betaFantasy,
.pickup_betaEssay,
.pickup_betaOther,
.pickup_betaFriend,
.pickup_betaHorror,
.pickup_betaNonfiction,
.pickup_betaPoetry,
.pickup_betaFairy,
.pickup_betaHistory{
	font-size:80%;
	font-weight:bold;
}
.pickup_betaLead{font-size:80%;}
.pickup_betaLove{color:#FF4687;}
.pickup_betaComedy{color:#ff9933;}
.pickup_betaMystery{color:#333333;}
.pickup_betaFantasy{color:#9966cc;}
.pickup_betaEssay{color:#FFB400;}
.pickup_betaOther{color:#777777;}
.pickup_betaFriend{color:#66ccff;}
.pickup_betaHorror{color:#CC0000;}
.pickup_betaNonfiction{color:#83C81C;}
.pickup_betaPoetry{color:#660000;}
.pickup_betaFairy{color:#ff5c77;}
.pickup_betaHistory{color:#00306f;}

.pickup_betaBg01{background-color:#F9EEEE;}
.pickup_betaBg02{background-color:#F3EBF3;}
.pickup_betaBg03{background-color:#FFF6ED;}

/* banner */
#banner .small{
	line-height:1.5em;
}
#banner textarea{
	margin: 0 15px 15px;
	width: 230px;
	font-size:100%;
	border:1px solid #ccc;
}

/* ----------------------------------------
3column mypage
---------------------------------------- */
#mypage3col .C .L{width:250px;}
#mypage3col .C .R{width:150px;}
#mypage3col #ad,#mypage3col2 #ad{margin-top:0px;}

/* ------- sidebar contents */
#mymenu .mymenu-list{
	margin-top:5px;
	margin-left:10px;
	text-align:left;
}
#mymenu .mymenu-list li{
	font-size:80%;
	color:#fff;
}
#mymenu .mymenu-list li a{color:#fff;}

/* ----------------------------------------
2column mypage
---------------------------------------- */
#mypage2col .R{width:710px;}
#mypage2col .R .L{width:500px;}
#mypage2col .R .R{width:200px;}
#mypage2col .R #reader .L{width:70px;}
#mypage2col .R #reader .R{width:630px;}
#header-box2{
	float:right;
	margin:0 10px;
	background:none;
}
#mypage2col #ad{margin-top:0px;}
#mypage2col #mymenu,#mypage2col #mymenu .login-area{padding-bottom:5px;}
#mypage2col #mymenu .pink{padding:0 5px 5px 5px;}
#mypage2col #reader .pink{font-size:110%;}

#book_create input[type="submit"],
#setting input[type="submit"],
#reader input[type="submit"],
#bbs input[type="submit"],
#bbs_report input[type="submit"],
#postlist input[type="submit"].submit,
#qa input[type="submit"]{
	float:left;
	margin-left:20px;
	margin-bottom:10px;
	padding: 5px 15px;
	width: 220px;
	color: #fff;
	font:bold 16px "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, sans-serif !important;
	background-color: #FF7D99;
	border: 1px solid #ff6586;
	border-radius: 5px;
}
#book_create input[type="submit"].fs12,
#bbs input[type="submit"].fs12,
#postlist input[type="submit"].submit,
#qa input[type="submit"].fs12{
	font-size:12px !important;
}
#book_create input[type="submit"].fs12,
#qa input[type="submit"].fs12{
	width:auto !important;
}
#book_create input[type="submit"].delete,
#book_create .delete a{
	float: right;
	display: inline-block;
	margin: 0 0 10px 0;
	padding: 5px 7px;
	width: auto;
	color: #888;
	font-size: 100% !important;
	font-weight: normal !important;
	text-align: center;
	text-decoration: none;
	background-color: #fff;
	border: 1px solid #ccc;
	border-radius: 5px;
}
.input-gray{
	background-color:#c4c4c4 !important;
	border:1px solid #b7b7b7 !important;
}
.inputBtn a{
	display:block;
	float:left;
	margin-left:20px;
	margin-bottom:10px;
	padding: 5px 15px;
	width: 188px;
	color: #fff;
	font:bold 16px "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, sans-serif !important;
	text-align:center;
	text-decoration:none;
	background-color: #FF7D99;
	border: 1px solid #ff6586;
	border-radius: 5px;
}
.inputBtn-pinkS a{
	display:inline-block;
	margin-left:10px;
	padding: 5px 7px;
	width:auto;
	color: #fff;
	text-align:center;
	text-decoration:none;
	background-color: #FF7D99;
	border: 1px solid #ff6586;
	border-radius: 5px;
}
.inputBtn-pinkS a:hover{background-color:#ff8ca3;}
.inputBtn-gray a,
.uploadBtn{
	display:inline-block;
	margin-left:10px;
	padding: 5px 7px;
	width:auto;
	color:#333;
	text-align:center;
	text-decoration:none;
	background-color:#f5f5f5;
	border:1px solid #dcdcdc;
	border-radius: 5px;
}
.uploadBtn{
	cursor:pointer;
	font:bold 14px "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, sans-serif !important;
}
.uploadBtn:hover,
.inputBtn-gray a:hover{background-color:#f9f9f9;}

/* ----------------------------------------
background layout
---------------------------------------- */
.grayBorder{
	border:3px solid #ccc;
	border-bottom-left-radius:5px;
	border-bottom-right-radius:5px;
}
.grayBorder .h3Title{
	text-shadow:none !important;
	background-color:#ddd;
	border:none !important;
}
.yellowBg{
	padding:10px 15px;
	background-color:#ffffec;
	border:1px dotted #ccc;
	border-radius:5px;
}

/* ----------------------------------------
icon layout
---------------------------------------- */
i.icoEnd,
i.icoEntry {
	display:inline-block;
	margin:1px 0 0 2px;
	padding:0 2px 1px;
	color:#000000;
	line-height:1;
	font-size:85%;
	text-align:center;
	text-decoration:none;
	vertical-align:top;
	border:1px solid #000000;
	border-radius:2px;
	-webkit-border-radius:2px;
	background:#ffffff;
	font-style:normal;
}
i.icoEntry {
	padding:2px 2px 1px;
}

/* ----------------------------------------
color / font / border layout
---------------------------------------- */
.black{color:#333;}
.green{color:#13c6c9;}
.pink{color:#f27b90; font-weight:bold;}
.red{color:#CF0000; font-size:80%;}

.small{padding-top:5px; font-size:80%;}
.normal{font-size:100% !important;}
.bold{font-weight:bold;}

.noBorder{border:none !important;}
.Border{border:1px dotted #333 !important;}
.BorderTop{border-top:1px dotted #333 !important;}
.BorderBottom{border-bottom:1px dotted #333 !important;}
.BgColorY{background-color:#ffffe0;}

/* ----------------------------------------
book-ol-List (ジャンル一覧,完結速報一覧,最近更新された作品)
---------------------------------------- */
.book-ol-List h2 {
	padding:0 0 15px 52px;
	font:bold 18px "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, sans-serif;
	color:#666;
	text-shadow:1px 1px 1px #dbdbdb;
}
.book-ol-List h2.title-genre {
	background:url(/frontend/pc/images/maintit/tit_news.gif) top left no-repeat;
}
.book-ol-List h2.title-conclusion {
	background:url(/frontend/pc/images/maintit/tit_conclusion.gif) top left no-repeat;
}
.book-ol-List h2.title-newarrived {
	background:url(/frontend/pc/images/maintit/tit_newarrived.gif) top left no-repeat;
}
.book-ol-List h3 {
	margin-top:10px;
	color:#333;
	font-size:110%;
	font-weight:normal;
}
.book-ol-List h3.genre {
	margin:0;
	padding:5px 10px;
	font:bold 110% "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, sans-serif;
	color:#666;
	background:url(/frontend/pc/images/bg_flashreport.png) top left repeat;
}
.book-ol-List h4{
	padding-left:10px;
	margin-top:10px;
	color:#f27b90;
	font-size:80%;
	font-weight:bold;
	background:url(/frontend/pc/images/li.png) 0 1px no-repeat;
}
.book-ol-List ol {
	padding-left:0;
	padding-right:0;
}
.book-ol-List li {
	padding:9px 10px 10px;
	list-style:none;
	border-top:1px dotted #666;
}
.book-ol-List li:first-child {
	border:none;
}
#ranking3.book-ol-List li:first-child {
	border:none;
    margin-top:1em;
	border-top:1px dotted #666;
}
.book-ol-List li dt {
	padding-bottom:5px;
}
.book-ol-List li dt img {
    vertical-align: text-bottom;
}
.book-ol-List li dt a {
	font:bold 110% "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, sans-serif;
	line-height:1.3em;
}
.book-ol-List li dd,
.book-ol-List li dd a{
	font:normal 100% "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, sans-serif;
	line-height:1.2em;
}
.book-ol-List li .feeling a {
	display:inline-block;
    margin:0 0 5px 2px;
    padding:4px 3px;
	color:#333;
	text-decoration:none;
	text-align:center;
	line-height:1;
	border-radius:3px;
}
.book-ol-List li .feeling a:hover {
	text-decoration:underline;
	opacity:0.8;
}
.book-ol-List li .feeling .feeling-1 a { border:1px dotted #00befe; }
.book-ol-List li .feeling .feeling-2 a { border:1px dotted #6394eb; }
.book-ol-List li .feeling .feeling-3 a { border:1px dotted #30beaf; }
.book-ol-List li .feeling .feeling-4 a { border:1px dotted #eb0000; }
.book-ol-List li .feeling .feeling-5 a { border:1px dotted #ff5bb5; }
.book-ol-List li .feeling .feeling-6 a { border:1px dotted #fe9b00; }
.book-ol-List li .feeling .feeling-7 a { border:1px dotted #228a22; }
.book-ol-List li .feeling .feeling-8 a { border:1px dotted #4a0080; }
.book-ol-List li .feeling .feeling-9 a { border:1px dotted #febc1d; }
.book-ol-List li .feeling .feeling-10 a { border:1px dotted #048cca; }
.book-ol-List li .feeling .feeling-11 a { border:1px dotted #fe4200; }
.book-ol-List li .feeling .feeling-12 a { border:1px dotted #ff6598; }
.book-ol-List li .feeling .feeling-13 a { border:1px dotted #a756bb; }
.book-ol-List li .feeling .feeling-14 a { border:1px dotted #19196e; }
.book-ol-List li .feeling .feeling-15 a { border:1px dotted #d42cd4; }
.book-ol-List li .rank { font-weight:bold; color:#e86a97; }
.book-ol-List li .rank.rank1 { color:#bc9c1c; }
.book-ol-List li .rank.rank2 { color:#a3a3a3; }
.book-ol-List li .rank.rank3 { color:#9f6e34; }
.book-ol-List li .rp span { margin-right:0.5em; }
.book-ol-List li .rp span.new { color:#ff6699; }
.book-ol-List li .rp span.up { color:#ff3366; }
.book-ol-List li .rp span.down { color:#33cccc; }
.keywordBtn a {
	display:inline-block;
	margin:0 0 5px 2px;
	padding:4px 3px;
	width: auto;
	color:#333;
	text-align:center;
	text-decoration:none;
	line-height:1;
	background-color:#f5f5f5;
	border:1px solid #dcdcdc;
    border-radius:3px;
}
.keywordBtn a:hover {
	text-decoration:underline;
	background-color:#f9f9f9;
}
.keywordBlock {
	margin:10px 0 0 0;
	padding:7px 7px 2px 7px;
	font-size:85%;
	border:1px dotted #ccc;
	border-radius:5px;
}