@charset "utf-8";



/*=============================================================================
   Layout
=============================================================================*/
.container, .content, .inner {	clear: both;	height: auto;	}
.container:after, .content:after, .inner:after{content: ""; display: block; clear: both;}
.container {
	width: 1280px;
	margin: 0px auto;
	position: relative;
	}
.content {
	width: 100%;
	margin-bottom:50px;
	position: relative;
	}
.inner {
	zoom:1;
	padding: 0px 20px;
	}

/* Header
-----------------------------------------------------------------------------*/
#header_wrap {
	width: 100%;
    margin: 0 auto;
    position: relative;
}
	#header_wrap:after {
	content:"";
	display:block;
	height: 10px;
	width: 100%;
	position: absolute;
	}

#header-m {
	width: 100%;
    margin: 0 auto;
    position: relative;
}
	#header-m:after {
	content:"";
	display:block;
	height: 10px;
	width: 100%;
	position: absolute;
	}
	
#header {
	background: url(../img/hd.png) repeat-x center top;
	height: 165px;
	width: 100%;
	padding-bottom: 5px;
	position:relative;
	top:0;
	z-index:498;
	}

	#header .container {
	height: 0px;
	width: 1280px;
	margin: 0px auto;
	position:absolute;
	left: 0;
	right: 0;
	}
	
#index #header {
	height: 165px;
	width: 100%;
	padding-bottom: 5px;
	position:relative;
	top:0;
	z-index:500;
	}	
	
.tel{
	float:right;
	top:0px;
	margin:17px 0 0 0 ;
}
	
.ma{
	top:0px;
	position:relative;
	width:1224px;
	margin:0 auto;
	z-index:-2;
}
	  
.ma_b{
	width:1107px;
	margin:0 auto ;
	position:relative;
}

#header_logo {
	float: left;
	height: 73px;
	width: 270px;
	margin: 5px 0 0 0;
	}
	
#header_logo h1 {
	font-size:13px;
	height:24px;
	width: 350px;
	margin:0 0 0 11px ;
	color:#fdeded;
	font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN","HG明朝E","ＭＳ Ｐ明朝","ＭＳ 明朝",serif;
	}
	
.logo{
	width:270px;
	height:73px;
	margin:4px 0 0 41px;
}

#header_con {
	float: right;
	height: 97;
	width: 241;
	margin: 32px 28px 0 0;
	text-align:right;
	}
	
#header_bnr {
	float: right;
	height: auto;
	width: auto;
	margin: 8px 23px 0 0;
	background: url(../img/plan-bn-on.png);}
	
#menu {
	margin: 0;
	width: 100%;
	height:83px;
	clear: both;
	background: url(../img/menu-bg.jpg) repeat-x center top;
	}


@keyframes ap_bnr01 {
  to {
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
  }
}

.ap_bnr01 {
	float:left;
	height: auto;
	width: 279px;
	margin:660px 0px 0 310px ;
	background:none;

}

.ap_bnr02 {
		float:left;
	height: auto;
	width: 279px;
	margin:-209px 0px 0 590px ;
	}

.ap_bnr03 {
		float:left;
	height: auto;
	width: 279px;
	margin:-209px 0px 0 884px ;
	}

.hvr-sink {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -moz-osx-font-smoothing: grayscale;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-property: transform;
  transition-property: transform;
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
}
.hvr-sink:hover, .hvr-sink:focus, .hvr-sink:active {
  -webkit-transform: translateY(8px);
  transform: translateY(8px);
}


@keyframes hvr-pulse-grow {
  to {
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
  }
}

.hvr-pulse-grow {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -moz-osx-font-smoothing: grayscale;
}
.hvr-pulse-grow:hover, .hvr-pulse-grow:focus, .hvr-pulse-grow:active {
  -webkit-animation-name: hvr-pulse-grow;
  animation-name: hvr-pulse-grow;
  -webkit-animation-duration: 0.3s;
  animation-duration: 0.3s;
  -webkit-animation-timing-function: linear;
  animation-timing-function: linear;
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
  -webkit-animation-direction: alternate;
  animation-direction: alternate;
  }


/* Grow Rotate */
.hvr-grow-rotate {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -moz-osx-font-smoothing: grayscale;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-property: transform;
  transition-property: transform;
}
.hvr-grow-rotate:hover, .hvr-grow-rotate:focus, .hvr-grow-rotate:active {
  -webkit-transform: scale(1.1) rotate(4deg);
  transform: scale(1.1) rotate(4deg);
}


/* Navigatioon
-----------------------------------------------------------------------------*/
/* Main nav *****/
#nav {
	margin: 0 auto;
	width: 819px;
	height:49px;
	clear: both;

	}
	#nav ul{
		width:819px;
		padding:10px 0 0 0 ;
		margin:0 auto 0;
		height:49px;
	}
	#nav li {
		float:left;
		height: 49px;
	}

#nav01{ background: url(../img/menu01-on.jpg) no-repeat; margin:0 34px 0 0 ;}
#nav02{ background: url(../img/menu02-on.jpg) no-repeat; margin:0 34px 0 0 ;}
#nav03{ background: url(../img/menu03-on.jpg) no-repeat; margin:0 34px 0 0 ;}
#nav04{ background: url(../img/menu04-on.jpg) no-repeat; margin:0 34px 0 0 ;}
#nav05{ background: url(../img/menu05-on.jpg) no-repeat; margin:0 34px 0 0 ;}
#nav06{ background: url(../img/menu06-on.jpg) no-repeat; margin:0 0px 0 0 ;}


/* main_img
-----------------------------------------------------------------------------*/
#mainVisual {
	margin: 0px auto;
	height: auto;
	width: auto;
	position: relative;
	z-index:0;
	top:0;
	background: url(../img/bg.png)repeat center top;
	}
#main_movie {
	height: 595px;
	width: 1280px;
	margin:-25px auto 0;
	}
	
.top-l{
	float:left;
	margin:0 4px 0 0 ;
}
.top-t{
	float:left;
	margin:4px 4px 0 0 ;
}
.top-t02{
	float:left;
	margin:4px 0 0 0 ;
}
.top-b{
	float:left;
	margin:0 4px 4px 0 ;
}
.top-r{
	float:left;
}
	
.top02{background: url(../img/top02-on.jpg);}
.top03{background: url(../img/top03-on.jpg);}
.top04{background: url(../img/top04-on.jpg);}
.top05{background: url(../img/top05-on.jpg);}
.top06{background: url(../img/top06-on.jpg);}


#main_img {
	height: 380px;
	width: 1280px;
	margin:-25px auto 0;
	}	

.img-bottom{
	width:100%;
	height:9px;
	background: url(../img/img-bt.png)no-repeat center top;
}

#main_txt {
	height: 250px;
	width: 800px;
	position: absolute;
	left: 50%;
	margin-left: -500px;
	bottom: 0px;
	z-index: 500;
	}
#title_img {
	height: 500px;
	width: 100%;
	background-position: center center;
	background-repeat: no-repeat;
	background-size:content;
	}


/* Contents
-----------------------------------------------------------------------------*/

#contents {
	width: 100%;
	text-align:center;
	background-image:url(../img/bg_contents_top.png), url(../img/bg_contents_bottom.png);
	background-repeat: repeat-x;
	background-position: left top, left bottom;
	}
	
.contwrap {
	width:100%;
	padding-bottom: 80px;
	background-image:url(../img/bg_kumo02.png), url(../img/bg_kumo01.png);
	background-repeat:repeat-y;
	background-position: left 50px, right 250px;}
	
.content-inner{
	width:1280px;
	margin:0 auto;
	padding-top:50px;
	text-align:center;
}

.plan-bnr{
	width:1095px;
	margin: 0 auto;
}

#contents:after{content: ""; display: block; clear: both;}
	

/* Footer
-----------------------------------------------------------------------------*/
.pagetop {
	padding:45px 0px 0px 0;
	float:right;
}
div#footer {
	margin: 0px auto;
	width: 100%;
	height: 247px;
	background: url(../img/f-bg.jpg) repeat-x;
	font-size:14px;
	color:#fff4de;
	}
	.fo-container {
		width:1100px;
		height:210px;
		margin:0 auto;
	}
#footer_right {
	height: auto;
	width: 726px;
	float:right;
	padding:0 0 0 0 ;
	}

.fo-le{
	float:left;
	margin:38px 0 0 0px;
	width:290px;
}
.fo-01{
	font-size:18px;
	font-weight:bold;
	line-height:34px;
	padding:0 0 5px 0;
}
.fo-02{
	font-weight:bold;
	line-height:24px;
}

.fo-ri{
	margin:24px 0 0 0px;
	float:right;
	width:360px;
	}

.pc-sp{
	padding:45px 0px 0px 0;
	float:left;
	font-size: 12px;
}

.pc-sp a{
	color: #fff4de;
}

.pc-sp img{
	float: left;
	max-width: 60px;
	max-height: auto;
	padding-right: 10px;
	
}


#fo-nav {
	margin:45px 0 0 0 ;
	float:left;
	width: 388px;
	height:61px;
	clear: both;

	}
	#fo-nav ul{
		width:388px;
		height:61px;
	}
	#fo-nav li {
		float:left;
		padding:0px 0 15px 0;
	height: 17px;
	}

#fo-nav01{margin:0 49px 0 0 ;}
#fo-nav02{margin:0 17px 0 0 ;}
#fo-nav03{margin:0 32px 0 0 ;}
#fo-nav04{margin:0 43px 0 0 ;}
#fo-nav05{margin:0 17px 0 0 ;}
#fo-nav06{margin:0 0 0 0  }

div#footer_left {
	width: 300px;
	float:left;
	margin:45px 0 0 13px ;
	line-height:30px;
	}
div#footer_left span {
	font-size:18px;
}
	div#footer_left a { color: #6a3426; font-weight:bold;}
	div#footer_left a:hover { color:#d3330c; font-weight:bold;}
	
.ys-l{
	float:left;
	margin:20px 0 0 10px;}
.ys-r{
	float:right;
	margin:19px 0 0 10px ;
	font-size:12px;
	line-height:16px;
	font-weight:bold;
}

#copyright {
	margin: 7px auto 0;
	width: 300px;
	text-align:center;
	font-size: 13px;
	font-weight:bold;
	}