/* CSS Document */
body{
  margin: 0px;
  padding: 0px;
  text-align: center;  
}
a {
  text-decoration: none;
}
#wrapper{
  width: 800px;
  background-color: #FFF;
  margin: 0px auto;
  padding: 0px;
  font-family:"ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
}
/*ヘッダー部分*/
#header{
  width: 800px;
  height: 125px;
  background-image: url(images/top_logo.gif);
  background-repeat: no-repeat;
  background-position: 10px 45px;
  text-align: left;
  margin: 0px;
  padding: 0px;
  font-size: 0.9em;
  border-bottom: 1px solid #CCC;
}
#banner {
  width: auto;
  height: 50px;
}
#ads_top {
  width: 310px;
  height: 70px;
  border: 1px solid #666;
  margin: 0;
  float: right;  
}
#ads {
  width: 310px;
  height: 50px;
  border: 1px solid #999;
  margin: 5px 0 0 0;
  float: right;
}
#headNavi {
   padding: 5px 0 0 0;
   text-align: center;
   clear: both;
}
#headNavi ul {
   line-height: 50px;
   list-style: none;
   padding: 0px;
   margin: 0px;   
}
#headNavi li {
   float: right;
   width: 100px;
   margin: 5px 0 0 1px;
   padding: 0 0 0 2px;
   vertical-align: bottom;
}
#headNavi li a{
   display: block; 
   border: 1px solid #999;
   font-size: 0.9em;
}
#headNavi li a:hover{
   border: 1px solid #990000;
}
/*FLASH部分*/
#visual{
  width: 800px;
  height: 300px;
  background-color: #CC9999;
  margin-top: 1px;
}
/*中央メニュー*/
#middleNavi {
   text-align: center;
   margin: 1px 0 0 0;
   padding: 0;
   background-color: #CCC;
   width: auto;
   height: 32px;
}
#middleNavi ul {
   line-height: 30px;
   list-style-type: none;
   padding: 0px;
   margin: 0px;   
}
#middleNavi li {
   float: left;
   width: 120px;
   margin: 0px;
   padding: 0px;
   border-right: 1px solid #FFF;
   font-size: 0.9em;
}
#middleNavi li a{
   display: block;
   color: #FFF; 
   border-bottom: 2px solid #CC9999;
   background-color: #999;
   font-size: 0.9em;
   font-weight: bold;
}
#middleNavi li a:hover{
   background-color: #333;
   border-bottom: 2px solid #990000;
}
/* コンテンツ部分 */
#content{
   width: 800px;
   margin: 1px 0 5px 0;
   clear: both;
   border-top: 1px solid #CCC;
}
#leftColumn{
  width: 180px;
  float: left;
  margin: 10px 0px 5px 0px;
  padding: 0px;
}
#centerColumn{
  width: 420px;
  height: 200px;
  float: left;
  margin: 10px 0px 5px 8px;
  padding: 0px;
  border: 1px solid #666;
}
#rightColumn{
  width: 180px;
  height: 200px;
  float: right;
  margin: 10px 0px 5px 0px;
  padding: 0px;
  border: 1px solid #666;
}

/* フッター部分 */
#footer{
  width: 800px;
  height: 50px;
  clear: both;
  border-top: 1px solid #000;
}
address{
  margin: 0px;
  padding: 5px 0px 0px 0px;
  color: #666;
  font-style: normal;
  font-size: 0.8em;
}
h1{
  font-size: 1.0em;
  letter-spacing: 0.05em;
  color: #333;
  font-weight: normal;
  padding: 20px 0px 0px 15px;
  margin: 0px;
}
#info h4{
  color: #990000;
  padding: 0px;
  font-size: 1em;
  font-weight: normal;
  text-align: center;
  margin: 10px 0px 10px 0px;
}
table{
 width: 420px;
 margin: 0px;
}
table.w-500{
 width: 500px;
 margin-top: 20px;
 text-align: left;
 font-size: 0.9em;
 letter-spacing: 0.05em;
}
table.w-550{
 width: 550px;
 margin-top: 10px;
 text-align: left;
 letter-spacing: 0.05em;
}
td.whats_new {
 background-image: url(images/whatsnewBack.gif);
 background-repeat: no-repeat;
 text-align: left;
 color: #FFF;
 font-weight: bold;
 padding: 2px;
}
td.left{
 width: 20%;
 text-align: right;
 font-size: 0.8em;
 padding: 2px;
}
td.center{
 width: 70%;
 text-align: left;
 font-size: 0.8em;
 padding: 2px;
}
td.right{
 width: 10%;
 text-align: left;
 font-size: 0.8em;
 padding: 2px;
}
input:focus,checkbox:focus,select:focus{
 background-color: #99CCFF;
}
span{
 margin: 0;
 font-size: 0.75em;
}
span.post{
 font-size: 0.9em;
 vertical-align: middle;
 margin: 0;
 padding: 0;
} 
span.add{
 font-size: 0.8em;
 color: #990033;
 padding: 3px 0px 0px 0px;
}
span.nyu{
 font-size: 0.75em;
 margin: 0px 0px 0px 5px;
}
#right{
 text-align: center;
}
#infoCoTable {
  width: 85%;
}
td.company {
  text-align: left;
  vertical-align: top;
  color: #333;
  padding: 5px;
}
#companyInfo {
  font-size: 0.9em;
}
#infoComapany {
  text-align: left;
  margin-left: 0px;
}
#leftMenu {
  width: 198px;
  float: left;
  margin: 5px 0 5px 0;
  border: 1px solid #666;
  font-size: 0.9em;
  color: #333;
}
#leftMenuPics {
  width: 200px;
  float: left;
  margin-top: 5px;
}
#leftMenu ul {
  margin: 5px 0 5px 15px;
  padding: 5px 0 5px 10px;
  text-align: left;
}
#leftMenu li {
  margin: 2px 0 2px 0;
  padding: 0;
  list-style-image: url(images/list.gif);
  line-height: 1.5em;
}
#leftMenu li a{
  color: #333;
}
#leftMenu li a:hover{
  color: #990000;
  text-decoration: underline;
}
#rightMenu {
  width: 580px;
  float: right;
  text-align: left;
  letter-spacing: 0.01em;
  color: #333;
}
#rightMenu h4 {
  margin: 15px 0 10px 0;
  text-align: center;
}
#rightMenu h5 {
  margin: 20px 0 5px 0;
}
#rightMenu p {
  font-size: 0.9em;
  margin: 0 10px 0 20px;
  color: #333;
  letter-spacing: 0.05em;
  line-height: 1.5em;
}
ol.work {
  margin-left: 10px;
}
ol.flash {
  padding-right: 10px;
}
#rightMenu dl {
  margin: 10px 0 0 10px;
  font-size: 0.9em;
}
#rightMenu dt {
  margin: 15px 0 5px 10px;
  font-size: 0.9em;
}
#rightMenu dd {
  line-height: 1.5em;
  font-size: 0.9em;
}
#rightMenu ul {
  margin: 5px 0 10px 25px;
  padding: 5px 0 5px 5px;
  text-align: left;
  letter-spacing: 0.05em;
}
#rightMenu li {
  margin: 3px 0 3px 0;
}
.back {
   text-align: right;
   width: auto;
   padding-right: 20px;
   margin: 10px 0 10px 0;
}
#contact {
   width: 500px;
   float: right;
}
td.mailform {
   vertical-align: top;
   padding-top: 5px;
   text-align: right;
   width: 25%;
}
.mailsub {
   background-color: #EEE;
   margin: 5px;
   padding: 4px 5px 2px 5px;
}
#rightMenu td {
   font-size: 0.8em;
}
td.tdLeft {
   background-color: #990000;
   color: #FFF;
   text-align: center;
   vertical-align: middle;
   padding: 6px 0 3px 0;
}
td.tdCenter {
   background-color: #990000;
   color: #FFF;
   text-align: center;
   vertical-align: middle;
   padding: 6px 0 3px 0;
   width: 125px;
}
td.tdCenCenter {
   background-color: #CC9999;
   text-align: center;
   color: #FFF;
   padding: 6px 0 3px 0;
   width: 95px;
}
td.tdRight {
   background-color: #990000;
   color: #FFF;
   text-align: center;
   vertical-align: middle;
   padding: 6px 5px 3px 0;
}
td.tdLeTime {
   text-align: right;
   background-color: #CCC;
   color: #333;
   padding: 6px 5px 3px 0;
   width: 125px;
}
td.tdCont {
   text-align: right;
   background-color: #EEE;
   padding: 6px 5px 3px 0;
}
td.tdCont1 {
   text-align: right;
   background-color: #EEE;
   padding: 6px 5px 3px 0;
   width: 125px;
}