/*　igosalon css   */

body   {
       font-size:12px;
       font-family:'メイリオ','Meiryo','ＭＳ Ｐゴシック',sans-serif;
       background:url("images/igo_back_05.gif");  
       background-attachment:fixed;
       background-repeat:repeat;
       text-align:center;
       margin-top:3px;
       margin-bottom:3px;
       scrollbar-base-color:beige;     
       scrollbar-face-color:darkseagreen; 
      -webkit-text-size-adjust: 100%;
       }

h1  　 {
       width:300px;
       color:black;
       font-size:16px;
       letter-spacing:2px;
       text-align:left;
       padding:2px;
       margin:10px auto 10px 30px;
       }
h2     {border:3px double darkgreen;
       background-color:green;
       color:gold;
       width:600px;
       font-size:15px;
       text-align:center;
       padding:2px;
       letter-spacing:5px;
       margin:10px auto 10px auto;
       }
h3    {border:0px outset ivory;
       color:gold;
       width:300px;
       font-size:15px;
       text-align:center;
       letter-spacing:5px;
       }

h4    {
       font-size:14px;
       letter-spacing:1px;
       margin:10px 2px 5px 5px;
       padding:1px 2px 1px 5px;
       text-align:left;
       width:80%;
       }
h5    {
       color:darkgreen;
       width:90%;
       font-size:12px;
       text-align:left;
       letter-spacing:1px;
       margin:5px 10px 5px 50px;
      }
a         {padding:1px;text-decoration:none;}
a:link    {color:blue;}
a:visited {color:blue;}
a:hover   {background-color:palegreen;}

#divroot {
       border:2px ridge ivory; 
       background:url("images/igo_back_05.gif");  
       background-attachment:fixed;
       background-repeat:repeat;
       width:850px;
       height:100%;
       text-align:center;
       padding:0px ;
       margin:0px auto 0px auto;
       box-shadow:5px 5px 5px 0px rgba(0,0,0,0.4); 
       }
#divheader {
       border:0px ridge maroon ;
       width:850px;
       height:282px;
       text-align:center;
       padding:0px ;
       margin:0px auto 0px auto;
       background-color:  maroon   ;  
       }
#divtrailer {
       background-color:  maroon   ;  
       border-style:solid;
       border-color:azure;
       border-width:1px 0px 0px 0px;
       width:850px;
       height:40px;
       text-align:center;
       padding:5px 0px 5px 0px;
       margin:0px auto 0px auto;
       background-color:  maroon   ;   
       color:azure;  
       } 
#divcopyr {
       text-align:center;
       margin:2px 10px 2px auto;
       }
#divheaderleft img {
       border:0px ridge ivory;
       background-color:lavender;
       width:420px;
       height:280px;
       padding:0px;
       float:left; 
       } 
#divheaderright {
       text-align:center;
       border:0px ridge lime;
       float:left;
       font-weight:normal;
       color:gold;
       width:420px;
       height:280px;
       filter:shadow(color=black,strength=3);  
       text-shadow: 2px 2px 2px black;
       }
#divheaderright #p1 {
       margin:20px auto 10px auto;
       font-size:23px;
       }
#divheaderright #p2 {
       margin:5px auto 0px auto;
       font-size:38px;
       }
#divheaderright #p3 {
       margin:5px auto 0px auto;
       font-size:38px;
       }
       
/* -- menu list --*/
#menuul {
       border:1px solid red;
       list-style-type:none;
       border:0px solid red;
       margin:0px 0px 0px 0px;
       padding:0px;
       width:842px;
       height:40px;
       }
#menuli  , #menuli1  {
       border:1px ridge ivory;
       float:left;
       text-align:center;
       font-family:'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif;
       font-size:16px; 
       line-height:28px;
       width:100px;
       height:30px;
       margin:8px 2px 0px 0px;
       background-color:  maroon   ;
      }
#menuli1    {
       border-bottom-color:  maroon   ;
       border-bottom-style:solid;
       border-bottom-width:0px;
       border-left-width:0px;
       color:gold;
       font-weight:bolder;
       height:30px;
       padding:2px 2px 1px 2px;
       }
#menuli a {
       border-style:ridge;
       border-color:ivory;
       border-width:1px 1px 1px 1px;
       color:azure;
       display:block;
       }
#menuli a:hover {
       color:red;
       } 
/*-- main --*/
#divmain {
       border:0px solid red;
       background-color:  maroon   ;
       clear:both;
       width:850px;
       height:100%;
       margin:0px auto 0px auto;
       overflow:none;
       padding:0px;
       }
#divmain1 , #divmain2 , #divmain3 , #divmain4 {
       border:2px outset lime;
       background:url("images/igo_back_06.gif");   
       background-attachment:fixed;
       background-color:lavender;
       border-radius:8px;     
       box-shadow:2px 2px 2px gray; 
       }
#divmain1 {
       text-align:center;
       width:25%;
       height:100%;
       float:left;
       margin:0px 0px 0px 10px;
       }
#divmain1 img {
       border:1px ridge lime;
       padding:2px 2px 2px 2px;
       background-color:ivory;
       width:220px;
       border-radius:4px; 
       box-shadow:1px 1px 2px black; 
       }
#divmain1 p {
       border:0px ridge ivory;
       margin:0px auto 10px auto;
       width:200px;
       font-weight:bolder;
       }
#divmain2 , #divmain3 {
       width:65%;
       float:left;  
       text-align:left;
       }
#divmain2 {
       height:60%;
       margin:30px 2px 12px 10px;
       }
#divmain2 img {
       width:200px;
       margin:10px 10px 5px 10px;
       float:left;
       border:1px ridge lime;
       padding:2px 2px 2px 2px;
       background-color:ivory;
       border-radius:4px; 
       box-shadow:1px 1px 2px black; 
       }
#divmain2 p {
       text-indent:10px;
       border:0px ridge ivory;
       width:90%;
       padding:5px 20px 5px 20px;
       }
#divmain3 {
       height:38%;
       margin:0px 2px 10px 10px;
       }
#divmain3 img {
       width:150px;
       margin:5px 5px 5px 5px;
       float:left;
       border:1px ridge lime;
       padding:2px 2px 2px 2px;
       background-color:ivory;
       border-radius:4px; 
       box-shadow:1px 1px 2px black; 
       }
#divmain3 p {
       border:0px ridge ivory;
       text-indent:10px;
       margin:0px auto 10px auto;
       width:150px;
       }
#divmain4 {
       width:820px;
       height:250px;
       margin:0px 2px 10px 10px;
       }
#divroom {
       width:220px;
       float:left;
       text-align:center;
       margin:20px auto 10px 35px;
       }
#divroom img {
       width:100%;
       border:2px ridge lime;
       padding:2px 2px 2px 2px;
       background-color:ivory;
       border-radius:4px; 
       box-shadow:1px 1px 2px black; 
       }
#divroom p {
       border:0px ridge ivory;
       margin:0px auto 10px auto;
       width:100%;
       font-weight:bolder;
       color:black;
       }
#divtoptext {
       width:95%;
       margin:5px auto 5px 10px;
       }
#divtoptext p {
       text-indent:12px;
       text-align:left;
       }

#divtext {
       width:90%;
       padding:10px;
       margin:0px auto 10px auto;
       }
#divtext p {
       text-align:left;
       }
#textright {
       text-align:right;
       margin:0px 20px 0px auto;
       }
#divphoto1 {
       border:2px ridge dimgray;
       width:200px;
       text-align:center;
       float:left;
       margin:10px 10px 10px 10px;
       background-color:ivory;
       padding:3px 3px 3px 3px;
       }
#divphoto1 img , #divphoto1 p {
       padding:5px;
       border-color:ivory;
       border-style:solid;
       float:left;
       width:200px;
       padding:0px;
       margin:0px auto 0px auto;
       }
#divphoto1 img {
       border-width:1px 1px 0px 1px;
       }
#divphoto1 p {
       border-width:0px 1px 1px 1px;
       background-color:gray;
       text-align:center;
       color:ivory;
       font-weight:normal;
       font-size:14px;
       height:20px;
       margin:0px auto 0px auto;
       }

#divphoto2 {
       border:0px ridge dimgray;
       width:500px;
       text-align:center;
       margin:10px auto 10px auto;
       background-color:ivory;
       padding:3px 3px 3px 3px;
       }
#divphoto2 img , #divphoto2 p {
       padding:5px;
       border-color:ivory;
       border-style:solid;
       float:left;
       width:480px;
       padding:0px;
       margin:0px auto 0px auto;
       }
#divphoto2 img {
       border-width:1px 1px 0px 1px;
       }
#divphoto2 p {
       border-width:0px 1px 1px 1px;
       background-color:gray;
       text-align:center;
       color:ivory;
       font-weight:normal;
       font-size:14px;
       height:40px;
       margin:0px auto 0px auto;
       }

#hspan {
       background-color:  maroon   ;  
       border-style:double;
       border-color:azure;
       border-width:4px 0px 4px 0px;
       color:azure;
       padding:0px 5px 0px 5px;
       border-radius:3px;      
       }
#dspan {
       border:1px outset ivory;
       color:blue; 
       font-weight:bolder;
       font-size:11px;
       background-color:palegreen;
       padding:0px 5px 0px 5px;
       }
#fspan img {
       border:1px ridge lime;
       margin:10px auto 10px auto;
       border:1px ridge lime;
       padding:2px 2px 2px 2px;
       background-color:ivory;
       box-shadow:1px 1px 1px 1px rgba(0,0,0,0.4); 
       }
#gspan {
       font-size:14px;
       font-weight:bolder;
       color:green;
       }

#dlr  {
       border:0px solid red;
       text-align:left;
       float:right;
       margin:5px 10px 5px 10px;
       }
/*-- mail --*/
#divmail {
       background-color:  maroon   ;
       color:azure;
       width:55%;
       margin:5px auto 5px auto;
       border:2px ridge ivory;
       padding:10px;
       }
#divmail td {
       color:azure;
       }
/*-- whatsnew  list --*/
#divwhatsnew {
       border:0px solid red;
       width:500px;
       height:327px;
       overflow:auto;
       }
#whatsnewul {
       border:0px solid red;
       width:460px;
       list-style:square url("images/button107.gif") inside;
       padding:0px 0px 0px 5px; 
       margin:0px auto 0px 10px;
      }
#whatsnewul li {
      border:0px solid red;
      height:25px;
      }

/* gogle map */
#divgmap {
      width:90%;
      margin:10px auto 10px auto;
      padding:10px 10px 10px 50px;
      }
/*-- kiroku --*/
#divkiroku {
       border:2px outset darkseagreen;
       background:url("images/igo_back_06.gif");   
       background-attachment:fixed;
       background-color:lavender;
       border-radius:8px; 
       width:750px;
       margin:10px auto 10px auto;
       }
#divkiroku img {
       width:320px;
       float:left;
       margin:5px 5px 5px 10px;
       padding:2px 2px 2px 2px;
       background-color:ivory;
       box-shadow:1px 1px 1px 1px rgba(0,0,0,0.4); 
       }
#divkiroku p {
       width:390px;
       float:right;
       text-indent:10px;
       padding:5px;
       text-align:left;
       }
#divkiroku2 {
       border:2px outset darkseagreen;
       background:url("images/igo_back_06.gif");   
       background-attachment:fixed;
       background-color:lavender;
       width:750px;
       margin:5px auto 0px auto; 
       border-radius:8px; 
       }
#divkiroku2 p {
       width:700px;
       text-indent:10px;
       padding:5px;
       }
#divkr {
       border:0px inset lime;
  　   background-color:  maroon   ;
       background:url("images/bg_01b.gif");    
       width:360px;
       height:340px;
       margin:5px auto 0px 10px; 
       float:left;
       border-radius:8px; 
      }
#divkr img , #divkr p { 
       margin:10px auto 0px auto; 
       width:320px; 
      }
#divkr img {
       border:2px ridge lavender;
      }
#divkr p {
       text-indent:10px;
       color:ivory;
       text-align:left;
       }
#divkr2 {
       border:0px inset lime;
  　   background-color:  maroon   ;
       background:url("images/bg_01b.gif");    
       width:360px;
       height:400px;
       margin:5px auto 0px 10px; 
       float:left;
       border-radius:8px; 
      }
#divkr2 img , #divkr2 p { 
       margin:10px auto 0px auto; 
       width:320px; 
      }
#divkr2 img {
       border:2px ridge lavender;
      }
#divkr2 p {
       text-indent:10px;
       color:ivory;
       text-align:left;
       }
#divkr3 {
       border:1px inset lime;
  　   background-color:  maroon   ;
       background:url("images/bg_01b.gif");    
       width:640px;
       height:520px;
       margin:5px auto 0px auto; 
       border-radius:8px; 
      }
#divkr3 img , #divkr3 p { 
       margin:10px auto 0px auto; 
       width:600px; 
      }
#divkr3 img {
       border:2px ridge lavender;
      }
#divkr3 p {
       text-indent:10px;
       color:ivory;
       text-align:left;
       }
#divkiroku3 {
       border:2px outset darkseagreen;
       background:url("images/igo_back_06.gif");   
       background-attachment:fixed;
       background-color:lavender;
       width:750px;
       margin:5px auto 0px auto; 
       border-radius:8px; 
      }
#divkiroku3 #ul1 {
       list-style-type:none;
       text-align:left;
       margin:10px auto 10px 30px;
       width:90%;
       }
#divkr4 {
       border:0px inset lime;
  　   background-color:  maroon   ;
       background:url("images/bg_01b.gif");    
       width:260px;
       height:440px;
       margin:5px auto 10px 75px; 
       float:left;
       border-radius:8px; 
       box-shadow:5px 5px 5px 0px rgba(0,0,0,0.4); 
      }
#divkr4 img , #divkr4 p { 
       margin:10px auto 0px auto; 
       width:200px; 
      }
#divkr4 img {
       border:2px ridge lavender;
      }
#divkr4 p {
       text-indent:10px;
       color:ivory;
       text-align:left;
       }
#divkr5 {
       border:0px inset lime;
  　   background-color:  maroon   ;
       background:url("images/bg_01b.gif");    
       width:260px;
       height:390px;
       margin:5px auto 10px 75px; 
       float:left;
       border-radius:8px; 
       box-shadow:5px 5px 5px 0px rgba(0,0,0,0.4); 
      }
#divkr5 img , #divkr5 p { 
       margin:10px auto 0px auto; 
       width:200px; 
      }
#divkr5 img {
       border:2px ridge lavender;
      }
#divkr5 p {
       text-indent:10px;
       color:ivory;
       text-align:left;
       }
#divkr6 {
       border:1px inset lime;
  　   background-color:  maroon   ;
       background:url("images/bg_01b.gif");    
       width:640px;
       margin:5px auto 0px auto; 
       border-radius:8px; 
      }
#divkr6 img , #divkr6 p { 
       margin:10px auto 0px auto; 
       width:600px; 
      }
#divkr6 img {
       border:2px ridge lavender;
      }
#divkr6 p {
       text-indent:10px;
       color:ivory;
       text-align:left;
       }
/* small height */
#divkr7 {
       border:0px inset lime;
  　   background-color:  maroon   ;
       background:url("images/bg_01b.gif");    
       width:360px;
       height:280px;
       margin:5px auto 0px 10px; 
       float:left;
       border-radius:8px; 
      }
#divkr7 img , #divkr7 p { 
       margin:10px auto 0px auto; 
       width:320px; 
      }
#divkr7 img {
       border:2px ridge lavender;
      }
#divkr7 p {
       text-indent:10px;
       color:ivory;
       text-align:left;
       }


/*-- tablep --*/
#tablep {
       margin:50px 10px 10px 100px;
       }


/*-- table1-- class --*/
#table1 {
       width:280px;
       margin:5px auto 5px auto;
       border:0px solid red;
       border-collapse:no-collapse;
       }
#table1 caption {text-align:left;border-bottom:2px double black;}
#table1 #td1 {width:25%;font-weight:bold;}
#table1 #td2 {width:73%;}

#table1 #td1 , #table1 #td2 {
       text-align:left;
       text-indent:2px;
       border-style:ridge;
       border-color:lavender;
       border-width:0px 0px 1px 0px;
       }

/*-- table2-- link --*/
#table2 {
       width:90%;
       margin:15px auto 15px auto;
       border:0px solid red;
       border-collapse:no-collapse;
       }
#table2 #th1 {width:25%;background-color:lavender;}
#table2 #th2 {width:70%;background-color:lavender;}
#table2 #th3 {width:5%;background-color:lavender;text-align:center;}

#table2 th , #table2 td  {
       border-style:ridge;
       border-color:ivory;
       border-width:0px 0px 1px 0px;
       }
#table2 #td1 , #table2 #td2 ,#table2 #td3 {
       text-align:left;
       text-indent:5px;
       background-color:lavender;
       height:30px;
       }
#table2 #td3 img {
       width:80px;
       text-align:center;
       }

/*-- table3-- schedule --*/
#table3 {
       width:85%;
       height:100%;
       margin:5px auto 5px auto;
       border:0px solid red;
       border-collapse:no-collapse;
       }
#table3 #th1 , #table3 #th2  , #table3 #td1 , #table3 #td2 , #table3 #td3  {
        border-style:ridge;
        border-color:lavender;
        border-width:0px 0px 1px 0px;
        height:18px;
        text-align:left;
        text-indent:5px;
        background-color:ivory;
        }
#table3 #th1 , #table3 #th2 {
        background-color:lavender;
        font-size:13px;
        }
#table3 #td3 {
       color:red;
       font-weight:normal;
       }
/*-- table3-- schedule --*/
#table3 {
       width:85%;
       height:100%;
       margin:5px auto 5px auto;
       border:0px solid red;
       border-collapse:no-collapse;
       }
#table3 #th1 , #table3 #th2  , #table3 #td1 , #table3 #td2 , #table3 #td3  {
        border-style:ridge;
        border-color:lavender;
        border-width:0px 0px 1px 0px;
        height:18px;
        text-align:left;
        text-indent:5px;
        background-color:ivory;
        }

/*-- access counter --*/
#tableac {
       border:1px double lime;
       width:130px;
       height:30px; 
       margin:0px auto 0px 10px;
   /*    position:absolute;bottom:10px;left:20px;  */
       }
#tableac td {
       font-size:11px;
       width:40px;
       height:15px;
       color:lime;
       border:1px solid azure;
       }

/* igo open   */
#ul1   {
       list-style-type:decimal;
       width:120px;
       text-align:left;
       margin-left:100px;
       }
#ul2   {
       list-style-type:none;
       width:95%;
       text-align:left;
       margin:10px auto 20px auto;
       text-indent:12px;
       }
/* class list */
#classul {
      list-style:square url('images/button109.gif') inside;
      }

/* modoru */
#modoru   {
      width:50px;
      margin:0px auto 10px 10px;
      background-color:  maroon   ;   
      float:left;
      text-align:center;
      font-size:12px;
      font-weight:bold;
      padding:2px;
      }
#modoru a:link , #modoru a:visited {
      display:block;
      text-decoration:none; 
      border:1px solid ivory;
      color:lime;
      }
#modoru a:hover {
      background-color:lime;
      color:brown;
      }