html,body{
 height: 100%;
}

BODY{
    MARGIN-TOP: 0px;
    FONT-SIZE: 10pt;
    BACKGROUND: #ddeeaa;
    MARGIN-BOTTOM: 0px;
    COLOR: #666666;
    height: 100%;
    LINE-HEIGHT: 1.5;
    FONT-FAMILY:  "HG丸ｺﾞｼｯｸM-PRO","ＭＳ Ｐゴシック","ＭＳ Ｐ明朝";
    LETTER-SPACING: 0.1em;
}

A{COLOR: #666666;}
A:visited{COLOR: #666666;}
A:hover{COLOR: #000000;}
IMG{
    BORDER-RIGHT: medium none;
    BORDER-TOP: medium none;
    VERTICAL-ALIGN: top;
    BORDER-LEFT: medium none;
    BORDER-BOTTOM: medium none;
}

#wrapper{
    BACKGROUND: #ffffff;
    position: absolute;   
    left: 50%;   
    height: 100%;
    min-height: 100%;
    width: 800px;
    margin-left: -400px; /* MUST be half the width */ 
}

#header{
    Z-INDEX: 100;
    MARGIN-LEFT: 10px;
    WIDTH: 800px;
    POSITION: relative;
    HEIGHT: 112px;
}
body > #wrapper{ 
  height:auto; 
} 
#logo{
    LEFT: 0px;
    MARGIN: 0px;
    WIDTH: 260px;
    POSITION: absolute;
    TOP: 25px;
}
/***** TopMenu（１段目）*****/
#TopMenu{
    LEFT: 0px;
    WIDTH: 800px;
    POSITION: absolute;
    TOP: 230px;
}
#TopMenu UL{
    PADDING-RIGHT: 0px;
    PADDING-LEFT: 0px;
    PADDING-BOTTOM: 0px;
    MARGIN: 0px;
    PADDING-TOP: 0px;
    LIST-STYLE-TYPE: none;
}
#TopMenu LI{
    PADDING-RIGHT: 0px;
    PADDING-LEFT: 0px;
    FLOAT: left;
    PADDING-BOTTOM: 0px;
    MARGIN: 0px;
    WIDTH: 114px;
    PADDING-TOP: 0px;
}

#TopMenu LI A{
    PADDING-RIGHT: 0px;
    DISPLAY: block;
    PADDING-LEFT: 0px;
    FONT-WEIGHT: bolder;
    background : url(pic/gnav.gif) no-repeat left top;
    PADDING-BOTTOM: 8px;
    WIDTH: 100%;
    COLOR: #787878;
    /*PADDING-TOP: 8px;*/
    PADDING-TOP: 3px;
    TEXT-ALIGN: center;
    TEXT-DECORATION: none;
}
#TopMenu LI A:hover{
    background : url(pic/gnav.gif) no-repeat right top;
    COLOR: #fcfed8;
}
#TopMenu A.stay{
    background : url(pic/gnav.gif) no-repeat right top;
    COLOR: #fcfed8;
}
#TopMenu UL UL{BACKGROUND: #eeeeee;}
#TopMenu UL UL LI{
    BORDER-TOP: #ffffff 1px solid;
    FLOAT: none;
}
#TopMenu UL UL LI A{
    PADDING-RIGHT: 0px;
    PADDING-LEFT: 35px;
    FONT-WEIGHT: normal;
    background : url(pic/gnav3.gif) no-repeat 15px center;
    PADDING-BOTTOM: 4px;
    WIDTH: 114px;
    COLOR: #666666;
    PADDING-TOP: 4px;
    TEXT-ALIGN: left;
}
#TopMenu UL UL LI A:hover{
    background : #ecf3d3 url(pic/gnav2.gif) no-repeat 15px center;
    COLOR: #85a503;
}
#TopMenu UL LI.parent UL{DISPLAY: none;}
#TopMenu UL LI.parentOn UL{DISPLAY: block;}
/***** TopMenu（２段目）***** 未使用（2010/11/12）*/
#TopMenu_B{
    LEFT: 0px;
    WIDTH: 800px;
    POSITION: absolute;
    TOP: 180px;
}
#TopMenu_B UL{
    PADDING-RIGHT: 0px;
    PADDING-LEFT: 0px;
    PADDING-BOTTOM: 0px;
    MARGIN: 0px;
    PADDING-TOP: 0px;
    LIST-STYLE-TYPE: none;
}
#TopMenu_B LI{
    PADDING-RIGHT: 0px;
    PADDING-LEFT: 0px;
    FLOAT: left;
    PADDING-BOTTOM: 0px;
    MARGIN: 0px;
    WIDTH: 133px;
    PADDING-TOP: 0px;
}
#TopMenu_B LI A{
    PADDING-RIGHT: 0px;
    DISPLAY: block;
    PADDING-LEFT: 0px;
    FONT-WEIGHT: bolder;
    background : url(pic/gnav.gif) no-repeat left top;
    PADDING-BOTTOM: 8px;
    WIDTH: 100%;
    COLOR: #787878;
    /*PADDING-TOP: 8px;*/
    PADDING-TOP: 3px;
    TEXT-ALIGN: center;
    TEXT-DECORATION: none;
}
#TopMenu_B LI A:hover{
    background : url(pic/gnav.gif) no-repeat right top;
    COLOR: #fcfed8;
}
#TopMenu_B A.stay{
    background : url(pic/gnav.gif) no-repeat right top;
    COLOR: #fcfed8;
}
#TopMenu_B UL UL{BACKGROUND: #eeeeee;}
#TopMenu UL UL LI{
    BORDER-TOP: #ffffff 1px solid;
    FLOAT: none;
}
#TopMenu_B UL UL LI A{
    PADDING-RIGHT: 0px;
    PADDING-LEFT: 35px;
    FONT-WEIGHT: normal;
    background : url(pic/gnav3.gif) no-repeat 15px center;
    PADDING-BOTTOM: 4px;
    WIDTH: 133px;
    COLOR: #666666;
    PADDING-TOP: 4px;
    TEXT-ALIGN: left;
}
#TopMenu_B UL UL LI A:hover{
    background : #ecf3d3 url(pic/gnav2.gif) no-repeat 15px center;
    COLOR: #85a503;
}
#TopMenu_B UL LI.parent UL{DISPLAY: none;}
#TopMenu_B UL LI.parentOn UL{DISPLAY: block;}
/* =２階層目============================== */
#yoko li {
	float:left;
	display:block;
	}
#yoko ul {
	margin:0px;
	}
.box1 {	height:24px;}
.on  {
	background-color:#44aa44;
	width:131px; /* 157px; */
	height:24px;
	margin-right:2px;
	text-align:center;
	}
.off {
	background-color:#99aa99;
	width:131px; /* 157px; */
	height:24px;
	margin-right:2px;
	text-align:center;
	}
.on a {
	text-decoration:none;
	display:block;
	margin-top:3px;
	}
.on a:link    {color:#ffffff;}
.on a:visited {color:#ffffff;}
.on a:hover   {color:#ffffff;}
.off a {
	text-decoration:none;
	display:block;
	margin-top:3px;
	}
.off a:link    {color:#444444;}
.off a:visited {color:#444444;}
.off a:hover   {color:#ff5500;background-color:#eeee00;}
.box2 {
	clear:left;
	font-size:11pt;line-height:150%;color:#0000aa;
	border-top:solid 10px #44aa44;
	border-bottom:solid 1px #44aa44;
	border-left:solid 1px #44aa44;
	border-right:solid 1px #44aa44;
	padding:5px 7px 5px 0px;
	width:100%;
	}
.box2 a { text-decoration:none; }
.box2 a:hover {color:#ff5500;background-color:#eeee00;text-decoration:underline;}
#tate ul {
	list-style-image:url(pic/mark_li_1.gif);
	 }
#tate li {
	margin-left:-10px;
	margin-bottom:10px;
	}
#tate2 ul {
	list-style-image:url(pic/gnav3.gif);
	 }
#tate2 li {
	margin-left:-10px;
	}
/* ======================================= */
H1{FONT-WEIGHT: normal;FONT-SIZE: 10pt;}
/** B{COLOR: #555555;} **/
/** STRONG{COLOR: #555555;} **/
/* ======================================= */
#container
{
    MARGIN-LEFT: 10px;
    WIDTH: 760px
;}
.section
{
    MARGIN: 0px 0px 15px
;}
.pright
{
    MARGIN-BOTTOM: 5px;
    TEXT-ALIGN: right
;}
#primary
{
    MARGIN: 0px 10px;
    WIDTH: 760px;
    POSITION: relative;
    HEIGHT: 320px
;}
H2
{
    BORDER-TOP: #85a503 5px solid;
    FONT-SIZE: 16pt;
    PADDING-TOP: 10px;
    PADDING-RIGHT: 0px;
    PADDING-BOTTOM: 10px;
    PADDING-LEFT: 0px;
    margin-left: 0px;
    margin-right: 0px;
    margin-top: 10px;
    margin-bottom: 10px;
    COLOR: #85a503;
    BORDER-BOTTOM: #cccccc 3px solid;
    BACKGROUND-COLOR: #efefef
;}
#secondary
{
    MARGIN: 0px 0px 20px 10px;
    WIDTH: 760px
;}