/******************************************/
/*                                        */
/*           sealive.co.jp web site       */
/*                                        */
/*         company page common  style     */
/*                                        */
/******************************************/

/*******  structure  *******/
#VISUAL{
  width: 760px;
  height: 212px; 
  background: url("images/line_solid.gif") repeat-x bottom;
}

#VISUAL_S{
  width: 760px;
  height: 75px; 
  background: url("images/line_solid.gif") repeat-x bottom;
}

#COMPANY_MENU{
  width: 756px; 
  height: 40px;

  margin-left:auto;
  margin-right:auto;
  margin-top:3px;
}

#MAIN{
}

/* ==== company_greeting ===== */
#HEADLINE{
  margin: 20px 0 ;
  text-align: center ; 
}


/* ==== company_vision ===== */
#HARMONY{
  margin-left:20px;
  background: url("images/our_harmony.jpg") no-repeat;
}

/******* title  *******/
/* h2  別記あり*/
h2.mocha {
  color: #663333;
  border-left:7px solid #996666;
  border-bottom:1px dashed #996666;
}
h2.gold {
  color: #666633;
  border-left:7px solid #999966;
  border-bottom:1px dashed #999966; 
}
h2.green {
  color: #336633;
  border-left:7px solid #669966;
  border-bottom:1px dashed #669966; 
}
h2.blue_green {
  color: #336666;
  border-left:7px solid #669999;
  border-bottom:1px dashed #669999; 
}
h2.purple {
  color: #333366;
  border-left:7px solid #666699;
  border-bottom:1px dashed #666699; 
}
h2.purple-red {
  color: #663366;
  border-left:7px solid #996699;
  border-bottom:1px dashed #996699; 
}

/* h3  別記あり*/
h3 {
  margin:30px 15px 0 15px;
  color:white;
  background:gray;
} 

.subtitle {
  margin:0;
  color:gray;
  font-size: 13px;
  text-align: right;
} 

/******* sub_menu3 (company page) *******/
#submenu3{
  margin: 0;
  padding: 0;
  list-style-type: none;
  font-size: 15px;
  letter-spacing: 1px;
}

#submenu3 li{
  margin-left: 6px;
  float: left;
  width: 120px;
  text-align: center;
}

#submenu3 li.start{
  margin-left: 3px;
}

#submenu3 a{
  display: block;
  padding: 3px 0 ;
  text-decoration: none;
  color:#333333;
  border:1px solid #000000;
  background:#f0f0f0;
}

#submenu3 a.self{
  background:#c0c0c0;
}

#submenu3 a:hover{
  text-decoration: none;
  color:red;
}


/******* sealive table *******/
#sealive_table {
  margin : 0 0 0 90px;
}

#sealive_table td {
  font-size: 15px;
  line-height: 17px;
}

#sealive_table th {
  padding-right: 0px;
  font-size: 17px;
  text-align:center;
  width:50px;
  background: #e2ecf4; 
}



/******* sealive outline table *******/
#company_outline {
  margin:0 30px;
}

#company_outline th {
  width:110px;
  background: #eeeeee; 
}

/******* sealive history table *******/
#company_history {
  margin:0 40px;
}

#company_outline th {
  width:100px;
}