@charset "utf-8";
@import url(css/common.css);

* {
	padding: 0 ;
	margin: 0 ;
}

img {
	border: 0px ;
}

#center img {
	margin: 5px ;
}

.clear {
	clear: both ;
}

li {
	list-style-type: none ;
}

.content p {
	padding: 0px 0px 0.6em ;
	margin: 0px ;
}

hr {
	clear: both ;
	margin-top: 20px ;
	border: 1px solid #999 ;
}

a {
	color: #666 ;
}

a:hover {
	color: #000 ;
}

table {
	font-size: 100% ;
}

body {
	padding-bottom: 30px ;
	font-size: 0.625em ;
	color: #333 ;
	line-height: 1.5 ;
	text-align: center ;
	background: #eec;
}

#container {
	position: relative ;
	width: 890px ;
	margin: auto ;
	text-align: left ;
	background: #fff ;
	padding-left:10px;
	padding-right:10px;

}

#header {
	height: 108px ;
	margin-bottom: 17px ;
	background: url(images/header.png) no-repeat left top ;
}

#header * {
	position: absolute ;
	font-size: 1em ;
	font-weight: normal ;
	color: #c9c9c9 ;
	text-decoration: none ;
	white-space: nowrap ;
}

#header p {
	top: 2px ;
	right: 15px ;
}

#header h2 {
	left: 15px ;
	top: 2px ;
}

#header img {
	left: 14px ;
	top: 31px ;
}

#header h1 {
	left: 240px ;
	top: 117px ;
	width: 632px ;
	padding-left: 60px ;
	font-size: 14px ;
	color: #000 ;
	line-height: 50px ;
	background: url("images/title.png") left center no-repeat;
}

#header p {
	padding: 0 ;
	margin: 0 ;
}

#sidenavi1 {
	float: left ;
	width: 200px ;
	overflow: hidden ;
	font-size: 1.2em ;
	display: inline ;
}

#sidemenu {
	margin-bottom: 17px ;
}

#sidemenu li {
	width: 100% ;
	line-height: 1 ;
}

#sidemenu li a {
	padding: 12px 0px 12px 30px;
	color: #626262;
	text-decoration: none ;
	display: block ;
	background: url(images/navi_o.gif) no-repeat -200px center;
}

#sidemenu li a:hover { #553300;
	color: #553300;
	background: url(images/navi_o.gif) no-repeat 0px center ;
}

#center {
	float: right ;
	width: 190px ;
	width: 660px ;
	padding-top: 43px ;
	padding-bottom: 30px ;
	overflow: hidden ;
	font-size: 1.2em ;
	display: inline ;
}

#footer {
	position: relative ;
	padding: 20px 10px 20px 10px ;
	line-height: 1.2 ;
	background: url(images/footer.gif) no-repeat top center;
}

#footer * {
	font-size: 1em ;
	font-weight: normal ;
	color: #666 ;
	line-height: 1 ;
	text-decoration: none ;
}

#footer img {
	float: left ;
	margin-right: 10px ;
}

#footer h3, #footer p {
	clear: none ;
}

h1, h2, #center h3, hr, .clear{
	clear: both ;
}

hr {
	margin-bottom: 5px ;
}

.whats p {
	padding: 6px 5px 6px 18px ;
	margin: 0 ;
	border-bottom: 1px solid #e5e5e5 ;
	line-height: 1 ;
	background: url(images/whats_p.gif) no-repeat 4px center;
}

.contentsWrap {
	margin-bottom: 10px ;
}

.contentsWrap img {
	margin: 0px !important  ;
}

#searchbox {
	text-align: center ;
}

#searchbox  {
	height: 92px ;
	padding: 0px 10px;
	margin: 0 ;
	background: url(images/search_bg.png) no-repeat center center ;
}

#searchbox label {
	height: 30px ;
	font-weight: bold ;
	color: #fff ;
	line-height: 30px ;
	display: block ;
}

form {
	margin: 0 ;
}

#searchbox  input {
	width: 140px ;
	margin-bottom: 10px ;
	border-top: 1px solid #abadb3 ;
	border-right: 1px solid #e2e3ea ;
	border-bottom: 1px solid #e3e9ef ;
	border-left: 1px solid #e2e3ea ;
}

#searchbox  input#searchbutton {
	height: 21px ;
	width: 47px ;
	border: none ;
	font-size: 12px ;
	color: #000 ;
	background: url(images/search.png) no-repeat center center ;
}

#center h3, #center h4, #center h5 { font-weight : normal ;display : block ;font-size : 1.2em ; background : url(images/hl.png) no-repeat left center; padding-top : 15px ; padding-bottom : 25px ;margin-bottom : 5px ; padding-left :60px  ;margin-top : 15px ;/**/ }

#center h5 {
	margin-bottom: 0px ;
}

#center h3 a {
	height: auto ;
	padding: 0 ;
	margin: 0 ;
	color: #333 ;
	line-height: 1 ;
	text-decoration: none ;
}

.content table.sample {
	width: 90% ;
	margin: 20px 0% 20px 5% ;
	border: none;
	border-collapse: collapse;
}

.content table.sample th {
	padding: 7px ;
	border: solid 1px #d9d89a ;
	font-weight: normal ;
	text-align: left ;
	white-space: nowrap ;
	background: #ffc ;
}

.content table.sample td {
	padding: 7px ;
	border: solid 1px #d9d89a ;
	background: #fff ;
}

#index .contentsWrap img {
	margin: 0 ;
}


/* Original */

#center .content  h3 {
color: #81a300;
font-weight:bold;
}

#center .content  h3 a {
color: #81a300;
font-weight:bold;
}

#center .content  h3 a:hover {
color: #81a300;
font-weight:bold;
}

span.authors {
display : block ;
position : absolute ;
left : 0px ;
top : 0px;
height : 1em ;
font-size : 10px ;
line-height : 5em ;
overflow : hidden ;
}

table.list {
	width: 645px;
	line-height: 160%;
}
table.list td.c1 {
	width: 200px;
	border: solid 1px #888;
	padding: 5px;
}
table.list td.c2 {
	width: 640px;
	border: solid 1px #888;
	padding: 5px;
}

.layout {
	width: 640px;
	border:1px solid #ccc;
	padding: 10px;
	margin:15px 0 0 0;
}
.content>.layout {
	width: 620px;
}