@charset "utf-8";

/* CSS
   ========================================================================== */
html,body {
	margin:0;
	padding:0;
}
body {
	background-color:#fff;
	background: url('../img/background.jpg') repeat top center;
	font-size: 95%;
	line-height: 1.7em;
	color: #2a1802;
	font-family: "Hiragino Kaku Gothic ProN", 'ヒラギノ角ゴ Pro W3', Meiryo, Helvetica, Arial, sans-serif;
}
a {
	text-decoration: none;
	color: #d6083b;
}
a:hover {
	text-decoration: underline;
}
a img:hover {
	filter:alpha(opacity=50);
	-moz-opacity: 0.5;
	opacity: 0.5;
}
/*
a.ex_link {
    background: url(../img/blank_icon.png) no-repeat right 2px;
    padding-right: 15px;
	margin-right: 5px;
}
p {
	text-align: justify;
	text-justify: distribute-all-lines;
}
*/
img {
	box-shadow: #000 0 0 0;
}
img, x:-moz-any-link, x:default {
	box-shadow: #000 0 0 0;
}

.cf:before,
.cf:after{
  content:"";
  display: table;
}
.cf:after{
  clear:both;
}
/*IE6,7対策 （haslayout対策）*/
.cf{
  *zoom:1;
}

.mt0{margin-top:0px;}
.mt10{margin-top:10px;}
.mt20{margin-top:20px;}
.mt30{margin-top:30px;}
.mt40{margin-top:40px;}
.mb0{margin-bottom:0px;}
.mb10{margin-bottom:10px;}
.mb20{margin-bottom:20px;}
.mb30{margin-bottom:30px;}
.mb40{margin-bottom:40px;}


.center{
  text-align: center;
}
.ar{
  text-align: right;
}
.al{
  text-align: left;
}

ul,ol,li {
	list-style: none;
	font-size:100%;
	margin: 0;
	padding:0;
}

.img_left { float: left; margin: 0 20px 15px 0px; }
.img_right { float: right; margin: 0 0px 15px 20px; }
*html .img_left { float: left; margin: 0 10px 7px 10px; }
*html .img_right { float: right; margin: 0 10px 7px 10px; }




/* Centered texts in each section
* --------------------------------------- */

.fullpage-wrapper {
}
.section{
	text-align:center;
}
#section01,
#section02,
#section03,
#section04,
#section05,
#section06 {
	margin: 0px;
	clear: both;
	position: relative;
}


/* Backgrounds will cover all the section
* --------------------------------------- */
#section01,
#section02,
#section05,
#section06 {
	background-size: cover;
	background-attachment: fixed;
}

/* Defining each sectino background and styles
* --------------------------------------- */
#section01{
	padding: 0;
	background-color: #efeee1;
}
#section02{
	background-image: url(../img/s2_bg.jpg);
	background-position: center top;
}
#section03{
	background: url(../img/s3_bg.png) no-repeat right bottom;
	background-color: #f8f6ed;
}
#section04{
	background-image: url(../img/s4_bg.jpg);
	background-repeat: repeat;
}
#section05{
	background-image: url(../img/s5_bg.jpg) ;
	background-position: center top;
}
#section06{
	background: url(../img/s6_bg.png) no-repeat right center;
	background-color: #ebebeb;
}

.section {
	position: relative;
	height: 100%;
	z-index: 1;
}
.imgContainer {
	display:none;
}
.imgContainerTop img {
		width: 30%;
		left: 50%;
		top: -10px;
	}
.imgContainerTop img {
	z-index: 200;
}



/* Section01 TOP
* --------------------------------------- */
#section01 {
}
.s01_left {
	width: 48%;
	float: left;
}
.s01_right {
	position:relative;
	width: 48%;
	height: 100%;
	float: right;
	background: url(../img/s1_bg.jpg) bottom center;
	background-size: cover;
}
.s01_left h1 {
	margin-top: 50%;
}
.s01_right h2 {
	margin-top: 45%;
}

.s01_left img,
.s01_right img {
	width: 80%;
}
.s01_left {
	height: 0%;
}
	.s01_right {
		position: relative;
		background: url(../img/s1_bg.jpg) bottom center;
		background-size: cover;
	}
	.s01_left h1 {
		margin-top: 40%;
	}
/* Section02 Concept
* --------------------------------------- */
#section02 {
}

#section02 p {
	text-align: left;
}
#section02 .text {
	margin-top: 17%;
	background-color: rgba(255,255,255,0.6);
	padding: 5% 7%;
}

/* Section03 About us
* --------------------------------------- */
#section03 {
	clear: both;
	position: relative;
	padding: 0;
}
.s03_left {
	width: 100%;
	float: none;
	padding: 0px;
	margin-top: 0px;
}
.s03_left #access_google_map {
	width: 100%;
	height: 270px;
}
.s03_left #access_google_map div {
}
.s03_right {
	width: 100%;
	float: none;
	margin-top: 0px;
	margin-bottom: 50px;
}
.s03_right dl {
	width: 95%;
	margin: 0 10px 20px 10px;
	text-align: left;
	line-height: 1.3em;
	font-size: 65%;
	overflow:visible;
	height: 500px;
}
.s03_right dt {
	width: 20%;
	display: block;
	float: left;
	border-top: 1px dashed #cccccc;
	padding: 5px 0;
}
.s03_right dd {
	width: 80%;
	display: block;
	float: left;
	border-top: 1px dashed #cccccc;
	padding: 5px 0;
}
.s03_right dt:first-child {
		border-top: none;
	}
	.s03_right :nth-of-type(1)  {
		border-top: none;
	}
/* Section04 Shops
* --------------------------------------- */
#section04 {
	clear: both;
	position: relative;
	padding: 0;
	height:100%;
	overflow: visible;
}

#section04 .block01,
#section04 .block02,
#section04 .block03 {
	float: left;
	width: 30%;
	margin: 0 3% 0 0;
	font-size: 70%;
	line-height: 1.5em;
}

#section04 .text {
	margin: 30px auto 20% auto;
	background-color: rgba(255,255,255,0.6);
	padding: 5%;
	height: auto;
	z-index: 200;
	margin-bottom: 50px;
}
	
	#section04 .textScroll {
	height: 100%;
	overflow: visible;
	margin-bottom: 50px;
	}
	#section04 ul {
		text-align: left;
		padding-bottom: 1em;
	}
	
	#section04 h3 {
		text-align: left;
		color: #0b3190;
	}
/* Section05 Services
* --------------------------------------- */
#section05 {
	padding: 0;
	width:100%;
	clear: both;
	padding: 0 5%;
	}
#section05 .wrap {
	width: 800px;
	padding:70px auto 0 auto;
	margin: 170px auto 20px auto;
	position:relative;
	}
#section05 ul {
	position: absolute;
	width:100%;
	margin: auto;
	left: 0;
	right:0
	top: 0px;
	}
#section05 li {
		width:150px;
}
#section05 img.sl05img {
		width: 150px;
}

#section05 li.icon1 {
	position: absolute;
	top: 0;
	left: 0;
}
#section05 li.icon2 {
	position: absolute;
	top: 0;
	left: 150px;
}
#section05 li.icon3 {
	position: absolute;
	top: 0;
	left: 300px;
}
#section05 li.icon4 {
	position: absolute;
	top: 0;
	left: 450px;
}
#section05 li.icon5 {
	position: absolute;
	top: 200px;
	left: 0;
}
#section05 li.icon6 {
	position: absolute;
	top: 200px;
	left: 150px;
}
#section05 li.icon7 {
	position: absolute;
	top: 200px;
	left: 300px;
}
#section05 li.icon8 {
	position: absolute;
	top: 200px;
	left: 450px;
}


/* Section06 Inquiry
* --------------------------------------- */
#section06 {
	clear: both;
	position: relative;
	height: 100%;
}

#fullpage #section06 .text {
	margin-top: 50px;
}
#section06 .text {
	padding: 10% 5% 3% 5%;
	text-align: left;
	z-index: 200;
}
#section06 .text img {
	width: 25%;
}
#section06 .text h3 {
	font-size: 130%;
	padding-bottom: 1em;
}
#section06 .text p {
	padding-bottom: 1em;
}
footer {
	position: absolute;
	width: 90%;
	bottom: 0;
	background: #333333;
	color: #ffffff;
	text-align: left;
	padding: 2% 5%;
}
footer ul {
	float: left;
	font-size: 85%;
	width: 20%;
}
footer ul li ul {
	float: none;
	font-size: 100%;
	width: 100%;
}
footer ul li ul li {
	padding-left: 1em;
}
footer a {
	color: #ffffff;
}
footer address {
	float: right;
	font-size: 90%;
	font-style: normal;
}
footer p {
	padding-top:4em;
	font-family: 'Times New Roman', serif;
}