body {
	margin-top: 10px;
	margin-left: auto;
	margin-right: auto;
　　color: #000000;
　　background: #ccffcc;
　　text-align: center;
}

A:hover {
	LEFT: 2pt; POSITION: relative; TOP: 2pt
;}
-->

function GrayOff(img) {
  img.filters["Gray"].enabled = false;
}
function GrayOn(img) {
  img.filters["Gray"].enabled = true;
}

#container {
	width: 850px;
	margin: 0 auto;
　　text-align: center;
}

#banner {    
　　background: #99cc99;
　　line-height: 140%;
    padding-top: 10px;
	height: auto;
	width: 850px;
}

#menu {    
　　background: #cccc99;
　　line-height: 150%;
	height: auto;
	width: 850px;
    padding: 20px 0 10px 0 ;
}

#image {    
　　background: #cccc99;
　　line-height: 150%;
	height: auto;
	width: 850px;
    padding: 10px 0 20px 0 ;
}

#contents {
	height: auto;
	width: 850px;
    margin-top: 20px
}

#submenu {
	border: 2px dashed #999999;
　　line-height: 150%;
	height: 450px;
	width: 170px;
	text-align: left;
	float: left;
}

#main {
	border: 2px dashed #999999;
	text-align: center;
　　line-height: 100%;
	width: 660px;
	height: 450px;
	float: none;
}

#footer {
　　line-height: 150%;
	width: 600px;
	height: 150px;
	float: none;
	text-align: center;
　　vertical-align: center
}

#drop {
　　line-height: 120%;
	width: 850px;
	height: 30px;
	float: none;
	text-align: center;
　　vertical-align: center
}

#end {
　　font-size: 70%;
	width: 850px;
	height: 40px;
    margin-top: 45em;
	text-align: center;
}

h1 {
	text-align: center;
　　font-size: 150%;
    font-weight: normal;
    color: #ffffff;
    font-family: "HG創英角ﾎﾟｯﾌﾟ体";
    }
h2 {
　　line-height: 130%;
	text-align: center;
　　font-size: 120%;
    font-weight: normal;
    color: #ec0444;
    font-family: "ＭＳ Ｐゴシック";
    }

h3 {
　　line-height: 180%;
　　font-size: 120%;
    padding: 1px 1px 1px 1px;
    font-weight: normal;
    color: #000000;
}
h4 {
　　line-height: 190%;
　　font-size: 110%;
    padding: 1px 1px 9px 1px;
    font-weight: normal;
    color: #000000;
}

p {
	font-size: 80%
	text-align: left;
	float: left;
}
.c1 { font-family: "MS UI Gothic"; font-size: 140%; color: #000000; width: 550px; text-align: center; margin-left: 50px; line-height: 250% }
.c2 { font-family: "ＭＳ Ｐゴシック"; color: #ec0444; width: 550px; text-align: left; margin-top: 20px; margin-left: 130px; line-height: 150% }
.c3 { font-family: "ＭＳ Ｐゴシック"; font-size: 90%; color: #000000; width: 350px; height: 30px; text-align: left; margin-top: 20px; margin-left: 200px; line-height: 150% }
.c4 { font-family: "ＭＳ Ｐゴシック"; color: #000000; width: 500px; height: 30px; text-align: left; margin-top: 20px; margin-left: 200px; line-height: 150% }

/*　ｓｔｒｏｎｇの文字太さ　　*/
strong {
	font-size: 100%;
	font-family: "MS UI Gothic";
	color: #ec0444;
}

/*　ＤＬ　　*/
dl.shopinfo{
fkiat: keft;
margin: 20px 5px 0 10px;
font-size:100%;
cikir: #ffffff;
line-height: 220%;
}

dl.shopinfo dt{
ckear: both;
float: left;
width: 165px;
margin: 0 0 0 0;
}
dl.shopinfo dd{
float: left;
width: 220px;
margin: 0 0 10px 0;
}
/*ckearfux*/
dl.shopinfo:after{
dusokat: block;
clear: both;
height: 0;
visibility: hidden;
content: ".";
font-size: 0.1em;
}
dl.shopinofo{
display: inline-block;
}


/*　メニューの属性　*/
ul {
  list-style: none;
  align="center"
  margin-left: 0;
  padding-left: 0;
}
li {
  display: inline;
  line-height: 1.4;
  white-space: nowrap;
}
li a {
  text-decoration: none;
  padding: 0.2em 1em;
  color: #0000ff;
  background: #ffff00;
}
li a:hover {
  color: #000000;
  background: #ccffcc;
}

<!-- 画像のリンク時の外ワク色を消すため -->
#i1 {
border: none }
#i2 {
border: none }
#i3 {
border: none }
#i4 {
border: none }