@charset "UTF-8";

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

	VISUAL

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

#visual,
#visual a{
	color:#fff !important;
}
#visual{
	position:relative;
	z-index:10;
	width:100%;
	height:600px;
	margin:0 auto;
}
#visual .inner{
	position:relative;
	height:600px;		
	width:1280px;
	margin:0 auto;
}
#visual #slider{
	position:absolute;
	left:0;
	top:0;
	width:1280px;
	height:600px;
}
#visual ul{
	position:absolute;
	left:0;
	top:0;
	width:auto;
	height:600px;
	overflow:hidden;
}
#visual ul li{
	float:left;
	width:1280px;
	list-style:none;
}

/*///////////////////////////// BTN */

#visual .btn-next,
#visual .btn-prev{
	position:absolute;
	top:50%;
	width:30px;
	height:47px;
	margin-top:-24px;
	cursor:pointer;
	text-indent:-9999px;
	overflow:hidden;
}
#visual .btn-next{
	right:50px;
	background:url(../images/slide_next.png) left top no-repeat;
}
#visual .btn-prev{
	left:50px;
	background:url(../images/slide_prev.png) left top no-repeat;
}
#visual .thumbs{
	position:absolute;
	bottom:-22px;
	right:58px;
}
#visual .thumbs .thumb{
	display:inline-block;
	width:60px;
	height:45px;
	margin:0 6px;
	border:1px solid #ddd;
	background:#000;
	cursor:pointer;
	overflow:hidden;
	text-align:center;
}
#visual .thumbs .selected{
	cursor:default;
}
#visual .thumbs .thumb img{
	display:block;
	width:auto;
	height:45px;
	margin-left:-15px;
	filter: alpha(opacity=70);
	-moz-opacity:0.7;
	opacity:0.7;
}
#visual .thumbs .selected img{
	filter: alpha(opacity=100);
	-moz-opacity:1.0;
	opacity:1.0;
}
.btn-scroll{
	position:absolute;
	top:562px;
	left:50%;
	margin-left:-38px;
	z-index:100;
}

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

	SECTION

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

.section {
	position:relative;
	width: 100%;
	min-width: 1024px;
	margin:0 auto;	
}
.section .inner{
	width:1024px;
	margin:0 auto;	
}
section.inview{
	/*
	color:#e84472;
	*/
}
.section h1{
	font-weight:normal;
}
.section ul li{
	list-style:none;
}

.alpha{
	filter: alpha(opacity=0);
	-moz-opacity:0;
	opacity:0;
}

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

	SECTION 01 CONCEPT

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

#section01{
	position:relative;
	min-height:760px;	
}
#section01 .inner{
	position:relative;
	z-index:1;
	width:980px;
	padding:100px 0 0;
}
#section01 .section-bg{
	position:absolute;
	z-index:0;
	top:0;
	left:0;
	width:100%;
	min-height:760px;
	background-image:url(../images/concept/sec_bg.jpg);
	background-repeat:no-repeat;
	background-position:center top;
}
#section01 h1{
	text-align:center;
}
#section01 h1 span{
	display:inline-block;
}
#section01 h1 span.en{
	margin:0 auto 25px;
}
#section01 h1 span.jp{
	padding-bottom:35px;
	margin-bottom:50px;
	font-size:14px;
	color:#b36c80;
	border-bottom:1px solid #9f0b35;
}
#section01 .sec-body{
	text-align:center;
}
#section01 .sec-body .text1{ margin-bottom:50px;}
#section01 .sec-body .text2{ margin-bottom:55px;}

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

	SECTION 02 PRODUCTS

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

#section02-wrap{
	position:relative;
	min-height:1538px;
	overflow:hidden;
}
#section02-wrap > .inner{
	position:relative;
	z-index:1;
}
#section02-wrap > .section-bg{
	position:absolute;
	z-index:0;
	top:0;
	left:0;
	width:100%;
	height:1538px;
	/*
	background-image:url(../images/products/sec_bg.jpg);
	background-repeat:no-repeat;
	background-position:center top;
	*/
}
#section02{
	background-image:url(../images/products/sec_bg2.png);
	background-repeat:no-repeat;
	background-position:center top;
}

#section02 .inner{
	width:980px;
	padding:100px 0 0;
}
#section02 h1{
	text-align:center;
}
#section02 h1 span{
	display:inline-block;
}
#section02 h1 span.en{
	margin:0 auto 25px;
}
#section02 h1 span.jp{
	padding-bottom:35px;
	margin-bottom:50px;
	font-size:14px;
	color:#b36c80;
	border-bottom:1px solid #9f0b35;
}
#section02 .sec-body{
	height:550px;
	position:relative;
}
#section02 .sec-body .ttl{
	text-align:right;
}
#section02 .elm{
	position:absolute;
	text-align:center;
	font-size:15px;
	color:#be2752;
	/*
	"rgba(232, 68, 114, 1.0)"
	*/
}
#section02 .elm1{ width:230px; height:230px; left:60px; top:-70px;}
#section02 .elm2{ width:195px; height:195px; left:154px; top:92px;}
#section02 .elm3{ width:218px; height:218px; left:0px; top:170px;}

#section02 .elm4{ width:198px; height:198px; left:302px; top:207px;}
#section02 .elm5{ width:235px; height:235px; left:168px; top:302px;}
#section02 .elm6{ width:200px; height:200px; left:0px; top:350px;}

#section02 .elm7{ width:235px; height:235px; left:425px; top:302px;}
#section02 .elm8{ width:220px; height:220px; left:615px; top:260px;}
#section02 .elm9{ width:195px; height:195px; left:815px; top:340px;}
#section02 .elm span{
	display:block;
	position: absolute;
	top:0;
	left:0;
	width:100%;
	text-align:center;
}
#section02 .elm1 span{ padding-top:85px;}
#section02 .elm2 span{ padding-top:85px;}
#section02 .elm3 span{ padding-top:90px;}
#section02 .elm4 span{ padding-top:90px;}
#section02 .elm5 span{ padding-top:95px;}
#section02 .elm6 span{ padding-top:80px;}
#section02 .elm7 span{ padding-top:100px;}
#section02 .elm8 span{ padding-top:95px;}
#section02 .elm9 span{ padding-top:85px;}

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

	SECTION 03 PRODUCTS

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

#section03{}
#section03 .inner{
	width:980px;
	padding:0;
}
#section03 h1{
	padding:30px 0 0;
	margin:0 35px 55px 0;
	text-align:right;
}
#section03 .sec-body{
	height:525px;
	position:relative;
}
#section03 .sec-body .keyword{
	position:absolute;
	left:260px;
	top:0px;
	width:720px;
	height:525px;
}
#section03 .elm{
	position:absolute;
	text-align:center;
	font-size:15px;
	color:#344b2c;
}
#section03 .keyword .elm1{ width:225px; height:225px; left:197px; top:25px;}
#section03 .keyword .elm2{ width:215px; height:215px; left:342px; top:115px;}
#section03 .keyword .elm3{ width:230px; height:230px; left:465px; top:0px;}
#section03 .keyword .elm4{ width:185px; height:185px; left:0px; top:192px;}

#section03 .keyword .elm5{ width:195px; height:195px; left:94px; top:292px;}
#section03 .keyword .elm6{ width:205px; height:205px; left:238px; top:240px;}
#section03 .keyword .elm7{ width:210px; height:210px; left:543px; top:160px;}
#section03 .keyword .elm8{ width:220px; height:220px; left:407px; top:248px;}
#section03 .keyword .elm span{
	display:block;
	position: absolute;
	top:0;
	left:0;
	width:100%;
	text-align:center;
}
#section03 .elm1 span{ padding-top:95px;}
#section03 .elm2 span{ padding-top:90px;}
#section03 .elm3 span{ padding-top:105px;}
#section03 .elm4 span{ padding-top:80px;}
#section03 .elm5 span{ padding-top:80px;}
#section03 .elm6 span{ padding-top:90px;}
#section03 .elm7 span{ padding-top:90px;}
#section03 .elm8 span{ padding-top:90px;}


#section03 .sec-body .item{
	position:absolute;
	left:0px;
	top:-200px;
}
#section03 .item .elm{
	width:290px;
	height:730px;
}
#section03 .item .item1{ left:-58px; top:0px; z-index:1;}
#section03 .item .item2{ left:-240px; top:-10px; z-index:0;}

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

	SECTION 04 PRODUCTS

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

#section04{
	position:relative;
	min-height:685px;
	overflow:hidden;	
}
#section04 .inner{
	position:relative;
	z-index:2;
	width:980px;
	padding:60px 0 0;
}
#section04 .section-bg2{
	position:absolute;
	z-index:1;
	top:0;
	left:0;
	width:100%;
	height:685px;
	background-image:url(../images/products/products4_bg2.png);
	background-repeat:no-repeat;
	background-position:center top;
}
#section04 .section-bg{
	position:absolute;
	z-index:0;
	top:0;
	left:0;
	width:100%;
	height:685px;
	
}
#section04 h1{
	margin-left:12px;
}
#section04 .sec-body{
	position:relative;
}
#section04 dl{
	position:absolute;
}
#section04 dl.box1{ left:25px; top:60px;}
#section04 dl.box2{ left:550px; top:0px;}
#section04 dl ul li.elm{
	position:absolute;
}
#section04 dl.box1 ul li.elm1{ left:-118px; top:116px;}
#section04 dl.box1 ul li.elm2{ left:187px; top:90px;}
#section04 dl.box1 ul li.elm3{ left:168px; top:280px;}

#section04 dl.box2 ul li.elm4{ left:341px; top:-172px;}
#section04 dl.box2 ul li.elm5{ left:-90px; top:120px;}
#section04 dl.box2 ul li.elm6{ left:140px; top:160px;}
#section04 dl.box2 ul li.elm7{ left:-110px; top:267px;}
#section04 dl.box2 ul li.elm8{ left:235px; top:285px;}

#section04 dl ul li.elm span{
	display:block;
}
#section04 dl ul li.elm span.text{
	position:absolute;
	white-space:nowrap;
	font-size:14px;
}
#section04 dl.box1 ul li.elm1 span.text{ left:180px; top:160px;}
#section04 dl.box1 ul li.elm2 span.text{ left:60px; top:155px;}
#section04 dl.box1 ul li.elm3 span.text{ left:-80px; top:95px;}

#section04 dl.box2 ul li.elm4 span.text{ left:-50px; top:285px;}
#section04 dl.box2 ul li.elm5 span.text{ left:50px; top:105px;}
#section04 dl.box2 ul li.elm6 span.text{ left:70px; top:120px;}
#section04 dl.box2 ul li.elm7 span.text{ left:185px; top:180px;}
#section04 dl.box2 ul li.elm8 span.text{ left:-35px; top:135px;}

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

	SECTION 05 PRODUCTS

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

#section05{
	position:relative;
	min-height:620px;
	overflow:hidden;	
}
#section05 .inner{
	position:relative;
	z-index:1;
	width:980px;
	padding:90px 0 0;
}
#section05 .section-bg2{
	position:absolute;
	z-index:1;
	top:0;
	left:0;
	width:100%;
	height:685px;
	background-image:url(../images/products/products4_bg2.png);
	background-repeat:no-repeat;
	background-position:center top;
}
#section05 .section-bg{
	position:absolute;
	z-index:0;
	top:0;
	left:0;
	width:100%;
	height:620px;
}
#section05 h1{
	text-align:center;
	margin-bottom:80px;
}
#section05 .sec-body{
	position:relative;
}
#section05 .sec-body > ul{
	position:relative;
	width:285px;
	height:260px;
	margin:0 auto;
}
#section05 .sec-body > ul li{
	position:absolute;
}
#section05 .sec-body > ul li.item1{ left:0; top:0;}
#section05 .sec-body > ul li.elm{ right:0; top:0;}
#section05 .sec-body dl{
	position:absolute;
}
#section05 .sec-body dl.box1{ left:0;	top:-50px; }
#section05 .sec-body dl.box2{ left:665px;	top:0px; }
#section05 dl ul li.elm{
	position:absolute;
}
#section05 dl.box1 ul li.elm1{ left:0px; top:100px;}
#section05 dl.box1 ul li.elm2{ left:140px; top:190px;}
#section05 dl.box2 ul li.elm3{ left:85px; top:-170px;}
#section05 dl.box2 ul li.elm4{ left:-35px; top:160px;}
#section05 dl.box2 ul li.elm5{ left:180px; top:90px;}
#section05 dl ul li.elm span{
	display:block;
}
#section05 dl ul li.elm span.text{
	position:absolute;
	white-space:nowrap;
	font-size:14px;
}
#section05 dl.box1 ul li.elm1 span.text{ left:155px; top:35px;}
#section05 dl.box1 ul li.elm2 span.text{ left:-55px; top:100px;}
#section05 dl.box2 ul li.elm3 span.text{ left:105px; top:-25px;}
#section05 dl.box2 ul li.elm4 span.text{ left:195px; top:155px;}
#section05 dl.box2 ul li.elm5 span.text{ left:45px; top:155px;}



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

	SECTION 06 PRODUCTS

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

#section06{
	position:relative;
	min-height:650px;
	overflow:hidden;	
}
#section06 .inner{
	position:relative;
	z-index:2;
	width:980px;
	padding:75px 0 0;
}
#section06 .section-bg2{
	position:absolute;
	z-index:1;
	top:0;
	left:0;
	width:100%;
	height:650px;
}
#section06 .section-bg{
	position:absolute;
	z-index:0;
	top:0;
	left:0;
	width:100%;
	height:650px;
}
#section06 .sec-body{
	text-align:right;
}
#section06 .sec-body .elm1{
	margin-bottom:35px;
	margin-right:50px;
}
#section06 .sec-body .elm2{
	margin-bottom:105px;
	margin-right:30px;
}
#section06 .sec-body .elm3{
	margin-bottom:35px;
}
#section06 .sec-body .elm4{}

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

	SECTION 07 PRODUCTS

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

#section07{
	position:relative;
	min-height:650px;	
}
#section07 .inner{
	position:relative;
	z-index:1;
	width:980px;
	padding:120px 0 0;
}
#section07 .section-bg{
	position:absolute;
	z-index:0;
	top:0;
	left:0;
	width:100%;
	height:650px;
}
#section07 h1{
	margin:0 auto 100px;
	text-align:center;
}
#section07 .sec-body{}
#section07 dl{
	position:relative;
	width:926px;
	height:236px;
	margin-left:10px;
	
}
#section07 dl dt{
	position:absolute;
	z-index:0;
}
#section07 dl dd{
	position:relative;
	z-index:1;
}
#section07 ul{
	position:relative;
	
	background:rgba(0,0,0,0.1)
}
#section07 ul li{
	position:absolute;
}
#section07 ul li.elm1{ left:125px; top:58px; }
#section07 ul li.elm2{ left:265px; top:20px; }
#section07 ul li.elm3{ left:508px; top:40px; }
#section07 ul li.elm4{ left:335px; top:103px; }
#section07 ul li.elm5{ left:88px; top:160px; }
#section07 ul li.elm6{ left:548px; top:164px; }
#section07 ul li.elm7{ left:317px; top:200px; }
#section07 ul li > img{
	display:block;
	position:relative;
	z-index:1;
}
#section07 ul li span{
	display:block;
}
#section07 ul li span.icon{
	position:absolute;
	top:-18px;
	z-index:0;
}
#section07 ul li.elm1 span.icon{ left:18px;}
#section07 ul li.elm2 span.icon{ left:50px;}
#section07 ul li.elm3 span.icon{ left:30px;}
#section07 ul li.elm4 span.icon{ left:57px;}
#section07 ul li.elm5 span.icon{ left:55px;}
#section07 ul li.elm6 span.icon{ left:6px;}
#section07 ul li.elm7 span.icon{ left:-10px;}


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

	SECTION 08 LINEUP

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

#section08{
	position:relative;
	min-height:810px;
	background-image:url(../images/lineup/lineup_bg.jpg);
	background-repeat:repeat-x;
	background-position:center 510px;
}

#section08 .inner{
	position:relative;
	z-index:1;
	width:980px;
	padding:70px 0 0;
}
#section08 h1{
	text-align:center;
}
#section08 h1 span{
	display:inline-block;
}
#section08 h1 span.en{
	margin:0 auto 25px;
}
#section08 h1 span.jp{
	margin-bottom:40px;
	font-size:14px;
	color:#999;
}
#section08 .sec-body{}
#section08 dl dt{
	margin:0 auto 85px;
	text-align:center;
}
#section08 ul{}
#section08 ul:after{
	content:".";
	display:block;
	height:0;
	visibility:hidden;
	clear:both;
}
#section08 ul li{
	position:relative;
	width:435px;
	float:left;
}
#section08 ul li.box2{
	float:right;
}
#section08 ul li .flower{
	position:absolute;
	z-index:0;
}
#section08 ul li.box1 .flower{ top:55px; left:10px; }
#section08 ul li.box2 .flower{ top:50px; left:210px; }
#section08 ul li .flower img{
	display:block;
}
#section08 ul li .flower span{
	display:block;
	position:absolute;
	white-space:nowrap;
	font-size:14px;
	line-height:1.5em;
	text-align:center;
}
#section08 ul li.box1 .flower span{ top:-105px; left:140px; }
#section08 ul li.box2 .flower span{ top:-105px; left:-170px; }
#section08 ul li .item{
	position:relative;
	z-index:1;
	width:365px;
	margin:0 0 0 auto;
	text-align:center;
}
#section08 ul li.box2 .item{
	margin:0 auto 0 0;
}
#section08 ul li .item > img{
	display:block;
	margin:0 0 25px;
}
#section08 ul li .item span{
	display:block;
	margin:0 auto 15px;
}
#section08 ul li .item span.name{
	width:235px;
	margin:0 auto 15px auto;
}
#section08 ul li .item a{
	display:block;
	width:235px;
	margin:0 auto;
}
#section08 ul li.box2 .item span.name{ margin:0 auto 15px; }
#section08 ul li.box2 .item a{ margin:0 auto; }

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

	SECTION OTHER

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

#section09{
	padding:0 0 65px;
	background:#f8f7f2;
}
#section09 .sec-top{
	padding-bottom:25px;
	border-bottom:1px solid #efede8;
}
#section09 .sec-bottom{
	padding-top:25px;
	border-top:1px solid #fff;
}
#section09 .inner{
	width:980px;
}
#section09 .inner:after{
	content:".";
	display:block;
	height:0;
	visibility:hidden;
	clear:both;
}
#section09 dl#shop{
	float:left;
	padding:65px 0 0;
}
#section09 dl#movie{
	float:right;
	padding:65px 0 0;
}
#section09 dl#media{
	float:left;
	width:650px;
	position:relative;
}
#section09 dl dt{
	margin-bottom:20px;
}
#section09 dl#media dt{
	margin-bottom:40px;
}
#section09 dl dt .en{
	display:inline-block;
	margin-right:10px;
}
#section09 dl dt .en img{
	vertical-align:middle;
}
#section09 dl dt .jp{
	color:#999;
}
#section09 dl dd{}
#section09 dl dd ul:after{
	content:".";
	display:block;
	height:0;
	visibility:hidden;
	clear:both;
}
#section09 dl dd ul li{
	float:left;
}
#section09 dl#movie dd ul li:first-child{
	margin-right:22px;
}
#section09 dl#media dd ul li{
	margin:0 5px 5px 0;
}
#section09 dl#media dd .btn-more{
	position:absolute;
	top:0px;
	right:10px;
}
#section09 #fb{
	float:right;
	width:310px;
	background:#fff;
}

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

	MOVIE

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

.overlay{
	position:fixed;
	left:0;
	top:0;
	z-index:100;
	width:100%;
	height:100%;
	background:rgba(0,0,0,0.8)
}
.movWrap{
	position:fixed;
	left:50%;
	top:50%;
	z-index:101;
	width:640px;
	height:360px;
	padding:10px;
	margin:-185px 0 0 -325px;
	background:url(../images/other/overlay.png);	
}
.movWrap .mov-close{
	position:absolute;
	top:0;
	right:-50px;
	width:50px;
	height:50px;
	background:#000;
	font-size:20px;
	line-height:50px;	
	color:#fff;
	text-align:center;
	cursor:pointer;
}




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

	NOVEL

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


#profile {
	width:100%;
	background:#fff;
}
#prof_inner {
	clear:both;
	width:845px;
	padding:50px 0;
	margin:0 auto;
}
#prof_ph {
	width:160px;
	float:left;
	margin-right:50px;
}
#author {
	float:left;
	width:635px;
}
#prof_inner dt {
	color:#333;
	font-size:24px;
	font-style:italic;
	margin-bottom:25px;
}
#prof_inner dd {
	color:#6e6e6e;
	font-size:15px;
	line-height:30px;
}

#prof_inner:after {  
  content: ".";   
  display: block;   
  height: 0;   
  clear: both;   
  visibility: hidden;  
}  
.bgm {
	z-index:1000;
	position:fixed;
	bottom:20px;
	right:20px;
	background:#d74c71;
	color:#fff;
	width:150px;
	height:52px;
	line-height:52px;
	padding-right:0px;
	font-size:14px;
	
}
.bgm ul li{
	list-style:none;
}
.icon  {
	float:left;
	vertical-align:middle;
	padding-left:45px;
	padding-right:10px;
	background:url(../images/novel/bgm_icon.png) no-repeat 25% center;
}
.onoff a{
	color:#fff;
	text-decoration:underline;
	font-size: 15px;	
}


.content-novel .topvisual {
	display:block;
	width:100%;
	height:400px;
	background-color:#29040e;
	text-align:center;
	margin:0 auto;
}
/*#content-novel #top:after{
	content:".";
	display:block;
	height:0;
	visibility:hidden;
	clear:both;
}
*/
.content-novel .topvisual img{
	width:1024px;
	height:400px;
	text-align:center;
	margin:0 auto;
}

.composer {
	text-align:right;
	font-size:12px;
	margin-top:50px;
	margin-bottom:30px;
	font-style:italic;
}