﻿/* BOX DESIGN */

#container {
            margin: 20px auto;
            border: 0px;
            padding: 0px;
            width: 800px;
            background: #FFC ;
           }




/* HEADER DESIGN */

#headerbox {
            margin: 0px;
            margin-bottom: 10px;
            border: 0px;
            padding: 0px;
            background: #FFFFFF;/*#FFFFFF*/
           }

#h_logo   {
           float: left;
           margin: 0px 5px;
           border: 1px solid #708090;/*708090*/
           padding: 4px;
           width: 160px;
           height: 110px;
           background: #F90;/*ccffcc*/
          }


#h_title  {
           float: left;
           margin: 0px;
           border: 1px solid #708090;
           padding: 4px;
           width: 445px;
           height: 110px;
           background: ;
		   }

#h_title h1
          {
           margin: 5px;
          }

#h_title h1 a
          {
		   color: #000000;          
          }

#h_title h2
          {
           margin: 5px;
           font: 0.7em/1.3em 'sans-serif','・ｭ・ｳ ・ｰ繧ｴ繧ｷ繝・け';
           color:  #D2691E;
          }



#h_new    {
           float:right;
           margin: 0px;
           border: 1px solid #708090;
           padding: 4px;
           width: 150px;
           height: 110px;
           background: #F90;
          }


#h_new p  {
           margin: 4px;
           font-size: 70%;
           line-height: 75%;
           color:  #BE000; /*BE000*/
          }

#h_new ul {
           margin: 1px;
           list-style: none;
           font-size: 70%;
           line-height: 1.3em;
           color:  #BE0000;
          }

#h_new img {
			margin: 0px;
			border: 0px;
			padding: 0px;
			}
			
			

/* NAVI BOX DESIGN */

#navi     {
           margin: 4px 10px;
           padding: 2px;
           width: 792px;        
           height: 17px;
           font-size: 75%;
           line-height: 120%;
           color: #CE0000;
           clear: both;
          }



/* CONTENTS BOX DESIGN */

#contentsbox
           {
            float: left;
            margin: 10px 5px;
            border: 1px solid #000000;
            padding: 5px 5px 5px 2px;
            width: 786px;
			
			}



/* MAIN DESIGN */


#catenavi  {
            float: right;
            margin: 1px;
            border: 1px solid #BE0000;
            padding: 10px;
            width: 591px;
           }

#con       {
            float: right;
            margin: 1px;
            border: 1px solid #BE0000;
            padding: 15px;
            width: 581px;
			min-height: 595px;
			background:#FFFFF0
           }


#main      {
            margin: 1px;
            border: 1px solid #000000;
            padding: 10px;
            padding-bottom: 30px;
            width: 536px;
            background: #FFFFFF;
            color: #696969;  /* dimgray */
            float: right;
           }

#main_s    {
            margin: 1px;
            border: 1px solid #000000;
            padding: 10px;
            padding-bottom: 30px;
            width: 591px;
            background: #FFFFFF;
            color: #696969;  /* dimgray */
            float: right;
           }



/* SIDE DESIGN */

#side, .side, .side2
           {
            margin: 1px 6px 4px 2px;
            border: 1px solid #000000;
            padding: 10px 2px;
            width: 157px;
            font-size: 0.7em;
            float: left;
           }

#side      {background: #DFFFED;  }/*ccffcc*/

.side      {background: #DFFFED; /* floralwhite */  }/*fffafo*/

.side2     {background: #DFFFED;  }/*eeffee*/



/* FOOTER DESIGN */

#footer    {
            clear: both;
            margin: 0px 4px;
            border: 1px solid #000000;
            padding: 0px;
            width: 794px;
            background: #FFC;   /* tan */
            vertical-align: top;
            text-align: center;
            color: #0C6;   /* darkblue */
           }


/* FOOTER ADDRESS DESIGN */

#footer h3,#footer p ,#footer address
           {
            font-size: 0.7em;
            line-height: 1.1em;
            margin: 4px;
           }

/* FOOTER LOGO DESIGN  */

#footer h3
           {
            border: solid 1px #999999;
            padding: 1px;
           }

#footer h3 a
           {
            display: block;
            width: 100%;
            color: #708090;
            font-weight: bold;
            text-decoration: none; 
           }

#footer h3:hover
           { background-color: #CCFFCC; }

#footer a:hover
           { color: #DC143C;   /* crimson */ }

