@charset "UTF-8";

html,body { height:100%; }

body {
  position:relative;
  font-family: 'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック';
  font-size: 100%;
  margin: 0px;
  padding: 0px;
  min-height:100%;
  width: 100%;
  line-height: 1.5;
  background: #ffffff url(img/bg.jpg) left top no-repeat fixed;
  overflow-y: auto;
  overflow-x: hidden;
  -webkit-text-size-adjust: 100%;
  -moz-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%;
  -o-text-size-adjust: 100%;
  text-size-adjust: 100%;
}

/*-----リンク文字色設定--------------------------------*/

.contbox a,.modalbox a,.dl_cart a { 
  color: #006787;
  text-decoration: none;
}

.contbox a:hover,#top_pict a:hover,.modalbox a:hover,.dl_cart a:hover,.right a:hover{ 
  position:relative; 
  left:1px;
  top:1px;
  color:#002742;
}

.news a { color:#ffffff; }

.news a:hover { 
  color:#A2FFFC;
  position:relative; 
  left:1px;
  top:1px;
}

/*--------ヘッダー------------------------------------*/

h1 {
  position:fixed;
  top: 0px;
  z-index:30;
  margin: 0px;
  height: 50px;
  width: 100%; 
  background-color: #000000;   
}

h1 img { height:50px; }

h1 > p { 
  float:right;
  margin:15px 20px; 
}

/*------コンテンツ中央揃え------------------------------*/

.center {
  margin: 0 auto; 
  width: 880px; 
  min-height: 100%;
}

/*--------コンテンツ------------------------------------*/

#contents { 
  margin:0px;
  padding-top: 75px;
  padding-bottom:30px;
  height: auto;
  width:100%; 
}

/*----TOPページ------------------------------------*/

#top_pict {
  position:relative;
  margin: 0px;
  padding: 0px;
  height: 420px;
  width: 880px;
  background: #ffffff url(img/top.jpg) left top no-repeat;
}

#top_pict a img { 
  position:relative;
  left:7px;
  top:8px;
}

.left {
  float:left;
  margin: 0px;
  padding:0px;
  height: auto;
  width: 575px;
}
  
.dl_cart {
  margin-top:30px;
  padding:15px 0px 1px 30px;
  width:510px;
  font-size:80%;
  background-color:rgba(211,243,240,0.5);
  border-radius: 15px;
  -moz-border-radius:15px;
  -webkit-border-radius: 15px;  
  color:#002742;
}   
  
.news {
  position:relative;
  margin: 20px 0px 13px 0px;
  padding:0px;
  height: 136px;
  width: 540px;
  background:url(img/news_bg.png) left top no-repeat;
}

.news .box {
  position:absolute;
  margin:50px 40px 0px 45px;
  padding-right:5px;
  height:65px;
  width:450px;
  font-size:11px;
  font-weight:bold;
  line-height: 2;
  color:#fff;
  overflow:auto;
}

.news .box > span { visibility:hidden; }

.movie {
  margin-top: 15px;
  height: 304px;
  width: 540px;
}

.notes {
  margin-top: 30px;
  padding-left:5px;
  height: auto;
  width: 530px;
  font-size:70%;
}

.right {
  margin-top: 20px;
  float:left;
  height: auto;
  width: 300px;
}

.phone {
  margin-top: 15px;
  padding-top:15px;
  height: 580px;
  width: 300px;
  background:url(img/twitter_bg.png) left top no-repeat;
  text-align:center;
}

.twitter {
  margin-top:39px;
  margin-left:16px;
  height: 422px;
  width: 267px;
}

/*----キャラクター紹介------------------------------------*/

.intbox { 
  margin:29px 0px 0px 60px;
  padding:15px 10px; 
  position:absolute; 
  height:245px;
  width:230px; 
  background-color:rgba(0,0,0,0.75);
  border-radius: 15px;
  -moz-border-radius:15px;
  -webkit-border-radius: 15px;
  font-size:75%;
  color:#ffffff;
}

.voice { 
  position:relative;
  top:283px;
  left:660px;
  height:auto;
  width:170px;
  color:#ffffff;
  font-size:75%;
  text-indent:15px;
  text-align:right;
  line-height: 1;
}

.voice h2 {
   font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
   margin-bottom:7px;
   font-weight:bold;
   text-align:left;
}

/*----ギャラリー-------------------------------------------*/

.gallery { 
  margin:30px -10px 20px 0px; 
  padding:0px 1px 0px 2px;
  height:100%; 
  width:890px; 
  font-size:0px;
  line-height:0;
}

.gallery img {
  position:relative;
  margin:0px 9px 20px 0px;
  width:210px;
  border: solid 1px #afc6c9;  
/* box-shadow */
  box-shadow:rgba(140, 160, 163, 0.5) 0px 0px 5px 2px;
  -webkit-box-shadow:rgba(140, 160, 163, 0.5) 0px 0px 5px 2px;
  -moz-box-shadow:rgba(140, 160, 163, 0.5) 0px 0px 5px 2px;
}

.gallery a img:hover {
  position:relative;
  top:2px;
}

/*----体験版DL-------------------------------------------*/

.download {
  position: relative;
  height:173px;
  width:390px;
  float:left;
  margin:10px 12px 30px;
}

.download img {
  margin:95px 0px 0px 90px;
}

/*----コンテンツ内（汎用）----------------------------------*/

.contbox {
  margin-top:25px;
  padding:10px 0px 30px 25px ;
  height:100%; 
  width:855px;
  font-size:80%; 
  background-color:rgba(211,243,240,0.5);
  border-radius: 15px;
  -moz-border-radius:15px;
  -webkit-border-radius: 15px;  
  color:#002742;
  }
  
h3 { 
  margin-top:0px;
}

.contbox > img {
  margin:10px 8px 20px 7px;
}

.contbox > table {
  table-layout: fixed;
  margin-left:15px;
  width: 800px;
  vertical-align: middle;
}

td { 
  padding:3px 0px 3px 5px;
  height:1em;
  width:auto;
  vertical-align:middle;
}

tr .cap {
  text-align:center;
  width:170px;
  background-color:rgba(0,63,91,0.8);
  color:#ffffff;
  font-weight:bold;
}

.modalbox {
  position: relative;
   margin: 0px;
   padding: 20px;
   width:700px;
   height:450px;
   font-size: 80%;
   overflow: auto;
  background-color:#ffffff;
}

.modalbox  div {
  margin: 0px auto;
  padding: 5px 15px;
  background-color:rgba(211,243,240,0.5);
  border-radius: 15px;
  -moz-border-radius:15px;
  -webkit-border-radius: 15px;  
  color:#002742;
}

.modalbox  h4 {
   margin-bottom:0px;
}

.modalbox ul {
   margin-top:5px;
   margin-left:15px;
   padding-left:0px;
   font-size: 95%;
}

.modalbox ul li {
   margin-bottom:7px;
}

/*----コンテンツメニュー------------------------------------*/

#menu { 
  margin: 0px;
  padding: 0px;
  width: 100%; 
  height: 40px;
  background: url(img/menu_bg.jpg) no-repeat;
  overflow:hidden;
 }
 
 #menu ul {
 margin: 0; 
 padding: 0; 
 width: 880px; 
 list-style: none;
 font-size:0;
 }

#menu li{ 
 display: inline; 
 padding: 0; 
 margin: 0; 
 float: left;
 width: 110px; 
 height: 40px;
}

#menu li a:hover{
 display: block; 
 text-decoration: none;
 margin-top:-40px;
}

/*--------フッター------------------------------------*/

address{ 
  margin:0px;
  padding:0px;
  height: 30px;
  width: 100%; 
  line-height: 30px;
  text-align:center;
  font-size:70%;
  font-style: normal;
  background-color: #000000; 
  color: #ffffff;
}