@charset "shift_jis";

/* CLEARFIX */
.clearfix:after{content:url('img/blank.gif');display:block;clear:both;height:0;}.clearfix{display:inline-block;}.clearfix{display:block;}

#graffiti{
	width:790px;
	text-align:left;
	position:relative;
}
#graffiti p,
#graffiti td{
	line-height:1.4em;
}
#graffiti .arrow{
	background:url('img/link_arrow.gif') no-repeat 0 0;
	display:block;
	height:19px;
	color:#2f2124;
	font-size:12px;
	line-height:1.6em;
	padding-left:26px;
}
/* MAIN BLOCK */
#graffiti #main-block{
	height:420px;
	margin-bottom:15px;
}
#graffiti #main-block img{
	float:left;
}
#graffiti #main-block p{
	position:absolute;
	top:327px;
	left:50px;
	line-height:1.6em;
	width:300px;
	height:40px;
	overflow:hidden;
}
* html #graffiti #main-block p{top:340px;left:55px;}
#graffiti #main-block #graffiti_btn{
	position:absolute;
	top:270px;
	left:375px;
}
#graffiti #main-block #episode_btn{
	position:absolute;
	top:332px;
	left:375px;
}
/* LEFT RIGHT BLOCK */
#graffiti #left-block{
	float:left;
	width:500px;
}
#graffiti #right-block{
	float:right;
	width:268px;
}
/* LEFT - SATOYAMA BLOCK */
#graffiti #satoyama{
	background:url('img/satoyama_bg.jpg') repeat;
	position:relative;
	margin:0 0 15px;
}
#graffiti #satoyama h2{
	margin:20px 25px 10px;
}
#graffiti #satoyama ul{
	list-style:none;
	background:url('img/satoyama_news_bg.jpg') repeat;
	margin:0;
	padding:5px 30px;
	margin:0 25px 5px;
}
#graffiti #satoyama li{
	padding:2px 0;
}
#graffiti #satoyama table{
	position:relative;
	margin:10px 20px 0px;
}
#graffiti #satoyama table td{
	padding:0;
	margin:0;
	vertical-align:top;
	font-size:11px;
}
#graffiti #satoyama table td.separate{
	width:8px;
	height: 10px;
}
#graffiti #satoyama td.middle{
	background:url('img/satoyama_block_middle.jpg') repeat;
	width:201px;
	padding:0px 12px;
}
#graffiti #satoyama td.link{
	background:url('img/satoyama_block_middle.jpg') repeat;
	width:201px;
	padding:0px 12px;
}
#graffiti #satoyama table p{
	border-top:1px solid #dcd8da;
	color:#716168;
	padding:8px 0 0 0;
	margin:0;
}
#graffiti #satoyama td.link{
	padding-top:10px;
}
#graffiti #satoyama td.link a{
	
}
#graffiti #satoyama td.link img{
	vertical-align:bottom;
	padding:0 5px 0 0;
}
#graffiti #satoyama .block{
	width:201px;
	background:url('img/satoyama_block_middle.jpg') repeat;
	position:relative;
	padding:10px 12px;
	float:left;
}

#graffiti #satoyama .y_report img{
	margin-bottom: 5px;
}
#satoyama .bottom {
	padding-top: 15px;
}



/* LEFT - BANNER BLOCK */
#graffiti #banner-block{
	padding:0 0 26px 0;
}
#graffiti #banner-block div{
	position:relative;
	width:500px;
	padding-bottom:3px;
	margin-bottom:3px;
	background:url('img/dot_separate_line.gif') no-repeat bottom;
}
#graffiti #banner-block .banner{
	float:left;
}
#graffiti #banner-block p{
	margin:0 0 0 280px;
	padding:5px 0 0 24px;
	position:relative;
}
#graffiti #banner-block p a{
	color:#2f2124;
	font-size:11px;
}
#graffiti #banner-block p img{
	position:absolute;
	top:6px;
	left:0;
}
* html #graffiti #banner-block p img{
	top:2px;
	left:-22px;
}
/* LEFT - LINK BLOCK */
#graffiti #link-block{
}
#graffiti #link-block ul{
	list-style:none;
	padding:0;
	margin:0;
}
#graffiti #link-block li{
	float:left;
	padding:0 10px 10px 0;
}
* html #graffiti #link-block li{
	padding-right:1px;
}
#graffiti #link-block li img{
	float:left;
}
#graffiti #link-block li.nomargin{
	padding-right:0;
}
/* RIGHT - RELAY BLOCK */
#graffiti #right-block .block{
	margin-bottom:10px;
}
#graffiti #relay{
	position:relative;
	background:url('img/relay_middle.jpg') repeat-y;
}
#graffiti #relay p{
	color:#716168;
	border-top:1px solid #dcd8da;
	padding:12px 0 10px;
	margin:0 16px;
}
#graffiti #relay div{
	padding-left:16px;
}
/* RIGHT - MESSAGE BLOCK */
#graffiti #message{
	position:relative;
	padding:0;
	background:url('img/message_middle.gif') repeat-y;
}
#graffiti #message p{
	color:#000000;
	font-size:12px;
	padding:8px 24px 5px;
	margin:0;
}
*html #graffiti #message p{
	padding-top:3px;
}
#graffiti #message ul{
	list-style:none;
	margin:0;
	padding:0 14px;
}
#graffiti #message li{
	margin:6px 0 3px;
}