@charset "utf-8";

body{
color:#333333;
font-size:1em;
line-height:1.2;
}

/* ************** header ********************* */

#header{
	background:url(../images/head_back.jpg);
	background-size:contain;
	padding:0.5em;
	overflow:hidden;
}

#header img{
width:100%;
}

	#header h1{
	width:45%;
	float:left;
	}
	
	#header .item01{
	width:45%;
	float:right;
	}

#keyimg img{
width:100%;
margin: 0 0 1em 0;
}

/* ***************** section01　******************** */

#section01{}

#section01 img{
width:100%;
}

	#section01 h2{
	width:60%;
	margin:0 auto 1em auto;
	
	}
	
	#section01 ul{
	width:85%;
	margin:0 auto 1em auto;
	}
	
	#section01 ul li{
	background:url(../images/icon_list.gif) no-repeat left center;
	margin: 0 auto 0 auto;
	padding:0 0 0 3em;
	width:200px;
	height:40px;
	line-height:40px;
	/* font-size:1.2em; */
	}
	
	#section01 h3{
	background:url(../images/back_img02.png);
	background-size:contain;
	text-align:center;
	font-size:1.4em;
	color:#B08C48;
	font-weight:normal;
	line-height:1.5;
	padding:0.5em 0;
	margin: 0 0 1em 0;
	border-top:solid 2px #B08C48;
	border-bottom:solid 1px #EFEFEF;
	border-left:solid 1px #EFEFEF;
	border-right:solid 1px #EFEFEF;
	}
	
	#section01 .text01{
	margin: 0 1em 1em 1em;
	line-height:1.5;
	
	}
	
	#section01 .item01{
	width:40%;
	margin: 0 auto 0.5em auto;
	}
	
	#section01 .item02{
	width:80%;
	margin: 0 auto 0.5em auto;
	}

/* ************ section02 ********************* */

#section02{
	padding:0.5em;
	}

#section02 img{
width:100%;
}

	#section02 .contents01,
	#section02 .contents02,
	#section02 .contents03{
	padding:1em;
	background:#F2EFF8;
	margin: 0 0 1em 0;
	overflow:hidden;
	}
	
	
	#section02 .contents01 h2,
	#section02 .contents02 h2,
	#section02 .contents03 h2{
	color:#9350BA;
	text-align:center;
	font-size:1.6em;
	font-weight:normal;
	border-bottom:solid 1px #B68BD1;
	padding:0 0 0.5em 0;
	margin: 0 0 0.5em 0;
	
	}
	
	#section02 .contents01 ul,
	#section02 .contents02 ul{
	margin:1em 0;
	overflow:hidden;
	text-align:center;
	}
	
	#section02 .contents01 ul li{
	width: 40%;
    display: inline-block;
    margin: 0 0.5em;
	}
	#section02 .contents02 ul li{
	width:40%;
	display:inline-block;
	margin: 0 0.5em;
	}
	
	#section02 .contents02 ul li img{
	}
	
	#section02 .contents01 ul li img{
	}
	
	#section02 .contents01 .text01{
	clear:both;
	}
	
	#section02 .contents03 .item01{
	width:45%;
	margin: 1em auto;
	}
	
	#section02 #jenes,
	#section02 #taitan,
	#section02 #elight,
	#section02 #cool,
	#section02 #ulsela{
	margin:0.5em 0;
	background-size:contain;
	}
	#section02 #jenes h2{
	
	}
	
	#section02 #jenesin,
	#section02 #taitanin,
	#section02 #elightin{
	border-bottom:solid 3px #B568BF;
	border-left:solid 3px #B568BF;
	border-right:solid 3px #B568BF;
	background:#FFFFFF;
	padding:0.5em;
	border-bottom-right-radius:10px;  
    border-bottom-left-radius:10px; 
	}

	#section02 #coolin,
	#section02 #ulselain{
	border-bottom:solid 3px #9350BA;
	border-left:solid 3px #9350BA;
	border-right:solid 3px #9350BA;
	background:#FFFFFF;
	padding:0.5em;
	border-bottom-right-radius:10px;  
    border-bottom-left-radius:10px; 
	}
	
	#section02 #jenesin h3,
	#section02 #taitanin h3,
	#section02 #elightin h3,
	#section02 #coolin h3,
	#section02 #ulselain h3{
	color:#ED659B;
	font-size:1.2em;
	margin:0.5em 0;
	}
	
	#section02 #taitanin .item01,
	#section02 #jenesin .item01,
	#section02 #elightin .item01,
	#section02 #coolin .item01,
	#section02 #ulselain .item01{
	width:55%;
	float:left;
	}
	#section02 #taitanin .item02,
	#section02 #jenesin .item02,
	#section02 #elightin .item02,
	#section02 #coolin .item02,
	#section02 #ulselain .item02{
	width:40%;
	float:right;
	margin: 0 0 1em 0;
	}
	
	#section02 #taitanin .text01,
	#section02 #jenesin .text01,
	#section02 #elightin .text01,
	#section02 #coolin .text01,
	#section02 #ulselain .text01{
	overflow:hidden;
	clear:both;
	margin:1em 0;
	}
	
	#section02 #taitanin table,
	#section02 #jenesin table,
	#section02 #elightin table,
	#section02 #coolin table,
	#section02 #ulselain table{
	width:98%;
	margin:0 auto;
	}
	
	#section02 #taitanin table th,
	#section02 #jenesin table th,
	#section02 #elightin table th,
	#section02 #coolin table th,
	#section02 #ulselain table th{
	background:#F2F2F2;
	border: solid 1px #CCCCCC;
	padding:0.5em 0;
	}
	#section02 #taitanin table td,
	#section02 #jenesin table td,
	#section02 #elightin table td,
	#section02 #coolin table td,
	#section02 #ulselain table td{
	border: solid 1px #CCCCCC;
	padding:0.5em 0.5em;
    }
	
	#section02 .price{
	text-align: right;
	vertical-align:middle;
	}
	.priceCamp{
		color:#C00;
	}
/* *************　section03 ******************* */

#section03{
margin:1em 0;
}
	#section03 .price{
	text-align: right;
	vertical-align:middle;
	}
#section03 img{
width:100%;
}

	#section03 .item01{
	width:70%;
	margin: 0 auto 1em auto;
	}
	
	#section03 #coolul{
	margin:0.5em 0 20px;
	background-size:contain;
	}
	
	#section03 #coolulin{
	/*border-bottom:solid 3px #9E61C1;
	border-left:solid 3px #9E61C1;
	border-right:solid 3px #9E61C1;*/
	background:#FFFFFF;
	padding:0.5em;
	/*border-bottom-right-radius:10px;  
    border-bottom-left-radius:10px; */
	}
	
	#section03 #coolulin .item01{
	width:55%;
	float:left;
	}
	
	#section03 #coolulin .item02{
	width:40%;
	float:right;
	margin: 0 0 1em 0;
	}
	
	#section03 #coolulin h3{
	color:#ED659B;
	font-size:1.2em;
	margin:0.5em 0;
	}
	#section03 #coolulin h4{
	clear:both;
	margin: 0 0 0.5em 0;
	}
	#section03 #coolulin h3{
	color:#A99461;
	}
	
	#section03 #coolulin .text01{
	overflow:hidden;
	clear:both;
	margin: 0 0 0.5em 0
	}
	
	#section03 #coolulin table{
	width:98%;
	margin:0 auto;
	}
	
	#section03 #coolulin th{
	background:#F2F2F2;
	border: solid 1px #CCCCCC;
	padding:0.5em 0;
	}
	
	#section03 #coolulin td{
	border: solid 1px #CCCCCC;
	padding:0.5em 0.5em;
	}
	
	#section03 .item03{
	width:70%;
	margin: 0 auto 0.5em auto;
	}
	
	#section03 .text02{
	margin: 0 1em 0.5em 1em;
	}
/* *************　section04　**************** */

#section04{
margin:1em 0
}

#section04 img{
width:100%;
}
	#section04 h3{
	font-size:1.2em;
	font-weight:normal;
	border-bottom:#CCCCCC dotted 1px;
	margin:0.5em;
	padding:0 0 0.5em 0;
	}
	
	#section04 #kobayashi{
	margin:1em;
	}
	#section04 #kobayashi h4,
	#section04 #watanabe h4{
	margin:0 0 0.5em 0;
	font-weight:normal;
	}
	
	#section04 #kobayashi dl,
	#section04 #watanabe dl{
	margin:0 0  1em 0;
	}
	
	#section04 #kobayashi dl dt,
	#section04 #watanabe dl dt{
	float:left;
	}
	
	#section04 #kobayashi dl dd,
	#section04 #watanabe dl dd{
	padding: 0 0 0 7em;
	margin:0.2em 0;
	}
	
	#section04 #kobayashi .item01,
	#section04 #watanabe .item01{
	width:60%;
	margin:0 auto;
	}
	#section04 #watanabe .item02{
	width:70%;
	margin:0 auto;
	}
	
	#section04 #watanabe{
	margin:1em;
	}
	
	#section04 #access{
	padding:1em;}
	
	#section04 #access .text01{
	margin:0 0.5em;
	line-height:1.5;
	}
	
	#section04 #access dl{
	margin: 0 0.5em;
	line-height:1.5;
	}
	
	#section04 #access dl dt{}
	
	#section04 #access dl dt:before {content:"■";}{}
	
	#section04 #access dl dd{}
	
	#section04 #access .item01{
	width:60%;
	margin:0 0 0 0.5em;
	}
	
	#section04 .width40 {
	width:40%;
	margin:2em auto;	
	}
	/** formArea **/			
#formArea{

overflow:hidden;
/* padding:0 1em; */
font-size:14px;


}

#formArea img{
width:100%;
}
	#formArea h2{
		background:url(../images/back_img02.png);
	background-size:contain;
	text-align:center;
	font-size:1.8em;
	color:#B08C48;
	font-weight:normal;
	line-height:1.5;
	padding:0.5em 0;
	margin: 0 0 1em 0;
	border-top:solid 2px #B08C48;
	border-bottom:solid 1px #EFEFEF;
	border-left:solid 1px #EFEFEF;
	border-right:solid 1px #EFEFEF;
	}
	
	#formArea ul{
	overflow:hidden;
	text-align:center;
	padding:0 1em;
	}
	
	#formArea ul li{
	display:inline-block
	}

	#formArea p,
	#formArea form{
	padding:0 1em;
	}
	#formArea .item01{
	margin: 0 0 0.5em 0;
	}
	
	#formArea .text01{
	width:22.5%;
	
	}
	
	#formArea .text02{
	width:35%;
	
	}
	
	#formArea .text03{
	width:27.6%;
	
	}
	
	#formArea .bold{
	clear:both;
	font-weight:bold;
	margin:1em 0;
	}
	#formArea .f_red{
	color:#ff0000;
	margin:0 0 1em 0;
	}
	
	#formArea .table2{
	border: 1px solid #ccc;
    border-collapse: collapse;
    clear: both;
    display: block;
    
    width: 100%;
	}
	
	
	#formArea tbody {
    display: block;
    width: 100%;
	font-size: 16px;
	line-height:1.5;
	}
	
	#formArea .table2 tr {
    display: block;
    width: auto;
	}
	.table2 td{
	clear: both;
    display: block;
    margin: 0 0 1em;
    padding: 0 1em 1em;
    width: auto;
	}
	
	.table2 th{
	background-color: #f5f5f5;
    display: block;
    margin: 1em 0 0.5em;
    padding: 1em;
    text-align: left;
    width: auto;
	font-weight:normal;

    }
	
	#formArea textarea,
	#formArea select{
    width: 100%;
	font-size: 16px !important;
	}
	
	
	#formArea input[type="text"] {
    width: 85%;
	}
	
	
	#formArea .fmRed {
    color: #cc0000;
    display: inline-block;
    padding: 0 0 0 0.5em;
    white-space: nowrap;
	}
	
	#formArea .formBtn{
	width:60%;
	margin:0.5em auto;
	}
	
	#formArea input[type="image"]{ width:100%;}
	
	#formArea .section01 ul{
	margin:0.5em 0;
	text-align:left;
		
	}
	
	#formArea .section01 ul li{
	list-style:disc;
	margin: 0 0 0 1em;
	display:list-item;
	
	}

/** footer **/

	#footer address{
	border-top:2px solid #b08c48;
	/* border-color: #b08c48 #efefef #efefef; */
	font-size:0.7em;
	text-align:center;
	margin:1em 0 0 0;
	padding:1.5em 0;
	font-style: normal;
	}
	
/* *********** infobox *************** */
.infobox{
background:url(../images/info_back.png);
background-size:contain;
padding:1em;
margin:1em 0;
}
	.infobox img{
	width:100%;
	}
	
	.infobox h2{
	margin: 0 0 0.5em 0;
	padding:0 0 0.5em 0;
	border-bottom:#CBBAAB 2px solid 
	}
	
	.infobox .item01{
	width:48%;
	float:left;
	}
	
	.infobox .item02{
	width:48%;
	float:right;
	margin: 0 0 0.5em 0;
	
	}
	
	.infobox .text01{
	clear:both;
	text-align:center;
	font-size:1.1em;
	margin:0.5em 0 0 0;
	}

	
	
	
/* ***** js  ***** */

.accordion{}
.accordionbody{}
.bannerAction{
	background-color:#FFFFFF;
	margin:1em 0 0.5em 0;
	clear:both;
	}
.bannerAction img{
	width:100%;
	}
/* *****  ***** */

#menu_button{
	position:fixed;
	bottom:0.5em;
	right:0.5em;
	}
#menu_button img{
	width:3em;}
/* * * * * * * * * * * * * * * * * * *
 * overlay
 * * * * * * * * * * * * * * * * * * */

.overlay {
	background-color: rgba(26, 23, 25, 1);
	text-align: left;
	color: #FFFFFF;
	position:absolute;
	z-index: 100;
	-webkit-tap-highlight-color: rgba(0, 0, 0, 0.3);
}
.overlay img.close {
	position: absolute;
	top: -26px;
	right: 0px;
}
.overlayBG{
	position:absolute;
	z-index: 50;
	top: 0px;
	left: 0px;
	height: 100%;
	width: 100%;
	background-color: #000;
	
	filter: alpha(opacity=75);
	-moz-opacity: 0.75;
	opacity: 0.75;
	-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
	display:none;
}
/* * * * * * * * * * * * * * * * * * *
 * menu
 * * * * * * * * * * * * * * * * * * */

#menu {
	
	width:100%;
	font-size: 12px;
	/* margin:1em 0px 0px 1em; */
	
}



	#menu ul{
		display:block;
		margin:0 1em 1em 1em;
		background-color:#FFFFFF;
		}
	#menu>h2 {
		margin:1em 1em 0 1em;
		padding:1em 0;
		list-style-type:none;
		border-bottom:2px solid #333333;
		float:none;
		display:block;
		background:url(../images/back_img02.png);
		background-size:contain;
		color:#B08C48;
		font-weight:normal;
		line-height:1.5;
		text-align:center;
		border-top:solid 2px #B08C48;
		
		/*
		background: #FFFFFF;
		background: -webkit-gradient(linear, 0 0, 0 bottom, from(#FFFFFF), to(#F3F0E4));
		background: -webkit-linear-gradient(#FFFFFF, #F3F0E4);
		background: -moz-linear-gradient(#FFFFFF, #F3F0E4);
		background: -ms-linear-gradient(#FFFFFF, #F3F0E4);
		background: -o-linear-gradient(#FFFFFF, #F3F0E4);
		background: linear-gradient(#FFFFFF, #F3F0E4);
		*/
	}
	#menu h2 strong{
		font-size:1.4em;
		line-height1.5;
		font-weight:normal;
	}
	#section01 h3{
	background:url(../images/back_img02.png);
	background-size:contain;
	text-align:center;
	font-size:1.4em;
	color:#B08C48;
	font-weight:normal;
	line-height:1.5;
	padding:0.5em 0;
	margin: 0 0 1em 0;
	border-top:solid 2px #B08C48;
	border-bottom:solid 1px #EFEFEF;
	border-left:solid 1px #EFEFEF;
	border-right:solid 1px #EFEFEF;
	}
	#menu li {
		list-style-type:none;
		border-bottom:2px solid #333333;
		width:100%;
		float:none;
		font-size:16px;
		display:block;
		background: #FFFFFF;
		background: -webkit-gradient(linear, 0 0, 0 bottom, from(#FFFFFF), to(#F3F0E4));
		background: -webkit-linear-gradient(#FFFFFF, #F3F0E4);
		background: -moz-linear-gradient(#FFFFFF, #F3F0E4);
		background: -ms-linear-gradient(#FFFFFF, #F3F0E4);
		background: -o-linear-gradient(#FFFFFF, #F3F0E4);
		background: linear-gradient(#FFFFFF, #F3F0E4);
	}
	#menu li:nth-last-child(1) {
		background-color:#FFFFFF;
	}
	#menu li a {
		color:#000000;
		text-decoration:none;
		padding:15px;
		display:block;
	}
	#menu li.banner a{
		padding:0;
	}
	#menu li img{
		width:100%;}

	#menu .infobox{
		margin:0;
		color:#333;
	}
		
	#inquiry a{
	
		background:url(../images/arrow_03.png) no-repeat 90% center;
		background-color:#f36ba8;


		
		margin:0;
		padding:0;

		-webkit-border-radius: 0;
		-moz-border-radius: 0;
		border-radius: 0;
		overflow:hidden;
		
		position:relative;
		behavior: url(./PIE.htc);

	}