@charset 'UTF-8';

p.text-center b{
display:none;
}

/* PCスマホ切り替え */
.spcSwitcherArea{
margin:0 auto;
text-align:center;
}
	.spcSwitcher{
	font-size:24px;
	font-weight:bold;
	text-align:center;
	margin:0 auto;
	margin-bottom:20px;
	width:80%;
	display:block;
	padding:10px;
	}

/*===========================================================================
　サイト全体
サイトロゴ			100x40
メニューアイコン	40x40
通常のリストサムネ	80x80
=============================================================================*/
/*************** 共通リスト関連 ***************/
/* 横並びリスト（ボタン風） */
.navUlLi, .btnUlLi{
margin:0 auto;
text-align:center;
font-size:14px;
}

.navUlLi .active, .navUlLi li:hover{
	background-color:#F5F5F5;
	background: -moz-linear-gradient(top, #F5F5F5, #F5F5F5 50%);
	background: -webkit-gradient(linear, left top, left bottom, from(#F5F5F5), color-stop(0.5, #F5F5F5));
	font-weight:bold;
}
	.navUlLi ul, .btnUlLi ul{
	}
	.navUlLi li, .btnUlLi li{
	min-width:32%;
	max-width:50%;
	display:inline-block; /display:inline; /zoom:1;
	background-color:#EEEEFF;
	border:1px solid #CCCCCC;
	background: -moz-linear-gradient(top, #FEFEFE, #EEEEEE 50%);
	background: -webkit-gradient(linear, left top, left bottom, from(#FEFEFE), color-stop(0.5, #EEEEEE));
	border-right:0;
	text-align:center;
	margin:10px -4px 10px 0; /* -4pxはネガティブマージン */
	position:relative;
	}
	.navUlLi li:last-child, .btnUlLi li:last-child{
	border-right:1px solid #CCCCCC;
	}
	.navUlLi a, .btnUlLi a{
	text-decoration:none;
	color:#000000;
	display:block;
	padding:8px 4px 8px 4px;
	}
		/* ボタンだけ角丸 */
		.btnUlLi li{
		border-radius:15px 0 0 15px;
		}
		.btnUlLi li:last-child{
		border-radius:0 15px 15px 0;
		}

/* 通常セクション */
.normalSection{
margin:2px 10px 10px 10px;
}

/* 複数リンクリストセクション */
.multiLinkSection{
margin-bottom:10px;
}

	.multiLinkSection>ul{
	clear:both;
	
	border-bottom: 1px solid #cccccc;
	}
	.multiLinkSection>ul>li{
	position:relative;
	clear:both;
	padding:5px;
	border-top: 1px solid #cccccc;
	min-height:90px;
	}
		.multiLinkSection>ul>li:after{
		clear:both;
		display:block;
		content:"";
		zoom:1;
		}
	.multiLinkSection h6{
	line-height:14px;
	color:#000000;
	text-decoration:underline;
	max-height:28px;
	padding: 4px 0 4px 0;
	font-weight: bold;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	-webkit-text-overflow: ellipsis;
	-o-text-overflow: ellipsis;
	}

		.multiLinkSection a>h6{
		line-height:18px;
		font-size:16px;
		}

		.multiLinkSection .fanUpdate{
		position:absolute;
		bottom:5px;
		right:5px;
		}
		
		.multiLinkSection .followStatus{
		position: absolute;
		bottom: 12px;
		right: 95px;
		}		
/* テキストのみのリストセクション */
.rowLinkSection{
margin-bottom:10px;
}
	.rowLinkSection h6{
	padding: 2px 2px 2px 4px;
	color:#FFFFFF;
	}
	.rowLinkSection ul{
	border-bottom: 1px solid #cccccc;
	}
	.rowLinkSection li{
	border-top: 1px solid #cccccc;
	position:relative;
	}
	.rowLinkSection ul li a{
	color: #000000;
	background: -moz-linear-gradient(top, #FFFFFF, #FAFAFA 100%);
	background: -webkit-gradient(linear, left top, left bottom, from(#FFFFFF), color-stop(1, #FAFAFA));
	padding:12px;
	display: block;
	line-height:16px;
	max-height:16px;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	-webkit-text-overflow: ellipsis;
	-o-text-overflow: ellipsis;
	}
	.rowLinkSection ul li a:after{
	display: block;
	position: absolute;
	top: 50%;
	right: 10px;
	width: 7px;
	height: 7px;
	margin-top: -4px;
	border-top: solid 2px #cccccc;
	border-right: solid 2px #cccccc;
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
	content: "";
	}
		.rowLinkSection ul li a [class^="icon-"],
		.rowLinkSection ul li a [class*=" icon-"]{
		text-align:center;
		text-decoration:none;
		width: 20px;
		display: inline-block;/display:inline;/zoom:1;
		}
/* リストセクション */
.listSection{
margin-bottom:10px;
}
	.borderAddTop{
	border-top:1px solid #cccccc;
	}
	.listSection ul{
	border-bottom: 1px solid #cccccc;
	}
	.listSection li{
	border-top: 1px solid #cccccc;
	background: -moz-linear-gradient(top, #FFFFFF, #fefefe 50%);
	background: -webkit-gradient(linear, left top, left bottom, from(#FFFFFF), color-stop(0.5, #fefefe));
	}
	.listSection li>a{
/*	background: url(../img/icon/iconArrowR.png) no-repeat 100%;	*/
	text-decoration:none;
	color: #000000;
	padding: 5px 20px 5px 5px;
	display: block;
	overflow: hidden;
	}
	.listSection li>a:after{
	display: block;
	position: absolute;
	top: 50%;
	right: 10px;
	width: 7px;
	height: 7px;
	margin-top: -4px;
	border-top: solid 2px #cccccc;
	border-right: solid 2px #cccccc;
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
	content: "";
	}
	.listSection li>a:hover{
	background-color:rgba(200,200,200,0.1);
/*
	opacity:0.7;
	filter:alpha(opacity=70);
	-ms-filter: "alpha( opacity=70 )";
	background:none!important;
*/
	}
	.listSection li{
	position:relative;
	}
	.listSection h6{
	line-height:14px;
	/* line-height:18px; */
	font-size:14px;
	max-height:16px;
	padding: 2px 0 2px 0;
	font-weight: bold;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	-webkit-text-overflow: ellipsis;
	-o-text-overflow: ellipsis;
	}
/* 拡張 */
.listSection .spTaps li a{
text-decoration:none;
font-size:15px;
padding:12px;
}
	/* サムネイル画像 */
	.imageBlock{
	width:90px;
	margin-right:10px;
	float:left;
	}
		/* 正方形サムネイル */
		.imgBox{
		background-color:#ffffff;
		margin:0 auto;
		text-align:center;
		line-height:0;
		border:1px solid #EEEEEE;
		display:table-cell;
		vertical-align:middle;
		layout-grid-line:90px;
		width: 90px;
		height: 90px;
		overflow:hidden;
		}
		.imgBox img{
		max-height:90px;
		max-width: 90px;
		}
			/*画像がない場合*/
			.imgBox.noimage{
			background-color:#fefefe;
			}
			.imgBox.noimage .icon{
			font-size:60px;
			color:#dddddd;
			}

		/* 長方形サムネイル（影付） */
		.coverBox{
		background-color:#ffffff;
		margin:0 auto;
		text-align:center;
		margin-bottom:2px;
		line-height:0;
		border:1px solid #EEEEEE;
		width :88px;
		height:110px;
		overflow:hidden;
		display:block;
		-webkit-box-shadow: 2px 2px 2px 0 #CCCCCC;
		-moz-box-shadow: 2px 2px 2px 0 #CCCCCC;
		box-shadow: 2px 2px 2px 0 #CCCCCC;
		}

		.coverBox img{ /* 4:5 */
		max-width :88px;
		}
.coverBox .middle{
display:table-cell;
height:110px;
vertical-align:middle;
}


/* listSectionの高さを狭く、ulに指定 */
.halfList .imageBlock {
width: 80px; /*59px*/
}
.halfList .coverBox{
width: 80px; /*57px*/
height: 100px; /*70px*/
}
.halfList .coverBox .middle{
height:100px; /*70px*/
}
.halfList .coverBox img{
width: 80px; /*57px*/
}

.imageBlock.cb50{width:50px;height:63px;}
.imageBlock.cb50 .coverBox{width:50px;height:63px; margin-bottom:3px;}
.imageBlock.cb50 .coverBox img{width:50px;}
.imageBlock.cb50 .coverBox .middle{height:63px;}

/* listSectionをチェックボックス化 */
.listLabel{
position:relative;
height:88px;
}
.listLabel:after{
position:absolute;
top:38px;
right:10px;
content:"";
width:14px;
height:14px;
border:1px solid #666666;
display:block;
border-radius:1px;
}
.listLabel input[type="checkbox"]{
display:inline-block; /display:inline; /zoom:1;
padding:230px;
display:none;
}
.listLabel.checked{
filter: alpha(opacity=9);
-moz-opacity:0.9;
opacity:0.9;
color:#888888;
}
	.listLabel.checked:after{
	background-color:#4BD865;
	border:1px solid #00921B;
	}
div.listLabel input:after {
content: "";
display: block;
clear: both;
}
/* 簡易リスト用 */
.simpleList{
border-bottom:1px solid #EEEEEE;
}
.simpleList li{
padding:2px;
border-top:1px solid #EEEEEE;
}
/* campaign */
.campaignHeader{
text-align:center;
}
.textList{
display:block;
margin-bottom:30px;
}
	.textList li{
	line-height:24px;
	}
.btn-entrance{
padding:10px 30px;
font-size:20px;
line-height:25px;
}
#entryStepSection{
text-align:center;
margin:0 auto;
padding:5px 5px 20px 5px;
font-weight:bold;
}
	.mss1{
	font-size:28px;
	display:block;
	line-height:40px;
	color:#1A1A1A;
	text-shadow:1px 1px 3px #fff,3px 3px 6px #afafaf;
	}
	/* もっと見る */

	.moreArea{
	text-align:right;
	padding:4px;
	}
	.moreArea a:before{
	content:"⇒ ";
	}
		.normalSection .moreArea{
		padding-right:0;
		}


/*
	.moreArea{
	text-align:center;
	padding:4px;
	}
	.moreArea a{
	color:#000000;
	border-radius:4px;
	display:inline-block; /display:inline; /zoom:1;
	width:90%;
	border:1px solid #CCCCCC;
	background-color:#F8F8F8;
	padding:6px;
	}
		.moreArea a:hover{
		background-color:#EEEEEE;
		color:#000000;
		}
	.moreArea a:before{
	content:"▼ ";
	}
		.normalSection .moreArea{
		padding-right:0;
		}
*/
.multiListSection{
padding:5px 0 10px 0;
}
	.multiListSection ul{
	border-bottom: 1px solid #cccccc;
	}
		.multiListSection li{
		padding:2px;
		border-top:1px solid #CCCCCC;
/*
		background-image: -webkit-gradient(linear, 0% 100%, from(#FFFFFF), to(#FEFEFE));
		background: linear-gradient(#FFFFFF, #FEFEFE);
*/
		}

.multiListSection .right{
clear:both;
}
.multiListSection .title{
line-height:14px;
height:14px;
text-overflow: ellipsis;
overflow: hidden;
white-space: nowrap;
}
.multiListSection .description{
line-height:14px;
height:42px;
text-overflow: ellipsis;
overflow: hidden;
}
.simplelList li{vertical-align:middle;}
.simplelList li:after{clear:both;content:"";display:block;}

/* 作品1件の小表示 */
.miniWorkItem{
margin:10px;padding:10px;border:1px solid #E2E2E2;
}
	.miniWorkItem img{
	width:30px;
	float:left;
	}
	.miniWorkItem p{
	margin-left:35px;
	}
/* リストセクション加工 */
.miniItemList .miniItemImage{
float:left;
}
.miniItemImage{
overflow:hidden;
margin:4px 4px 4px 0;
width:40px;
height:40px;
display:table-cell;
}
.miniItemList a{
display:block;
}

.imageView{
margin:0px;
text-align: center;
}
.imageView{
position:relative;
overflow:hidden;
margin:10px 0;
min-height:200px;
}
.imageView img{
position:relative;
top:0;left:0;
}
.btnFullImage{
cursor:hand;
cursor:pointer;
}
	.imageMenu{
	z-index:1;
	display:inline-block; /display:inline; /zoom:1;
	position:absolute;
	top:0; right:0;
	}
	.imageMenu li{
	display:inline-block; /display:inline; /zoom:1;
	}
	.imageMenu .btn{
	margin:0 auto;
    filter:alpha(opacity=70);
    -moz-opacity: 0.7;
    opacity: 0.7;
	}

#pageTitle{
margin:10px 0;
font-size:18px;
text-align: center;
}
#pageBody{
margin:10px 0;
min-height:200px;
font-size:110%;
line-height:150%;
}
	.fontSizeL{
	font-size:125%;
	}
	.fontSizeXL{
	font-size:150%;
	}
	.fontBold{
	font-weight:bold;
	}
#font-size,#line-height{
display:inline-block;/display:inline;/zoom:1;
width:26px;
text-align:right;
}
#pageConfig{
display:block;
width:180px;
padding:5px 20px;
display:none;
border:1px solid #cccccc;
border-radius:4px;
}
.simpleAddSection{
margin:20px 0 20px 0;
}
/* タイトル3行 */
.listSection.line3 h6{
white-space:normal;
line-height:16px;
min-height:48px;
}
/* 右余白追加 */
.listSection.line3 .bottomRight{
right:24px;
bottom:5px;
font-size:12px;
}
/* リスト用 */
.labelBlock{
	display:inline-block; /display:inline; /zoom:1;
}
	/* ラベル各種 */
	.labelGenre,.labelNovel,.labelComic,.labelPhoto,.labelMatome,
	.labelIllust,.labelPicture,.labelPoem,.labelEssay,.labelRecipe,
	.labelCommunity,.labelTheme,.labelMylist,
	.label-css-novel,.label-css-comic,.label-css-illust,
	.label-css-theme,.label-css-community,.label-css-series,
	.label-css-novelpage,.label-css-comicpage,.label-css-user,
	.labelOther{
	background-color:#ffffff;
	display:inline-block; /display:inline; /zoom:1;
	text-align:center;
	font-size:12px;
	line-height:13px;
	min-width:50px;
	border-radius:2px;
	padding: 1px 4px;
	color:#999999;
	border:1px solid #999999;
	color:#999999;
	}
	.label-css-novel,.label-css-novelpage,
	.labelNovel   {color:#FF3333; border-color:#FF3333;}
	.label-css-comic,.label-css-comicpage,
	.labelComic   {color:#3333FF; border-color:#3333FF;}
	.label-css-illust,
	.labelIllust  {color:#008800; border-color:#008800;}

	.label-css-novel:after    {content:"小説";}
	.label-css-novelpage:after{content:"小説ページ";}
	.label-css-comic:after    {content:"コミック";}
	.label-css-comicpage:after{content:"コミックページ";}
	.label-css-illust:after   {content:"イラスト";}
	.label-css-:mylist:after  {content:"マイリスト";}
	.label-css-theme:after    {content:"テーマ";}
	.label-css-community:after{content:"コミュニティ";}
	.label-css-series:after   {content:"シリーズ";}
	.label-css-user:after  {content:"プロフィール";}
/*
	.labelGenre   {color:#666666; border-color:#666666;}
	.labelPhoto   {}
	.labelMatome  {}
	.labelPicture {}
	.labelPoem    {color:#FF33FF; border-color:#FF33FF;}
	.labelEssay   {}
	.labelRecipe  {}
	.labelMylist  {}
*/

	.detailDescription{
	font-size:13px;
	line-height:14px;
	max-height:28px;
	margin-right:25px;
	overflow:hidden;
	font-weight:normal;
	}
	.detailBlock{
	line-height: 22px;
/*	overflow:hidden;*/ /* 問題あるかも */
	}

.detailCategory{
color:#666666;
}

.dateBlock{
font-size:12px;
color:#666666;
margin-top:2px;
}
/* リスト個別リンク */
.lineLink{
color:#0088cc;
}

/* レビュー用 */
.revDescription{
	font-size:12px;
	line-height:14px;
	max-height:70px;
	margin-right:25px;
	overflow:hidden;
	font-weight:normal;
}

.startInfo{
margin:5px auto;
text-align:center;
}
a.btnStartReading,
a.btnStartWriting{
margin:0 2px;
font-weight:bold;
padding:20px 8px;
min-width:110px;
color:#ffffff;
display:inline-block;/display:inline;/zoom:1;
border-radius:4px;
font-size:16px;
}
a.btnStartReading:active,
a.btnStartWriting:active{
text-decoration:none;
}
.btnStartReading{background-color:#41adca;}
.btnStartWriting{background-color:#40caa8;}

/* TOPPAGES */
#logoTopPage h1{
font-weight:bold;
}
#logoTopPage{
position:relative;
}
#toggleContentsNavi{
cursor:hand;
cursor:pointer;
position:absolute;
top:0;right:0;
height:35px;line-height:35px;
padding:4px 13px;
text-align:center;
border-left: 1px solid #bbbbbb;
background-color: rgba(180,180,180,0.1);
}
#masonry{
margin-top:10px;
}

/* PC_ILLIST_LIST */
.illustListSection .labelBlock {
display: block;
}
.illustListSection{
padding:5px 0 0 0;
margin:0 auto;
}
.illustList ul{
display:table;
width:100%;
}
.illustList li{
text-align:center;
vertical-align:top;
display:inline-block; /display:inline; /zoom:1;
margin-right:-4px;
margin-bottom:10px;
width:25%;
min-width:25%;
max-width:25%;
}
	.illustList a{
	display:inline-block; /display:inline; /zoom:1;
	text-align:center;
	margin:0 auto;
	color:#333333;
	}
		.illustList a.work{
		display:inline-block; /display:inline; /zoom:1;
		}
		.illustList a.work:hover .thumb{
		border:1px solid #666666;
		}
	.illustList .thumb{
	display:inline-block; /display:inline; /zoom:1;
	border:1px solid #EEEEEE;
	padding:2px;
	max-width:100px;
	}
		.illustList .thumb img{
		max-width:100%;
		max-height:120px;
		}
	.illustList .title{
	padding:0 6px;
	padding: 4px 6px 0px 6px;
	font-size:13px;
	line-height:15px;
	font-weight:bold;
	}
	.illustList .username{
	padding:6px;
	font-size:11px;
	line-height:13px;
	}

	.listSection .listUserName{
	position:absolute;
	bottom:0px;
	left:105px;
	color:#444444;
	font-size:12px;
	}


.sp-mode.illustList li{
width:33.3333%;
min-width:33.3333%;
max-width:33.3333%;
margin:0;
margin-bottom:10px;
margin-right:-4px;
overflow:hidden;
}
.sp-mode.illustList .thumb{
vertical-align:middle;
max-width:none;
padding:0;
width:94px;
height:94px;
overflow:hidden;
}
.sp-mode.illustList .thumb img{
position: relative;
top: 50%;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
max-height: 94px;
max-width: 100%;
overflow:hidden;
}
	.sp-mode.illustList a.work:hover .thumb{
	border:1px solid #EEEEEE;
	}

.loadAjaxItems{
text-align:center;
display:block;
width:240px;
font-size:15px;
font-weight:bold;
padding:10px 0;
margin:8px auto 20px auto;
}

/* サムネイルリスト */
.thumbListSection{
padding:5px 0 10px 0;
text-align:center;
}
	.thumbListSection ul{
	padding:5px;
	text-align:left;
	}
		.thumbListSection li{
		vertical-align:top;
		display:inline-block; /display:inline; /zoom:1;
		width: 98px;
		height: 98px;
		padding:0 2px 5px 0;
		}
			.thumbListSection li a{
			border: 1px solid #CCCCCC;
			overflow: hidden;
			line-height: 0;
			display:block;
			width: 98px;
			height: 98px;
			padding-bottom:2px:
			}
			.thumbListSection li img{
			line-height: 0;
			width:100%;
			}

.invitationSection{
margin:10px auto;
text-align:center;
}
	.invitationSection li{
	display:inline-block; /display:inline; /zoom:1;
	}

.socialButtonList{
margin:0 auto;
text-align:center;
padding:4px 4px 2px 4px;
}
	.socialButtonList li{
	display:inline-block;/display:inline;/zoom:1;
	}
	.socialButtonList img{
	width:35px;height:35px;
	}
.friendButtonSection{
text-align:center;
}
	.friendButtonSection a{
	min-width:82px;
	}
	#qrcodeBlock{
	margin:5px 5px 10px 5px;
	display:none;
	}
.slinkTo{
width:130px;
display:inline-block;/display:inline;/zoom:1;
padding:10px 0;
margin:6px;
color:#ffffff;
}
	.slinkTo:hover{
	text-decoration:none;
	color:#ffffff;
	}
	.slinkToTw{background-color:#55acee;}
	.slinkToLi{background-color:#1dcd00;}
	.slinkToFb{background-color:#3b5998;}
	.slinkToAb{background-color:#4dac26;}

/* SOCIAL_OAUTH */
.btnOauth{
width:56px;
height:56px;
overflow:hidden;
outline:none;
border:none;
color:#ffffff;
border-radius:50%;
padding:0;
font-size:30px;
line-height:56px;
margin:10px 5px 0 5px;
vertical-align:middle;
text-align:center;
display:block;
}
	.btnOauth:hover{
	color:#ffffff;
	text-decoration:none;
	}
.btnOauthBar{
color:#ffffff;
outline:none;
border:none;
text-align:center;
display:block;
width:200px;
margin:10px auto;
padding:10px 20px;
border-radius:6px;
}
	.btnOauthBar:hover{
	color:#ffffff;
	text-decoration:none;
	}
.oauthLabel{
font-size:13px; color:#666666;
}
.oauthTwitter{background-color:#50a7e6;}
.oauthGoogle{background-color:#DB4A37;}
.oauthFacebook{background-color:#3b5998;}
.oauthTwitter:hover{background-color:#4385C3;}
.oauthGoogle:hover{background-color:#CF402E;}
.oauthFacebook:hover{background-color:#214081;}

/* 60px */
.square60{
float:left;
width:60px;
height:60px;
border:1px solid #CCCCCC;
padding:1px;
margin:1px;
display:table;
background-color:#ffffff;
}
	.square60 .middle{
	width:60px;
	height:60px;
	display:table-cell;
	margin:0 auto;
	vertical-align:middle;
	text-align:center;
	}
	.square60 img{
	max-width:60px;
	max-height:60px;
	}

/* limitationSwitcher */
.btnEntrance a{
background-color:#21AF9E; /* MCOLOR #21AF9E */
display:block;
margin:4px;
padding:4px 20px;
text-align:center;
color:#ffffff;
border-radius:4px;
text-decoration:none;
min-width:120px;
}
.btnEntrance.pc a{
margin:0;
}

	.btnEntrance a:hover{
	background-color:#28C5B2;
	}
.btnEntrance.bl a{
background-color:#F590EE;
}
	.btnEntrance.bl a:hover{
	background-color:#F79FF1;
	}

/*************** コーナー詳細 ***************/
#bookSection{
margin: 10px 10px 0 10px;
}
	#bookImageBlock{
	min-height:130px;
	float:left;
	text-align:center;
	padding-right:10px;
	padding-bottom:10px;
	width:120px;
	}
	#bookDescriptionBlock{
	margin-left:130px;
	}
	.bookDescription{
/*	margin:4px 0 4px 0;*/
	margin:4px 10px;
	}
.workTitle{
text-align:center;
font-weight: bold;
font-size: 18px;
background-color:#FCFCFC;
padding: 10px;
margin-bottom: 4px;
border-bottom: 1px solid #EFEFEF;
}
.cornerTopDateBlock{
color:#666666;
font-size:13px;
text-align:left;
margin:5px 0;
}
.cornerTopDateBlock hr{
margin:4px 0;
}
/*
.comicModeTextSection{
cursor:hand;
cursor:pointer;
}
*/
#comicModeGuide{
border:1px solid #BBBBBB;
border-radius:4px;
margin:10px;
padding:10px;
}
/* 評価 */
.voteBlock{
padding:10px;
}

/* ボタン */
.btnReadA, .btnReadB, .btnFanAdd, .btnEnquete{
display:block;
padding:8px;
margin:4px;
color:#FFFFFF;
font-weight:bold;
background-color:#FF2222;
border:1px solid #FF0000;
border-radius:10px;
text-align:center;
}
	.btnReadB{
	background-color:#229922;
	border:1px solid #009900;
	}
/* ファン登録ボタン */
.btnFanAdd{
margin:4px 0 0 0;
padding:4px;
background-color:#2222FF;
border:1px solid #0000FF;
}
.btnEnquete{
color:#000000;
background-color:#FFCCCC;
border:1px solid #FFAAAA;
}
/* 短編小説 */
.whopperBorder .border-start,
.whopperBorder .border-close{
background-color:#ffffff;
padding:10px 0;
}
	.whopperBorder .border-start{
	border-radius:20px 20px 0 0;
	border-top:1px solid #dddddd;
	margin-top:10px;
	}
	.whopperBorder .border-close{
	border-radius:0 0 20px 20px;
	border-bottom:1px solid #dddddd;
	margin-bottom:10px;
	}
.whopperBorder{
background-color:#eeeeee;
padding-top:0;
padding-bottom:2px;
}
.whopperBorder#short{
padding-top:2px;
padding-bottom:0;
}
/* コンテスト */
#entryContest{
margin-top:4px;
margin-bottom:4px;
display: inline-block;
}
	#entryContest p{
	min-width: 200px;
	background: #35508D;
	padding: 3px;
	color: #FFFFFF;
	font-weight: bold;
	border-radius: 4px 4px 0 0;
	}
	#entryContest img{
	border-radius: 0 0 4px 4px;
	}
/* CONTEST_DETAIL */
.contestBody{line-height:normal;}
#contestHeader{
text-align:center;
}
.contestEntryWorks li{
margin:5px 0;
border-bottom:1px solid #bbbbbb;
}
	.contestEntryWorks li:after{
	content:'';
	clear:both;
	display:block;
	zoom:1;
	}

.contestEntryWorks .creator{
float:left;
text-align: center;
width:130px;
}
.contestEntryWorks .creator img{
border-radius:100%;
width:60px;
}

.contestEntryWorks .creator .userName{
font-size:12px;
}
.contestEntryWorks .workDetail{
padding-left:135px;
}
	.contestEntryWorks .workDetail .title{
	font-size:17px;
	font-weight:bold;
	line-height:normal;
	}

/*  */
#reserve .accordion-group, #reserve .accordion-inner{
border-right-width: 0;
border-left-width: 0;
}
#reserve .item{
position:relative;
}
#reserve .item{
border-bottom:1px solid #bbbbbb;
padding:10px 0;
}
#reserve .item:only-child,
#reserve .item:last-child{
border-bottom:none;
}
#reserve .btn-small{
position:absolute;
bottom:0;
right:0;
}
#reserve .accordion-toggle{
text-decoration:none;
}


/*************** 共通ヘッダー関連 ***************/
.wrapperArea{
}
/* スマホ専用、PC版は別途用意 */
#header {
text-align:center;
position: relative;
height: 50px;
}
	#headerLeft , #headerRight1 , #headerRight2{
	position: absolute;
	display:inline-block; /display:inline; /zoom:1;
	width: 50px;
	height: 50px;
	top: 0px;
	}
	#headerLeft a , #headerRight1 a  , #headerRight2 a {
	text-decoration:none;
	background-color:#2DCAB8;
	background: -moz-linear-gradient(top, #2DCAB8, #0ABDA7 100%);
	background: -webkit-gradient(linear, left top, left bottom, from(#2DCAB8), color-stop(1, #0ABDA7));
	-webkit-box-shadow: inset 0 0 1px rgba(255,255,255,0.2),0 1px 2px rgba(0,0,0,0.05);
	-moz-box-shadow: inset 0 0 1px rgba(255,255,255,0.2),0 1px 2px rgba(0,0,0,0.05);
	box-shadow: inset 0 0 1px rgba(255,255,255,0.2),0 1px 2px rgba(0,0,0,0.05);
	color: #FFFFFF;
	border-radius: 4px;
	color:#FFFFFF;
	display:block;
	margin:8px;
	padding:7px;
	font-size:20px;
	line-height:0;
	color: #FFFFFF;
	}
	#headerLeft {
	left: 0px;
	}
	#headerRight1 {
	right: 0px;
	}
	#headerRight2 {
	right: 40px;
	}
	#header #siteName a{
	text-indent:-9999px;
	display:block;
	margin: 5px 0px 5px -50px;
	position:absolute;
	left:50%;
	width:100px;
	height:40px;
	text-align: center;
	background-image:url('../img/siteLogo.png');
	background-size:100% auto;
	}

.hc-total,
.hc-today,
.goodclapData i,
#goodTopNum,#goodTopName{
color:#00B6EC;
}

.bl .hc-total, .r18 .hc-total,
.bl .hc-today, .r18 .hc-today,
.bl .goodclapData i, .r18 .goodclapData i,
.bl #goodTopNum, .r18 #goodTopNum,
.bl #goodTopName, .r18 #goodTopName{
color:#FF93E9;
}

/*************** 共通フッター関連 ***************/
.footerNavi{
font-weight:bold;
}
	.footerNavi ul{
	display:table;
	width:100%;
	border-top:1px solid #BBBBBB;
	}
	.footerNavi ul li{
	display:table-cell;
	width:33.3333%;
	text-align:center;
	border-right:1px solid #FFFFFF;
	}
	.footerNavi li:last-child{
	border-right:none;
	}
	.footerNavi li a{
	color:#FFFFFF;
	display:block;
	padding:10px;
	}

.cornerTopNavi{
padding:5px 0 5px 0;
background-color:#FEFEFE;
/*
background: -moz-linear-gradient(top, #000000, #777777 100%);
background: -webkit-gradient(linear, left top, left bottom, from(#000000), color-stop(1, #777777));
*/
}
/*
	.cornerTopNavi ul li{
	background: -moz-linear-gradient(top, #222222, #333333 50%, #222222);
	background: -webkit-gradient(linear, left top, left bottom, from(#222222), color-stop(0.5, #333333), color-stop(1, #222222));
	display:inline-block; /display:inline; /zoom:1;
	width:25%;
	margin-right:-4px;
	border-bottom:1px solid #444444;
	}
		.cornerTopNavi ul li:first-child{
		margin-left:-5px;
		}
	.cornerTopNavi li a{
	color:#FFFFFF;
	display:block;
	padding:5px;
	}
*/

/* R-18 BLなど */
.subFooterNavi{
border-top:1px solid #444444;
background-color:#21AF9E; /* MCOLOR #21AF9E */
text-align:right;
}
	.subFooterNavi a{
	display:inline-block; /display:inline; /zoom:1;
	padding:10px;
	margin-left:4px;
	color:#FFFFFF;
	}

/* フッターボトムナビ */
.siteBottomNavi{
width:100%;
}
.siteBottomNavi td{
width:50%;
border:1px solid #999999;
}
.siteBottomNavi a{
display:block;
padding:6px;
color:#000000;
}

/* コピーライト */
#copyright{
background-color:#5F5F5F; /* MCOLOR #21AF9E */
margin:0 auto;
padding:10px;
text-align:center;
}
	#copyright a{
	color:#FFFFFF;
	}

#footerMenuArea{
filter:alpha(opacity=80);
opacity:0.80;
-moz-opacity:0.80;
background-color:#ECECEC;
background: -moz-linear-gradient(top, #FFFFFF, #EAEAEA 50%);
background: -webkit-gradient(linear, left top, left bottom, from(#FFFFFF), color-stop(0.5, #EAEAEA));
border-top:1px solid #ECECEC;
/*
position:fixed;
bottom:0;
*/
width:100%;
}
	#footerMenuArea:after{
	content:"";
	display:block;
	clear:both;
	}
		#footerMenuArea ul li{
		float:left;
		width:20%;
		text-align:center;
		}
			#footerMenuArea ul li a{
			display:block;
			padding:8px;
			margin:1px;
			color:#111111;
			}

			#footerMenuArea ul li i{
			font-size:24px;
			line-height:24px;
			}
			#footerMenuArea ul li p{
			font-size:11px;
			line-height:12px;
			}
.mb10{
margin-bottom:10px;
}
.cornerBigNavi ul{
border-top:1px solid #BBBBBB;
border-bottom:1px solid #BBBBBB;
display:table;
width:100%;
}
	.cornerBigNavi li{
	border-right:1px solid #BBBBBB;
	display:table-cell;/display:inline;/zoom:1;
	width:33.3333%;
	}
		.cornerBigNavi li:last-child{
		border-right:none;
		}
		.cornerBigNavi a{
		font-weight:bold;
		text-decoration:none;
		display:block;
		padding:10px;
		text-align:center;
		color:#666666;
		}
		.cornerBigNavi .active a,
		.cornerBigNavi a:hover{
		color:#FFFFFF;
		}
		.cornerBigNavi .active .illustLink,
		.cornerBigNavi .illustLink:hover{
		background: #00AA6D;
		}
		.cornerBigNavi .active .comicLink,
		.cornerBigNavi .comicLink:hover{
		background: #0088CC;
		}
		.cornerBigNavi .active .novelLink,
		.cornerBigNavi .novelLink:hover	{
		background: #FF7777;
		}
/* 固定メニュー */
#fixedMenu{
position:fixed;
list-style:none;
margin:0;
padding:0;
bottom:10px;
right:10px;
}
#fixedMenu li{
padding-bottom:5px;
}
#fixedMenu a{
text-decoration:none;
display:inline-block;
padding:10px;
margin:0 auto;
width:30px;
height:30px;
font-size:24px;
display: table-cell;
vertical-align:middle;
text-align:center;
border-radius:100%;
background-color:rgba(0, 0, 0, 0.3);
text-shadow:1px 1px 0 #cccccc;
color:#ffffff;
}
#fixedMenu span{
display:none;
}



/*===========================================================================
　共通メニューエリア
=============================================================================*/
#menuArea{
}
.menuListSection{
margin-bottom:10px;
border-top:1px solid #333333;
}
.menuListSection li{
border-bottom:1px solid #333333;
background-color:#EEEEEE;
}
.menuListSection a{
color:#000000;
display:block;
padding: 10px 24px 10px 10px;
}



/*===========================================================================
　共通検索エリア
=============================================================================*/
.searchInputSection{
margin:5px 0px 10px 0px;
text-align:center;
}



/*===========================================================================
　サイト全体
=============================================================================*/
.btnRead{
margin:0 0 0 5px;
padding:5px;
border:3px double #666666;
display:inline-block; /display:inline; /zoom:1;
color:#666666;
border-radius:5px;
font-size:11px;
}

/*************** 見出し関連 ***************/
/* ナビゲーション余白設定 */
.widthNavi{
font-weight:bold;
margin-top:5px;
margin-bottom:5px;
text-align:center;
}
.widthNavi ul li{
line-height:26px;
min-width:30%;
overflow:hidden;
background-color:#999999;
color:#FFFFFF;
margin-left:-4px;
display:inline-block; /display:inline; /zoom:1;
border:1px solid #999999;
border-right:0;
overflow:hidden;
}
.widthNavi ul li:first-child{
border:1px solid #999999;
border-right:0;
border-radius:4px 0 0 4px;
}
.widthNavi ul li:last-child{
border:1px solid #999999;
border-radius: 0 4px 4px 0;
}
.widthNavi ul li:only-child{
border:1px solid #999999;
border-radius: 4px;
}
.widthNavi ul li a{
font-weight:normal;
display:block;
background-color:#FFFFFF;
color:#999999;
}
.widthNavi ul li .active{
background-color:#999999;
color:#FFFFFF;
}
.widthNavi.mypage ul li a,
.widthNavi.mypage ul li:first-child,
.widthNavi.mypage ul li:last-child,
.widthNavi.mypage ul li:only-child{
border-color:#AAAADD;
color:#666666;
background-color:#EEEEFF;
}

/*
.widthNavi{
margin:5px auto;
text-align:center;
}
	.widthNavi ul li{
	display:inline-block; /display:inline; /zoom:1;
	}
	.widthNavi a{
	display:block;
	padding:4px;
	}
	.widthNavi .active{
	color:#000088;
	font-weight:bold;
	}
*/

/*************** ページ送り関連 ***************/
.pagerBlock{
display:table;
width:100%;
border-bottom:1px solid #EEEEEE;
}
.pagerBlock li{
text-align:center;
display:table-cell;
width:33.3333%;
padding:2px;
}
.pagerBlock li a{
display:inline-block; /display:inline; /zoom:1;
padding:4px;
min-width:60px;
}
/*  */
.pages{
height:140px;
display:block;
text-align:center;
background-color:#EEEEEE;
border-top:1px solid #999999;
border-bottom:1px solid #999999;
padding:4px 0px 4px 0px;
}
.pageSection{
width:100%;
text-align:center;
border-top:1px solid #666666;
border-bottom:1px solid #666666;
background-color:#FCFCFC;
margin-bottom:10px;
}
	.pageSection:after{
	content:" ";
	zoom:1;
	display:block;
	clear:both;
	}
.pagePrev, .pageNext{
font-size:22px;
width:80px;
height:50px;
}
	.pagePrev{float:left;border-right:1px solid #000000;}
	.pageNext{float:right;border-left:1px solid #000000;}
		.pagePrev a, .pageNext a{
		vertical-align:middle;
		display:table-cell;
		width:80px;
		line-height:50px;
		color:#000000;
		}
			.pagePrev a:hover, .pageNext a:hover{
			background-color:#F1F1F1;
			}
.pageCountArea{
text-align:center;
margin:0 auto;
}
	.pageCountArea select{
	line-height:50px;
	height:50px;
	display:table-cell;
	vertical-align:middle;
	font-size:12px;
	background-color: transparent;
	-webkit-appearance:none;
	-moz-appearance:none;
	appearance:none;
	border: none;
	text-align:center;
	text-align:-webkit-center;
	margin:0 auto;
	padding:0;
	text-indent: .01px;
	text-overflow: "";
	}
	.pageCountArea select option{
	text-align:center;
	text-align:-webkit-center;
	}



/*************** 強調関連 ***************/
/* エラー表示エリア */
div.errorMsg{
padding:8px 0px 8px 0px;
margin:4px;
border-radius:4px;
background-color:#FFEEEE;
text-align:center;
font-weight:bold;
color:#FF0000;
}
	p.errorMsg{
	color:#FF0000;
	font-size:10px;
/*
	font-size:11px;
	font-weight:bold;
	width:90%;
	border-radius:4px;
    background-color: #FFEEEE;
    color: #FF0000;
*/
	}
	.overlength{
	color:#FF0000;
	}

p.error{color:#FF0000;}
p.valid{color:#008800;}
input.error,
input.error:hover,
textarea.error,
textarea.error:hover{
border-color:#FF0000;
}
/* 成功表示エリア */
div.successMsg{
padding:8px 0px 8px 0px;
margin:4px;
border-radius:4px;
background-color:#EEFFEE;
text-align:center;
font-weight:bold;
color:#008800;
}
	p.successMsg{
	color:#008800;
	font-size:10px;
	}
	span.successMsg{
	color:#008800;
	padding:10px;
	display:block;
	}

/* 結果表示エリア */
.resultMsg{
font-weight:bold;
color:#008800;
}
/* データなしエリア */
.nodataMsg{
color:#777777;
padding:20px 5px;
text-align:center;
margin:4px auto;
}
	.nodataMsg i{
	display:block;
	font-size:78px;
	color:#AAAAAA;
	}

/* 強調(通常) */
.strong{
/*color:#666633; 緑っぽい*/
color:#333333;
font-size:17px;
font-weight:bold;
margin:4px 0 4px 0;
}

/* 強調(備考) */
.heed{
color:#8B8B8B;
}

/* 強調(太字) */
.bold{
font-weight:bold;
}
.jp-font{
font-family:"ＭＳ ゴシック", serif !important;
}
/* 強調(斜体) */
.italic{ 
font-family : 'Bookman Old Style'; 
font-style : italic;
font-weight:normal;
}
/* インラインブロック */
.inlineBlock{
display:inline-block;/display:inline;/zoom:1;
}
/* 文字数制限 */
.fontLen{
color:#666666;
}
.strong span.fontLen{
padding-left:2px;
font-size:12px;
font-weight:normal;
}
	.formInputGroup .fontLen{
		width:90%;
		padding-right:0;
		text-align:right;
	}
.guideMsg{
font-size:11px;
}
/* 強調(レベル1) */
.attention{
color:red;
}

/* 強調(レベル2) */
.pointment{
color:blue;
}

/* マーカー（必ず下記と同時に指定） */
.marker{
display:inline-block; /display:inline; /zoom:1;
padding:1px 4px 1px 4px;
margin:1px 1px 2px 1px;
}
	/* マーカー色指定 */
	.markerLv1{
	background-color:#FFCDCD;
	border-bottom:2px solid #FF8E8E;
	border-left:2px solid #FF8E8E;
	}
	.markerLv2{
	background-color:#CDFFFF;
	border-bottom:2px solid #8EFFFF;
	border-left:2px solid #8EFFFF;
	}
	.markerLv3{
	background-color:#FFFFE2;
	border-top:2px solid #FFFFC2;
	border-left:2px solid #FFFFC2;
	}
.hand{
cursor:hand;
cursor:pointer;
}
.alert{
border-radius:0;
margin:0;
padding: 8px 0;
}

/* 受賞作品名称 */
.nominationTitle{
background-color:#FFCCCC;
padding:2px 5px 2px 5px;
}

/* イメージレスポンス提供者情報 */
.imgresSelect{
padding:2px 0 2px 0;
margin:2px 0 2px 0;
font-size:12px;
}

.imgresSelect img{
width:30px;
border:1px solid #EEEEEE;
margin-right:2px;
}
.imgresSelect a{
display:inline-block; /display:inline; /zoom:1;
min-width:150px;
padding:4px;
color:#666666;
}
.imgresSelect .headline{
font-weight:bold;
line-height:14px;
}

/* 非表示 */
.hidden{
display:none;
}

/* バブルカウンター */
.bubble{
float:right;
font-size:10px;
color:#999999;
border:1px solid #999999;
display:blcok;
padding:2px;
margin-right:10px;
border-radius:15px;
-moz-border-radius:15px;
-webkit-border-radius:15px;
}
.smallTxt{
font-size:11px;
}
/*************** 称号関連 ***************/
/* 称号 */
.fameTitle{
font-size:12px;
}
	/* p要素の場合のみ */
	p.fameTitle{
	padding:4px 0px 4px 0px;
	text-align:center;
	background-color:#CCCCCC;
	}

/*************** スタンプ関連 ***************/
.stampArea{
margin:0 auto;
background-color:#CCFFFF;
}
.stampArea p{
font-weight:bold;
color:#008800;
}

/*************** ポイント関連 ***************/
/* ポイントエリア */
.pointArea{
font-size:12px;
padding:4px 0px 4px 0px;
text-align:center;
background-color:#CCCCCC;
}
	/* ポイント増減色(増加) */
	.plus{
	color:#0000FF;
	}
	/* ポイント増減色(減少) */
	.minus{
	color:#FF0000;
	}
.btnSingleBookmark{
width:132px;
}
/*************** レベル関連 ***************/
/* レベル */
.userLv li{
padding:1px;
font-size:10px;
line-height:10px;
color:#888888;
}

/*************** ユーザーID関連 ***************/
.userIdBlock{
font-size:12px;
color:#000099;
}

/*************** コーナー関連 ***************/
/* 完結 */
.complete{color: red;}
/* 連載 */
.publication{color: green;}

/* 公開 */
.released{
font-weight:bold;
color:red;
}
/* 非公開 */
.unreleased{
font-weight:bold;
color:black;
}

/* ネタバレ */
.netabareMsg{
font-weight:bold;
color:red;
text-align:center;
}

/* 携帯未使用 */
.miniText{
font-size:9px;
}

/*************** テーマ関連 ***************/
/* 開催期間テーマ */
#entryDateSection{
color:blue;
}

/* 受付中 */
#entryState1{
font-weight:bold;
color:#008800;
}

/* 投票期間中 */
#entryState2{
font-weight:bold;
color:#000088;
}

/* 選考期間中 */
#entryState3{
font-weight:bold;
color:#FF0000;
}
/*************** つぶやき関連 ***************/
.tweetListTable{
margin-bottom:10px;
}
.tweetListTable ul li{
border-bottom:1px solid #CCCCCC;
padding:8px 4px 8px 4px;
margin:4px 2px 4px 2px;
}
.tweetList {
table-layout: fixed;
width:100%;
}
.tweetList td{
word-wrap:break-word;
}
.tweetList .tweetInfo{
text-align:right;
padding:2px;
padding-top:6px;
}
	.tweetList .tweetInfo a{
	color:#888888;
	}
		.tweetList .tweetInfo a:hover{
		color:#333333;
		}
.tweet{
font-size:14px;
line-height:18px;
}
.right{
text-align:right;
}
.netabare{
font-weight:bold;
color:#FF0000;
}
	.bareShowBlock{
	display:none;
	}
	.bareHideBlock{
	padding:4px;margin:4px;
	color:#AAAAAA;
	}
	.openHide{
	cursor:pointer;
	cursor:hand;
	}
	.openHide:before{
		content:"⇒ ";
		color:#0000FF;
	}
.tweetUnit{
text-align:center;
margin:0 auto;
background-color:#EEEEEE;
border-top:1px solid #BBBBBB;
border-bottom:1px solid #BBBBBB;
padding:2px 0 2px 0;
}
	.tweetUnit table{
	margin:0 auto;
	width:90%;
	}
	.tweetText{
	width:100%;
	min-height:90px;
	}
	.tweetUnit label{
	margin:0;
	height:auto;
	}
.tweetList .res{
/*border-left:6px solid #CCCCFF;*/
padding-left:32px;
}

.tweetSortUnit{
background-color:#EEEEEE;
padding:4px 8px 4px 0;
text-align:right;
}
.tweetSortUnit select,
.sortSection select{
margin:0;
}

	.tweetList .avatar{
	width:54px;
	overflow:hidden;
	text-align:center;
	vertical-align:top;
	}
	.timestamp{
	text-align:right;
	padding-right:4px;
	color:#888888;
	}
	.tweetList .image{
	border-radius:6px;
	width:46px;
	}

	.tweetList .username{
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	max-width:100px;
	}
	.tweetList .username a{
	color:#000000;
	font-weight:bold;
	}

.toImage{
float:left;
padding:0 4px 4px 0px;
}
.tweetSortUnit label{
padding:0 auto;
margin:0 auto;
display:block;
width:100%;
text-align:left;
}

.tweetListTable#original div.tweet{
margin-top:10px;
margin-bottom:5px;
padding:5px;
font-size:20px;
line-height:24px;
}
.tweetListTable#original .avatar{
width:64px;
}
.tweetListTable#original .avatar img{
width:60px;
}
.tweetListTable#parent .avatar,
.tweetListTable#child .avatar{
text-align:right;
}
#dummyTweetTextArea{
width:90%;
}
#tweetLen{
display:inline-block;
}
	#tweetUnit.unbgcolor{
	background-color:transparent;
	border:none;
	}

.resNum{
font-weight:bold;
color:#333333;
}

.cardBlock{
margin-top:20px;
/*display:table;*/
width:100%;
/*
border: 1px solid #EEEEEE;
background-color: #F1F1F1;
*/
}
	.cardTitle a,.cardUser a{
	font-weight:bold;
	}
		.cardTitle, .cardTitle a, .cardTitle a:hover, .cardTitle a:hover, 
		.cardUser,  .cardUser a,  .cardUser a:hover,  .cardUser a:hover{
		color:#000000;
		}
	.cardSummary{
	color:#333333;
	height:58px;
	overflow:hidden;
	}

		.cardTitle,.cardUser,.cardSummary,
		.cardData .labelBlock{
		margin-bottom:6px;
		}
.cardData{
display:table-cell;
vertical-align:top;
/*
padding:5px;
*/
}
.cardImage{
width:110px;
display:table-cell;
vertical-align:top;
}
	.cardImage a{
	background-color:#FFFFFF;
	display:block;
	width:110px;
	height:110px;
	line-height:110px;
	text-align:center;
	margin:5px;
	}
		.cardImage img{
		line-height:110px;
		max-width:110px;
		max-height:110px;
		}
.mosaic{
-webkit-filter:blur(8px);
}
.publicTweetHl{
background-color: #F1F1F1;
border-top: 1px solid #BBBBBB;
padding: 4px;
text-align: center;
font-weight: bold;
}

.socialPresentBlock{
background-color: #E7F7FF;
color: #0000ff;
font-weight: bold;
text-align: center;
padding: 4px;
margin: 4px;
border-radius: 4px;
}

/* コミュニティ返信等 */
.referenceBlock{
background-color:#f9f9f9;
color:#666666;
}
/*************** タグ関連 ***************/
/* タグリスト表示用 */
.tagListBlock{
text-align:center;
margin:0 auto;
}

	/* タグのボタン化 */
	.tagBtn{
	    display:inline-block; /display:inline; /zoom:1;
	    margin: 3px 2px 3px 2px;
	    padding:3px 6px;
		background-color:#FAFAFA; /* f3f3f3 */
		font-size:14px;
		color:#000000;
		font-weight:bold;
		text-shadow:none;
		border:1px solid #B8B8B8;
/*
		background: -moz-linear-gradient(top, #EBEBEB, #FFFFFF 50%, #EBEBEB);
		background: -webkit-gradient(linear, left top, left bottom, from(#EBEBEB), color-stop(0.5, #FFFFFF), color-stop(1, #EBEBEB));
*/
		border-radius:4px;
		-moz-border-radius:4px;
		-webkit-border-radius:4px;
	}
	.tagBtn:hover{
		background-color:#fefefe;
	color:#000000;
	}
.tagListBlock .large{
font-size:120%;
}
.tagListBlock .up,
.tagListBlock .new {
line-height:100%;
font-weight:bold;
}
.tagListBlock .up{
line-height:100%;
font-weight:bold;
}
.tagListBlock .new:after{
margin:0 2px 0 2px;
display:inline-block; /display:inline; /zoom:1;
border-radius:4px;
background-color:#D68CFF;
color:#FFFFFF;
content:"new";
font-weight:normal;
font-size:9px;
}

.miniLabelBlock{
text-align:right;
padding:5px 4px;
}
.miniLabelBlock .label{
text-align:center;
min-width:50px;
}
/*
.miniLabelBlock .label{
text-align:center;
padding: 10px 0;
width:69px;
font-size:20px;
border: 3px double #ffffff;
}
.miniLabelBlock.floatRight .label{
width:auto;
padding:10px 4px;
}
*/
.miniLabelBlock a{
display:inline-block; /display:inline; /zoom:1;
padding-top:4px;
padding-bottom:4px;
}

.label-normal, .badge-normal{
background-color:#21AF9E; /* MCOLOR #21AF9E */
}
.label-r18, .badge-r18{
background-color:#757575;
}
.label-bl, .badge-bl{
background-color:#F590EE;
}
.label-tl, .badge-tl{
background-color:#FC9F4A; /* #663399 */
}
.label-r18bl, .badge-r18bl{
background-color:#B09EFC;
}
.label-space, .badge-space{
background-color:#CCCCCC;
}

.label-publication{ background-color:green; } /* 連載 */
.label-complete{ background-color:red; } /* 完結 */
.label-fanfic{ background-color:#ff8100; } /* 二次創作 */
.label-original{ background-color:#ff665f; } /* オリジナル */
.label-self-rating{ background-color:#ff678a; } /* レーティングあり */
.label-adult{ background-color:crimson; } /* アダルト */
.label-grotesque{ background-color:slategrey; } /* グロテスク */
.label-follower-only{ background-color:#2BA2DD; } /* フォロワーのみ */


.rankNum{
color:#222222;
line-height:50px;
font-size:50px;
position:absolute;
bottom:5px;
right:25px;
filter:alpha(opacity=10);
opacity:0.10;
-moz-opacity:0.10;
}


.spIconUl{
display:table;
width:100%;
}
.spIconUl li{
vertical-align:top;
display:table-cell;/display:inline;/zoom:1;
width:25%;
}
.spIconUl .spIconText{
font-size:12px;
}
.spIconUl li span,
.spIconUl li a{
text-decoration:none;
text-align:center;
position:relative;
display:block;
background-color:#FEFEFE;
border:1px solid #CCCCCC;
color:#333333;
margin:1px;
padding:2px;
}
	.spIconUl li span{
	height:44px;
	}
.spIconUl li a:hover{
background-color:#F1F1F1;
}
.spIconUl .spBadge{
background-color:#FF0000;
color:#FFFFFF;
position:absolute;
top:-1px;
right:-1px;
z-index:2;
padding:3px;
display:inline-block; /display:inline; /zoom:1;
border-radius: 20px;
text-align:center;
font-size:14px;
line-height:14px;
min-width:14px;
min-height:14px;
font-weight:bold;
}
.spIcon{
font-size:22px;
}
/*
.spIcon{
display:inline-block; /display:inline; /zoom:1;
background: #CCCCCC;
background: -moz-radial-gradient(center -20%, circle, rgba(255,255,255,0.8), rgba(255,255,255,0.3) 58%, rgba(255,255,255,0) 60%),-moz-linear-gradient(#EFEFEF, #E7E7E7 50%, #EEFFFF);
background: -webkit-gradient(radial, center -15, 0, center -15, 120, from(rgba(255,255,255,0.8)), color-stop(0.58, rgba(255,255,255,0.3)), color-stop(0.6,rgba(255,255,255,0))), -webkit-gradient(linear, left top, left bottom, from(#EFEFEF), color-stop(0.5, #CCCCCC), to(#EEFFFF));
background: -webkit-radial-gradient(center -20%, circle, rgba(255,255,255,0.8), rgba(255,255,255,0.3) 58%, rgba(255,255,255,0) 60%),-webkit-linear-gradient(#EFEFEF, #E7E7E7 50%, #EEFFFF);
background: -o-radial-gradient(center -20%, circle, rgba(255,255,255,0.8), rgba(255,255,255,0.3) 58%, rgba(255,255,255,0) 60%),-o-linear-gradient(#EFEFEF, #E7E7E7 50%, #EEFFFF);
background: radial-gradient(center -20%, circle, rgba(255,255,255,0.8), rgba(255,255,255,0.3) 58%, rgba(255,255,255,0) 60%),linear-gradient(#EFEFEF, #E7E7E7 50%, #EEFFFF);
border-radius: 15%;
-webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.4);
box-shadow: 0 1px 3px rgba(0,0,0,0.4);
color: #fff;
margin: 2px 10px 2px 10px;
padding:2px;
text-align: center;
text-decoration: none;
width:48px;
height:48px;
}
	.spIcon:after{
	display:block;
	content:"";
	clear:both;
	}
.spIconUl{
margin:0 auto;
text-align:center;
}
	.spIconUl li{
	display:inline-block; /display:inline; /zoom:1;
	text-align:center;
	margin-bottom:8px;
	}
.spIconText{
color:#444444;
font-size:11px;
height:11px;
font-weight:bold;
}
i.spIcon{
text-decoration:none;
display:block;
font-size:30px;
line-height:48px;
vertical-align:middle;
color:#444444;
}
.spIconUl li {
position:relative;
}
.spBadge {
background-color:#FF0000;
background: -moz-linear-gradient(top, #FF8888, #FF0000 80%);
background: -webkit-gradient(linear, left top, left bottom, from(#FF8888), color-stop(0.8, #FF0000));
color:#FFFFFF;
position:absolute;
top:-5px;
right:0px;
padding:2px;
display:inline-block; /display:inline; /zoom:1;
border:2px solid #FFFFFF;
border-radius: 20px;
text-align:center;
font-size:14px;
line-height:14px;
min-width:14px;
min-height:14px;
font-weight:bold;
-webkit-box-shadow: 0px 1px 2px 0 #000000;
-moz-box-shadow: 0px 1px 2px 0 #000000;
box-shadow: 0px 1px 2px 0 #000000;
}
	.spBadge.typeG{
	background-color:#008800;
	background: -moz-linear-gradient(top, #00CC00, #009900 80%);
	background: -webkit-gradient(linear, left top, left bottom, from(#00CC00), color-stop(0.8, #009900));
	}
	.spBadge.typeB{
	background-color:#0000FF;
	background: -moz-linear-gradient(top, #8888FF, #3333FF 80%);
	background: -webkit-gradient(linear, left top, left bottom, from(#8888FF), color-stop(0.8, #3333FF));
	}

.cornerTopNavi p.spIconText{
color:#FFFFFF;
}
*/


/*************** その他 ***************/
/* 小テーブル(横並び) */
.miniTable{
vertical-align:top;
display:inline-block; /display:inline; /zoom:1; /* スマホのみ */
font-size:10px;
clear:both;
}
.tdTitle{
background-color:#f9f9f9;
width:150px;
}

/*************** 作品一覧 ***************/
.cornerCategory{
width:90%;
margin:0 auto;
}
.cornerCategory tr td{
border:1px solid #999999;
padding:2px;
}

/*************** マイページ ***************/
/* 通知エリア */
.mypageAlertArea{
padding:5px 10px;
font-size:11px;
font-weight:bold;
}
.mypageAlertArea a{
color:red;
}

/*************** デバッグ関連 ***************/
.memo{
display:block;
text-align:center;
color:#FF6666;
background-color:#FFFFCC;
padding-top:6px;
padding-bottom:6px;
}

.mm-menu .mm-list > li.mm-label{
font-size:14px;
line-height:17px;
padding: 5px;
}

/*===========================================================================
　JQUERY_UI_CSS 上書き
=============================================================================*/
.ui-tabs .ui-tabs-panel{
padding:0;
margin:0;
}
.moreLink{
text-align:right;
margin-bottom:10px;
}
.ui-widget-content{
padding:0;
margin:0;
border:0;
}
.ui-tabs .ui-tabs-nav li a{
padding:8px 5px 8px 5px;
margin:0;
}
.ui-tabs-nav,
.ui-helper-reset,
.ui-helper-clearfix,
.ui-widget-header,
.ui-corner-all{
border:transparent;
background:transparent;
background-color:transparent;
padding:0;
margin:0;
}
.ui-state-active{
border-bottom:#FFFFFF;
}
.listSection .li-deleted{
padding:10px;
color:#999999;
}
.ui-tabs .ui-tabs-nav li.ui-tabs-selected{
top:0;
border-bottom:0;
}
.ui-widget{
font-size:12px;
}

/*===========================================================================
　共通ユーザー関連
=============================================================================*/
.minProfSection ,
.minCommunitySection ,
.minWorkSection {
position:relative;
height:32px;
padding:2px;
border-top:1px solid #dddddd;
border-bottom:1px solid #dddddd;
background: -moz-linear-gradient(top, #FFFFFF, #FCFCFC 100%);
background: -webkit-gradient(linear, left top, left bottom, from(#FFFFFF), color-stop(1, #FCFCFC));
}
	.minProfSection .imgBox, .minCommunitySection  .imgBox, .minWorkSection .imgBox{
	line-height:0;
	width:30px;
	height:30px;
	float:left;
	}
	.minProfSection img, .minCommunitySection img, .minWorkSection img{
	max-width:30px;
	max-height:30px;
	}
	.minProfSection .nameBox, .minCommunitySection .nameBox, .minWorkSection .nameBox{
	display:table-cell;
	font-size:12px;
	color:#000000;
	height:32px;
	max-width:200px;
	display:inline-block; /display:inline; /zoom:1;
	}
		.minProfSection .userName, .minCommunitySection .communityName, .minWorkSection .workName{
		text-overflow: ellipsis;
		overflow: hidden;
		white-space: nowrap;
		font-weight:bold;
		}
		.minProfSection .userFame{
		text-overflow: ellipsis;
		overflow: hidden;
		white-space: nowrap;
		line-height:10px;
		font-size:10px;
		}

	.minWorkSection .editLink{
	position:absolute;
	right:3px;
	top:3px;
	}
		.minWorkSection .editLink a{
		display:block;
		width:30px;
		height:30px;
		background-color:;
		color:#666666;
		font-size:30px;
		}
	
	.minProfSection .lefter{
	height:32px;
	display:table;
	position:absolute;
	top:0;
	right:8px;
	}
	.minProfSection .lefter .btn.btn-small{
	display:table-cell;
	vertical-align:middle;
	line-height:0;
	}
	.minProfSection .lefter .userLv{
	display:table-cell;
	vertical-align:middle;
	padding-left:6px;
	}
		.minProfSection>a{
		display:block;
		width:220px;
		}
	.fanEditArea{
	display:none;
	text-align:center;
	background-color:#FEFEFE;
	border:1px solid #CFCFCF;
	margin:10px;
	padding:10px;
	font-size:12px;
	border-radius:10px;
	}

.themeHeader{
text-align:center;
margin:0 auto;
}
/* ユーザープロフィール */
#userHeaderBlock{
position: relative;
text-align: center;
width:100%;
height:100px;/*140px;*/
z-index: 9999;
background-size: cover;
}
#userHeaderAvatar{
width:70px;
height:70px;
border-radius:5px;
padding:4px;
background-color:#ffffff;
}
	#userHeaderAvatar img{
	border-radius:5px;
	}
	#userHeaderBlock a{
	-webkit-tap-highlight-color:rgba(0, 0, 0, 0)!important;
	}
#userHeaderName{
text-align:left;
color: #ffffff;
line-height:24px;
font-size: 20px;
font-weight: bold;
text-shadow: 1px 1px 1px #000000;
}
#userHeaderName a{
color: #ffffff;
}
/* EDIT */
#userHeaderBlock .avatarBox{
display:inline-block;
position:relative;
}
#userHeaderBlock .edit{
position: absolute;
right: 0;
bottom: 0;
}
#userHeaderBlock .edit .icon-exchange{
color:#ffffff;
}
#userHeaderBlock .edit{
display:inline-block;
padding:4px 8px;
background-color:rgba(0,0,0,0.2);
color:#ffffff;
border-radius:2px;
}
/*===========================================================================
　タブ切り替え
=============================================================================*/
.mainTabArea>.nav-tabs{
padding-top:4px;
}
	.mainTabArea .nav-tabs>li>a{
	color:#555555;
	}
	.mainTabArea .nav-tabs>li>a{
	margin-right:5px;
	background-color: #E7E7E7;
	}
	.mainTabArea .nav-tabs>.active>a{
	background-color:#FFFFFF;
	color:#555555;
	font-weight:bold;
	}
	.mainTabArea .nav .dropdown-toggle .caret{
	border-top-color:#555555;
	border-bottom-color:#555555;
	}
		.mainTabArea .profTab{
		display:table;
		width:100%;
		}
		.mainTabArea .profTab li{
		display:table-cell;/display:inline;/zoom:1;
		border-bottom:1px solid #dddddd;
		border-right:1px solid #dddddd;
		width:16.6666%;
		}
			.mainTabArea .profTab li:last-child{
			border-right:none;
			}
		.mainTabArea .profTab li a{
		color:#555555;
		text-decoration:none;
		display:block;/display:inline;/zoom:1;
		padding: 10px 10px 6px 10px;
		text-align:center;
		min-width:50px;
		}
		.mainTabArea .profTab li a:hover,
		.mainTabArea .profTab li.active a{
		color:#333333;
/*		font-weight:bold;*/
		border-bottom:4px solid #FF4444;
		}

#mainTabBlock{
padding:4px 0;
}
		.td-row3{width:33.3333%;}
		.td-row2{width:50%;}
		.td-row4{width:25%;}


/* プロフィール用カウント表示 */
	.userAmass a{
	display:block;
	border-bottom:4px solid #ffffff;
	}
	.userAmass .amassHl{
	font-size:11px;
	display:block;
	}
	.userAmass .amassCnt{
	font-size:16px;
	display:block;
	font-weight:bold;
	}
		.userAmass.mainTabArea .profTab li a{
		text-align:left;
		padding:1px 8px;
		}

/*===========================================================================
　TOPPAGE_TPL専用
=============================================================================*/
.mainContents ul{
border-top:4px solid #ffffff;
}
	.mainContents li{
	border-bottom:4px solid #ffffff;
	}
		.mainContents li a{
		display:block;
		padding:10px;
		text-align:center;
		font-size:18px;
		font-weight:bold;
		}
					.mainContents li.novel a{
					border:1px solid #FF7777;
					border-left-width:10px;
					border-right-width:10px;
					color:#FF7777;
					/*background-color:#00AA6D;*/
					}
					.mainContents li.illust a{
					border:1px solid #00AA6D;
					border-left-width:10px;
					border-right-width:10px;
					color:#00AA6D;
					/*background-color:#00AA6D;*/
					}
					.mainContents li.comic a{
					border:1px solid #0088CC;
					border-left-width:10px;
					border-right-width:10px;
					color:#0088CC;
					/*background-color:#0088CC;*/
					}


/*===========================================================================
　MYPAGE_TPL専用
=============================================================================*/
#mypageNaviList{
margin:0 auto;
text-align:center;
}

#mypageNaviList li{
text-align:left;
display:inline-block; /display:inline; /zoom:1;
border:1px solid #CCCCFF;
margin-top:2px;
margin-bottom:2px;
}
#mypageNaviList a{
display:block;
padding:8px 10px 8px 10px;
width:110px;
}

/* チェックボックスの2列仕様 */
.checkboxBlock ul li{
display:inline-block; /display:inline; /zoom:1;
width:40%;
}

.inlineBlock li{
display:inline-block; /display:inline; /zoom:1;
}

.floatLeft{ float:left; }
.floatRight{ float:right; }

.mmHr{
background-color:#222222;
}

/*===========================================================================
　BLOG_TPL関連専用
=============================================================================*/
.blogSection hr{
margin:5px 0;
}
.blogSection{
padding:4px;
}
.blogDate,
.blogTheme{
font-size:13px;
color:#888888;
text-align:right;
}
.blogTheme{
float:left;
}
.blogDate{
float:right;
}
#pageBody{
padding:10px;
}
.titlePagenation{text-align:center;margin:0 auto;display:table;width:100%;}
.titleLink{display:table-cell;width:50%;padding:5px;}


/*===========================================================================
　EVENT_EDIT_SELECTION_LIST_TPL専用
=============================================================================*/
.selectionInputTable{
display:inline-block; /display:inline; /zoom:1; text-align:left;
}


/* 並び替え */
.sortSection{
margin:0 10px 10px 10px;
text-align:center;
}

#btnLoading{
}

/*===========================================================================
　対話形式
=============================================================================*/
.talkSection{
padding:10px;
}
.talkBlock{
display:table;
text-align:left;
width:100%;
max-width: 548px;
margin:0 auto;
padding-top:32px;
margin-bottom:10px;
}
	.talkAvatarBox{
	display:table-cell;
	/*vertical-align:middle;*/
	}
	.talkAvatarBox, .talkAvatarBox img{
	width:60px;
	height:60px;
	border-radius:50%;
	}
	.talkCommentBox{
	display:table-cell;
	vertical-align:middle;
	padding:0 16px;
	}
	
		.talkBalloon {
		position: relative;
		background: #ffffff;
		border: 1px solid #bbbbbb;
		padding:8px;
		margin:4px;
		border-radius:12px;
		word-break:break-all;
	    max-width: 430px;
		}
		.talkBalloon:after, .talkBalloon:before {
		top: 18px;
		border: solid transparent;
		content: " ";
		height: 0;
		width: 0;
		position: absolute;
		pointer-events: none;
		}

		.talkBalloon:after {
		border-color: rgba(255, 255, 255, 0);
		}
		.talkBalloon:before {
		border-color: rgba(187, 187, 187, 0);
		}
			.talkBalloon.talk-left:after {
			border-right-color: #ffffff;
			}

			.talkBalloon.talk-left:before {
			border-right-color: #bbbbbb;
			}
			.talkBalloon.talk-right:after {
			border-left-color: #ffffff;
			}

			.talkBalloon.talk-right:before {
			border-left-color: #bbbbbb;
			}
/* 色変え用 */ 
.talkBalloon.talk-right{
background-color: #CDF8FF;
}
.talkBalloon.talk-right:after{
border-left-color: #CDF8FF;
}

.talkBlock.target_id .talkBalloon{
font-weight:bold;
color:#ffffff;
background-color:#AF0404;
}
.talkBlock.target_id .talkBalloon.talk-right:after{
border-left-color: #AF0404;
}
.talkBlock.target_id .talkBalloon.talk-left:after{
border-right-color: #AF0404;
}
.talkBlock.deleted_dm{
background-color:#FFE9E9;
border-radius:10px;
}

		.talkBalloon.talk-left:after, .talkBalloon.talk-left:before {
		right: 100%;
		}
		.talkBalloon.talk-right:after, .talkBalloon.talk-right:before {
		left: 100%;
		}
			.talkBalloon:after {
			border-width: 8px;
			margin-top: -8px;
			}
			.talkBalloon:before {
			border-width: 9px;
			margin-top: -9px;
			}
/*
メール用
*/
.talkBlock .talkAvatarBox{
text-align:center;
}
.talkBlock .talkAvatarBox img{
width:46px;
height:46px;
}
.talkBlock .talkAction{
text-align:right;
/*
width:32px;
display: table-cell;
*/
vertical-align:top;
}
.talkBlock .talkDate{
text-align:center;
font-size:11px;
line-height:110%;
color:#999999;
padding:4px 0;
}
.talkBlock .talkCommentBox{
vertical-align:top;
}
.talkBlock .talkYmd{
text-align:center;
font-weight:bold;
}
.talkBlock .talkAction{
height:24px;
padding-bottom:16px;
}
	.talkBlock .talkAction a {
	display: inline-block;
	padding: 4px;
	text-align:center;
	}
	.talkBlock .talkAction a{
	color:#aaaaaa;
	}

.messageList{
}

.messageList a:hover{
background-color:#fcfcfc;
}
.messageList a{
display:block;
position:relative;
color:#000000;
overflow:hidden;
height:64px;
padding:4px;
border-bottom:1px solid #dddddd;
}
.messageList a.unread{
background-color:#E5FFF1;
}
.reportMsg {
    text-align: center;
    background-color: #FFeeee;
    font-size: 12px;
    line-height: 15px;
    padding: 5px;
    border-radius: 6px;
}
	.messageList .messageBlock{
	display:table;
	width:100%;
	height:64px;
	}
	.messageList .date{
	position:absolute;
	top:5px;
	right:10px;
	font-size:12px;
	color:#999999;
	}
	.messageList .unreadCnt{
	position:absolute;
	top:26px;
	right:10px;
	background-color:#42C27D;
	color:#ffffff;
	padding:1px 4px;
	display:inline-block;
	font-size:11px;
	min-width: 14px;
	text-align: center;
	border-radius:100%;
	}
		.messageList .imageBox{
		display:table-cell;
		vertical-align:top;
		width:66px;
		padding-right:4px;
		}
		.messageList .imageBox img{
		width:66px;
		}
			.messageList .avatar{
			line-height:0;
			}
		.messageList .messageBox{
		vertical-align: top;
		}
			.messageList .message{
			font-size:13px;
			line-height:15px;
			color:#666666;
			overflow: hidden;
			height: 30px;
			margin-right:32px;
			word-break:break-all;
		    max-width: 430px;
			}
			.messageList .userName{
			width:250px;
			padding-bottom:4px;
			font-weight:bold;
			overflow: hidden;
			text-overflow: ellipsis;
			white-space: nowrap;
			}
#unreadMsg {
  margin: 0 auto;
  text-align: center;
  color: #999999;
  background-color: #F0F0F0;
  font-size: 13px;
  padding: 6px;
}
#unreadMsg .label{
background-color:#cccccc;
text-shadow:none;
}
/*===========================================================================
　イベント参加専用
=============================================================================*/
/* イベント参加中 */
.entryEventBlock{
text-align:center;
}
	.entryEventBlock a{
	background-color: #B01801;
	display: inline-block;
	position: relative;
	color: #ffffff;
	padding: 10px 30px 10px 10px;
	margin: 4px;
	text-decoration: none;
	border-radius: 3px;
	}
	.entryEventBlock img {
	width: 10px;
	position: absolute;
	right: 12px;
	top: 10px;
	}
	.entryEventBlock a.event1{
	background-color: #B01801;
	}
	.entryEventBlock a.event2{
	background-color: #EB6000;
	}
	.entryEventBlock a.event2 img{
    width: 17px;
    right: 6px;
    top: 11px;
	}
	.entryEventBlock a.event3{
	background-color: #008800;
	}
	.entryEventBlock a.event3 img{
    width: 14px;
    right: 8px;
    top: 11px;
	}
	.entryEventBlock a.event4{
	background-color: #C8116F;
	}
	.entryEventBlock a.event4 img{
    width: 16px;
    right: 8px;
    top: 12px;
	}
/* PCカウンター */
#horrorEntryCounter{
font-weight: bold;
}
	#horrorEntryCounter.pc-mode{
	position: absolute;
	bottom: 50px;
	right: 470px;
	}
	#horrorEntryCounter.sp-mode{
	background-color:#111111;
	text-align:center;
	padding:4px;
	}
	#horrorEntryCounter a{
	display: inline-block;
	font-size: 14px;
	padding: 6px;
	color: #B01801;
	text-decoration:none;
	}
	#horrorEntryCounter.sp-mode a{
	color: #FF2200;
  	}
		#horrorBookNum, #horrorIllustNum {
		font-size:24px;
		font-weight: bold;
		}
}


/*===========================================================================
　POEM_TPL専用
=============================================================================*/
#poemRadio li{
display:inline-block; /display:inline; /zoom:1;
}


#vote{
display:block;
text-align:center;
margin:0 auto;
}

/*各コーナートップ*/
#logoTopPage{
background-color:#FEFEFE;
margin:0 auto;
font-size:16px;
padding:14px 10px;
text-align:center;
border-bottom:1px solid #bbbbbb;
font-weight:bold;
}
#logoTopPage{
text-align:left;
}
/*
#logoTopPage{
margin:0 auto;
text-align:center;
}
#logoTopPage h1{
font-size:16px;
font-weight:bold;
padding:20px 10px;
color:#FFFFFF;
}
	#logoTheme{
	background:#C5C5C5;
	}
	#logoCommunity{
	background:#A8A8A8;
	}
	#logoHashline{
	background:#71A1C2;
	}
	#logoNovel{
	background:#FF7777;
	}
	#logoComic{
	background:#0088CC;
	}
	#logoIllust{
	background:#00AA6D;
	}
	#logoBlog{
	background:#ADADAD;
	}
*/

.cornerNaviHl{
position: relative;
}
	.cornerNaviHl:after{
	display: block;
	position: absolute;
	top: 50%;
	width: 7px;
	height: 7px;
	margin-top: -4px;
	content: "";
	right: 18px;
	border-bottom: solid 2px #333333;
	border-right: solid 2px #333333;
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
	}
.cornerNavi{
margin:5px;
display:none;
overflow:hidden;
}
	.cornerNavi table{
	margin:0px auto;
	border-spacing:0;
	width:100%;
	text-align:center;
	border-collapse:collapse;
	border-spacing:0;
	}
		.cornerNavi table td{
		border:1px solid #333333;
		border-right:0;
		}
		.cornerNavi table td:first-child{
		border-left:0;
		}
		.cornerNavi table a{
		background-color:#EEEEFF;
		background: -moz-linear-gradient(top, #FEFEFE, #EEEEEE 50%);
		background: -webkit-gradient(linear, left top, left bottom, from(#FEFEFE), color-stop(0.5, #EEEEEE));
		color:#000000;
		display:block;
		padding:8px;
/*		font-size:9px; */
		}
.cornerNaviHl{
text-shadow: 2px 2px 3px #FFFFFF;
font-size:24px;
cursor:hand;
cursor:pointer;
display:block;
margin:2px;
padding:20px 10px 20px 10px;
background-color:#EEEEEE;
background: -moz-linear-gradient(top, #FFFFFF, #FFFFFF 50%, #E1E1E1);
background: -webkit-gradient(linear, left top, left bottom, from(#FFFFFF), color-stop(0.5, #FFFFFF), color-stop(1, #E1E1E1));
border:2px solid #CCCCCC;
border-radius:4px;
color:#000000;
font-weight:bold;
text-shadow: 1px 1px 1px #EFEFEF;
}
.toggleCornerNavi{
padding:4px;
margin:0 auto;
text-align:center;
background-color:#333333;
color:#FFFFFF;
}
/*	.cornerNaviHl.cnrNovel   {background-color:#ffe8e8;}  /* 桜色 */
/*	.cornerNaviHl.cnrComic   {background-color:#c8f0ff;}  /* 空色 */
/*	.cornerNaviHl.cnrPhoto   {background-color:#f5f5e5;}  /* アイボリー */
/*	.cornerNaviHl.cnrMatome  {background-color:#e8f7d8;}  /* 抹茶 */
/*	.cornerNaviHl.cnrIllust  {background-color:#e1faf3;}  /* ベビーブルー */
/*	.cornerNaviHl.cnrPicture {background-color:#eafaea;}  /* 白緑 */
/*	.cornerNaviHl.cnrPoem    {background-color:#e5effa;}  /* 藍白 */
/*	.cornerNaviHl.cnrEssay   {background-color:#efe4e4;}  /* 灰色 */
	.cornerNavi .cnrEtc      {
	background-color:#999999;
	background: -moz-linear-gradient(top, #999999, #777777 50%);
	background: -webkit-gradient(linear, left top, left bottom, from(#999999), color-stop(0.5, #777777));
	color:#FFFFFF;
	text-align:center;
	}

	.cnrNovel:before{content:url("../img/icon/novel.png");}
	.cnrComic:before{content:url("../img/icon/comic.png");}
	.cnrPhoto:before{content:url("../img/icon/photo.png");}
	.cnrMatome:before{content:url("../img/icon/matome.png");}
	.cnrIllust:before{content:url("../img/icon/illust.png");}
	.cnrPicture:before{content:url("../img/icon/picture.png");}
	.cnrPoem:before{content:url("../img/icon/poem.png");}
	.cnrEssay:before{content:url("../img/icon/essay.png");}
	.cnrEtc{}
.triple td{
width:25%;
}
.double td{
width:50%;
}
.nav{
margin-bottom:0px;
}
.myTabContent .listSection li:first-child{
border-top:0;
}
.myTabSection{
overflow:hidden;
}
.myTabSection .nav-tabs{
margin-top:5px;
}
.myTabSection .nav-tabs>li>a,
.myTabSection .nav-pills>li>a{
min-width:60px;
text-align:center;
}

/* 切り替えタブ */
.listTabs{
padding-left:4px;
padding-top:4px;
text-align:center;
margin:0 auto;
	position:relative;
	border-bottom:1px solid #E1E1E1;
}

	.listTabs ul{
	}
	
	.listTabs li{
	overflow:hidden;
	border-radius:4px 4px 0 0;
	display:inline-block; /display:inline; /zoom:1;
	border:1px solid #E1E1E1;
	margin-right:2px;
	border-bottom:0;
	}
		.listTabs li a,
		.listTabs .active{
		min-width:40px;
		color:#000000;
		display:block;
		background-color:#EEEEEE;
		background: -moz-linear-gradient(top, #FFFFFF, #FFFFFF 50%, #E1E1E1);
		background: -webkit-gradient(linear, left top, left bottom, from(#FFFFFF), color-stop(0.5, #FFFFFF), color-stop(1, #E1E1E1));
		padding:6px 8px 6px 8px;
		}
	.listTabs .active{
	min-width:40px;
	padding:6px 8px 6px 8px;
	display:inline-block; /display:inline; /zoom:1;
	font-weight:bold;
	background:transparent;
	background-color:#FFFFFF;
	}

/* 会員登録販促 */
.productSection{
padding:10px;
padding-top:0;
text-align:center;
background-color:#EFEFEF;
}
	.productSection p{
	padding-top:10px;
	font-weight:bold;
	}

.productSection .btn{
width:200px;
margin:0px;
}
/* テーマ検索用フォームエリア */
#themeSearchForm{
margin:10px auto;
text-align:center;
}
/* 閲覧制限文字色 */
.textLinkR18,.textLinkR18:hover{
color:#757575;
}
.textLinkBL,.textLinkBL:hover{
color:#F590EE;
}
.textLinkR18BL,.textLinkR18BL:hover{
color:#B09EFC;
}


div.radioGroup label ,
div.checkGroup label {
background-color:#FFFFFF;
margin-bottom:0;
font-size: 12px;
cursor: pointer;
padding: 5px 10px;
color: #333333;
border: 1px solid #cccccc;
}

.radioGroup.gBlock,
.radioGroup.gInline{
margin-bottom:4px;
}

div.radioGroup.gInline:after{
clear:both;
zoom:1;
content:" ";
display:block;
margin-bottom:4px;
}
	div.checkGroup.gInline label.checked ,
	div.radioGroup.gInline label.checked {
	background-color:#4BD865;
	color:#FFFFFF;
	}
	div.checkGroup.gBlock label.checked ,
	div.radioGroup.gBlock label.checked {
	font-weight:bold;
	background: #E9FFD2;
/*
	color: #ffffff;
	background: #C3C3C3;
	background: -moz-linear-gradient(top, #6666FF, #9999FF);
	background: -webkit-gradient(linear, left top, left bottom, from(#6666FF), to(#9999FF));
*/
	}

	div.checkGroup.gBlock label:before ,
	div.radioGroup.gBlock label:before ,
	div.checkGroup.gBlock label.checked:before ,
	div.radioGroup.gBlock label.checked:before {
	display:inline-block; /display:inline; /zoom:1;
	border:1px solid #666666;
	vertical-align:middle;
	width:10px;
	height:10px;
	margin-right:4px;
	border-radius:100%;
	content:' ';
	}
	div.checkGroup.gBlock label.checked:before ,
	div.radioGroup.gBlock label.checked:before {
	background-color:#4BD865;
	border:1px solid #00921B;
	}
div.radioGroup:after ,
div.checkGroup:after {
content: "";
display: block;
clear: both;
}

/* チェックボックス */
div.checkGroup input {
display: none;
}
/* ラジオボタン */
div.radioGroup input {
opacity: 0;
 filter: alpha(opacity=0);
}
div.radioGroup div {
position: relative;
}
div.radioGroup input {
position: absolute;
left: 0px;
outline:none;
}

/*gInline*/
div.gInline label {
min-width:40px;
text-align:center;
display:inline-block; /display:inline; /zoom:1;
margin-left: -5px;
}
	div.gInline label:first-child {
	border-radius: 7px 0 0 7px;
	-webkit-border-top-left-radius: 7px;
	-webkit-border-bottom-left-radius: 7px;
	-moz-border-radius-topleft: 7px;
	-moz-border-radius-bottomleft: 7px;
	}
	div.gInline label:last-child {
	border-radius: 0 7px 7px 0;
	-webkit-border-top-right-radius: 7px;
	-webkit-border-bottom-right-radius: 7px;
	-moz-border-radius-topright: 7px;
	-moz-border-radius-bottomright: 7px;
	}
	div.gInline label:only-child {
	border-radius: 7px;
	-webkit-border-radius: 7px;
	-moz-border-radius: 7px;
	}

/* gBlock */
div.gBlock label {
width:88%;
margin-top: -1px;
}
	div.gBlock label:first-child {
	border-radius: 7px 7px 0 0;
	-webkit-border-top-left-radius: 7px;
	-webkit-border-top-right-radius: 7px;
	-moz-border-radius-topleft: 7px;
	-moz-border-radius-topleft: 7px;
	}
	div.gBlock label:last-child {
	border-radius: 0 0 7px 7px;
	-webkit-border-bottom-left-radius: 7px;
	-webkit-border-bottom-right-radius: 7px;
	-moz-border-radius-bottomright: 7px;
	-moz-border-radius-bottomright: 7px;
	}
	div.gBlock label:only-child {
	border-radius: 7px;
	-webkit-border-radius: 7px;
	-moz-border-radius: 7px;
	}
[type="range"].spRange {
    -webkit-appearance:none;
    cursor:pointer;
    width:80%;
    vertical-align:middle;
    background-color:rgba(255, 255, 255, 1.0);
   -webkit-box-shadow:0px 1px 3px rgba(0, 0, 0, 0.2) inset;
       -moz-box-shadow:0px 1px 3px rgba(0, 0, 0, 0.2) inset;
                  box-shadow:0px 1px 3px rgba(0, 0, 0, 0.2) inset;
    -webkit-border-radius:24px;
         -moz-border-radius:24px;
                   border-radius:24px;
}
[type="range"].spRange::-webkit-slider-thumb {
    -webkit-appearance:none;
    cursor:pointer;
    position:relative;
    z-index:5;
    border:none;
    width:40px;
    height:40px;
    background-color:rgba(255, 255, 255, 1.0);
    border:1px solid rgba(160, 160, 160, 1.0);
    -webkit-border-radius:50%;
         -moz-border-radius:50%;
                    border-radius:50%;
}

[type="range"].spRange:focus,
[type="range"].spRange:focus::-webkit-slider-thumb,
[type="range"].spRange:active,
[type="range"].spRange:active::-webkit-slider-thumb {
    cursor:ew-resize;
    outline:none;
}

[type="range"].spRange:active::-webkit-slider-thumb {
    background-color:rgba(255, 255 255, 1.0);
}


.newIcon,.upIcon{
color:#ffffff;
font-size:11px;
padding:2px;
width:40px;
margin-left:5px;
border-radius:2px;
display:inline-block;/display:inline;/zoom:1;
}
.upIcon{
background-color:#;
}
.newIcon{
background-color:#ff3333;
}

#chapterList li a{
display:block;
color:#333333;
padding:2px 6px;
}
	#chapterList li a:hover,
	#chapterList li.unpubliced a{
	background-color:#F1F1F1;
	}

	#chapterList{
	margin:10px 0 10px 0;
	border-top:1px solid #CCCCCC;
	min-height:200px;
	}
	#chapterList li{
	border-bottom:1px solid #CCCCCC;
	}

.caretDown{
text-align:center;
font-size:40px;
}
.caretDown i{
margin:20px;
}
.imageResponseHl{
border-top:1px solid #cccccc;
font-weight:bold;
background-color:#EEEEFF;
}
.li-responsed{
padding:5px;
color:#999999;
}
/* ミニコメント用 */
.miniCommentUl li{
padding-bottom:5px;
}
.miniCommentUl li .date{
font-size:12px;
}
.minProf{
	background-color:#EFEFEF;
	padding:2px;
	margin:0 -10px 0 -10px;
}
.minProf a{
color:#000000;
}
.minProf img{
	width:20px;
}

.deadlink,
.listSection li>a.deadlink{
color:#FF0000;
font-weight:bold;
}
/* フリップスナップ */
.flipsnapSection {
margin: 0 auto;
overflow: hidden;
width: 282px;
}
.flipsnapSection li{
width:94px;
float:left;
}
.flipsnapSection h6{
font-size:12px;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}

.flipsnap {
width: 1600px;
}
.flipsnap .item {
float: left;
width: 282px;
}
.flipsnap .item img {
width: 282px;
}
.pointer span{
border:1px solid #666666;
display:inline-block; /display:inline; /zoom:1;
width:2px;
height:2px;
padding:1px;
border-radius:100%;
}
.pointer span.current{
background-color:#666666;
}
/* アップファイルプレビュー */
#previewImageBlock{
cursor:hand;
cursor:pointer;
border:1px solid #DDDDDD;
display:block;
margin:0 auto;
text-align:center;
        box-shadow:1px 1px 1px #BBBBBB;        /* CSS3指定 */
   -moz-box-shadow:1px 1px 1px #BBBBBB;        /* Firefox指定 */
-webkit-box-shadow:1px 1px 1px #BBBBBB;        /* safari,Chrome指定 */
background-color:#FDFDFD;
}
#previewImageBlock:hover{
background-color:#FAFAFA;
}
#previewImageBlock,
#previewImageBlock .previewImageBox {
width:240px;
height:240px;

/* overflow:hidden; */
}
	#previewImageBlock .previewImageBox {
	display:table-cell;
	vertical-align:middle;
	text-align:center;
	}
	#previewImageBlock .previewImageBox img{
	max-width:240px;
	max-height:240px;
	}

#prevCounter{
text-align:center;
padding:4px 2px 2px 2px;
}
/* rating */
#ratingBlock{
text-align:center;
}
#ratingBlock span{
cursor:hand;
cursor:pointer;
display:inline-block; /display:inline; /zoom:1;
padding:4px;
font-size:30px;
color:#CCCCCC;
}
#ratingBlock .like.active{
color:#ffc169;/*E1FF28*/
/*text-shadow: 0px 0px 1px #333;*/
}
#ratingMsg{
}
.chainSection{
text-align:center;
}
a.btn {vertical-align:middle;}
/*a.btn i.icon-compass{color:#2f96b4;font-size:24px;}*/
/* 挿絵 */
.illustrated{
text-align:center;
}

/* WIDGET */
.widgetTextArea{
display:block;
width:90%;
height:100px;
margin:0 auto;
}

/* carousel */
.myOwlCarouselSection{
padding:0 20px 0 20px;
min-height:150px;
overflow:hidden;
}
	.workStrong{
	padding:4px;
	font-size: 15px;
	background-color:#FCFCFC;

	}
.myOwlCarousel{
margin-top:3px;
display:block;
}

.myOwlCarousel{
text-align:center;
margin:0 auto;
}
.myOwlCarousel .item{
text-align:center;
margin:0 auto;
display:inline-block; /display:inline; /zoom:1;
}
	.myOwlCarousel .item a{
/*	display:block;*/
	}
	.myOwlCarousel .labelBlock{
	display:block;
	}
.myOwlCarousel .owl-controls{
margin-top:4px;
}
	.myOwlCarousel .owl-controls .owl-buttons .owl-prev{
	position:absolute;
	top:10px; left:-16px;
	line-height:49px;
	}
	.myOwlCarousel .owl-controls .owl-buttons .owl-next{
	position:absolute;
	top:10px; right:-16px;
	line-height:49px;
	}
		.myOwlCarousel .owl-controls .owl-buttons div{
		filter: Alpha(Opacity=100);
		opacity: 1.0;
		-webkit-border-radius: 4px;
		-moz-border-radius: 4px;
		border-radius: 4px;
		padding:2px;
		margin:0;
		height:45px;
		width:12px;
		}
.myOwlCarousel .itemName{
max-width:100px;
text-align:center;
margin:0 auto;
font-size:12px;
line-height:20px;
/*height:26px;*/
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
-webkit-text-overflow: ellipsis;
-o-text-overflow: ellipsis;
}
.myOwlCarousel .itemImage{
background-color:red;width:80px;height:110px;
}
.myOwlCarousel .coverBox{
display:inline-block; /display:inline; /zoom:1;
}
.netabareCheck,
.netabareCheck label{
display:inline;
}
/* workcounter */
#workDescription{
margin:2px 10px 10px 10px;
padding:4px;
}
.readmore-js-toggle,
.readmore-js-section{
display:block;
}
#workCountStatus{
margin-top:-1px;
border-top:1px solid #ddd;
border-bottom:1px solid #ddd;
/*
background-color:#f9f9f9;
padding:10px;
*/
text-align:center;
}
#workCountStatus li{
vertical-align:top;
text-align:center;
display:inline-block; /display:inline; /zoom:1;
margin-left:10px;
}
#workCountStatus li p{
min-width:50px;
}
#workCountStatus li p.lower{
font-weight:bold;
}
#workCountStatus .rnk{
display:none;
}
.myOwlCarousel .owl-controls .owl-page span{
/*padding:4px 16px;*/
}
.owl-wrapper{height:150px;}

/* owl_poster */
#owlOncePoster{
min-height:100px;
}
#owlOncePoster .owl-controls{
position:relative;
}
	#owlOncePoster .owl-buttons{
	position:absolute;
	width:100%;
	top:-8px;
	}
		#owlOncePoster .owl-buttons .owl-prev{
		position:absolute;
		left:0;
		}
		#owlOncePoster .owl-buttons .owl-next{
		position:absolute;
		right:0;
		}
#owlOncePoster img{
width:520px;
}
#owlPosterJump{
display:table;
width:100%;
}
	#owlPosterJump li{
	display:table-cell;
	cursor:hand;
	cursor:pointer;
	width:33.3333%;
	}
	#owlPosterJump li img{
	width:100%;
	}
	#owlPosterJump li img:active,
	#owlPosterJump li img:hover{
	filter:alpha(opacity=80);
	opacity:0.80;
	-moz-opacity:0.80;
	}

/* SITETOP_EVENTS */
#owlTopics .item{
display:block;
border-bottom:1px solid #dddddd;
padding:5px;
color:#000000;
}
#owlTopics .item:hover{
text-decoration:none;
}
#owlTopics a h6{
color:#000000;
font-weight:bold;
font-size:16px;
height:25px;
text-decoration:underline;
}

/* original_tab */
.myTabSection .cst-nav-tabs{
display:table;
width:100%;
}
.myTabSection .cst-nav-tabs li{
display:table-cell;/display:inline;/zoom:1;
border-bottom:1px solid #dddddd;
border-right:1px solid #dddddd;
width:16.6666%;
}
	.myTabSection .cst-nav-tabs li:last-child{
	border-right:none;
	}
.myTabSection .cst-nav-tabs li a{
color:#555555;
font-weight:bold;
text-decoration:none;
display:block;/display:inline;/zoom:1;
padding: 10px 10px 6px 10px;
text-align:center;
min-width:50px;
}
.myTabSection .cst-nav-tabs li a:hover,
.myTabSection .cst-nav-tabs li.active a{
color:#333333;
border-bottom:4px solid #FF4444;
}

/* cst-tabs */
.cst-tabs:after{
display:block;
content:" ";
clear:both;
}
.cst-tabs{
margin-top:2px;
}
.cst-tabs li{
float:left;
}
.cst-tabs li a{
border:1px solid #BBBBBB;
color:#000000;
text-align:center;
border-bottom:none;
overflow:hidden;
display:block;
padding:6px;
}
.cst-tabs li{
width:25%;
font-size:13px;
}
.cst-tabs li a{
border-radius:10px 10px 0 0;
}
	.cst-tabs .active a,
	.cst-tabs a:hover{
	font-weight:bold;
	color:#FFFFFF;
	}
/* mini-tabs */
.mini-tabs{
display:block;
text-align:center;
margin:5px 0
}
.mini-tabs li{
display:inline-block; /display:inline; /zoom:1;
}
.mini-tabs a{
display:block;
padding:2px 10px;
min-width:60px;
border-radius:10px;
color:#000000;
background-color:#F1F1F1;
}
.mini-tabs .active a,
.mini-tabs a:hover{
color:#FFFFFF;
}

.mymenuBlock{
background-color:#FCFCFC;
border-bottom:1px solid #EEEEEE;
}
.mymenuBlock:after{
width:100%;
display:block;
clear:both;
content:"";
zoom:1;
}
.mymenu{
float:right;
}
.mymenu>li{
float:left;
border-left:1px solid #EEEEEE;
}
.mymenu>li i{font-size:16px;}
		.mymenu>li a{
		text-align:center;
		display:inline-block; /display:inline; /zoom:1;
		min-width:59px;
		height:35px;
		padding:4px 2px;
		color:#555555;
		}
		.mymenu .mymenuTxt{
		font-size:10px;
		line-height:12px;
		font-weight:bold;
		}
			.mymenu>li.active a{
			background-color:#999999;
			color:#FFFFFF;
			}
	.badge.badge-unnotice,
	.badge.badge-notice{
	font-size: 11px;
	line-height: 11px;
	background-color:#444444;
	}
	.badge.badge-notice{
	background-color:#ff3333;
	}
	.mymenu .notice{
	color:#ff3333;
	}

	.mymenu .mymenuMore>li:after{
    display: block;
    clear: both;
    content: "";
    zoom: 1;
   	}
	.mymenu .mymenuMore>li a{
	height:auto;
    min-width: 160px;
    text-align:left;
	padding:5px 10px;
	}
	.mymenu .dropdown-menu{
	padding:0;
	overflow:hidden;
	}

.hideMymenu{
float:right;
}

.mymenuHl{
line-height:36px;
font-size:11px;
color:#333333;
display:inline-block; /display:inline; /zoom:1;
padding-left:10px;
}

/* イベント */
.eventEntryWorkBlock{
margin: 0 auto; width: 284px; text-align: center;
}

/* 作品作成ボタン */
.addWorkSelect{
display:table;
width:100%;
padding-bottom:10px;
}
.addWorkSelect li{
display:table-cell;
width:33.3333%;
padding:4px;
text-align:center;
}

	.addWorkSelect li a{
	padding:10px 0;
	font-size:17px;
	display:block;
	}
	.addWorkSelect li p{
	border:1px solid #EEEEEE;
	font-size:11px;
	}
#whatis{
display:block;
text-align:center;
}

#whatis a{
display:block;
background-color:#F5FFFF;
border:3px double #EEEEFF;
margin:3px;
padding:6px 10px;
font-weight:bold;
font-size:18px;
line-height:20px;
}
	#whatis a:hover{
	text-decoration:none;
	background-color:#F5FDFF;
	}

/* OSIRASE */
#osirase a {
display: block;
text-align:left;
background-color: #FFFFFF;
padding: 4px 6px;
font-size: 14px;
line-height: 20px;
border-bottom:1px solid #D8D8D8;
}
	#osirase a:only-child,
	#osirase a:last-child{
	border-bottom:none;
	}
	#osirase{
    border: 3px double #D8D8D8;
    margin: 3px;
	}
	#osirase.style-black a{
	color:#000000;
	font-weight:bold;
	}

/* page_set_tag */
#editArea{
height:100px;
}
#setTag-strong{
font-weight:bold;
}
#setTag-size-large{
}
#setTag-color-red{
color:red;
}
#setTag-color-green{
color:green;
}
#setTag-color-blue{
color:blue;
}

/* TAG_EDITOR */
	#colorPalet span{
	display:inline-block; /display:inline; /zoom:1;
	width:25px;
	height:25px;
	margin-right:4px;
	cursor:pointer;
	cursor:hand;
	border-radius:4px;
	text-indent:9999px;
	overflow:hidden;
	}
	.unadjust{
	overflow-y:scroll !important;
	max-height:300px;
	}


/* RIBBON */
.rbn-wrapping {
position: relative;
color: #fff;
display: inline-block;
padding: 0;
overflow: hidden;
font-family: Arial, sans-serif;
font-weight:900;
}
.imageBlock .rbn-wrapping{
padding: 0 2px 2px 2px;
}

	.rbn-wrapping p.rbn {
	display: inline;
	display: none\9;
	}

	.rbn-wrapping p.rbn span {
	font-size:9px;
	line-height:9px;
	position: absolute;
	display: inline-block;/display:inline;/zoom:1;
	right: -24px;
/*
    filter:alpha(opacity=90);
    -moz-opacity: 0.9;
    opacity: 0.9;
	box-shadow: 0px 0px 10px rgba(0,0,0,0.2), inset 0px 5px 30px rgba(255,255,255,0.2);
*/
	text-align: center;
	text-transform: uppercase;
	top: 4px;
	width: 50px;
	padding:3px 10px;
	-webkit-transform: rotate(45deg);
	-moz-transform: rotate(45deg);
	-o-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	}
		.rbn-wrapping p.rbn span.new{
		background: #d93131;
		}
		.rbn-wrapping p.rbn span.update{
		background: #399B00;
		}
/*
	.rbn-wrapping p.rbn:before {
	content: "";
	width: 0;
	height: 0;
	position: absolute;
	top: -17px;
	right: 69px;
	z-index: -1;
	border: 17px solid;
	border-color: transparent transparent #662121 transparent;
	}
	  
	.rbn-wrapping p.rbn:after {
	content: "";
	width: 0;
	height: 0;
	position: absolute;
	top: 74px;
	z-index: -1;
	right: -10px;
	border: 17px solid;
	border-color: #662121 transparent transparent transparent;
	}
*/
/* 無理矢理 */
/*
i {
display:inline-block;/display:inline;/zoom:1;
font-family: Meiryo, sans-serif;
font-style: italic;
-webkit-transform: skewX(-15deg);
-moz-transform: skewX(-15deg);
-o-transform: skewX(-15deg);
transform: skewX(-15deg);
-ms-filter: "progid:DXImageTransform.Microsoft.Matrix(M11=1, M12=-0.26794919243112214, M21=0, M22=1, SizingMethod='auto expand')";
}
*/

.mylist-subbox{
min-height:62px;
text-align:right;
}

.btnTabs .btn{
box-shadow: none;
-moz-box-shadow:none;
-webkit-box-shadow:none;
background-image:none;
padding: 2px 10px;
min-width: 60px;
border-radius: 10px;
text-shadow:none;
border:none;
background-color:#F1F1F1;
}
.btnTabs .btn-group>.btn:first-child{
-webkit-border-top-left-radius: 10px;
-moz-border-radius-topleft: 10px;
border-top-left-radius: 10px;
-webkit-border-bottom-left-radius: 10px;
-moz-border-radius-bottomleft: 10px;
border-bottom-left-radius: 10px;
}
.btnTabs .btn.active{
background-color:#6F6F6F;
color:#ffffff;
}
.btn-group.limitation-0 span.caret{border-top-color:#ffffff;}
.btn-group.limitation-1 span.caret{border-top-color:#ffffff;}
.btn-group.limitation-4 span.caret{border-top-color:#ffffff;}
.btn-group.limitation-5 span.caret{border-top-color:#ffffff;}
.btn-group.limitation-8 span.caret{border-top-color:#ffffff;}
.btn-group.limitation-0 .btn,
.btn-group.limitation-0 .btn.active,
.btn-group.limitation-0.open .btn.dropdown-toggle,
.btn-group.limitation-0 .btn:hover{
color:#ffffff;
background-color:#21AF9E; /* MCOLOR #21AF9E */
}
.btn-group.limitation-1 .btn,
.btn-group.limitation-1 .btn.active,
.btn-group.limitation-1.open .btn.dropdown-toggle,
.btn-group.limitation-1 .btn:hover{
color:#ffffff;
background-color:#757575;
}
.btn-group.limitation-4 .btn,
.btn-group.limitation-4 .btn.active,
.btn-group.limitation-4.open .btn.dropdown-toggle,
.btn-group.limitation-4 .btn:hover{
color:#ffffff;
background-color:#F590EE;
}
.btn-group.limitation-5 .btn,
.btn-group.limitation-5 .btn.active,
.btn-group.limitation-5.open .btn.dropdown-toggle,
.btn-group.limitation-5 .btn:hover{
color:#ffffff;
background-color:#B09EFC;
}
.btn-group.limitation-8 .btn,
.btn-group.limitation-8 .btn.active,
.btn-group.limitation-8.open .btn.dropdown-toggle,
.btn-group.limitation-8 .btn:hover{
color:#ffffff;
background-color:#FC9F4A;
}
/* new limitation */
.limitationMenu{
display:table;
width:100%;
}
.limitationMenu li{
display:table-cell;
width:20%;
background-color:#ffffff;
border-right:1px solid #E1E1E1;
}
.limitationMenu li:last-child{
border-right:none;
}
.limitationMenu a{
display:block;
text-align:center;
padding:14px 4px;
font-size:22px;
font-weight:bold;
position:relative;
}
.limitationMenu a:hover{
text-decoration:none;
}
.limitationMenu a>span{
position:absolute;
bottom:-2px;
right:6px;
font-size:11px;
}
.limitationMenu.inactiveMenu li{
background-color:#f9f9f9;
}
.btn-lim-nl{	color:#21AF9E;}	.btn-lim-nl.active, .btn-lim-nl:hover{	background-color:#21AF9E;color:#ffffff;}
.btn-lim-tl{	color:#FC9F4A;}	.btn-lim-tl.active, .btn-lim-tl:hover{	background-color:#FC9F4A;color:#ffffff;}
.btn-lim-bl{	color:#F590EE;}	.btn-lim-bl.active, .btn-lim-bl:hover{	background-color:#F590EE;color:#ffffff;}
.btn-lim-blr18{	color:#B09EFC;}	.btn-lim-blr18.active, .btn-lim-blr18:hover{	background-color:#B09EFC;color:#ffffff;}
.btn-lim-r18{	color:#757575;}	.btn-lim-r18.active, .btn-lim-r18:hover{	background-color:#757575;color:#ffffff;}
.limitationMenu.border-nl{border-bottom:4px solid #21AF9E;}
.limitationMenu.border-tl{border-bottom:4px solid #FC9F4A;}
.limitationMenu.border-bl{border-bottom:4px solid #F590EE;}
.limitationMenu.border-blr-18{border-bottom:4px solid #B09EFC;}
.limitationMenu.border-r-18{border-bottom:4px solid #757575;}

/* ブログ */
.multiLinkSection .title{
font-weight:bold;
}
.overflow-hide-3{
overflow:hidden;
height:58px;
}
/* バルーン(未使用) */
.arrow_box {
	font-size:12px;
	margin-left:8px;
	padding:4px;
	width:180px;
	position: relative;
	background: #ffffff;
	border: 1px solid #999999;
	border-radius:4px;
}
.arrow_box:after, .arrow_box:before {
	right: 100%;
	top: 50%;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
}

.arrow_box:after {
	border-color: rgba(255, 255, 255, 0);
	border-right-color: #ffffff;
	border-width: 6px;
	margin-top: -6px;
}
.arrow_box:before {
	border-color: rgba(153, 153, 153, 0);
	border-right-color: #999999;
	border-width: 7px;
	margin-top: -7px;
}

	.footerNavi li a,
	.cst-tabs .active a, .cst-tabs a:hover,
	.mini-tabs .active a, .mini-tabs a:hover{
	background-color:#6F6F6F; /* MCOLOR #41C5B6 */
	}

	/* LIMITATION */
	/*
	.r18 .mainHl, .r18 .subHl, .r18 .subMenu, .r18 .subConfHl, .r18 .pcSideHl,
	.r18 .rowLinkSection h6,
	.r18 .cst-tabs .active a, .r18 .cst-tabs a:hover,
	.r18 .mini-tabs .active a, .r18 .mini-tabs a:hover,
	.r18 #header, .r18 .footerNavi, .r18 #copyright,
	.r18 .footerNavi li a,
	.r18 #pcDescriptionArea{ background-color:#757575; }
	.r18 #pcHeaderContainer{ background-color:#FEFEFE; }
	.r18 .headerMenu{ border-color:#757575; }
	.r18 #siteName a{ background-image: url("/assets/img/pcSiteLogo01.jpg");width:450px;height:64px; }
	.r18 .subFooterNavi{ background-color:#464646;}
	.r18 #headerLeft a,.r18  #headerRight1 a,.r18  #headerRight2 a{
	background:-webkit-gradient(linear, left top, left bottom, from(#535353), color-stop(1, #3C3C3C));
	}
	.bl .mainHl, .bl .subHl, .bl .subMenu, .bl .subConfHl, .bl .pcSideHl,
	.bl .rowLinkSection h6,
	.bl .cst-tabs .active a, .bl .cst-tabs a:hover,
	.bl .mini-tabs .active a, .bl .mini-tabs a:hover,
	.bl #header, .bl .footerNavi, .bl #copyright,
	.bl .footerNavi li a,
	.bl #pcDescriptionArea{ background-color:#F590EE; }
	.bl #pcHeaderContainer{ background-color:#FFFEFA; }
	.bl .headerMenu{ border-color:#F590EE; }
	.bl #siteName a{ background-image: url("/assets/img/pcSiteLogo02.jpg");width:450px;height:64px; }
	.bl .subFooterNavi{ background-color:#CE68C7;}
	.bl #headerLeft a,.bl  #headerRight1 a,.bl  #headerRight2 a{
	background:-webkit-gradient(linear, left top, left bottom, from(#FFDAFF), color-stop(1, #FF9BF3));
	}
	.bl.r18 .mainHl, .bl.r18 .subHl, .bl.r18 .subMenu, .bl.r18 .subConfHl, .bl.r18 .pcSideHl,
	.bl.r18 .rowLinkSection h6,
	.bl.r18 .cst-tabs .active a, .bl.r18 .cst-tabs a:hover,
	.bl.r18 .mini-tabs .active a, .bl.r18 .mini-tabs a:hover,
	.bl.r18 #header, .bl.r18 .footerNavi, .bl.r18 #copyright,
	.bl.r18 .footerNavi li a,
	.bl.r18 #pcDescriptionArea{ background-color:#B09EFC; }
	.bl.r18 #pcHeaderContainer{ background-color:#FDF2FF; }
	.bl.r18 .headerMenu{ border-color:#B09EFC; }
	.bl.r18 #siteName a{ background-image: url("/assets/img/pcSiteLogo03.jpg");width:470px;height:64px; }
	.bl.r18 .subFooterNavi{ background-color:#8E7CDB;}
	.bl.r18 #headerLeft a, .bl.r18 #headerRight1 a, .bl.r18 #headerRight2 a{
	background:-webkit-gradient(linear, left top, left bottom, from(#9B88EC), color-stop(1, #8C7EC7));
	}
	*/

/* ADV */
.advBlock{width:100%;border-top:1px solid #000000;border-bottom:1px solid #000000;margin:0 auto; text-align:center;}
.advBlock iframe{border:none;margin:0 auto; text-align:center;}
.bookPageAdv{
margin-top: 20px;
margin-bottom: 20px;
/*margin-top:-11px;*/
}
.advHideMsg{margin:5px auto; text-align:center; color:#008800;}
.advSetting{
display:block;
padding:6px 4px 6px 4px;
text-align:right;
background-color:#f1f1f1;
font-size:13px;
border-bottom:1px solid #000000;
color:#0088cc;
}
.advSetting:before{
content:"";
}
.advSettingBlock{
padding:10px;
margin:0;
margin-bottom:8px;
background-color:#333333;
color:#ffffff;
}
.advSettingBlock .strong{
color:#ffffff;
}
/* ragister */
#btnLargeRegister{
font-size:16px;
color:#FFFFFF;
display:block;
margin-bottom:10px;
text-align:center;
border-radius:10px;
}
		#btnLargeRegister{
		padding:20px 0;
		}