@charset "utf-8";

/* =======================================

 Home CSS

 -----------------------------------------
 INDEX
 -----------------------------------------
  

========================================== */

body#home #contents {
  float: left;
  width: 675px;
}

body#home #localnavi {
  float: right;
  width: 219px;
}


/* Main Visual
========================================== */
body#home #mainVisual {
  margin: 0 auto 46px;
  width: 905px;
}

body#home #mainVisual p.lead {
  margin: 0 0 13px 45px;
}

body#home #mainVisual .image {
}



/* Top Information
========================================== */
body#home #contents #topInformation {
float:left;
}
* html body#home #contents #topInformation { height: 493px;}

  /* Navi
  ---------------------------------------- */
  body#home #contents #topInformation ul.navi {
    position: relative;
    margin: 0 -1px 0 -4px;
	padding: 0;
    width: 659px;
    background: url(/english/images/topInformation_bg_01.png) no-repeat 3px 0;
  }
  body#home #contents #topInformation ul.navi:after { /* for Modern Browser */
    content: "."; display: block; clear: both; height: 0; visibility: hidden; font-size: 0;
  }
  
  body#home #contents #topInformation ul.navi li {
	list-style: inside none;
    float: left;
    display: inline;
    margin: 0 0 0 3px;
	padding: 0;
    width: 162px;
  }
  body#home #contents #topInformation ul.navi li.item04 { margin-left: 2px;}
  
  body#home #contents #topInformation ul.navi li a {
    display: block;
  }
  
  body#home #contents #topInformation ul.navi li a:hover {
    background: transparent;
  }
  
  body#home #contents #topInformation ul.navi li a:hover img,
  body#home #contents #topInformation ul.navi li a.active img {
    visibility: hidden;
  }
  
  /* Section
  ---------------------------------------- */
  body#home #contents #topInformation .section {
    margin: 30px 23px 20px;
  }
  
  body#home #contents #topInformation .section dl {
    margin: 0 0 7px;
    min-height: 382px;
  }
  * html body#home #contents #topInformation .section dl {
    height: 382px;
  }
  
  body#home #contents #topInformation .section dl dt {
    position: absolute;
    margin: 0;
    padding: 0;
  }
  
  body#home #contents #topInformation .section dl dd {
    margin: 0;
    padding: 0 0 13px 88px;
  }
  body#home #contents #topInformation .section p.listPageLink {
    margin: 0;
    padding: 0;
    text-align: right;
  }
  body#home #contents #topInformation .section p.listPageLink a {
    margin: 0;
    padding: 0;
    background: none;
  }
  #contents .informationBox {
  float:left;
  border:1px solid #dcdcdc;
  margin-right:10px;
  width:332px;
  }
  #contents .informationBox tr {
  width:310px;
  }
  #contents .informationBox tr.headline {
  background:#e8ecf2;
  padding:7px;
  display:block;
  float:left;
  width:316px;
  border-bottom:1px solid #dcdcdc;
  margin-bottom:20px;
  }
  #contents .informationBox tr.headline th {
  margin:0px 0px 0px 7px;
  padding:2px 0px 0px 0px;
  color:#f39800;
  font-weight:bold;
  float:left;
  vertical-align:middle;
  font-size:1.4em;
  }
  #contents .informationBox tr.headline td {
  float:right;
  background:none;
  }
  #contents .informationBox tr.headline td a{
  background:#f39800;
  color:#FFF;
  text-decoration:none;
  padding:2px 12px;
  display:block;
  }
  #contents .informationBox tr.headline td a:hover{
  text-decoration:underline;
  }
  #contents .informationBox tr {
  padding:0px 10px 15px 10px;
  float:left;
  }
  #contents .informationBox tr td {
  background:url(../../images/common/ico_orange.gif) no-repeat left 3px;
  vertical-align:top;
  padding-left:20px;
  }
  #contents #informationEvent {
  float:left;
  margin:0px;
  }
  #contents #informationEvent.informationBox tr.headline th {
  color:#4489c9;
  }
  #contents #informationEvent.informationBox tr.headline td a{
  background:#4489c9;
  }
  #contents #informationEvent.informationBox tr td {
  background:none;
  vertical-align:top;
  padding-left:0px;
  }
  #contents #informationEvent.informationBox tr td img {
  vertical-align:middle;
  }
  #contents #informationEvent.informationBox tr td span {
  }
