/* css definition 2009/10/01  */


#div0    {
    border-color:white;
    border-width:2px 4px 4px 2px;
    border-style:outset;
    width:860px;
    height:1000px;
    background-color:lightsteelblue;
    background:url(bg_h_gra14.gif);
    margin:auto;
    position:relative;top:0px;left:0px; 
    }

#div0w   {
    border-color:white;
    border-width:2px 4px 4px 2px;
    border-style:outset;
    text-align:center;
    width:750px;
    background:url(bg034.gif);
    border:0px solid red;
    margin-top:0px;
    margin-left:auto;
    margin-right:auto;
    margin-bottom:10px;
 /*   padding:10px 10px 50px 10px; */
    }
/*--------------------------------------*/
/* left part define                     */
/*--------------------------------------*/
#div1    {
    border:2px outset lightblue;
    background-color:lavender;
    width:180px;
    height:920px;
    margin:5px 1px 0px -10px;
    text-align:center;
    font-size:12px;
    float:left;
    }
#div1 a  {
    display:block;
    }
#div11    {
    border:1px ridge lavender;
    background-color:ivory;
    width:148px;
    height:102px;
    margin:5px auto 5px auto;
    }
/* -- title image -- */
#div12    {
    margin:3px auto 3px auto;
    width:142px;
    }
#div12 img {
    border:1px ridge gold;
    width:140px;
    }

#ul1 {
    border:0px solid red;
    list-style-type:none;
    text-align:center;
    margin:15px 0px 0px 0px;
    padding:0px;
    }
#li1 {
    border:2px outset lavender;
    background:url(bk_h3nb.gif); 
    margin:0px 0px 0px 10px;
    width:150px;
    line-height:18px; 
    }

#li11 {
    border:1px outset mistyrose;
    background:url(bk_h3n.gif);
    text-align:center;
    margin:0px 0px 0px 0px;
    width:140px;
    line-height:18px; 
    }

/*--------------------------------------*/
/* right part define                    */
/*--------------------------------------*/
#div2    {
    border:0px outset red;  
    padding:0px;
    margin:0px 50px 0px 0px;
    width:610px; 
    height:900px;
    text-align:left;
    float:right;
    }
#ul2 {
    list-style-image:url("yajirushi_s.gif");
    list-style-position:inside;
    margin:2px 2px 2px 2px;
    padding:0px;
    width:580px;
    }

#li2 {
    border:1px outset lightblue;
    background-color:lavender;
    text-indent:5px;
    text-align:left;
    color:brown;
    margin:2px 2px 5px 10px;
    padding:0px;
    }
/* news index */
#divnews  {
    border:2px ridge lightblue;
    width:600px;
    height:420px;
    overflow:auto;
    margin:2px 0px 0px 5px;
   }
#divnews a        {color:black;}
#divnews a:hover  {background-color:aqua;color:black;}
#divnews li       {padding:0px 2px 0px 5px;margin:1px;}
#spannews {
    }
#spannews ul {
    border:0px solid red;
    list-style-type:none;
    list-style-position:outside;
    margin:2px 2px 2px 0px;
    padding:0px;
    width:580px;
    }

#spannews li {
    border:1px outset lightblue;
    background-color:lavender;
    text-indent:25px;
    text-align:left;
    color:brown;
    margin:2px 2px 2px 10px;
    padding:0px;
    }

#spannews a  {
       display:block;
       background:url("maru1_10_lblue.gif");
       background-repeat:no-repeat;
       margin-left:10px;
       }
#spannews li a:hover  {
       background:url("maru1_10_red.gif");
       background-repeat:no-repeat;
       color:brown;
       background-color:white;
       }

/*--------------------------------------*/
/* general use define                   */
/*--------------------------------------*/
#divg    {
    border:2px outset lightblue;  
    background-color:lightsteelblue;
    width:95%; 
    text-align:center;
    margin:10px 10px 10px 10px;
    }
#divg5    {
    border:2px outset lightblue;  
    background-color:lightsteelblue;
    background-image:url("back01.gif");
    margin:0px auto 0px auto; 
    width:750px; 
    text-align:center;
    margin:10px 10px 10px 10px;
    }
#divgphoto {
    border:1px outset gray;
    background-color:white;
    width:80%;
    margin:10px 10px 10px 10px;
    }
#divgphoto img {
    border:0px outset dimgray;
    margin:10px 10px 10px 10px;
    float:none;
    }

#divgphoto p {
    border:0px solid red;
    text-align:left;
    margin:0px 15px 0px 15px;
    }
#divgtxt { 
    border:2px outset lightblue;
    background-image:url("main_back.gif");
    margin:10px 10px 10px 10px;
    padding:15px;
    width:90%; 
    line-height:1.5em;
    text-indent:5px;
    text-align:left;
    } 
#divgtxt5 { 
    border:2px outset lightblue;
    background-image:url("main_back.gif");
    margin:10px 10px 10px 10px;
    padding:25px;
    width:700px; 
    line-height:1.5em;
    text-indent:5px;
    text-align:left;
    } 

#divgtxt p {
    margin:10px 50px 10px 50px;
    }
#divsign  {
    text-align:right;margin-right:50px;
    }

/* border list */
#span5 ul {
    width:95%;
    text-align:left;
    }
#span5 li { 
    border:1px outset green;
    background-color:lavender;
    text-align:left;
    color:black;
    margin:2px 2px 5px 10px;
    padding:5px;
   }

/* no border no background */
#span6 ul {
    width:95%;
    text-align:left;
    font-weight:bold;
    }
#span6 li { 
    border:0px outset green;
    text-align:left;
    font-weight:normal;
    color:black;
    margin:2px 2px 2px 10px;
    padding:2px;
   }

/* head line news p  */
#divh {
    border:0px inset palegreen;
    width:540px;
    height:28px;
    margin:10px 0px 20px 20px;
    } 
#divh p   {
    padding:1px;
    margin:0px 0px 0px 0px;
    color:black;
   }

/* head line news and calendar  */
#divhnc {
    border:0px solid black;
    width:600px;
    height:200px;
    margin:20px auto 0px auto;
     } 
#divhn {
    border:0px solid lavender;
 /*   background-color:powderblue; */
    width:320px;
    height:240px;
    float:left;
    padding:0px;
    margin:0px 10px 20px auto;
    } 
#divhn img {
    border:5px ridge lightblue;
    background-color:ivory; 
    width:290px;
    padding:5px 5px 15px 5px;
    margin:0px auto 0px auto;
    }
#divhn p {
    font-size:12px;
    padding:2px 5px 5px 5px ;
    margin:0px auto 0px auto;
    }
#divhc {
    border:0px solid red;
    width:250px;
    height:180px;
    float:right;
    background-color:lightblue;
    }
#divhn a img{
    border:0px solid red;
    margin-right:5px;
    }

#divbottom {
   border:1px ridge ivory;
/*   background-color:skyblue; */
   width:856px;
   margin:0px auto 0px auto;
   text-align:center;
   font-size:14px;
   color:lightcyan;
   position:absolute;bottom:0px;left:0px;
   }

/* phot p */
#pg     {
    border:1px inset gold; 
    font-size:12px;
    color:black;
    font-family:"Comic Sans MS";
    background-image:url("bk-binsen.jpg");
    background-repeat:repeat;
    background-color:gray;
    width:570px;
    text-align:left;
    margin:5px;
    padding:10px;
    margin-left:auto;
    margin-right:auto;
    text-align:center;
    }
    
#pg p {
    border:1px inset gold; 
    font-size:12px;
    color:ivory;
    background-color:dimgray;
    font-family:"Comic Sans MS";
    background-color:gray;
    width:100%;
    text-align:left;
    margin:5px;
    padding:10px;
    }

#pg img {
    border:5px inset red; 
    border-width:2px;
    border-color:ivory;
    background-color:gray;
    width:100%;
    margin:10px;
    padding:10px;
    }

/* phot px */
#pg3     {
    border:1px inset gold; 
    font-size:12px;
    color:ivory;
    font-family:"Comic Sans MS";
    background-image:url("bk-binsen.jpg");
    background-repeat:repeat;
    background-color:gray;
    width:320px;
    text-align:left;
    margin:5px;
    padding:10px;
    float:left;
    }
    
#pg3 p {
    border:1px inset gold; 
    font-size:12px;
    color:ivory;
    background-color:dimgray;
    font-family:"Comic Sans MS";
    width:100%;
    text-align:left;
    margin:5px;
    padding:10px;
    }

#pg3 img {
    border:5px inset red; 
    border-width:2px;
    border-color:ivory;
    background-color:gray;
    width:100%;
    margin:10px;
    padding:10px;
    }

/* phot px */
#pg640     {
    border:1px inset gold; 
    font-size:12px;
    color:ivory;
    font-family:"Comic Sans MS";
    background-image:url("bk-binsen.jpg");
    background-repeat:repeat;
    background-color:gray;
    width:670px;
    text-align:left;
    margin:5px;
    padding:5px;
    }
    
#pg640 p {
    border:1px inset gold; 
    font-size:12px;
    color:ivory;
    background-color:dimgray;
    font-family:"Comic Sans MS";
    width:100%;
    text-align:left;
    margin:5px;
    padding:10px;
    }

#pg640 img {
    border:5px inset red; 
    border-width:2px;
    border-color:ivory;
    background-color:gray;
    width:100%;
    margin:10px;
    padding:10px;
    }


#spang a:hover {
    background-image:url("rugby.jpg");
    background-repeat:no-repeat;
    position:absolute;top:80px;left:50px; 
    text-indent:5px;
    font-size:15px;
    color:darkblue;
    width:570px;  
    height:450px;
    }

#textright {text-align:right;margin-right:30px;}
#modoru    {float:left;}
#modoru p  {
        border:2px outset gold;
        font-size:12px;
        line-height:14px;color:brown; 
        text-align:center;
        background-color:lightblue;
        font-family:"Comic Sans MS";  
        width:40px;
        padding:2px 2px 2px 2px;
        margin-top:1px;
       }
#pky   {
        border:2px outset gold;
        font-size:12px;
        line-height:12px;color:brown;
        text-align:center;
        background-color:lightblue;
        font-family:"Comic Sans MS";  
        width:80px;
        padding:0px 2px 0px 2px;
        margin-top:1px;
        }
/*-- table1----*/
#table1 {
       width:500px;
       margin:5px auto 50px auto;
       border:0px solid red; 
       border-collapse:collapse;
       }
#table1 caption {text-align:left;border-bottom:2px double black;}

#table1 #th1 , #table1 #th2 , #table1 #td1 , #table1 #td2 {
      text-align:left;
      text-indent:2px;
      border-style:ridge;
      border-color:green;
      border-width:1px 1px 1px 1px;
      }
#table1 #th1 {width:18%;background-color:lavender;}
#table1 #th2 {width:80%;background-color:lavender;}
#table1 #td1 {background-color:ivory;}
#table1 #td2 {background-color:ivory;}

#modoru {

       }
