/* ******************************************************************
 *	File name		: base.css
 *	Summary			: css base
 * ******************************************************************
 */

/* ----------------------------------------------------------------- */
/*	base                                                             */
/* ----------------------------------------------------------------- */
body{
	position:relative;
	width:100%;
	height:100%;
	line-height:145%;
	color:#222;
	background:url(../../image/base/bg.png) repeat 0 0 #FFF;
	}
	#wrapper{
		position:relative;
		width:100%;
		text-align:center;
		overflow:hidden;
		padding-top:100px;
}

/* --- responsive --- */

@media(max-width:767px){
	#wrapper{
		padding-top:50px;
	}
}

/* -----------------------------------------------------------------
   header
----------------------------------------------------------------- */
header{
	position:fixed;
	top:0px;
	width:100%;
	height:100px;
	background:rgba(255,255,255,0);
	z-index:100;
	transition:0.5s;
	}
	header *{
		transition:0.5s;
	}
	header #head_contents{
		position:relative;
		z-index:10;
	}
	header h1{
		position:absolute;
		top:0px;
		left:0px;
		background:url(../../image/base/logo.png) no-repeat 0 0;
		background-size:cover;
		z-index:10;
	}
	header h1 a{
		display:block;
		width:100%;
		height:100%;
	}
	header h1 img{
		position:absolute;
		top:15px;
		left:40px;
		width:171px;
		height:72px;
}
header nav{
	position:relative;
	width:100%;
}
header nav ul{
	position:relative;
	list-style:none;
	text-align:right;
	padding:50px 350px 0 0;
	}
	header nav ul:after{
		content:" ";
		display:block;
		clear:both;
	}
	header nav ul li{
		display:inline-block;
	}
	header nav ul li ul{
		display:none;
	}
	header nav ul li a{
		display:block;
		width:100%;
		height:44px;
		padding:0 7px;
		font-weight:bold;
		font-size:0.87rem;
		text-align:center; 
		text-decoration:none;
		line-height:44px;
		-moz-border-radius:3px;
		-webkit-border-radius:3px;
		border-radius:3px;
		color:#000;
		text-shadow:rgba(255,255,255,1) 0px 0px 0px;
		}
		header nav > ul > li a:hover{
			text-decoration:none;
			background:rgba(107,181,26,0.2);
	}
	#sub_nav{
		display:none;
}
#head_contact{
	position:absolute;
	top:15px;
	right:20px;
	height:64px;
	padding:5px 10px;
	/*width:320px;*/
	font-size:0.80rem;
	text-align:left;
	line-height:1.35;
	-moz-border-radius:6px;
	-webkit-border-radius:6px;
	border-radius:6px;
	background:rgba(255,255,255,0.8);
}
#head_contact .tel{
	display:inline-block;
	margin:0 0 0 5px;
	padding:0 0 0 25px;
	font-weight:bold;
	font-size:1.0rem;
	background:url(../../image/base/tel.png) no-repeat 0 0;
	color:#07A729;
}

@media(min-width:767px){
	li#nav_top{
		display:none;
	}
}

/* --- responsive --- */

@media(max-width:860px){
	header nav ul li a{
		font-size:0.75rem;
	}
}
@media(max-width:767px){
	header{
		display:none;
	}
}

/* ----------------------------------------------------------------- */
/*	main                                                             */
/* ----------------------------------------------------------------- */
main{
	display:block;
	position:relative;
	width:100%;
	min-height:500px;
	margin:0 auto;
	padding:0 0 0px;
	z-index:10;
}
main:after{
    content:" ";
    display:block;
    clear:both;
}


/* ----------------------------------------------------------------- */
/*	privacy_policy                                                   */
/* ----------------------------------------------------------------- */
#privacy_policy{
    opacity:1;
    transform:translate(0, 0);
	padding:10px 0;
	background:#CCC;
	text-align:center;
	}
	#privacy_policy p{
		margin:0px;
		font-size:0.85rem;
	}
	#privacy_policy p a{
		color:#333;
}

/* ----------------------------------------------------------------- */
/*	footer                                                           */
/* ----------------------------------------------------------------- */
footer{
	clear:both;
	position:relative;
	width:100%;
	padding:135px 0 25px 0;
	min-height:160px;
	text-align:left;
	background:url(../../image/base/footer_bg.png) repeat-x 0 10px #ECDAC1;
	color:#5D3800;
	z-index:20;
}
footer #copyright{
	padding-top:20px;
	text-align:center;
	font-size:0.75em;
}

/* ----------------------------------------------------------------- */
/*	pageback                                                           */
/* ----------------------------------------------------------------- */
#pageback{
	position:fixed;
	right:20px;
	bottom:25px;
	width:50px;
	height:50px;
	border-radius:7px;
	-webkit-border-radius:7px;
	-moz-border-radius:7px;
	background:#FFFFFF;
	border:5px solid rgba(93,56,0,1);
	opacity:0.5;
	z-index:101;
	}
	#pageback:hover{
		opacity:1;
	}
	#pageback:before{
		content:" ";
		position:absolute;
		top:5px;
		left:6px;
		width: 0;
		height: 0;
		margin-top: -15px;
		border:15px solid transparent;
		border-bottom:15px solid rgba(93,56,0,1);
	}
	#pageback:after{
		content:" ";
		position:absolute;
		top:20px;
		left:15px;
		width:13px;
		height:15px;
		background:rgba(93,56,0,1);
		z-index:0;
	}
	#pageback a{
		display:block;
		position:absolute;
		left:-5px;
		top:-5px;
		width:50px;
		height:50px;
		padding:0px;
		text-indent:-9999px;
		border-radius:6px;
		-webkit-border-radius:6px;
		-moz-border-radius:6px;
		z-index:1;
		text-decoration:none;
}