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

/* -----------------------------------------------------------------
   base
----------------------------------------------------------------- */

body{
	position:relative;
	width:100%;
	height:100%;
	line-height:145%;
	color:#222;
}
#wrapper{
	position:relative;
	width:100%;
	height:100%;
}

/* --- responsive --- */
@media only screen and (max-width:767px){
}
/* -----------------------------------------------------------------
   header
----------------------------------------------------------------- */

header{
	position:relative;
	top:0px;
	left:0px;
	width:100%;
	height:151px;
	z-index:50;
	}
	header::before,
	header::after{
		content:" ";
		position:absolute;
		left:0px;
		width:100%;
		z-index:0;
	}
	header::before{
		bottom:0px;
		height:60px;
		background:#000;
	}
	header::after{
		bottom:60px;
		height:4px;
		background:linear-gradient(90deg, #898989, #898989, #474443,#FCFCFC,#898989);
	}
	#head_contents{
		position:relative;
		width:1000px;
		max-width:100%;
		height:100%;
		margin:0 auto;
		text-align:center;
		z-index:10;
	}
	header h1{
		display:block;
		position:absolute;
		top:18px;
		left:0px;
		width:444px;
		height:59px;
		z-index:2;
		}
		header h1 a{
			display:block;
			width:100%;
			height:100%;
}

/* nav */
header nav{
	position:absolute;
	bottom:0px;
	left:0px;
	width:100%;
	height:60px;
	background:#000;
	transition-duration:1.0s;
	z-index:1000;
}
header nav > ul{
	position:relative;
	width:100%;
	height:42px;
	margin:9px auto 0;
	list-style:none;
	}
	header nav > ul > li{
		display:inline-block;
		position:relative;
		width:16%;
		height:42px;
		text-align:center;
		color:#000;
		transition-duration:0.5s;
		}
		header nav > ul > li:nth-child(2){width:20%;}
		header nav > ul > li:nth-child(3){width:13%;}
		header nav > ul > li:nth-child(4){width:19%;}
		header nav > ul > li:nth-child(5){width:18%;}
		header nav > ul > li:nth-child(6){width:13%;}
		header nav > ul > li:nth-child(7){width:13%;}

	header nav ul li a{
		display:block;
		width:100%;
		height:42px;
		padding:10px 0 0 0;
		font-weight:bold;
		font-size:0.95rem;
		text-align:center;
		text-decoration:none;
		color:#FFF;
		z-index:10;
	}
	header nav ul li.active,
	header nav ul li:hover{
		background:#604A23;
		-moz-border-radius:6px;
		-webkit-border-radius:6px;
		border-radius:6px;
		}
		header nav ul li.active a,
		header nav ul li:hover a{
			text-decoration:none;
	}

header nav ul li#nav_top
{
	display:none;
}

header nav ul li#nav_UNE{
	position:absolute;
	top:-74px;
	right:0px;
	width:160px;
	height:38px;
	background:#ED6D00;
	}
	header nav ul li#nav_UNE a{
		position:relative;
		width:100%;
		height:100%;
		padding:8px 0 0 0;
}

/* --- responsive --- */
@media only screen and (max-width:767px){
	header{
		display:none;
	}
}

/* -----------------------------------------------------------------
   main
----------------------------------------------------------------- */

main{
	position:relative;
	display:block;
	width:100%;
	padding:35px 20px 20px;
	overflow:hidden;
	z-index:0;
}
#main_contents{
	position:relative;
	width:1000px;
	max-width:100%;
	margin:0 auto;
}

section{
	position:relative;
	max-width:100%;
	margin-bottom:30px;
	padding:0px;
}

.contents{
	position:relative;
	width:1000px;
	max-width:100%;
	margin:0 auto;
}

/* --- responsive --- */
@media only screen and (max-width:767px){
	main{
		padding:20px 20px 20px;
	}
	section{
		margin-bottom:20px;
	}
}

/* -----------------------------------------------------------------
   footer
----------------------------------------------------------------- */

footer{
	position:relative;
	width:100%;
	min-height:110px;
	padding:20px 20px 30px;
	background:#BFC0C0;
	margin-bottom:0px;
	text-align:center;
	overflow:hidden;
	}
	footer::after{
		content:" ";
		position:absolute;
		top:0px;
		left:0px;
		width:100%;
		height:4px;
		background:linear-gradient(90deg, #898989, #898989, #FCFCFC, #898989, #FAC356, #828181, #898989, #898989, #898989);
		z-index:10;
	}
	footer p{
		position:relative;
		font-size:0.84rem;
		text-align:center;
		color:#000;
		z-index:10;
}

/* -----------------------------------------------------------------
   pagetop
----------------------------------------------------------------- */

#pagetop{
	position:fixed;
	right:20px;
	bottom:25px;
	width:50px;
	height:50px;
	border-radius:10px;
	-webkit-border-radius:10px;
	-moz-border-radius:10px;
	background:rgba(47,43,92,1);
	opacity:0.5;
	z-index:999;
	}
	#pagetop:before,
	#pagetop:after{
		content:" ";
		position:absolute;
	}
	#pagetop:before{
		top:8px;
		left:10px;
		width: 0;
		height: 0;
		margin-top: -15px;
		border:15px solid transparent;
		border-bottom:15px solid rgba(255,255,255,1);
	}
	#pagetop:after{
		top:23px;
		left:19px;
		width:13px;
		height:18px;
		background:rgba(255,255,255,1);
		z-index:0;
	}
	#pagetop span{
		display:none;
		position:absolute;
		top:-25px;
		height:22px;
		right:0px;
		width:80px;
		font-family:"ＭＳ ゴシック", "MS Gothic", "Osaka－等幅", Osaka-mono, monospace;
		font-size:10px;
		background:rgba(255,255,255,1);
		border:1px solid #000;
		border-radius:5px;
		-webkit-border-radius:5px;
		-moz-border-radius:5px;
		color:#000;
		line-height:20px;
		}
		#pagetop span:before,
		#pagetop span:after{
			content:" ";
			position:absolute;
		}
		#pagetop span:before{
			bottom:-12px;
			right:8px;
			width:0;
			height:0;
			border:5px solid transparent;
			border-top:7px solid rgba(0,0,0,1);
		}
		#pagetop span:after{
			bottom:-11px;
			right:8px;
			width:0;
			height:0;
			border:5px solid transparent;
			border-top:7px solid rgba(255,255,255,1);
	}
	/* hover */
	#pagetop:hover{
		opacity:1;
	}
	
	#pagetop a{
		display:block;
		position:absolute;
		left:0px;
		top:0px;
		width:100%;
		height:100%;
		color:#0061B1;
		border-radius:6px;
		-webkit-border-radius:6px;
		-moz-border-radius:6px;
		z-index:1;
}
@media print{
	#pagetop{
		display:none;
	}
}