@charset "utf-8";

/* 初期化 */
* {
	margin:0;
	padding:0;
	font-family:"ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
	font-size:12px;
}

/* BODY */
body {
	background-image:url(../image/bg.gif);
}

/* CONTAINER */
#container {
	width: 996px;
	background-image:url(../image/container-bg.gif);
	background-repeat:repeat-y;
	border-right:solid 1px #777777;
}

/* HEADER */
#container #header {
	width:996px;
}

/* IFRAME HEADER */
#iframe-header {
	width:996px;
	height:112px;
}

/* IFRAME FOOTER */
#iframe-footer {
	width:996px;
	height:50px;
}

/* MIDDLE */
#middle {
    width:996px;
	border-top:solid 1px #777777;	
}

/* LEFT */
#container #left {
	position:absolute;
	float:left;
	left:0px;
	top:112px;
	width:169px;
	padding:5px 5px 5px 5px;
}

/* MAIN */
#container #main {
	margin-left:179px;
	width:600px;
	padding:5px 5px 5px 5px;
}

/* RIGHT */
#container #right {
	position:absolute;
	float:left;
	left:790px;
	top:113px;
	width:206px;
}
/* /MIDDLE */

/* FOOTER */
#container #footer {
	width:996px;
	height:50px;
	border-top:solid 1px #777777;
	line-height:130%;
	background-color:#FFFFFF;
}
#footer p {
    padding-top:5px;
}

/* COMMENT */
#comment {
	margin-top:5px;
	border:solid 1px #777777;
}

#comment .head {
	background-image:url(../image/bar.gif);
	background-repeat:repeat-x;
	border-bottom:solid 1px #777777;
	font-size:12px;
	height:15px;
	padding:2px 0px 0px 5px;
}

#comment .head table {
	width:100%;
}

#comment .head .right {
	padding-right:2px;
}

#comment .body {
	background-color:#ffffff;
	font-size:12px;
	padding:5px;
}

#comment .body .empty {
	text-align:center;
	color:#c0c0c0;
	padding:5px 0px 5px 0px;
}

#comment #popup {
	width:163px;
	height:215px;
	border:solid 1px #777777;
	border-top:none;
	background-color:#ffffff;
	padding:2px;
	font-size:12px;
}

#comment #edit {
	cursor:pointer;
}

#comment #popup textarea {
	font-size:12px;
	width:158px;
	height:150px;
}

#comment #popup input {
	font-size:10px;
	width:121px;
}

#comment #popup #submit {
	font-size:10px;
	width:162px;
	height:18px;
}

#comment #popup div {
	padding:2px 0px 2px 0px;
}

#comment #popup .close {
	text-align:right;
}

/* LATEST */
#latest {
	margin-top:5px;
	border:solid 1px #777777;
}

#latest .head {
	width:161px;
	background-image:url(../image/bar.gif);
	background-repeat:repeat-x;
	border-bottom:solid 1px #777777;
	font-size:12px;
	height:15px;
	padding:2px 0px 0px 5px;
}

#latest .body .empty {
	font-size:12px;
	background-color:#ffffff;
	padding:5px 5px 5px 5px;
	text-align:center;
	color:#c0c0c0;
}

/* THUMBNAIL */
#thumbnail {
	height:80px;
}

#thumbnail .head {
	background-image:url(../image/bar.gif);
	background-repeat:repeat-x;
	height:15px;
	border:solid 1px #777777;
	font-size:12px;
	padding:2px 0px 0px 5px;
}

#thumbnail .head .left {
	position:relative;
	float:left;
	width:200px;
}

#thumbnail .head .right {
	margin-left:200px;
	text-align:right;
	padding-right:5px;
}

#thumbnail .head .right a {
	color:#0000ff;
}

#thumbnail .body {
	margin:10px 0px 10px 0px;
}

#thumbnail .body .item-act {
	postion:relative;
	float:left;
	width:40px;
	border:solid 1px #777777;
	background-color:#cbd4e5;
	padding:2px;
	margin-right:4px;
	margin-bottom:5px;
	cursor:pointer;
}

#thumbnail .body .item-act .image {
	postion:relative;
	float:left;
	width:40px;
	cursor:pointer;
}

#thumbnail .body .item-act .time {
	font-size:10px;
	text-align:center;
	cursor:pointer;
}

#thumbnail .body .item {
	postion:relative;
	float:left;
	width:40px;
	border:solid 1px #777777;
	padding:2px;
	margin-right:4px;
	margin-bottom:5px;
	cursor:pointer;
}

#thumbnail .body .item .image {
	postion:relative;
	float:left;
	width:40px;
	cursor:pointer;
}

#thumbnail .body .item .time {
	font-size:10px;
	text-align:center;
	cursor:pointer;
}

/* PHOTO */
#photo {
	clear:both;
	margin-bottom:10px;
}

#photo .head {
	background-image:url(../image/bar.gif);
	background-repeat:repeat-x;
	height:15px;
	border:solid 1px #777777;
	font-size:12px;
	padding:2px 0px 0px 5px;
}

#photo .body {
	width:600px;
	height:450px;
}

/* ADMIN */
#admin {
	text-align:right;
	font-size:12px;
	padding:5px 5px 0px 0px;
}

#admin a {
	color:#aaaaaa;
}

/* 広告 */
#advertise {
	border:0px;
	width:206px;
	height:576px;
	overflow:hidden;
	background-color:#FFFFFF;
}

#latest-check {
	font-size:10px;
	text-align:center;
	padding-top:5px;
}

#latest-check a {
	color:#ffffff;
}