/*全体の設定*/
body{  
  background-image: url('back.png');
  overflow: auto;
  font-family: "Lucida Grande", "Segoe UI", "ヒラギノ丸ゴ ProN W4", "Hiragino Maru Gothic ProN", "Meiryo UI", "メイリオ", Meiryo, Tahoma, sans-serif;
}

footer{
  background-color: rgba(0, 255, 100, 1.0);
  clear:both;
  border-color: red;
}

footer p{
 text-align: center;
}

h2{
  font-size: 32px;
  font-style: italic;
  line-height: 150%;
  clear: left;
  margin:32px auto 32px 5px;
}

header hgroup h1{
  background-color: rgba(0, 255, 100, 1.0);
  text-align: center;
  clear: both;
  margin: 20px;
  border: 1px red double;
}

/*id,class*/
.textCase{
  background-color: rgba(224, 240, 240, 1.0);
  border: double 1px black;
  width: 800px;
  height: 100%;
  margin: 10px auto;
}

.textCase h2{
  color: red;
  margin: 10px;
}

.textCase p{
  margin: 0px 5px;
}

#whole{
  margin:auto;
  width:1300px;
}

#contents{
  background-color: rgba(255, 255, 255, 0.9);
  width:100%;
}

#contents #topImage{
  margin: auto;
  width: 1060px;
  height: 242px;
}

#contents #banner{
  width: 200px;
  height: 40px;
}

#main{
  background-color: rgba(255, 255, 255, 1.0);
  margin: auto;
  width: 100%;
  height: 100%;
  float: right;
  overflow: auto;
  border: double 1px red;
}

#main p{
  margin:5px;
}