@import url("clearfix.css");

/*  CSS */
/* 2007 Caramelbox All rights reserved. */
* {
  margin: 0;
  padding: 0;
}
body {
  font-size: 83.3%;
  /* 91.6% 11pt */
  /* 83.3% 10pt */
}
html > body {
  font-size: 10pt;
}
html {
  overflow-y: scroll;
}
body {
  background: #fff;
  font-family: "Pro W3", "Hiragino Kaku Gothic Pro", Meiryo, sans-serif;
  color: #000000;
  text-align:center;
}
img {
  border: none;
  vertical-align: bottom;
}
table {
  font-size:14px;
}
div#Frame_H {
  background:  url(../view/img/frame_base_header.jpg) no-repeat;
  width:    768px;
  height:    136px;
  margin: 0 auto;
}
div#Frame_HI {
  background:  url(../view/img/frame_item_header.gif) no-repeat scroll center;
  width:    503px;
  height:    62px;
}
div#Frame_B {
  background:  url(../view/img/frame_base_body.jpg) repeat-y;
  width: 768px;
  margin: 0 auto;
  overflow: hidden;
}
div#Frame_BI {
  background:  url(../view/img/frame_item_body.gif) repeat-y scroll center;
  width:    503px;
}
div#Frame_FI {
  background:  url(../view/img/frame_item_footer.gif) no-repeat scroll center;
  width:    503px;
  height:    32px;
  margin: 0 auto;
}
div#Frame_F {
  clear: both;
  background: url(./main_footer.jpg) no-repeat left top;
  width: 768px;
  height: 80px;
  margin: 0 auto;
/*  padding: 36px 0 0;*/
  overflow: hidden;
}
div#Frame_F a {
  display: block;
  background: url(./bt_back.gif) no-repeat;
  width:50px;
  height:23px;
  margin: 40px 13px 0 0;
  float:right;
  overflow: hidden;
}

div#BorderVoteEnd {
  background:  url(../view/img/borderVoteEnd.gif) no-repeat;
  width:    478px;
  height:    14px;
}

div#Vote2RepBnr {
  background:  url(../view/img/vote_bnrotb.jpg) no-repeat;
  width:    402px;
  height:    83px;
}
div#Vote2RepBnrResult {
  background:  url(../view/img/vote_bnr_result_otb.jpg) no-repeat;
  width:    402px;
  height:    83px;
}

div#Vote3RepBnr {
  background:  url(../view/img/vote_bnrtpr.jpg) no-repeat;
  width:    484px;
  height:    85px;
}

div#Vote4RepBnr {
  background:  url(../view/img/vote_bnrtpr2.jpg) no-repeat;
  width:    484px;
  height:    85px;
}

div#Vote5RepBnr {
  background:  url(../view/img/vote_bnrbkr.jpg) no-repeat;
  width:    484px;
  height:    85px;
}

div#VoteBase {
  border: 1px solid #F66517;
  background:  #FFFFFF;
  width:428px;
  margin: 0 auto;
  padding: 16px;
}

span#VOTE1 a {
  background:  url(../view/img/bt01off.jpg) no-repeat;
  width:    424px;
  height:    55px;
  display:  block;
}
span#VOTE1 a:hover {
  background:  url(../view/img/bt01on.jpg) no-repeat;
}
span#VOTE2 a {
  background:  url(../view/img/bt02off.jpg) no-repeat;
  width:    424px;
  height:    55px;
  display:  block;
}
span#VOTE2 a:hover {
  background:  url(../view/img/bt02on.jpg) no-repeat;
}
span#VOTE2R a {
  background:  url(../view/img/bt02Roff.jpg) no-repeat;
  width:    424px;
  height:    55px;
  display:  block;
}
span#VOTE2R a:hover {
  background:  url(../view/img/bt02Ron.jpg) no-repeat;
}

span#VOTE3 a {
  background:  url(../view/img/bt03off.jpg) no-repeat;
  width:    424px;
  height:    55px;
  display:  block;
}

span#VOTE3 a:hover {
  background:  url(../view/img/bt03on.jpg) no-repeat;
}

span#VOTE3R a {
  background:  url(../view/img/bt03Roff.jpg) no-repeat;
  width:    424px;
  height:    55px;
  display:  block;
}
span#VOTE3R a:hover {
  background:  url(../view/img/bt03Ron.jpg) no-repeat;
}

span#VOTE4 a {
  background:  url(../view/img/bt04off.jpg) no-repeat;
  width:    424px;
  height:    55px;
  display:  block;
}

span#VOTE4 a:hover {
  background:  url(../view/img/bt04on.jpg) no-repeat;
}

span#VOTE4R a {
  background:  url(../view/img/bt04Roff.jpg) no-repeat;
  width:    424px;
  height:    55px;
  display:  block;
}
span#VOTE4R a:hover {
  background:  url(../view/img/bt04Ron.jpg) no-repeat;
}

span#VOTE5 a {
  background:  url(../view/img/bt05off.jpg) no-repeat;
  width:    424px;
  height:    55px;
  display:  block;
}

span#VOTE5 a:hover {
  background:  url(../view/img/bt05on.jpg) no-repeat;
}

span#VOTE5R a {
  background:  url(../view/img/bt05Roff.jpg) no-repeat;
  width:    424px;
  height:    55px;
  display:  block;
}

span#VOTE5R a:hover {
  background:  url(../view/img/bt05Ron.jpg) no-repeat;
}


span#BackToMenu a {
  background:  url(../view/img/btBackToMenu.gif) no-repeat;
  width:    160px;
  height:    24px;
  position:  relative; top:36px; left:590px;
  display:  block;
}

span#BackToCara a {
  background:  url(../view/img/btBackToCara.gif) no-repeat;
  width:    160px;
  height:    24px;
  position:  relative; top:36px; left:590px;
  display:  block;
}



span#cara {
  position:relative;top:4px;
}

span#f10 {
  font-size:10px;
}
span#f12 {
  font-size:12px;
}
span#f14 {
  font-size:14px;
}



div.vote {
  margin: 0 auto;
}
div.vote table {
}
div.vote th {
  padding:2px 0px 2px 0px;
  background: #eeeedd;
  text-align: center;
}
div.vote td {
  padding:2px 0px 2px 1px;
  border-bottom:  1px solid #eeeedd;
  text-align: left;
}
div.vote td.medal {
  padding:    2px 0px 2px 0px;
  border:      0;
  text-align:    center;
  width:      30px;
}

.br4 {
  line-height: 4px;
}

.br8 {
  line-height: 8px;
}

.Frame_vote p {
  margin-bottom: 16px;
}