@charset "UTF-8";

/* -------------------------------------------------------------------------------------------------------------------
	共通アコーディオンcss
------------------------------------------------------------------------------------------------------------------- */
h2{
 height:15px;
 padding:15px 10px 13px;
 }

h2 .title{
 float:left;
 }

h2 .arrow {
	background: url(../images/arrow_d.png) no-repeat;
 -moz-background-size:cover;
 background-size:cover;
 width:9px;
 height:14px;
 display:block;
 float:right;
}

h2 .arrow_open {
	background: url(../images/arrow_open.png) no-repeat;
 -moz-background-size:cover;
 background-size:cover;
 width:14px;
 height:9px;
 display:block;
 float:right;
 margin-top:3px;
}
.pL10{
	padding-left:10px;
}

/* ==========================================================
	.special common
========================================================== */

.content-inner{
 background:#fff;
 margin-top:15px;
 padding-bottom:10px;
 }

.special-image {
 margin:10px 10px 0;
 float:left;
 }
.special-image img{
 width: 128px;
 height:auto;
 display:block;
 }
 
.content-inner .text{
 margin-top:10px;
 float:left;
 }
 
/* ==========================================================
	body
========================================================== */
body{
 background:#fff;
 color:#333;
 font-size:75%;
 }

/* ===========================================================
 * img
 * ===========================================================*/
img {
 width: 100%;
 height:auto;
 display:block;
}

/* ==========================================================
	#content
========================================================== */
#content{
 width:100%;
 margin:0 auto;
}

/* ==========================================================
	h1
========================================================== */

.main-visual {
  position:relative;
}

.main-visual .platform {
 position: absolute;
 top: 10px;
 left: 10px;
 width:80px;
 height:22px;
 display:block;
}

.main-visual ul {
  position: absolute;
  top: 10px;
  right: 10px;
}

.main-visual ul li{
 float:left;
  margin-left:10px;
}
/* ==========================================================
	.topics
========================================================== */
#topics{
 background:#b1dcec;
 }

#topics .container{
 margin:20px 10px 0;
 padding-bottom:20px;
 }
  
#topics h2{
 background:#1ea1d1;
 }

#topics h2 .title{
 background: url(../images/topics_h2.png) no-repeat;
 -moz-background-size:cover;
 background-size:cover;
 width:66px;
 height:13px;
 display:block;
 float:left;
 }
 
#topics .topics_banner{
 margin:14px 0 0;
 }
#topics .movie{
 margin-top:20px;
 margin-bottom:20px;
 }

/* ==========================================================
	.special
========================================================== */
#special{
 background:#e6ffe7;
 }

#special h2{
 background:#6dd572;
 }

#special .container{
 margin:20px 10px 0;
 padding-bottom:20px;
 }
 
#special h2 .title{
 background: url(../images/special_h2.png) no-repeat;
 -moz-background-size:cover;
 background-size:cover;
 width:75px;
 height:13px;
 display:block;
 float:left;
 }


/* ==========================================================
	.about
========================================================== */
#about{
 background:#fff;
 }

#about .container{
 margin:15px 15px 0;
 padding-bottom:15px;
 }
 
#about h2{
 background:#5189e9;
 }

#about h2 .title{
 background: url(../images/about_h2.png) no-repeat;
 -moz-background-size:cover;
 background-size:cover;
 width:66px;
 height:13px;
 display:block;
 float:left;
 }

/* ==========================================================
	.product
========================================================== */
#product{
 background: #f5dff9;
 }

#product .container{
 margin:0 10px;
 padding-bottom:20px;
 }
 
#product h2{
 background:#c56dd5;
 }

#product h2 .title{
 background: url(../images/product_h2.png) no-repeat;
 -moz-background-size:cover;
 background-size:cover;
 width:55px;
 height:14px;
 display:block;
 float:left;
 }
  
#product ul{
 padding:10px 20px;
 }
 
#product ul.disc li{
 list-style: disc;
 }

#product .images {
 padding:0 10px 25px;
 }

#product .images-last {
 padding:0 10px 10px;
 } 
 
#product p {
 padding-left:10px;
 }

/* ==========================================================
	.spec
========================================================== */
#spec{
 background:#c4f4e5;
 }

#spec .container{
 margin:0 10px;
 padding-bottom:25px;
 }
 
#spec h2{
 background:#54cda7;
 }

#spec h2 .title{
 background: url(../images/spec_h2.png) no-repeat;
 -moz-background-size:cover;
 background-size:cover;
 width:47px;
 height:13px;
 display:block;
 float:left;
 }

#spec dl{
 margin-top:15px;
 }
 
#spec dt,
#spec dd{
  float:left;
 }
 
#spec dt{
  clear:both;
 }

#spec dd.tit01{
  color:#f69;
  font-weight:bold;
 }
  
#spec dd.tit02{
  color:#00a4f0;
  font-weight:bold;
 }
 
#spec .artist{
 margin:10px;
 }

#spec .artist .images{
 margin:0 40px 15px;
 }

#spec .artist .images p{
 margin-top:5px;
 }
 
#spec .artist .title{
 margin:0 0 5px;
 color:#54cda7;
 font-size:140%;
 font-weight:bold;
 }

#spec .artist ul{
 margin:10px 0;
 }

#spec .artist ul li{
 margin-right:20px;
 float:left;
 }
 
#spec .artist ul li span{
 padding:1px 5px;
 background:#54cda7;
 color:#fff;
 font-size:80%;
 margin-right:5px;
 }
 
#spec .artist span{
 color:#54cda7;
 }

#spec .special-illust {
 margin:20px 20px 0;
 }
 
#spec .special-illust img{
 display:block;
 }

#spec .special-illust .text p{
 line-height:2em;
 } 
 
#spec .special-illust .images {
 padding:0 10px 25px;
 }
 
#spec .special-illust .images img {
 padding:0 0 10px;
 }
 
#spec .special-illust .images-last {
 padding:0 10px 10px;
 } 
 
#spec .special-illust .images-last img {
 padding:0 0 10px;
 } 
 
#spec .special-illust .attention{
	 font-size:80%;
	 margin:5px 0 0 0;
 }
 
#spec .special-illust .attention.mt15{
	 margin:15px 0 0 0;
 } 
 
/* ==========================================================
	.footer
========================================================== */
#footer{
 background:#fff;
 padding-top:10px;
 }

#footer .container{
 margin:0 10px;
 }
 
#footer img{
 margin-bottom:10px;
 }

#footer .data_banner{
 margin:5px 0 15px;
 }