/*------------------------------------------
	shonenjump.com
--------------------------------------------*/


.shonenjump #header{
	width:980px;
	height:764px;
	background:url(../../../../img/grani/collaboration/shonenjump/title_bg.png) no-repeat;
	margin:0 auto;
	_filter:none;
}

.shonenjump #header .hgroup{
	left:35px;
	position:relative;
}

.shonenjump #header .hgroup h1{
	background:url(../../../../img/grani/collaboration/shonenjump/title_h1.png) no-repeat;
	width:684px;
	height:82px;
	overflow:hidden;
	position:absolute;
	text-indent:-9999px;
	top:75px;
	left:-8px;
}

.shonenjump #header .hgroup h2{
	background:url(../../../../img/grani/collaboration/shonenjump/title_h2.png) no-repeat;
	width:676px;
	height:22px;
	overflow:hidden;
	position:absolute;
	text-indent:-9999px;
	top:38px;
}

.shonenjump #header .ss{
	width:917px;
	height:395px;
	margin:0 0 19px 32px;
	padding-top:172px;
}

.shonenjump #header .download{
	width:348px;
	height:81px;
	margin-left:111px;
	text-indent:-9999px;
	overflow:hidden;	
}

.shonenjump #header .download a{
	background:url(../../../../img/grani/collaboration/shonenjump/download.png) no-repeat;
	width:348px;
	height:81px;
	display:block;
}

.shonenjump #header .download a:hover{
	background:url(../../../../img/grani/collaboration/shonenjump/download.png) no-repeat 0 -81px;
}

#container #contents  {
	background:url(../../../../img/grani/collaboration/contents_mid.png) repeat-y 0 0;
	margin:0 auto;
	padding-top:65px;
	width:980px;
}

.shonenjump #contents #entry{
	width:980px;
	margin:0 auto 41px auto;
}

.shonenjump #contents .about{
	width:890px;
	margin:0 auto 5px auto;
}

.shonenjump #contents .about .read{
	width:356px;
	float:right;
	margin-bottom:22px;
	padding-right:6px;
}

.shonenjump #contents .about .read h2{
	background:url(../../../../img/grani/collaboration/shonenjump/about_article.png) no-repeat;
	width:363px;
	height:59px;
	text-indent:-9999px;
	overflow:hidden;
	margin-bottom:12px;
}

.shonenjump #contents .about .txt{
	color:#404040;
	font-size:116%;
	line-height:150%;
	min-height:96px;
	height:auto !important;
	height:96px;
	width:364px;
	margin-left:12px;
}

.shonenjump #contents .about .frm_top{
	background:url(../../../../img/grani/collaboration/shonenjump/about_frm_top.png) no-repeat;
	margin:0 auto;
	background-color:#FFAA26;
	width:890px;
	position:relative;
	padding-bottom:9px;
}

.shonenjump #contents .about .frm_btm{
	background:url(../../../../img/grani/collaboration/shonenjump/about_frm_btm.png) no-repeat 0 bottom;
	padding-bottom:6px;
	margin:0 auto;
	width:890px;
	clear:both;
}

.shonenjump #contents .about .browser01{
	height:384px;
	position:absolute;
	top:-210px;
	left:10px;
}

.shonenjump #contents .about .browser02{
	height:168px;
	position:absolute;
	top:-11px;
	right:-12px;
}

.shonenjump #contents .about .section{
	width:890px;
	margin:0 auto;
	color:#404040;
	font-size:100%;
	padding-top:189px;
}

.shonenjump #contents .about .section p{
	line-height:155%;
}

.shonenjump #contents .about .section h3{
	width:890px;
	height:59px;
	text-indent:-9999px;
	overflow:hidden;	
	margin:0 auto 11px auto;
	background:url(../../../../img/grani/collaboration/shonenjump/about_h1.png) no-repeat;
	
}

.shonenjump #contents .about .section .box01{
	float:left;
	margin-right:14px;	
	padding-left:19px;
	width:261px;
}

.shonenjump #contents .about .section .box02{
	float:left;
	margin-right:14px;
	width:144px;
}

.shonenjump #contents .about .section .img{
	margin-bottom:10px;
	position:relative;
}

.shonenjump #contents .about .section .img img{
	display:block;
}

.shonenjump #contents .about .section .anime01{
	position:absolute;
	left:64px;
	top:74px;
}

.shonenjump #contents .about .section .anime02{
	position:absolute;
	left:12px;
	top:41px;
}

.shonenjump #contents .about .section .anime03{
	position:absolute;
	left:69px;
	top:86px;	
}
.shonenjump #contents .about .section .box03{
	float:left;
	width:144px;
	margin-right:14px;
}

.shonenjump #contents .about .section .box04{
	float:left;
	width:261px;
	margin-right:0;
}

.shonenjump #contents .banner{
	clear:both;
	margin:0 auto 41px auto;
	width: 890px;
	background:url(../../../../img/grani/collaboration/shonenjump/banner_frm_mid.png) repeat-y 0 top;
}

.shonenjump #contents .banner .frm_top{
	background:url(../../../../img/grani/collaboration/shonenjump/banner_frm_top.png) no-repeat 0 top;
	padding-top: 10px;
	width: 890px;
}

.shonenjump #contents .banner .frm_btm{
	background:url(../../../../img/grani/collaboration/shonenjump/banner_frm_btm.png) no-repeat 0 bottom;
	padding-bottom: 10px;
	width: 890px;
}

.shonenjump #contents .banner .banner01{
	float:left;	
	width: 338px;
	padding-left: 6px;
	margin-right: 20px;
	position:relative;
}

.shonenjump #contents .banner .banner01 h2{
	background:url(../../../../img/grani/collaboration/shonenjump/banner_01.png) no-repeat 0 0;
	width: 338px;
	height: 133px;
	text-indent:-9999px;
	overflow:hidden;
	position: relative;
	top:-20px;
}

.shonenjump #contents .banner .banner01 p{
	font-size:108%;
	left:21px;
	width:323px;
	color: #000;
	position:relative;
	top: -9px;
	line-height:150%;
}

.shonenjump #contents .banner .banner_img{
	float:left;
	margin-right:20px;
}

.shonenjump #contents .banner .banner02{
	float:left;	
	width:320px;
}

.shonenjump #contents .banner .banner02 .img{
	margin-bottom: 7px;
}

.shonenjump #contents .banner .banner02 p{
	font-size:93%;
	line-height:140%;
	color: #6A6A6A;
}

.shonenjump #contents .banner .banner02 textarea{
	height:58px;
	margin-top:16px;
	width:315px;
}

.shonenjump #contents .banner .top{
	margin:16px 0 2px;
}

.shonenjump #contents .banner #bln_mid{
	background:url(../../../../img/grani/collaboration/shonenjump/banner_bln_mid.png) repeat-y 0 top;
	width: 838px;
	position:relative;
	left:26px;
	top: -5px;
	margin-bottom:14px;
}


.shonenjump #contents .banner .bln_top{
	background:url(../../../../img/grani/collaboration/shonenjump/banner_bln_top.png) no-repeat 0 top;
	width: 838px;
	height: 45px;
	text-indent: -9999px;
	overflow: hidden;
}

.shonenjump #contents .banner .bln_btm{
	background:url(../../../../img/grani/collaboration/shonenjump/banner_bln_btm.png) no-repeat 0 bottom;
	padding:15px 23px 19px 36px;
	width:780px;
	list-style-position: outside;

}

.shonenjump #contents .banner .bln_btm li{
	font-size: 93%;
	list-style-image: url(../../../../img/grani/collaboration/shonenjump/marker.png);
	
}

.shonenjump #contents .banner .bln_btm .list li{
	list-style:inside;
	list-style-image: none;
	list-style-type: disc;
}

.shonenjump #contents #entry .copyright{
	background:url(../../../../img/grani/collaboration/shonenjump/copyright.png) no-repeat 0 0;
	width:239px;
	height:11px;
	float:right;
	margin-bottom:33px;
	text-indent:-9999px;
	overflow:hidden;
	padding-right:44px;
}
