body
{
  margin: 0;
  padding: 0;
  color: #555;  /* #555 */
  background: #fff4fa;  /* #e0e0e0 */
  font: 92% "ヒラギノ角ゴ Pro W3" , "Hiragino Kaku Gothic Pro" , "メイリオ" , Meiryo, Osaka, "ＭＳ Ｐゴシック" , "MS P Gothic" , sans-serif;
}
p
{
  margin: 0 0 16px 10px;
  line-height: 1.4em;
}
ul
{

}
li
{

}
img
{
  background: #ffffff;
}
h1
{
  margin: 5px 0 15px 0;
  padding: 0;
  font-size: 2.2em;
  font-weight: 600;
  letter-spacing: -1px;
}
h2
{
  margin: 0 0 10px 0;
  color: #d85d5d; 
  font-size: 1.8em;
  font-weight: 500;
  letter-spacing: -1px;
  border-bottom: 2px solid #eee;
}
h3
{
  margin: 0 0 5px 0;
  color: #d85d5d;
}

a
{
  color: #00f;
  font-weight: bold;
  text-decoration: underline;
}
a:hover
{
  color: #000;
  text-decoration: underline;
}

#wrap
{
  width: 830px;
  margin: 0 auto;
  background: #e0e0e0 url(../img/bodybg2.jpg) top center repeat-y;
}
#header
{
  width: 830px;
  height: 87px;
  background: url(../img/headbg2.jpg) top center no-repeat;
}
#header h1
{
  margin: 0 0 14px 0;
  padding: 42px 0 0 0;
  color: #f00;  
  text-align: center;
  font-size: 2.4em;
  letter-spacing: -1px;
}
#header h1 a
{
  color: #f00; 
  text-decoration: none;
  font-weight: 400;
}
#header h1 a:hover
{
  color: #000; 
  text-decoration: underline;
}
#inside
{
  width: 730px;
  margin: 0 auto;
}
#menu
{
  margin: 0;  /* 8px 0 5px 0;  */
  text-align: center;
}
#menu a
{
  font-size: 1.3em;
  padding: 2px;
}
#menu a:hover, .active
{
  padding-bottom: 1px;
  border-bottom: 1px dashed #aaa;
  text-decoration: none;
}
#logo img
{
  margin: 5px 0 5px 0;
}
#content
{
  float: left;
  width: 550px;
}
#contentfull
{
  width: 730px;
}

.h2menu
{
  width: 550px; 
  background: url(../img/menubg2.jpg) top left no-repeat;
}
.h2menu h2
{
  margin: 0 0 0 0;
  padding: 0 0 0 0;
  color: #f00;  /* #555 */
  text-align: left;
  font-size: 1.8em;
  letter-spacing: -1px;
}

#rank1
{
  width: 550px;
  height: 60px;
  background: url(../img/rank1_a.gif) top left no-repeat;
}
#rank2
{
  width: 550px;
  height: 60px;
  background: url(../img/rank2_a.gif) top left no-repeat;
}
#rank3
{
  width: 550px;
  height: 60px;
  background: url(../img/rank3_a.gif) top left no-repeat;
}
#rank1 h3, #rank2 h3, #rank3 h3
{
  margin: 0 0 0 80px;
  padding: 20px 0 0 0;
  color: #d85d5d;
  text-align: left;
  font-size: 1.8em;
  letter-spacing: -1px;
}


.accept
{
  width: 550px;
  height: 36px;
  margin-left: 10px;
  background: url(../img/accept.png) top left no-repeat;
}
.accept span
{
  display:block;
  margin: 0 0 0 50px;
  padding: 8px 0 0 0;
  color: #d85d5d;
  text-align: left;
  font-size: 1.3em;
  letter-spacing: -1px;
}

.hint
{
  width: 550px;
  height: 36px;
  margin-left: 10px;  
  background: url(../img/thint.png) top left no-repeat;
}
.hint span
{
  display:block;
  margin: 0 0 0 50px;
  padding: 10px 0 0 0;
  color: #d85d5d;
  text-align: left;
  font-size: 1.3em;
  letter-spacing: -1px;
}

.atte
{
  width: 550px;
  height: 36px;
  margin-left: 10px;  
  background: url(../img/attention.png) top left no-repeat;
}
.atte span
{
  display:block;
  margin: 0 0 0 50px;
  padding: 10px 0 0 0;
  color: #d85d5d;
  text-align: left;
  font-size: 1.3em;
  letter-spacing: -1px;
}


#sidebar
{
  width: 160px;
  margin: 0 0 0 570px;
  color: #555;
}
#footer
{
  clear: both;
  width: 830px;
  margin: 5px auto 0;
  background: url(../img/footbg2.jpg) bottom center no-repeat;
  display: block;
  height: 69px;
}
#footer p
{
  margin: 0;
  color: #555;
  padding: 10px 0 0 0;
  text-align: center;
}
#footer a
{
  color: #555;
  text-decoration: none;
}
#footer a:hover
{
  color: #000;
  text-decoration: underline;
}

.menulist
{
  list-style: none;
  padding: 0;
  line-height: 1.3em;
}
.left
{
  width: 48%;
  float: left;
}
.right
{
  width: 50%;
  float: right;
}
.clear
{
  clear: left;
}

.banner
{
  height:300px; 
  border:dotted 2px #eee;
}


.hilight
{
  color:#ffe566;
}

.hilight2
{
  background-color:#ffe566;
}

table
{
  margin: 0 auto;
  border-collapse: collapse;   
}
tr
{
  border-bottom: 1px dotted #cccccc
}