@charset "UTF-8";

/* layout_top.css */

/* ================= 目次 =====================

	[1]body
	[2]header
	―――――――――――――――
		└header-innner
	
	[3] contents
	―――――――――――――――
		├g-navi
		├main
		└side
		
	[4] footer
	―――――――――――――――
		├fotter-inner
		└copyright

============================================ */


/* =============================================================
　■□■ 1. body ■□■
============================================================= */
body
{
	background: url(/img/bg_main.gif) top center repeat-x;
	background-color: #f4f4f4;
}

/* =============================================================
　■□■ 2. header ■□■
============================================================= */
#header
{
	margin: 0 auto;
	padding-bottom: 30px;
	width: 850px;
}

/* ------------- header-innner ------------- */
#header-inner
{
	margin: 0 auto;
	width: 850px;
}

	#header-inner p.font-white
	{
		display: none;
	}
	
	#header-inner p.font-darkblue
	{
		font-weight: bold;
		margin-top: 2px;
		margin-left: 180px;
		padding-bottom: 18px;
	}

/* ------------- logo ------------- */

.logo
{
	float: left;
	display: inline;
	margin-right: 48px;
	margin-left: 25px;
}

/* ------------- g-navi ------------- */

#g-navi{
	float: right;
	display: inline;
	width: 670px;
}

	#g-navi li
	{
		float: left;
		display: inline;
		padding-right: 5px;
	}
	
	#g-navi li.last
	{
		padding-right: 0;
	}


/* =============================================================
　■□■ 3. contents ■□■
============================================================= */
#contents
{
	clear: both;
	margin: 0 auto 30px auto;
	width: 850px;
}

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

#main
{
	float: left;
	width: 610px;
}

	#main img
	{
		padding: 0 !important;
		border: none !important;
		background: none !important;
	}


	/* ------------- main内容 ------------- */
	#topics
	{
		border-bottom: solid 1px #CCCCCC;
		background: url(/img/bg_topics.gif) top left no-repeat;
	}
	
	#topics h3 img
	{
		margin-top: 15px;
		margin-left: 25px;
		background: #FF0000;
	}
	
	#topics .topics-navi
	{
		text-align: right;
		margin-top: -17px;
	}
	
		#topics .topics-navi li
		{
			display: inline;
		}
	
		#topics .topics-navi img
		{
			vertical-align: top;
			margin-bottom: 30px;
		}
	
	#topics dl
	{
		clear: both;
		font-size: 12px;
		margin-left: 25px;
	}
	
		#topics dl dt
		{
			float: left;
			width: 8em;
			padding-bottom: 1.47em;
		}
		
		#topics dl dd
		{
			margin-left: 35px;
			background: url(/img/icon_square01.gif) 4.2em center no-repeat;
		}
			
			#topics dl dd a:link,
			#topics dl dd a:visited
			{
				color: #555555;
			}
			#topics dl dd a:hover,
			#topics dl dd a:active
			{
				background-color: #5ecef8;
			}

/* ------------- side ------------- */

#side
{
	float: right;
	width: 210px;
}

	/* ------------- side内容 ------------- */
	
	/* ------------- contact ------------- */
	.contact
	{
		clear: both;
		height: 205px;
		padding: 0 20px;
		background: url(/img/bg_contact.gif) left top no-repeat;
	}
	
		.contact h3 img
		{
			margin-bottom: 10px;
			padding-top: 20px;
		}
		
		.contact h4 img
		{
			margin-bottom: 5px;
		}
		
		.contact address,
		.contact p
		{
			margin-bottom: 10px;
		}
				
		.contact p.map
		{
			text-align: right;
			margin-top: -45px;
			margin-right: 7px;
		}
		
	.banner
	{
		clear: both;
	}
			
/* =============================================================
　■□■ 4. footer ■□■
============================================================= */
#footer
{
	clear: both;
	padding: 12px 0;
	background-color: #000000;
}

/* ------------- footer-inner ------------- */
#footer-inner
{
	margin: 0 auto;
	width: 850px;
}

	#footer-inner ul
	{
		text-align: center;
	}

	#footer-inner li 
	{
		display: inline;
		font-size: 10px;
		margin-right: 5px;
		padding-left: 8px;
		background: url(/img/line01.gif) left 50% no-repeat;
	}
	
	#footer-inner li.first
	{
		padding-left: 0;
		background: none;
	}

	#footer-inner li a:link,
	#footer-inner li a:visited
	{
		color: #FFFFFF;
		text-decoration: none;
	}
	#footer-inner li a:hover,
	#footer-inner li a:active
	{
		color: #5ecef8;
	}

/* ------------- copyright ------------- */

p.copyright
{
	margin: 0 auto;
	width: 850px;
	text-align: right;
	padding-bottom: 50px;
}

	p.copyright img
	{
		margin-top: 10px;
	}