@charset "Shift_JIS";
/* index用のcss */

/* ========BASIC======== */
*          {margin:0;
            padding:0;
            font-family:font-family:Verdana,"ＭＳ ゴシック", Osaka, Arial,sans-serif;
            color:#665F38;
            font-size:12px;
            line-height:140%;
            font-weight:normal;}

body       {background:#FFFFE9 ;	
            text-align:center;
           scrollbar-3dlight-color:    #c0c0c0;
           scrollbar-arrow-color:      #c0c0c0;
           scrollbar-base-color:       #FFFFE9;
           scrollbar-darkshadow-color: #FFFFE9;
           scrollbar-face-color:       #FFFFE9;
           scrollbar-highlight-color:  #FFFFE9;
           scrollbar-shadow-color:     #c0c0c0;
           scrollbar-track-color:      #FFFFE9;

           overflow:auto;
           }
                      


br         {letter-spacing:normal;}
img        {border:0;}
a          {color:#665F38;text-decoration:none;}
a:hover    {color:#665F38;}

span.left  {position: absolute;left: 10px;top: 4px;}
span.right {position: absolute;right:20px;top:4px}


/* ========TEMPLATE FRAMEWORK======== */
div#wrapper  {width:700px;margin:0px;padding:0;}
div#menu     {width:700px;}
div#contents {width:700px;height:100%;clear:both;padding:10px;border:6px solid #c6c785;background:#ffffff;}
div#footer   {width:700px;clear:both;padding:6px 0;}
.popup{
   position:absolute;left:-200px;top:0px;
   visibility:hidden;
   background-color:#c6c785;
   border:1px solid #7e8b5a;padding:3;}

/* ========HEADER CUSTOMIZE======== */
h1{margin:5px 0 5px 0;
 　text-align: left;
   font-weight:200;
   font-size:18px;
   border-bottom: 1px dotted #c6c785;
  }

h2{     font-size: 1.0em;
        padding: 2px 0px 2px 15px;
        text-align: center;
        font-weight: 200;
        color: #665F38;
        height: auto;
        width: 45%;
        margin:0px 0 25px 0;
	border-bottom: 1px dotted #bd999c;
	}

h3{     font-size: 0.8em;
        padding: 0;
        text-align: right;
        font-weight: 200;
        color: #665F38;
        margin:0;
		}

h4
{font-size: 0.7em;
        padding: 0;
        text-align: center;
        font-weight: 200;
        color: #665F38;
        height: auto;
        margin:5px 0 5px 0;
	border-bottom: 1px solid #665f38;
	width: 60%;
}

h5{     font-size: 90%;
        padding: 0;
        text-align: center;
        font-weight: 200;
        color: #665F38;
        height: auto;
        margin:0;
		}

h6{     font-size: 6pt;
        padding: 0;
        text-align: center;
        font-weight: 200;
        color: #665F38;
        height: auto;
        margin:0;
		}

/* ========MENU CUSTOMIZE======== */
div#menu ul         {list-style:none;}
div#menu li         {display:inline;margin:0;padding:0;}
div#menu li a       {margin-right:7px;
                     padding:5px 15px 2px 15px;
                     font-size: 1.0em;	
                     color: #665F38;
                     background-color: #c6c785;
	             text-decoration: none;
      	             border-top: 6px solid #FFFFE9;
	             float: left;
}
div#menu li a:hover {background-color: #7e8b5a;
	             color: #FFFFFF;
      	             border-top: 6px solid #c6c785;
}
div#menu .on    {background-color:#7e8b5a;color:#ffffff;}

.color3     {background-color:#FFFFFF;font-size : 12px;
padding : 0px 5px 0px 5px;
line-height : 25px;}


/* ========FOOTER CUSTOMIZE======== */
div#footer{font-size:10px;
           padding: 0 10px 0 0 ;
           text-align: right;
}