@charset "utf-8";
/* CSS Document */


/* ===========================
header
============================*/
#header {
	max-width: 100%;
	height: 100%;
	margin: auto;
	background: #044919;
/*	background:#e6f9d6;*/
	color:#FFFFFF; 
	padding-top: 0px;
}

#header .logo img {
	width: 100%;
	max-width: 378px;
}


#header a { color:#FFFFFF; text-decoration:none; }


/* = PC ======================================================*/
@media screen and (min-width: 920px){

	#header .logo {
		float:left;
		width:25%;
		min-height:80px;
	}


	#header_box {
		float:right;
		width:74%;
		margin-top:10px;
	}

	#header .logo {
		float:left;
		width:25%;
	}


}

/* = tablet ======================================================*/
@media screen and (min-width:641px) and (max-width:919px){

	#header { min-height:100px; }

	
	#header_box { margin:0 auto; }
	
	#header .logo {  }

	

}


/* = smapho ======================================================*/
@media screen and (max-width:640px){

	#header_box { margin:0 auto; }

	#header .logo {
		text-align: center;
		padding: 10px 0 5px;
	}

	#header .h_navi {
		display:none;
	}
	
	
	
}



/* ===========================
#nav
============================*/
#nav .n_menu li {
	background:url("../images/common/navi_line.png") left center no-repeat;
}

#nav .n_menu li a {
	color:#A5F0A2;

}

#nav li span { font-size:80%;
	color: #E4FFCD;}


/* ===========================
#footer
============================*/
#footer {
	width: 100%;
	color:#ffffff;
	max-height:250px;
	padding:15px 0px;
	text-align:center;
	background: #044919;
}


.footer { max-width:1200px; margin:0 auto;}

#footer a {
	text-decoration: none;
	color:#ffffff;
}

#footer a:hover {
	text-decoration: none;
}

#footer .f_menu { clear:both; margin:0 auto; text-align:left; padding:10px; }

#footer .f_menu a { margin-right:15px; display:inline-block;}

#footer .c_info .c_name {
	font-size: 160%;
	padding-bottom: 3px;
	margin-bottom: 5px;
	font-weight:bold;
}

#footer .c_info .c_name .shamei {
	font-size:90%;
}

#footer .c_info .c_address {
	font-size: 100%;
}

#footer .copyright {
	padding:2px 0px;
	text-align:center;
	font-size: 82%;
}


/* = PC ======================================================*/
@media screen and (min-width: 920px){

	#footer {
		max-height:250px;
		padding:15px 0px;
	}

}

/* = tablet ======================================================*/
@media screen and (min-width:641px) and (max-width:919px){

	#footer {
		max-height:300px;
		padding:0;
	}

}


/* = smapho ======================================================*/
@media screen and (max-width:640px){

	#footer {
		padding:0;
	}

}



/* ===========================
#footer .c_info
============================*/

#footer .c_info{ margin:0 auto; }

/* = PC ======================================================*/
@media screen and (min-width: 920px){

	#footer .c_info{
		background:url(../images/common/f_line.png) bottom repeat-x;
		padding:20px 0 20px 15px;
	}

}

/* = tablet ======================================================*/
@media screen and (min-width:641px) and (max-width:919px){

	#footer .c_info{ text-align:left; padding:10px 0px;}

}


/* = smapho ======================================================*/
@media screen and (max-width:640px){

	#footer .c_info{ text-align:center; padding:10px 0px; }

}