@charset "utf-8";
/* ===================================================================
CSS information

 file name  :index.css
 style info :インデックス専用
=================================================================== */

/*-------------------------------------------------------------------
mainImg
--------------------------------------------------------------------*/

ul#mainImg{
	width: 940px;
 height: 170px;
 margin: 0 auto;
 margin-bottom: 10px;
 clear: both;
 display: block;
 >text-indent: -940px;
 }
*html ul#mainImg{
	text-indent: -1000px;
 text-align: center;
 }

li#mainImg1{
	width: 940px;
 height: 170px;
 background: url(../images/index_img_header1.jpg) no-repeat;
 clear: both;
 }
 li#mainImg1 img{
 	float: right;
  display: inline;
  margin-top: 100px;
  margin-right: 13px;
  }

li#mainImg2{
	width: 940px;
 height: 170px;
 background: url(../images/index_img_header2.jpg) no-repeat;
 display: none;
 }
 li#mainImg2 img{
 	float: right;
  display: inline;
  margin-top: 100px;
  margin-right: 13px;
  }

li#mainImg3{
	width: 940px;
 height: 170px;
 background: url(../images/index_img_header3.jpg) no-repeat;
 display: none;
 }
 li#mainImg3 img{
 	float: right;
  display: inline;
  margin-top: 100px;
  margin-right: 13px;
  }

li#mainImg4{
	width: 940px;
 height: 170px;
 background: url(../images/index_img_header4.jpg) no-repeat;
 display: none;
 }
 li#mainImg4 img{
 	float: right;
  display: inline;
  margin-top: 100px;
  margin-right: 13px;
  }



 
/*-------------------------------------------------------------------				banner
--------------------------------------------------------------------*/

div#bannerArea{
	width: 940px;
 height: 80px;
 margin: 0 auto;
 margin-bottom: 10px;
 clear: both;
 display: block;
 }
 div#bannerArea img{
 float: left;
 display: inline;
 	margin: 10px 20px 0 0;
  }
 div#bannerArea img#endImg{
 margin-right: 0;
 }
 


 
/*-------------------------------------------------------------------
contents
--------------------------------------------------------------------*/

h2{
	width: 620px;
 height: 28px;
	margin: 10px 0 10px 0;
 font-size: 0px;
 }
 h2 img{
 	float: right;
  display: inline;
  margin: 3px 5px 0 0;
  }
h2#release{
 text-indent: -2000px;
	background: url(../images/index_h_release.gif) no-repeat;
 }
h2#seminar{
 text-indent: -2000px;
	background: url(../images/index_h_seminar.gif) no-repeat;
 }
h2#example{
 text-indent: -2000px;
	background: url(../images/index_h_example.gif) no-repeat;
 }
 
/*テーブル*/
table.news{
 width: 620px;
 border: none;
 line-height: 1.5;
 text-align: left;
 }
 table.news th{
 	width: 164px;
  vertical-align: top;
  font-weight: normal;
  padding-bottom:5px;
  }
 table.news th span{
  font-size:85%;
  margin-top:0;
  }
 table.news td{
  font-weight: normal;
  padding-bottom:7px;
  }

table.flagTable {
 width: 612px;
 margin:20px 0 20px 2px;
 border:1px solid #ccc;
 background:#f2f2f2;
}

table.flagTable td{
 padding:5px;
}


/*ssl*/
div#ssl{
	width: 95%;
 background: #f4f6f7;
 padding: 15px;
 margin-top: 10px;
 font-size: 90%;
 text-align: left;
 }
 img.sslFloat{
 	float: right;
  display: inline;
  margin: 10px 0 0 10px;
  }
  
/*ログイン*/
div#loginArea{
	width: 295px;
 margin-bottom: 10px;
 margin-right: 5px;
 text-align: left;
 }
 img.loginTab{
  float: left;
  display: inline;
  margin-right: 5px;sa
  vertical-align: bottom;
  >margin-bottom: 0;
  }
 table#loginBox{
 	width: 300px;
 	border: 5px solid #7c7c7c;
  clear: both;
  display: block;
  }

  table#loginBox td{
  	padding: 5px;
   }
  table#loginBox td.centering{
  	text-align: center;
   }
  table#loginBox img{
  	margin-bottom: 5px;
   }
span.blue{
	color: #06c;
 }

/*uptime*/
div#uptime{
	width: 100%;
 height: 60px;
	background: url(../images/index_uptime_bg.gif) no-repeat;
 padding: 0 0 0 10px;
 text-align: left;
 }
 div#uptime img.uptimeImg{
 	margin-bottom: 5px;
  }
 h3{
 	text-indent: -5000px;
  }
  
/*company*/
div#company{
	width: 288px;
 border: 1px solid #ccc;
 padding: 5px;
 margin-top: 10px;
 text-align: left;
 }
*html div#company{
 padding-right: 3px;
 }
 table#companyTable{
 	width: 280px;
  margin-left: 10px;
  text-align: left;
  }
  table#companyTable th{
   width: 110px;
   font-weight: normal;
   vertical-align: top;
   }