* {
	text-align: center;
	margin: 0px;
	margin-right:auto;
	margin-left:auto;
}

body {
	background-color: #0099FF;
	background-image: url(image/sky.jpg);
}

.right {
	text-align: right;
	font-weight: bold;
}

.center {
	text-align: center;
}


#menu a:link, #menu a:visited {
	color: #fff;
	border: 0;
}

#menu a:hover,#menu a:active {
	color: #ccc;
}

div#menu {
	font-size: 12px;
	height: auto;
	width: 160px;
	text-align: left;
	background-color: #000;
	color: #fff;
	padding: 12px 12px 12px 12px;
	float: left;
	position:absolute;
	top:80px;
	left:0px;
}

#menu pre {
	text-align: left;
}

div#main {
	width: auto;
	text-align: center;
	padding: 10px 20px 10px 20px;
	position:absolute;
	top:80px;
	left:160px;
}

div#cont {
	width: 100%;
	height: 100%;
	margin-top: 20px;
}

p {
	font-size: normal;
	text-align: left;
}

div.list {
	font-size: small;
	text-align: left;
	padding-top: 32px;
	padding-left: 12px;
	text-decoration: none;
}

div.footer {
	width: 800px;
}

/* ＳＳ用 */

div.ss {
	text-align: left;
	font-size: small;
	font-family: "MS ゴシック",Osaka-等倍,monospace;
	padding: 12px 40px 12px 12px;
	line-height: 300%;
}

div.ma {
	padding-top: 400px;
	padding-bottom: 400px;
}


/* レシピ用 */

.re-h1 {
	text-align: left;
	margin: 12px;
	padding: 4px 4px 4px 20px;
	border-width: 0px 0px 1px 8px;
	border-style: solid;
	border-color: #f9f;
}

.re-list {
	text-align: left;
	font-size: normal;
	padding-left: 40px;
	line-height: 150%;
}

/* 100質問 */

div#100 {
	float: left;
	line-height: 200%;
	font-size: small;
	text-align: left;
	padding-left: 8px;
	padding-top: 12px;
}

/* ソフトウェア */

div#soft table {
	border: 1px solid #000;
	margin-bottom: 32px;
}

div#soft td {
	padding: 12px 12px;
}

div#soft {
	margin-right:auto;
	margin-left:auto;
}