@charset "UTF-8";
@charset "utf-8";

/*---------以下、リセット---------*/

html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote,
a, img, small, strong, sub, sup, tt,
b, u, i, center,
dl, dt, dd, ol, ul, li,
table, tbody, tr, th, td{
	margin: 0;
	padding: 0;
	border: 0;
	font-style:normal;
    font-weight: normal;
	font-size: 12px;
	vertical-align: baseline;
}

ol, ul{
    list-style:none;
}

table{
    border-collapse: collapse;
    border-spacing:0;
}

a:focus {
	outline:none;
}

.clearfix:after {
	content: ".";
	display: block;
	clear: both;
	height: 0;
	visibility: hidden;
}

.clearfix {
	min-height: 1px;
}

* html .clearfix {
	height: 1px;
	/*¥*//*/
	height: auto;
	overflow: hidden;
	/**/
}

/*---------以下、サイト共通ルール---------*/

.floatL{ float:left;}
.floatR{ float:right;}
.alignR{ text-align:right;}

.mgb10{ margin-bottom:10px;}
.mgb15{ margin-bottom:15px;}
.mgb20{ margin-bottom:20px;}

/*---------以下、共通ヘッダ---------*/

#siteHeader{
	width: 100%;
	background: #272727;
	z-index: 9999;
	top: 0;
	left: 0;
	position: fixed;
	text-align: left;
}

#siteHeaderInner{width:960px; height:30px; margin:0 auto; display:block; overflow:hidden; position:relative;}

#navi{height:30px; position:absolute; left:0; display:block;}
#navi li{height:30px; float:left;}
#navi li a{ padding:7px 10px 0; display:block; height:23px; color:#FFF; background:url(../../img/pc/site_head_divider.gif) left center no-repeat;}
#navi li:nth-child(1) a{ background:none;}
#navi li:hover a{ background:#474747; text-decoration:none;}

#sns{height:30px; top:6px; position:absolute; right:0; display:block;}
#sns li{width:110px !important; float:left;}

/*---------以下、サイト共通ルール---------*/
body {
  background: #000;
  color: #FFF;
  font-family: 'メイリオ','Hiragino Kaku Gothic Pro','ヒラギノ角ゴ Pro W3',Meiryo,'ＭＳ Ｐゴシック',sans-serif; }

a {
  color: #00D8FF;
  text-decoration: none; }

a:hover {
  text-decoration: underline; }

#container {
  width: 960px;
  margin: 0 auto;
  padding-top: 30px; }

#siteFooter {
  margin-bottom: 20px;
  color: #4d4d4d; }

#siteFooter a {
  color: #FFF; }

#siteFooter #copyright {
  float: right;
  color: #FFF; }

/* top */
#top {
  background: black url(../../img/pc/bg_all.jpg) no-repeat center top; }
  #top .header.global h1 {
    margin: 16px auto 5px; }
  #top .nav.global li {
    float: left;
    width: 240px; }
  #top .main.global p, #top .main.global th, #top .main.global td {
    font-size: 14px; }
  #top .section {
    -webkit-box-shadow: 0px 0px 10px #04374a;
    -moz-box-shadow: 0px 0px 10px #04374a;
    box-shadow: 0px 0px 10px #04374a; }
  #top #outline {
    padding-top: 30px;
    border-bottom: 1px solid #262626; }
    #top #outline .n01 {
      background: url(../../img/pc/bg_top_outline_t.png) no-repeat; }
      #top #outline .n01 h2 {
        padding: 3px 0 10px;
        text-align: center; }
    #top #outline .n02 {
      padding-top: 25px; }
    #top #outline .n02, #top #outline .n03 {
      background: url(../../img/pc/bg_top_outline.png) repeat-y; }
    #top #outline div.info {
      padding: 15px 36px 15px 20px;
      float: left;
      width: 564px;
      line-height: 1.3; }
      #top #outline div.info p, #top #outline div.info th, #top #outline div.info td {
        padding-bottom: 10px; }
    #top #outline div.video {
      margin: 15px 0;
      border: 1px solid #3c3c3c;
      float: left;
      width: 318px; }
    #top #outline div.button {
      clear: both;
      text-align: center;
      -webkit-box-shadow: 0px 4px 4px #040000;
      -moz-box-shadow: 0px 4px 4px #040000;
      box-shadow: 0px 4px 4px #040000; }
    #top #outline h3 {
      margin-bottom: 19px; }
    #top #outline h3 + div.unit {
      margin: 0 21px 0 19px; }
    #top #outline div.unit {
      position: relative;
      margin-bottom: 13px;
      padding-bottom: 11px;
      background: url(../../img/pc/bg_top_match.png) no-repeat left bottom;
      float: left;
      width: 450px; }
      #top #outline div.unit .result {
        position: absolute;
        top: 0;
        left: 0; }
      #top #outline div.unit div.buttons {
        padding: 9px 0 0 12px; }
      #top #outline div.unit div.button {
        clear: none;
        margin: 0 12px 0 0;
        float: left;
        width: 207px; }
  #top #member {
    padding-top: 30px; }
    #top #member .human .unit {
      float: left;
      width: auto; }
    #top #member .human h2 + .unit {
      border-left: 1px solid #262626; }
    #top #member .human .unit:last-child {
      border-right: 1px solid #262626; }
    #top #member .soft .name, #top #member .soft description {
      float: left;
      width: auto; }
  #top #movie {
    padding-top: 30px;
    background: url(../../img/pc/bg_top_movie.png) repeat-x 0 85px; }
    #top #movie div.unitset {
      padding-bottom: 16px;
      border-left: 1px solid #262626;
      border-right: 1px solid #262626; }
    #top #movie div.unitset > div.unit:first-child {
      border-top: none; }
    #top #movie div.unitset > div.unit:last-child {
      padding-bottom: 0; }
    #top #movie div.unit {
      margin: 0 20px;
      padding: 16px 0;
      border-top: 1px solid #666; }
      #top #movie div.unit div.image {
        margin-right: 13px;
        float: left;
        width: 190px; }
      #top #movie div.unit div.info {
        margin-right: 12px;
        float: left;
        width: 388px;
        font-size: 13px;
        line-height: 1.7; }
        #top #movie div.unit div.info div.date {
          font-weight: bold;
          font-size: 16px; }
      #top #movie div.unit div.video {
        border: 1px solid #ccc;
        float: left;
        width: 312px; }
  #top #howto {
    padding-top: 30px;
    border-left: 1px solid #262626;
    border-right: 1px solid #262626; }
    #top #howto div.steps {
      margin: 14px 0 0 12px; }
      #top #howto div.steps li {
        padding: 8px 39px 8px 8px;
        background: url(../../img/pc/bg_top_step.png) no-repeat;
        float: left;
        width: 274px;
        height: 218px; }
        #top #howto div.steps li h3 {
          border-bottom: 1px solid #666; }
        #top #howto div.steps li p {
          padding: 10px 12px;
          font-size: 12px; }
        #top #howto div.steps li .image, #top #howto div.steps li .button {
          text-align: center; }
      #top #howto div.steps li:last-child {
        padding-right: 8px;
        background: url(../../img/pc/bg_top_step3.png) no-repeat;
        width: 271px; }
    #top #howto div.premium {
      margin: 20px 19px 180px;
      padding-bottom: 20px;
      border-top: 1px solid #666; }
      #top #howto div.premium h3 {
        margin: 13px 0 3px -6px; }
      #top #howto div.premium div.info {
        margin-right: 18px;
        float: left;
        width: 620px; }
        #top #howto div.premium div.info p {
          font-size: 13px; }
          #top #howto div.premium div.info p strong {
            font-weight: bold;
            font-size: 13px; }
      #top #howto div.premium div.button {
        margin-top: 22px;
        float: left;
        width: 282px; }
  #top #pagetop {
    position: fixed; }
    #top #pagetop a {
      display: block;
      margin-left: -150px;
      margin-right: -150px; }
  #top #siteFooter {
    padding-top: 20px;
    border-top: 1px solid #3a3a3a; }