/* === indexページ用css === */

html,body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,
pre,form,fieldset,input,textarea,p,blockquote,th,td{
	margin: 0;
	padding: 0;
}
body {
	width:100%;
	height:100%;
	margin:0;
	padding:0;
	background-color:#ffffff;
	font-family:'メイリオ','Meiryo','MS ゴシック','ヒラギノ角ゴ Pro W3',
	'Hiragino KAku Gothic Pro','Osaka',sans-serif;
	font-size:10px;
	_font-size:62.5%;
}

img {border:none;}
address,em {font-style:normal;}

h1 {
	font-size:1.2em;
	color:#ffffff;
	font-weight:normal;
	text-align:right;
}

h2 {
	margin:5px 5px 5px 40px;
	font-size:1.1em;
	color:#330000;
	font-weight:normal;
}


/* === 要素全部はいるbox === */
#wrapper{
	margin:30px auto auto auto;
	padding:0;
	width:580px;
	height:700px;
	border:0px solid #999999;
}

/* === 背景画像 === */
#title-image {
	margin:5px auto auto auto;
	padding:0;
	width:490px;
	height:540px;
	background:url(images/top/846top01.jpg) no-repeat;
	background-repeat:no-repeat;
	background-position:center;
}

/* === タイトル・コンテンツの大まか === */
#main {
	margin:5px;
	width:480px;
	height:450px;
}

/* === 囲み線 === */
#content {
	margin:7px;
	padding:0px;
	width:460px;
	height:380px;
}

/* === 左 === */
#left {
	margin:0px;
	padding:0px;
	width:226px;
	height:315px;
	border:none;
	float:left;
}

#title {
	margin:182px 0px 0px 0px;
	padding:0px;
	width:140px;
	height:90px;
	float:right;
	border:none;
	text-align:right;
}

/* === 右 === */
#right {
	margin:0px;
	padding:0px;
	width:228px;
	height:315px;
	border:none;
	float:right;
}


/* === 目次 === */
#menu {
	margin:152px 0px 0px 4px;
	padding:0px;
	float:left;
	width:140px;
	height:150px;
	border:none;
	font-color:#ffffff;
}

/* === 目次ロールオーバー === */
ul#navi, ul#navi li, ul#navi li a {
	padding:0;
	margin:0;
	}

ul#navi li{
	list-style-type:none;
	overflow:hidden;
	text-indent:-9999px;
	}

ul#navi li a {
	display:block;
	width:120px;
	height:26px;
	border:none;
	background:url(images/top/846menu01.gif) no-repeat;
}

ul#navi li.item01 a{background-position:0px 0px;}
ul#navi li.item01 a:hover{background-position:-120px 0px;}
ul#navi li.item02 a{background-position:0px -26px;}
ul#navi li.item02 a:hover{background-position:-120px -26px;}
ul#navi li.item03 a{background-position:0px -52px;}
ul#navi li.item03 a:hover{background-position:-120px -52px;}
ul#navi li.item04 a{background-position:0px -78px;}
ul#navi li.item04 a:hover{background-position:-120px -78px;}
ul#navi li.item05 a{background-position:0px -104px;}
ul#navi li.item05 a:hover{background-position:-120px -104px;}


/* === 更新記録 === */
#koushin{
	text-align:left;
	margin:5px;
	width:480px;
	height:150px;
	color:#666666;
	}

#koushin ul {
	margin:0px 3px 0px 85px;
	height:120px;
	overflow:auto;
	line-height:210%;
	font-size:1.1;
	color:#990033;
	list-style:square;
	list-style-position:inside;
	}

/* === ひとこと === */
#hitokoto {
	text-align:center;
	margin:5px;
	width:480px;
	height:50px;
	color:#cc9933;
	}

#hitokoto a:link {color:#003366;}
#hitokoto a:visited {color:#333366;}
#hitokoto a:hover {color:#990033;}
#hitokoto a:active {color:#;}


/* === フッター === */
#footer {
	text-align:center;
	margin:5px;
	width:480px;
	height:30px;
	float:bottom;
}

#footer address {
	font-size:0.9;
	color:#808080;
	}


/* === カウンター === */
#count {
	text-align:center;
	margin:5px;
	width:480px;
	height:30px;
	float:bottom;
}


/* ===  === */
/* === IE6対策　背景が出ていない要素へ指定 === */
*html #title-image {zoom:1;}
*html ul#navi li a {zoom:1;}