@charset "Shift_JIS";
/* CSS Document */

#article h1 {
	margin-bottom: 0;
}

#yodogawa {
	margin-bottom: 40px;
}
	#yodogawa .left {
		width: 590px;
	}
	#yodogawa .right {
		width: 270px;
		word-wrap: break-word;
	}
		#yodogawa .right p {
			margin-bottom: 0;
			width: 270px;
		}
		#yodogawa h2 {
			width: 270px;
		}
		
		
#article .col {
	width: 860px;
}
	#article .col h2 {
		width: 860px;
		margin-bottom: 2em;
	}
	#article .col .cover {
		float: left;
		width: 260px;
		padding-right: 40px;
		padding-bottom: 30px;
	}
		#article .col .cover .pname {
			font-weight: bold;
			margin: 1em 0;
		}
	#article .col .end {
		padding-right: 0;
	}

	#article .col .cover p {
		width: 100%;
		word-wrap: break-word;
	}
		#article .col .cover .left,
		#article .col .cover .right {
			width: 120px;
			padding: 0 5px;
		}
	#article .col .osusume {
		width: 475px;
		padding-right: 20px;
		line-height: 1.75em;
	}
		#article .col .osusume h3 img {
			vertical-align: middle;
			margin-right: 10px;
		}
		#article .col .osusume .ph {
			float: left;
			padding: 0 10px 0 0;
		}
		#article .col .osusume p {
			font-size: 14px;
			letter-spacing: 0;
		}
	#article .col .comment {
		width: 365px;
	}
		#article .col .comment .hukidashi {
			float: left;
			width: 305px;
		}
		#article .col .comment .ph {
			float: right;
			width: 60px;
		}
		#article .col .comment .top {
			background: url(../images/comment_top.gif) no-repeat center top;
			width: 305px;
			height: 21px;
		}
		#article .col .comment .mid {
			background: url(../images/comment_mid.gif) repeat-y center top;
			width: 265px;
			padding: 0 30px 0 10px;
		}
			#article .col .comment .mid p {
				width: 245px;
				padding: 0 10px 10px;
				margin: 0;
			}
		#article .col .comment .btm {
			background: url(../images/comment_btm.gif) no-repeat center bottom;
			width: 305px;
			height: 8px;
		}
		#last p {
			width: 860px;
		}

#article .col a:hover img {
	filter: alpha(opacity=60);
	-moz-opacity:0.60;
	opacity:0.60;
}



.cousinCovers {
	width: 500px;
	margin: 40px auto;
}

ul.covers {
}
	.covers li {
		float: left;
		width: 150px;
		padding: 0 15px 0 0;
		text-align: center;
	}
	.covers li.end {
		padding: 0px;
	}
	
	.covers a {
		display:block;
	}
	.covers a:hover .cap {
		color: #F39700;
	}