body {
	margin: 0; padding: 0;
	font: 11px/1.4em Helvetica,Arial,Verdana,Meiryo,'ヒラギノ角ゴ Pro W6','osaka','ＭＳ Ｐゴシック',sans-serif;
	color: #d0d0cc;
	background: #000000 url(./images/bg.gif);
	}

img {max-width:100%;
        height:auto;}

a:link { color: #FFFFFF; text-decoration: underline; }
a:visited { color: #FFFFFF; text-decoration: underline; }
a:hover { color: #ffbb00; text-decoration: underline; }
a:active { color: #ff3344; text-decoration: none; }
a:focus { outline: none; }
a img {border-style:none;}

a.h1img, a.navi-img, a.visible { display: block; position: absolute; top: 0; left: 0; }

ol {
	margin: 0.5em 0 0.5em 2em; _margin: 0.5em 0 0.5em 3em; padding: 0;
	list-style: decimal-leading-zero;
	}

ul { margin: 0 0 0 1.2em; list-style: disc url(./images/arrow.gif); }
li { margin: 5px 0; }

h2 { display: none; }
h4 { margin: 0 0 18px; padding: 0; font-size: 18px; line-height: 1.4em; }
h5 {
	margin: 0 0 12px;
	padding: 0;
	font-size: 14px;
	line-height: 1.4em;
}
h6 { margin: 2px 0 8px; padding: 0; font-size: 12px; line-height: 1.4em; }
h7 {
	margin: 2px 0 8px;
	padding: 0;
	font-size: 25px;
	line-height: 30px;
}
h8 {
	padding: 0;
	font-size: 15px;
	line-height: 30px;
	margin-top: 2px;
	margin-right: 10px;
	margin-bottom: 8px;
	margin-left: 0;
}


p { margin: 0 0 10px; padding: 0; }

.px24 { font-size: 24px; line-height: 1.6em; font-weight: bold; }
.px18 { font-size: 18px; line-height: 1.6em; font-weight: bold; }
.px14 { font-size: 14px; line-height: 1.6em; font-weight: bold; }
.px12 { font-size: 12px; line-height: 1.4em; font-weight: normal; }
.px11 { font-size: 11px; line-height: 1.4em; font-weight: normal; }
.px10 { font-size: 10px; line-height: 1.4em; font-weight: normal; }
.px9 { font-size: 9px; line-height: 1.2em; color: #303234; font-weight: normal; }

.txt {
	display: block; position: relative; width: 100%; height: 100%;
	font-size: 1px; line-height: 10em; text-indent: 5px;
	}




#heder {
	float: none;
	height: auto;
	width: 90%;
	background-color: #000;
	left: auto;
	right: auto;
	padding: 0px;
	margin-top: 3px;
	margin-bottom: 3px;
	border-bottom-width: thin;
	border-bottom-style: inset;
	border-bottom-color: #FFF;
}
#navis {
	float: right;
	height: auto;
	width: auto;
	background-color: #000;
	left: auto;
	right: auto;
	padding: 0px;
}
#logo {
	float: left;
	margin-bottom: 5px;	
}
.navi {
	background-color: #000;
	float: left;
	height: 20px;
	width: auto;
	padding-top: 0px;
	padding-right: 10px;
	padding-bottom: 0px;
	padding-left: 10px;
	margin-top: 8px;
	margin-right: 5px;
	margin-bottom: 2px;
	margin-left: 5px;
}
#ivent {
	float: left;
	height: auto;
	width: 200px;
	margin-top: 20px;
	margin-right: 0px;
	margin-bottom: 20px;
	margin-left: 20px;
	padding: 0px;
	border-top-style: groove;
	border-bottom-style: groove;
	border-top-width: medium;
	border-bottom-width: medium;
	border-top-color: #666;
	border-right-color: #666;
	border-bottom-color: #666;
	border-left-color: #666;
	clear: left;
	filter:Alpha(opacity=80);
	-moz-opacity:0.70;
	opacity:0.5;
	background-color: #000;
}
.plofile {
	background-color: #FFF;
	float: left;
	height: 150px;
	width: 320px;
	padding-top: 0px;
	padding-right: 10px;
	padding-bottom: 0px;
	padding-left: 5px;
	color: #333;
	z-index: 3;
	filter:Alpha(opacity=80);
	-moz-opacity:0.85;
	opacity:0.7;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-size: xx-small;
	margin-top: 12px;
	margin-right: 15px;
	margin-bottom: 12px;
	margin-left: 15px;
	clear: left;
}
.topics {
	background-color: #FFF;
	float: left;
	height: auto;
	width: 70%;
	color: #333;
	z-index: 3;
	filter:Alpha(opacity=80);
	-moz-opacity:0.85;
	opacity:0.7;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-size: xx-small;
	clear: left;
	padding: 10px;
	margin: 30px;
}
.history {
	background-color: #FFF;
	float: left;
	height: auto;
	width: 900px;
	color: #333;
	z-index: 3;
	filter:Alpha(opacity=80);
	-moz-opacity:0.85;
	opacity:0.8;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-size: xx-small;
	clear: left;
	padding: 10px;
	margin-top: 20px;
	margin-right: 32px;
	margin-bottom: 20px;
	margin-left: 32px;
}
.photo {
	background-color: #FFF;
	float: left;
	height: auto;
	width: 280px;
	color: #333;
	z-index: 3;
	filter:Alpha(opacity=80);
	-moz-opacity:0.85;
	opacity:0.7;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-size: large;
	padding: 10px;
	margin: 10px;
}
#all {
	width: 90%;
	margin-right: auto;
	margin-left: auto;
	height: auto;
	margin-top: 30px;
	margin-bottom: 0px;
}
#body {
	background: url(/rotator/rotator.php) no-repeat top center;
	height: auto;
	width: 100%;
	background-color: #FFF;
	margin-top: 10px;
	margin-bottom: 5px;
	padding-top: 0px;
	padding-bottom: 0px;
	overflow: auto;
}
#body2 {
	background-image: url(../image/IMG_0855.jpg);
	height: auto;
	width: 100%;
	background-color: #FFF;
	margin-top: 10px;
	margin-bottom: 5px;
	padding-top: 0px;
	padding-bottom: 0px;
	overflow: auto;
}
#footer {
	width: 90%;
	height: auto;
	color: #FFF;
	text-align: right;
}
#twitter {
	margin-top: 20px;
	margin-right: 30px;
	margin-bottom: 0px;
	margin-left: auto;
	float: right;
}
<br />
#rotator{<br />
background: url(/rotator/rotator.php) no-repeat top center;<br />
width: 1000px; /*横幅のサイズ */<br />
height: 700px; /*縦幅のサイズ */<br />
}<br />
