@charset "utf-8";
/* ===================================================================
CSS information

 file name  :module.css
 style info :共通（ヘッダー、フッター）
=================================================================== */
#container {
	width: 960px;
	margin: 0 auto;
	text-align: left;
}

@media screen and (max-width: 479px) {
	#container {
		width: 100%;
	}
}

/*----------------------------------------------------
	#pagebody
----------------------------------------------------*/
div#pagebody{
	width: 960px;
	margin: 0px auto;
}

@media screen and (max-width: 479px) {
	div#pagebody{
		width: 100%;
	}
}

/*----------------------------------------------------
	#wrapper
----------------------------------------------------*/
div#wrapper{
	width: 960px;
	margin: 0px auto;
}
div#wrap{
	margin: 0px auto;
	width: 960px;
}

#wrap p#path { 
	margin : 3px 0; 
	padding : 0 0 0 0  ; 
	text-align:right;
	} 
#wrap .pageTop {
	clear: both;
	text-align: right;
	padding-bottom:10px;
}
#top_img {
	margin:0;
	padding:0;
	}


/* -----------------------------------------------------------
	#header
		ヘッダー
----------------------------------------------------------- */
#header {
	margin: 0px auto;
	width: 960px;
	height:110px;
}

#header #logo { 
	float : left; 
	margin-top : 0px; 
	} 
		
#header h2 {
	padding:0;
	}

#header #box {
	display: block;
	width: 190px;
	height: 45px;
	margin: 45px 0 0 0;
	padding: 0;
	float: right;
}

@media screen and (max-width: 479px) {
	#header {
		width: 100%;
		height:auto;
		margin:0 auto 15px auto ;
	}
	
	#header #logo { 
		float : none ;
		width:90% ;
		margin:0 auto ;
		text-align:center ;
	} 
			
		#header #logo img{
			max-width:100% ;
			height:auto ;
		}
	
		#header #logo #nheader_txt{
			display:none ;
		}
}


/* #utilityNav
----------------------------------------------------------- */
#header #utilityNav {
	text-align: right;
	}

#header #utilityNav ul {
	margin-top:50px;
}

#header #utilityNav li {
	display: inline;
}

/* #gNav
----------------------------------------------------------- */
/*
#gNav { 
	margin: 30px 0 10px 22px;
	width: 200px;
} 
#gNav ul { 
} 
#gNav ul li {
	list-style:none ;
	width:100% ;
	margin:0 auto 5px auto;
} 
	
#gNav ul li a {
	display:block ;
	background:#000000 ;
	color:#FFFFFF ;
	text-decoration:none ;
	font-size:170% ;
	padding:3px 0 ;
	text-indent:3.2em ;
} 

#gNav ul li a:hover{
	background-color:#CCC ;
	color:#000000 ;
}
*/

#nav_menu p{width:200px; height:24px; background-color:#595757; color:white; padding:5px; margin-bottom:6px; font-size:120%; font-weight:bold; }

#gNav ul{margin:10px 0 0 20px;}
#gNav ul li {position: relative;list-style:none;line-height:270%;}
#gNav ul li::after {display: block;content: '';position: absolute;top: .35em; left: -1.5em; width: 6px; height: 17px; background-color:gray;
}
#gNav ul li a{color:#595757; text-decoration:none; display:block; font-size:16px; width:189px;}
#gNav ul li a:hover{width:175px; background-color:#D9D9D9;}


.small{font-size:80%;}
#sp_gNav{
	display:none ;
}

@media screen and (max-width: 479px) {

	
	#sp_gNav{
		display:block ;
		width:100% ;
		margin:0 auto 10px auto ;
	}

		#sp_gNav ul{
			overflow:hidden ;
			text-align:center ;
		}
	
		#sp_gNav ul li {
			list-style:none ;
			width:32% ;
			display:inline-block ;
			margin:0 0 5px 0;
		} 
			
		#sp_gNav ul li a {
			text-align:center ;
			display:block ;
			background:#000000 ;
			color:#FFFFFF ;
			text-decoration:none ;
			font-size:120% ;
			padding:5px 0 ;
		} 
		
}

/* -----------------------------------------------------------
	#footer
		フッター
----------------------------------------------------------- */
#footer {
	background-color:#eee;
	background-repeat:repeat-x;	
	height:80px;
	color:#333;
}

#footerArea {
	margin: 0 auto;
	width: 960px;
	text-align: center;
	font-size:0.85em;
	color:#333;
	padding:0;
}

#footer ul {
	margin: 0;
	padding: 10px 0;
}

#footer ul li {
	display: inline;
}

#footer a:link {
	color:#333;
}

#footer a:visited {
	color:#333;
}

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

#footer address a:link {
	color:#999;
	text-decoration: none;
}

#footer address a:visited {
	color:#999;
	text-decoration: none;
}

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