@charset "UTF-8";

/* ========BASIC======== */
* {
   font-family:Verdana, Helvetica, sans-serif;
   color:#aaccaa;
}


body {
   margin:0;
   padding:0;
   letter-spacing:1px;
   background:#006633 url(images/bg_top.jpg) no-repeat center top;
}

br {
   letter-spacing:normal;
}

a {
   color:#6495ED ; 	
   text-decoration:none;
}

a:hover {
   color:#008000;
   text-decoration:none;
}

img {
   border:0;
}

h1,h2,h3,h4,h5,h6 {
   margin:0;
}

/* ========TEMPLATE LAYOUT======== */
div#top {
   margin:0 auto;
   width:900px;
   background: url(images/bg.jpg) no-repeat right bottom;
}

div#headWrap {
   position:relative;
   width:100%;
   margin:0 auto;
   padding:0;
}

div#header {
   position:relative;
   width:900px;
   height:180px;
   margin:0 auto;
   padding:0;
}

div#gnav {
	position:absolute;
    bottom:0;
    right:0;
    background: url(images/nav_bg.gif) no-repeat left bottom;
}


div#headimag {
   width:900px;
   position:absolute;
   margin:0 auto;
   background:#006633;
   
}

div#contents {
   clear:both;
   width:900px;
   margin-top:10px;
   
}

div#mainwrap {
   float:left;
   width:700px;
   display: inline;
}
div#menu {
   width:700px;
}

div#main {
   float:left;
   margin:0 10px;
   width:460px;
   display: inline;
}

div#sub1 {
   float:left;
   width:220px;
}

div#sub2 {
   float:left;
   width:180px;
}

#footer{
   clear:both;
   width: 900px;
   margin:0 auto;
}	 


div#footMenu {
   width:900px;
   margin:0 auto;
}




/* 回り込み解除 */
div#contents:after {
   content:"";
   display:block;
   height:0;
   clear:both;
   visibility:hidden;
}

/* ========HEADER CUSTOMIZE======== */
h1 {
   text-align: center;
   margin:0;
   padding:0 10px;
   font-size:0.65em;
   color:#aaccaa;
}


.logo {
   position:relative; 
   top:40px; 
   left:300px; 

 }
 

div#header #gnavi ul {
   
}

div#header #gnav li {
   list-style-type: none; 
   float:left;
   font-size: 10px;
   margin:4px 0 0 5px;
   padding:4px 0 2px 6px;
}

div#header #gnav li a {
   text-decoration: none;
   background: url(images/nv1.gif) no-repeat left center;
   padding-left: 15px;
   color: #ffffff;
}

div#header #gnav li a:hover {
   color:#fa8072;
}

/* ========MENU CUSTOMIZE======== */
div#menu ul {
  position:relative; 
  top:10px; 
  left:5px; 
  padding-bottom: 10px;
}

div#menu li {
  display:inline;
  padding-left:10px;   
}

div#menu li a{
   width:100px;
   
}

div#menu ul:after{
   content:"";
   display:block;
   height:0;
   clear:both;
   visibility:hidden;
}
/* ========MAIN CONTENTS CUSTOMIZE======== */
div#main a {
   color:#ff99cc;
}

div#main a:hover {
   border:0;
   color:#87CEEB ;
   border-bottom:1px solid #87CEEB ;
}

div#main h2 {
   margin-bottom:10px;
   padding:0px 2px 8px 70px;
   font-size:1.2em;
   font-weight:bold;
   line-height:1.6;
   background: url(images/bg_h2.gif) no-repeat left top;
   color:#aaccaa  ;
   overflow: hidden;
}

div#main h3 {
   margin-bottom:5px;
   font-size:0.88em;
}

div#main h4 {
   margin-bottom:2px;
   font-size:0.75em;
   line-height:1.4;
}

div#main h5 {
   margin-bottom:2px;
   font-size:0.75em;
   line-height:1.4;
}

div#main h6 {
   margin-bottom:2px;
   font-size:0.75em;
   line-height:1.4;
}

div#main p{
   margin:0 0.5em 1em 0;
   font-size:0.8em;
   line-height:1.5;
}

div#main ul,ol,dl{
   font-size:0.8em;
}

div#main dt{
   background:transparent;
}

div#main dd{
   padding:0;
   margin:0 0 1em 1em;
   padding:3px;
   background:transparent;
}

#main a{
   color:#ff0099;
}
#main a:hover{
   color:#8edbff;
}

/* INFORMATION CUSTOMIZE */

.infobox{
  border: solid 1px #aaccaa;
  width: 440px;
  height: 200px;
  padding: 5px;
  overflow: auto;
  margin-bottom: 20px;
  scrollbar-face-color: #006633;
  scrollbar-highligt-color: #006633;
  scrollbar-shadow-color: #006633;
  scrollbar-3dlight-color:#006633;
  scrollbar-arrow-color: #aaccaa;
  scrollbar-track-color: #006633;
}

* html body div#main dl.information dd div {
   display:inline-block;
}

div#main dl.information dt {
   float:left;
   width:9em;
   margin:0;
   padding:0;
   background:transparent;
   
}

div#main dl.information dd {
   margin:0 0.5em 1em 9em;
   padding:0;
   background:transparent;
  
}


/* ========SUB1 CONTENTS CUSTOMIZE======== */
div#sub1 .section {
}


div#sub1 ul {
   margin:0;
   padding:5px 0 1em 0;
}

div#sub1 li {
   margin:0;
   padding-left:0;
   padding-bottom: 10px;
   font-size:0.75em;
   list-style:none;
}

div#sub1 a:hover img {
   filter: Alpha(opacity=80);
   opacity: 0.8; /*firefox safari*/
}
 


/* ========SUB2 CONTENTS CUSTOMIZE======== */
div#sub2 .section {
}


div#sub2 h2 {
   padding:3px;
   font-size:0.88em;
   font-weight:bold;
   color:#fff;
   background:url(images/bg_sub_h2.gif) 0 0 repeat-x;
}

ul.sub2{
   margin:0;
   padding:0;
}

ul.sub2 li{
   padding:1px 0 1px 0;
   font-size:0.75em;
   line-height:3.5;
   list-style:none;
   
}

ul.sub2 li a{
   display:block;
   padding-left:2px;
   background:url(images/bg_side.gif) no-repeat bottom left;
   color: #ffcccc;
}

ul.sub2 li a:hover{
   background:url(images/bg_side_on.gif) no-repeat bottom left;;	
   color : #8edbff;
}

div#sub2 a:hover img {
filter: Alpha(opacity=80);
opacity: 0.8; /*firefox safari*/
}
 

div#sub2 h3{
   padding:10px;
}

/* ========FOOTMENU CUSTOMIZE======== */
div#footMenu ul {
   margin:0;
   padding:10px 0 0 0;
   text-align:center;
}

div#footMenu li {
   display:inline;
   margin:0 0 0 10px;
   font-size:0.75em;
   list-style:none;
   border-right: 1px solid #aaccaa;
}

div#footMenu li a {
   padding-left:10px;
   color: #aaccaa;
}

div#footMenu li a:hover {
   background-color: #aaccaa;
   color: #006633;
}


/* ========FOOTER CUSTOMIZE======== */
.line{
   margin: 15px auto  15px auto;
   text-align:center;
   overflow: hidden;
}

.bold{
   font-weight: bold;
   font-size: 1em;
   padding: 5px 0px;
   color:#ff99cc;
   text-align: center;
}

div#footer p{
   font-size: 0.75em;
   margin:0 0 1em 0;
   letter-spacing: 0.1em;
   color: #aaccaa;
   text-align: center;
}


address{
   padding:20px 0;
   text-align:center;
   font-size:0.63em;
   color:#aaccaa;
 
}