@charset "utf-8";

@import url(reset.css);
@import url(base.css);
@import url(common.css);


/* fir
--------------------------------------------------------------------*/
#main .fir{
  margin: 0 0 24px 0;
  background:url(../img/index_fir_img01.jpg) left top no-repeat;
}

#main .inner{
  background:url(../img/index_fir_img02.jpg) left bottom no-repeat;
  /*min-height: 200px;*/
  text-align: center;
  padding: 30px 0;
}

#main .inner p.text{
  font-size:1.3em;
  line-height:1.2;
  text-align:center;
  font-weight:bold;
  padding-top:27px;
}

#main .inner p.text a{
  color:#5453F7;
  text-decoration:underline;
}

#main .inner p.text a:hover{
  color:#5453F7;
  text-decoration:none;
}

#main .inner p.img{
  text-align:center;
  padding: 3px 0 24px;
}

#content h2{
  margin-bottom:26px;
}


/* same
--------------------------------------------------------------------*/
#content .same{
  position:relative;
  width:670px;
  height:300px;
  margin-bottom:10px;
}

#content .same p.bg{
  position:absolute;
  top:0;
  left: 0;
}

#content .same p.link{
  position:absolute;
  bottom:19px;
  right:18px;
}

#content .same p.link a{
 display: block;
 width: 226px;
 z-index: 999;
}

#content .same p#b01 a{
 background: url(../img/inde_link01_on.jpg) left center no-repeat;
}

#content .same p#b02 a{
 background: url(../img/inde_link02_o.jpg) left center no-repeat;
}

#content .same p#b03 a{
 background: url(../img/inde_link03_o.jpg) left center no-repeat;
}

#content .same p.link a:hover {
 background-color: #fff;
}

#content .same p.link a:hover img {
    visibility: hidden;
}


/* box
--------------------------------------------------------------------*/
#content .box{
  overflow:hidden;
  zoom:1;
  clear:both;
  margin-bottom:60px;
}

#content .item{
  float:left;
  width:198px;
  margin-right: 12px;
  padding: 21px 0 24px 18px;
  background:url(../img/index_dlbg.jpg) left top no-repeat;
}

#content .item.spa{
  margin-right:0;
}

#content .item dl dt{
  font-family:"メイリオ";
  line-height:1.5;
  font-size:1.1em;
  padding: 6px 15px 12px 4px;
}

#content .item dl dt.spa{
  padding: 6px 15px 32px 4px;
}

#content .item dl dd a{
 display: block;
 width: 182px;
}

#content .item dl dd#a01 a{
 background: url(../img/index_link04_on.jpg) left center no-repeat;
}

#content .item dl dd#a02 a{
 background: url(../img/index_link05_on.jpg) left center no-repeat;
}

#content .item dl dd#a03 a{
 background: url(../img/index_link06_on.jpg) left center no-repeat;
}

#content .item dl dd a:hover {
 background-color: #fff;
}

#content .item dl dd a:hover img {
    visibility: hidden;
}


/* end
--------------------------------------------------------------------*/
#content .end{
  overflow:hidden;
  zoom:1;
  clear:both;
}

#content .end dl{
  float:left;
  width:212px;
  margin-right:18px;
}

#content .end dl.clean{
  margin-right:0;
}

#content .end dl dt{
  font-family:"メイリオ";
  line-height:1.5;
  font-size:1.1em;
  padding: 4px 0 0 2px;
}

#content .end dl dt a{
  color:#333;
  text-decoration:underline;
}

#content .end dl dt a:hover{
  color:#333;
  text-decoration:none;
}