@charset "utf-8";
/* CSS Document */


body           {color:#444444;
                background-color:#cceecc;
                background-image:url(bg.gif)}

a             {color:#017acd}

/*　コンテナ　 */
div#container  {border:solid 2px #bbffaa;
                padding:10px 20px 20px 20px;
                background-color:#ffff95;
                width:760px;
                margin-left: auto;
                margin-right: auto} 

/*　ヘッダー */
div#header     {width:760px;
                padding-top:2px;
                margin-left: auto;
                margin-right: auto;
                background-color:#cceecc;
                background-image:url(bg.gif);
                }

div#header h1   {font-size:0.80em;
                color: #cc0000;
                margin-top: 0;
                margin-bottom: 0}
div#header p   {font-size:0.80em;
                color: #cc0000;
                margin-top: 0;
                margin-bottom: 0}
 
/* メニュー　*/
ul#menu        {font-size: 0.80em;
                margin-top: 0;
                margin-bottom: 0;
                margin-left: 0;
                padding-left: 0;
                height: 30px;
                background-color:#66aa66}
  
ul#menu li     {list-style-type: none;
                float: left}
 
ul#menu li a   {display: block;
                width: 95px;
                line-height: 30px;
                text-decoration: none;
                text-align: center;
                color: #ffffff;
                background-color: #66aa66;
                border-right: solid 1px #ffffff}

ul#menu li a:hover  {font-weight: bold;
                     background-color: #00ccff;
                    }
/* サイトマップ*/
dl#saitemap dt a    {font-size: 1.20em;
                   text-decoration: none;
                   color: #000033}
dl#saitemap dt a:hover  {font-weight: bold;
                     background-color: #00ccff;
                    }
dl#saitemap li a:hover  {font-weight: bold;
                     background-color: #00ccff;
                    }

/* インデェクスページ・コンテンツ*/
div#content      {width:760px;
                 height: 280px; 
                padding: 2px;
                margin-bottom: 10px;
                background-color:#ffcccc;
                }

div#content h1   {font-size: 1.20em;
                 text-align: left;
                 line-height: 1.4;
                 margin-bottom: 10px;
                 color: #0000ff}
div#content p   {font-size: 0.85em;
                 text-align: left;
                 line-height: 150%;
                 color: #0000ff;
                 padding-right: 5px;
                }
.content        {float : right}
div#content img.top  {float: left;
                      padding: 0px;
                      margin-left: 10px;border:solid 10px white;
                       margin-right: 15px;
                      margin-bottom: 10px;
                      margin-top: 10px }
/*インデェクスページ・お知らせ*/
div#subcontent      {width: 574px;
                     float: right;
                     padding-top:0px;
                     padding-right:10px;
                     padding-left:10px;
                     margin-top: 0;
                     background-color:#fdffe8;
                    }
div#subcontent p    {font-size: 0.80em;
                     line-height: 150%;
                       color: #000000;
                      } 

div#subcontent h2   {font-size: 1.10em;
                    text-align: left;
                    color: #0000ff;
                    }

div#subcontent ul    {font-size: 0.85em;
                     line-height: 150%;
                       color: #000000;
                      } 

div#subcontent  ul span   {font-size: 1.10em;
                        color: #0000ff;
                        font-weight: bold;
                        background-color: #ff99ff;
                        }
/*概要*/
div#gaiyou       {width: 574px;
                 line-height: 120%;
                  float: right;
                  padding-top:0px;
                  padding-right:10px;
                  padding-left:10px;
                  margin-top: 0px;
                  background-color:#fdffe8;
                 }

div#gaiyou h2    {font-size: 1.10em;
                    text-align: left;
                    color: #0000ff;
                    }

div#gaiyou ul    {font-size: 0.85em;
                  vertical-align: top;
                 }
.gaiyou          {list-style-type: square;
                 list-style-position: outside;}

/* インデェクスページ・サブメニュー*/
div#submenu     {width: 166px;
                 float: left;
                 margin-top: 0;
                 background-color: #ffffcc;
                 }


div#submenu h2      {font-size:0.85em;
                     color: #ffffff;
                     background-color: #ff6633;
                     padding-top: 3px;
                     padding-bottom: 3px;
                     padding-left:20px;
                     margin-top: 0;}
div#submenu li a    {text-decoration: none;
                     } 
div#submenu li a:hover  {
	             font-weight: bold;
                     }

div#submenu p       {font-size: 0.80em;
                     padding-left: 20px}

/*主な施設の概要*/
div#presentation-index  {width: 594px;
                     float: right;
                     text-align: center}
div#presentation-index p  {font-size: 0.75em;
                           color: #ff0000;}


/* インデェクスページ・サブメニューミギ*/
div#submenu-1      {width: 594px;
                    float: right;
                    background-color:#cbfd77;
                    margin-bottom: 5px;
                    }

div#submenu-1 h3     {background-color: #ffd9fe;
                        font-size: 0.80em;
                        text-align:center;
                       color: #0066ff;
                       border: solid 2px #ffccff;
                       padding-top: 3px;
                       padding-bottom: 3px;
                       padding-left: 0px;
                       margin-top: 0;
                      }
div#submenu-1 p {font-size: 0.80em;
                text-align:center;
                }
/*パンくずリスト*/
h2#bread        {font-size: 0.80em;
                 margin-top: 0px;
                 margin-bottom: 15px;
                }
h2#bread a     {text-decoration: none}

/*　サブヘッダー */
div#subheader  {margin-left: auto;
                margin-right: auto;
                text-align: center;
                }


/*注意事項の前書き*/
div#prechuuijikou p {text-align: center;
                   color: #ff0000;
}
/*注意事項*/
div#chuuijikou  {width: 600px;
                 font-size: 0.85em;
                 color: #000033;
                line-height: 200%;
                margin-left: auto;
                margin-right: auto;
                margin-top: 25px;   
                padding: 10px;
                background-color: #cceecc;
               }
dl#courselist   {width :560px;
                 font-size: 1em;
                 color:  #0000ff;
                letter-spacing: 3px;
                 margin-left: auto;
                    margin-right: auto;
                 line-height:150%;
                 }

/*予約方法*/
div#howto          {width: 610px;
                   color: #000033;
                   line-height: 150%;
                   padding-top: 2px;
                   padding-bottom: 2px;
                   padding-right: 10px;
                   margin-bottom: 10px;
                   margin-left: auto;
                  margin-right: auto;
                  background-color: #cceecc;
}
div#confirm       {width: 610px;
                   color: #000033;
                   line-height: 150%;
                   padding-top: 2px;
                   padding-bottom: 2px;
                   padding-right: 10px;
                   margin-bottom: 10px;
                   margin-left: auto;
                  margin-right: auto;
                  background-color: #ffffff;
                  }
div#confirm ol   {font-size: 0.90em
                 }
/*予約状況*/
div#resevation   {width: 610px;
                   color: #000033;
                   padding-top: 2px;
                   padding-bottom: 2px;
                   padding-right: 10px;
                   padding-left: 10px;
                   margin-bottom: 10px;
                   margin-left: auto;
                  margin-right: auto;
                  background-color: #cceecc;
                 }

div#resevation table  {font-size: 0.90em;
                      background-color: #ffffcc;
                      margin-bottom: 10px;
                      margin-left: auto;
                      margin-right: auto;
                      }

div#resevation th  {font-size: 0.90em;
                    background-color: #ffcc33;
                    border: 1px solid #0099ff;
                    width: 23px;
                  }

div#resevation td   {text-align: center;
                     color: #cc0000}


/*予約*/
div#yoyaku       {border: outset 5px #ff9966;
                  text-align:center;
                  width: 650px; 
                  margin-left: auto;
                  margin-right: auto;
                  margin-top: 0px;  
                  background-color: #f3e18b;
                  clear: both}
/* フッター*/
div#footer   {background-image: url(horizo-bar.gif);
              background-repeat: repeat-x;
             width:760px;
              margin-top: 10px;
              padding-top: 10px;
              clear: both}
 
 
div#footer h4      {font-size: 0.85em;
                   text-align: center}
div#footer h4 a  {text-decoration: none}
div#footer h4  a:hover    {color:#ffaa00}
 
/*料金説明*/                
div#cost-tento   {width: 610px;
                   color: #000033;
                   margin-bottom: 20px;
                   margin-left: auto;
                  margin-right: auto;
                  background-color: #cceecc;
                 }
div#cost-tento td     {padding: 10px;
                        }


div#cost-bangalow  {width: 610px;
                    color: #000033;
                   margin-bottom: 20px;
                   margin-left: auto;
                  margin-right: auto;
                  background-color: #cceecc;
                 }
div#cost-bangalow td        {padding: 5px;
                           }
/*キャンセル料金*/
div#cancel       {width: 610px;
                  font-size: 0.90em;
                   border-color: #33ff66;
                   color: #000033;
                   text-align: center;
                   margin-bottom: 20px;
                   margin-left: auto;
                  margin-right: auto;
                  background-color: #cceecc;
                 }
div#cancel table  {width: 550px;
                  margin-left: auto;
                  margin-right: auto;
                   }
div#cancel td  {text-align: center;
                }
div#cancel th  {font-size: 0.90em;
                background-color: #00ff7f;
                 }
div#cancel h3   {text-align: center;
                padding-top: 10px;
               }

div#cancel h5   {text-align: center;
                 padding-bottom: 10px;
                }

/*合成洗剤と石鹸の表*/
div#different  {font-size: 1em;
                color: #000033;
                width: 540px;
                margin-left: auto;
                margin-right: auto;
                background-color: #aaccaa;
                }
div#different td  {background-color: #eaeaea;
                   }

/*製造プロセス*/
div#process  {font-size: 1.0em;
             font-weight: bold;
             color: #005533;
             width: 540px;
             margin-left: auto;
             margin-right: auto;
             line-height:170%;
             }


/*影響*/
div#affection   {width: 540px;
                 margin-left: auto;
                 margin-right: auto;
                 }

/*周辺図*/
div#shuhen  {text-align: center;
}
/*徒歩で*/
div#tohode  {width: 560px;
             font-size: 0.80em;
             color: #0000ff;
             background-color: #cceecc;
             padding: 10px;
             margin-bottom: 10px;
             margin-left: auto;
             margin-right: auto}
/*車で*/
div#tocar  {width: 560px;
             font-size: 0.80em;
             color: #0000ff;
             background-color: #cceecc;
             padding: 10px;
             margin-bottom: 10px;
             margin-left: auto;
             margin-right: auto;
             }

/*ここから施設のリンク～場内図*/
div#shisetumap     {text-align: center;
                    }

/*各施設案内*/
div#shisetu     {width: 520px;
                 font-size: 0.85em;
                 margin-left: auto;
                 margin-right: auto}
div#shisetu td    {padding: 5px;
                  text-align:center;
                  color: #0033ff;
                  background-color: #ffcc66;     
                  border-color: #ff3300}
div#shisetu a  {text-decoration: none;
                 display: block}
div#shisetu a:hover  {background-color: #ffff00}

/*キャビン説明*/

div#cabin     {margin-left: 80px;
               margin-right: 80px;
               margin-top: 0px;
               margin-bottom: 20px;
               background-color: #cceecc;
               padding: 10px;
               }
/*お風呂の説明*/
div#bath     {margin-left: 105px;
                  margin-right: 105px;
                 background-color: #cceecc;
                text-align: center;
                }


div#shiyoujikan  { margin-bottom: 20px;
                  margin-left: 105px;
                  margin-right: 105px;
                 background-color: #ffeeaa;
                }

/*BBQ広場の説明*/

div#BBQ     {margin-left: 105px;
                  margin-right: 105px;
                 background-color: #cceecc;
                text-align: center;
                }

div#shiyoujikan  { margin-bottom: 20px;
                  margin-left: 105px;
                  margin-right: 105px;
                 background-color: #ffeeaa;
                }

/*コテージ説明*/
div#cottage     {margin-left: 80px;
               margin-right: 80px;
               margin-top: 0px;
               margin-bottom: 20px;
               background-color: #cceecc;
               padding: 10px;
               }

/*プールの説明*/
div#pool     {margin-left: 80px;
               margin-right: 80px;
               margin-top: 0px;
               margin-bottom: 10px;
               background-color: #cceecc;
               padding: 20px;
               }

/*プール使用時間*/
div#shiyoujikan  { margin-bottom: 20px;
                  margin-left: 95px;
                  margin-right: 95px;
                 background-color: #ffeeaa;
                }

/*洗い場とトイレの説明説明*/
div#suijiba      {margin-left: 80px;
               margin-right: 80px;
               margin-top: 0px;
               margin-bottom: 20px;
               background-color: #cceecc;
               padding: 10px;
               }

/*砂場とジャブジャブ池の説明説明*/

div#sunaba      {margin-left: 80px;
               margin-right: 80px;
               margin-top: 0px;
               margin-bottom: 20px;
               background-color: #cceecc;
               padding: 10px;
               }

/*オートキャンプサイト*/

div#tento    {margin-left: 105px;
              margin-right: 105px;
              background-color: #cceecc;
              text-align: center;
              }

/*キャンプサイト説明*/                
div#camp         {width: 550px;
                   font-size: 0.85em;　　
                   margin-bottom: 20px;
                   margin-left: auto;
                   margin-right: auto;
                   background-color: #cceecc}

div#camp td        {padding: 5px;
                   text-align:left;
                   color: #0033ff;
                   background-color: #cceecc}

div#camp th         {background-color: #cceecc}

/*キャンプ使用案内*/
div#campannai        {width: 570px;
                  margin-left: auto;
                  margin-right: auto;
                  margin-top: 25px;   
                  
                   }

/*アクセスマップ*/
div#content-map      {text-align: center;
                  width: 580px;
                  margin-left: auto;
                  margin-right: auto;
                  margin-top: 0px;   
                  
                  padding: 10px;
                  background-color: #ffeeff;
                  clear: both}

/*所要時間*/
div#time         {
                  width: 580px;
                  margin-left: auto;
                  margin-right: auto;
                  margin-top: 10px;   
                  
                  padding: 2px;
                  background-color: #ffeeff;
                  clear: both}


/*ストーブの写真*/
div#stove   {width: 570px;
              margin-left: auto;
              margin-right: auto;
              
              background-color: #cceecc;
              }

div#stove h4  {text-align: center;
               padding-top: 5px;
               }

div#stove p   {text-align: center;
               padding-bottom: 10px;
               padding:20px}

/*春の花*/
div#spring   {width: 570px;
              margin-left: auto;
              margin-right: auto;
              
              background-color: #cceecc;
              }

div#spring h3  {text-align: center;
               padding-top: 5px;
               }

div#spring p   {text-align: center;
               padding-bottom: 10px;
               }


/*夏の花*/
div#summer   {width: 650px;
              margin-left: auto;
              margin-right: auto;
              
              background-color: #cceecc;
              }

div#summer h3  {text-align: center;
               padding-top: 5px;
               }

div#summer p   {text-align: center;
               padding-bottom: 10px;
               }
/*秋の紅葉*/
div#autumn   {width: 570px;
              margin-left: auto;
              margin-right: auto;
              
              background-color: #cceecc;
              }

div#autumn h3  {text-align: center;
               padding-top: 5px;
               }

div#autumn p   {text-align: center;
               padding-bottom: 10px;
               }
/*雪景色*/
div#winter   {width: 650px;
              margin-left: auto;
              margin-right: auto;
              
              background-color: #ffffff;
              }

div#winter h3  {text-align: center;
               padding-top: 5px;
               }

div#winter p   {text-align: center;
               padding-bottom: 10px;
               }

/*花の森文庫*/
div#hananomorilibrary   {width: 570px;
              margin-left: auto;
              margin-right: auto;
              
              background-color: #cceecc;
              }

div#hananomorilibrary h3  {text-align: center;
               padding-top: 5px;
               }

div#hananomorilibrary p   {text-align: center;
               padding-bottom: 10px;
               }

/*餅つきイベント*/
div#mochituki   {width: 680px;
              margin-left: auto;
              margin-right: auto;
              background-color: #cceecc}

div#mochituki h3  {text-align: center;
                   padding-top: 5px}

div#mochituki p   {text-align: center;
                   line-height: 300%;
              　　 padding-bottom: 10px;
              　　 color: #ff0000}

/*年間を通じてのニュース*/
div#news   {width: 680px;
              margin-left: auto;
              margin-right: auto;
              background-color: #cceecc;
             background-image:url(bg.gif);
              }

div#news h3  {text-align: center;
                   padding-top: 5px;
                  }

div#news p   {font-size: 1.10em;
              font-weight: bold;
              text-align: center;
                   line-height:150%;
              　　 padding-bottom: 10px;
              　　 color: #ff0000;　
　　　　　　　　　 }
div#news p span  {font-size: 1.25em;
                        color: #0000ff;
                        font-weight: bold;
                        background-color: #ff99ff;
                        }
dl#news1 dt     {font-size: 1.25em;
                   color: #cc00ff;
                   font-weight: bold;
                   text-align: center;
                   }
dl#news1 p      {font-size: 0.75em;
                       color: #ff00cc;
                      text-align: right;
                       margin-top: 0;
                       margin-bottom: 0} 

dl#news1 dd  {font-size: 0.85em;
                   color: #000000;
                   text-align: left;
                   line-height: 1.4;
                   list-style: inside}

dl#news1 dd span   {font-size: 1.40em;
                        color: #0000ff;
                        font-weight: bold;
                        background-color: #ff99ff;
                        }

/*使用している文字形*/
.form1            {font-size: 1.00em;
                   font-weight: bold;
                   color: #cc00ff}

.form2             {font-size: 0.85em;
                    line-height:200%; 
                    } 

.form3             {font-size: 1.2em;
                    font-weight: bold;
                    color: #ffffff;
                    background-color: #003333;
                   padding: 5px;
                   }

.form4             {font-size: 0.85em;
                     color: #0000ff;
                    line-height:100%;}

.form5   {font-size: 1em;
          color: #0000ff;
          }
.form6      {font-weight: bold;
             color: #000000;
             background-color: #ffccff;
            padding: 3px;
           }
.form7             {font-size: 2.5em;
                   font-weight: bold;
                   color:  #0000ff;
                   padding-left: 10px}

.form8  {font-size:1.0em;
         color: #0033ff;
          text-align:center;
         }
.form9             {
                    color: #0000ff;
                   text-align: left;
                   font-weight: bold; 
                   }  

.form10  {color: #ff0000;
            }   

.form11            {color: #228b22;
                   font-size:0.85em}

.form12  {font-size:0.85em;
          font-weight: bold;
          color:#2f4f4f;
          background-color: #ccffff;
          }
.form13  {font-size:0.80em;
         color: #0033ff;
         background-color: #ffe4e1;
         }

.form14  {font-size:0.85em;
          color: #0033ff;
          padding-left:20px;
          text-align:left;
          line-height:250%;
          background-color: #ffcccc;
          background-image:url(mark2.gif);
          background-repeat:no-repeat;
          background-position:0 7px;
         }

.form15  {background-color: #ffffff;
          padding: 5px}

.form16  {color: #ff0000}

.form17  {color: #0000ff}


            
.form18   {font-size: 1em;
           letter-spacing: 0.5em;
           color: #228b22;
           text-align:center;
           }

.form19   {font-size: 0.9em;
           color: #0000ff;
           }

.form20         {font-size: 0.85em;
                color: #000000;
                line-height:200%;
                } 

.form21        {font-size: 1.10em;
                color: #0000ff;
                line-height:150%;
                background-color: #ffd9ff;
                padding-left: 10px;
                }  
 
.form22         {text-align:center}

.form23         {font-size: 0.85em;
                color: #2f4f4f;
                line-height: 150%;
                background-color: #dfffff;
                padding-left: 50px;
                } 

.form24         {text-align:left;
                font-size: 0.85em;
                font-weight: bold;
                color: #0000ff;
                line-height:200%;
                }

.form25        {font-size: 0.85em;
                color: #0000ff;
                line-height:150%;
                background-color: #ffd9ff;
                padding-left: 20px;
                } 

  
.form26        {font-size: 1.10em;
                color: #ffffff;
                line-height:150%;
                background-color: #005540;
                text-align: center; 
                 }

.form27         {white-space: pre;
                font-size: 0.85em;
                color: #0000ff;
                line-height:200%;
                } 

.form28          {white-space: pre;
　　　　　　　　font-size: 0.85em;
                color: #2f4f4f;
                background-color: #dfffff;
                padding-left: 10px;
                }

.form29         {width: 520px;
                font-size: 0.95em;
                font-weight: bold;
                color: #0000ff;
                background-color: #ffeeaa;
                text-align: left;
                line-height:150%;
                padding: 20px;
                }

.form30            {font-size: 1em;
                   color: #0000ff;
                   font-weight: bold;
                   border-left: solid 16px #66aa66;
                   padding-left: 5px }

.form31             {font-size: 0.90em;
                   line-height: 200%;
                   font-weight: bold;
                   color: #ff3333}

.form34         {font-size: 0.85em;
                color: #000000;
                line-height:200%;
                } 

.form32            {color: #0000ff;
                    border-left: solid 16px #66aa66;
                    padding-left: 5px }

.iro   {border-style: solid;
                   border-color: #ffffff;
                   border-width: 5px}

.iro1  {border-style: solid;
                   border-color: #ffffff;
                   border-width: 10px}
.form33      {font-size: 2.0em;
                   font-weight: bold;
                   color:  #0000ff;
                   padding-left: 10px}