@charset "UTF-8";
* {
	margin:0;
	padding:0;
}
body, td, p {
	font-family:"Arial","Lucida Grande","Hiragino Kaku Gothic Pro","ヒラギノ角ゴ Pro W3","ＭＳ Ｐゴシック",Osaka,sans-serif;
	font-size:12px;
	line-height:1.4;
}
img { border:none; }
a:link, a:visited { color:#333; }
a:active, a:hover { color:#7F0019; }
ul { list-style: none; }

/*  */
body {
	background: #FFF;
	padding: 30px 0 0 30px;
}
#container {
	width: 600px;
}


/* header ---------------------------*/
#header { height: 80px; }
#header h1 { float: left; }
#header h2 {
	float: right;
	padding-top: 28px;
}


/* content ---------------------------*/
#content h3 {
	padding: 0 0 10px 0;
}
#content h4 img {
	vertical-align: bottom;
}
#content p {
	padding: 10px 0 0 0;
}

/* piece */
#content #pieceimage {
	float: left;
	width: 520px;
	height: 357px;
	position: relative;
}
#content #pieceimage h3 {
	margin-bottom: -65px;
	padding: 14px 0 0 20px;
	position: relative;
		z-index: 1;
}
#content #pieceimage h3 img {
}
#content #pieceimage p {
	text-align: center;
	padding: 0;
	position: relative;
		z-index: 0;
}
#content #pieceimage .name p {
	padding: 0 0 15px 20px;
	position: absolute;
		bottom: 0;
}
#content #pieceimage .name p {
	text-align: left;
}
#content #piecenavi {
	float: right;
	width: 60px;
}
#content #piecenavi li {
	padding: 0 0 10px 0;
}
#content #piecenavi li img {
	vertical-align: bottom;
}
/* リンク反応 */
#content #piecenavi li a img {
	vertical-align: bottom;
	margin: 0;
	border: 1px solid #CCC;
}
#content #piecenavi li a:hover img,
#content #piecenavi li a:active img {
	border: 1px solid #7F0019;
}
#content #piecenavi li strong {
	display: block;
	border: 1px solid #7F0019;
}
#content #piecetext {
	clear: both;
	padding: 5px 0 15px 0;
}
#content #piecetext p {
	padding: 8px 0 0 0;
}
/* comment */
#content #comment p {
	font-size: 14px;
	line-height: 1.4;
	padding: 0.9em 0 0 0;
}
#content h3 {
	padding: 0;
}
#content h4 {
	padding: 20px 0 0 0;
}
#content #comment ul {
	padding: 10px 0 0 0;
}
#content #comment ul.last {
	padding: 10px 0 40px 0;
}
#content #comment ul:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}
#content #comment ul { display: inline-block; }
/* \*/
* html #content #comment ul { height: 1%; }
#content #comment ul { display: block; }
/* */
#content #comment li {
	background: #FFF url(../images/commentnavibg.gif) no-repeat 100% 50%;
	float: left;
	padding: 0 24px 0 0;
}
#content #comment li.last {
	background: none;
}
#content #comment li strong {
	font-weight: normal;
	color: #666;
}


/* footer ---------------------------*/
#footer {
	clear: both;
	border-top: 1px solid #CCC;
	padding: 5px 0 0 0;
}
#footer p {
	line-height: 15px;
}
#footer p.close {
	float: right;
	text-align: right;
}
#footer p.copy {
	font-size: 11px; 
	color: #808080;
	float: left;
	padding-bottom: 20px;
}