@charset "utf-8";
/* CSS Document */

body {
	background:url(../img/bg.gif) repeat-x 0 0 #f7f7f7;
	color:#076407;
	font:normal 13px/20px Georgia, ダブルTimes New Romanダブル, Times, serif;
	margin:0;
	padding:0;
}
div, h1, h2, h3, h4, h5, h6, form, label, input, span, ul, li, p, a {
	margin:0;
	padding:0;
}
ul {
	list-style:none;
}
li {
	list-style:none;
}
.spacer {
	font-size:0;
	line-height:0;
	clear:both;
}
/* リンク */

#body a {
	text-decoration: none;
}
a:link {
	color: #076407;
}
a:visited {
	color: #076407;
}
a:hover {
	color: #d94903;
}
a:active {
	color: #d94903;
}
/* -- top navigation start -- */

#topNav {
	width:683px;
	margin:0 auto;
	height:37px;
}
#topNav ul {
	width:540px;
	margin:0 auto;
}
#topNav ul li {
	height:37px;
	float:left;
	background:url(../img/bg.gif) repeat-x 0 0 #292929;
	color:#C1C1C1;
	font:bold 12px/37px Arial, Helvetica, sans-serif;
}
#topNav ul li a {
	padding:0 18px;
	height:37px;
	float:left;
	text-decoration:none;
	display:block;
	background:url(../img/bg.gif) repeat-x 0 0 #292929;
	color:#d94903;
	font:bold 12px/37px Arial, Helvetica, sans-serif;
}
#topNav ul li a:hover {
	background:url(../img/top_btn_h.gif) no-repeat center bottom;
}
#topNav ul li a.hover {
	padding:0 18px;
	height:37px;
	float:left;
	text-decoration:none;
	display:block;
	background:url(../img/top_btn_h.gif) no-repeat center bottom;
	color:#d94903;
	font:bold 12px/37px Arial, Helvetica, sans-serif;
}
/* -- top navigation start -- */



/* -- body start -- */

#body {
	width:683px;
	margin:0 auto;
	padding:0 0 60px 0;
	background:url(../img/top.jpg) no-repeat center top #f7f7f7;
	color:#171717;
}
#body img.logo {
	border:none;
	margin:30px 0 0 0;
}
#body h1 {
	font-size:18px;
	text-align:left;
	background:#f7f7f7;
	color:#171717;
	height:20px;
	padding:2px 20px 2px 5px;
}
#body div.bodyText {
	padding:300px 0 0 0;
}
#body div.bodyText h2 {
	background:#f7f7f7;
	font:bold italic 24px/34px Georgia, ダブルTimes New Romanダブル, Times, serif;
	color:#d94903;
}
#body div.bodyText h3 {
	font:bold 20px/24px Georgia, ダブルTimes New Romanダブル, Times, serif;
	color:#526D0D;
	background:url(../img/folder_icon.gif) no-repeat 0 5px #f7f7f7;
	padding:0 2px 0 25px;
}
#body div.bodyText h4 {
	font:normal 20px/24px Georgia, ダブルTimes New Romanダブル, Times, serif;
	color:#000;
	background:#fff7DE;
	padding:0 0 0 10px;
}
#body div.bodyText div {
	font:normal 13px/20px Georgia, ダブルTimes New Romanダブル, Times, serif;
	color:#fff;
	padding:10px 0;
	background:#003333;
}
#body div.bodyText div a {
	color:#003E6A;
	background:#f7f7f7;
	text-decoration:underline;
}
#body div.bodyText div a:hover {
	text-decoration:none;
}
#body div.catagory {
	padding:25px 0 0 0;
}
.topic_pass {
	padding:10px;
}
.goal {
	background:#f7f7f7;
	width:683px;
	float:left;
	padding:0;
}
.goal h2 {
	font-size:16px;
	font:bold;
	padding:10px 5px;
	color:#d94903;
	background:#f7f7f7;
}
.goal p {
	font:normal 13px/20px Georgia, ダブルTimes New Romanダブル, Times, serif;
	color:#171717;
	padding:0px 0;
	background:#f7f7f7;
}
.goal .cat_box {
	font:normal 13px/20px Georgia, ダブルTimes New Romanダブル, Times, serif;
	padding:2px 2px 2px 23px;
	margin:0 0 5px 0;
	border: 1px solid #000;
}
.floatLeft {
	float:left;
}
/* -- body end -- */



/* footer start -- */

#footer {
	background:#66ff33;
	color:#ffffff;
}
.footer {
	width:680px;
	height:115px;
	margin:0 auto;
	padding:18px 0 0 0;
}
.footer ul {
	width:445px;
	margin:0 auto;
}
.footer ul li {
	font:bold 12px/20px Arial, Helvetica, sans-serif;
	color:#fAfAfA;
	background:#292929;
	float:left;
}
.footer ul li a {
	font:bold 12px/20px Arial, Helvetica, sans-serif;
	text-decoration:none;
	color:#fAfAfA;
	background:#292929;
	padding:0 8px;
}
.footer ul li a:hover {
	font:bold 12px/20px Arial, Helvetica, sans-serif;
	text-decoration:none;
	color:#fAfAfA;
	background:#484848;
	padding:0 8px;
}
.footer p.valid {
	margin:0 auto;
	width:128px;
}
.footer p.valid a.xhtml {
	background:url(../img/xhtml_btn.gif) no-repeat 0 0 #292929;
	color:#ffffff;
	margin:5px 0 8px 0px;
	text-decoration:none;
	text-indent:-2000px;
	width:62px;
	height:13px;
	display:block;
	float:left;
}
.footer p.valid a.xhtml:hover {
	background:url(../img/xhtml_btn_h.gif) no-repeat 0 0 #292929;
	color:#ffffff;
	margin:5px 0 8px 0px;
	text-decoration:none;
	text-indent:-2000px;
	width:62px;
	height:13px;
	display:block;
	float:left;
}
.footer p.valid a.css {
	background:url(../img/css_btn.gif) no-repeat 0 0 #292929;
	color:#ffffff;
	margin:5px 0 8px 4px;
	text-decoration:none;
	text-indent:-2000px;
	width:62px;
	height:13px;
	display:block;
	float:left;
}
.footer p.valid a.css:hover {
	background:url(../img/css_btn_h.gif) no-repeat 0 0 #292929;
	color:#ffffff;
	margin:5px 0 8px 4px;
	text-decoration:none;
	text-indent:-2000px;
	width:62px;
	height:13px;
	display:block;
	float:left;
}
.footer p.tworld {
	margin:0 auto;
	width:670px;
	height:17px;
	padding:0 3px;
	font:normal 12px/16px Arial, Helvetica, sans-serif;
	color:#414141;
	background:#ffffff;
	text-align:center;
}
.footer p.tworld a {
	font:bold 12px/16px Arial, Helvetica, sans-serif;
	color:#000;
	background:#ffffff;
	text-align:center;
	text-decoration:none;
}
.footer p.tworld a:hover {
	font:bold 12px/16px Arial, Helvetica, sans-serif;
	color:#404040;
	background:#ffffff;
	text-align:center;
	text-decoration:none;
}

/* footer end -- */

