@charset "UTF-8";
/* for IE */
article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary {
  display: block;
}

* {
  font-size: 16pt;
}
body {
  background-color: #000000;
}
p {
  color: #ffffff;
}
input {
  cursor: pointer;
}
article {
  text-align: center;
  margin: 0 auto;
  width: 768px;
}
header {
  margin: 0 0 8px 0;
}
.hidden_text {
  text-indent: 100%;
  white-space: nowrap;
  overflow: hidden;
  padding: 0;
  border: none;
}
.title {
  float: left;
  margin: 10px 10px 0 0;
}
.title img {
  width: 560px;
  border: solid 1px;
  background-color: #000000;
}
.info {
  float: right;
  padding: 4px 8px 0 0;
  line-height: 0.4em;
}
.info p {
  text-align: left;
  font-size: 0.7em;
  margin: 10px 0;
}
.info p::first-child::after {
  content: '';
  display: block;
  clear: both;
}
.info .author {
  float: left;
  font-size: 0.9em;
  margin: 10px 5px 0 0;
  font-family:"ヒラギノ丸ゴ Pro W4","ヒラギノ丸ゴ Pro","Hiragino Maru Gothic Pro","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","HG丸ｺﾞｼｯｸM-PRO","HGMaruGothicMPRO";
}
.info input {
  margin: 2px 0 0 0;
  background: url(/parts/img/mail.png) left top no-repeat;
  background-size: contain;
  width: 32px;
  height: 24px;
}
header::after {
  content: '';
  display: block;
  clear: both;
}
.small_msg {
  line-height: 1.5em;
  font-size: 0.6em;
}
.button_field {
  float: left;
}
.button_field {
  *zoom:1;
}
.button_field_small {
  float: left;
  width: 184px;
}
.button_field_small::after {
  content: '';
  display: block;
  clear: both;
}
.button_field_small p {
  text-align: left;
  padding: 0 12px 0 0;
  margin: 0 0 10px 0;
}
.button_field input {
  background: url(/parts/img/dfrg.png) left top no-repeat;
  background-size: contain;
}
.button_field input:hover {
  background: url(/parts/img/dfrg_hover.png) left top no-repeat;
  background-size: contain;
}
.button_field_small input {
  width: 68px;
  height: 78px;
}
.button_field_big {
  height: 470px;
}
.button_field_big input {
  position: absolute;
  bottom: 10px;
  right: 8px;
  width: 88px;
  height: 98px;
}
.middle_msg {
  position: absolute;
  bottom: 100px;
  right: 8px;
  font-size: 1.0em;
}
.image_block {
  position: relative;
  margin: 0 0 20px 0;
}
.image_block > p {
  margin: 0 10px 0 0;
  float: left;
}
.image_block::after {
  content: '';
  display: block;
  clear: both;
}
.image_block {
  *zoom:1;
}
.small_segment {
  height: 214px;
  width: 136px;
}
.middle_segment {
  height: 384px;
  width: 242px;
}
.big_segment {
  height: 470px;
  width: 294px;
}