@import url("common.css");
@import url("style.css");
@import url("clearfix.css");

/*-------------------------------------------------------------- top-image
*/
.special {
  padding-top: 144px;
}
.special .main {
  width: 766px;
  margin: 0 auto;
  padding: 0 1px;
}
.special .main .flash {
  position: absolute;
  left: 0;
  top: 0;
  z-index: 10;
  width: 896px;
  height: 148px;
}
.special .sub {
  position: relative;
  z-index: 100;
}
.special .bnrs li {
  list-style: none;
  margin: 24px auto;
}

/*-------------------------------------------------------------- box
*/
.box {
  overflow: hidden;
  margin: 8px auto 0;
}
.box h3 {
  text-indent: -1000em;
  width: 712px;
  height: 48px;
  margin: 0 auto;
  overflow: hidden;
}
.box .frame {
  background: url('images/special/sp_box_base.jpg') repeat-y;
  width: 704px;
  margin: 0 auto;
}
.box .frame .wrtop {
  background: url('images/special/sp_box_top.jpg') no-repeat left top;
  width: 704px;
  overflow: hidden;
}
.box .frame .wrbtm {
  background: url('images/special/sp_box_bottom.jpg') no-repeat left bottom;
  width: 688px;
  min-height: 80px;
  padding: 8px 8px 16px;
  overflow: hidden;
  vertical-align: bottom;
}
.box .boxframe {
  display: inline;
  background: url('images/special/sp_boxframe_base.jpg') repeat-y;
  width: 672px;
  margin: 8px 8px 0;
  float: right;
}
.box .boxframe h4 {
  text-indent: -1000em;
  width: 672px;
  height: 40px;
  overflow: hidden;
}
.box .boxframe .top {
  background: url('images/special/sp_boxframe_top.jpg') no-repeat left top;
  width: 672px;
}
.box .boxframe .btm {
  background: url('images/special/sp_boxframe_bottom.jpg') no-repeat left bottom;
  width: 672px;
  min-height: 64px;
  padding: 8px 0 16px;
  overflow: hidden;
  vertical-align: bottom;
}
#tokuten {
  font-size: 80%;
  line-height: 1.3em;
}
#vote {
 margin-bottom: 24px; 

}
#tokuten h3 {background: url('images/special/sp_h3_tokuten.jpg') no-repeat;}
#special h4 {background: url('images/special/sp_boxframe_hd_special.jpg') no-repeat left top;}
#original h4 {background: url('images/special/sp_boxframe_hd_original.jpg') no-repeat left top;}

/*-------------------------------------------------------------- tokuten
*/
.boxframe .top .btm ul {
  margin: 0 auto 8px;
}
.boxframe .top .btm ul.l1 {width: 300px;}
.boxframe .top .btm ul.l2 {width: 552px;}
.boxframe .top .btm ul.l3 {width: 512px;}
.boxframe .top .btm ul.l4 {width: 512px;}
.boxframe .top .btm ul.l5 {width: 344px;}
.boxframe .top .btm li {
  display: inline;
  float: left;
  overflow: hidden;
}
.boxframe .top .btm ul.l1 li,
.boxframe .top .btm ul.l2 li {margin: 0 2px;}

.boxframe .top .btm li.shet1 {width: 196px;}
.boxframe .top .btm li.shet2 {width: 96px;}
.boxframe .top .btm li.tlcv {width: 88px;}
.boxframe .top .btm li.tlch {width: 128px;}

.boxframe .top .btm img {
  padding: 4px;
}
.shet1 img,
.shet2 img {background: url('images/special/sp_box_img_back1.png') no-repeat;}
.tlcv img {background: url('images/special/sp_box_img_back2.png') no-repeat;}
.tlch img {background: url('images/special/sp_box_img_back3.png') no-repeat;}

/*-------------------------------------------------------------- border
*/
.border02 {
  text-indent: -1000em;
  background: url('images/contents_border02.png') no-repeat;
  width: 704px;
  height: 16px;
  margin: 16px auto 8px;
  overflow: hidden;
}
.border02 hr {
  display: none;
}

/*-------------------------------------------------------------- webcomic
*/
.webcomic {
  padding-top: 160px;
}
.webcomic .main {
  width: 766px;
  margin: 0 auto;
  padding: 0 1px;
}
.webcomic .main .flash {
  position: absolute;
  left: 0;
  top: 0;
  z-index: 10;
  width: 896px;
  height: 148px;
}
.webcomic .sub {
  position: relative;
  z-index: 100;
  margin-top: 16px;
}

.webcomic .page-navi {
  width: 704px;
  margin: 0 auto;
  padding: 12px 0 0;
  overflow: hidden;
}
.webcomic .page-navi ul {
  list-style: none;
  width: 448px;
  margin: 0 auto;
}
.webcomic .page-navi li {
  width: 112px;
  float: left;
  overflow: hidden;
}
.webcomic .page-navi li a {
  display: block;
  text-indent: -1000em;
  width: 112px;
  height: 32px;
  overflow: hidden;
}
.webcomic .page-navi li a:hover {
  background-position: bottom;
}
.wc01 a {background: url('images/special/webcomic_navi01.gif') no-repeat;}
.wc02 a {background: url('images/special/webcomic_navi02.gif') no-repeat;}
.wc03 a {background: url('images/special/webcomic_navi03.gif') no-repeat;}
.wc04 a {background: url('images/special/webcomic_navi04.gif') no-repeat;}

.webcomic .border02 {
  background: url('images/contents_border02.png') no-repeat;
  width: 704px;
  height: 16px;
  margin: 8px auto;
  overflow: hidden;
}
.webcomic .comic-box {
  position: relative;
  background: url('images/special/webcomic_box_bg.jpg') repeat-y;
  width: 704px;
  margin: 16px auto 0;
}
.webcomic .comic-box .wrap {
  background: url('images/special/webcomic_box_bottom.jpg') no-repeat left bottom;
  width: 704px;
  padding-bottom: 12px;
}
.webcomic .comic-box h4 {
  text-indent: -1000em;
  width: 704px;
  height: 48px;
  margin-bottom: 8px;
  overflow: hidden;
}
.webcomic .comic-box h4.c01 {background: url('images/special/webcomic_title01.jpg') no-repeat;}
.webcomic .comic-box h4.c02 {background: url('images/special/webcomic_title02.jpg') no-repeat;}
.webcomic .comic-box h4.c03 {background: url('images/special/webcomic_title03.jpg') no-repeat;}
.webcomic .comic-box h4.c04 {background: url('images/special/webcomic_title04.jpg') no-repeat;}
.webcomic .comic-box img {
  display: block;
  margin: 0 auto;
}
* html .webcomic .comic-box img {
  display: inline;
}
.webcomic .comic-box .ribbon {
  position: absolute;
  left: -13px;
  top: -4px;
  background: url('images/special/webcomic_box_ribbon.png') no-repeat;
  width: 86px;
  height: 74px;
  overflow: hidden;
}

/*-------------------------------------------------------------- vote01
*/

.vote-rd01 {
  background: url('images/special/vote_read01.jpg') no-repeat;
  width: 480px;
  height: 64px;
}
.vote-rd02 {
  background: url('images/special/vote_read02.jpg') no-repeat;
  width: 448px;
  height: 96px;
}
.vote-main {
  background: url('images/special/vote_main.jpg') no-repeat;
  width: 608px;
  height: 456px;
}
.vote-notice {
  background: url('images/special/vote_notice.jpg') no-repeat;
  width: 384px;
  height: 80px;
}
#vote .vote-nbox {
  text-align: left;
  background: url('images/special/vote_notice_bg.gif') repeat-y;
  width: 608px;
  margin: 8px auto 12px;
  overflow: visible;
}
#vote .vote-nbox h4 {
  font-size: 100%;
  text-indent: 0;
  border-bottom: 1px dotted #555;
  width: auto;
  height: auto;
  padding-bottom: 8px;
  overflow: visible;
}
#vote .vote-nbox ul {
  font-size: 90%;
  margin: 8px 0 0 16px;
}
#vote .vote-nbox li {
  display: list-item;
  margin: 8px 0 0;
  float: none;
  overflow: visible;
}
#vote .vote-nbox div {
  width: 284px;
  padding: 8px;
}
#vote .vote-nbox .lb {
  float: left;
}
#vote .vote-nbox .rb {
  float: right;
}

.vote-link {}
.vote-link a {
  display: block;
  background: url('images/special/vote_howto.jpg') no-repeat;
  width: 360px;
  height: 40px;
  margin: 8px auto;
  text-indent: -1000em;
  overflow: hidden;
}
.vote-rd01,
.vote-rd02,
.vote-main,
.vote-notice {
  display: block;
  margin: 0 auto;
}
.vote-rd01 p,
.vote-rd02 p,
.vote-main ul,
.vote-notice ul {display: none;}

#vote .vote-result {
}
#vote .vote-result ul {
  width: 624px;
  margin: 16px auto 0;
  overflow: hidden;
}
#vote .vote-result li.cb {
  width: 624px;
}
#vote .vote-result li.lb {
  width: 300px;
  margin: 8px 4px 0 8px;
}
#vote .vote-result li.rb {
  width: 300px;
  margin: 8px 8px 0 4px;
}
#vote .vote-result li.yb {
  text-align: left;
  width: 220px;
  height: 88px;
  margin: 4px 8px 4px 4px;
  padding: 40px 0 0 80px;
}

#vote .vote-result li img {
  padding: 0;
}

#vote .vote-border {
  border-top: 1px solid #807366;
  width: 608px;
  height: 4px;
  margin: 16px auto;
  overflow: hidden;
}


/*-------------------------------------------------------------- window navi
*/
#HS-Navi {
  display: block;
  overflow: hidden;
}
td.otoboku2 {
  background: #665747;
}
.highslide-navi {
  background: url('images/graphic/graphic_win_navi_bg_base.gif') repeat-x;
  width: auto;
  height: 24px;
  overflow: hidden;
}
.highslide-navi .l {
  background: url('images/graphic/graphic_win_navi_bg_left.gif') no-repeat top left;
}
.highslide-navi .r {
  background: url('images/graphic/graphic_win_navi_bg_right.gif') no-repeat top right;
}

.highslide-navi ul {
  width: 192px;
  height: 24px;
  margin: 0 auto;
  list-style: none;
}
.highslide-navi li {
  float: left;
}
.highslide-navi li.prev a {background: url('images/graphic/graphic_win_navi_prev.gif') no-repeat; width: 68px;}
.highslide-navi li.next a {background: url('images/graphic/graphic_win_navi_next.gif') no-repeat; width: 68px;}
.highslide-navi li.clse a {background: url('images/graphic/graphic_win_navi_close.gif') no-repeat; width: 56px;}
.highslide-navi li a {
  display: block;
  text-indent: -1000em;
  height: 24px;
  overflow: hidden;
}
.highslide-navi li a:hover {
  background-position: bottom;
}

/*-------------------------------------------------------------- iepngfix
*/
#evnavi img,
.nico_form img,
.border02,
.boxframe .top .btm img,
.webcomic .border02,
.webcomic .comic-box .ribbon {
  behavior: url("script/iepngfix.htc");
}

/*--------------------------------------------------------------
*/
.event-thanks {
  color: #e5657a;
  font-size: 109%;
  font-weight: bold;
  text-align: center!important;
  margin: 16px auto 0!important;
}