/* CSS Document */

body {
  font-family:"ƒqƒ‰ƒMƒmŠpƒS Pro W3",""Hiragino Kaku Gothic Pro",""MS�@ƒSƒVƒbƒN","MS Gothic",sans-selif;
  font-size:14px;
  line-height:1.8em;
}

/* div -----------------------------------*/
#container {
  text-align:center;
  background-color:#ffffff;
}

#head {
  margin:0 auto;
  text-align:left;
  width:800px;
}

#content{
   margin:0 auto;
   width: 800px;
   text-align:left;
}

#main {
  width:600px;
  float:right;
  margin-bottom:30px;
}

#sub {
  margin-top: 20px;
  margin-right:20px;
  margin-bottom:30px;
  width:180px;
  float:right;
  background-color: #F0F8FF;
}

#footer {
  clear:both;
}


/*  head ------------------------------------*/
#head h1{
   color: #000080;
   font-size: 1.5em;
}



/*  main --------------------------------*/

#main h2{
   font-size: 1.3em;
   font-family: '‚l‚r –¾’©';
   color: #000000;
   border-bottom: 2px inset #808080 ;
   border-right: 4px inset #808080 ;
   margin-top: 20px;
   margin-bottom:10px;
    }
    
    
#main_box{
   width: 600px;
   height: 200px;
   margin-top: 5px;
}

#main_box1{
   font-size: 15px;
   width: 600px;
   margin-top: 20px;
   margin-left: 80px;
}

#main #yokukiku ul{
  margin-left:20px;
  margin-bottom:10px;
}


#kaiin_img{
    float: right;
    margin-top: 50px;    
}


#main h3{
   font-size: 1.2em;
   font-family: '‚l‚r –¾’©';
   color: #000000;
   border-bottom: 3px inset #808080 ;
   border-right: 5px inset #808080 ;
   margin-top: 30px;
   margin-bottom:15px;
}  

#main h4 {
  margin-bottom:5px;
}


#left_box {
  margin-bottom:5px;
}

#pass{
  text-aling:center;
}

#contact_img{
  
}
#mainTable{
   width: 600px;
   float: right;
 
}  
/*  sub -------------------------------------*/

#kaiin{
    margin-top: 20px;
    }
#hoken_address{
    margin-top: 50px;
    }

/* menu--------*/
#sub ul li{
 
  list-style-type:none;
}

#sub ul.menu {
  margin-bottom:30px;
}

#sub ul.menu li a {
  color: #000059;
  display:block;
  width:180px;
  height:50px;
  line-height: 50px;
  background: url(../image/subbtun.jpg)  no-repeat;
    text-align:center;
}
#sub ul.menu li a:hover {  
  background: url(../image/subbtun-1.jpg)  no-repeat;
  text-align:center;
}


#sub ul.banner li{
  width:180px;
  margin-bottom:10px;
  text-align:center;
}

#sub ul.banner li a {
  display:block;
  text-indent:-9999px;
}

#sub ul.banner li.sbi a {
  width:180px;
  height:50px;
  background:url(../image/sbi_401k.jpg) no-repeat;
}

#sub ul.banner li.sbi a:hover {
  background:url(../image/sbi_401k_on.jpg) no-repeat;
}

#sub ul.banner li.raise a {
  width:180px;
  height:180px;
  background:url(../image/kaiin.jpg) no-repeat;
}

#sub ul.banner li.raise a:hover {
  background:url(../image/kaiin_on.jpg) no-repeat;
}

#sub ul.banner li.personel a {
  width:180px;
  height:70px;
  background:url(../image/kojin_2.jpg) no-repeat;
}

#sub ul.banner li.personel a:hover {
  background:url(../image/kojin_3.jpg) no-repeat;
}

#sub ul.banner li.juridical a {
  width:180px;
  height:70px;
  background:url(../image/houjin_2.jpg) no-repeat;
}

#sub ul.banner li.juridical a:hover {
  background:url(../image/houjin_3.jpg) no-repeat;
}

/* footer -------------------------------------*/
#footer{
   background-color:#F0F8FF;
}