@charset   "UTF-8";
/*-----------------------------------------------------
   HUconso Top-TabBox CSS
-----------------------------------------------------*/
*{padding:0; margin:0;}
div#tab-container-1{
  width:900px;
  margin:10px;
  font-size:.9em;
  color:#333; 
  background-color:#fff;
}
div#tab-container-1 a {
  color:#333; 
  text-decoration: none;
}
div#tab-container-1 a:hover{
  color:#ff9900; 
  text-decoration: none;
}

div#tab-container-1 strong{color:#FF9900;}

div#tab-container-1 ul{
  height:30px;
  border-left:1px solid #999;
  border-bottom:1px solid #999;
  list-style:none;
}

div#tab-container-1 ul li{
  width:180px;
  height:29px;
  border:1px solid #999;
  border-left:none;
  border-bottom:none;
  background-color:#DDD;
  float:left;
}

div#tab-container-1 ul li.activeli{
  height:30px;
  background-color:#FFF;
}

div#tab-container-1 ul li a{
  display:block;
  width:180px;
  height:22px;
  padding-top:8px;
  color:#000;
  text-align:center;
  text-decoration:none;
}

div#tab-container-1 ul li.activeli a{font-weight:bold;}

div.tab{
  border:1px solid #999;
  border-top:none;
  padding:10px;
  background-color:#FFF;

}
/*-----------------------------------------------------
   Top-TabBox title CSS
-----------------------------------------------------*/
div#tab-container-1 .title{
     width : 80% ;
     font-size :100%;  /*文字の大きさを指示する時に数値を記述*/
     color : #0000ff;
     line-height : 140%;  /*行の高さを指示する時に数値を記述*/
     padding: 0 0 0 20px ;
     margin : 0px 0px 0px 0px ;  /*上下に余白を作る場合1番目（上）3番目（下）の0pxに数値を記述*/
     background :url(../img/t0.gif) no-repeat #f5f5f5 ;
     border : solid 1px #00008b ;
}
div#tab-container-1 .title1{
     width : 80% ;
     font-size :120%; 
     letter-spacing:.1em;
     line-height : 110%; 
     padding : 0 0 0 20px;
     margin : 0px 0px 0px 0px ; 
     background : url(../img/t1.gif) no-repeat;
     border : solid 1px #efefef ;
}
div#tab-container-1 .title2{
     width : 80% ;
     font-size :  ; 
     letter-spacing:.1em;
     line-height :  ; 
     padding : 0 0 0 20px;
     margin : 0px 0px 0px 0px ; 
     background : url(../img/t2.gif) no-repeat;
     border : solid 1px #efefef ;
}
div#tab-container-1 .title3{
     width : 80% ;
     font-size :  ;  
     letter-spacing:.1em;
     line-height :  ; 
     padding : 0 0 0 20px;
     margin : 0px 0px 0px 0px ;  
     background : url(../img/t3.gif) no-repeat;
     border-bottom : solid 1px #efefef ;
}
div#tab-container-1 .title4{
     width : 80% ;
     font-size :  ;  
     letter-spacing:.1em;
     line-height :  ; 
     padding : 0 0 0 20px;
     margin : 0px 0px 0px 0px ;  
     background : url(../img/t4.gif) no-repeat;
     border-bottom : solid 1px #efefef ;
}
div#tab-container-1 .title5{
     width : 80% ;
     font-size :  ;  
     letter-spacing:.1em;
     line-height :  ; 
     padding : 0 0 0 20px;
     margin : 0px 0px 0px 0px ;  
     background : url(../img/t5.gif) no-repeat;
     border-bottom : solid 1px #efefef ;
}
div#tab-container-1 .title6{
     width : 80% ;
     font-size :  ;  
     letter-spacing:.1em;
     line-height :  ; 
     padding : 0 0 0 20px;
     margin : 0px 0px 0px 0px ;  
     background : url(../img/t6.gif) no-repeat;
     border-bottom : solid 1px #efefef ;
}

/*------------------------------
  Author   :  Y.Matsuanga
  Date     :  10/01/18
  Copyright(C)2008 eecoms 
-------------------------------*/