@charset "utf-8";
/*********************************************
**    Copyright (c) 2009 Ehime Prefecture.
**                  All Rights Reserved.
**********************************************/
/*======================================
Font-size Adjustment
77% = 10px	|	122% = 16px	|	167% = 22px
85% = 11px	|	129% = 17px	|	174% = 23px
92% = 12px	|	136% = 18px	|	182% = 24px
100% = 13px	|	144% = 19px	|	189% = 25px
107% = 14px	|	152% = 20px	|	197% = 26px
114% = 15px	|	159% = 21px	|
=======================================*/
/**************************************************************************************************
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	: bottom;
}

/**************************************************************************************************
CLEARFIX CLASS
**************************************************************************************************/
.clearfix:after {
	display			: block;
	clear			: both;
	height			: 0;
	visibility		: hidden;
	content			: ".";
	line-height		: 0;
}
.clearfix {
	display			: inline-table;
	min-height		: 1%;
}
/* FOR MAC IE \*/
* html .clearfix {
	height			: 1%;
}
.clearfix {
	display			: block;
}
/* END OF FOR MAC IE */

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

/* OUTLINE
-------------------------------------------------------------------------------------------------*/
body {
	margin			: 0 0 30px 0;
	line-height		: 1.3;
	background		: url(../images/body_bg.jpg) repeat-x 0 0;
}
#Container {
	width			: 870px;
	margin			: 0 auto;
	border			: solid #E2E2E2;
	border-width	: 0 1px 1px;
	background		: #ffffff;
	padding			: 0 15px 15px;
}

/* HEADER
-------------------------------------------------------------------------------------------------*/
#Header {
	margin			: 0 0 6px;
}
	#Header div.Left {
		width			: 520px;
		float			: left;
	}
		#Header div.Left h1 {
			padding			: 5px 0 3px 10px;
		}

	#Header div.Right {
		width			: 345px;
		float			: right;
	}
		#Header div.Right div {
			background		: url(../images/h_search_bg.jpg) no-repeat 0 0;
			width			: 275px;
			height			: 27px;
			margin			: 0 0 23px;
			padding			: 8px 0 0 70px;
		}
			#Header div.Right div p {
				float			: left;
				margin			: 0 5px 0 0;
				font-size		: 0;
				
			}
			#Header div.Right div input.SearchTxt {
				width			: 140px;
				margin			: 0 3px 0 0;
				font-size		: 13px;
				vertical-align	:top;
			}
		#Header div.Right ul {
			text-align		: right;
		}
			#Header div.Right ul li {
				display			: inline;
				margin			: 0 0 0 7px;
				font-size		: 0;
			}
				#Header div.Right ul li img {
					vertical-align	: top;
				}
					#Header div.Right ul li.Home img {
						margin			: 6px 0 0 0;
					}

/* MAIN CONTENTS
-------------------------------------------------------------------------------------------------*/
#Main {
	margin			: 0 0 20px;
}

/* LEFT
-------------------------------------------------------------------------------------------------*/
#Left {
	width			: 192px;
	float			: left;
}
	#Left ul {
		margin			: 0 0 5px;
	}
		#Left ul.Link li {
			margin			: 0 0 8px;
		}
	#Left dl {
		width			: 187px;
		margin			: 0 0 8px;
	}
		#Left dl dd {
			border			: solid #DEDEDE;
			border-width	: 0 1px 1px;
			padding			: 5px 7px
		}
			#Left dl dd strong {
				font-size		: 114%;
			}
			#Left dl dd p.Name {
				font-size		: 85%;
			}
			#Left dl dd p.Link {
				text-align		: right;
			}
				#Left dl dd p.Link a {
					background		: url(../images/icon01.gif) no-repeat 0 center;
					padding			: 0 0 0 13px;
				}

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

/* FOOTER
-------------------------------------------------------------------------------------------------*/
#Footer div {
	text-align		: right;
	font-size		: 85%;
	margin			: 0 0 5px;
}
	#Footer div a {
		background		: url(../images/icon_top.gif) no-repeat 0 center;
		padding			: 0 0 0 13px;
	}
#Footer ul {
	text-align		: center;
	margin			: 0 0 10px;
	border-top		: 1px dotted #00367B;
	padding			: 15px 0 0 0;
	word-break		: keep-all;
}
	#Footer ul li {
		display			: inline;
		background		: url(../images/icon01.gif) no-repeat 0 center;
		padding			: 0 0 0 13px;
		margin			: 0 5px;
	}
#Footer p {
	text-align		: center;
}