@charset "utf-8";

/* Bace Layout */

	#container {
		margin: 0 auto;
		padding: 0;
		width: 880px;
		}
	
	#header {
		display: block;
		margin: 0 0 10px;
		padding: 0;
		width: 880px;
		height: 80px;
		border-top: 5px solid #CBFFB5;
		}
		
	#sidebar {
		float: right;
		margin: 0 0 20px;
		padding: 0;
		width: 200px;
		text-align:justify;
		}
		
	#contents {
		float: left;
		margin: 0 0 20px;
		padding: 0;
		width: 660px;
		text-align:justify;
		background: url(../images/contents-bottom_bg.gif) center bottom no-repeat;
		}
	
	#footer {
		clear:both;
		margin: 0;
		padding: 0;
		font-size: 85%;
		border-top: 5px solid #d4d4d4;
		background: #CBFFB5;
		}

/* #header */

	#logo {
		position: absolute;
		z-index: 0;
		top: 18px;
		width: 211px;
		height: 63px;
		}
	
	#logo img { margin: 0 20px}
	
	
	h1 {
		position: absolute;
		z-index: 1;
		top: 30px;
		margin-left: 450px;
		padding:0;
		width: 400px;
		height: 1;
		font-size: 90%;
		font-weight: normal;
		color: #666;
		line-height: 1.5;
		}
	
	#header ul {
		float: right;
		margin: 0 0 10px;
		padding: 0;
		background: #CBFFB5;
		}
		
		#header ul li {
			float: left;
			margin: 0;
			padding: 5px;
			font-size: 85%;
			line-height: 1;
			}
		
		#header ul li#corner-left {
			border-right: 1px solid #000066; 
			background: url(../images/headeer-navi_left.gif) left bottom no-repeat;}
		
		#header ul li#corner-right {
			border-left: 1px solid #000066; 
			background: url(../images/headeer-navi_right.gif) right bottom no-repeat;
			}
			
	#header-banner {
		clear: both;
		margin: 0;
		padding: 0;
		text-align:right;
		}
	
	#header-banner img { margin-left: 10px;}

/* #header-menu */

	#header-menu {
		margin: 0px 0px 10px 0px;
		border: 1px solid #dfdfdf;
	}
	
	#header-menu div {
		border: 2px solid #fff;
		background: #CBFFB5 url(../images/header-menu_bg.gif) repeat-x;
		}
	
	#header-menu div ul {
		margin: 10px 20px;
		}
	
		#header-menu div ul li {
				display: inline;
				margin: 0;
				padding: 0px 0px 0px 5px;
				line-height: 1.2;
				}
				
/* #main */

	#main {
		display: block;
		margin: 0px 0px 10px 0px;
		padding: 20px 0 0 10px;
		width: 870px;
		height: 182px;
		background: url(../images/main_bg.gif) left top no-repeat
		}
	
	#lot-resul {
		margin: 0 0 0 5px;
		padding: 0 0 10px;
		width: 200px;
		background: url(../images/sidebox-foot.gif) left bottom no-repeat;
		}

	#lot-resul-head {
		margin: 0 0 0 5px;
		padding: 5px 0 0;
		width: 200px;
		background: url(../images/sidebox-head.gif) left top no-repeat;
		}

		#lot-resul-head h2 {
			margin: 0;
			padding: 5px 0 5px;
			color: #fff;
			text-align: center;
			text-indent: 10px;
			background: url(../images/sidebox-titel_bg.gif) center no-repeat;
			}
		
		#lot-resul p {
			margin: 0 0 3px;
			padding: 5px 0 0;
			line-height: 1;
			font-weight: bold;
			text-align: center;
			}
			
		#lot-resul table {
			margin: 0 auto;
			width: 90%;
			background: #fff;
			}
		
		#lot-resul table th { background: #fffcba;}
				
		#lot-resul table th , #lot-resul table td {
			margin: 0;
			padding: 5px 0;
			text-align: center;
			line-height: 1;
			border: 1px solid #ccc;
			}
			
	#presents {
		position: relative;
		top: -10px;
		left: 540px;
		width: 318px;
		height: 30px;
		background: url(../images/header-presents_o.gif) left top no-repeat;
		}

		#presents a {
			display: block;
			width: 318px;
			height: 30px;
			text-decoration: none;
			background: url(../images/header-presents_d.gif) left top no-repeat;
			}
			
		#presents a:hover { background: none;}

/* #save-site */
	
	#save-site {
		margin: 10px 0;
		text-align: center;
		}
	
		#save-site input { padding: 2px 20px;}
	
/* #sidebar */

	#sidebar dl {
		margin: 0 0 10px;
		padding: 10px 0 0;
		background: url(../images/sidebox-head.gif) left top no-repeat;
		}
	
	#sidebar dt {
			margin: 0;
			padding: 5px 0 5px;
			font-weight: bold;
			text-align: center;
			color: #fff;
			background: url(../images/sidebox-titel_bg.gif) center no-repeat
			}
			
	#sidebar dd  {
			margin: 0;
			padding: 0 0 10px;
			background: url(../images/sidebox-foot.gif) left bottom no-repeat;
			}
	
		#sidebar ul {
				margin: 5px 0 0;
				padding: 0 0 1px;
				}
		
				#sidebar ul li {
					list-style: none;
					margin: 0 10px 5px;
					}
					
				#date-menu li {
					line-height: 1.2;
					border-top: 1px solid #c6c6c6;
					border-right: 1px solid #c6c6c6;
					border-bottom: 1px solid #c3c3c3;
					background: url(../images/date-menu_bg.gif) left repeat-x;
					}
					
					#date-menu li a {
						display: block;
						margin: 0;
						padding: 5px 10px 5px 15px;
						border-left: 3px solid #84c1e3;
						background: url(../images/icon-sankaku_blue.gif) left no-repeat;
						_background: url(../images/icon-sankaku_blue.gif) 3px no-repeat;
						}
					
					#date-menu li a:hover {
						border-left: 3px solid #cc0000;
						background: url(../images/icon-sankaku_red.gif) left no-repeat;
						_background: url(../images/icon-sankaku_red.gif) 3px no-repeat;
						}
					
		
				#contents-menu li {
					margin: 0;
					padding: 0;
					line-height: 1.2;
					}

				#contents-menu li a {
					display: block;
					margin: 0;
					padding: 0px 0px 0px 20px;
					width: 90%;
					background: url(../images/icon-arrow_blue.gif) left no-repeat;
					}

				#contents-menu li a:hover { background: url(../images/icon-arrow_red.gif) left no-repeat;}

				#contents-menu2 li {
					margin: 0;
					padding: 0;
					line-height: 1.2;
					}

				#contents-menu2 li a {
					display: block;
					margin: 0;
					padding: 0px 0px 0px 20px;
					width: 90%;
					background: url(../images/icon-arrow_blue.gif) left no-repeat;
					}

				#contents-menu2 li a:hover { background: url(../images/icon-arrow_red.gif) left no-repeat;}

				#contents-menu3 li {
					margin: 0;
					padding: 0;
					line-height: 1.2;
					}

				#contents-menu3 li a {
					display: block;
					margin: 0;
					padding: 0px 0px 0px 20px;
					width: 90%;
					background: url(../images/icon-arrow_blue.gif) left no-repeat;
					}

				#contents-menu3 li a:hover { background: url(../images/icon-arrow_red.gif) left no-repeat;}

				#contents-menu4 li {
					margin: 0;
					padding: 0;
					line-height: 1.2;
					}

				#contents-menu4 li a {
					display: block;
					margin: 0;
					padding: 0px 0px 0px 20px;
					width: 90%;
					background: url(../images/icon-arrow_blue.gif) left no-repeat;
					}

				#contents-menu4 li a:hover { background: url(../images/icon-arrow_red.gif) left no-repeat;}

/* #contents */

	#contents h2 {
		margin: 10px 0 0;
		height: 30px;
		font-size: 120%;
		color: #140079;
		line-height: 2;
		text-indent: 10px;
		background: url(../images/h2_bg.gif) left top no-repeat
		}
	
	#contents h2 span {
		padding: 5px 0 5px 15px;
		background: url(../images/icon-square_green.gif) left no-repeat;
	}
	
	#contents h3 {
		margin: 10px;
		padding-left: 10px;
		font-weight: normal;
		border-left: 5px solid #33CC33;
		}
	
	#contents div.article {
		margin: 0 0 10px;
		padding: 10px;
		border: 1px solid #adadad;
		}
	
		#contents div.article ul li a {
					margin: 0;
					padding: 0 0 0 20px;
					background: url(../images/icon-arrow_blue.gif) left no-repeat;
					}
					
					#contents div.article ul li a:hover { background: url(../images/icon-arrow_red.gif) left no-repeat;}
	
	#contents p { margin: 10px;} 
	
	#contents img { margin: 10px;}
	
	.campaign-space { text-align: center;}
		
/* #footer */

	#footer-navi {
		margin: 0;
			_margin: -5px;
		padding: 5px 0;
		text-align: center;
		background: url(../images/footer-navi_bg.gif) center bottom no-repeat;
		}

		#footer-navi ul  {
			margin: 0 75px;
			padding:0;
			text-align: center;
			}
		
		#footer-navi ul li  {
			list-style:none;
			display:inline;
			margin: 0;
			padding: 0 5px 0;
			}
		
		#footer-navi ul li a { color: #000066}
		
	p#copyright  {
		margin: 0;
		padding: 10px 0 5px;
		text-align: center;
		line-height: 1;
		color: #666;
		}