@charset "utf-8";

/*--HJNdesignCSS -- 2011,06,14 Rel-ish yu-ki--*/


/* =visual */
#visual {
	height: 289px;
	background: url(../img/visual_bg_x.jpg) repeat-x left top;
	clear: both;
}


/* =right */
/* =ad */
#ad {
	width: 200px;
	padding: 8px 0;
	background: #e8e8e8;
}

#ad ul {
	width: 188px;
	margin: 0 auto;
}

#ad li {
	padding: 0 0 8px;
	font-size: 93%;
}

#ad p { width: 188px; margin: auto; font-size: 93%; }

#ad p a:link,
#ad p a:visited,
#ad p a:active
{
	color: #666;
	font-size: 93%;
	text-decoration: underline;
}

#ad p a:hover {
	color: #0085cd;
}



/* =friendship */
#friendship {
	width: 200px;
	margin: 0 auto;
	padding: 10px 0;
	background: #E2EFFE;
}

#friendship dl,
#friendship ul
{
	width: 170px;
	margin: 0 auto;
}

#friendship dt { padding: 0 0 8px; color: #666; }
#friendship dd a:link,
#friendship dd a:visited,
#friendship dd a:active
{
	color: #666;
	font-size: 93%;
	text-decoration: underline;
}

#friendship dd a:hover {
	color: #0085cd;
}

#friendship li {
	padding: 8px 0 0;
}



/* =left */
/* =event */
#event {
	margin: 20px 0;
	background: url(../img/eventbox_in_y.jpg) repeat-y left top;
}

.box_top {
	height: 9px;
	background: url(../img/eventbox_top.jpg) no-repeat left top;
}

.box_bottom {
	height: 9px;
	background: url(../img/eventbox_bottom.jpg) no-repeat left top;
}

.eventbox_header {
	position: relative;
	height: 33px;
	width: 720px;
	margin: 0 4px 0 2px;
	border-bottom: solid 2px #E1A900;
	background: url(../img/icon_arrow_yellow.gif) no-repeat 3px 3px;
}

.eventbox_header h3 {
	height: 17px;
	margin: 9px 0 0 45px;
	background: url(../img/re_event.jpg) no-repeat left top;
}

.eventbox_header span {
	position: absolute;
	right: 27px;
	bottom: 0;
}

.event_box {
	width: 710px;
	margin: 0 auto;
	height: 200px;
	overflow-y: scroll;
}

.event_box table {
	width: 690px;
	margin: 10px auto;
}

.event_box tr.line_0 {
	background: #FFE793;
}

.event_box th {
	width: 90px;
	padding: 8px;
}

.event_box td {
	padding: 8px;
	color: #0085CD;
}

.event_box td a:link,
.event_box td a:visited,
.event_box td a:active
{
	color: #0085CD;
	text-decoration: none;
}
.event_box td a:hover { text-decoration: underline; }



/* =topics_box */
#topics_box h3 {
	height: 46px;
	background: url(../img/re_topics.jpg) no-repeat left top;
}

#topics_box table {
	width: 715px;
	margin: 10px auto;
}

#topics_box tr {
	background: url(../img/line_gray_dot_x.gif) repeat-x left bottom;
}

#topics_box th {
	width: 90px;
	padding: 8px;
}

#topics_box td {
	padding: 8px;
	color: #0085CD;
}

#topics_box td p {
	padding: 0 0 0 110px;
}

#topics_box td a:link,
#topics_box td a:visited,
#topics_box td a:active
{
	color: #0085CD;
	text-decoration: none;
}
#topics_box td a:hover { text-decoration: underline; }

#topics_box > p { text-align: right; }




/* =activity */
#activity {
	margin: 30px 0 0;
}

#activity h3 {
	height: 46px;
	background: url(../img/re_new-activity.jpg) no-repeat left top;
}

#activity table {
	width: 715px;
	margin: 0 auto 10px;
}

#activity tr {
	background: url(../img/line_gray_dot_x.gif) repeat-x left bottom;
}

#activity tr.line_end {
	background: none;
}

#activity th {
	width: 154px;
	padding: 15px 0 30px 0;
	text-align: center;
}

#activity th img {
	display: block;
	margin: 0 auto;
	border: solid 1px #fff;
}

#activity th span {
	display: block;
	width: 154px;
	height: 115px;
	padding: 1px 0 0;
	background: #ccc;
}

#activity td {
	padding: 15px 8px 30px 8px;
	vertical-align: top;
}

#activity td h4 {
	padding: 0 0 0 10px;
	background: url(../img/blet_arrow_blue.jpg) no-repeat left .4em;
	font-weight: bold;
}

#activity td h4 a {
	color: #333;
}

#activity td p {
	padding: 0 0 0 10px;
	color: #06c;
}

#activity > p {
	padding: 0 0 5px;
	text-align: right;
}