@charset "utf-8";
/* CSS Document */

/* ===============================================
#mainImageArea
=============================================== */
#mainImageArea{
  background:url(../img/bg_main.gif) center top repeat-x;
}
#mainImageInner{
  position:relative;
  font-size:0;
  line-height:0;
  background:url(../img/img_main.jpg) no-repeat;
  height:350px;
  width:960px;
  margin:0 auto;
}
#mainImageInner p{
  position:absolute;
}
#mainImageTxt1{
  left:-3px;
  top:60px
}
#mainImageTxt2{
  left:0;
  top:197px
}
#mainImageTxt3{
  left:-3px;
  top:259px
}

/* ===============================================
#contentArea
=============================================== */
#contentArea{
  padding-top:40px;
}


/* ===============================================
#serviceArea
=============================================== */

#serviceArea {
overflow:hidden;
}
#serviceArea ul{
  padding-top:6px;
  margin:0 -14px 0 0;
}
#serviceArea li{
  display:inline-block;
  border:solid 1px #cccccc;
  padding:1px;
  margin:14px 14px 0 0;
  float:left;
  box-sizing:border-box;
  -webkit-box-sizing:border-box;
  width:224px;
  letter-spacing:normal;
}
#serviceArea li:nth-child(1),
#serviceArea li:nth-child(2){
  width:343px;
}
#serviceArea li a{
  font-size:0;
  line-height:0;
  display:block;
}
#serviceArea li > p{
  padding:8px 10px 10px;
}

/* ===============================================
#topicsArea
=============================================== */
#topicsArea{
  margin:63px 0 20px;
}
#topicsArea h2{
  position:relative;
}
#topicsArea p{
  position:absolute;
  right:10px;
  top:11px;
}
#topicsBox{
  border:solid 1px #cccccc;
  height:398px;
  text-align:center;
}
#topicsBox iframe {
	display: inline-block;
}