@charset "utf-8";

/*-----style reset-----*/

* { margin: 0; padding: 0; }
img { border: none; 
margin: 5px;}
hr {
	margin: 10px 0px 10px 0px;
	border: none;
	height: 1px;
	background-color: #999999;
}

/*------------------clearfix------------------*/


.clearfix:after {
  content: ".";  /* 新しい要素を作る */
  display: block;  /* ブロックレベル要素に */
  clear: both;
  height: 0;
  visibility: hidden;
}

.clearfix {
  min-height: 1px;
}

* html .clearfix {
  height: 1px;
  /*¥*//*/
  height: auto;
  overflow: hidden;
  /**/
}
/*---------------------------links---------------------------*/

a {text-decoration: underline;}
a:link {color: #003399;}
a:visited {color: #002266;}
a:active {color: #002233;}
a:hover {color: #006622;}


/*----------------------End style reset----------------------*/

body {
	font-family: "メイリオ", Meiryo, Osaka, "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3'", "ＭＳ Ｐゴシック", Helvetica, san-serif, Arial;
	color: #000;
	font-size: 13px;
	line-height: 1.5em;
	background: #ddd url(../images/bg_img.jpg) fixed;
	text-align: center;
}

/*--------------------------wrapper--------------------------*/

#wrapper {
	width: 802px;
	margin: 10px auto;
	background: #fff;
	text-align: left;
}

/*--------------------------header---------------------------*/

#header {
	width: 802px;
	height: 226px;
	background: url(../images/header.jpg) no-repeat;
	position: relative;
}

/*------------------------menu-------------------------*/

#menu {
  display: block;
  width: 800px;
  float: left;
  padding: 0px 0px 0px 0px;
  font-size: 1em;
  line-height: 1.2em;
  border-top: #DAB876 1px solid;
  border-left: #999 1px solid;
  border-bottom: #003300 2px solid;
  border-right: #999 1px solid;
  list-style-type: none;
  list-style-image: none;
  background: #ddd url(../images/menu_bg.jpg) repeat-x;
}

#menu a, #menu a:link, #menu a:visited {
  display: block;
  padding: 3px 0 4px 0;
  height: 17px;
  color: #fff;
  text-decoration: none;
}

#menu a:hover {
  background: #ccc url(../images/menu_hover.jpg) repeat-x;
  color: #fff;
  text-decoration: none;
}

#menu li {
  float: left;
  text-align: center;
}

#menu li#one { width: 90px; }
#menu li#two { width: 95px; }
#menu li#three { width: 95px; }
#menu li#four { width: 100px; }
#menu li#five { width: 120px; }
#menu li#six { width: 100px; }
#menu li#seven { width: 100px; }
#menu li#eight { width: 100px; }

#menu a:active {
  background-image: url(../images/menu_active.jpg);
  color: #fff;
}

#menu a.active {
  background-image: url(../images/menu_active.jpg);
  color: #fff;
}
/*------------------------container-------------------------*/

#floatclear { clear: both; }

#container {
	width: 800px;
	background-color: #fff;
	border-left: #999 1px solid;
	border-bottom: #999 1px solid;
	border-right: #999 1px solid;
}

/*------------------------sidenavi--------------------------*/

#sidenavi {
	float: right;
	padding: 30px 15px;
	width: 230px;
	background-color: #DDEED0;
}
#sidenavi h2 {
	margin-left: -3px;
	padding: 0px 0px 10px 0px;
	font-size: 1.1em;
	color: #000;
}
#sidenavi h3 {
	font-size: 0.9em;
	font-weight: normal;
	color: #333;

}
#sidenavi p {
	margin: 2px 0px 10px 0px;
	font-size: 0.9em;
	line-height: 1.2em;
}
#sidenavi p.center { text-align: center; }
#sidenavi p.right { text-align: right; }

#koen{
	margin-top: 15px;
	width: 208px;
	font-size: 0.9em;
	border: 1px solid #009900;
	background-color: #FFFFFF;
	padding: 10px;
}
#koen h3 {
	font-size: 1em;
	font-weight: normal;
	color: #009900;
	margin-bottom: 5px;

}
#koen p{
	margin: 0px 0px 3px 0px;
	font-size: 1em;
	line-height: 1.4em;
}
#mainte {
	margin-top: 15px;
	width: 228px;
	font-size: 0.9em;
	border: 1px solid #ccc;
}
#mainte a, #mainte a:link, #mainte a:visited {
  display: block;
  padding: 5px 0 6px 0;
  color: #333;
	text-align: center;
  text-decoration: none;
  background: #fafafa;
}
#mainte a:hover {
  color: #000;
  text-decoration: none;
  background: #eee;
}

#cooperation {
	margin-top: 0px;
	margin-bottom: 15px;
	width: 228px;
	font-size: 0.9em;
	border: 1px solid #3e643b;
}
#cooperation a, #cooperation a:link, #cooperation a:visited {
  display: block;
  padding: 5px 0 6px 0;
  color: #3e643b;
	text-align: center;
  text-decoration: none;
  background: #fff9df;
}
#cooperation a:hover {
  color: #ffffff;
  text-decoration: none;
  background: #00a650;
}


#count {
	padding-top: 10px;
	text-align: center;
}

/*------------------------contents--------------------------*/

#contents {
	float: left;
	padding: 20px 20px;
	width: 500px;
	background-color: #fff;
}

/*------------------------font-style-------------------------*/

h1 {
	text-indent:-9999px;
}

#contents h2 {
	font-size: 1.2em;
	font-weight: bold;
	color: #ff6600;
	margin-top: 10px;
	margin-right: 0px;
	margin-bottom: 20px;
	margin-left: 0px;
	padding-top: 5px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
}
.date {
	font-size: 1em;
	font-weight: bold;
	color: #FFFFFF;
	background-color: #00A650;
	padding-top: 5px;
	padding-right: 3px;
	padding-bottom: 5px;
	padding-left: 10px;
	margin-bottom: 10px;
	text-align: center;
}
.small {
	font-size: 0.8em;
}
#contents h3 {
	margin-top: 20px;
	margin-bottom: 8px;
	padding: 2px 0px 0px 5px;
	font-size: 1.1em;
	font-weight: normal;
	color: #111;
	background: #efefef;
	border-bottom: 1px solid #aaaaaa;
}
#contents h4 {
	margin-top: 10px;
	margin-bottom: 10px;
	font-size: 1.1em;
	font-weight: normal;
	color: #000000;
}
#contents h5 {
	margin-top: 2px;
	font-size: 1em;
	font-weight: normal;
	color: #000000;
}
#contents p { padding: 1px 0px 0px 1em; }
#contents p.indent1 { text-indent: 1em; margin-top:12px;}
#contents p.center { text-align: center; }
#contents p.right { text-align: right; }
#contents p.red { color: #ff0000; }
#contents .floatright {
	float: right;
	margin: 0px 6px 8px 3px;
}
#contents .floatclear { clear:both; }

.noticeblock {
	margin: 10px 0px 5px 0px;
	padding: 1px 5px 5px 5px;
	font-size: 0.9em;
	background: #f5f5f5;
}
.bottom{
margin-bottom: 10px;
}
.bottom1em{
margin-bottom: 1em;
}
.top{
margin-top: 10px;
}
.greentop{
margin-top: 7px;
	font-weight: bold;
	color: #003300;
}
.name{
	margin-bottom: 3px;
	font-weight: bold;
}
/*------------------------list style------------------------*/

#contents ul { margin: 1px 0px; }
#contents ul li {
	margin-left: 25px;
	padding-left: 0px;
	font-size: 1em;
	font-weight: normal;
	line-height: 1.5em;
	list-style-type: disc;
	list-style-position: outside;
}

/* decimal style */

#contents ol { margin: 0px 0px 0px 25px; }
#contents ol li {
	margin: 0px;
	padding: 0px;
	font-size: 1em;
	font-weight: normal;
	color: #000;
	line-height: 1.5em;
	list-style-type: decimal;
	list-style-position: outside;
}
#contents ul.decimal li ul { margin: 0px 0px 0px 10px; }
#contents ul.decimal li ul li {
	margin: 0px;
	padding: 0px;
	font-size: 0.95em;
	font-weight: normal;
	color: #555;
	line-height: 1.3em;
	list-style-type: none;
	list-style-position: outside;
}

/* disc style */

#contents ul.disc { margin: 5px 0px 0px 25px; }
#contents ul.disc li {
	margin: 0px;
	padding: 0px;
	font-size: 1em;
	font-weight: normal;
	color: #000;
	line-height: 1.5em;
	list-style-type: disc;
	list-style-position: outside;
}
#contents ul.disc li ul { margin: 0px 0px 0px 10px; }
#contents ul.disc li ul li {
	margin: 0px;
	padding: 0px;
	font-size: 0.85em;
	font-weight: normal;
	color: #555;
	line-height: 1.3em;
	list-style-type: none;
	list-style-position: outside;
}

/* disc style */

#contents ul.none { margin: 5px 0px 0px 0px; }
#contents ul.none li {
	margin: 0px;
	padding: 0px;
	font-size: 1em;
	font-weight: normal;
	color: #000;
	line-height: 1.5em;
	list-style-type: none;
	list-style-position: outside;
}
#contents ul.none li ul { margin: 0px 0px 0px 10px; }
#contents ul.none li ul li {
	margin: 0px;
	padding: 0px;
	font-size: 0.85em;
	font-weight: normal;
	color: #555;
	line-height: 1.3em;
	list-style-type: none;
	list-style-position: outside;
}

/* noneindent-1 disc style */

#contents ul.noneindent-1 { margin: 3px 0px 0px 0px; }
#contents ul.noneindent-1 li {
	margin: 0px;
	padding: 0px 0px 0px 1em;
	font-size: 1em;
	text-indent: -1em;
	font-weight: normal;
	line-height: 1.5em;
	list-style-type: none;
	list-style-position: outside;
}
.green {
	font-weight: bold;
	color: #003300;
}


/*---------------------------dl dt dd---------------------------*/

dl {
	margin: 15px 20px 0px 1em;
	padding: 0px 5px 0px 5px;
	font-size: 1em;
	line-height: 1.5em;
	position: relative;
	top: 0px;
	left: 0px;
}
dt {
	width: 30px;
	font-size: 1em;
	font-weight: bold;
	line-height: 1.5em;
	top: 0px;
	left: 0px;
}
dd {
	margin-top: -1.5em;
	margin-left: 30px;
	font-size: 1em;
	font-weight: bold;
	line-height: 1.5em;
	top: 0px;
	left: 0px;
}


/*---------------------------program---------------------------*/

#program {
	margin-top: 12px;
	text-align: left;
	border-left: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	border-right: 1px solid #ccc;
}

#program hr {
margin: 0px 7px;
padding: 0px;
border: none;
background: #ccc;
height: 1px;
}

#program p { margin: 0px; padding: 7px 10px; }

#program h3 {
	margin: 0px;
	padding: 2px 3px;
	font-size: 1em;
	font-weight: bold;
	color: #000;
	background: #efefef;
	border-top: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
}
#program h4 {
	margin: 0px;
	padding: 7px 3px 3px 7px;
	font-size: 1em;
	font-weight: bold;
	color: #000;
}
#program dl {
	margin: 0px 0px 0px 0px;
	padding: 7px 10px 7px 10px;
	font-size: 1em;
	font-weight: normal;
	line-height: 1.5em;
	position: relative;
	top: 0px;
	left: 0px;
}
#program dt {
	width: 40px;
	font-size: 1em;
	font-weight: normal;
	line-height: 1.5em;
	position: relative;
	top: 0px;
	left: 0px;
}
#program dd {
	margin-top: -1.5em ;
	margin-left: 40px;
	font-size: 1em;
	font-weight: normal;
	line-height: 1.5em;
	position: relative;
	color: #000;
	top: 0px;
	left: 0px;
}
#program dd span {
	font-size: 0.9em;
	line-height: 1.5em;
	font-weight: normal;
	color: #666;
}
#program p span {
	font-size: 0.9em;
	line-height: 1.5em;
	font-weight: normal;
	color: #666;
}
/*---------------------------------------------------------*/


.pro {
	margin:0 0 0 1em;
	padding:0;
}
.pro dt {
	width:3em;
	font-weight:normal;
}
.pro dd {
	margin-left:3em;
	font-weight:normal;
}

p.title {
	font-weight:bold;
	margin:0.5em 0;
}

/*-----------------------------table-----------------------------*/

table {
	margin: 3px 0px 10px 1em;
}
th {
	padding: 2px 3px;
	font-weight: normal;
	text-align: left;
}
td {
	padding: 2px 3px;
	text-align: left;
}
th.center { text-align: center; }
th.right { text-align: right; }
td.center { text-align: center; }
td.right { text-align: right; }

table.showline { margin: 3px 0px 10px 0px; }
.showline th { padding: 1px 7px; }
.showline td { padding: 1px 7px; }
#name table{
margin-bottom: 7px;
border: 0px none;
}

/*--------------------------footer---------------------------*/

#footer {
	clear: both;
}