@charset   "UTF-8";
/*----------------------------------------------------
	common
------------------------------------------------------*/

body{
  font-family: 'Hiragino Kaku Gothic Pro', 'ヒラギノ角ゴ Pro W3', 'ＭＳ Ｐゴシック', sans-serif;
  font-size : 15px;
  margin: 0;
  padding: 0;
  line-height: 1.3;
  background: url(img/bg.png) repeat-x;
  background-color: #F0F0F0;
  /background-color: #EFEFEF;
  text-align: center;
}

/* huck ie */

head~/* */body{
  background-color: #EFEFEF;
}

/* huck ff */

html:not(:target) body{
  background-color: #F0F0F0;
}

a:link{
  color: #3D64EB;
  text-decoration: none;
}
a:visited{
  color: #A25BE8;
  text-decoration: none;
}
a:hover{
  color: #E03636;
  text-decoration: underline;
}

.clear{
  clear: both;
}

p{
  margin: 0;
  padding: 0;
}

.clearfix{
    display:inline-block;
    min-height:1%;  /* for IE 7*/
    /*overflow: hidden;*/
}

.clearfix:after{
    content:".";
    display:block;
    height:0;
    clear:both;
    visibility:hidden;
}

/* Hides from IE-mac */
* html .clearfix { height: 1%; }
.clearfix { display: block; }
/* End hide from IE-mac */

/*----------------------------------------------------
	warapper
------------------------------------------------------*/

#wrapper{
}


/*----------------------------------------------------
	container
------------------------------------------------------*/

#container{
  margin:0 auto;
  width: 840px;
  background: #F0F0F0 url(img/wbg.jpg) no-repeat;
}

/*----------------------------------------------------
	primary
------------------------------------------------------*/

#primary{
  width:  210px;
  float: left;
  display: inline;
  margin-left: 20px;
  text-align: left;
}

#title{
  width: 210px;
  height: 205px;
}

#primary #title:hover{
  background: url(img/title.png) no-repeat;
  width: 210px;
  height: 185px;
  padding-top: 20px;
}

#infomation{
  width: 210px;
  margin-top: 80px;
}

#infomation h1{
  margin: 0;
  padding: 0 0 0 15px;
  height: 30px;
  font-size: 22px;
  background: url(img/infoh1.png) no-repeat;
  color: #fff;
}

#infomation ul{
  margin: 5px 0 15px 20px;
  padding: 0;  
}

/*----------------------------------------------------
	secondary
------------------------------------------------------*/

#secondary{
  width:  560px;
  float: right;
  display: inline;
  margin-right: 34px;
  text-align: left;
}

#secondary h1{
  margin: 0;
  padding: 4px 0 0 20px;
  background: url(img/emlh1.png) no-repeat;
  width:270px;
  height: 40px;
  font-size: 18px;
  color: #fff;
}

#secondary ul{
  margin: 0 10px 30px 25px;
  padding: 0; 
}

#secondary li{
  margin-bottom: 3px;
}

#summary{
  margin-top: 20px;
  margin-bottom: 10px;
}

#element1{
  float: left;
  width: 270px;
}

#element2{
  float: right;
  width: 270px;
}

/*----------------------------------------------------
	fooder
------------------------------------------------------*/

#fooder{
 width: 100%;
 background: #000;
 border-top: #FFFFFF solid 2px;
 padding: 10px 0;
}

#inner_f{
  width: 840px;
  margin: 0 auto;
  text-align: center;
}

.fooder_common{
  width:270px;
  float: left;
  display: inline;
  margin: 0 5px;
  background: #FFFFFF;  
  text-align: left;
}

#primary_f{
}

#secondary_f{
}

#tertiary_f{
}

#fooder address{
  margin-top: 15px;
  font-style: normal;
  color: #FFFFFF;
}

/*----------------------------------------------------
	sub page
------------------------------------------------------*/

#container_s{
  margin: 0 auto;
  width: 700px;
  background: url(img/smain.png) repeat-y;
}

#sheader{
  background: url(img/sheader.jpg) no-repeat; 
  height: 200px;
  
  text-align: left;
}

#stitle{
  width: 210px;
  height: 185px;
  margin-left: 20px;
}

#sheader #stitle:hover{
  background: url(img/stitle.png) no-repeat;
  width: 210px;
  height: 195px;
  padding-top: 10px;
}

#pan{
  background: #D1E399;
  padding: 0 5px;
}

#smain{
  width: 580px;
  margin: 0 auto;
  text-align: left;
  line-height : 1.5;
}

#smain p{
  margin-bottom: 15px;
  margin-left : 3px;
  margin-right : 2px;
}

#smain h1{
  font-size: 20px;
  background: url(img/sh1.png) no-repeat;
  padding-left: 35px;
  line-height: 1.6;
}

#nav{
  text-align: right;
}