@charset "utf-8";
/* CSS Document */

body {
}
#Allwrap{
	height: 1700px;
	width: 100%;
	min-width: 980px;
	position:relative;
	overflow: hidden;
	margin: 0 auto -120px;
}
.chara_layer{
	width:100%;
	height: 100%;
	position: absolute;
	top: 150px;
	left: 0;
	height: 1600px;
}
.chara_layer p{
	width: 980px;
	height: 100%;
	margin: 0 auto;
	position: relative;
	opacity:0;
	filter: alpha(opacity=0);
	-ms-filter: "alpha(opacity=0)";
}
#layer01{
	width:100%;
	min-width:980px;
	max-width: 1140px;
	margin:0 auto;
	position:relative;
	z-index: 200;
}

#layer02 p{
	background-image: url(../img/chara/img_main1.png);
	background-position: 0px 8px;
	background-repeat:no-repeat;
	z-index: 90;
}
#layer03 p{
	background-image: url(../img/chara/img_main2.png);
	background-position: 525px 100px;
	background-repeat:no-repeat;
	z-index: 91;
}
#layer04 p{
	background-image: url(../img/chara/img_main3.png);
	background-position: 40px 335px;
	background-repeat: no-repeat;
	z-index: 92;
}
#layer05 p{
	background-image: url(../img/chara/img_main4.png);
	background-position: 100px 605px;
	background-repeat:no-repeat;
	z-index: 93;
}
#layer_sky{
	width:100%;
	background: url(../img/chara/bg.jpg) center top no-repeat;
	height: 3000px;
	position:absolute;
	background-size:100% auto;
	top: 0;
	left: 0;
	z-index: 79;
}
/*================
Information
================*/
#Information{	
	width: 980px;
	margin: 0 auto;
}
#Information dl{
	float: right;
	font-size: 11px;
	line-height: 1em;
	width: 316px;
	height: 50px;
	overflow: hidden;
	text-overflow: ellipsis;
	background:url(../img/info_bg.png) left top no-repeat;
	margin: -4px 0 0 0;
	padding: 19px 0 17px 24px;
}
#Information dl dt{
	float:left;
	margin-bottom: 9px;
	color: #cc0047;
}
#Information dl dd{
	float:left;

	margin-bottom: -3px;
}
#Information dl dd.slash{
	width: 1em;
	color: #FFF;
	height: 10px;
	overflow: hidden;
}
#Information dl dd a{
	color: #000;
	float:left;
	text-overflow:ellipsis;
	white-space: nowrap;
	overflow:hidden;
	width: 208px;
	text-decoration: none;
	margin-bottom: 12px;
}
#Information dl dd a:hover{
    text-decoration: underline;
	
}
/*================
MainArea
================*/
#mainArea{
	position:relative;
	height: 1800px;
}

/*================
Catch
================*/
#CatchContainer{
	width: 304px;
	height: 780px;
	float:right;
	margin: 13px -54px 0 0;
}


/*================
Banner
================*/
#BannerContainer{
	width: 300px;
	height: 940px;
	position:absolute;
	bottom: 500px;
	left:0;
}
#BannerContainer p{
}
#BannerContainer .banner01{
    position: absolute;
	cursor:pointer;
    top: -87px;
    left: 115px;
}
#BannerContainer .banner02{
    position: absolute;
	cursor:pointer;
	
    top: 33px;
	
    left: 0;
}
#BannerContainer .banner03{
    position: absolute;
	cursor:pointer;
	
    left: 115px;
	
    top: 145px;
}
#BannerContainer .banner04{
    position: absolute;
	cursor:pointer;
    left: 0;
    top: -200px;
}
#BannerContainer .banner05{
    position: absolute;
	cursor:pointer;
    left: 0;
    top: 265px;
}
#BannerContainer #PassContainer{
	position:absolute;
	background-image:url(../img/password/bg.png);
	width: 365px;
	height: 294px;
	bottom: -30px;
	left: 0px;
}
#BannerContainer #PassContainer p.title{
	position:absolute;
	left: 0px;
	top: -40px;
}
#BannerContainer #PassContainer p.text{
	position:absolute;
	left: 32px;
	top: 90px;
}
#BannerContainer #PassContainer p.comment{
	position:absolute;
	left: 237px;
	top: -80px;
}
#BannerContainer #PassContainer .form{
    margin: 165px 0 0 0px;
}
#BannerContainer #PassContainer .form #password{
	width:16em;
	font-size: 16px;
	padding: 5px;
	border:1px solid #ccc;
	border-radius:3px;
	margin: 50px auto 0;
	display: block;
}
#BannerContainer #PassContainer .form #OK{
	background:url(../img/password/btn.png);
	border: 0;
	text-indent: -9998px;
	width: 82px;
	height: 51px;
	margin-left: 5px;
	cursor:pointer;
	display: block;




	margin: 15px auto 0;
}
#BannerContainer #PassContainer .form #OK:hover{
	opacity:0.7;
	filter: alpha(opacity=70);
	-ms-filter: "alpha(opacity=70)";
}
#pass_wrap {
    background: #000;
    opacity: 0.8;
    -moz-opacity: 0.8;
    filter: alpha(opacity=80);
    width: 100%;
    height: 100%;
    position: fixed;
    left: 0px;
    top: 0px;
    z-index: 999;
	display:none;
}
.bnr:hover{
	opacity:0.7;
	filter: alpha(opacity=70);
	-ms-filter: "alpha(opacity=70)";	
}

.float_yes{
	background:url(../img/float/float_yes.png);
	width:492px;
	height:444px;
	position: fixed;
	z-index: 999;
	top: 50%;
	left: 50%;
	margin-left: -230px;
	margin-top: -187px;
}
.float_yes ul{
	margin: 288px 0 0 45px;
}
.float_yes li{
	float:left;
	margin: 0 0 0 3px;
}
.float_yes .close_a{
	margin: 25px 0 0 212px;
	cursor:pointer;
}

.float_no{
	background:url(../img/float/float_no.png);
	width: 464px;
	height: 374px;
	position: fixed;
	z-index: 999;
	top: 50%;
	left: 50%;
	margin-left: -230px;
	margin-top: -187px;
}
.float_no .close_b{
	margin: 283px 0 0 164px;
	cursor: pointer;
}
#twitter{
	width:338px;
	height:151px;
	font-size:12px;
	background:url(../img/twitter/bg.png);
	position: relative;
	margin-top: 430px;
}
#twitter .none{
	display:none;
}
#twitter #twitter_update_list{
    width: 250px;
    margin: 2px auto;
    font-size: 12px;
    overflow-y: scroll;
    height: 96px;
    padding: 0px;
    line-height: 1.5em;
    color: #FFF;
}
#twitter #twitter_update_list li{
	padding: 10px 5px;
	border-bottom: solid 1px #898989;
}
#twitter #twitter_update_list li a{
	padding:5px
;
	color: #fed500;
}
#twitter .caption{
  width: 100%;
  height: 35px;
  background: url(../img/twitter.png) no-repeat center center;
}
.twaccount {
  text-align: right;
  margin: 0 0 0px -5px;
  line-height: 35px;
  font-size: 100%;
  width: 300px;
  position: relative;
}
.twaccount img{
	position:absolute;
	left: 215px;

	top: 0px;
}
.tweetList {
  margin: 5px 10px;
  height: 75px;
  font-size: 92%;
}