@charset "utf-8";

* {
	margin: 0px;
	padding: 0px;
	font-size: 12px;
	font-family: "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
	font-weight: normal;
	font-style: normal;
	text-decoration: none;
	border: 0px;
}

body,h1,h2,h3,h4,h5,h6,div,p,ul,ol,li,dl,dt,dd,form,input,textarea,pre { margin: 0; padding: 0; }
ul, li { list-style-type: none; }
a { color: #00c; text-decoration: underline; outline: 0; }
a:visited { color: #551a8b; text-decoration: underline; }
a:hover { color: #f00; text-decoration: underline; outline: 0; }
a:active { color: #f00; text-decoration: underline; outline: 0; }
hr { display: none; }
em, address { font-style: normal; }
strong { font-weight: bold; }
.clear { clear: both; }
.fL { float: left; }
.fR { float: right; }
.left { text-align: left; }
.right { text-align: right; }
.center { text-align: center; }
p { margin: 0 0 10px 0; }
img { border: 0; }

/*------------clearfix-------------*/

.clearfix:after {
   content: ".";
   display: block;
   clear: both;
   height: 0;
   visibility: hidden;
}
.clearfix { display: inline-block; }
/* exlude MacIE5 \*/
* html .clearfix { height: 1% }
.clearfix {display:block;}
/* end MacIE5 */

/*---------------------------------*/

body {
	background: url(../img/background.gif) top center repeat-x #CFDEEA;
	margin: 0px;
	padding: 16px 0;
	font: 11px "Lucida Sans Unicode", "Lucida Sans", "Lucida Grande", verdana, arial, helvetica;
	color: #282828;
	text-align: center;
}

p {
	font-size: 11px;
	text-align: justify;
	line-height: 16px;
}

img {
	border-style: none;
}

a {
	color: #2E9FED;
	text-decoration: none;
}

a:hover {
	color: #1471B1;
}

h1 {
	padding: 5px 0 0 20px;
	margin: 0px;
	font-weight: bold;
	font-size: 20px;
	color: #000;
}

h2 {
	padding: 5px 0 0 20px;
	margin: 0px;
	font-weight: bold;
	font-size: 14px;
	color: #000;
}

h3 {
	font-size: 14px;
	color: #003366;
}

h4 {
	font-size: 13px;
	padding: 2px;
	margin: 0px;
	color: #003366;
	border-bottom: 1px #999999 dashed;
}

.pr-box {
	margin: 0 0 0 5px;
}

.pr-box a {
	padding: 0 0 0 10px;
	color: #C0C0C0;
}

#container {
	position: relative;
	width: 750px;
	margin: 0 auto;
	padding: 0px;
	text-align: left;
}

#head {
	width: 750px;
	height: 172px;
	background: url(../img/head.gif) no-repeat;
}

#head h1 {
	position: absolute;
	margin: 31px 0 0 36px;
	width: 400px;
	height: 75px;
	left: 1px;
	top: 19px;
}

#head h1 a {
	width: 154px;
	height: 59px;
	display: block;
	font-size: 20px;
	text-decoration: none;
	font-weight: bold;
	color: #000;
}

.top_head_banner {
	float: right;
	width: 738px;
	height: 172px;
	background: url(../img/img_head.jpg) no-repeat right;
	background-position: -12px 12px;
}

#menu {
	position: absolute;
	width: 704px;
	top: 181px;
	left: 24px;
	margin: 0px;
	padding: 0px;
	z-index: 100;
}

#menu li {
	list-style-type: none;
	float: left;
	width: 115px;
	height: 30px;
	line-height: 30px;
	overflow: hidden;
}

#menu li a {
	width: 115px;
	height: 30px;
	line-height: 30px;
	overflow: hidden;
	color: #8A8A8A;
}

#menu li a:hover {
	color: #000033;
}

#menu .current {
	color: #000033;
	font-weight: bold;
}

#area {
	width: 750px;
	height: 54px;
	background: url(../img/area.gif) repeat-x;
}

#main {
	margin: auto;
	background: url(../img/bg_main.gif) repeat-y;
	width: 750px;
	height: auto;
}

#content_left {
	float: left;
	padding: 0 30px 30px 30px;
	width: 445px;
	height: auto;
	font: 12px;
	line-height: 18px;
}

#content_right {
	float: left;
	padding: 5px;
	width: 200px;
	height: auto;
}

#welcome {
	background: url(../img/center_banner.gif) no-repeat top center;
	background-position: 12px 0px;
	padding: 10px;
	width: 750px;
	height: 80px;
	/*text-indent: -9999em;*/
}

.item_box {
	width: auto;
	height: auto;
	border-bottom: 1px #666666 dashed;
}

.item_box li {
	width: 200px;
	height: 20px;
	line-height: 20px;
	overflow: hidden;
}

.item_box li a {
	margin: 0;
	padding: 0;
	width: 200px;
	height: 20px;
	text-indent: 0;
	line-height: 20px;
	text-decoration: none;
}

.spacer {
	width: auto;
	height: 2px;
	clear: both;
	padding-bottom: 2px;
}

.favorite {
	margin: 0px;
	padding: 0 0 0 10px;
	list-style-type: circle;
}

.favorite2 {
	margin: 0 0 20px 0;
	padding: 0 0 0 30px;
	list-style-type: square;
}

ul {
	margin: 0 0 20px 0;
	padding: 0px;
	list-style-type: none;
}

.imgleft {
	background: url(../img/t4.jpg) no-repeat;
	width: 170px;
	height: 116px;
	float: left;
}

#footer {
	text-align: center;
	font-size: 10px;
	color: #000033;
	background: url(../img/footer.gif) no-repeat;
	background-position: 0px 0px;
	padding-top: 10px;
	width: 750px;
	height: 85px;
	line-height: 55px;
}

#footer a {
	background: none;
	padding: 0px;
}

#madeby {
	width: 200px;
	height: 85px;
	float: right;
	padding-right: 30px;
	text-align: center;
}

#madeby a {
	text-decoration: none;
	color: #666666;
}

	.pr-box {
			margin: 0;
			padding: 1px 10px;
			width: 700px;
			height: 14px;
			font-size: 10px;
			color: #fff;
			background: #2e251;
		}
		
			.pr-box ul {
				margin: 0;
				padding: 0 0 0 30px;
				background: url(../img/pr.gif) 0 3px no-repeat;				
			}
			
				.pr-box ul li {
					display: inline;
					margin: 0 8px 0 0;
					padding: 0;
				}
	
					.pr-box ul li a { color: #ddd; font-size: 10px; text-decoration: none; }
						
	#breadcrumb { margin: 0; padding: 0; }
		#breadcrumb ul { margin: 0; padding: 0; text-align: left; }
			#breadcrumb ul li { display: inline; margin: 0; padding: 0; }
				#breadcrumb ul li a { color: #4a4124; }
					#breadcrumb ul li a:hover { color: #f90; }