@charset "Shift-JIS";
/*--------------------------------------------------
/* reset
--------------------------------------------------*/
body,
div,
dl,
dt,
dd,
ul,
ol,
li,
h1,
h2,
h3,
h4,
h5,
h6,
pre,
form,
fieldset,
input,
textarea,
p,
blockquote,
th,
td,
img {
  margin: 0;
  padding: 0;
}
table {
  border-collapse: collapse;
  border-spacing: 0;
}
fieldset,
img {
  border: 0;
}
address,
caption,
cite,
code,
dfn,
em,
strong,
th,
td,
var {
  font-style: normal;
  font-weight: normal;
}
ol,
ul {
  list-style: none;
}
caption,
th,
td {
  text-align: left;
}
h1,
h2,
h3,
h4,
h5,
h6 {
  font-size: 100%;
  font-weight: normal;
}
q:before,
q:after {
  content: '';
}
abbr,
acronym {
  border: 0;
}

/* ---------------------------------------------------------
/* a
--------------------------------------------------------- */
a {
  outline: none;
  text-decoration: none;
}
a:visited {
}
a:hover {
}
a:active {
}

/*--------------------------------------------------
/* cfix
--------------------------------------------------*/
.cfix:after {
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}
.cfix {
  display: inline-table;
  min-height: 1%;
}
* html .cfix {
  height: 1%;
}
.cfix {
  display: block;
}

/*--------------------------------------------------
/* font
--------------------------------------------------*/
body {
  font-family: 'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3', "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
  font-size: 62.5%; /* 10px */
}
body,html {
  min-width:1050px;
}

/*--------------------------------------------------
/* 
--------------------------------------------------*/
#wrap {
  background: #000 url(../img/bg1.jpg) no-repeat center top;
  background-attachment: fixed;
  padding: 52px 0 0;
}
#main {
  margin: 0 auto;
  width: 999px;
}
#main h1 {
  margin: 0 0 27px;
}
#main .read {
  position: relative;
  left: -23px;
  width: 1041px;
}
.section {
  margin: 60px 0 0;
}
.section h2 {
  margin: 0 0 30px;
  text-align: center;
}
.section .coming {
  text-align: center;
}
.box-left {
  float: left;
}
.box-right {
  float: right;
}
.box {
  width: 476px;
}
.box-double {
  width: auto;
}
.box .img {
  float: left;
  width: 239px;
}
.box .txtarea {
  float: right;
  padding: 0 0 0 18px;
  width: 219px;
}
.box-double .txtarea {
  float: left;
  width: 219px;
}
.box h3 {
  color: #D29D00;
  font-size: 220%;
  margin-left:-8px;
  font-weight: bold;
  
  /*min-height: 54px;
  height: auto !important;
  /*height: 54px;*/
}

.box h3 span{
  letter-spacing:-0.6px;
  *letter-spacing:-1px;

}

.box .name {
  color: #FFFFFF;
  margin: 0px 0 20px;
  font-size: 140%;
 
}

@media screen and (-webkit-min-device-pixel-ratio:0) {
.box .name {
  margin-top: 10px;
}
}

.box .txt {
  color: #D29D00;
  font-size: 140%;
}
.box .down,
.box .btn {
  margin: 0 0 10px;
}
.box .desc {
  color: #FFF;
  clear: both;
  font-size: 140%;
}

.box .desc span{
  letter-spacing:-0.3px;
  *letter-spacing:-1px;
  		
}

.box .release{
	color:#ECB201;
	font-size:140%;
	line-height:1.6;
	padding-left:1em;
	text-indent:-1em;
}

.box .desc strong{
	color:#ECB201;
	font-size:114.28%;
	line-height:1.6;
}
.box-double .desc {
  clear: none;
  float: left;
  padding: 0 0 0 40px;
  width: 476px;
}

.box ul {
  color: #FFF;
  font-size: 140%;
}
.box .column-two {
  clear: both;
}
.box .column-two ul {
  float: left;
  width: 476px;
}
.box .column-two .right {
  padding: 0 0 0 40px;
}
.box li {
  margin: 8px 0 0;
}
.box .liste {
  position: relative;
  top: 4px;
  left: 8px;
}
.box .note {
  color: #B9B9B9;
  font-size: 78.5714%;
}

#share {
  margin: 60px 0 0;
}
#share li {
  float: left;
}

#footer {
  background: url(../img/bg2.png) repeat;
  color: #FFF;
  margin: 18px 0 0;
  padding: 18px 0;
}
#footer ul {
  margin: 0 auto;
  width: 999px;
}
#footer li {
  float: left;
  font-size: 140%;
  margin: 0 30px 0 0;
}
#footer .copy {
  float: right;
  margin: 0;
}
#footer a {
  background: url(../img/icn_arw.png) no-repeat left center;
  color: #FFF;
  padding: 0 0 0 10px;
}