@charset "utf-8";
/* ===================================================================
 style info : リセット及びフォントサイズ
=================================================================== */

html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code,
del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var,
b, i,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
caption, tbody, tfoot, thead,
article, aside, canvas, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}

article, aside, canvas, details, figcaption, figure,
footer, header, hgroup, menu, nav, section, summary {
	display: block;
}

ul {
	list-style: none;
}

blockquote, q {
	quotes: none;
}

blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}

a {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}

ins {
	background-color: #ff9;
	color: #000;
	text-decoration: none;
}

mark {
	background-color: #ff9;
	color: #000; 
	font-style: italic;
	font-weight: bold;
}

del {
	text-decoration: line-through;
}

abbr[title], dfn[title] {
	border-bottom: 1px dotted #000;
	cursor: help;
}



hr {
	display: block;
	height: 1px;
	border: 0;
	border-top: 1px solid #cccccc;
	margin: 1em 0;
	padding: 0;
}

input, select {
	vertical-align: middle;
}

/* 20110406クラスあり修正版 */
.clearfix {zoom:1;}
.clearfix:after{
    content: ""; 
    display: block; 
    clear: both;}/* 20110406クラスなし修正版 */
*:after {
  display:block;
  clear:both;} /* この記述は固定です */

element {zoom:1;} /* clearfix IE6, 7 */
element:after {content:"";} /* clearfix */

/*----------------------------------------------------
	共通
----------------------------------------------------*/
/* スクロールバーの有無によるズレ対策 */

html {
	overflow: auto;
}

body {
	/* font-family:Georgia, "Times New Roman", Times, serif;*/
	font-family: Verdana,'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'MS Pゴシック', sans-serif;
	line-height:140%;
	
}

input, textarea {
	font-family: "メイリオ", Meiryo, "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "ＭＳ Ｐゴシック", "Lucida Grande", "Lucida Sans Unicode", Arial, Verdana, sans-serif;
}

/* for IE6 */
* html body {
	font-family: "ＭＳ Ｐゴシック", "MS PGothic", Sans-Serif;
}
* html input, * html textarea {
	font-family: "ＭＳ Ｐゴシック", "MS PGothic", Sans-Serif;
}

/* よく使いそうなCSS3
----------------------------------------------------*/
#selectors {
/* 角丸 */
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;

/* 角丸個別 */
	-webkit-border-top-right-radius: 15px;
	-moz-border-radius-topright: 15px;
	border-top-right-radius: 15px;

/* ボックスに影 */
	-webkit-box-shadow: 1px 1px 3px #999;
	-moz-box-shadow: 1px 1px 3px #999;
	box-shadow: 1px 1px 3px #999;

/* テキストに影 */
	text-shadow: 1px 1px 0px #999;
}

/* 汎用
----------------------------------------------------*/
/* clerfix */
#contents:after {
	content: "."; display: block; visibility: hidden; height: 0.1px; font-size: 0.1em; line-height: 0; clear: both;
}
.imgR {float: right;	margin: 0 0 10px 10px}

.imgL {float: left;margin: 0 10px 10px 0}

.tC,.btn {text-align:center}
.tR,.sign {text-align:right}


/* リンク
----------------------------------------------------*/
a:link,a:visited,a:active{
color:#00273b; text-decoration:underline;
}

a:hover {
color:#004d75; text-decoration:none;
}

a:hover img{
 filter:alpha(opacity=80);
   -moz-opacity:0.8;
   opacity:0.8;
}
 
/* IE8 */
html>/**/body a:hover img{
 display /*\**/:inline-block\9;
  zoom /*\**/: 1\9;
}
 
/* 新旧Firefox */
a:hover img, x:-moz-any-link { background: #fff;}
a:hover img, x:-moz-any-link, x:default { background: #fff;}

/*----------------------------------------------------
	#page（ページ全体）
----------------------------------------------------*/
.topBody {

	/*background:#FFFFFF url(../images/body0319_bg.png) no-repeat 0 150px;
	background-size:26% auto;*/
	background:#FFFFFF;
	width:100%;
}
#page,#page2 {
	width:1065px;
	margin:0 auto;
	font-size:100%;
	color:#ffffff;
	position:relative;
}



#main {
	float:left;
	width:100%;
}
#container {
	margin:0 250px 0 215px;
	text-align:left;
}
#sideL {
	float:left;
	width:200px;
	text-align: left;
	margin-left: -100%;
}
#sideR {
	float:left;
	width:235px;
	text-align:left;
	margin-left:-235px;
	background-color:#000000;
	margin-bottom:15px;
}	
#sideR2 {
	float:left;
	width:300px;
	text-align:left;
	margin-left:-300px;
	margin-bottom:15px;
}	

/*----------------------------------------------------
	#header
----------------------------------------------------*/
#topTitle {
	width:1000px; height:177px;
	background:url(../images/h1_toptitle3.png) no-repeat;
	margin:0 0 15px 0; padding:0;
}
#topTitle2 {
	width:1000px; height:177px;
	background:url(../images/h1_toptitle3.png) no-repeat;
	margin:0 auto 15px auto; padding:0;
}
#topTitle a,#topTitle2 a{
	width:1000px; height:177px;
	text-indent:-9999px;
	display:block;
}
.update {
	position:absolute;
	top:150px; right:20px;
	font-weight:normal;
	font-size:90%;
}

/*----------------------------------------------------
	#sideL
----------------------------------------------------*/

#globalNavi_re {
	width:158px; height:auto;
	background-color:#f8f8f8;
	padding:21px; margin-bottom:15px;
}
	#globalNavi_re ul{
	width:158px; height:204px;
	background:url(../images/globalNavi_bg_re.png) no-repeat;
	text-indent:-9999px;
	}
	
	#globalNavi_re li a{
		float:left;
		width:158px; height:41px;
		display:block;
		text-decoration:none;
		overflow:hidden;		
		padding:0; margin:0;
		text-indent:-9999px;
	}

/*------off*/
.nav_series a:hover {
	background:url(../images/globalNavi_bg_re.png) no-repeat -158px 0;
	width:158px;
}
.nav_news a:hover {
	background:url(../images/globalNavi_bg_re.png) no-repeat -158px -41px;
	width:158px;
}
.nav_comics a:hover {
	background:url(../images/globalNavi_bg_re.png) no-repeat -158px -82px;
	width:158px;
}
.nav_link a:hover {
	background:url(../images/globalNavi_bg_re.png) no-repeat -158px -123px;
	width:158px;
}
.nav_mochikomi a:hover {
	background:url(../images/globalNavi_bg_re.png) no-repeat -158px -164px;
	width:158px;
}
.sideL_bn	{
	width:176px; height:100%;
	background:url(../images/sideL_bn_dotted.png) repeat;
	text-align:center;
	margin:15px 0 0 0;
	padding:32px 12px;
}
#sideL_bn	{
	background:url(../images/sideL_bn_dotted.png) repeat;
	padding:32px;
	margin:15px auto;
	text-align:center;
}


#globalNavi_new {
	width:160px; height:266px;
	background-color:#f8f8f8;
	padding:14px 20px; margin-bottom:15px;
}
#globalNavi_sub {
	width:160px; height:165px;
	background-color:#f8f8f8;
	padding:14px 20px; margin-bottom:15px;
}


		#globalNavi_new li,#globalNavi_sub li{
			border-bottom:1px dotted #333333;
			padding:6px 0;
		}
		#globalNavi_new li:first-child,#globalNavi_sub li:first-child{
			padding:0 0 6px 0;
		}

	#globalNavi_new li a,#globalNavi_sub li a{
		width:158px; height:21px;
		display:block;
		text-decoration:none;
		color:#000000;
		font-weight:bold;
		font-size:15px;
	}
	#globalNavi_new li a:hover,#globalNavi_sub li a:hover{
		color:#ff0000;
	}

/*----------------------------------------------------
	#sideR
----------------------------------------------------*/
.dairy4coma {
	width:235px; height:auto;
	background-color:#ffffff;
	color:#000000;
	position:relative;
}
	.dairy4coma img{
		width:200px; height:auto;
		padding:17px 18px 17px 17px;
	}
	.dairy4coma p{
		font-size:76%; line-height:120%;
		padding:0 20px 20px 20px;
	}
	.dairy4coma span{
		position:absolute;
		top:80px; left:180px;
	}

.daily4coma,#daily4coma {
	background-color:#ffffff;
	color:#000000;
	position:relative;
	padding:17px 18px 15px 17px;
	word-break: break-all;
	
}

	.writer_name{

		font-weight:bold;
		float:left;
		display:block;
	}
	.series_number{
		font-size:76%;
		font-weight:bold;
		float:right;
		display:block;
	}
	.kotone_number {
		position:absolute;
		top:100px; left:20px;
		color:#666666; font-size:90%;
	}
	.hazure_number{
		position:absolute;
		top:70px; left:190px;
		color:#666666; font-size:90%;
	}
	.genpatsu_number {
		position:absolute;
		top:165px; left:200px;
		color:#666666; font-size:90%;
	}
	.father_number {
		position:absolute;
		top:95px; left:190px;
		color:#666666; font-size:90%;
	}
	.mkei_number {
		position:absolute;
		top:80px; left:190px;
		color:#666666; font-size:90%;
	}
	.daily4coma a {
		color:#333333;
	}
	
	
.series4coma {
	width:179px; height:auto;
	background-color:#666666;
	color:#000000;
	padding:20px 28px 20px 28px;
}
#series4coma {
	height:auto;
	background:#666666;
	color:#000000;
	text-align:center;
	padding:20px;
        border:10px solid #666666;
        border-radius:10px;	
}

	.series4coma p,#series4coma p {
		font-size:76%; line-height:120%;
		padding-bottom:15px;
		display:block;
	}
	.series4coma li,#series4coma li {
		font-size:76%; line-height:120%;
		padding-bottom:15px;
	}

.top-h2 {
	margin:0 0 6px 28px; padding:0;
	display:block;
}
.right-h3{
	margin:10px auto 0 auto; padding:0;
	text-align:center;
}

.rensai-h3 {
	margin:12px 0 6px 0; padding:0;
	display:block;
	text-align:center;
}

/*----------------------------------------------------
	#container
----------------------------------------------------*/
#imp {
	border:1px solid #fff;
	padding:15px;
	font-size:10px;
	margin:0 15px 15px 0;
}

.topNews {
	width:479px; height:90px;
	padding:16px 28px;
	background-color:#c80000;
	font-size:90%;
	overflow:auto;
	line-height:130%;
}
	.topNews dl{
		background-color:#c80000;
		font-size:90%;
	}
	.topNews dt {
		background-color:#c80000;
		font-size:90%;
		float:left;
		width:25%;
	}
	.topNews dd {
		margin-left:0;
		padding-left:25%;
		padding-bottom:10px;
	}
.topReleasebox {
	background-color:#ffffff;
}
.topRelease {
	background-color:#ffffff;
	min-height:700px;
	height:auto !important;
	height:700px;
	color:#000000;
	padding-top:20px; margin:0;
}
.topRelease li {
	line-height:100%;
	padding-bottom:9px;
	position:relative;
}
	.topRelease li a{
		font-size:90%;
		color:#000000;
		text-decoration:underline;
	}
	.topRelease li a:hover{
		color:#000000;
		text-decoration:none;
	}
	.releaseTitle {
		padding-left:15px;
	}
	.releaseDay {
		position:absolute;
		top:82px; right:30px;
		font-size:84%;
	}
	.releaseDay  img{
		vertical-align:middle; padding-bottom:2px;
}

/*----------------------------------------------------
	#contents
----------------------------------------------------*/
.contentNews {
	width:479px;
	padding:28px;
	background-color:#c80000;
	font-size:90%;
	overflow:auto;
	line-height:130%;
	min-height:890px;
	height:auto !important;
	height:890px;
	word-wrap: break-word;
}
	.contentNews dl{
		background-color:#c80000;
		font-size:90%;
	}
	.contentNews dt {
		background-color:#c80000;
		font-size:90%;
		float:left;
		width:25%;
	}
	.contentNews dd {
		margin-left:0;
		padding-left:25%;
		padding-bottom:10px;
	}

.contentComment {
	width:479px;
	padding:28px;
	background-color:#9a9a9a;
	font-size:90%;
	line-height:130%;
	min-height:1250px;
	height:auto !important;
	height:1250px;	
}
.contentMochikomi {
	width:479px;
	padding:28px;
	background-color:#ff5929;
	font-size:90%;
	overflow:auto;
	line-height:130%;
	min-height:1250px;
	height:auto !important;
	height:1250px;
	color:#000000;
}
	.h4-mochikomi {
		color:#ffffff;
		font-size:120%;
		display:block;
		margin-bottom:15px;
	}
.contentOther {
	width:479px;
	padding:28px;
	font-size:90%;
	overflow:auto;
	line-height:130%;
	min-height:1250px;
	height:auto !important;
	height:1250px;
	color:#000000;
}	
/*----------------------------------------------------
	#comics
----------------------------------------------------*/

#comics {
	background-color:#e10078;
}
#comics_previous {
	background-color:#aad700;
}
	#comics h3,#comics_previous h3{
		font-size:18px;
		margin-bottom:10px;
		line-height:130%;
	}
	#comics h3 span,#comics_previous h3{
		font-size:14px;
		font-weight:bold;
	}
	.comics_icon {
		margin-bottom:30px;
	}
	.comics_icon li{
		width:170px;
		float:left;
		font-size:11px;
	}
	.comics_icon li a{
		text-decoration:none;
	}
	.comics_icon li img{
		margin:5px 0 0 0;
		-moz-box-shadow:1px 1px 3px #000;
		-webkit-box-shadow:1px 1px 3px #000;
	}
	.comics_day {
		font-size:18px;
		color:#ffffff;
		margin:0; padding:0;
	}
	.comics_day_previous{
		font-size:18px;
		color:#000000;
		margin:0; padding:0;
	}
	
	.comics_border {
		padding-top:15px;
		margin-top:15px;
		background:url(../images/border_bottom_comic.png) repeat-x top left;
	}
	.comics_detail {
		width:358px;
		height:35px;
		position:relative;
	}
		.comics_number {
			position:absolute;
			top:0; left:0;
			font-size:15px;
			font-weight:bold;
		}
		.comics_repletion {
			position:absolute;
			top:0; left:225px;
			font-size:10px;
		}
		.comics_btn {
			position:absolute;
			top:-2px; left:35px;
		}
		.comics_btn li{
			float:left;
			font-size:11px;
		}
		.comics_btn li img{
			background-position:0 10px;
		}
		.w350 {
			width:350px;
		}

#comics_title_previous {
	width:535px; height:55px;
	background:url(../images/comics_previous_title.png) no-repeat;
}
#comics_title {
	width:535px; height:55px;
	background:url(../images/comics_title.png) no-repeat;
}
#comics_title li,#comics_title_previous li {
	width:267px;
	float:left;
}
#comics_title li a,#comics_title_previous li a{
	width:267px; height:50px;
	display:block;
	white-space:nowrap;
	overflow:hidden;
	text-indent:100%;
}

/*----------------------------------------------------
	#MangaList
----------------------------------------------------*/
		
.contentMangalist {
	width:479px;
	padding:28px;
	background-color:#cbaa46;
	font-size:90%;
	overflow:auto;
	line-height:130%;
	min-height:1250px;
	height:auto !important;
	height:1250px;
	color:#000000;
	
	

	
	
	
}
	.contentMangalist ul,.contentManga_alllist ul,.contentManga_newlist ul {
		margin-left:-15px;
	}
	.contentMangalist li,.contentManga_alllist li,.contentManga_newlist li {
		float:left;
		width:230px;
		padding:0 0 15px 15px; margin:0;
		text-align:right;
		font-size:11px;
		line-height:130%;
	}
.contentManga_alllist {
	width:479px;
	padding:28px;
	background-color:#9a9a9a;
	font-size:90%;
	overflow:auto;
	line-height:130%;
	min-height:1250px;
	height:auto !important;
	height:1250px;
	color:#000000;
}
.contentManga_newlist li img{
	width:200px;
}

	
.contentFaq	{
	width:479px;
	padding:28px;
	background-color:#9b9b9b;
	font-size:90%;
	overflow:auto;
	line-height:130%;
	min-height:1250px;
	height:auto !important;
	height:1250px;
	color:#000000;
}
	.contentFaq li  {
		padding:0 0 20px 0; margin:0;
	}
	.contentFaq li span {
		font-size:120%;
		font-weight:bold;
		color:#ffffff;
		display:block;
		margin:0 0 5x 0; padding:0;
	}
.contentlink {
	width:479px;
	padding:28px;
	background-color:#84aaff;
	font-size:90%;
	overflow:auto;
	line-height:130%;
	min-height:1250px;
	height:auto !important;
	height:1250px;
	color:#000000;
}
	.contentlink li{
		padding:0 0 15px 0; margin:0;
	}	
	.contentlink li span{
		font-weight:bold;
		font-size:120%;
	}

.contentl404 {
	width:479px;
	padding:28px;
	background-color:#cccccc;
	font-size:90%;
	overflow:auto;
	line-height:130%;
	min-height:1250px;
	height:auto !important;
	height:1250px;
	color:#000000;
}	
.contentl404 h2{
	font-size:18px;
	font-weight:bold;
}	
.contentl404 a{
	color:#0033cc;
}
	
.contentManga {
	width:535px;
	background-color:#9a9a9a;
	font-size:90%; line-height:150%; color:#000000;
	min-height:880px;
	height:auto !important;
	height:880px;
	
	    border:1px solid #9a9a9a;
        border-radius:10px;		
	
}
	.contentManga_sec {
		padding:15px 28px;
/*
		border-bottom:1px solid #000000;
*/
	}
	.contentManga_sec h3{
		margin-bottom:10px;
		display:block;
	}
	.contentBook_sec,.contentBook_com{
		padding:15px 15px;
/*
		border-bottom:1px solid #000000;
*/
	}
		.contentBook_sec h3{
			margin-bottom:5px;
			display:block;
			padding-left:13px;
		}
		.contentBook_sec li{
			width:108px; height:320px;
			padding:5px;
			border:1px solid #000000;
			float:left;
			background-color:#ffffff;
			font-size:11px;
			line-height:140%;
			margin:0 5px 10px 0;
			z-index:1px;
		}
		.contentBook_sec li img{
			border:1px solid #000000;
		}
		.contentBook_sec li p{
			padding:0 2px;
			margin-bottom:10px;
		}
		.btn_amazon {
			width:111px; height:46px;
			background:url(../images/btn_amazon.png) no-repeat;
			white-space:nowrap;
			overflow:hidden;
			text-indent:100%;
			display:block;
			z-index:10px;
			margin-bottom:10px;
		}
		.btn_honto {
			width:111px; height:46px;
			background:url(../images/btn_honto.png) no-repeat;
			white-space:nowrap;
			overflow:hidden;
			text-indent:100%;
			display:block;
			z-index:10px;
		}
		.btn_ebook {
			width:111px; height:46px;
			background:url(../images/btn_ebook.png) no-repeat;
			white-space:nowrap;
			overflow:hidden;
			text-indent:100%;
			display:block;
		}
		.btn_honto a,.btn_amazon a{
			width:111px; height:46px;
			display:block;
		}
		.btn_ebook a{
			width:111px; height:30px;
			display:block;
		}
	
	.contentManga_number{
		height:45px;
		display:block;
		position:relative;
	}
	.contentManga_number_4coma{
		height:30px;
		display:block;
		position:relative;
		margin:10px 0 0 0; padding:0;
	}
	.contentManga_number_4coma li{
		width:96px;
		float:left;
		padding-left:10px;
		color:#ffffff;
		font-weight:bold; margin:0;
	}
	
	.contentManga_number_4coma_new{
		height:34px;
		margin-bottom:5px;
	}
	.contentManga_number_4coma_new li{
		width:106px;
		float:left;
		white-space:nowrap;
		overflow:hidden;
		text-indent:100%;
	}

	.number_4coma{
		margin-bottom:5px;
		
	}
	.number_4coma li a{
		width:106px;height:28px;
		float:left;
		white-space:nowrap;
		overflow:hidden;
		text-indent:100%;
		display:block;
	}
	.btn_read li a {
		float:left;
		font-size:13px;
		margin:0 5px 0 0;
	}
	
	
	.number_4coma1 a{
		background:url(../images/btn_read_number.png) no-repeat;
		background-position:0 0;
	}
	.number_4coma2 a{
		background:url(../images/btn_read_number.png) no-repeat;
		background-position:0 -28px;
	}
	.number_4coma3 a{
		background:url(../images/btn_read_number.png) no-repeat;
		background-position:0 -56px;
	}
	.number_4coma4 a{
		background:url(../images/btn_read_number.png) no-repeat;
		background-position:0 -84px;
	}
	.number_4coma5 a{
		background:url(../images/btn_read_number.png) no-repeat;
		background-position:0 -112px;
	}
	.number_4coma6 a{
		background:url(../images/btn_read_number.png) no-repeat;
		background-position:0 -140px;
	}	
	.number_4coma7 a{
		background:url(../images/btn_read_number.png) no-repeat;
		background-position:0 -168px;
	}		
	.number_4coma8 a{
		background:url(../images/btn_read_number.png) no-repeat;
		background-position:0 -196px;
	}		
	.number_4coma9 a{
		background:url(../images/btn_read_number.png) no-repeat;
		background-position:0 -224px;
	}		
	.number_4coma10 a{
		background:url(../images/btn_read_number.png) no-repeat;
		background-position:0 -252px;
	}		
	.number_4coma11 a{
		background:url(../images/btn_read_number.png) no-repeat;
		background-position:0 -280px;
	}		
	
	.number_4coma1 a:hover{
		background-position:-106px 0px;
	}
	.number_4coma2 a:hover{
		background-position:-106px -28px;
	}
	.number_4coma3 a:hover{
		background-position:-106px -56px;
	}
	.number_4coma4 a:hover{
		background-position:-106px -84px;
	}
	.number_4coma5 a:hover{
		background-position:-106px -112px;
	}
	.number_4coma6 a:hover{
		background-position:-106px -140px;
	}
	.number_4coma7 a:hover{
		background-position:-106px -168px;
	}
	.number_4coma8 a:hover{
		background-position:-106px -196px;
	}
	.number_4coma9 a:hover{
		background-position:-106px -224px;
	}
	.number_4coma10 a:hover{
		background-position:-106px -252px;
	}
	.number_4coma11 a:hover{
		background-position:-106px -280px;
	}
	
	.number1{
		font-size:120%;
		color:#ffffff;
		font-weight:bold;
	}
	.number2,.number5{
		font-size:76%;
		position:absolute;
		top:-3px; left:180px;
		color:#ffffff;
	}
	.number3,.number6 {
		position:absolute;
		top:-3px; right:0; width:106px; height:34px;
	}
	.number4{
		margin:0; padding:0;
		height:34px;
	}
	.number3 a,.number4 a,.number5 a{
		width:100%; height:100%;
		background:url(../images/btn_read.png) no-repeat;
		display:block;
		text-indent:-9999em;
		text-decoration:none;
	}
	.number3 a:hover,.number4 a:hover,.number5 a:hover,.number_7-sinsL a:hover{
		background:url(../images/btn_read.png) no-repeat;
		background-position:0px -34px;
	}

	.number5{
		width:106px; height:34px;
		position:absolute;
		top:-6px; left:260px;
		margin:0; padding:0;
	}
	.number6 {
		width:106px; height:34px;
		position:absolute;
		top:-6px; right:0;
		margin:0; padding:0;
	}
	.number6 a{
		width:100%; height:100%;
		background:url(../images/btn_read_smart.png) no-repeat;
		display:block;
		text-indent:-9999em;
		text-decoration:none;
	}
	.number6 a:hover,.number_7-sinsR a:hover{
		background:url(../images/btn_read_smart.png) no-repeat;
		background-position:0px -34px;
	}
	.number_7-sinsL a{
		width:106px; height:34px;
		margin:0; padding:0;
		background:url(../images/btn_read.png) no-repeat;
		display:inline-block;
		text-indent:-9999em;
		text-decoration:none;
		float:right;
	}
	.number_7-sinsR a{
		width:106px; height:34px;
		margin:0; padding:0;
		background:url(../images/btn_read_smart.png) no-repeat;
		display:inline-block;
		text-indent:-9999em;
		text-decoration:none;
		float:right;
	}
	.heading_7-sins {
		font-size:17px;
		color:#fff;
	}
	
	
	.number7 a{
		width:100%; height:100%;
		background:url(../images/btn_read_t.png) no-repeat;
		display:block;
		text-indent:-9999em;
		text-decoration:none;
	}
	.number7 a:hover{
		background:url(../images/btn_read_t.png) no-repeat;
		background-position:0px -34px;
	}	
	
	.number8 a{
		width:100%; height:100%;
		background:url(../images/btn_read_smart_t.png) no-repeat;
		display:block;
		text-indent:-9999em;
		text-decoration:none;
	}
	.number8 a:hover{
		background:url(../images/btn_read_smart_t.png) no-repeat;
		background-position:0px -34px;
	}
	
	.number9 a{
		width:100%; height:34px;
		background:url(../images/btn_read30.png) no-repeat;
		display:block;
	}
	.number9 a:hover{
		background:url(../images/btn_read30.png) no-repeat;
		background-position:0px -34px;
	}
	.number10 a{
		width:100%; height:34px;
		background:url(../images/btn_read30.png) no-repeat;
		display:block;
	}
	.number10 a:hover{
		background:url(../images/btn_read30.png) no-repeat;
		background-position:0px -34px;
	}
	.number11 a{
		width:100%; height:34px;
		background:url(../images/btn_read31_60.png) no-repeat;
		display:block;
	}
	.number11 a:hover{
		background:url(../images/btn_read31_60.png) no-repeat;
		background-position:0px -34px;
	}
	.number12 a{
		width:100%; height:34px;
		background:url(../images/btn_read61_90.png) no-repeat;
		display:block;
	}
	.number12 a:hover{
		background:url(../images/btn_read61_90.png) no-repeat;
		background-position:0px -34px;
	}
	.number13 a{
		width:100%; height:34px;
		background:url(../images/btn_read91_120.png) no-repeat;
		display:block;
	}
	.number13 a:hover{
		background:url(../images/btn_read91_120.png) no-repeat;
		background-position:0px -34px;
	}

	
	.number14 a{
		width:100%; height:34px;
		background:url(../images/btn_read90.png) no-repeat;
		display:block;
	}
	.number14 a:hover{
		background:url(../images/btn_read90.png) no-repeat;
		background-position:0px -34px;
	}

	.number15 a{
		width:100%; height:34px;
		background:url(../images/btn_read60_90.png) no-repeat;
		display:block;
	}
	.number15 a:hover{
		background:url(../images/btn_read60_90.png) no-repeat;
		background-position:0px -34px;
	}
	.number16 a{
		width:100%; height:34px;
		background:url(../images/btn_read120.png) no-repeat;
		display:block;
	}
	.number16 a:hover{
		background:url(../images/btn_read120.png) no-repeat;
		background-position:0px -34px;
	}
#no2_1{
	position:absolute;top:148px;left:56px;
}
#no2_2{
	position:absolute;top:148px;left:155px;
}
	

#character_hagure{
	background:url(../images/hagure_character.png) no-repeat;
	padding-left:90px;
}	
#character_a{
	background:url(../images/a_character.png) no-repeat;
	padding-left:90px;
}	
#character_hyakka{
	background:url(../images/hyakka_character.png) no-repeat;
	padding-left:90px;
}
	#character_hyakka li,#character_cp li,#character_zettairyouiki li,
	#character_hazurechan li
	{
		padding-bottom:27px;
		line-height:130%;
	}
	#character_kotonechan li,#character_hagure li,
	#character_nonono li,#character_hyakkaryouran_SB li,
	#character_hyakkaryouran_kanetugu_nia li{
		padding-bottom:30px;
		line-height:130%;
	}
	
	#character_hyakka span,#character_bokunoimouto span,
	#character_queenz span,#character_cp span,
	#character_zettairyouiki span,#character_genpatsu span,
	#character_mokushiroku span,#character_ayakashi span,
	#character_mugen span,#character_root3 span,#character_kotonechan span,
	#character_father span,#character_hazurechan span,#character_hagure span,#character_sayurisan span,#character_a span,#character_nonono span,#character_mkei span,#character_hyakkaryouran_SB span,#character_hyakkaryouran_kanetugu_nia span{
		font-size:100%;
		color:#ffffff;
		font-weight:bold;
	}

#character_bokunoimouto {
	background:url(../images/bokunoimouto_character.png) no-repeat;
	padding-left:90px;
}
	#character_bokunoimouto li,#character_mokushiroku li,#character_mkei li 
	{
		padding-bottom:12px;
		line-height:130%;
	}
	
#character_queenz {
	background:url(../images/queenz_character.png) no-repeat;
	padding-left:90px;
}
#character_cp {
	background:url(../images/cp_character.png) no-repeat;
	padding-left:90px; padding-bottom:10px;
}
#character_zettairyouiki {
	background:url(../images/zettairyouiki_character.png) no-repeat;
	padding-left:90px;
}

#character_genpatsu {
	background:url(../images/genpatsu_character.png) no-repeat;
	padding-left:90px;
}
	#character_genpatsu li,#character_ayakashi li,#character_sayurisan li,
	#character_root3 li,#character_father li,#character_a li,#character_mugen li{
		padding-bottom:20px;
		line-height:130%;
	}
#character_mokushiroku {
	background:url(../images/mokushiroku_character.png) no-repeat;
	padding-left:90px;
}
	#character_ayakashi {
		background:url(../images/ayakashi_character.png) no-repeat;
		padding-left:90px;
	}
	#character_mugen {
		background:url(../images/mugen_character.png) no-repeat;
		padding-left:90px;
	}
	#character_root3 {
		background:url(../images/root3_character.png) no-repeat;
		padding-left:90px; padding-bottom:10px;
	}
	#character_kotonechan {
		background:url(../images/kotonechan_character.png) no-repeat;
		padding-left:90px;
	}
	#character_father {
		background:url(../images/father_character.png) no-repeat;
		padding-left:90px;
	}
	#character_hazurechan {
		background:url(../images/hazurechan_character.png) no-repeat;
		padding-left:90px;
	}
	#character_nonono {
		background:url(../images/nonono_character.png) no-repeat;
		padding-left:90px;
	}
	#character_mkei {
		background:url(../images/mkei_character.png) no-repeat;
		padding-left:90px;
	}
	#character_hyakkaryouran_SB {
		background:url(../images/hyakkaryouran_SB_character.png) no-repeat;
		padding-left:90px;
	}
	#character_hyakkaryouran_kanetugu_nia {
		background:url(../images/hyakkaryouran_kanetugu_nia_character.png) no-repeat;
		padding-left:90px;
	}
	.Lheight120 {
		line-height:120%;
	}
	.char_set span {
		margin-bottom:2px; display:block;
		font-size:94%;
		color:#ffffff;
		font-weight:bold;
	}
	.char_set img {
		float:left;
		margin-right:15px;
	}
	
	
.pagetop {
	float:right;
	background:url(../images/icon_pagetop.png) no-repeat;
	background-position:0 8px;
	padding:0 10px 0 15px;
}
	.pagetop a{
		color:#333333;
		font-size:11px;
	}
	
.relation_link_bn {
	margin:40px 20px 20px 0;
}
.relation_link_txt {
	margin:20px 20px 20px 0;
}

/*----------------------------------------------------
	h
----------------------------------------------------*/	
h3.contentTitle {
	margin:0 0 15px 0; padding:0 0 10px 0;
	border-bottom:1px solid #ffffff;
	display:block;
}
h3.newsarchiveTitle {
	margin:0 0 15px 0; padding:0 0 10px 0;
	border-bottom:1px solid #ffffff;
	display:block;
	font-size:120%;
}

/*----------------------------------------------------
	#footer（フッター）
----------------------------------------------------*/
.bnRelation {
	width:1000px; height:40px;
	background-color:#ffffff;
	clear:both;
	padding:25px 0 3px 0;
}
	.bnRelation ul {
		margin-left:-3px;
	}
	.bnRelation li{
		float:left; padding-left:3px;
	}
.bnRelation2 {
	width:1000px;
	background-color:#ffffff;
	clear:both;
	padding:20px 0 0 0;
}
.bnRelation3 {
	width:1065px;
	background-color:#ffffff;
	clear:both;
	padding:20px 0 0 0;
}
	
.footerNavi {
	width:100%; height:30px;
        border:1px solid #9a9a9a;
        border-radius:10px;	
	background:#9a9a9a;
	clear:both;
}
.footerNavi ul{
	margin:0 auto;
	display:block;
	text-align:center;
	width:500px;
}
	.footerNavi li+li:before {
		padding:0 10px;
		content:"|";
	}
	.footerNavi li{
		float:left;
	}	
	.footerNavi a{
		text-decoration:none;
		font-size:84%;
	}
	.footerNavi a:hover{
		color:#000000;
	}

.policyTxt {
	width:1065px;
	text-align:center;
	background-color:#ffffff;
	font-size:60%;
	color:#000000;
	padding:10px 0;
	margin-bottom:15px;
}
#copyright {
	width:1065px; height:60px;
	background:url(../images/copyright_bg.png) no-repeat left bottom;
}
	#copyright img{
		width:80px; height:35px;
		padding:13px 0 0 890px; margin:0;
	}
#copyright2{
	width:1065px; height:60px;
	background:#04C000 url(../images/copyright_bg2@@.png) no-repeat center bottom;
	border-top-left-radius:10px;
	border-top-right-radius:10px;	
}
/*----------------------------------------------------
	.enquete_table
----------------------------------------------------*/

.enquete_table th{
	width:100px; vertical-align:top;
}
.enquete_table td{
	margin-bottom:10px;
	display:block;
}

/*----------------------------------------------------
	#slideshow
----------------------------------------------------*/
#mainphoto{
	height:360px;height:360px;
	margin-bottom:10px;
	overflow: hidden;
}
#mainphoto_new{
	height:295px;
	margin:0 0 10px 215px;
	display: none;
}
#mainphoto_static {
	height:295px;
	margin:0 0 10px 215px;

}

.crossfader{
	position:relative;
	height:360px;
	margin-bottom:10px;
}
.crossfader img{
	position:absolute;
	top:0;
	left:0;
	z-index:8;
	opacity:0;
	cursor:pointer;
}
.crossfader .active{
	z-index:10;
	opacity:1.0;
}
.crossfader .last-active{
	z-index:9;
}
.dangan_top {
	position:relative;
	background:#1EB900;
	border-bottom-left-radius:10px;
	border-bottom-right-radius:10px;		
}

.sns {
	position:absolute;
	top:145px; left:730px;
	width:380px; height:40px;
}
.sns li{
	float:left;
	padding:0 5px 0 0;
}

.newsArchive li{
		float:left;
		padding:0 15px 15px 0; margin:0 0 0 0;
		color:#000000;
	}
	.newsArchive li a{
		color:#000000;
		text-decoration:underline;
	}
	.newsArchive li a:hover{
		color:#000000;
		text-decoration:none;
	}

/*----------------------------------------------------
	#portfolio
----------------------------------------------------*/	
#portfolio_box {
	width:150px; height:280px;
	padding:10px 25px 10px 25px;
	background-color:#ffffff;
	text-align:center;
	color:#111111;
	font-size:12px; line-height:140%;
	border-radius: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
	overflow:hidden;
	margin:15px auto;
}
#portfolio{
	margin:0 auto;

}
#portfolio_box p{
	text-align:center;
	color:#c80000;
	font-weight:bold;
	margin-bottom:8px;
}
#portfolio li img{
	height:200px;
	
}
/*----------------------------------------------------
	.comment_block
----------------------------------------------------*/
.comment_block {
	border:5px solid #000000;
	background-color:#ffffff;
	padding:10px;
	letter-spacing:0.1px;
	font-size:12px;
	overflow:auto;
	height:450px;
}
.comment_block ul{
	margin-bottom:15px;
}
.comment_block li{
	position:relative;
	border-bottom:1px dotted #999999;
	padding:5px 0 10px 0;
	margin:0 8px;
}

.comment_day{
	font-size:11px;
	position:absolute;
	right:0;
	color:#999999;
}
.comment_name{
	font-weight:bold;
	color:#39b100;
}
.comment_textarea {
	width:500px;
	height:100px;
	max-width:500px;/*←ここが限界！*/
	font-size:12px;
}
.pickup {
	font-size:11px;
	margin:-6px 0 6px 0;
  overflow-x: -webkit-marquee; /*-webkit-marquee にセット*/
  /*動き方(ahead|auto|backwards|down|forwards|inherit|left|reverse|right|up)*/
  -webkit-marquee-direction: left;
  /*動く範囲(alternate|inherit|none|scroll|slide)*/
  -webkit-marquee-style:none;
  /*スピード(slow|normal|fast)*/
  -webkit-marquee-speed:normal;
  /*動き幅(small|medium|large)*/
  -webkit-marquee-increment: medium;
  /*繰り返す回数(数値)*/
  -webkit-marquee-repetition: 10;
}
.pickup2 {
	font-size:11px;
	margin:-6px 0 6px 0;
  overflow-x: -webkit-marquee; /*-webkit-marquee にセット*/
  /*動き方(ahead|auto|backwards|down|forwards|inherit|left|reverse|right|up)*/
  -webkit-marquee-direction: left;
  /*動く範囲(alternate|inherit|none|scroll|slide)*/
  -webkit-marquee-style:slide;
  /*スピード(slow|normal|fast)*/
  -webkit-marquee-speed:normal;
  /*動き幅(small|medium|large)*/
  -webkit-marquee-increment: medium;
  /*繰り返す回数(数値)*/
  -webkit-marquee-repetition: 10;
}
/*----------------------------------------------------
	#btn
----------------------------------------------------*/

.btn_tameshi {
	width:126px; height:31px;
	background:url(../images/btn_read_tamashi.png) no-repeat;
	text-indent:-9999px;
	margin:15px 0;
}
.btn_tameshi a{
	width:126px; height:31px;
	background:url(../images/btn_read_tamashi.png) no-repeat;
	display:block;
}
.btn_tameshi a:hover{
	width:126px; height:31px;
	background-position:left bottom;
}

.css3button {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	display:block;
	margin:0 auto 15px auto;
	color: #ffffff;
	padding:5px 20px;
	width:200px;
	text-align:center;
	background: -moz-linear-gradient(
		top,
		#6b6b6b 0%,
		#000000);
	background: -webkit-gradient(
		linear, left top, left bottom, 
		from(#6b6b6b),
		to(#000000));
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	border-radius:5px;
	border: 1px solid #000000;
	-moz-box-shadow:
		0px 1px 3px rgba(000,000,000,0.5),
		inset 0px 0px 1px rgba(255,255,255,0.7);
	-webkit-box-shadow:
		0px 1px 3px rgba(000,000,000,0.5),
		inset 0px 0px 1px rgba(255,255,255,0.7);
	box-shadow:
		0px 1px 3px rgba(000,000,000,0.5),
		inset 0px 0px 1px rgba(255,255,255,0.7);
	text-shadow:
		0px -1px 0px rgba(000,000,000,0.4),
		0px 1px 0px rgba(255,255,255,0.3);
}
.css3button a{
	width:200px;
	display:block;
	height:20px;
}



.btn_series {
	background:#cccccc;
	box-shadow:0 0 5px #494949,0 0 8px #494949;
	border-radius:10px;
	-moz-border-radius:10px;
	-webkit-border-radius:10px;
	color:#111;
	padding:2px 5px;
	width:100px;
	font-size:12px;
	text-align:center;
	margin-left:5px;
}
.btn_series a{
	text-decoration:none;
}

/*----------------------------------------------------
	#etc
----------------------------------------------------*/

.m10tlr {margin:10px 10px 0 10px; padding:0}
.ml-5 {margin-left:5px; display:block;}
.ml-10 {margin-left:10px; display:block;}
.ml-20 {margin-left:20px; display:block;}
.mt-5 {margin-top:5px; display:block;}
.mt-10 {margin-top:10px; display:block;}
.mt-12 {margin-top:12px; display:block;}
.mt-15 {margin-top:15px; display:block;}
.mtb-15 {margin:15px 0; display:block;}
.mb-10 {margin-bottom:10px; display:block;}
.mb-15 {margin-bottom:15px; display:block;}
.mb-20 {margin-bottom:20px;}
.mb-30 {margin-bottom:30px; display:block;}
.mb-40 {margin-bottom:40px; display:block;}
.mb-50 {margin-bottom:50px; display:block;}
.ml-30 {margin-left:30px;}

.txt-Bold{font-weight:bold;}
.txtR {text-align:right;}
.red1 {color:#ff0000;}
.orange1 {color:#ff5929;}
.white1 {color:#ffffff;}
.black1,.black1 a {color:#000000;}
.lh140 {line-height:140%;}

.center {text-align:center;}
.date {font-size:74%; color:#666; display:block; margin-bottom:15px;  padding-left:3px;}
.prl-10 {padding:0 10px;}
.pl-3 {padding-left:3px;}

.p10 {font-size:10px;}
.p11 {font-size:11px;}
.p12 {font-size:12px;}
.p14 {font-size:14px;}
.p15 {font-size:15px;}
.p16 {font-size:16px;}
.p108 {font-size:108%;}
.p93 {font-size:93%;}
.p85 {font-size:85%;}
.p77 {font-size:77%; line-height:130%;}
.border-bw{border-bottom:1px solid #ffffff;}
.border-bb{border-bottom:1px solid #000000;}
.txtL {text-align:left;}

.mb10 {margin-bottom:10px;}

.series_jasrac {
	font-size:11px;
	clear:left;
}
.series_jasrac img{
	float:left;
	padding:0 5px 0 0;
}
.dib{
	display:inline-block;
	vertical-align:top;
}


ins[style]{
background-color:transparent;
}

/*----------------------------------------------------
	#newToplist
----------------------------------------------------*/
.newToplist {
	width:479px;
	padding:28px;
	background-color:#9a9a9a;
}
.Top3column,.Top2column {
	margin:0 -14px 0 0;
	padding:0;
}
.Top3column li {
	display:inline-block; 
	/display:inline; 
	/zoom:1;
	width:155px;
	padding:0 15px 25px 0;
	font-size:14px;
	line-height:130%;
	font-weight:bold;
	vertical-align:top
}
.Top3column li img{
	width:155px;
}
.Top3column li .iconnew{
	width:20px;
}
.Top3column li span{
	font-weight:normal;
	font-size:12px;
	
}
.Top2column {
	margin-bottom:0px;
}
.Top2column li {
	display:inline-block;
	width:210px;
	padding:0 14px 20px 0;
	font-size:14px;
	line-height:130%;
	font-weight:bold;
	vertical-align:top;
}
.Top2column li img{
	width:210px;
}

.newToplist li a,{
	text-decoration:none;
}
.newToplist li a span{
	font-size:12px;
}
.newToplist li a:hover{
	text-decoration:underline;
}

.newToplist_day {
	padding:3px;
	font-weight:normal;	
	font-size:12px;
	color:#ffffff;
	background-color:#000000;
	display:block;
}

/*----------------------------------------------------
	#newTop
----------------------------------------------------*/
.container_new {
	margin:0 250px 0 0;
	text-align:left;
	
}
.container_new2 {
	margin:0 315px 0 0;
	text-align:left;
}

#main_block {
	
        border:1px solid #CCC;
        border-radius:10px;
	background-color:#9a9a9a;

        border:10px solid #9a9a9a;
        border-radius:15px;
        background:linear-gradient( to top, #E6E6E6, #FEFEFE );	
}

#side_menu {
	width:200px;
	height:295px;
	float:left;
	text-align: left;
	
}

.list_topthumb {
	padding:28px;
	background-color:#9a9a9a;

}
.list_topthumb ul{
	width:700px;
	margin:0 auto;
}
.list_topthumb li{
	
}
.list_topthumb li a,{
	text-decoration:none;
}
.list_topthumb li a span{
	font-size:12px;
}
.list_topthumb li a:hover{
	text-decoration:underline;
}

.txtR {
text-align:right;
}


/* button 
---------------------------------------------- */
.button {
	display: inline-block;
	zoom: 1; /* zoom and *display = ie7 hack for display:inline-block */
	*display: inline;
	vertical-align: baseline;
	margin: 0 2px;
	outline: none;
	cursor: pointer;
	text-align: center;
	text-decoration: none;
	font: 14px/100% Arial, Helvetica, sans-serif;
	padding:10px;
	text-shadow: 0 1px 1px rgba(0,0,0,.3);
	-webkit-border-radius: .5em; 
	-moz-border-radius: .5em;
	border-radius: .5em;
	-webkit-box-shadow: 0 1px 2px rgba(0,0,0,.2);
	-moz-box-shadow: 0 1px 2px rgba(0,0,0,.2);
	box-shadow: 0 1px 2px rgba(0,0,0,.2);
}
.button:hover {
	text-decoration: none;
}
.button:active {
	position: relative;
	top: 1px;
}

.bigrounded {
	-webkit-border-radius: 2em;
	-moz-border-radius: 2em;
	border-radius: 2em;
}
.medium {
	font-size: 12px;
	padding: .4em 1.5em .42em;
}
.small {
	font-size: 11px;
	padding: .2em 1em .275em;
}

/* color styles 
---------------------------------------------- */

/* black */
.black {
	color: #d7d7d7;
	border: solid 1px #333;
	background: #333;
	background: -webkit-gradient(linear, left top, left bottom, from(#666), to(#000));
	background: -moz-linear-gradient(top,  #666,  #000);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#666666', endColorstr='#000000');
}
.black:hover {
	background: #000;
	background: -webkit-gradient(linear, left top, left bottom, from(#444), to(#000));
	background: -moz-linear-gradient(top,  #444,  #000);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#444444', endColorstr='#000000');
}
.black:active {
	color: #666;
	background: -webkit-gradient(linear, left top, left bottom, from(#000), to(#444));
	background: -moz-linear-gradient(top,  #000,  #444);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#000000', endColorstr='#666666');
}


/* =====================
    TOPニュース速報
======================= */
	.marquee {
    overflow: hidden;
    position: relative;
    padding:15px;
    color: #FFB400;
    font-size: 100%;
    background: #696969;
    width:720px;
    margin:-10px 0px 0px 0px;
    text-decoration:none;
}

.marquee p:after {
content:"";
white-space:nowrap;
padding-right:0px;
}

.marquee p {
margin:0;
/*padding-left:750px;
display:inline-block;
white-space:nowrap;
	-webkit-animation-name:marquee;
	-webkit-animation-timing-function:linear;
	-webkit-animation-duration:30s;
	-webkit-animation-iteration-count:infinite;
	-moz-animation-name:marquee;
	-moz-animation-timing-function:linear;
	-moz-animation-duration:30s;
	-moz-animation-iteration-count:infinite;
	-ms-animation-name:marquee;
	-ms-animation-timing-function:linear;
	-ms-animation-duration:30s;
	-ms-animation-iteration-count:infinite;
	-o-animation-name:marquee;
	-o-animation-timing-function:linear;
	-o-animation-duration:30s;
	-o-animation-iteration-count:infinite;
	animation-name:marquee;
	animation-timing-function:linear;
	animation-duration:30s;
	animation-iteration-count:infinite;*/
}
@-webkit-keyframes marquee {
  from   { -webkit-transform: translate(0%);}
  99%,to { -webkit-transform: translate(-100%);}
}
@-moz-keyframes marquee {
  from   { -moz-transform: translate(0%);}
  99%,to { -moz-transform: translate(-100%);}
}
@-ms-keyframes marquee {
  from   { -ms-transform: translate(0%);}
  99%,to { -ms-transform: translate(-100%);}
}
@-o-keyframes marquee {
  from   { -o-transform: translate(0%);}
  99%,to { -o-transform: translate(-100%);}
}
@keyframes marquee {
  from   { transform: translate(0%);}
  99%,to { transform: translate(-100%);}
}
.marquee a{
	margin-right:150px
}
.marquee a:link{
    text-decoration:none;
    font-weight:bold;
    color: #FFF;
}

.marquee strong {
    color: #FFB400;
}


/*sp*/
@media screen and (max-width: 400px)
.screensize {display:none;}
}


