/* ******************************************************************
 *	File name		: base.css
 *	Summary			: css base
 * ******************************************************************
 */
 
/*
 
orange #DA4733 rgba(218,71,51,1)
blue #284688 rgba(40,70,136,1.0)

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

body{
	display:block;
	position:relative;
	width:100%;
	height:100%;
	line-height:145%;
	color:#222;
	background:url(../../image/top/top_img.png) no-repeat center 0 #321609;
	}
	#wrapper{
		position:relative;
		width:100%;
		text-align:center;
		overflow:hidden;
		z-index:5;
}

/* --- responsive --- */
@media only screen and (max-width:950px){
	body{
		background:url(../../image/top/top_img.png) no-repeat center 0 #321609;
		background-size:960px;
		background-position:center 60px;
	}
}


/* -----------------------------------------------------------------
   header
----------------------------------------------------------------- */

header{
	position:relative;
	width:100%;
	height:270px;
	margin:0px 0 15px;
	background:rgba(255,255,255,0.8);
	background:rgba(0,0,0,0.5);
	border-bottom:5px solid #EC6617;
	text-align:center;
	z-index:100;
	}
	header #head_contents{
		display:-webkit-flex;
		display:flex;
		justify-content:center;
		align-items:center;
		position:relative;
		width:1000px;
		max-width:100%;
		height:100%;
		margin:0 auto;
		text-align:left;
		z-index:1;
	}
	header h1{
		position:relative;
		width:550px;
		height:auto;
		margin:0 auto;
		line-height:1;
		}
		header h1 img{
	}
	header p{
		display:none;
}

header #main_nav{
	display:none !important;
}

/* --- responsive --- */
@media only screen and (max-width:767px){	
	header{
		height:250px;
		margin:0px 0 30px;
		}
		header #head_contents{
			display:-webkit-flex;
			display:flex;
			justify-content:center;
			align-items:center;
			position:relative;
			width:1000px;
			max-width:100%;
			height:100%;
			margin:0 auto;
			text-align:left;
			z-index:1;
		}
		header h1{
			width:90%;
			}
			header h1 img{
		}
		header p{
			display:none;
	}

	header #main_nav{
		display:none !important;
	}
}

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

main{
	display:block;
	position:relative;
	width:100%;
	padding:0 25px;
	z-index:9;
}

/* main_contents */
#main_contents{
	position:relative;
	width:1000px;
	max-width:100%;
	min-height:500px;
	margin:0 auto;
	padding:0px;
	font-size:0.95em;
	text-align:center;
	z-index:15;
	}
	#main_contents *{
		text-align:left;
		color:#FFF;
	}
	#main_contents p{
		margin:0 0 15px;
		font-size:0.9em;
		text-align:justify;
		color:#FFF;
	}
	#main_contents p.default{
		text-align:left;
}

#main_contents section{
	position:relative;
	padding:0 0 25px;
	margin:0 0 25px;
	}
	#main_contents section p:last-child{
		margin-bottom:0px;
}

/* --- responsive --- */
@media only screen and (max-width:767px){
	#main_contents{
		padding:0px 0 30px 0px;
	}
	#main_contents p{
		font-size:0.84em;
		line-height:1.5;
	}
}

/* -----------------------------------------------------------------
   menu
----------------------------------------------------------------- */



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

footer{
	clear:both;
	position:relative;
	width:100%;
	padding:20px 0px 30px;
	text-align:center;
	background:#000;
	border-bottom:10px solid #EC6617;
	}
	footer *{
		color:#FFF;
	}

	footer #ft_contents{
		position:relative;
		width:950px;
		max-width:100%;
		margin:0 auto;
		padding:0 20px;
	}
	footer p#copyright{
		position:relative;
		width:100%;
		padding:8px 0 10px;
		font-size:0.75em;
		text-align:center;
		color:#FFF;
	}
	footer #ft_contents address{
		display:inline-block;
		margin:0 0 10px;
		padding:15px;
		font-size:0.87rem;
		text-align:center;
		background:rgba(255,255,255,.2);
		-moz-border-radius:6px;
		-webkit-border-radius:6px;
		border-radius:6px;
		}
		footer #ft_contents address strong{
			display:block;
			margin:0 0 10px;
			padding-bottom:5px;
			font-size:1.0rem;
			border-bottom:1px solid #FFF;
}

/* --- responsive --- */

@media only screen and (max-width:950px){
	footer #ft_contents{
		width:100%;
	}
}