@charset "Shift_JIS";
/* ==================================================================
CSS information
style info :PRODUCTSページ用
================================================================== */

/* 共通
-------------------------------------------------------- */

.inner{
	width:960px;
	margin: 0 auto;
	padding:0 20px;
	overflow: hidden;	
}


h2  {
	text-align: center;
	padding-top: 12px;
	padding-bottom: 10px;
	background-image: url(../_img/pc/products/bg_obi.jpg);
	background-repeat: repeat-x;
	background-position: center top;
}
/* --------------------------------------------------------

#contents
-------------------------------------------------------- */
#contents {
	position:relative;
	background: url(../_img/pc/products/bg_mv.jpg) no-repeat center top #04192A;
}
#contents #topPage {
	position: fixed;
	right: 90px;
	bottom: 100px;
	z-index: 100;
}
@media screen and (max-width: 1230px) {
#contents #topPage {
		display:none;
	}
}


/*--------------------------------------------------------*/
#wrap {
	width: 100%;
	margin:0 auto;
}


/* メインヴィジュアル
-------------------------------------------------------- */

#mainVisualArea {
	text-align: center;
}

#title {
	padding-top: 223px;
}

#title img {
	margin-left:-17px;
}

#subTitle {
	background:url(../_img/pc/products/mv_obi_r.png) repeat-x 0 0;
}

#subTitle img {
	margin-top: -70px;
	margin-right: 75px;
}


/* spec
-------------------------------------------------------- */

#spec {
	background-image:url(../_img/pc/products/bg_spec.jpg);
	margin-right: auto;
	margin-left: auto;
	background-image: url(../_img/pc/products/bg_spec.jpg);
	background-repeat: no-repeat;
	background-position: center top;
	margin-right: auto;
	background-color: #1B1E26;
}
#spec .inner {
	padding-top: 50px;
	padding-bottom: 45px;
}
.left {
	float: left;
	width: 505px;
	margin-bottom: 30px;
}
.right {
	float: right;
	width: 440px;
	margin-top: 10px;
	margin-right: -46px;
}
.text {
	margin-bottom: 15px;
}
.sound {
	margin-bottom: 10px;
}
.price img {
	margin-left: -9px;
}
.link {
	letter-spacing:-.45em;
}
.link li {
	display: inline-block;
	letter-spacing:normal;
	margin-right: 9px;
}
.dNote {
	margin: 0px auto 20px;
	clear: both;
	border: 1px solid #596671;
	padding: 8px 12px 2px;
}
.dNote dt {
	padding-bottom: 6px;
}

.dNote dd {
	text-align: left;
	color: #c8c8c8;
	line-height: 1.41;
	font-size: 11px;
	padding-bottom: 6px;
}
.dNote .dlVersion {
	font-weight: bold;
	text-decoration: underline;
	color: #FFF;
}
/* story
-------------------------------------------------------- */

#story {
	background-image: url(../_img/pc/products/bg_story.jpg);
	background-repeat: no-repeat;
	background-position: center top;
	background-color: #1B0202;
}

#story .inner{
	padding-top: 80px;
	padding-bottom: 46px;
	overflow: hidden;
}

#story .left {
	width: 435px;
}
#story .right {
	width: 450px;
	margin-right: 0px;
}
#story .title{
	margin-bottom: 12px;
	
/* character
-------------------------------------------------------- */

}
#character {
	clear: both;
	background-image: url(../_img/pc/products/chr/bg_chr.jpg);
	background-repeat: no-repeat;
	background-position: center top;
	background-color: #202020;
	position:relative;
	height:461px;
}
#character h3 {
	position: absolute;
	left: 480px;
	z-index: 1000;
}

#character .inner {
	padding-top: 46px;
	padding-bottom: 30px;
	position:absolute;
	left:50%;
	margin-left:-480px;
}
#listBox {
	background-image: url(../_img/pc/products/chr/chr_obi_r.png);
	background-repeat: repeat;
	background-position: center bottom;
	width: 100%;
	margin-right: auto;
	margin-left: auto;
	position: absolute;	/*text-align: center;*/
	padding-bottom: 15px;
	bottom: 0px;
	z-index: 50;
}
#listBox ul {
	margin-top:-20px;
	text-align: center;
}
#listBox ul li {
	display: inline-block;
	padding-right: 12px;
}
#listBox ul li a { display:block;}
#listBox ul li a:hover img , #listBox ul li a.active img{
	filter: alpha(opacity=0); -moz-opacity: 0.0; opacity: 0.0;
}

#listBox ul .c01 a {
	background:url(../_img/pc/products/chr/chr_bay_o.png) no-repeat 0 0;
}
#listBox ul .c02 a {
	background:url(../_img/pc/products/chr/chr_je_o.png) no-repeat 0 0;
}
#listBox ul .c03 a {
	background:url(../_img/pc/products/chr/chr_ro_o.png) no-repeat 0 0;
}
#listBox ul .c04 a {
	background:url(../_img/pc/products/chr/chr_en_o.png) no-repeat 0 0;
}
#listBox ul .c05 a {
	background:url(../_img/pc/products/chr/chr_lu_o.png) no-repeat 0 0;
}
#listBox ul .c06 a {
	background:url(../_img/pc/products/chr/chr_ce_o.png) no-repeat 0 0;
}
#listBox ul .c07 a {
	background:url(../_img/pc/products/chr/chr_ba_o.png) no-repeat 0 0;
}

#picBox {
	width:100%;
	height:auto;
	text-align:center;
	min-height:431px;
	max-height:471px;
	overflow:hidden;
}
#picBox img { 
	height:auto;
}
#picBox .bxslider div { 
	text-align:center;
}
#picBox .bxslider div img {
	width: 1600px;
	position:relative;
	left:50%;
	margin-left:-800px;
}
#Add {
	margin-bottom: 85px;
}




/* spCostume
-------------------------------------------------------- */
#spCostume {
	background-image: url(../_img/pc/products/bg_sc.jpg);
	background-repeat: no-repeat;
	background-position: center top;
	background-color: #000002;
}
#spCostume h3 {
	text-align: center;
}

#spCostume .inner {
	padding-top: 40px;
	padding-bottom: 40px;
}

#spCostume ul {
	margin-top: -78px;
	width: 960px;
	margin-left: 10px;	
}

#spCostume li {
	display: inline-block;
}

#spCostume dt {
	margin-left: -19px;
}

#spCostume dd {
	display: inline-block;
	padding-top: 4px;
}

.two_pic {
	margin-left: -4px;
}

.rylDress .two_pic {
	margin-left: -3px;
}
#tp_wrap {
	background-image: url(../_img/pc/products/bg_tp_r.jpg);
	background-repeat: repeat-x;
	background-position: center top;
}

/* touchPly
-------------------------------------------------------- */
#touchPly {
	background-image: url(../_img/pc/products/bg_tp.jpg);
	background-repeat: no-repeat;
	background-position: center top;
	position:relative;
}
#touchPly .inner {
	padding-top: 40px;
	padding-bottom: 49px;
	width:960px;
	position:relative;
}
#touchPly h3 {
	margin-bottom: 10px;
	margin-left: -6px;
}

#touchPly .text {
	margin-bottom: 20px;
}
#touchPly .text2{
	margin-bottom: 15px;
	margin-left: 6px;
}
#touchPly ul {
	margin-left: 6px;
	margin-bottom: 30px;
}
#touchPly li {
	display: inline-block;
	padding-right: 30px;
}

#touchPly .gp {
	position:absolute;
	bottom:0;
	right:0;
}