@charset "UTF-8";

/* 基本レイアウト用CSS */

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

【1】wrapper
【2】header
【3】contents
【4】g-menu
【5-1】left
【5-2】right
【6】footer

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

/* =============================================================
　■□■ 1. wrapper ■□■
============================================================= */

#wrapper
{
	width: 100%;
	margin: 0 auto;
	text-align: left;
	border-top:solid 5px #005396;
}

/* =============================================================
　■□■ 2. header ■□■
============================================================= */

#header
{
	clear:both;
	margin: 0 auto;
	padding-top:25px;
	padding-bottom:10px;
	width: 900px;
	height: 100%;
}
#header:after
{
	content: "";
	display: block;
	clear: both;
	height: 0px;
}

#logo
{
	float:left;
	margin-top:5px;
}

/* ------------- リモートメニュー ------------- */
#r-menu
{
	float:right;
	width:460px;
	padding-top:10px;
}
*:first-child+html #r-menu ul /* For Only IE7 */
{
	float:right;
	width:375px;
}

	#r-menu ul
	{
		float:right;
	}
		#r-menu li
		{
			display: inline;
			margin-left:15px;
		}
	
	/* ------------- サイト内検索 ------------- */
	#site-search
	{
		float:right;
		width:260px;
	}
		#site-search p.tit
		{
			float:left;
			padding:5px 10px 0 0;
			margin-bottom:5px;
		}
			#site-search p.width input
			{
				float:left;
				width:130px;
				font-size:12px;
			}
			#site-search p.icon input
			{
				float:right;
				margin-left:5px;
			}
		
/* =============================================================
　■□■ 3. contents ■□■
============================================================= */

#contents
{
	clear:both;
	margin: 0 auto;
	margin-top:5px;
	width: 900px;
	margin-bottom:30px;
	height: 100%;
}
#contents:after
{
	content: "";
	display: block;
	clear: both;
	height: 0px;
}

/* =============================================================
　■□■ 4. g-menu ■□■
============================================================= */

#g-menu
{
	clear: both;
	background-color:#005396;
	border:solid 1px #ededed;
}
	#g-menu ul
	{
		background-color:#005396;
		height: 100%;
	}
	#g-menu ul:after
	{
		content: "";
		display: block;
		clear: both;
		height: 0px;
	}
		#g-menu li
		{
			float: left;
		}
		#g-menu li a:link,
		#g-menu li a:visited
		{
			display:block;
			padding:11px 20px 11px 20px;
			background:url(/img/g_menu.gif) no-repeat right top;
			color:#FFFFFF;
			text-decoration:none;
			font-weight:bold;
		}
		#g-menu li a:hover,
		#g-menu li a:active
		{
			display:block;
			padding:11px 20px 11px 20px;
			color:#FFFFFF;
			font-weight:bold;
			background:url(/img/g_menu_on.gif) no-repeat right top;
		}
		
		#g-menu li.on a:link,
		#g-menu li.on a:visited,
		#g-menu li.on a:hover,
		#g-menu li.on a:active
		{
			display:block;
			padding:11px 20px 11px 20px;
			background:url(/img/g_menu_on.gif) no-repeat right top;
			color:#FFFFFF;
			font-weight:bold;
		}

		
/* =============================================================
　■□■ 5-1. left(submenu) ■□■
============================================================= */

#left
{
	width:234px;
	margin-top:15px;
}
	#left img
	{
		vertical-align:bottom;
	}

/* ------------- サブメニュー第１階層目 ------------- */

/* ------------- タイトル ------------- */
#left .menutit
{
	display:block;
	text-decoration:none;
	color:#333333;
	padding:7px 7px 7px 15px;
	background-color:#f0f0f0;
	border:solid 1px #d6d6d6;
	font-weight:bold;
}

/* ------------- タイトル【ニュース】 ------------- */
        #left .menutit-news a:link,
	#left .menutit-news a:visited
	{
		display:block;
		text-decoration:none;
		color:#333333;
		padding:7px 7px 7px 30px;
		background: url(/img/bg_s_menu_tit.gif) no-repeat left top;
		border:solid 1px #d6d6d6;
		font-weight:bold;
	}
	#left .menutit-news a:hover,
	#left .menutit-news a:active
	{
		display:block;
		text-decoration:none;
		color:#005396;
		padding:7px 7px 7px 30px;
		background: url(/img/bg_s_menu_tit_on.gif) no-repeat left top;
		border:solid 1px #d6d6d6;
		font-weight:bold;
	}

/* ------------- メニュー中身 ------------- */
#left ul.s-menu-1
{
	margin-top:1px;
	border-top:solid 1px #d6d6d6;
	border-right:solid 1px #d6d6d6;
}
	#left ul.s-menu-1 li
	{
		border-bottom:solid 1px #d6d6d6;
	}
	#left ul.s-menu-1 li.none
	{
		border-bottom:none;
	}
		/* ------------- リンク ------------- */
		#left ul.s-menu-1 li a:link,
		#left ul.s-menu-1 li a:visited
		{
			display:block;
			text-decoration:none;
			color:#333333;
			display:block;
			padding:7px 7px 7px 30px;
			background: url(/img/bg_s_menu_1.gif) no-repeat left top;
			border-left:solid 1px #d6d6d6;
		}
		#left ul.s-menu-1 li a:hover,
		#left ul.s-menu-1 li a:active
		{
			display:block;
			text-decoration:none;
			color:#005396;
			background: url(/img/bg_s_menu_1_onmouse.gif) no-repeat left top;
			border-left:solid 1px #d6d6d6;
		}
		/* ------------- （下の階層が）選択されいてる時 ------------- */
		#left ul.s-menu-1 span
		{
			display:block;
			padding:7px 7px 7px 30px;
			background: url(/img/bg_s_menu_1_on.gif) no-repeat left top;
			border-left:solid 1px #d6d6d6;
			border-bottom:solid 1px #d6d6d6;
		}
		/* ------------- 選択されいてる時 ------------- */
		#left ul.s-menu-1 span.on
		{
			background-image:none;
			background-color:#005396;
			display:block;
			padding:7px 7px 7px 30px;
			border-left:solid 1px #d6d6d6;
			border-bottom:none;
			color:#FFFFFF;
			font-weight:bold;
		}

/* ------------- サブメニュー第２階層目 ------------- */
#left ul.s-menu-2
{
	margin-left:26px;
}
	#left ul.s-menu-2 li
       {
		border-left:solid 1px #d6d6d6;
                }
		#left ul.s-menu-2 li.none
                {
			border-left:solid 1px #d6d6d6;
			border-bottom:none;
		}
		/* ------------- リンク ------------- */
		#left ul.s-menu-2 li a:link,
		#left ul.s-menu-2 li a:visited
		{
			display:block;
			width:169px;
			text-decoration:none;
			border-left:none;
			color:#333333;
			padding:5px 7px 5px 30px;
			background: url(/img/bg_s_menu_2.gif) no-repeat left top;
		}
		#left ul.s-menu-2 li a:hover,
		#left ul.s-menu-2 li a:active
		{
			display:block;
			width:169px;
			text-decoration:none;
			border-left:none;
			color:#005396;
			background: url(/img/bg_s_menu_2_onmouse.gif) no-repeat left top;
		}
		/* ------------- リンク（別ウィンドウVer.） ------------- */
		#left ul.s-menu-2 li.window a:link,
		#left ul.s-menu-2 li.window a:visited
		{
			display:block;
			width:156px;
			text-decoration:none;
			border-left:none;
			color:#333333;
			padding:5px 20px 5px 30px;
			background: url(/img/bg_s_menu_2_window.gif) no-repeat left top;
		}
		#left ul.s-menu-2 li.window a:hover,
		#left ul.s-menu-2 li.window a:active
		{
			display:block;
			width:156px;
			text-decoration:none;
			border-left:none;
			color:#005396;
			background: url(/img/bg_s_menu_2_window_onmouse.gif) no-repeat left top;
		}
		/* ------------- リンク（PDF） ------------- */
		#left ul.s-menu-2 li.pdf a:link,
		#left ul.s-menu-2 li.pdf a:visited
		{
			display:block;
			width:156px;
			text-decoration:none;
			border-left:none;
			color:#333333;
			padding:5px 20px 5px 30px;
			background: url(/img/bg_s_menu_2_pdf.gif) no-repeat left top;
		}
		#left ul.s-menu-2 li.pdf a:hover,
		#left ul.s-menu-2 li.pdf a:active
		{
			display:block;
			width:156px;
			text-decoration:none;
			border-left:none;
			color:#005396;
			background: url(/img/bg_s_menu_2_pdf_onmouse.gif) no-repeat left top;
		}
		/* ------------- （下の階層が）選択されいてる時 ------------- */
		#left ul.s-menu-2 span
		{
			width:169px;
			background: url(/img/bg_s_menu_2_on.gif) no-repeat left top;
			padding:5px 7px 5px 30px;
			border-left:none;
			border-bottom:none;
		}
		/* ------------- 選択されいてる時 ------------- */
		#left ul.s-menu-2 span.on
		{
			width:169px;
			background-image:none;
			background-color:#005396;
			padding:5px 7px 5px 30px;
			border-left:none;
			border-bottom:none;
			color:#FFFFFF;
			font-weight:bold;
		}
		/* ------------- 選択されいてる時（にリンクがある） ------------- */
		#left ul.s-menu-2 li a.link
		{
			width:169px;
			background-image:none;
			background-color:#005396;
			padding:5px 7px 5px 30px;
			border-left:none;
			border-bottom:none;
			color:#FFFFFF;
			font-weight:bold;
		}

/* ------------- サブメニュー第３階層目 ------------- */
#left ul.s-menu-3
{
	margin-left:20px;
}
        #left ul.s-menu-3 li
       {
		border-left:none;
	}

		#left ul.s-menu-3 li.none
                {
			border-left:none;
			border-bottom:none;
		}

		/* ------------- リンク ------------- */
		#left ul.s-menu-3 li a:link,
		#left ul.s-menu-3 li a:visited
		{
			display:block;
			width:148px;
			text-decoration:none;
			border-left:none;
			color:#333333;
			padding:5px 7px 5px 30px;
			background: url(/img/bg_s_menu_2.gif) no-repeat left top;
		}
		#left ul.s-menu-3 li a:hover,
		#left ul.s-menu-3 li a:active
		{
			display:block;
			width:148px;
			text-decoration:none;
			border-left:none;
			color:#005396;
			background: url(/img/bg_s_menu_2_onmouse.gif) no-repeat left top;
		}
		/* ------------- リンク（別ウィンドウVer.） ------------- */
		#left ul.s-menu-3 li.window a:link,
		#left ul.s-menu-3 li.window a:visited
		{
			display:block;
			width:136px;
			text-decoration:none;
			border-left:none;
			color:#333333;
			padding:5px 20px 5px 30px;
			background: url(/img/bg_s_menu_2_window.gif) no-repeat left top;
		}
		#left ul.s-menu-3 li.window a:hover,
		#left ul.s-menu-3 li.window a:active
		{
			display:block;
			width:136px;
			text-decoration:none;
			border-left:none;
			color:#005396;
			background: url(/img/bg_s_menu_2_window_onmouse.gif) no-repeat left top;
		}
		/* ------------- リンク（PDF） ------------- */
		#left ul.s-menu-3 li.pdf a:link,
		#left ul.s-menu-3 li.pdf a:visited
		{
			display:block;
			width:136px;
			text-decoration:none;
			border-left:none;
			color:#333333;
			padding:5px 20px 5px 30px;
			background: url(/img/bg_s_menu_2_pdf.gif) no-repeat left top;
		}
		#left ul.s-menu-3 li.pdf a:hover,
		#left ul.s-menu-3 li.pdf a:active
		{
			display:block;
			width:136px;
			text-decoration:none;
			border-left:none;
			color:#005396;
			background: url(/img/bg_s_menu_2_pdf_onmouse.gif) no-repeat left top;
		}
		/* ------------- （下の階層が）選択されいてる時 ------------- */
		#left ul.s-menu-3 span
		{
			width:149px;
			background: url(/img/bg_s_menu_2_on.gif) no-repeat left top;
			padding:5px 7px 5px 30px;
			border-left:none;
			border-bottom:none;
		}
		/* ------------- 選択されいてる時 ------------- */
		#left ul.s-menu-3 span.on
		{
			width:149px;
			background-image:none;
			background-color:#005396;
			padding:5px 7px 5px 30px;
			border-left:none;
			border-bottom:none;
			color:#FFFFFF;
			font-weight:bold;
		}
		/* ------------- 選択されいてる時（にリンクがある） ------------- */
		#left ul.s-menu-3 li a.link
		{
			width:149px;
			background-image:none;
			background-color:#005396;
			padding:5px 7px 5px 30px;
			border-left:none;
			border-bottom:none;
			color:#FFFFFF;
			font-weight:bold;
		}



/* =============================================================
　■□■ 5-2. right(main) ■□■
============================================================= */

#right
{
	float:right;
	width:624px;
	margin-top:15px;
	height: 100%;
}
#right:after
{
	content: "";
	display: block;
	clear: both;
	height: 0px;
}
	/* ----- list-1 ----- */
	#right ul li
	{
		background: url(/img/icon_circle.gif) no-repeat left 4px;
		padding-left:20px;
		font-weight:normal;
	}
	/* ------------- p ------------- */
	#right p
	{
		margin-bottom:20px;
		font-weight:normal;
	}
	/* ------------- h1 ------------- */
	#right h1
	{
		border-top:solid 1px #d6d6d6;
		background:url(/img/bg_tit.gif) no-repeat left bottom;
		padding:6px 5px 6px 10px;
		font-size:119%;
		margin-bottom:15px;
	}
	/* ------------- h2 ------------- */
	#right h2
	{
		clear:both;
		background:url(/img/bg_subtit.gif) no-repeat left center;
		padding:7px 5px 10px 0;
		font-size:100%;
		margin-bottom:15px;
	}
	/* ------------- h3 ------------- */
	#right h3
	{
		background:url(/img/bg_thirdtit.gif) no-repeat left center;
		padding:7px 5px 10px 20px;
		font-size:100%;
		margin-bottom:15px;
	}

/* =============================================================
　■□■ 6. footer ■□■
============================================================= */
#footer
{
	clear:both;
	margin: 0 auto;
	width:900px;
	height: 100%;
}
#footer:after
{
	content: "";
	display: block;
	clear: both;
	height: 0px;
}
	/* ------------- pagetop ------------- */
	#footer .pagetop
	{
		text-align:right;
	}

	/* ------------- footer-contents ------------- */
	#footer-contents
	{
		border-top:solid 3px #005396;
		font-size:82%;
	}
	
		/* ------------- address ------------- */
		#footer-contents #address
		{
			float:left;
			margin-top:8px;
	
		}
			#footer-contents ul
			{
				clear:both;
			}
				#footer-contents ul li
				{
					float:left;
					margin-right:10px;
				}
					#footer-contents li.map-1
					{
						width:110px;
						background: url(/img/icon_arrow_2.gif) no-repeat left center;
						padding-left:8px;
					}
					#footer-contents li.map-2
					{
						width:230px;
					}
			/* ------------- address / ul ------------- */
			#footer-contents ul#about-list
			{
				clear:both;
				padding-top:8px;
			}
				#footer-contents ul#about-list li
				{
					float:left;
					margin-right:10px;
				}
		
		/* ------------- copyright ------------- */		
		#footer-contents #copyright
		{
			float:right;
		}
			#footer-contents #copyright .logo-tech
			{
				text-align:right;
				margin-bottom:5px;
				padding-top:5px;
			}
			#footer-contents #copyright a
			{
				padding-left:5px;
			}