@charset "utf-8";

#menuArea{
	width:200px;
	float:left;
}

#newsArea{
	width:720px;
	float:right;

}

table{
	border-collapse: separate;
	border-spacing: 2px;
	width:720px;
	margin:0 0 30px 0;
}

th,td{
	text-align:left;
	border-bottom:1px solid #a0a0a0;
	padding:7px 15px;
}

th{
	padding:0 15px 7px 15px;
}

td.date{
	width:8em;
}
td.cat{
	width:8em;
	
}

#menuArea ul{
	margin:-5px 0 0 0;
}

/*--------left menu--------*/
p#rss{
	margin:30px 0 0 0;
}


/*--------detail--------*/
ul#btnArea{
	display:block;
	width:720px;
	height:32px;
	margin:0;
}
li#btnPrev{
	float:left;
}
li#btnnext{
	float:right;
}

li#btnPrev{
	float:left;
}
li#btnnext{
	float:right;
}


.titleArea{
	padding:12px 0 0 0;
	border-top:2px solid #a0a0a0;
}

.titleArea p{
	letter-spacing:0.02em;
	line-height:1.4em;
	margin:0 0 4px 0;
	padding:0 10px;
}

.titleArea h3{
	font-size:120%;
	line-height:1em;
	padding:0 10px 12px 10px;
	border-bottom:1px solid #a0a0a0;
}

.bodyArea{
	padding:0 10px;
	margin:0 0 80px 0;
}



table#newsList{
	margin:0 0 60px 0;
}


#newsList a:link ,
#newsList a:visited {
  color:#333333;
  text-decoration:none;
}

#newsList a:hover,
#newsList a:active {
  border-bottom:0px solid #aaaaaa;
  color:#999999;
  text-decoration:non;
}

.non a:link,
.non a:visited,
.non a:hover,
.non a:active,
a:link.non,
a:visited.non,
a:hover.non,
a:active.non {
	border-bottom:0px solid #000066;
	text-decoration:none;
}