@charset "utf-8";

/* 
===  top.css  ===
*/
.flbox {
	clear: both;
	overflow: hidden;
	background-image: url(../../img/top/cata_bg.gif);
	padding-bottom: 10px;
	width: 680px;
	margin-top: 10px;
}
.flbox_l {
	float: left;
	font-size: 13px;
	margin-top: 10px;
	margin-left: 10px;
	overflow: auto;
	text-indent: -99999px;
}
.flbox_l a {
	background-image: url(../../img/top/eden_a.jpg);
	background-repeat: no-repeat;
	width: 240px;
	height: 200px;
	display: block;
}
.flbox_l a:hover {
	background-image: url(../../img/top/eden_h.jpg);
	background-repeat: no-repeat;
	width: 240px;
	height: 200px;
	display: block;
}
.flbox_s {
	float: left;
	font-size: 13px;
	margin-top: 10px;
	margin-left: 10px;
	overflow: auto;
	text-indent: -99999px;
}
.flbox_s a {
	background-image: url(../../img/top/nanon_a.jpg);
	background-repeat: no-repeat;
	width: 240px;
	height: 200px;
	display: block;
}
.flbox_s a:hover {
	background-image: url(../../img/top/nanon_h.jpg);
	background-repeat: no-repeat;
	width: 240px;
	height: 200px;
	display: block;
}

.flbox_r {
	float: left;
	font-size: 13px;
	margin-top: 10px;
	margin-left: 10px;
	overflow: auto;
}
.flbox_r .topco {
	text-indent: -99999px;
}
.flbox_r .topco a{
	background-image: url(../../img/top/co_a.jpg);
	background-repeat: no-repeat;
	width: 155px;
	height: 95px;
	display: block;
}

.flbox_r .topco a:hover{
	background-image: url(../../img/top/co_h.jpg);
	background-repeat: no-repeat;
	width: 155px;
	height: 95px;
	display: block;
}


.flbox_r .topsc {
	text-indent: -99999px;
	margin-top: 10px;
}
.flbox_r .topsc a{
	background-image: url(../../img/top/sp_a.jpg);
	background-repeat: no-repeat;
	width: 155px;
	height: 95px;
	display: block;
}

.flbox_r .topsc a:hover{
	background-image: url(../../img/top/sp_h.jpg);
	background-repeat: no-repeat;
	width: 155px;
	height: 95px;
	display: block;
}

#top_wrapper {
	background: url(../../img/top/top_bg.jpg) repeat-x;
	clear: both;
	overflow: hidden;
	width: auto;
	margin-bottom: 30px;
}
#topbox {
	width: 960px;
	height: 315px;
	margin: 0px auto;
	background-image: url(../../img/top/topheader.jpg);
	background-repeat: no-repeat;
}


#topix {
	float: left;
}

#topix {
	margin-left: 10px;
}


/*-- SlidesJS Required: --*/

#top-slide {
	margin: 0 auto;
}
.container {
	clear: both;
	overflow: hidden;
	width: auto;
}



#slides {
	width: 940px;
	margin-top: 10px;
	margin-left: 10px;
	display: none;
}
    a.slidesjs-next,
    a.slidesjs-previous,
    a.slidesjs-play,
    a.slidesjs-stop {
      background-image: url(../../img/top/btns-next-prev.png);
      background-repeat: no-repeat;
      display:block;
      width:12px;
      height:18px;
      overflow: hidden;
      text-indent: -9999px;
      float: left;
      margin-right:5px;
	  margin-top: 20px;
    }

    a.slidesjs-next {
      margin-right:10px;
      background-position: -12px 0;
    }

    a:hover.slidesjs-next {
      background-position: -12px -18px;
    }

    a.slidesjs-previous {
      background-position: 0 0;
    }

    a:hover.slidesjs-previous {
      background-position: 0 -18px;
    }

    a.slidesjs-play {
      width:15px;
      background-position: -25px 0;
    }

    a:hover.slidesjs-play {
      background-position: -25px -18px;
    }

    a.slidesjs-stop {
      width:18px;
      background-position: -41px 0;
    }

    a:hover.slidesjs-stop {
      background-position: -41px -18px;
    }

    .slidesjs-pagination {
      margin: 6px 0 20px;
      float: right;
      list-style: none;
    }

    .slidesjs-pagination li {
      float: left;
    }
    .slidesjs-pagination li a {
      display: block;
      width: 12px;
      height: 13px;
      background-image: url(../../img/top/pagination.png);
      background-position: 0 0;
      overflow: hidden;
	  text-indent: -99999px;
	  margin-top: 10px;
	  float: right;
    }

    .slidesjs-pagination li a.active,
    .slidesjs-pagination li a:hover.active {
      background-position: 0 -13px;
    }

    .slidesjs-pagination li a:hover {
      background-position: 0 -26px;
    }

    #slides a:link,
    #slides a:visited {
      color: #333;
    }

    #slides a:hover,
    #slides a:active {
      color: #9e2020;
    }

    .navbar {
      overflow: hidden;
    }
  </style>
/*-- End SlidesJS Optional--*/

/*-- SlidesJS Required: These styles are required if you'd like a responsive slideshow --*/
.top_downbox {
	clear: both;
	overflow: hidden;
	margin: 0 auto;
	width: 960px;
}

.topmenu {
	clear: both;
	overflow: hidden;
	display: block;
	width: 960px;
}


#top_content {
	float: left;
	width: 680px;
	margin-top: 10px;
}
#top_content .tit {
	text-indent: -99999px;
}

#top_content .tit a{
	display: block;
	background-image: url(../../img/top/topcn_tit_a.gif);
	width: 680px;
	height: 40px;
}
#top_content .tit a:hover {
	background-image: url(../../img/top/topcn_tit_h.gif);
	width: 680px;
	height: 40px;
}

#top_sidemenu {
	float: left;
	width: 260px;
	margin-left: 20px;
	margin-top: 10px;
}
#top_sidemenu .infobox {
	font-size: 12px;
	height: auto;
}


#top_sidemenu .bnr {
	margin-top: 10px;
}
#top_sidemenu .fb {
	margin-top: 10px;
}

#top_sidemenu .t-form {
	text-indent: -99999px;
	margin: 0 auto;
	width: 160px;
}

#top_sidemenu .t-form a {
	background-image: url(../../img/top/formcont_a.gif);
	background-repeat: no-repeat;
	width: 160px;
	height: 26px;
	display: block;
}

#top_sidemenu .t-form a:hover {
	background-image: url(../../img/top/formcont_h.gif);
	background-repeat: no-repeat;
	width: 160px;
	height: 26px;
}


/* マスク用 */

#main_mask {
	max-width: 960px;
	margin: 0 auto;
	text-align: center;
}

/*
#main_mask img {
	margin: 10px ;
	text-align: center;
}
*/

#main_mask p {
	margin: 10px;
	text-align: left;
}

.flbox_mask_l {
	float: left;
	font-size: 13px;
	margin: 10px 30px 10px 100px;
	text-align: center;
}

.flbox_mask_l p {
	text-align: center;
	
}

.flbox_mask_r {
	float:right ;
	font-size: 13px;
	margin: 10px 100px 10px 30px;
	overflow:hidden;
}

.flbox_mask_r p {
	text-align: center;
}

.mask_coment img {
	margin: 20px;
}

.top_downbox_mask {
	clear: both;
	overflow: hidden;
	margin: 5px auto;
	width: 960px;
	position: 0px 0px 0px -500px ;
}