@charset "UTF-8";

body {
	text-align: center;
	}	

/* 表示幅を指定(今回は1024×768を標準想定) */
#contents {
	margin: auto;
	padding-top: 10px;
	width: 950px;
	text-align: left;
	}

/* 上部紹介文(description)の文字サイズ */
p.des {
	font-size: 10px;
	}

/* [ヘッダ] */ 	
	/* 余白等 */
	#header {
		margin: auto;
		padding-top: 10px;
		padding-right: 20px;
		width: 930px;
		height: 65px;
	}

	/* 順序無しリストのマークを非表示 */
	#header ul#headNavi li {
		list-style-type: none;
	}

	/* ナビの右寄せ */
	#header ul#headNavi li {
		float: right;
		list-style-type: none;
		text-align: center;
	}

	/* リンクに触れた際の文字色等 */
	#header ul#headNavi li a:hover {
		color: #000;
		text-decoration: none;
	}
	
	

/* [メニュー] */
	/*ボックスの左寄せ・枠線等 */
	#navi {
		margin-left: 5px;
		border: 2px solid #3f3280;
		float: left;
		width: 200px;
		height:510px;
	}

	/* [メニュー] 順序無しリストのマークを非表示 */
	#navi ul.naviStyle li {
		list-style-type: none;
	}
	
	/* [メニュー] 画像リンクの枠線を非表示 */
	#navi a img {
    border-style:none;
    }	

	/* [メニュー] ナビ画像のロールオーバー処理 */
	#navi ul.naviStyle li a {
		margin-left: 10px;
		border: none;
		display: block;
		position: relative;
		width: 173px;
		height: 21px;
		line-height: 1.5em; 
		/*IE6対応(マウス反応範囲が広がらないバグの対処)*/
		color: #393535;
		background: #fff url(../img/outframe/navi.gif) no-repeat;
		text-decoration: none;
	}

	#navi ul.naviStyle li a:hover {
		color: #fff;
		background-position: 0 -21px;
	}
	

/* [フッタ] */
	#footer {
		width: 930px;
		text-align: right;
	}