@charset "utf-8";

#container #contents {
	padding-bottom:20px;
}

#main {
	padding-top:9px;
	background:url(../common/img/bg_column1.gif) repeat-x;
	text-align:left;
}

#media {
	margin:22px 5px 0;
	background:url(../img/media/media_bg.gif) repeat-y;
}
#media .archive {
	padding:10px 7px;
	width:102px;
	height:100%;
	float:left;
}
#media .archive li {
	margin-top:20px;
	padding:0 0 10px 12px;
	background:url(../img/media/dotted_bar.gif) no-repeat 50% 100%;
}
#media .archive a,
#media .archive a:hover {
	text-decoration:none;
}
#media .archive a.arw {
}

#media .content {
	margin-left:10px;
	padding:36px 23px;
	width:663px;
	height:410px;
	background:#f0f0f0;
	overflow-y:scroll;
	float:left;
}
#media .content dt {
	margin-top:18px;
	padding-left:24px;
	background:url(../img/media/icon_item.gif) no-repeat;
}
#media .content dt .name {
	float:left;
}
#media .content dt .date {
	font-size:10px;
	text-align:right;
	float:right;
}
#media .content dd {
	margin-top:18px;
	padding:0 0 18px 23px;
	background:url(../common/img/line-dot_x.gif) repeat-x 0 100%;
}

a.arw {
	padding-left:25px;
	background:url(../img/arrow_link.gif) no-repeat 0 50%;
}
a.arw:hover {
color:#820808;
text-decoration:underline;
background-position:-500px 50%;
}