@charset "utf-8";

body,div,
h1,h2,h3,h4,h5,h6,
p,ul,li,dl,dt,dd,table,tr,th,td,
form,select,option,address,pre {
	margin: 0;
	padding: 0;
	font-size: 100%;
	font-family: 'Lucida Grande','Hiragino Kaku Gothic Pro','ヒラギノ角ゴ Pro W3','HiraKakuPro-W3','MS UI Gothic'
						osaka Verdana, Arial, Helvetica, sans-serif;
	font-style: normal;
	font-weight: normal;
	color: #fff;
}

hr {
	display: none;
}

a img {
	border: none;
}

a:link,
a:visited {
	color: #a1a1a1;
}




body {
	background: url(../img/brick.jpg) repeat top;
	font-size: 90%;
	text-align: center;
}

#container {
	position: relative;
	margin: 25px auto;
	width: 640px;
}

#list,
#topic {
	margin: 50px auto;
	text-align: left;
}

#list h2 {
	padding: 0 0 5px 28px;
	background: url(../img/topic.gif) no-repeat;
	height: 22px;
}

#new_topic {
	position: absolute;
	top: 173px;
	right: 0;
}


#list table.column,
#topic table.comment_list {
	margin: 8px 0 10px;
	width: 640px;
	border-spacing: 0;
	border-collapse: collapse;
}

#topic table.column {
	margin: 18px 0 10px;
	width: 640px;
	border-spacing: 0;
	border-collapse: collapse;
}

#list table.column,
#topic table.column {
	background: url(../img/topicTitle_bg.gif) repeat-x top;
	vertical-align: middle;
}

#list table.column th,
#topic table.column th {
	padding: 0 0 0 35px;
	background: url(../img/star.gif) no-repeat 5px 6px;
	height: 40px;
	font-size: 105%;
	text-align: left;
}

#list table.column td {
	padding: 10px 15px;
	background-color: #e4e4e4;
	color: #000;
	line-height: 2;
}

#list table.column tr td span.topic {
	color: #001e7f;
	font-weight: bold;
}

#list table.column tr td span.topic_content,
#topic table.comment_list tr td span.num {
	font-weight: bold;
}

#list table.column tr td span.comment {
	color: #001e7f;
}

#list table.column tr td span.name {
	font-size: 80%;
}


#topic table.column td {
	padding: 10px 15px;
	background-color: #e4e4e4;
	color: #000;
	font-size: 90%;
	line-height: 1.6;
}

#topic table.comment_list td {
	padding: 10px 15px;
	background-color: #e4e4e4;
	color: #000;
	font-size: 90%;
	line-height: 1.6;
}

#topic table.column tr td.name_cell {
	width: 190px;
	background-color: #666;
	color: #fff;
	text-align: center;
}

#topic table.comment_list tr td.comment_name_cell {
	width: 190px;
	background-color: #c3c3c3;
	color: #000;
	text-align: center;
}

span.date {
	font-size: 90%;
}

#topic table.comment_list tr#top td {
	border-top: none;
}

#topic table.comment_list td {
	border-top: 1px dotted #000;
}



#comment_form {
	text-align: left;
	margin: 40px 0;
}

#comment_form dl dt {
	margin-top: 20px;
}

#comment_form dd#attention {
	margin: 10px 0;
	font-size: 80%;
	line-height: 1.6;
}