@charset "utf-8";
/**************************************************************************************************
Initialization
**************************************************************************************************/
body,div,
dl,dt,dd,
ul,ol,li,
h1,h2,h3,h4,h5,h6,
table,td,th,
pre,code,
form,fieldset,legend,input,textarea,
p,blockquote {
	margin			: 0;
	padding			: 0;
}
body {
	font-size		: small;
}
table {
	border-collapse	: collapse;
	border-spacing	: 0;
}
fieldset,img {
	border			: 0;
}
address,caption,cite,code,dfn,th,var {
	font-style		: normal;
	font-weight		: normal;
}
ol,ul { 
	list-style		: none;
}
caption,th {
	text-align		: left;
}
input, textarea, select {
	font-family		: inherit;
	font-weight		: inherit;
	font-size		: 100%;
}
h1,h2,h3,h4,h5,h6 { 
	font-size		: 100%;
}
img {
	vertical-align	: top;
}

/**************************************************************************************************
CLEARFIX CLASS
**************************************************************************************************/
.clearfix:after {
	display			: block;
	clear			: both;
	height			: 0;
	content			: "";
	overflow		: hidden;
}
.clearfix {
	overflow		: hidden;
}
/* FOR MAC IE \*/
* html .clearfix {
	height			: 1%;
	overflow		: visible;
}
.clearfix {
	display			: block;
}
/* END OF FOR MAC IE */


/* LINK
-------------------------------------------------------------------------------------------------*/
a:link,
a:active,
a:visited {
	color			: #00A0E9;
	text-decoration	: none;
}
a:hover,
a:focus {
	color			: #00A0E9;
	text-decoration	: underline;
}

/* Mouseover */
a:hover img.Mouseover,
a:focus img.Mouseover {
	opacity			: 0.7;
	filter			: alpha(opacity=70);
	-moz-opacity	: 0.7;
}

/* OUTLINE
-------------------------------------------------------------------------------------------------*/
html {
	height			: 100%;
}
body {
	height			: 100%;
	line-height		: 1.1;
}
#Container {
	margin			: 0 auto;
	width			: 1000px;
	height			: 100%;
	background		: url(../images/container_bg.gif) repeat-y 0 0;
}

/* HEADER
-------------------------------------------------------------------------------------------------*/
#Header {
	padding			: 20px 0;
	background		: #000000;
}
	#Header .Logo {
		float			: left;
		width			: 326px;
		padding			: 0 0 18px 36px;
	}
	#Header div.HeadNavi {
		float			: right;
		/*width			: 271px;*/
		padding			: 0 37px 0 0;
	}
		#Header div.HeadNavi p {
			margin			: 0 0 8px;
		}
		#Header div.HeadNavi ul {}
			#Header div.HeadNavi ul li {
				float			: left;
			}
			#Header div.HeadNavi ul li.First {
				background		: url(../../search_site/common/images/menu_bg.gif) no-repeat right center;
				padding			: 0 9px 0 0;
				margin			: 0 5px 0 0;
			}
			#Header div.HeadNavi ul li.English {
				margin			: 0 0 0 10px;
			}
	
	#Header div#PhotoArea {
		position		: relative;
		width			: 1000px;
		height			: 234px;
		overflow		: hidden;
		margin			: 0 0 20px;
	}
		#Header div#PhotoArea p.LogoImg {
			position		: absolute;
			left			: 40px;
			top				: 65px;
			z-index			: 15;
		}
		* html #Header div#PhotoArea p.LogoImg img {
			behavior: expression(IEPNGFIX.fix(this));
		} 
		#Header div#PhotoArea ul {
			width			: 30000px;
		}
			#Header div#PhotoArea ul li {
				float			: left;
				margin			: 0 4px 4px 0;
			}
	#Header p.VisualName {
		margin			: 0 0 49px 37px;
	}
	#Header p.MenuTitle {
		margin			: 0 0 12px 37px;
	}
	
	#Header ul.GlobalMenu {
		margin			: 0 auto;
		width			: 927px;
	}
		#Header ul.GlobalMenu li {
			float			: left;
		}
	
	#Header div.VisualRead {
		margin		  : 33px 0 0 36px;
	}
		#Header div.VisualRead p {
			float		   : left;
			margin		  : 0 9px 0 0;
		}
		#Header div.VisualRead ul {
			margin		  : 2px 0 0;
		}
			#Header div.VisualRead ul li {
				float		   : left;
				color		   : #00A0E9;
				font-size	       : 85%;
				padding		 : 2px 9px;
				border-left		: 1px solid #00A0E9;
			}


	#Header div.VisualRead2 {
		margin			: 5px 0 0 36px;
	}
		#Header div.VisualRead2 p {
			float			: left;
			margin			: 0 9px 0 0;
		}
		#Header div.VisualRead2 ul {
			margin			: 2px 0 0;
		}
			#Header div.VisualRead2 ul li {
				float			: left;
				color			: #00A0E9;
				font-size		: 85%;
				padding			: 2px 9px;
				border-left		: 1px solid #00A0E9;
			}
#HeadMenu {
	background		: #898989;
	padding			: 16px 0 16px 37px;
	margin			: 0 0 45px;
}
	#HeadMenu ul {}
		#HeadMenu ul li {
			float			: left;
			padding			: 1px 13px 0 0;
			margin			: 0 13px 0 0;
			border-right	: 1px solid #000000;
		}
		#HeadMenu ul li.End {
			border			: none;
		}

/* Navi
-------------------------------------------------------------------------------------------------*/
#Navi {
	width			: 912px;
	margin			: 0 auto;
}
	#Navi ol {
		margin			: -18px 0 27px;
		position		: relative;
	}
		#Navi ol li {
			float			: left;
			font-size		: 85%;
			margin			: 0 5px 0 0;
		}
			#Navi ol li a {
				margin			: 0 5px 0 0;
			}
			#Navi ol li span,
			#Navi ol li strong {
				color			: #9B9C8F;
				font-weight		: normal;
				margin			: 0 5px 0 0;
			}

/* MAIN
-------------------------------------------------------------------------------------------------*/
#Main {
	padding			: 0 44px 60px;
	background		: url(../images/container_bg.gif) repeat-y 0 0;
	color			: #221814;
}

/* CONTENTS
-------------------------------------------------------------------------------------------------*/
#Contents {
	width			: 680px;
	float			: right;
}

/* SIDEBAR
-------------------------------------------------------------------------------------------------*/
#SideBar {
	width			: 198px;
	float			: left;
	line-height		: 1.3;
}
	#SideBar ul.SideMenu {
		border-top		: 1px solid #7FA9D3;
		padding			: 10px 0 20px;
		margin			: 0 0 10px;
	}
		#SideBar ul.SideMenu li {
			padding			: 0 0 7px;
			font-size		: 114%;
			color			: #231815;
		}
			#SideBar ul.SideMenu li a {
				color			: #231815;
				display			: block;
				padding			: 2px;
			}
			#SideBar ul.SideMenu li a.on,
			#SideBar ul.SideMenu li a:hover {
				background		: #0054A7;
				color			: #ffffff;
				text-decoration	: none;
			}
			#SideBar ul.SideMenu li ul {
				margin			: 12px 0 0 15px;
			}
				#SideBar ul.SideMenu li ul li {
					font-size		: 85%;
				}
				#SideBar ul.SideMenu li ul li a {
					background		: url(../images/s_menu_icon.gif) no-repeat 2px 0.7em;
					padding-left	: 13px;
				}
				#SideBar ul.SideMenu li ul li a:hover {
					background		: #0054A7 url(../images/s_menu_icon_ov.gif) no-repeat 2px 0.7em;
				}

#SideBar dl.ContentsMenu {
	border-top		: 1px solid #7FA9D3;
	padding			: 10px 0 25px;
}
	#SideBar dl.ContentsMenu dt {
		margin			: 0 0 15px;
		font-size		: 113%;
		color			: #004D9A;
		font-weight		: bold;
	}
	#SideBar dl.ContentsMenu dd {}
		#SideBar dl.ContentsMenu dd ul {}
			#SideBar dl.ContentsMenu dd ul li {
				margin			: 0 0 12px;
			}
				#SideBar dl.ContentsMenu dd ul li a {
					color			: #231815;
					display			: block;
					padding			: 2px;
				}
				* html #SideBar dl.ContentsMenu dd ul li a {
					zoom			: 1;
				}
				#SideBar dl.ContentsMenu dd ul li a.on,
				#SideBar dl.ContentsMenu dd ul li a:hover {
					background		: #0054A7;
					color			: #ffffff;
					text-decoration	: none;
				}
				#SideBar dl.ContentsMenu dd ul li ul {
					margin			: 10px 0 0 15px;
				}
					#SideBar dl.ContentsMenu dd ul li ul li {
						margin			: 0 0 4px;
					}
						#SideBar dl.ContentsMenu dd ul li ul li a {
							text-indent		: -1em;
							padding-left	: 1.2em;
						}

#SideBar dl.PhotoList {
	background		: #ECF5FF;
	padding			: 15px 0 0;
	margin			: 0 0 20px;
}
	#SideBar dl.PhotoList dt {
		margin			: 0 0 10px;
		font-size		: 113%;
		color			: #004D9A;
		padding			: 0 2px;
		text-align		: center;
	}
	#SideBar dl.PhotoList dd {
		padding			: 0 0 15px 8px;
	}
		#SideBar dl.PhotoList dd ul {}
			dl.PhotoList dd ul li {
				width			: 86px;
				display			: inline-block;
				margin			: 0 6px 5px 0;
				vertical-align	: middle;
				text-align		: center;
			}
			* html #SideBar dl.PhotoList dd ul li {
				display		: inline;
				zoom		: 1;
			}
			*+html #SideBar dl.PhotoList dd ul li {
				display		: inline;
				zoom		: 1;
			}
				#SideBar dl.PhotoList dd ul li span {
					background		: #ffffff;
					border			: 1px solid #B2B2B0;
					display			: inline-block;
					padding			: 3px;
					overflow		: hidden;
				}
				* html #SideBar dl.PhotoList dd ul li span {
					display		: inline;
					zoom		: 1;
				}
				*+html #SideBar dl.PhotoList dd ul li span {
					display		: inline;
					zoom		: 1;
				}

/* FOOTER
-------------------------------------------------------------------------------------------------*/
#PageTop {
	background		: url(../images/container_bg.gif) repeat-y 0 0;
	padding			: 0 44px 14px;
}

#Footer {
	padding			: 13px 37px 20px 36px;
	background		: url(../../search_site/common/images/container_bg.gif) repeat-y 0 0;
}
	#Footer p {
		float			: left;
		width			: 154px;
		height			: 11px;
		background		: url(../../search_site/common/images/f_copy.gif) no-repeat 0 0;
		overflow		: hidden;
	}
		#Footer p span {
			display			: none;
		}
	#Footer ul {
		float			: right;
	}
		#Footer ul li {
			float			: left;
			padding			: 0 0 0 7px;
			margin			: 0 0 0 4px;
			background		: url(../../search_site/common/images/f_menu_bg.gif) no-repeat 0 center;
			font-size		: 78%;
		}
		#Footer ul li.First {
			background		: none;
		}
			#Footer ul li a {
				color			: #ffffff;
			}