/*
テーマカラー #35C141
全体の背景#20B97B
メニュー #4F8628
ロゴ #20b97b
本文見出し1 #28D838
本文見出し2 #14724C
サイドバー見出し#EED4B1
サイドバー背景 #F9F0E4
*/

html{
	font: 100.01% 'メイリオ', Meiryo, Verdana, sans-serif; 
	height:100%;
	overflow: auto;	/* Opera 9.51対策*/
}

body{
	font-size:100.01%;
	font-family: 'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ','Meiryo','ＭＳ Ｐゴシック',sans-serif;
	margin: 0 auto 0 auto;
	padding: 0;
	/*background: #CCFF99;*/
	height: 100%;
	overflow: auto;	/* Opera 9.51対策*/
	text-align:center;
	background-image: url("back.jpg");
}

img{
	border: 0px;
}

div#container {
	min-height:100%;
	height:auto !important;
	position: relative;
	margin: 0 auto -80px auto;
	width: 950px;
	text-align: left;
	font-size: 14px;
	
	background: white;
	border-left: 1px solid #555555;
	border-right: 1px solid #555555;
	border-bottom: 1px solid #555555;
}

#superheader{
	height:auto;
	background: #20b97b;
	padding: 2px;
	font-size: 11px;
	color: white;
}

#header{
	height:120px;
	/*background: #BCD967;*/
	/*background: #cc7766;*/
}

#content{
	padding: 5px 0px 80px 0px;
	height:500px;
	clear:both;
	min-height: 500px;
}

#leftframe{
	margin: 0px 5px 0px 5px;
	padding: 0px 0px 0px 5px;
	width:180px;
	height:100%;
	float:left;
	min-height: 100%;
}

#midframe{
	text-align: left;
	width:520px;
	height:100%;
	margin:0px 10px 0px 5px;
	float:left;
	min-height: 100%;
}

#rightframe{
	padding: 10px;
	width:200px;
	height:100%;
	float:left;
	background: #F9F0E4;
	min-height: 100%;
}

#midrightframe{
	text-align: left;
	width:720px;
	height:100%;
	margin:0px 10px 0px 5px;
	float:left;
	min-height: 100%;
}

div#end{
	 width:100%;
	 clear:both;
}


div#footer-space
{
	height: 80px;
}

div#footer
{
    top:860px;
	position: absolute;
	bottom: 0; 
	font-size: 12px;
	text-align: center;
	border-top: 1px solid #555555;
	height: 80px;
	width: 950px;
	background: #4F8628;
	color: white;
	margin: 0 auto 0 auto;
} 

div#info{
	max-height: 200px;
	overflow-y: scroll;
	border-style: solid;
	border-width: 1px;
	border-color: #999;
}

div#rightimage{
	float: right;
}

h2 {
   margin: 2px 10px 2px 0px;
   padding:2px 0px 2px 10px;
   font-weight:bold;
   font-size:18px;
   line-height:1.2;
   /*border-left:10px solid #333;*/
   border-color: #20b97b;
   border-width: 0px 0px 1px 10px;
   border-style: solid;
}

h3{
   margin: 2px 10px 2px 0px;
   padding:2px 0px 2px 10px;
   font-weight:bold;
   font-size:15px;
   line-height:1.2;
   /*border-left:10px solid #333;*/
   border-color: #20b97b;
   border-width: 0px 0px 1px 10px;
   border-style: solid;
}

h4{
   margin-bottom:2px;
   font-weight:bold;
   font-size:14px;
   border-bottom:2px solid #666;
}

h5{
   margin-bottom:2px;
   padding:2px 5px;
   font-weight:bold;
   font-size:13px;
   background:#ececec;
}

h6{
   font-weight:bold;
   font-size:13px;
}

.sidemenu ul{ 
	margin: 0; 
	padding: 0; 
	list-style-type: none; 
}
.sidemenu li{ 
	display: inline;
	padding: 0; 
	margin: 0; 
}

.sidemenu a{
	display: block; 
	border-left: 8px solid #474655;
	border-top: 1px solid #474655;
	border-right: 1px solid #474655;
	border-bottom: 1px solid #474655;
	background-color: #fff;
	font-size: small;
	padding: 2px 5px;
	text-decoration: none;
	color: #333;
	width: 150px; 
	margin: 1px 0px;
	text-align: left;
}
.sidemenu a:hover{
	border-left: 8px solid #474655;
	border-top: 1px solid #474655;
	border-right: 1px solid #474655;
	border-bottom: 1px solid #474655;
	background-color: #d7efd7;
}

/* .sidemenu2  */
.sidemenu2 ul{ 
	margin: 0; 
	padding: 0;
	/*width: 170px;
	background-color: #EED4B1;*/
	list-style-type: none; 
}

.sidemenu2 li{ 
	display: inline;
	padding: 0; 
	margin: 0;
	background-color: #F9F0E4;
}

.sidemenu2 li.header{ 
	display: block;
	border-left: 2px solid #474655;
	border-top: 1px solid #474655;
	border-right: 2px solid #474655;
	border-bottom: 1px solid #474655;
	width: 150px;
	padding: 2px 5px; 
	margin: 0px;
	background-color: #EED4B1;
}


.sidemenu2 a{
	display: block; 
	border-left: 2px solid #474655;
	border-top: 0px solid #474655;
	border-right: 2px solid #474655;
	border-bottom: 1px dotted #474655;
	background-color: #F9F0E4;
	font-size: small;
	padding: 2px 5px;
	text-decoration: none;
	color: #333;
	width: 150px;
	margin: 0px 0px;
	text-align: left;
}

.sidemenu2 a:hover{
	border-left: 2px solid #474655;
	border-top: 0px solid #474655;
	border-right: 2px solid #474655;
	border-bottom: 1px solid #474655;
	background-color: #d7efd7;
}
/* end sidemenu2 */

/* sidemenu3 */
div.sidemenu3{
}

.sidemenu3 ul{ 
	margin: 0; 
	padding: 0;
	list-style-type: none;
}

.sidemenu3 li{
	padding: 0px 0px 0px 0px;
}

.sidemenu3 a{
	display: block;
	background: url("triangle.png") no-repeat 3px center;
	font-size: small;
	padding: 2px 15px;
	text-decoration: none;
	color: #333;
	margin: 0px 0px 0px 0px;
	text-align: left;
}

.sidemenu3 a:hover{
	text-decoration: underline;
}
/* end sidemenu3 */


/* .headline look and feel */
div.headline{
	max-height: 200px;
	overflow: scroll;
	border-style: solid;
	border-width: 1px;
	border-color: #999;
}

.headline ul{ 
	margin: 0; 
	padding: 0;
	list-style-type: none;
}

.headline li{
	padding: 0px 0px 0px 0px;
	border-left: 1px solid #474655;
	border-top: 0px solid #474655;
	border-right: 1px solid #474655;
	border-bottom: 1px dotted #474655;
}

.headline a{
	display: block;
	background: url("triangle.png") no-repeat 5px center;
	font-size: small;
	padding: 2px 25px;
	text-decoration: none;
	color: #333;
	margin: 0px 0px 0px 0px;
	text-align: left;
}

.headline a:hover{
	text-decoration: underline;
}

/* end .headline */

/* .simpleframe */
div.simpleframe{
	border: 1px solid #474655;
	background-color: #F9F0E4;
	margin: 5px;
	padding: 5px;
}

/* navi */
#navi{
	background: #665544;
}

#navi ul {
	margin:0;
	padding:0;
	list-style-type:none;
/*	behavior: url("csshover.htc"); IE6 */
}
#navi ul a {
	color: #fff;
	text-decoration: none;
}
#navi ul a {
	background: #4F8628;
}
#navi ul a:hover {
	background: #20b97b;
}
#navi ul li {
	width: 120px;
	font-weight: bold;
	line-height: 1.8em;
	float: left;
	border:solid #fff;
	border-width:1px 1px 1px 0;
}
#navi ul li.line {
	border-left:1px solid #fff;
}
#navi ul li a {
	display: block;
	height: 100%;
	font-size:100%;
	text-align: center;
}
#navi ul li ul li a {
	font-size:85%;
	border-bottom:1px solid #666;
}
#navi ul li ul li {
	margin: 0;
	font-weight: normal;
	border-left:1px solid #fff;
	border-bottom:none;
	position:relative;
	left:-1px;
	float: none;
}
/* OFF */
#navi ul li ul {
	display: none;
}
/* ON */
#navi ul li:hover ul {
	display: block;
	position: absolute;
	z-index: 100;
}

/* end  navi */