@charset "utf-8";
@import url(cmn.css);
@import url(base.css);

/*-------------------------------------------------------------------------
▼header
-------------------------------------------------------------------------*/
#head_box {
  height:780px;
  background:url(../images/index_images/index_back.jpg) 50% 0;
}

#head_in {
  width:1200px;
  height:774px;
  margin:0 auto;
  background:url(../images/index_images/main_image_back.png) 100% 107px no-repeat;
}

#head_info {
  width:980px;
  height:97px;
  padding-top:10px;
  margin:0 auto;
  overflow:hidden;
}

#head_info h1 {
  font-size:10px;
  font-weight:normal;
  color:#FFF;
  margin-bottom:3px;
}

/*-------------------------------------------------------------------------
▼header
-------------------------------------------------------------------------*/
#catch {
  width:980px;
  height:277px;
  margin:0 auto;
  overflow:hidden;
}

/*-------------------------------------------------------------------------
▼header
-------------------------------------------------------------------------*/
#head_nav {
  width:1200px;
  height:380px;
  margin:0 auto;
  overflow:hidden;
}

#head_nav ul { }

#head_nav li {
  float:left;
  display:block;
  position:relative;
}

#head_nav li a:hover img {
  filter:alpha(opacity=90);
  -moz-opacity: 0.9;
  opacity: 0.9;
}

#head_btn01 {
  top:62px;
  left:22px;
}

#head_btn02 {
  top:183px;
  left:212px;
}

#head_btn03 {
  top:0px;
  left:230px;
}

#head_btn04 {
  top:154px;
  left:780px;
}

#head_btn05 {
  top:92px;
  left:980px;
}

#head_nav li a {
  display:block;
  position: absolute;
  top:0;
  left:0;
}

#nav_box { background:url(../images/cmn_images/nav_back.gif) 0 0; }

/*-------------------------------------------------------------------------
▼contents
-------------------------------------------------------------------------*/
#bn_box { overflow:hidden; }

#bn_box a:hover img {
  filter:alpha(opacity=80);
  -moz-opacity: 0.8;
  opacity: 0.8;
}

#recommend {
  width:470px;
  float:left;
}

#news {
  width:470px;
  float:right;
}

.tiles {
  padding:20px;
  margin-bottom:20px;
  border-left:1px solid #7c7c7c;
  border-right:1px solid #7c7c7c;
  border-bottom:1px solid #7c7c7c;
}

.tiles li {
  padding:5px 0 5px 20px;
  background:url(../images/index_images/box_icon.gif) 0 50% no-repeat;
}

#area_box {
  clear:both;
  height:164px;
  padding:85px 0 0 30px;
  margin-bottom:5px;
  overflow:hidden;
  background:url(../images/index_images/area_back.jpg) 0 0 no-repeat;
}

.area01 {
  font-weight:bold;
  margin-bottom:15px;
  font-size:14px;
}

.area01 span {
  color:#ffffff;
  background-color:#3198ee;
  padding:3px;
  margin-right:10px;
}

.sche_memo { text-align:right; }

.sche01 {
  font-weight:bold;
  color:#668cd9;
}

.sche02 {
  font-weight:bold;
  color:#f2a640;
}

.sche03 {
  font-weight:bold;
  color:#d96666;
}