@charset "shift_jis";

*{
    margin: auto;
    padding:   0;
    border:   0px;
}

html,body
      {
       text-align: center;
       margin:  auto;
       scrollbar-base-color: #FFFF;
       scrollbar-arrow-color: #fff;
       scrollbar-track-color: #FFF;
       display: inline;
      }

#container
      {
       width:860px;
       
       margin-right: 0 auto;
       text-align:left;
       display: inline;
      }

#wrapper
      {
       width:860px;
       height:600;

      }

#top  {
       width: 860px;
       height: 15px;

       text-align: center;
      }
      
#top2_1  {
       width: 10px;
       height: 25px;

       text-align: center;
       padding-top: 0px;
       float:left;
       display: inline;
      }
      
#top2_2  {
       width: 840px;
       height: 25px;

       text-align: center;
       padding-top: 0px;
       display: inline;
       float:left;
      }

#top2_3  {
       width: 10px;
       height: 25px;

       text-align: center;
       padding-top: 0px;
       float:left;
       display: inline;
       float:left;
      }

#body
      {
       width: 860px;
       height: 533px;
       margin-left: 0;
      }
      
#body1
      {
       width:860px;
       height: 0px;
      
      }

#body2
      {
       width:860px;
       height: 20px;
       padding-top: 15px;  
      }

#footer
     {
       width: 860px;
       height: 20px;
       clear:left;

      }

#textbox
      {
       width: 860px;
       height: 40px;        
      }

#bodyS1
      {
       width: 253px;
       height: 533px;
       float:left;
       margin-left: 0;
       display: inline;

      }

#bodyS2
      {
       width: 354px;
       height: 533px;
       float:left;
       margin-left: 0;
       display: inline;

      }
      
#bodyS3
      {
       width: 253px;
       height: 533px;
       float:left;
       margin-left: auto;
       margin-top: auto;
       margin-left: 0;
       display: inline;
      }

#1_L
      {
      }

    .style1
    {
       margin-top: 0px;
       padding-top: 10px;
    }

    .style2
    {

    }

    .style3
    {
        height: 20px;
    }

    .style4
    {
        height: 80px;
    }

    .style5
    {
        padding: 10px 1px 1px 1px;
    }

    .style6
    {
        padding: 45px 1px 1px 1px;
    }

    .style7
    {
       width: auto;
       height: auto;
    }

    .style8
    {
        width: 1020px;
    }
    
#text_body1
      {
       width: 500px;
       margin-top: 20px;
       margin-bottom: 20px;
       display: inline;
      } 
     
    .text_style1
    {
       text-align: left;     
       padding-left: 20px;
       padding-right : 20px;
       padding-top : 20px;
       display: inline;

    }
    
     .fstyle1
    {
       color: #555555;
       font-size: 15px;
       font-family:ＭＳ Ｐゴシック; 
    } 
    
      .fstyle2
    {
       color: #ffffff;
       font-size: 14px;
       font-family:ＭＳ Ｐゴシック; 
    }
    
      .fstyle3
    {
       height: 200px;
       padding-top: 0px;
       margin-top: 10px;
       color: #888888;
       font-size: 15px;
       font-family:ＭＳ Ｐゴシック;
       display: inline;
    }                
 
 
.LaLaImage
{
  position: relative;
  height: 29px;
  width: 860px;   /* ボタン数の増減で調整 */
  padding: 0px;
  margin: 0px;
  overflow: hidden;
}

.LaLaImage li
{
  float: left;
  list-style: none;
}

.LaLaImage li.back
{
  background: url("../sozai/lava1.gif") no-repeat right -30px; /* lava.gif */
  width: 9px;
  height: 30px;
  z-index: 8px;
  position: absolute;
}

.LaLaImage li.back .left
{
  background: url("../sozai/lava1.gif") no-repeat top left;
  height: 30px;
  margin-right: 10px; /* 7px is the width of the rounded shape */
}

.LaLaImage li a
{
  font: bold 14px arial;
  text-decoration: none;
  color: #ffffff;
  outline: none;
  text-align: center;
  top: 7px;
  text-transform: uppercase;
  letter-spacing: 0;
  z-index: 10;
  display: block;
  float: left;
  height: 30px;
  position: relative;
  overflow: hidden;
  margin: auto 30px;   /* ボタン数の増減で調整 */
  display: inline;
  
}

.LaLaImage li a:hover, .LaLaImage li a:active, .LaLaImage li a:visited
{
  border: none;
}

.LaLaNoImage
{
  position: relative;
  height: 29px;
  width: 700px;   /* ボタン数の増減で調整 */
  background-color: white;
  padding: 15px;
  margin: 10px 0;
  overflow: hidden;
  border: 1px solid gray;
  display: inline;
}

.LaLaNoImage li
{
  float: left;
  list-style: none;
}

.LaLaNoImage li.back
{
  border: 1px solid #ffffff;
  width: 9px;
  height: 30px;
  z-index: 8;
  position: absolute;
}
.LaLaNoImage li a
{
  font-family:ＭＳ ゴシック;
  font: bold 16px arial;
  text-decoration: none;
  color: #ffffff;
  outline: none;
  text-align: center;
  top: 7px;
  text-transform: uppercase;
  letter-spacing: 0;
  z-index: 10;
  display: block;
  float: left;
  height: 30px;
  position: relative;
  overflow: hidden;
  margin: auto 10px;
  display: inline;
}

.LaLaNoImage li a:hover, .LaLaNoImage li a:active, .LaLaNoImage li a:visited
{
  border: none;
}

.LaLaBottomStyle
{
  position: relative;
  height: 29px;
  width: 600px;
  padding: 15px;
  margin: 10px 0;
  overflow: hidden;
  border: 1px solid gray;
  
  display: inline;
}

.LaLaBottomStyle li
{
  float: left;
  list-style: none;
}

.LaLaBottomStyle li.back
{
  border-bottom: 5px solid blue;
  width: 9px;
  height: 30px;
  z-index: 8;
  position: absolute;
}

.LaLaBottomStyle li a
{
  font: bold 14px arial;
  text-decoration: none;
  color: #ffffff;
  outline: none;
  text-align: center;
  top: 7px;
  text-transform: uppercase;
  letter-spacing: 0;
  z-index: 10;
  display: block;
  float: left;
  height: 30px;
  position: relative;
  overflow: hidden;
  margin: auto 10px;
  display: inline;
}

.LaLaBottomStyle li a:hover, .LaLaBottomStyle li a:active, .LaLaBottomStyle li a:visited
{
  border: none;
}