body {
	font-family:Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	background:#000;
	width: 100%;
	height:100%;
	font-size:12px;
	line-height:1.5em;
	color:#fff;
	margin: 0px;
	text-align: justify;
    text-justify: inter-ideograph;
}

#wrap{
	width: 100%;
    height: 100%;
}

#mainAll{
	width:100%;
	position:relative;
}

#topArea{
	background:url(../images/bg.jpg) no-repeat bottom;
	background-size:100% auto;
	width:100%;
	max-width:640px;
	margin:0 auto;
	padding:0 0 30px 0;
}

.background {
    z-index: -1;
    background: #2a0b32 url(../images/bg_kaso2.jpg) no-repeat center top;
	background-size:100% auto;
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
}

/*

header

*/

#headerAll{
	background-color:#FFFFFF;
	width:100%;
	height:40px;
	position:fixed;
	top:0;
	left:0;
	z-index:5;
}

#headerlogo{
	width:100px;
	height:40px;
	margin:0 auto;
}

/*

about nav

*/

#aboutNavBtn{
	background-color:#000;
	width:100%;
	height:35px;
	text-align: center;
	position:fixed;
	top:40px;
	left:0;
	z-index:5;
	cursor:pointer;
}

#aboutNavBtnAll{
	background-color:#000000;
	width:100%;
	line-height:0;
	position:fixed;
	top:75px;
	left:0;
	z-index:5;
	display:none;
}

.aboutNavLine{
	background-color: #926e9d;
	width:100%;
	height:1px;
}


/*

contents

*/

#contentArea{
	width:100%;
	max-width:640px;
	margin:0 auto;
	padding:75px 0 20px 0;
}

#contentArea2{
	width:100%;
	max-width:640px;
	margin:0 auto;
	padding:40px 0 20px 0;
}

#intro_newImg{
	width:100%;
	padding:0;
	margin:0;
	line-height:
}

.introImg01{
	width:90%;
	margin:0 auto;
	padding:10px 0 15px;
}

.introImg02{
	width:90%;
	margin:0 auto;
	padding:15px 0;
}

.introTxt{
	font-size:110%;
	line-height:1.5em;
	width:90%;
	color: #fff100;
	margin:0 auto;
}

#intro3All{
	width:100%;
	line-height:0;
	padding:75px 0 0 0;
}


.originalImg01{
	width:90%;
	margin:0 auto;
	padding:20px 0 20px;
}

.originalImg02{
	width:100%;
	margin:0 auto;
	padding:15px 0;
}

.caststaffImg01{
	width:100%;
	margin:0 auto;
	padding:0;
}

.caststaffImg02{
	width:90%;
	margin:0 auto;
	padding:15px 0 10px;
}




.standImg01{
	width:100%;
	padding:5px 0 20px 0;
}

.standImg02{
	width:90%;
	padding:10px 0 20px 0;
	margin:0 auto;
}


/*

staff

*/

#staffall{
	width:90%;
	margin:0 auto;
	padding:10px 0 20px;
}

.staffImg{
	width:100%;
	padding:20px 0 0 0;
}

.staffTxt{
	width:100%;
	font-size:120%;
	line-height:1.5em;
	padding:5px 0 20px 0;
}

.staffLine{
	background-color: #8f6e9d;
	width:100%;
	height:1px;
}


/*

story

*/

#storyall{
	width:100%;
	margin:0 auto;
	padding:10px 0 20px;
}

#storyImg{
	background:url(../images/story/img_story.jpg) repeat-x left top;
	background-size:auto 100%;
	width:100%;
	height:130px;
}

#storyTxt{
	width:90%;
	font-size:120%;
	line-height:1.5em;
	padding:15px 0 20px 0;
	margin:0 auto;
}


/*

cast

*/

#castall{
	width:100%;
	margin:0 auto;
	padding:10px 0 0;
}

.castTxt{
	width:90%;
	font-size:120%;
	line-height:1.5em;
	padding:15px 0 20px 0;
	margin:0 auto;
}

.castChara{
	color:#EA32D7;
	font-weight:bold;
}

.cast08img{
	width:90%;
	margin:0 auto;
	padding:20px 0 0;
}

/*

characters

*/


#mainChara01{ background: #000000 url(../images/characters/img01_josuke.jpg) no-repeat center top;}
#mainChara02{ background: #000000 url(../images/characters/img02_koichi.jpg) no-repeat center top;}
#mainChara03{ background: #000000 url(../images/characters/img03_yukako.jpg) no-repeat center top;}
#mainChara04{ background: #000000 url(../images/characters/img04_keicho.jpg) no-repeat center top;}
#mainChara05{ background: #000000 url(../images/characters/img05_okuyasu.jpg) no-repeat center top;}
#mainChara06{ background: #000000 url(../images/characters/img06_angelo.jpg) no-repeat center top;}
#mainChara07{ background: #000000 url(../images/characters/img07_jotaro.jpg) no-repeat center top;}

#mainChara01,#mainChara02,#mainChara03,#mainChara04,#mainChara05,#mainChara06,#mainChara07{
	background-size:100% auto;
	width:100%;
}

#mainCharaBtnAll{
	width:90%;
	padding:20px 0 50px;
	margin:0 auto;
}

.charaCard01{
	width:50%;
	padding:0 0 15px;
	text-align:center;
	margin:0 auto;
}

.charaCard{
	width:50%;
	padding:0 0 15px;
	text-align:center;
	float:left;
}

#mainCharaTxt{
	width:100%;
	padding:270px 0 60px;
}

#charaDLtitile{
	width:95%;
	padding:15px 0 5px;
	text-align:center;
	margin:0 auto;
}

#charaDLbtn{
	width:95%;
	padding:10px 0 50px;
	text-align:center;
	margin:0 auto;
}

#charaDLbtn img{
	margin:0 2px;
}

.charaLine{
	background-color: #8f6e9d;
	width:100%;
	height:1px;
}


/*

pronotes

*/

#pronoytesContents{
	width:90%;
	margin:0 auto;
}

.pronotesImg{
	width:100%;
	margin:0 auto;
}

.pronotesTxt{
	width:100%;
	font-size:110%;
	line-height:1.5em;
	padding:10px 0;
}

.pronotesTxt02{
	width:100%;
	font-size:110%;
	line-height:1.5em;
	padding:0 0 10px 0;
}

#pronoteLink{
	width:100%;
	padding:20px 0;
	text-align:center;
	font-size:150%;
	letter-spacing: 5px;
}

#pronoteLink a{
	color:#E439DE;
	text-decoration: none;
}


/*

menu

*/

#menuTop{
	width:85%;
	margin:0 auto;
	padding:0 0 30px 0;
}

.menuLine{
	background:#000000;
	width:100%;
	height:1px;
	line-height:0;
}

#menuBtn{
	width:40px;
	height:40px;
	position:fixed;
	top:0;
	left:0;
	z-index:10;
}

#menuAll{
	width:100%;
	position:fixed;
	top:40px;
	left:0;
	z-index:11;
	display:none;
	background:#000000;
}





/*

footer

*/

#footer{
	background:#000;
	width: 100%;
	padding:15px 0 50px;
}

#logokaso{
	width:260px;
	height:50px;
	margin:0 auto;
	padding:0 0 20px 0;
	opacity: 0.7;
    filter: alpha(opacity=70);  
}

#copyright{
	background:url(../images/copyright.png) no-repeat center;
	background-size: 100% auto;
	width:300px;
	height:40px;
	margin:0 auto;
	opacity: 0.5;
    filter: alpha(opacity=50);  
}