@charset 'utf-8';


div#stage{
    width:640px;
}


div#hero{
    position: relative;
    width: 640px; height: 960px;
    background: url('../img/logcollection_set_cp.jpg') no-repeat;
}

div#hero h1{
    position: absolute;
    left:17px !important; bottom:90px !important;
}

div#hero p.txt1{
    position: absolute;
    left:17px; bottom:30px;
}

div#hero p.txt2{
    position: absolute;
    left:275px; bottom:75px;
}



p#readtxt{
    margin-top: 35px;
    text-align: center;
}

div.imgbox{
    margin-top: 50px;
    text-align: center;
}


/* [box1] */
div.box1{
    width:620px;
    margin: 60px auto 0 auto;
}

div.box1 p{
    padding:0 10px;
    font-size:16px;
    font-size:1.6rem;
    line-height: 2;
}



/* [box2] */
div.box2{
    width:640px;
    margin: 70px auto 0 auto;
}

div.box2 ul.tabNav{
    width: 640px; height: 51px;
    background: #8e8e8e;
}

div.box2 ul.tabNav li{
    float: left;
    width:160px; height: 51px;
    overflow: hidden;
}

div.box2 ul.tabNav li a.active img{
    margin-top: -51px;
}


div.box2 div.inner{
    width: 640px;
    background: #000;
}

div.box2 div.charaIn{
    width:640px;
    margin-top: 630px;
    padding: 40px 0;
    background: url('../img/chara_bg_black.png');
}


div.box2 div.charaIn div.movie{
    width: 434px;
    margin: 30px auto 0 auto;
}


div.box2 div.inner h2{
    padding: 55px 0 0 40px;
}

div.box2 div.inner p{
    width:434px;
    margin:0 auto;
    font-size:16px;
    font-size:1.6rem;
    line-height: 1.8;
    color: #FFF;
}

div.box2 div.inner div.chara1{
    background: url('../img/chara1_bg.jpg') no-repeat;
}

div.box2 div.inner div.chara2{
    display:none;
    background: url('../img/chara2_bg.jpg') no-repeat;
}

div.box2 div.inner div.chara3{
    display:none;
    background: url('../img/chara3_bg.jpg') no-repeat;
}

div.box2 div.inner div.chara4{
    display:none;
    background: url('../img/chara4_bg.jpg') no-repeat;
}

div.box2 div.inner div.chara5{
    display:none;
    background: url('../img/chara5_bg.jpg') no-repeat;
}

div.box2 div.inner div.chara6{
    display:none;
    background: url('../img/chara6_bg.jpg') no-repeat;
}



/* [DETAIL] */
div.box3{
    width:460px;
    margin: 70px auto 0 auto;
}

div.box3 div.imgbox{
    margin: 0 0 45px 0;
}

div.box3 .dotteline{
    background: url('../img/dotteline.png') repeat-x left bottom;
}

div.box3 h2{
    padding-bottom: 30px;
}

div.box3 .txt1{
    margin-top: 25px;
    padding-bottom: 20px;
}

div.box3 .txt1 li{
    font-size:18px;
    font-size:1.8rem;
    margin-bottom: 10px;
}

div.box3 .txt2{
    margin-top: 25px;
}

div.box3 .txt2 li{
    font-size:11px;
    font-size:1.1rem;
    margin-bottom: 10px;
}



/* [BANNER] */
div.box4{
    margin: 65px auto 0 auto;
    width:595px;
}

div.box4 ul{
    margin-left:10px;
}

div.box4 li{
    width:195px;
    float:left;
    padding-bottom: 10px;
}



/* [FOOTER] */
div#footer{
    padding: 20px 0;
    text-align: center;
}




#header {
	width:640px;
	height:113px;
	position:relative;
}

#nav {
	width:640px;
	padding:10px 0;
	background-color:#000;
	position:absolute;
	top:113px;
	left:0;
	display:none;
	z-index:999;
}
#nav li a {
	width:640px;
	display:block;
}
#nav li.nav0 a {
	height:65px;
	background-image:url(../images/sp/nav1.jpg);
}
#nav li.nav1 a {
	height:65px;
	background-image:url(../images/sp/nav5.jpg);
}
#nav li.nav2 a {
	height:65px;
	background-image:url(../images/sp/nav2.jpg);
}
#nav li.nav3 a {
	height:65px;
	background-image:url(../images/sp/nav6_b.jpg);
}
#nav li.nav4 a {
	height:65px;
	background-image:url(../images/sp/nav3.jpg);
}
#nav li.nav5 a {
	height:65px;
	background-image:url(../images/sp/nav7.jpg);
}
#nav li.nav6 a {
	height:65px;
	background-image:url(../images/sp/nav4.jpg);
}
#nav li.nav7 a {
	height:65px;
	background-image:url(../images/sp/nav8.jpg);
}
#nav li.nav8 a {
	height:63px;
	background-image:url(../images/sp/nav4.jpg);
}

#switch {
	position:absolute;
	top:0;
	right:20px;
}
#switch .on {
	width:109px;
	height:113px;
	display:block;
	background-image:url(../images/sp/btn_menu.jpg);
	background-repeat:no-repeat;
	background-position:0 34px;
	position:relative;
	top:0;
}
#switch .off {
	width:109px;
	height:113px;
	display:block;
	background-image:url(../images/sp/btn_menu.jpg);
	background-repeat:no-repeat;
	background-position:0 34px;
	position:relative;
	top:0;
}

#pagetop {
	width:560px;
	text-align:right;
	font-size:174%;
	margin:30px 0 30px 39px;
}

#headerWrap #header {
	background-image:url(../images/sp/header_top.jpg);
}

.hide {
	display:none;	
}