@charset "utf-8";
/* CSS Document */

/*////////////////////////////////
Common Settings
//////////////////////////////////*/

body{
	font-size: 12px;
	line-height: 1.8em;
	color: #333333;
	background: url(../img/bg.gif) #FFFFFF repeat-x;
}

div#container{
	width: 800px;
	margin: 0 auto;
}

/*////////////////////////////////
Settings for header
//////////////////////////////////*/

	div#container div#header{
		width: 800px;
		height: 19px;
		background: url(../img/head.gif) no-repeat 0 0;
		}

		div#container div#header p{
			color: #fff;
			font-size: 8px;
			height: 19px;
			padding: 0 0 0 5px;
			}
	div#container div#header h1{
		font-size:8px;
	}
/*////////////////////////////////
Settings for titleimg
//////////////////////////////////*/

	div#container div#titleimg{
		width: 800px;
		height: 240px;
									/* トップページ画像 */
		background: url(../img/title.jpg);
		}

		div#container div#titleimg a{
			display: block;
			overflow: hidden;
			text-indent: -9999px;
			width: 800px;
			height: 240px;
			}

/*////////////////////////////////
Settings for Global Navigation (メニュー４つ）
//////////////////////////////////*/

	div#container div#g_navi{
		width: 800px;
		height: 60px;
		}

		div#container div#g_navi ul{
			
			}
			
			div#container div#g_navi ul li{
				height: 60px;
				float: left;
				}

				div#container div#g_navi ul li a{
					display: block;
					color: #333333;
					text-align: center;
					font-weight: bold;
					font-size: 14px;
					text-decoration: none;
					height: 40px;
					padding-top: 20px;
					}

			div#container div#g_navi ul li{
				background-image: url(../img/g-navi.gif);
				}

				div#container div#g_navi ul li a:hover{
					background-image:  url(../img/g-navi_over.gif);
					color: #990000;
					}
					
			div#container div#g_navi ul li.menu1{
				background-position: 0 0;
				width: 201px;
				}

				div#container div#g_navi ul li.menu1 a:hover{
					background-position: 0 0;
					}

			div#container div#g_navi ul li.menu2{
				background-position: -201px 0;
				width: 200px;
				}

				div#container div#g_navi ul li.menu2 a:hover{
					background-position: -201px 0;
					}

			div#container div#g_navi ul li.menu3{
				background-position: -401px 0;
				width: 200px;
				}

				div#container div#g_navi ul li.menu3 a:hover{
					background-position: -401px 0;
					}

			div#container div#g_navi ul li.menu4{
				background-position: -601px 0;
				width: 199px;
				}
				
				div#container div#g_navi ul li.menu4 a:hover{
					background-position: -601px 0;
					}


/*/////////////////////////////////
Settings for Global Navigation (メニュー５つ）
///////////////////////////////////*/

	div#container div#g_navi5{
		width: 800px;
		height: 60px;
		}

		div#container div#g_navi5 ul{
			
			}
			
			div#container div#g_navi5 ul li{
				height: 60px;
				float: left;
				}

				div#container div#g_navi5 ul li a{
					display: block;
					color: #333333;
					text-align: center;
					font-weight: bold;
					font-size: 14px;
					text-decoration: none;
					height: 40px;
					padding-top: 20px;
					}

			div#container div#g_navi5 ul li{
				background-image: url(../img/g-navi5.gif);
				}

				div#container div#g_navi5 ul li a:hover{
					background-image:  url(../img/g-navi5_over.gif);
					color: #990000;
					}
					
			div#container div#g_navi5 ul li.menu1{
				background-position: 0 0;
				width: 161px;
				}

				div#container div#g_navi5 ul li.menu1 a:hover{
					background-position: 0 0;
					}

			div#container div#g_navi5 ul li.menu2{
				background-position: -161px 0;
				width: 161px;
				}

				div#container div#g_navi5 ul li.menu2 a:hover{
					background-position: -161px 0;
					}

			div#container div#g_navi5 ul li.menu3{
				background-position: -322px 0;
				width: 160px;
				}

				div#container div#g_navi5 ul li.menu3 a:hover{
					background-position: -322px 0;
					}

			div#container div#g_navi5 ul li.menu4{
				background-position: -482px 0;
				width: 159px;
				}
				
				div#container div#g_navi5 ul li.menu4 a:hover{
					background-position: -482px 0;
					}

			div#container div#g_navi5 ul li.menu5{
				background-position: -641px 0;
				width: 159px;
				}
				
				div#container div#g_navi5 ul li.menu5 a:hover{
					background-position: -641px 0;
					}


/*////////////////////////////////
Settings for main
//////////////////////////////////*/

	div#container div#main{
		width: 510px;
		padding: 20px 0 0 22px;
		float: left;
		}

		div#container div#main h2{
			width: 500px;
			height: 24px;
			color: #fff;
			font-size: 15px;
			font-weight: bold;
			padding: 8px 0 0 10px;
			background: url(../img/h2.gif);
			}

		div#container div#main p{
			padding: 10px;
			
			}

		div#container div#main table{
			margin: 10px;
			border-collapse: separate;
			border-spacing: 4px 4px;
			}

			div#container div#main table tr{
				margin: 5px;
				}

			div#container div#main table th{
				background: #990033;
				font-weight: bold;
				color: #fff;
				width: 160px;
				padding: 8px;
				margin: 5px;
				}

			div#container div#main table td{
				padding: 8px;
				}

/*////////////////////////////////
Settings for side
//////////////////////////////////*/

	div#container div#side{
		width: 235px;
		padding: 0 0 0 25px;
		float: left;
		}
		
		div#container div#side div#side_m{
			width: 218px;
			height: 159px;
			margin: 20px 0 0 0;
			background: url(../img/side.gif) no-repeat 0 0;
			}

			div#container div#side div#side_m p{
				padding: 10px;
				}

		div#container div#side div#side_t{
			width: 218px;
			height: 221px;
			margin: 20px 0 0 0;
			background: url(../img/side_tall.gif) no-repeat 0 0;
			}

			div#container div#side div#side_t p{
				padding: 10px;
				}

/*////////////////////////////////
Settings for footer
//////////////////////////////////*/

div#footer{
	width: 800px;
	height: 41px;
	clear: both;
	margin: 10px auto 0;
	background: url(../img/foot.gif);
	}

	div#footer p{
		text-align: center;
		padding: 10px;
		color: #fff;
		}