@charset "utf-8";
/* common */

*{
  margin:0;
  padding:0;
}

html{
	height:100%;
	width:100%;
	margin:0;
	padding:0;
	border: none;
	background: url("../img/back.jpg") repeat-x;
	background-color:#ffd6ca;
	overflow-x:hidden;
	overflow-y:scroll;
}
body {
	color: #565656;
	font-family: 'Lucida Grande','Hiragino Kaku Gothic ProN', Meiryo, sans-serif;
	font-size: 11pt;
	font-weight: normal;
	line-height: 150%;
	text-align: left;
	width: 100%;
    min-height: 100%;
    height: auto !important;
    height: 100%;
	margin: 0;
	padding: 0;
	background-repeat: repeat-y;
	background-image: url("../img/pinak_shadow.png");
	background-position: center top;
}

A{
	font-weight : normal;
	text-decoration:none;
	color:#666666;
	overflow:hidden;
	outline:none;
}

a:focus, *:focus { outline:none!important; }

td, th{
	margin:0px;
	padding:0px;
	vertical-align:top;
}

img{
	margin:0px;
	padding:0px;
	vertical-align:top;
	border: none;
}


p{
	font-size:1em;
	font-weight:normal;
	line-height: 150%;
	text-align:left;
	padding:0;
	margin:0;
	text-align:justify;
	text-justify:inter-ideograph;
	line-break:strict;
}
div{
	font-size:1em;
	text-align:left;
	padding:0;
	margin:0;
	text-align:justify;
	text-justify:inter-ideograph;
	line-break:strict;
}


/* wrapper */
	
#wrapper0{
	width:986px;
    left:50%;
	margin: 0 auto 0 -493px;
	position:relative;

    height: 964px;/*height: 1034px;*/
		
}


	
#wrapper{
	width:940px;
    left:50%;
	margin: 0 auto 0 -470px;
    position:relative;
    height: 964px;/*height: 1034px;*/
	position:absolute;
	background: url("../img/pink.jpg?20141204") repeat-y;
	
}

#wrapper0_about{
	width:986px;
    left:50%;
	margin: 0 auto 0 -493px;
	position:relative;

    height: 1034px;
		
}


	
#wrapper_about{
	width:940px;
    left:50%;
	margin: 0 auto 0 -470px;
    position:relative;
    height: 1034px;
	position:absolute;
	background: url("../img/pink.jpg?20141204") repeat-y;
	
}

#wrapper0_play{
	width:986px;
    left:50%;
	margin: 0 auto 0 -493px;
	position:relative;

    height: 1753px;
		
}
#wrapper_play{
	width:940px;
    left:50%;
	margin: 0 auto 0 -470px;
    position:relative;
    height: 1753px;
	position:absolute;
	background: url("../img/pink.jpg?20141204") repeat-y;
	
}
#wrapper0_chara{
	width:986px;
    left:50%;
	margin: 0 auto 0 -493px;
	position:relative;

    height: 1953px;
		
}


	
#wrapper_chara{
	width:940px;
    left:50%;
	margin: 0 auto 0 -470px;
    position:relative;
    height: 1953px;
	position:absolute;
	background: url("../img/pink.jpg?20141204") repeat-y;
	
}



#wrapper0_sp{
	width:986px;
    left:50%;
	margin: 0 auto 0 -493px;
	position:relative;

    /*height: 2451px;*/
    height: 1602px;
		
}


	
#wrapper_sp{
	width:940px;
    left:50%;
	margin: 0 auto 0 -470px;
    position:relative;
    /*height: 2451px;*/
    height: 1602px;
	position:absolute;
	background: url("../img/pink.jpg?20141204") repeat-y;
	
}



/* footer */

#hoka{
	position:relative;
	z-index:200;
	margin-top:-200px;
	margin-left:-50px;
}


#footer{
	z-index:100;
	background: url("../img/white.png") repeat;
	padding: 0 0 0 0;
	width:940px;
	height:161px;
	margin: 0 auto;
	position:relative;
}


#footer .noticearea{
	width:910px;
	height:52px;
	margin: 0 auto;
}
#footer .noticearea ul{
	float:left;
	list-style: none;
	padding:0;
	margin:12px 0 0 0;
	width:470px;
	height:32px;
}
#footer .noticearea li{
	float:left;
	padding:0;
	margin:0;
	display:block;
}

#footer .noticearea li.hplogo{
	width:470px;
	height:32px;
	font-size:0.7em;
	line-height:130%;
}
#footer .noticearea li.hplogo img{
	margin: 0 10px 0 0;
	float:left;
}
#footer .noticearea li.copyright{
	width:420px;
	height:32px;
	font-size:0.8em;
	line-height:130%;

}





#footer .noticearea ul li.social {
    list-style: none;
	float: left;
	margin-top:10px;
	margin-left: 5px;
	height:20px;

}

#footer .noticearea ul li.social iframe {
	height:18px;
	margin: 0 !important;
}

#footer .noticearea ul li.fb{
	width:52px;
	height:18px;
	background-color:#eceef5;
	padding:0 5px 0 5px;
	border:1px solid #cad4e7;
	border-radius: 3px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
	line-height:18px!important;
}

#footer .noticearea ul li.fb div span iframe{
	width:60px!important;
}
#footer .noticearea ul li div.fb-share-button{
	margin:2px 0 0 0!important;
}

#footer .noticearea ul li div span{
	vertical-align:-5%!important;
}


#footer .noticearea ul li.ln{
		display:none!important;
}


#footer .noticearea ul.banner{
    list-style: none;
	float: right;
	padding:0;
	margin:10px 0px 0 0;
	width:432px;
	height:60px;
	font-size:8.5pt;
	line-height:150%;
	text-align:right;
	font-weight:bold;
	color:#005bac;
	white-space: nowrap;
}

#footer .noticearea ul.banner a{
    
	font-size:8.5pt;
	line-height:150%;
	text-align:right;
	font-weight:bold;
	color:#005bac;
	text-decoration:none;
}

#footer .noticearea ul.banner a.theme{
	font-size:8.5pt;
	line-height:130%;
	text-align:right;
	font-weight:bold;
	color:#00ac00;
}
#footer .noticearea ul.banner a.theme img{
margin:0 10px 0 0;
}


/* コンテンツ */
#contents {
	padding: 0 0 0 0;
	width:940px;
	height:803px;/*height:873px;*/
	margin: 0 auto;
}

#contents_about {
	padding: 0 0 0 0;
	width:940px;
	height:873px;
	margin: 0 auto;
}

#contents_play {
	padding: 0 0 0 0;
	width:940px;
	height:1592px;
	margin: 0 auto;
}

#contents_chara {
	padding: 0 0 0 0;
	width:940px;
	height:1792px;
	margin: 0 auto;
}

#contents_sp{
	padding: 0 0 0 0;
	width:940px;
    /*height: 2290px;*/
	height:1441px;
	margin: 0 auto;
}

#topimgs{
	width:940px;
    left:50%;
	margin: 0 auto 0 -470px;
    position:relative;
}

#topimgs p{
	position:absolute;
	display:none;	
}

.toplogo{
	display:none;
}

h1{
	position:absolute;
    left:0px;
    top:5px;
	z-index:100;
	width:920px;
	height:27px;
	
}
h1 img.nintendo{
	margin:7px 0 0 15px;

	float:right;
}
h1 a img.puchikoi{
	margin:10px 0 0 25px;
}

#topimgs p.topimg0{
	width:940px;
	height:964px;
    left:0px;
    top:0px;
	z-index:10;
	display:block;
}
#topimgs p.topimg1{
	width:411px;
	height:325px;
    left:1px;
    top:-5px;
	z-index:10;
}
#topimgs p.topimg2{
	width:462px;
	height:146px;
    left:465px;
    top:665px;
	z-index:12;
}
#topimgs p.topimg3{
	width:411px;
	height:325px;
    left:1px;
    top:-5px;
	z-index:13;
}
#topimgs p.topimg4{
	width:411px;
	height:325px;
    left:1px;
    top:-5px;
	z-index:14;
}
#topimgs p.topimg5{
	width:270;
	height:176px;
    left:5px;
    top:7px;
	z-index:20;
	display:block;
}
#undercontents{
	width:940px;
    left:50%;
	margin: 0 auto 0 -470px;
	clear:left;
	position:absolute;
	z-index:50;

}
#news{
	width:315px;
	height:160px;
	margin: 13px 0 0 399px;
	background: url("../img/news.png") no-repeat;
	padding:43px 0 0 28px;
	position:relative;

}


ul.news_scroll{
	width:210px;
	height:100px;
	margin:0px;
	padding:0;
	overflow-x:hidden;
	overflow-y:scroll;
	outline: none;
}
li.newsline{
list-style-type: none;
list-style-position:outside; 
min-height:15px; 
height:auto !important; 
height:15px;
	color:#e17770;
	margin:0;
	padding:0;
 
}
li.newsline:after {
    clear: both;
    content: "";
    display: block;
    height: 0;
    visibility: hidden;

}

/* 日付の部分 */
.news_date {
	margin:10px 0 0 0;
	line-height: 19px;
	font-weight:bold;
	font-size:0.7em;
}
/* 変更内容の部分 */
.news_info {
    display: block;
    width: 100%;
    margin:-4px 0px 7px 0px;
	line-height: 13px;
	font-size:0.75em;
}

.news_info a{
	color:#e17770;
	font-weight:bold;

	text-decoration: none;
	
}
.news_info a:hover{
	color:#999999;

}



#navi{
	position:absolute;
	width:185px;
	height:325px;
	top: 310px;
	left:30px;
}

#navi ul{
	list-style: none;
	padding:0;
	margin:0;
	width:185px;
	height:325px;
	margin:0px 0px 0 0;
}

#navi li{
	padding:0;
	width:185px;
	height:60px !important; 
	margin:0 0 0 0 !important; 
}

#navi li a:hover{
	cursor:pointer;
}

#info{
	position:absolute;
	width:426px;
	height:156px;
	top: 630px;
	left:35px;
}




#navi_inner{
	position:absolute;
	width:185px;
	height:325px;
	top: 180px;
	left:30px;
}

#navi_inner ul{
	list-style: none;
	padding:0;
	margin:0;
	width:185px;
	height:325px;
	margin:0px 0px 0 0;
}

#navi_inner li{
	padding:0;
	width:185px;
	height:60px !important; 
	margin:0 0 0 0 !important;

}



#navi_inner li a:hover{
	cursor:pointer;
}

#tate{
	position:absolute;
	width:3px;
	height:873px;
	top: 0px;
	left:270px;
	background: url("../img/tate.png") repeat-y;
}

#tate_long{
	position:absolute;
	width:3px;
	height:1004px;
	top: 0px;
	left:270px;
	background: url("../img/tate.png") repeat-y;
}
#tate_play{
	position:absolute;
	width:3px;
	height:1592px;
	top: 0px;
	left:270px;
	background: url("../img/tate.png") repeat-y;
}
#tate_chara{
	position:absolute;
	width:3px;
	height:1792px;
	top: 0px;
	left:270px;
	background: url("../img/tate.png") repeat-y;
}
#tate_short{
	position:absolute;
	width:3px;
	height:803px;
	top: 0px;
	left:270px;
	background: url("../img/tate.png") repeat-y;
}
#tate_sp{
	position:absolute;
	width:3px;
	/*height:2290px;*/
	height:1441px;
	top: 0px;
	left:270px;
	background: url("../img/tate.png") repeat-y;
}
#about_inner{
	position:absolute;
	width:662px;
	height:964px;
	top: 0px;
	left:273px;
}

.aori{
margin-top:-40px;
}

#about_inner_sp{
display:none;	
}

#play_inner{
	position:absolute;
	width:655px;
	height:1192px;
	top: 0px;
	left:285px;
}

#special_inner{
	position:absolute;
	width:655px;
	height:770px;
	top: 515px;
	left:280px;
	background: url("../img/yoyaku.png?20141121_2") no-repeat;
}

.yoyakubanner{
    position:relative;
	top:703px;
	left:228px;
}

a:hover img.yoyakubanner{

margin:1px 0 0 1px;
}
#special_inner2{
	position:absolute;
	width:655px;
	height:961px;
	top: 1315px;
	left:280px;
	background: url("../img/tokuten.png?20141203") no-repeat;
}

.youtube_out{
	position:relative;
	width:560px;
	height:314px;
	top:125px;
	left:52px;	
	border-radius: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
	overflow:hidden!important;		
	background-color:#939393;
	border:1px solid #939393;
	z-index:200;
}
.youtube_out iframe{
	
	margin:-1px 0 0 0;
}

.youtube_out2{
	position:relative;
	width:560px;
	height:314px;
	top:95px;
	left:52px;	
	border-radius: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
	overflow:hidden!important;		
	background-color:#939393;
	border:1px solid #939393;
	z-index:200;
}
.youtube_out2 iframe{
	
	margin:-1px 0 0 0;
}
.youtube_info{
	position:relative;
	width:560px;
	height:25px;
	top:145px;
	left:52px;
	text-align:center;
}
.youtube_info a{
	font-size:1.1em;
	font-weight:bold;
	color:#970025;
}
.youtube_info a:hover{
	font-size:1.1em;
	font-weight:bold;
	color:#FFCCD5;
}

#special_inner3{
	position:absolute;
	width:655px;
	height:515px;
	top: 0px;
	left:280px;
	background: url("../img/special_movie_back.png?0328") no-repeat;
}
#special_inner4{
	position:absolute;
	width:655px;
	height:515px;
	top: 490px;
	left:280px;
	background: url("../img/special_movie2_back.png?0328") no-repeat;
}
#special_inner5{
	position:absolute;
	width:655px;
	height:538px;
	top: 490px;
	left:280px;
	background: url("../img/special_theme_back.png") no-repeat;
}


#story1st{
	position:absolute;
	width:330px;
	height:95px;
	top: 710px;
	left:0px;
}
#story2nd{
	position:absolute;
	width:330px;
	height:95px;
	top: 710px;
	left:320px;
}
#story3rd{
	position:absolute;
	width:330px;
	height:95px;
	top: 625px;
	left:320px;
}
#story4th{
	position:absolute;
	width:330px;
	height:95px;
	top: 625px;
	left:0px;
}
#story5th{
	position:absolute;
	width:330px;
	height:95px;
	top: 540px;
	left:320px;
}
#story6th{
	position:absolute;
	width:330px;
	height:95px;
	top: 540px;
	left:0px;
}

#play2{
	position:absolute;
	top: 810px;
	left:0;
}

.vo{
width:100px;
height:25px;
background-color:#FF307D;
cursor:pointer;
float:left;
z-index:200;
}


#softlist{ 
	text-align:center;
    width: 150px;
	height:245px;
    position: fixed;  
    top:-224px;
	left:50%;
	margin:0 0 0 490px;
    z-index:100;
    background:#FF7287; 
    padding: 5px 0 0 0;
	border:3px solid #FFA9C4;
border-radius:0 0 15px 15px;
-webkit-border-radius:0 0 15px 15px;
-moz-border-radius:0 0 15px 15px;
}  
* html div#softlist    { 
    position: absolute;
    top: expression(eval(document.documentElement.scrollTop+10));
}

#listinneriframe{
		margin:0 auto 0 auto;
		height:195px;
		width:100px;
}



#softlist div{
	text-align:center;
    width: 150px;
	margin:0 auto 0 auto;
	color:#ffffff;font-size:10pt;font-weight:bold;
}
#softlist div a{
	color:#ffffff;font-size:10pt;font-weight:bold;
}

#openbox{

 cursor:pointer;
}
#closebox{

	cursor:pointer;
}
#slidebox{
	text-align:right!important;
    width: 130px!important;
	color:#ffffff;
	font-size:15pt!important;
	font-weight:bold;
}
#slidebox a{
	color:#ffffff;
	font-size:15pt!important;
	font-weight:bold;
}

		audio{display: none;}
      .audiojs audio { position: absolute; left: -1px; }
      .audiojs { width: 43px; height: 37px; -webkit-box-shadow:none; -moz-box-shadow:none; -o-box-shadow:none; box-shadow:none; background:none;overflow:visible;}
      .audiojs .play-pause { width: 43px; height: 37px; padding: 0; margin: 0px; float: left;background: url('../img/voiceon.png') 0px 0px no-repeat;border:none;}
      .audiojs p { display: block;width: 43px; height: 37px; margin: 0px; cursor: pointer;}
      .audiojs .play { display: block; }
      .audiojs .scrubber { display: none;}
      .audiojs .play { background: url('../img/voiceoff.png') 0px 0px no-repeat;}
      .audiojs .loading { background: url('../img/voiceoff.png') 0px 0px no-repeat;}
      .audiojs .pause { background: url('../img/voiceon.png') 0px 0px no-repeat;}

      .playing .play, .playing .loading, .playing .error { display: none; }
      .playing .pause { display: block; }

      .loading .play, .loading .pause, .loading .error { display: none; }
      .time{display:none;}
	  
	  .hanabi{position: absolute; top:169px;left:461px;}
   	  .yui{position: absolute; top:169px;left:671px;}
   	  .takao{position: absolute; top:424px;left:461px;}
   	  .hiyama{position: absolute; top:424px;left:671px;}
   	  .kiriya{position: absolute; top:424px;left:881px;}
   	  .tsutsumi{position: absolute; top:679px;left:461px;}
   	  .inaba{position: absolute; top:679px;left:671px;}
   	  .asano{position: absolute; top:679px;left:881px;}
   	  .marin{position: absolute; top:920px;left:460px;}
   	  .kokoa{position: absolute; top:920px;left:600px;}
	  .eiko{position: absolute; top:920px;left:725px;}
	  .iincho{position: absolute; top:920px;left:870px;}
	  
	  .error div{
		display:none;
	  }
	  /*.error-message{
		display:none!important;
	  }
	  #audiojs_wrapper0 */
	  .error .error-message{
		display:block!important;	  
		color:#ff0000!important;
		font-weight:bold!important;
		width:43px!important;
		overflow:visible!important;
		margin:0!important;
		padding:0!important;

	  }
	  .error{
		margin:0!important;
		padding:0!important;		  		  
		overflow:visible!important;
	  }
	  .audiojs .error-message{
		margin:0!important;
		padding:0!important;		  
	  }
	  .error-message a{
		color:#ff0000!important;
		font-weight:bold!important;
		text-decoration:none!important;
		border:none!important;
	  }
	  
.youtube_in{
    position:relative;

}	  
.qabanner{
	width:171px;
	height:78px;
    left:465px!important;
    top:625px!important;
	z-index:12;
}
.moviebanner{
	width:227px;
	height:113px;
    left:460px!important;
    top:670px!important;
	z-index:12;

}
.taikenbanbanner{
	width:227px;
	height:119px;
    left:695px!important;
    top:665px!important;
	z-index:12;
}


.newmark{
	color:#ff0000;
	font-size:1em;
	vertical-align: baseline;
	margin:0 0 0 2px;
}