body { 
  background-image : url(../image/page_bg2.gif);
  text-align : center;
} 

#contents { 
  background-color : #ffffff;
  width : 950px;
  margin-left : auto;
  margin-right : auto;
  text-align : left;
} 

h1 { 
  color : #999999;
  font-size : 75%;
  margin-bottom : 2px;
  padding-bottom : 1px;
} 

h2 { 
  color : #000000;
  font-size : 15px;
  margin : 0;
  padding : 12px 0 3px 5px;
  clear : both;
} 

div.rhead { 
  background-image : url(../image/title2.gif);
  background-repeat : no-repeat;
  width : 600px;
  position : relative;
  top : -35px;
  left : 200px;
}

p.head { 
  position : relative;
  top : 30px;
  left : 3px;
  margin-top : 0px;
  padding : 30px 30px 10px 220px;
  color : #666666;
  font-size : 12px;
  line-height : 1.2em;
} 

div.main { 
  background-color : #ffffff;
  color : #666666;
  width : 750px;
  margin-left : 5px;
  float : right;
}

.mainl { 
  background-color : #ffffff;
  width : 560px;
  float : left;
}

p.l { 
  font-size : 75%;
  color : #666666;
  width : 559px;
  text-align : left;
  margin-top : 0px;
  margin-bottom : 0px;
  line-height : 1.3em;
}

.mainll { 
  background-color : #ffffff;
  width : 299px;
  float : left;
}

p.ll { 
  font-size : 75%;
  color : #666666;
  width : 298px;
  text-align : left;
  margin : 0;
  line-height : 1.3em;
  border-width : 0 0 1px 0;
  border-style : dashed;
  border-color : #dddddd;
  padding : 0 0 5px 5px;
}

.mainlr { 
  background-color : #ffffff;
  width : 250px;
  float : left;
  margin : 0 0 0 5px;
  padding : 0 0 0 5px;
}

p.lr { 
  font-size : 75%;
  color : #666666;
  width : 234px;
  text-align : left;
  margin : 0;
  padding : 10px 0 10px 5px;
  line-height : 1.3em;
  border-width : 2px 0 1px 0;
  border-style : dashed;
  border-color : #dddddd;
}

.mainr { 
  width : 190px;
  background-color : #ffffff;
  position : relative;
  top : 0;
  text-align : left;
  float : right;
}

.mainitem { 
  background-color : #ffffff;
  color : #ff9900;
  width : 749px;
  float : left;
}

.newitem { 
  font-size : 80%;
  background-color : #f8efe6;
  color : #666666;
  width : 668px;
  text-align : left;
  margin-top : 0px;
  margin-bottom : 0px;
  padding : 10px 50px 10px 30px;
  line-height : 1.3em;
} 

.itemdetail { 
  background-color : #ffffff;
  font-size : 85%;
  color : #666666;
  text-align : left;
  width : 80px;
  padding : 0;
  margin : 0 3px 0 0;
  line-height : 1.1em;
  border-width : 0 1px 1px 0;
  border-style : solid;
  border-color : #dddddd;
  float : left;
}

div.expl { 
  background-color : #ffffff;
  color : #666666;
  width : 374px;
  margin : 0;
  float : left;
  line-height : 1.2em;
  font-size : 75%;
}

div.exp1 { 
  background-color : #ffffff;
  color : #666666;
  width : 187px;
  margin : 20px 0 0 0;
  float : left;
  line-height : 1.2em;
  font-size : 75%;
} 

div.clear { 
  clear : both;
}

div.exp2 { 
  background-color : #ffffff;
  color : #666666;
  width : 361px;
  margin-left : 0;
  float : left;
  line-height : 1.2em;
  font-size : 80%;
} 

form.item { 
  margin-top : 0;
  padding-top : 0;
}

div.plmain { 
  background-color : #ffffff;
  color : #666666;
  width : 342px;
  margin-left : 0;
  float : left;
} 

div.prmain { 
  background-color : #ffffff;
  color : #2caa2c;
  font-size : 18px;
  width : 258px;
  margin-left : 0;
  float : right;
} 

p.long { 
  font-size : 80%;
  background-color : #f8efe6;
  color : #666666;
  width : 649px;
  text-align : left;
  margin-top : 0px;
  margin-bottom : 0px;
  padding : 10px 50px 10px 50px;
  line-height : 1.3em;
} 

p.short { 
  font-size : 90%;
  color : #666666;
  width : 200px;
  text-align : left;
  margin-top : 0px;
  margin-bottom : 0px;
  line-height : 1.3em;
}

p.menu { 
  color : #2caa2c;
  background-image : url(../image/mokuji_s.jpg);
  background-repeat : no-repeat;
  font-size : 14px;
  font-weight : bold;
  margin-top : 5px;
  margin-bottom : 0px;
  padding-left : 35px;
  padding-top : 3px;
  padding-bottom : 3px;
}

.seach { 
  color : #666666;
  padding : 0 0 0 8px;
}

p.shouhinl { 
  font-size : 100%;
  color : #666666;
  font-weight : bold;
  width : 360px;
  text-align : center;
  margin-top : 0px;
  margin-bottom : 0px;
  padding : 0;
  line-height : 1.3em;
}

p.shouhin { 
  font-size : 120%;
  color : #666666;
  font-weight : bold;
  width : 290px;
  text-align : center;
  margin-top : 5px;
  margin-bottom : 2px;
  padding : 5px 0px 5px 0px;
  line-height : 1.3em;
} 

p.shouhin2 { 
  font-size : 100%;
  color : #666666;
  font-weight : bold;
  width : 180px;
  text-align : center;
  margin-top : 0px;
  margin-bottom : 0px;
  padding : 0;
  line-height : 1.3em;
}

p.rank1 { 
  font-size : 100%;
  background-image : url(../image/rank1.gif);
  background-repeat : no-repeat;
  color : #666666;
  font-weight : bold;
  width : 360px;
  text-align : center;
  margin-top : 0px;
  margin-bottom : 0px;
  padding : 0 0 0 50px;
  line-height : 1.3em;
} 

p.rank2 { 
  font-size : 100%;
  background-image : url(../image/rank2.gif);
  background-repeat : no-repeat;
  color : #666666;
  font-weight : bold;
  width : 180px;
  text-align : center;
  margin-top : 0px;
  margin-bottom : 0px;
  padding : 0;
  line-height : 1.3em;
} 

p.rank3 { 
  font-size : 100%;
  background-image : url(../image/rank3.gif);
  background-repeat : no-repeat;
  color : #666666;
  font-weight : bold;
  width : 180px;
  text-align : center;
  margin-top : 0px;
  margin-bottom : 0px;
  padding : 0;
  line-height : 1.3em;
} 

span.brd {
  color : #ed1c24;
  font-size : 100%;
}

p.exp { 
  font-size : 120%;
  color : #666666;
  font-weight : bold;
  width : 390px;
  text-align : left;
  margin-top : 5px;
  margin-bottom : 2px;
  padding-left : 10px;
  line-height : 1.3em;
}

.main4m { 
  background-color : #ffffff;
  width : 325px;
  float : left;
}

p.main4m { 
  font-size : 75%;
  color : #666666;
  width : 324px;
  text-align : left;
  margin : 0;
  line-height : 1.3em;
  border-width : 0 0 1px 0;
  border-style : dashed;
  border-color : #dddddd;
  padding : 0 0 5px 5px;
}

.main4s { 
  background-color : #ffffff;
  width : 130px;
  float : left;
  margin : 0 0 0 5px;
  padding : 0 0 0 5px;
}

p.main4s { 
  font-size : 75%;
  color : #666666;
  width : 129px;
  text-align : left;
  margin : 0;
  line-height : 1.3em;
  border-width : 0 0 1px 0;
  border-style : dashed;
  border-color : #dddddd;
  padding : 0 0 5px 5px;
}

.mainharfl { 
  background-color : #ffffff;
  width : 369px;
  float : left;
}

p.harfl { 
  font-size : 75%;
  color : #666666;
  width : 363px;
  text-align : left;
  margin : 0;
  line-height : 1.3em;
  border-width : 1px 0 1px 0;
  border-style : dashed;
  border-color : #dddddd;
  padding : 0 0 5px 5px;
}

.mainharfr { 
  background-color : #ffffff;
  width : 369px;
  float : left;
  margin : 0 0 0 5px;
  padding : 0 0 0 5px;
}

p.harfr { 
  font-size : 75%;
  color : #666666;
  width : 363px;
  text-align : left;
  margin : 0;
  line-height : 1.3em;
  border-width : 0 0 1px 0;
  border-style : dashed;
  border-color : #dddddd;
  padding : 0 0 5px 5px;
}


div.koe {
  width : 730px;
  height : 200px;
  padding : 5px;
  margin : 5px 0 5px 0;
  border : 1px solid #dddddd;
  overflow : auto;
  text-align : left;
  float:left;
}

ul.koe {
  font-size : 80%;
  list-style : none;
  margin : 0;
  padding : 0 0 0 10px;
  color : #333333;
}

li.koe {
  padding-top : 10px;
}

.main3{ 
  background-color : #ffffff;
  width : 239px;
  float : left;
  margin : 0 0 0 5px;
  padding : 0 0 0 5px;
}

p.main3 { 
  font-size : 75%;
  color : #666666;
  width : 238px;
  text-align : left;
  margin : 0;
  line-height : 1.3em;
  border-width : 0 0 1px 0;
  border-style : dashed;
  border-color : #dddddd;
  padding : 0 0 5px 5px;
}

div.mokuji { 
  width : 190px;
  background-color : #ffffff;
  position : relative;
  top : 0;
  text-align : left;
  float : left;
}

.mokujiin { 
  width : 190px;
  margin-top : 5px;
  margin-bottom : 5px;
  border-width : 1px;
  border-style : solid;
  border-color : #dddddd;
}

p.mokuji { 
  color : #bd986e;
  background-image : url(../image/mokuji_s1.jpg);
  background-repeat : no-repeat;
  font-size : 13px;
  font-weight : bold;
  padding-left : 35px;
  padding-top : 6px;
  padding-bottom : 7px;
  margin-top : 0px;
  margin-bottom : -20px;
}

ul { 
  font-size : 75%;
  list-style : none;
  margin : 0;
  padding : 20px 0 0 10px;
  color : #333333;
  line-height : 1.5em;
}

div.new {
  width : 229px;
  padding : 5px;
  margin : 5px 0 5px 0;
  border : 1px solid #dddddd;
  text-align : left;
  float:left;
}

ul.new {
  font-size : 75%;
  list-style : none;
  margin : 0;
  padding : 0 0 0 10px;
  color : #333333;
}

li.new {
  padding : 3px 0 0 0;
}
 
a.mokuji { 
  color : #666666;
  font-size : 100%;
}

a.mokuji:hover {
  background-color: #ff9800;
  color: #000000;
}

div.moimg { 
  width : 190px;
  background-color : #ffffff;
  position : relative;
  float : right;
  text-align : center;
  margin-top : 20px;
}

.ranktittle { 
  color : #f1efef;
  background-image : url(../image/rank-menu.gif);
  background-repeat : no-repeat;
  position : relative;
  font-size : 75%;
  font-weight : bold;
  padding : 29px 0px 0px 15px;
  margin : 0px 0px 0px 0px;
  height : 14px;
}

.rank{
  width : 188px;
  height : 60px;
  border-width : 1px 1px 0px 1px;
  border-style : solid;
  border-color : #ff0000;
}

.rankbot{
  width : 188px;
  height : 63px;
  border-width : 1px;
  border-style : solid;
  border-color : #ff0000;
}

.rankl1{
  background-image : url(../image/rank1s.gif);
  background-repeat : no-repeat;
  padding : 6px 0px 6px 28px;
  margin : 0px 0px 0px 0px;
  float : left;
}
.rankl2{
  background-image : url(../image/rank2s.gif);
  background-repeat : no-repeat;
  padding : 6px 0px 6px 28px;
  margin : 0px 0px 0px 0px;
  float : left;
}
.rankl3{
  background-image : url(../image/rank3s.gif);
  background-repeat : no-repeat;
  padding : 6px 0px 6px 28px;
  margin : 0px 0px 0px 0px;
  float : left;
}
.rankl4{
  background-image : url(../image/rank4s.gif);
  background-repeat : no-repeat;
  padding : 6px 0px 6px 28px;
  margin : 0px 0px 0px 0px;
  float : left;
}
.rankl5{
  background-image : url(../image/rank5s.gif);
  background-repeat : no-repeat;
  padding : 6px 0px 6px 28px;
  margin : 0px 0px 0px 0px;
  float : left;
}
.rankr{
  color : #666666;
  font-size : 75%;
  padding : 18px 0px 5px 0px;
  margin : 0px 0px 0px 0px;
  float : right;
  text-align : left;
  width : 103px;
}

div.attention { 
  background-color : #ffffff;
  color : #000000;
  width : 950px;
  border-width : 1px;
  border-style : solid;
  border-color : #bf986d;
  clear : both;
} 

div.attleft { 
  background-color : #ffffff;
  width : 315px;
  float : left;
} 

div.attright { 
  background-color : #ffffff;
  width : 315px;
  float : left;
} 

div.attcenter { 
  background-color : #ffffff;
  width : 315px;
  float : left;
}

p.att1 { 
  color : #ffffff;
  background-color : #ff9999;
  width : 950px;
  margin : 0;
  padding : 2px 0 1px 0;
  font-size : 90%;
  font-weight : bold;
  text-align : center;
} 

p.att2 { 
  color : #ffffff;
  background-color : #fec166;
  width : 265px;
  padding : 3px 0px 3px 5px;
  font-size : 75%;
  font-weight : bold;
} 
p.att3 { 
color : #ffffff;
  background-color : #bf986d;
  width : 300px;
  font-size : 75%;
  padding : 2px 0px 1px 5px;
  margin-top : 12px;
} 
p.att4 { 
  color : #666666;
  width : 300px;
  font-size : 75%;
  padding-left : 10px;
} 

span.att { 
  font-weight : bold;
} 

p.flink { 
  color : #ffffff;
  background-color : #bf986d;
  width : 950px;
  margin : 0;
  padding : 2px 0 1px 0;
  text-align : center;
  font-size : 85%;
  clear : both;
} 

a.flink { 
  color : #ffffff;
  text-decoration : none;
}
 
p.footer { 
  color : #ffffff;
  background-color : #ff9999;
  width : 950px;
  margin : 0;
  padding : 2px 0 1px 0;
  text-align : center;
  font-size : 75%;
} 

img { 
  border : none;
}