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

@import url("elements.css");

body {
	font-family: "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
	font-size: 14px;
	background: url(../images/bg.jpg) repeat-x 0 0 #FFF ;
}


div#wrapper {
	width: 899px;
	margin: 0 auto;
	}



/*-----------------------------
	Settings for div#header
------------------------------*/

div#wrapper div#header {
	width: 899px;
	height: 469px;
	background: url(../images/header.jpg) no-repeat 0 0;
	}

	div#wrapper div#header h1,
	div#wrapper div#header p {
		display: none;
		}


/*-----------------------------
	Settings for div#navi
------------------------------*/

div#wrapper div#navi {
	width: 899px;
	height: 56px;
	}
	
	div#wrapper div#navi ul{
		list-style: none;
	}

		div#wrapper div#navi ul li{
			float: left;
			background-image: url(../images/navi.jpg);
		}

			div#wrapper div#navi ul li a:hover{
				background-image: url(../images/navi_over.jpg);			
			}


			div#wrapper div#navi ul li a{
				display: block;
				width: 180px;
				height: 56px;
				text-indent: -9999px;
				overflow: hidden;
				}
				
		div#wrapper div#navi ul li.navi1,
		div#wrapper div#navi ul li.navi1 a:hover{
			background-position: 0 0;
			width: 181px;
		}

		div#wrapper div#navi ul li.navi2,
		div#wrapper div#navi ul li.navi2 a:hover{
			background-position: -181px 0;
			width: 180px;
		}

		div#wrapper div#navi ul li.navi3,
		div#wrapper div#navi ul li.navi3 a:hover{
			background-position: -361px 0;
			width: 179px;
			overflow: hidden;
		}

		div#wrapper div#navi ul li.navi4,
		div#wrapper div#navi ul li.navi4 a:hover{
			background-position: -540px 0;
			width: 180px;
			overflow: hidden;
		}

		div#wrapper div#navi ul li.navi5,
		div#wrapper div#navi ul li.navi5 a:hover{
			background-position: -720px 0;
			width: 179px;
			overflow: hidden;

		}
			
/*-----------------------------
	Settings for div#main
------------------------------*/
div#wrapper div#main {
		width: 877px;
		padding: 10px 0 10px 13px;
	}


/*-----------------------------
	Settings for div#footer
------------------------------*/
div#footer {
	background: url(../images/footer_bg_2.jpg) repeat-x;
	color: #FFFFFF;
	font-size: 12px;
	clear: both;
	width: 100%;
	height: 47px;

	}

	div#footer div#footer_in {
		width: 899px;
		margin: 0 auto;
		height: 47px;
		background: url(../images/footer_bg.jpg) repeat-x; 
	}
	
		div#footer div#footer_in a {
		height: 47px;
		color: #FFFFFF;
		text-decoration: none;
		}
	
			div#footer div#footer_in a:hover {
			color: #FF3300;
			}
		
		div#footer div#footer_in ul {
			float: right;
		}
		
			div#footer div#footer_in ul li {
				float: left;
				padding: 0 10px 0 0;
				margin: 10px 0 0 10px;
				border-right: solid 1px #fff;
			}
		
			div#footer div#footer_in ul li.last {
				border: none;
			}