@charset "utf-8";
/* ---------------------------------- */
/* top.css                            */
/* ---------------------------------- */
/*
 *  TABLE OF CONTENTS
 *
 *  @WRAP
    *  @CONTENTS
 *
 */

/* =================================
   @WRAP
================================= */
/*
#wrap {
	background: url(../images/home/main.jpg) no-repeat center top;
}
*/


/* =================================
   @CONTENTS
================================= */
#contents {
   /*
	margin-top: 473px;
   */
   margin-top: 30px;

}

/* =================================
   H2
================================= */

#contents h2 {
	display:block;
}

/* TOP-NAVIGATION
================= */

.topNavi {
  cleat:both;
  overflow: hidden;
  margin: 0 auto 25px auto;
}

.topNavi li {
  float: left;
  margin:0 6px;
}


/* INFORMATION
================= */
.information {
  float: left;
  overflow: hidden;
  width: 630px;
	height: 220px;
  background: url(../images/home/bg_information.png) no-repeat center bottom;
  margin:0 0 15px 0;
}

dl.tbl {
	margin: 0 0 0 15px;
	height: auto;
}

dl.tbl dt {
	clear:left;
	float:left;
	width: 150px;
	margin-bottom: 5px;
	color: #f57400;
}

dl.tbl dd {
	margin-left : 150px;
	margin-bottom: 5px;
}


.content{
	margin-right:5px;
	overflow: auto;
	position: relative;
	height: 160px;
	-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;
}

/* BANNER-AREA
================= */
.bannerArea {
  overflow: hidden;
  float: right;
  width: 310px;
  height:220px;
  background: url(../images/home/bg_bannerArea.png) no-repeat  center bottom;
}

.bannerArea ul{
	background: url(../images/home/hed_bannerArea.png) no-repeat left top;
	padding: 10px 0 2px 0;
}

.bannerArea ul li{
	margin: 0 0 2px 10px;
}


/* =================================
   main visual
================================= */
.topMainVisual{
   margin-top: -10px;
   position: relative;
   z-index: 1;
   background: url(../images/home/slide_bg.jpg) repeat center bottom;
   height: 442px;
   overflow: hidden;
}
.topMainVisual::after{
   content:"";
   position: absolute;
   background: red;
   height: 10px;
   width: 100%;
   bottom: 0;
   left:0;
   z-index: 10;
   background: url(../images/home/frame_b.png) repeat-x center bottom;
}
.topMainVisualInner{
   width: 940px;
   margin: auto;
   height: 100%;
   z-index: 2;
   position: relative;
}
.topMainVisualInner::before{
   content:"";
   height:100%;
   width: 116px;
   position: absolute;
   top: 0;
   left: -56px;
   z-index: 9;
   background: url(../images/home/frame_l.png) no-repeat 0 0;
}
.topMainVisualInner::after{
   content:"";
   height:100%;
   width: 116px;
   position: absolute;
   top: 0;
   right: -56px;
   z-index: 9;
   background: url(../images/home/frame_r.png) no-repeat 0 0;
}
.topMainVisualPics{
   position: relative;
}
.topMainVisualPicsItem{
   position: absolute;
   top: 0;
   left: 0;
   z-index: 6;
   display: none;
}
.topMainVisualPicsItem:first-child{
   display: block;
}
.topMainVisualPicsItem.is-active{
   z-index: 7;
}
.topMainVisualPicsItem img{
   width: 100%;
   height: auto;
}
.topMainVisualCopy{
   width: 766px;
   height: 56px;
   position: absolute;
   bottom :18px;
   left:90px;
   z-index: 8;
}
.topMainVisualCopy img{
   width: 100%;
   height: auto;
}