body#TopPage {
  background:#fff url("/img/css/TopPage_bg.png") no-repeat center top;
  }
/*
上下左右センタリング。
手法：要素の左上端を画面の中央に配置し、
指定した幅と高さにパディングを含めた値の半分を
ネガティブマージンに指定することで実現している。
http://www.css-lecture.com/log/css/032.html
*/
div#centering {
  width: 810px;
  height: 560px;
  position: absolute;
  top: 50%;
  left: 50%;
  margin: -280px 0 0 -405px;
  padding: 0;/*20px;*/
/*  border:1px solid green;*/
  overflow:visible;
}
#TPwrap {
  margin:0;
  padding:0;
  width:100%;
  height:100%;
  position:relative;
  text-align:left;
  background:url("/img/css/SimpleTopPageTr.png") no-repeat 0 0;
  }
/* IE6用 ------------------------------------------------ */
* html #TPwrap {
  background:none;
  margin:0;
  padding:0;
  width:810px;
  height:560px;
  position:relative;
  text-align:left;
  background:url("/img/css/SimpleTopPage.png") no-repeat 0 0;
/*  filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/topimg/SimpleTopPageTr.png' ,sizingmethod=image);*/
}

/* Common 
----------------------------------------------- */
a img { border:none; }

/* What's New 
----------------------------------------------- */
#WhatsNewBox {
  margin:0;
  padding:0;
  position:absolute;
  top:395px;
  left:386px;
  width:342px;
  height:80px;
  overflow:hidden;
/*  border:1px solid green;*/
  }
#WhatsNewBox dl, #WhatsNewBox dt, #WhatsNewBox dd {
  margin-top:0;
  } 
#WhatsNewBox dt, #WhatsNewBox dd {
  font-size:12px;
  line-height:1.5em;
  color:#333;
  }
#WhatsNewBox a, #WhatsNewBox a:visited {
  color:#27b0a9;
  }
#WhatsNewBox a:hover, #WhatsNewBox a:visited:hover {
  color:#f38272;
  }
#WhatsNewBox h2 {
  display:none;
  }
#DCTH {
  display:none;
  }

#WhatsNewBox #earthquake {
  padding:0 5px;
  font-size:13px;
  line-height:1.4em;
  }
#WhatsNewBox div.cntr {
  text-align:center;
  }

#WhatsNewBox ul { margin:0; padding:8px 0 0 25px;}
#WhatsNewBox li { font-size:15px; line-height:1.4em; font-family:Tahoma; }
#WhatsNewBox li a { color:brown; text-decoration:none; }
#WhatsNewBox li span { font-size:10px; }


/* Top page, to Shopping Cart 
----------------------------------------------- */
#toShoppingCartBox {
  margin:0;
  padding:0;
  position:absolute;
  top:200px;
  left:595px;
  }
#toShoppingCartBox a {
  display:block;
  width:95px;
  height:72px;
/*  border:1px solid green;*/
  background:none;
  text-indent:-5000px;
  }
#toShoppingCartBox a:hover, #toShoppingCartBox a:visited:hover {
  background:url("/img/css/shopping_cart_t_hover.png") no-repeat 0 0;
  }

/* Top page, to Recruit 
----------------------------------------------- */
#toRecruit {
  margin:0;
  padding:0;
  position:absolute;
  top:330px;
  left:585px;
  }
#toRecruit a {
  display:block;
  width:100px;
  height:25px;
/*  border:1px solid green;*/
  background:none;
  text-indent:-5000px;
  }
#toRecruit a:hover, #toRecruit a:visited:hover {
  background:url("/img/css/to_recruit_hover.png") no-repeat 0 0;
  }

/* Top page, to Facebook 
----------------------------------------------- */
#toFacebook {
  margin:0;
  padding:0;
  position:absolute;
  top:10px;
  left:462px;
  }
#toFacebook a {
  display:block;
  width:210px;
  height:69px;
/*  border:1px solid green;*/
  background:none;
  text-indent:-5000px;
  }
#toFacebook a:hover, #toFacebook a:visited:hover {
  background:url("/img/css/to_Facebook_hover.png") no-repeat 0 0;
  }

#fb-btn {
  margin:0;
  padding:0;
  position:absolute;
  top:510px;
  left:20px;
  }


/* TP-ul 
----------------------------------------------- */
#TPnaviBox {
  padding:0;
  width:280px;
  position:absolute;
  left:94px;
  top:107px;
  background:none;
  }
/* UL */
#TP-ul {
  margin:0;
  height:374px;
  position:relative;
/*  border:1px solid red;*/
  }
/* LI */
#TP-ul li {
  padding:0;
  list-style:none;
  position:absolute;
  top:0;
  }
#TP-ul li, #TP-ul a {
  background:none;
  display:block;
  text-indent:-5000px;
  text-decoration:none;
  }

#TP-ul li a { height:33px; width:272px; }

#TP-ul #TPnavi-about, #TP-ul #TPnavi-cm, #TP-ul #TPnavi-imp, #TP-ul #TPnavi-arc, #TP-ul #TPnavi-ins, #TP-ul #TPnavi-f35, #TP-ul #TPnavi-con, #TP-ul #TPnavi-alb, #TP-ul #TPnavi-shop, #TP-ul #TPnavi-prv, #TP-ul #TPnavi-aoz, #TP-ul #TPnavi-reno {
  background:url("/img/css/forTrans.gif") no-repeat 0 0;
  }

#TP-ul #TPnavi-about a:hover, #TP-ul #TPnavi-cm a:hover, #TP-ul #TPnavi-imp a:hover, #TP-ul #TPnavi-arc a:hover, #TP-ul #TPnavi-ins a:hover, #TP-ul #TPnavi-f35 a:hover, #TP-ul #TPnavi-con a:hover, #TP-ul #TPnavi-alb a:hover, #TP-ul #TPnavi-shop a:hover, #TP-ul #TPnavi-about a:visited:hover, #TP-ul #TPnavi-cm a:visited:hover, #TP-ul #TPnavi-imp a:visited:hover, #TP-ul #TPnavi-arc a:visited:hover, #TP-ul #TPnavi-ins a:visited:hover, #TP-ul #TPnavi-f35 a:visited:hover, #TP-ul #TPnavi-con a:visited:hover, #TP-ul #TPnavi-alb a:visited:hover, #TP-ul #TPnavi-shop a:visited:hover, #TP-ul #TPnavi-prv a:hover,  #TP-ul #TPnavi-prv a:visited:hover, #TP-ul #TPnavi-aoz a:hover, #TP-ul #TPnavi-aoz a:visited:hover, #TP-ul #TPnavi-reno a:hover, #TP-ul #TPnavi-reno a:visited:hover {
  background-image:url("/img/css/forHover.gif");
  background-repeat:no-repeat;
  }

#TP-ul #TPnavi-about { left:0px; top:0px; }
#TP-ul #TPnavi-cm { left:0px; top:34px; }
#TP-ul #TPnavi-arc { left:0px; top:68px; }
#TP-ul #TPnavi-aoz { left:0px; top:102px; }
#TP-ul #TPnavi-reno { left:0px; top:136px; }
#TP-ul #TPnavi-imp { left:0px; top:170px; }
#TP-ul #TPnavi-ins { left:0px; top:204px; }
#TP-ul #TPnavi-f35 { left:0px; top:238px; }
#TP-ul #TPnavi-alb { left:0px; top:272px; }
#TP-ul #TPnavi-prv { left:0px; top:306px; }
#TP-ul #TPnavi-con { left:0px; top:340px; }

/* Play for Japan 
----------------------------------------------- */
#playforjapan {
  position:absolute;
  top:505px;
  left:560px;
  height:55px;
  }