/*
 *  saekano / special.scss / special.css
 *  compass mode
 *  version --- 1.0
 *  author  --- coreframe, inc.
 *  created --- 2015/02/04
 *  updated --- 2015/02/04
 *
 */
header {
  position: relative;
  width: 950px;
  height: 220px;
}
header h1 {
  position: absolute;
  top: 54px;
  left: 20px;
  text-indent: -5000px;
  width: 250px;
  height: 126px;
  background: transparent url("../img/contents/saenai_logo2.png") 0 0 no-repeat;
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-resolution: 192dpi) {
  header h1 {
    background-image: url("../img/contents/saenai_logo2@2x.png");
    -moz-background-size: 250px 126px;
    -o-background-size: 250px 126px;
    -webkit-background-size: 250px 126px;
    background-size: 250px 126px;
  }
}
header h2 {
  display: none;
}
header nav {
  position: absolute;
  top: 68px;
  left: 318px;
}
header nav li {
  position: absolute;
}
header nav li a {
  display: block;
}
header nav li h4 {
  display: none;
}
header nav li span {
  display: none;
}
header nav li.top {
  top: 0px;
  left: 0px;
}
header nav li.top a {
  display: block;
  width: 144px;
  height: 44px;
  background: transparent url("../img/contents/nav2_top.png") 0 0 no-repeat;
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-resolution: 192dpi) {
  header nav li.top a {
    background-image: url("../img/contents/nav2_top@2x.png");
    -moz-background-size: 144px 44px;
    -o-background-size: 144px 44px;
    -webkit-background-size: 144px 44px;
    background-size: 144px 44px;
  }
}
header nav li.top a:hover {
  width: 144px;
  height: 44px;
  background: transparent url("../img/contents/nav2_top_o.png") 0 0 no-repeat;
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-resolution: 192dpi) {
  header nav li.top a:hover {
    background-image: url("../img/contents/nav2_top_o@2x.png");
    -moz-background-size: 144px 44px;
    -o-background-size: 144px 44px;
    -webkit-background-size: 144px 44px;
    background-size: 144px 44px;
  }
}
header nav li.top.current a {
  width: 144px;
  height: 44px;
  background: transparent url("../img/contents/nav2_top_o.png") 0 0 no-repeat;
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-resolution: 192dpi) {
  header nav li.top.current a {
    background-image: url("../img/contents/nav2_top_o@2x.png");
    -moz-background-size: 144px 44px;
    -o-background-size: 144px 44px;
    -webkit-background-size: 144px 44px;
    background-size: 144px 44px;
  }
}
header nav li.story {
  top: 58px;
  left: 79px;
}
header nav li.story a {
  display: block;
  width: 144px;
  height: 44px;
  background: transparent url("../img/contents/nav2_story.png") 0 0 no-repeat;
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-resolution: 192dpi) {
  header nav li.story a {
    background-image: url("../img/contents/nav2_story@2x.png");
    -moz-background-size: 144px 44px;
    -o-background-size: 144px 44px;
    -webkit-background-size: 144px 44px;
    background-size: 144px 44px;
  }
}
header nav li.story a:hover {
  width: 144px;
  height: 44px;
  background: transparent url("../img/contents/nav2_story_o.png") 0 0 no-repeat;
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-resolution: 192dpi) {
  header nav li.story a:hover {
    background-image: url("../img/contents/nav2_story_o@2x.png");
    -moz-background-size: 144px 44px;
    -o-background-size: 144px 44px;
    -webkit-background-size: 144px 44px;
    background-size: 144px 44px;
  }
}
header nav li.story.current a {
  width: 144px;
  height: 44px;
  background: transparent url("../img/contents/nav2_story_o.png") 0 0 no-repeat;
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-resolution: 192dpi) {
  header nav li.story.current a {
    background-image: url("../img/contents/nav2_story_o@2x.png");
    -moz-background-size: 144px 44px;
    -o-background-size: 144px 44px;
    -webkit-background-size: 144px 44px;
    background-size: 144px 44px;
  }
}
header nav li.character {
  top: 0px;
  left: 158px;
}
header nav li.character a {
  display: block;
  width: 144px;
  height: 44px;
  background: transparent url("../img/contents/nav2_chara.png") 0 0 no-repeat;
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-resolution: 192dpi) {
  header nav li.character a {
    background-image: url("../img/contents/nav2_chara@2x.png");
    -moz-background-size: 144px 44px;
    -o-background-size: 144px 44px;
    -webkit-background-size: 144px 44px;
    background-size: 144px 44px;
  }
}
header nav li.character a:hover {
  width: 144px;
  height: 44px;
  background: transparent url("../img/contents/nav2_chara_o.png") 0 0 no-repeat;
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-resolution: 192dpi) {
  header nav li.character a:hover {
    background-image: url("../img/contents/nav2_chara_o@2x.png");
    -moz-background-size: 144px 44px;
    -o-background-size: 144px 44px;
    -webkit-background-size: 144px 44px;
    background-size: 144px 44px;
  }
}
header nav li.character.current a {
  width: 144px;
  height: 44px;
  background: transparent url("../img/contents/nav2_chara_o.png") 0 0 no-repeat;
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-resolution: 192dpi) {
  header nav li.character.current a {
    background-image: url("../img/contents/nav2_chara_o@2x.png");
    -moz-background-size: 144px 44px;
    -o-background-size: 144px 44px;
    -webkit-background-size: 144px 44px;
    background-size: 144px 44px;
  }
}
header nav li.system {
  top: 58px;
  left: 237px;
}
header nav li.system a {
  display: block;
  width: 144px;
  height: 44px;
  background: transparent url("../img/contents/nav2_system.png") 0 0 no-repeat;
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-resolution: 192dpi) {
  header nav li.system a {
    background-image: url("../img/contents/nav2_system@2x.png");
    -moz-background-size: 144px 44px;
    -o-background-size: 144px 44px;
    -webkit-background-size: 144px 44px;
    background-size: 144px 44px;
  }
}
header nav li.system a:hover {
  width: 144px;
  height: 44px;
  background: transparent url("../img/contents/nav2_system_o.png") 0 0 no-repeat;
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-resolution: 192dpi) {
  header nav li.system a:hover {
    background-image: url("../img/contents/nav2_system_o@2x.png");
    -moz-background-size: 144px 44px;
    -o-background-size: 144px 44px;
    -webkit-background-size: 144px 44px;
    background-size: 144px 44px;
  }
}
header nav li.system.current a {
  width: 144px;
  height: 44px;
  background: transparent url("../img/contents/nav2_system_o.png") 0 0 no-repeat;
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-resolution: 192dpi) {
  header nav li.system.current a {
    background-image: url("../img/contents/nav2_system_o@2x.png");
    -moz-background-size: 144px 44px;
    -o-background-size: 144px 44px;
    -webkit-background-size: 144px 44px;
    background-size: 144px 44px;
  }
}
header nav li.gallery {
  top: 0px;
  left: 316px;
}
header nav li.gallery a {
  display: block;
  width: 144px;
  height: 44px;
  background: transparent url("../img/contents/nav2_gallery.png") 0 0 no-repeat;
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-resolution: 192dpi) {
  header nav li.gallery a {
    background-image: url("../img/contents/nav2_gallery@2x.png");
    -moz-background-size: 144px 44px;
    -o-background-size: 144px 44px;
    -webkit-background-size: 144px 44px;
    background-size: 144px 44px;
  }
}
header nav li.gallery a:hover {
  width: 144px;
  height: 44px;
  background: transparent url("../img/contents/nav2_gallery_o.png") 0 0 no-repeat;
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-resolution: 192dpi) {
  header nav li.gallery a:hover {
    background-image: url("../img/contents/nav2_gallery_o@2x.png");
    -moz-background-size: 144px 44px;
    -o-background-size: 144px 44px;
    -webkit-background-size: 144px 44px;
    background-size: 144px 44px;
  }
}
header nav li.gallery.close {
  top: -7px;
}
header nav li.gallery.close a {
  width: 144px;
  height: 51px;
  background: transparent url("../img/contents/nav2_gallery_c.png") 0 0 no-repeat;
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-resolution: 192dpi) {
  header nav li.gallery.close a {
    background-image: url("../img/contents/nav2_gallery_c@2x.png");
    -moz-background-size: 144px 51px;
    -o-background-size: 144px 51px;
    -webkit-background-size: 144px 51px;
    background-size: 144px 51px;
  }
}
header nav li.gallery.current a {
  width: 144px;
  height: 44px;
  background: transparent url("../img/contents/nav2_special_o.png") 0 0 no-repeat;
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-resolution: 192dpi) {
  header nav li.gallery.current a {
    background-image: url("../img/contents/nav2_special_o@2x.png");
    -moz-background-size: 144px 44px;
    -o-background-size: 144px 44px;
    -webkit-background-size: 144px 44px;
    background-size: 144px 44px;
  }
}
header nav li.special {
  top: 58px;
  left: 395px;
}
header nav li.special a {
  display: block;
  width: 144px;
  height: 44px;
  background: transparent url("../img/contents/nav2_special.png") 0 0 no-repeat;
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-resolution: 192dpi) {
  header nav li.special a {
    background-image: url("../img/contents/nav2_special@2x.png");
    -moz-background-size: 144px 44px;
    -o-background-size: 144px 44px;
    -webkit-background-size: 144px 44px;
    background-size: 144px 44px;
  }
}
header nav li.special a:hover {
  width: 144px;
  height: 44px;
  background: transparent url("../img/contents/nav2_special_o.png") 0 0 no-repeat;
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-resolution: 192dpi) {
  header nav li.special a:hover {
    background-image: url("../img/contents/nav2_special_o@2x.png");
    -moz-background-size: 144px 44px;
    -o-background-size: 144px 44px;
    -webkit-background-size: 144px 44px;
    background-size: 144px 44px;
  }
}
header nav li.special.close {
  top: 51px;
}
header nav li.special.close a {
  width: 144px;
  height: 51px;
  background: transparent url("../img/contents/nav2_special_c.png") 0 0 no-repeat;
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-resolution: 192dpi) {
  header nav li.special.close a {
    background-image: url("../img/contents/nav2_special_c@2x.png");
    -moz-background-size: 144px 51px;
    -o-background-size: 144px 51px;
    -webkit-background-size: 144px 51px;
    background-size: 144px 51px;
  }
}
header nav li.special.current a {
  width: 144px;
  height: 44px;
  background: transparent url("../img/contents/nav2_special_o.png") 0 0 no-repeat;
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-resolution: 192dpi) {
  header nav li.special.current a {
    background-image: url("../img/contents/nav2_special_o@2x.png");
    -moz-background-size: 144px 44px;
    -o-background-size: 144px 44px;
    -webkit-background-size: 144px 44px;
    background-size: 144px 44px;
  }
}
header nav li.spec {
  top: 0px;
  left: 474px;
}
header nav li.spec a {
  display: block;
  width: 144px;
  height: 44px;
  background: transparent url("../img/contents/nav2_spec.png") 0 0 no-repeat;
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-resolution: 192dpi) {
  header nav li.spec a {
    background-image: url("../img/contents/nav2_spec@2x.png");
    -moz-background-size: 144px 44px;
    -o-background-size: 144px 44px;
    -webkit-background-size: 144px 44px;
    background-size: 144px 44px;
  }
}
header nav li.spec a:hover {
  width: 144px;
  height: 44px;
  background: transparent url("../img/contents/nav2_spec_o.png") 0 0 no-repeat;
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-resolution: 192dpi) {
  header nav li.spec a:hover {
    background-image: url("../img/contents/nav2_spec_o@2x.png");
    -moz-background-size: 144px 44px;
    -o-background-size: 144px 44px;
    -webkit-background-size: 144px 44px;
    background-size: 144px 44px;
  }
}
header nav li.spec.current a {
  width: 144px;
  height: 44px;
  background: transparent url("../img/contents/nav2_spec_o.png") 0 0 no-repeat;
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-resolution: 192dpi) {
  header nav li.spec.current a {
    background-image: url("../img/contents/nav2_spec_o@2x.png");
    -moz-background-size: 144px 44px;
    -o-background-size: 144px 44px;
    -webkit-background-size: 144px 44px;
    background-size: 144px 44px;
  }
}

/* spec ******************** */
#SPECIAL #block1 {
  background: url("../../special/img/titlebar_special.png");
  width: 356px;
  height: 104px;
  position: relative;
  margin-bottom: 15px;
}
#SPECIAL .block_header {
  background: url("../../special/img/special_bg_header.png");
  width: 928px;
  height: 30px;
  position: relative;
  margin-top: 15px;
}
#SPECIAL .block_center {
  width: 928px;
  background-color: #FFFFCC;
  padding: 0px;
  background: url("../../special/img/special_bg_center.png");
}
#SPECIAL .block_footer {
  background: url("../../special/img/special_bg_footer.png");
  width: 928px;
  height: 30px;
  position: relative;
  margin-bottom: 15px;
}
#SPECIAL .special_box {
  margin: 0 40px;
  padding-top: 10px;
  padding-bottom: 30px;
  clear: both;
}
#SPECIAL .special_box h3 {
  background-color: #c069f2;
  color: #fff;
  font-size: 130%;
  padding: 5px 10px;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  border-radius: 3px;
}
#SPECIAL .special_box p {
  margin: 10px 0;
}
#SPECIAL .special_box strong {
  font-weight: bold;
}
#SPECIAL .special_box .col {
  color: #7a2aa8;
}
#SPECIAL .special_box .caution {
  font-size: 86%;
  color: #666;
}
#SPECIAL .special_box .pink {
  color: #e7336e;
  font-weight: bold;
}
#SPECIAL .special_box table.special_table {
  width: 100%;
  margin: 10px 0;
  margin-bottom:20px;
  border-left: solid 1px #efefef;
  border-top: solid 1px #efefef;
}
#SPECIAL .special_box table.special_table th {
  white-space: nowrap;
  padding: 8px;
  border-right: solid 1px #efefef;
  border-bottom: solid 1px #efefef;
  vertical-align: top;
}
#SPECIAL .special_box table.special_table td {
  padding: 8px;
  border-right: solid 1px #efefef;
  border-bottom: solid 1px #efefef;
}
#SPECIAL .special_box .rows {
  margin: 10px 0;
  overflow: hidden;
}
#SPECIAL .special_box .rows .pict {
  margin: 3px;
  float: left;
  width: 300px;
  font-size: 86%;
}
#SPECIAL .disp_none {
  display: none;
}
#SPECIAL #img_sub {
  width: 280px;
  position: relative;
  top: 00px;
  left: 600px;
}
#SPECIAL a:link {
  color: #e7336e;
}
#SPECIAL a:visited {
  color: #e7336e;
}
#SPECIAL a:hover {
  color: #91c422;
}
#SPECIAL a:active {
  color: #e7336e;
}
#SPECIAL .clears {
  clear: both;
}


ul#txt_sub li {
  list-style-image: url("../../spec/img/list_ic.png");
  margin-left: 25px;
}