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

/*******  structure  *******/
body {
  margin: 0;
  padding: 0;
  text-align: center;
  color: #333333; 
  background: #eeeeee;
  font-size:14px;
  letter-spacing: 1px;
}

#PAGEandSHADOW{
  margin: 0px auto;
  width: 780px;
  background: url("images/background.jpg") repeat-y top;
}

#PAGE{
  margin: 0 10px 0 10px;
  text-align: left;
  border-bottom:1px solid #838383;
}

#HEADER{
  width: 760px;
  height: 90px;
  background: url("images/line_dot_solid.gif") repeat-x bottom;
}

#HEADER .LOGOMARK{
  width: 240px;
  height: 60px; 
  float: left;
}

#HEADER .LOGONAME{
  width: 520px;
  height: 60px; 
  float: right;
  text-align: right;
}

#HEADER .MENUBAR{
  clear: both;
  width: 760px;
}

#FOOTER{
  width: 760px;
  height: 90px; 
  background: url("images/line_solid_dot.gif") repeat-x top;
}

.clear{
  clear: both;
}


/*******  title  *******/
h1 {
  margin: 20px 10px 10px 10px;
  padding: 3px 10px; 
  font-size:16px;
  letter-spacing: 1px;
  color: white;
  background: navy;
}

h2 {  /* •Ê‹L‚ ‚è */
  margin: 20px 10px 10px 10px;
  padding: 5px 10px; 
  font-size:16px;
  border-left:7px solid #333333;
  border-bottom:1px dashed #333333; 
}

h3 {
  margin:5px 45px;
  padding: 3px 5px; 
  font-size:15px;
  background:#e5ecf9;
}

h4 {
  margin:15px 15px;
  padding: 0; 
  font-size:14px;
  color: navy;
}

h5 {
/*  margin: 10px 10px ; */

  margin: 0px 10px 10px 10px;


  padding-left: 10px;
  font-size:13px;
  color: white;
  background: red;
  font-weight:normal;
}


/*******  image  *******/
img { border-style: none; }

/******* em *******/
em {
  color: red;
  font-style:normal;
}
em.blue{
  color: blue;
}

/*******  font etc *******/

a:link    { text-decoration: none; color: #0000ff;}
a:visited { text-decoration: none; color: #0000c0;}
a:active  { text-decoration: none; color: #ff0000;}
a:hover   { text-decoration: none; color: #ff0000;}

p {
  font-size: 14px;
  line-height: 25px;
  padding-left:24px;
  padding-right:24px;
}

.indent {
  padding-left:36px;
  padding-right:24px;
}

.double_indent {
  padding-left:72px;
  padding-right:72px;
}

.low_line {
  line-height: 18px;
}

.small {
  font-size: 12px;
  line-height: 15px;
}

.small_low_line {
  font-size: 12px;
  line-height: 13px;
}

.bold {
  font-weight: bold;
}

.black{
  color: black;
}

.red{
  color: red;
}

.blue{
  color: blue;
}

.navy{
  color: navy;
}

.orange{
/*  color: orange; */
  color: #ffa500;
}

.lemon{
  color: #ffffb2;
}

.text_center{
  text-align: center;
}

.copyright{
  font-size: 12px;
  text-align: center;
}

/******* common table  *******/
th {
  padding-top: 5px;
  padding-right: 10px;
  font-size: 14px;
  line-height: 23px;
  color: #333333;
  letter-spacing:1px; 
  vertical-align: super;
  text-align: right;
}

td {
  padding-top: 5px;
  padding-left: 10px;
  font-size: 14px;
  line-height: 23px;
  color: #333333;
  letter-spacing:1px;
}

/******* line table *******/
.linetable {
  border-collapse : collapse;
}

.linetable td {
  font-size: 12px;
  line-height: 15px;
  border-bottom : 1px dashed black;
}

.linetable th{
  text-align: left;
  font-size: 12px;
  line-height: 15px;
  border-bottom : 1px dashed black;

}

/******* small line table *******/
.small_linetable {
  border-collapse : collapse ; 
}

.small_linetable td {
  font-size: 12px;
  line-height: 13px;
  border-bottom : 1px dashed black;
}

.small_linetable th{
  text-align: left;
  font-size: 12px;
  line-height: 13px;
  border-bottom : 1px dashed black;
}


/******* sub_menu (top) *******/
#submenu{
  margin: 0;
  padding: 0;
  text-align:right;
  list-style-type:none;
  font-size: 12px;
}

#submenu li{
  display: inline;
}

#submenu a{
  color:#333333;
  text-decoration: none;
}

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

/******* sub_menu (footer) *******/
#submenu2{
  margin: 0;
  padding: 13px 0 0 0;
  text-align: right;
  list-style-type: none;
  font-size: 12px;
}

#submenu2 li{
  display: inline;
}

#submenu2 a{
  text-decoration: none;
  color:#333333;
}

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


/******* smallblock  *******/
.smallblock{
/*  margin: 10px; */
  margin: 0px 10px 10px 10px;

  border:solid 1px #000000;
  background:#fafafa;
}


.smallblock.msi{
  margin: 0;
  width: 235px;
  height: 350px;
}


.smallblock.example{
  margin: 0;
  width: 235px;
  height: 300px;
}

.smallblock.si{
  margin: 0;
  width: 235px;
  height: 150px;
}

.smallblock p{
  margin:5px;
  padding:0;
  font-size:13px;
  letter-spacing:1px;
  line-height:15px;
}

.smallblock p.caption{
  margin: 0;
  padding: 2px 0;
  background:#444444;
  color:white;
  text-align:center;
}

.caption a:link {
  text-decoration: none;
  color: white;
}

.caption a:visited {
  text-decoration: none;
  color: white;
}

.smallblock p.captionL{
  margin: 0;
  padding: 5px 0;
  background:#444444;
  color:white;
  text-align:center;
}

.captionL a:link {
  text-decoration: none;
  color: white;
}

.captionL a:visited {
  text-decoration: none;
  color: white;
}

.smallblock img{
  margin:5px;
}


/*
.smallblock p.nextpage{
  margin: 10px 50px;
  background:#e5fffc;
}
*/