body { 
    width: 100%;
    text-align: center;
    color: #000000; background: #ffffcc;
    font-size: 90%; text-align: center;
}

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

#banner {
	height: auto;
	width: 720px;
	margin-right: auto;
	margin-left: auto;
}
#contents {
	height: auto;
	width: 740px;
	margin-right: auto;
	margin-left: auto;
}

#infoarea {
	height: auto;
	width: 140px;
    padding: 3px 2px 45px 1px;
	border: 2px dashed #999999;
	text-align: left;
	float: left;
    margin-right: auto;
	margin-left: auto;
}

#searvicearea {
    padding: 10px 140px 150px 130px;
	border: 2px dashed #999999;
	text-align: center;
　　line-height: 100%;
	width: 300px;
	height: 154px;
	float: none;
}

#rightbox {
　　margin: 0.5em;
　　line-height: 120%;
	width: 100px;
	height: auto;
	float: none;
}

#footer {
　　line-height: 100%;
	height: auto;
	width: 900px;
	float: center;
	clear: both;
	margin-right: auto;
	margin-left: auto;
}
#footer1 {
    position: relative;
    z-index: 1;
    width: 100%;
　　line-height: 200%;
	width: 900px;
    padding: 2px 100px 2px 105px;
	clear: both;
	margin-right: auto;
	margin-left: auto;
	text-align: center;
}
#drop {
　　line-height: 100%;
　　font-size: 100%;
	height: 200px;
	width: 800px;
	clear: both;
}

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

h1 {
　　line-height: 180%;
　　font-size: 200%;
    font-weight: normal;
    color: #ec0444;
    font-family: "HG創英角ｺﾞｼｯｸUB";
    }
h2 {
　　line-height: 100%;
　　font-size: 100%;
	width: 600px;
    font-weight: normal;
    color: #000000;
    }
h3 {
　　line-height: 180%;
　　font-size: 120%;
    font-weight: normal;
    font-family: "HG創英角ｺﾞｼｯｸUB";
    }
h4 {
	text-align: center;
　　font-size: 100%;
    font-weight: normal;
    color: #000000;
    }
*　ｓｔｒｏｎｇの文字太さ　　*/
strong {
	font-size: 60%
　　line-height: 200%;
　　font-family: "HGPｺﾞｼｯｸM";
　　color: #ec0444
}

p {
	font-size: 60%
　　line-height: 200%;
　　color: #ec0444
}

.c1 { font-size: 120%; font-family: "HG創英角ｺﾞｼｯｸUB"; color: #000000; width: 700; text-align: center; line-height: 130% }
.c2 { font-family: "ＭＳ Ｐゴシック"; color: #000000; width: 300; text-align: lef; line-height: 100% }
.c3 { font-family: "ＭＳ Ｐゴシック"; color: #000000; width: 400; text-align: lef; line-height: 130% }
.c4 { font-size: 130%; line-height:120%; font-family: "MS UI Gothic"; color: #000000; text-align: center }
.c5 { font-size: 100%; line-height:120%; font-family: "ＭＳ Ｐゴシック"; color: #000000 }


.em {
	line-height: 120%;
	 font-size: 400%;
	 font-family: "hg創英角ﾎﾟｯﾌﾟ体";
}

/
/*　メニューの属性　*/
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: #fffff0;
}
li a:hover {
  color: #000000;
  background: #ffffcc;
}

/*　リンクの色指定　*/ 
a:link {
  color: #0000ff;
}
a:visited {
  color: #0000ff;
}

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

<!-- 画像の回り込みの機能を利用する -->
img {
float: left;
}