@import url("/css/common2.css");

@import url("/css/new/common.css");
@import url("/css/new/header.css?231115 ");
@import url("/css/side.css");
@import url("/css/new/footer.css");
/* =========================================

title : 柔道チャンネル
		柔道４コマ 漫画剛介・剛太が行く
scope : /comic/


last modify : 2011/07/20 154_tomida

============================================ */
/* -------------------------------------------
	Books CSS
------------------------------------------- */
#main h1 {
	clear:both;
	text-indent:0;
}
#main{
	text-align:center;
	
}


/** 20140926 追加*/
#main div.box div.section {
	width:600px;
}

#main div.box div.section h2{
	overflow: hidden;
	width: 600px;
	height:55px;
	font-size:x-large;
	margin: 0 0 15px 95px;
	*margin: 0 0 15px 10px;
	padding:7px 10px 0 0;
	background: url(../image/ttl_bg.gif)  0 0 no-repeat;
	color: #444444;
	text-align:center;
	vertical-align:bottom;
	line-height: 1.5em;

		}
#main div.box div.section h2.title2{
	overflow: hidden;
	width: 600px;
	height:55px;
	font-size:17px;
	margin: 0 auto 15px auto;
	/**margin: 0 0 15px 10px;*/
	padding:7px 10px 0 0;
	background: url(../image/ttl_bg.gif)  0 0 no-repeat;
	color: #444444;
	text-align:center;
	vertical-align:bottom;
	line-height: 1.5em;

		}
#main div.box div.section h2 span{
	font-size:80%;
		}		

.section .box{
	margin:0px ;
	text-align:center;
	}
.section .box img {
	border: 2px solid #989898;
	margin:0 18px 15px 0;
	*margin:0 105px 15px 0;}

.navibox{
	width:550px;
	margin:0px auto;
	padding:0px 0px 10px 0px;
}
.navibox ul{
	width:550px;
	height:30px;
}
.navibox ul li{
	text-indent:-9999px;
}
/*.navibox ul li a{
	overflow:hidden;
	display:block;
	width:140px;
	height:30px;
}*/
.navibox ul li.btn_re{
	width:167px;
	height:51px;
	float:left;
	background: url(../image/btn_re.gif) 0 0  no-repeat;
	margin-bottom:15px;
}

.navibox ul li.btn_re a{
	display:block;
	width:167px;
	height:51px;
	background: url(../image/btn_re.gif) 0 0 no-repeat;
}

.navibox ul li.btn_re a:hover{
	display:block;
	width:167px;
	height:51px;
	background: url(../image/btn_re.gif) left bottom no-repeat;
}


.navibox ul li.btn_next{
	width:167px;
	height:51px;
	float:right;
	background: url(../image/btn_next.gif) no-repeat;
	margin-bottom:15px;

}
.navibox ul li.btn_next a{
	display:block;
	width:167px;
	height:51px;
	background: url(../image/btn_next.gif) 0 0 no-repeat;
}

.navibox ul li.btn_next a:hover{
	display:block;
	width:167px;
	height:51px;
	background: url(../image/btn_next.gif) left bottom no-repeat;
}

/*263カタログバナー設置用　20140901*/


.section .box .catalog_btn{
border:none;
padding: 0 1px 0px 0;
}

.section .box img:hover.catalog_btn {
	filter: alpha(opacity=80);
	-moz-opacity:0.8;
	opacity:0.8;
}


/*end*/

.sectionEnd{
	clear:both;
	position:relative;
	width:570px;
	height:60px;
	margin:20px 0 0 61px;
	*margin:20px 0 0 0px;
/*	background:url(../image/back_bg.jpg) no-repeat 0 0;*/
}
#main div.sectionEnd a {
	display:block;
	width:570px;
	height:60px;
}

span.font_s{
	font-size:69%;
	font-weight: bold;	
}




/*-----bnr_box----------*/



div.bnr_box {
	clear:both;
	display: block;
	overflow:hidden;
	width: 560px;
	margin:0px auto;
	background:#ededed;
}
div.bnr_box ul{
	overflow:hidden;
	width:560px;
	margin:5px 0;
}
div.bnr_box ul li {
	display:inline;
	float:left;
	width:260px;
	margin:5px 10px;
}
div.bnr_box ul li p {
	overflow:hidden;
	border:#585858 solid 1px;
}
div.bnr_box ul li p.no_line {
	border:none;
}

div.bnr_box ul li p img {
	margin:-1px;
	background:#fff;
}
div.bnr_box ul li p.no_line img {
	margin:0;
}
div.bnr_box ul li p img:hover {
	filter: alpha(opacity=80);
	-moz-opacity:0.8;
	opacity:0.8;
}

div.bnr_box ul li p.cap {
	margin:3px 3px 0px;
	line-height:130%;
	border:none;
	text-align:left;
}

/*バナーが一枚だけの場合*/

/*div.bnr_box.bnr01 {
    width: 280px;
    padding: 5px 0px;
}*/

div.bnr_box_01 {
    width: 502px;
    margin: 0 auto;
    background-color: #ededed;
    padding: 10px;
}

div.bnr_box_02 {
    width: 400px;
    margin: 0 auto;
    background-color: #ffeef5;
    padding: 10px;
}



/*-----右矢印（288話にて使用）----------*/


#main .box p.r_arrow{
	margin:0;
	font-size:17px;
	
}

/*--------------------------------------------------------
1カラム用の追記
---------------------------------------------------------*/

div#container #main {
    background: #fff none repeat scroll 0 0;
    margin: 0 auto 20px;
    width: 1025px;
}

div#container #main h1 {
    margin: 0 auto;
    clear: both;
    width: 1023px;
    height: 80px;
    border: solid 1px #000;
    overflow: hidden;
}


#main div.box div.section h2 {
    margin: 0 auto 15px;
}

div#container #main div.box {
    margin: 0 auto;
}

#main div.box div.section {
    margin: 20px auto 0;
}

.section .box img {
    border: 2px solid #989898;
    height: auto;
    margin: 0 auto 15px;
    width: 425px;
}


#main .section .box {
    margin: 0 auto;
    text-align: center;
    width: 429px;
}