@charset "shift_jis";

/* -------------------------------------------------------- メインコンテンツ */
#mainContents{
	width:656px;
	float:left;
}

#mainContents .mCont_sec{
	background:#fff;
	border-right:1px solid #5f5f5f;
	border-bottom:1px solid #5f5f5f;
	padding:14px 6px 10px 10px;
}

/* information */
#information .mCont_frame{
	height:680px;
	overflow:auto;
}

#information .mCont_frame_tvcm{
	height:180px;
	overflow:auto;
}

#information .mCont_frame_news{
	height: auto;
}

#information dl.information_list {
	color: #616161;
}

#information dl.information_list dt {
	float: left;
	width: 5em;
	clear: left;
	padding-left: 1em;
	background: url("../images/icon_arrow.gif") no-repeat scroll 0 3px transparent;
}

#information dl.information_list dd {
	margin: 0 0 0.5em 7.5em;
}


#information h3{
	width:580px;
	min-height:18px;
	height:auto !important;
	height:18px;
	padding:0 0 3px 34px;
	background:transparent url(../../images/h3_information.gif) left bottom no-repeat;
}

#information .icon_new{
	padding-left:10px;
	font-weight:bold;
	color:#ff0000;
}

#information .mCont_inner{
	margin:10px 0 0 20px;
	width:594px;
}

#information .mCont_inner img.news_btn {
 	margin: 5px 0 0 0;
}

div.top_banner {
	margin: 0 0 10px 0;
}

div#info110311 {
	float: left;
	width: 656px;
}

p#pray_j {
	float: left;
	width: 356px;
	height: 61px;
	padding: 15px 0 0 0;
	margin: 0 10px 0 0;
	border: 3px solid #DDDDDD;
	background-color: #FFFFFF;
	text-align: center;
	color:#4c4c4c;
}

p#ganbarou_j {
	float: right;
	width: 282px;
}

p#soul_eater_as_20120312 {
	float: right;
	width: 300px;
	padding: 0 2px 0 0;
}

p#soul_eater_as_20120312 img {
	border: solid 1px #AAAAAA;
}


/* updateHistory */
#updateHistory table{
	border:none;
	color:#616161;
}

#updateHistory table a{
	color:#616161;
	text-decoration:underline;
}

#updateHistory th,
#updateHistory td{
	padding:3px;
	vertical-align:top;
}

#updateHistory th.th_icon{
	padding-right:5px;
}

#updateHistory td.td_date{
	padding-right:10px;
	white-space:nowrap;
}

#updateHistory .mCont_frame{
	height:115px;
	padding-right:10px;
	overflow:auto;
}

#updateHistory .mCont_sec dl.update_list {
	margin: 0;
	padding: 0;
}

#updateHistory .mCont_sec dl.update_list dt {
	clear: both;
	float: left;
	width: 5em;
	margin: 0 0 5px 0;
	padding: 1px 0;
	color: #666666;
}

#updateHistory .mCont_sec dl.update_list dd {
	float: left;
	width: 450px;
	margin: 0 0 5px 0;
	padding: 1px 0 1px 84px;
	color: #666666;
}

#updateHistory .mCont_sec dl.update_list dd.attention {
	background: transparent url('../../images/img_icon_attention.jpg') no-repeat left top;
}
#updateHistory .mCont_sec dl.update_list dd.comic {
	background: transparent url('../../images/img_icon_comic.jpg') no-repeat left top;
}
#updateHistory .mCont_sec dl.update_list dd.news {
	background: transparent url('../../images/img_icon_news.jpg') no-repeat left top;
}
#updateHistory .mCont_sec dl.update_list dd.present {
	background: transparent url('../../images/img_icon_present.jpg') no-repeat left top;
}
#updateHistory .mCont_sec dl.update_list dd.recruitment {
	background: transparent url('../../images/img_icon_recruitment.jpg') no-repeat left top;
}
#updateHistory .mCont_sec dl.update_list dd.manga {
	background: transparent url('../../images/img_icon_manga.jpg') no-repeat left top;
}

#updateHistory .mCont_sec h3 {
	clear: both;
	margin: 2em 0 0.5em 0;
}

#updateHistory .mCont_sec dl.update_list dd a:hover {
	text-decoration: none;
}

/* relatedInfor */
#mainContents #relatedInfor .mCont_sec{
	padding-left:20px;
}

#relatedInfor li{
	width:195px;
	text-align:center;
	float:left;
	margin-bottom: 15px;
	font-size:0;
	line-height:0;
}

#relatedInfor li#recruit_banner {
	height: 39px;
	/padding: 0 0 15px 0;
}


/* -------------------------------------------------------- サイドメニュー */
#sideMenu{
	width:226px;
	margin-left:18px;
	float:left;
}

#sideMenu .mCont_sec{
	background:#fff;
	border-right:1px solid #5f5f5f;
	border-bottom:1px solid #5f5f5f;
	padding:14px 12px 10px 13px;
}

/* mailmagazine */

#section_mailmagazine {
	margin: 0 0 3px 0;
}
#section_tatiyomi{
	width: 615px;
	margin:0 auto;
}
#mainContents #section_tatiyomi.mCont_sec{
	padding:14px 20px 10px 20px;
}

#section_mailmagazine p.banner {
	margin: 0 0 2px 0;
}
#section_tatiyomi p.banner.left {
	width: 300px;
	float: left;
}
#section_tatiyomi p.banner.right {
	width: 300px;
	float: right;
}

#section_mailmagazine p.copy_right {
	font-size: 85%;
	color: #FFFFFF;
}

#twitter_box {
	margin: 0 0 14px 0;
}


/* pickup */
/*
#pickup .mCont_sec{
	min-height:898px;
	height:auto !important;
	height:898px;
}
*/

#pickup .pickup_list li{
	padding-left:13px;
	margin-top:5px;
	background:transparent url(../../images/icon_arrow.gif) 0 2px no-repeat;
	font-size:80%;
	line-height:1.3;
	color:#686868;
}

#pickup .pickup_list li .icon_new{
	padding-right:5px;
	color:#ff0000;
	font-weight:bold;
}

#pickup .pickup_list li a{
	color:#686868;
	text-decoration:none;
}

#pickup .pickup_list li a:hover{
	text-decoration:underline;
}


#customize {
	margin-top: 14px;
}
#customize .customize_list li{
	padding-left:13px;
	margin-top:5px;
	background:transparent url(../../images/icon_arrow.gif) 0 2px no-repeat;
	font-size:80%;
	line-height:1.3;
	color:#686868;
}

#customize .customize_list li .icon_new{
	padding-right:5px;
	color:#ff0000;
	font-weight:bold;
}

#customize .customize_list li a{
	color:#686868;
	text-decoration:none;
}

#customize .customize_list li a:hover{
	text-decoration:underline;
}

#customize .mCont_sec h3 {
	text-align: center;
}


#jasrac_area {
	height: 65px;
	margin: 0 0 0 0;
}

#jasrac_area dl {
	height: 65px;
	margin: 0;
}

#jasrac_area dl dt {
	float: left;
	height: 50px;
	width: 50px;
	margin: 15px 0 0 0;
}

#jasrac_area dl dd {
	float: left;
	width: 100px;
	margin: 15px 0 0 10px;
	color: #FFFFFF;
}


/*非Flash用*/
#comics_fla {
	width:900px;
	height:167px;
	margin:0 auto;
	position:relative;
}
#comics_fla h2{ position:absolute; top:35px; left:0;}
#comics_fla ul{padding:5px 0 0 196px;}
#comics_fla ul li{
	float:left;
	margin-right:41px;
	padding-top:17px;
	background-image:url(../../images/ic_new.gif);
	background-repeat:no-repeat;
}

#comics_fla ul li.nonew{ background-image:none;}
#comics_fla ul li img{ width:auto; height:121px;}
#comics_fla ul li img{
	-webkit-box-reflect:below 0px url("../../images/reflect.png");
}

#main_fla{
	width:910px;
	height:316px;
	margin:0 auto;
	background-image:url(../../images/bg_mainimg.png);
	background-repeat:no-repeat;
	position:relative;
}
#mainimg{
	position:absolute;
	top:20px;
	left:25px;
}
#gangamagazine{
	position:absolute;
	top:18px;
	right:46px;
	display:block;
}
#gangamagazine img{
	-webkit-box-reflect:below 0px url("../../images/reflect.png");
}
#magazinecaption{
	position:absolute;
	bottom:11px;
	right:42px;
	font-size:14px;
	font-weight:bold;
	color:#ffffff;
	text-shadow: 0px 4px 1px #000000,0px 3px 1px #000000,1px 3px 1px #000000,2px 3px 1px #000000,2px 2px 1px #000000,3px 2px 1px #000000,3px 1px 1px #000000,3px 0px 1px #000000,4px 0px 1px #000000,3px -1px 1px #000000,3px -2px 1px #000000,3px -3px 1px #000000,2px -3px 1px #000000,2px -4px 1px #000000,1px -4px 1px #000000,0px -4px 1px #000000,-1px -4px 1px #000000,-2px -4px 1px #000000,-3px -4px 1px #000000,-3px -3px 1px #000000,-4px -3px 1px #000000,-4px -2px 1px #000000,-4px -1px 1px #000000,-4px 0px 1px #000000,-4px 1px 1px #000000,-4px 2px 1px #000000,-3px 2px 1px #000000,-3px 3px 1px #000000,-2px 3px 1px #000000,-1px 3px 1px #000000;
	letter-spacing:0.15em;
}

#magazinecaption .txtmonth{/*color:#E5FF00;*/}
#magazinecaption .txtrelease{/*color:#5ca5ec;*/font-size:21px;}
.fs24px{font-size:24px;}



/* -------------------------------------------------------- メイン画像リニュー201609 */
#mainVisual{
	width: 900px;
	margin: 0 auto 10px auto;
	background-color: #fff;
}
#mainVisual .mainVisualWrap{
	padding: 20px 14px 23px 14px;
	background-color: #fff;
    background-image: url("../images/renew2016/main_bottom.png");
    background-position: bottom;
    background-repeat: no-repeat;
}
#mainVisual .mainVisualWrap .mainLeft{
	width: 670px;
	float: left;
}
#mainVisual .mainVisualWrap .mainRight{
	width: 187px;
	float: right;
	background-color: #E5E5E5;
	text-align: center;
	padding: 17px 0 13px;
	-moz-border-radius: 8px;    /* 古いFirefox */
	-webkit-border-radius: 8px; /* 古いSafari,Chrome */
	border-radius: 8px;         /* CSS3 */
}
#mainVisual .mainVisualWrap .space{
	margin-bottom: 10px;
}


/* -------------------------------------------------------- コミックスライドリニュー201703 */
#comics_box {
	width: 900px;
	margin: 0 auto 10px auto;
    background-image: url("../images/bg-comics.png");
    background-repeat: no-repeat;
    height: 180px;
}
#comics_box h2 {
    display: block;
    float: left;
    height: 180px;
    overflow: hidden;
    text-indent: 100%;
    white-space: nowrap;
    width: 122px;
    z-index: 100;
}
#comics_box .box {
    float: left;
    height: 162px;
    overflow: hidden;
    position: relative;
    width: 778px;
    margin-top: 10px;
}
#comics_box .loadingBox {
    background-image: url("../images/new/loader-small.gif");
    background-position: center center;
    background-repeat: no-repeat;
    height: 150px;
    width: 824px;
}
#comics_box ul {
    left: 0;
    position: absolute;
    top: 17px;
    width: 10000px;
}
#comics_box ul li {
    float: left;
    text-align: right;
    width: 100px;
    padding-right:15px;
}
#comics_box ul li a {
    display: block;
    position: relative;
}
#comics_box ul li a span {
    display: none;
}
#comics_box ul li a span.ico-new {
    background-image: url("../images/icon_new.gif");
    background-repeat: no-repeat;
    display: block;
    height: 13px;
    left: 0;
    overflow: hidden;
    position: absolute;
    text-indent: 100%;
    top: -17px;
    white-space: nowrap;
    width: 34px;
}
#comics_box ul li img {
    border: 1px solid #cccccc;
}
#comics_box ul li a:hover img {
    border: 1px solid #F20000;
}

/*-------------------------------------------------
	ABJマーク
-------------------------------------------------*/
#abj_box{
	
	margin: 90px 0 0;
	padding: 1% 0 3% 0;
	color: #fff;
	background-color: #000;
}
#abj_box .img_b{
	border-top: 1px solid #333;
}
#abj_box .abj_txt p{
	color: #CCCCCC;;
}
