@charset "UTF-8";

/**=====================================

 index.css

 -------------------------------------
 1.background
 2.header
 3.article
 4.footer
 5.misc
=====================================**/


/***************************************

 1.background

***************************************/

/*-------------------
img.bg
-------------------*/
img.bg {
  min-height:100%;
  min-width:1366px;
  width: 100%;
  height: auto;
  position: fixed;
  top: 0;
  left: 0;
  z-index:-1;
}
div#container {
  position: relative; 
}

/***************************************

 2.header

***************************************/
header{
  position:fixed;
  top:0;
  width:100%;
  height:65px;
  background-color:rgba(255,255,255,0.50);
  z-index: 999;
}
#home{
  margin-top:-320px;
  padding-top:320px;
}

/*-------------------
headerSec
-------------------*/
#headerSec{
  width:920px;
  margin:0 auto;
  padding:28px 0 0 0;
}
#headerSec h1{
  display:block;
  float:left;
  width:137px;
  height:22px;
}
#headerSec ul{
  float:right;
  text-align:right;
}
#headerSec ul li{
  display:block;
  float:left;
  margin:0 0 0 30px;
  padding:1px 3px;
}

/*-------------------
logo
-------------------*/
#logo {
  position:fixed;
  top:50%;
  left:50%;
  margin:-190px 0 0 -134px;
  z-index:-1;
}
@-webkit-keyframes fadein{
  0%{
  opacity:0;
  }
  100%{
  opacity:1;
  }
}
#logo{
  -webkit-animation-name:fadein;
  -webkit-animation-duration:5s;
  -webkit-animation-timing-function:linear;
  -webkit-animation-iteration-count:1;
}
/* 各デバイスに適用 */
.android #logo{
  position:absolute;
  top:-450px;
  left:50%;
  margin:0 0 0 -134px;
  z-index:1;
}
.iphone img.bg{
  position:absolute;
  top:-450px;
  left:50%;
  margin:0 0 0 -134px;
  z-index:1;
}
.ipod img.bg{
  position:absolute;
  top:-450px;
  left:50%;
  margin:0 0 0 -134px;
  z-index:1;
}


/***************************************

 3.article

***************************************/

/*-------------------
content
-------------------*/
#content{
  position:relative;
}

/*-------------------
contentSec
-------------------*/
.contentSec{
  position:relative;
  padding:100px 0 160px 0;
  margin:0 0 320px 0;
  background-color:#fff;
}
.contentSec:nth-child(2){
  margin-top:60%;
}
#aboutSec{
  margin-top:720px\9; /* IE8 and below */
  *margin-top:1020px; /* IE7 and below */
}
.contentSec h2{
  color:#454545;
  font-size:65px;
  font-weight:normal;
}

/*-------------------
contentSecInner
-------------------*/
.contentSecInner{
  width:920px;
  margin:0 auto;
}

/*-------------------
ssSec
-------------------*/
#ssSec{
  margin-bottom:45px;
}


/*-------------------
tBox
-------------------*/
.tBox01{
  margin:0 0 35px 0;
}
.tBox02{
  width:920px;
  padding:10px 0;
  background:#808080;

  color:#fff;
  text-align:center;
  font-weight:bold;
}
.leftBox, .rightBox{
  width:446px;
  margin:0 0 15px 0;
}
.leftBox{
  float:left;
}
.rightBox{
  float:right;
}


/***************************************

 4.footer

***************************************/

/*-------------------
footer
-------------------*/
footer{
  position:relative;
  width:100%;
  background-color:#000;
  z-index: 999;
}

/*-------------------
footerSec
-------------------*/
#footerSec{
  width:920px;
  height:30px;
  margin:40px auto 0 auto;
  padding:10px 0 5px 0;
  text-align:right;
  *margin-top:0px; /* IE7 and below */
}

/***************************************

 5.misc

***************************************/
/*-------------------
current
-------------------*/
.on{
  border-bottom:1px solid #131313;
}

/*-------------------
pageTop
-------------------*/
p#pageTop, p#pageTop a{
  display:block;
  width:93px;
  height:93px;
  margin: 0 auto;
  background:url(../img/index/pageTopBtn.png) no-repeat;
  *margin-bottom:50px; /* IE7 and below */
}

/*-------------------
float
-------------------*/
.fLeft{
  float:left;
}
.fRight{
  float:right;
}

/*-------------------
table.type
-------------------*/
table.type01 th,
table.type01 td,
table.type02 th,
table.type02 td,
table.type03 th,
table.type03 td {
  vertical-align:top;

  padding-top:9px;
  padding-bottom:7px;
  
  font-size: 12px;
  line-height: 2;
}
table.type01 th,
table.type02 th,
table.type03 th {
  padding-right:10px;
  width:106px;
  font-weight:bold;
}
table.type01 td,
table.type02 th,
table.type03 th {
  padding-right:10px;
  width:434px;
}

/*-------------------
table.type02
-------------------*/
table.type02 th {
  padding-left:10px;
  background:#808080;

  color:#fff;
  border:1px solid #808080;
}
table.type02 td {
  padding-left:10px;
  border:1px dotted #808080;
}

/*-------------------
table.type03
-------------------*/
table.type03 th {
  padding-left:10px;
  background:#808080;

  color:#fff;
  border:1px solid #808080;
}
table.type03 td {
  padding-left:10px;
  border:1px dotted #808080;
}