@charset "utf-8";
/* ==================================================================
CSS information
style info :CHARACTERページ用
================================================================== */


/* --------------------------------------------------------
#container
-------------------------------------------------------- */
#container{}


/* --------------------------------------------------------
#contents
-------------------------------------------------------- */
#contents{}


.defBox, #section00, #section01, #section02, #section03, #section04 , #section05 , #section06 , #section07 , #section08 , #section09 , #section10 , #section11{
position:relative;
}



/*
#section01 , #section02 , #section03 , #section04{ border:1px solid #F00;}
.setBox{ border:1px solid #00F;}
.box1{border:1px solid #FF0;}
*/


/* --------------------------------------------------------
アンカーコントロール用
-------------------------------------------------------- */
#pageCtrl{ width:182px; position:fixed; top:70px; right:10px;}
#scroll-navi{
	position:fixed;
	right:0px;
	top:100px;
	z-index:100;
}

.btnUp, .btnDown{
	position:relative;
	width:128px;
	height:41px;
}

.btnIndex{
	position:relative;
	width:182px;
	height:39px;
}

.btnUp a, .btnDown a, .btnIndex a, .pageCtrl-none{
	position:absolute;
	top:0px;
	left:0px;
}
.pageCtrl-none{
	filter: alpha(opacity=40); -moz-opacity: 0.4; opacity: 0.4;
}



/* --------------------------------------------------------
#section00
-------------------------------------------------------- */
#section00{ background:url(../_img/pic/characterbac_00index.jpg);}
#section00 .setBox .img01{ top:70px; left:230px;}
#section00 .setBox a{ display:block; position:absolute; /*border:2px solid #F00;*/}
#section00 .setBox a span{display:none;}
#section00 .setBox .btn01{ width:195px; height:145px; top:266px; left:340px;}
#section00 .setBox .btn02{ width:195px; height:145px; top:415px; left:340px;}
#section00 .setBox .btn02_2{ width:195px; height:145px; top:415px; left:640px;}
#section00 .setBox .btn03{ width:195px; height:145px; top:266px; left:640px;}

#section00 .setBox .btn04{ width:65px; height:95px; top:266px; left:855px;}
#section00 .setBox .btn06{ width:65px; height:95px; top:366px; left:855px;}
#section00 .setBox .btn05{ width:65px; height:95px; top:466px; left:855px;}

#section00 .setBox .btn07{ width:65px; height:95px; top:266px; left:255px;}
#section00 .setBox .btn08{ width:65px; height:95px; top:366px; left:255px;}
#section00 .setBox .btn09{ width:65px; height:95px; top:466px; left:255px;}

#section00 .setBox .btn10{ width:65px; height:95px; top:610px; left:230px;}
#section00 .setBox .btn12{ width:65px; height:95px; top:610px; left:320px;}
#section00 .setBox .btn13{ width:65px; height:95px; top:80px; left:360px;}
#section00 .setBox .btn14{ width:65px; height:95px; top:610px; left:865px;}

#section00 .setBox .btn15{ width:330px; height:15px; top:220px; left:235px; height:25px;}
#section00 .setBox .btn16{ width:330px; height:15px; top:220px; left:605px; height:25px;}

/* --------------------------------------------------------
#section01
-------------------------------------------------------- */
#section01{ background:url(../_img/pic/characterbac_01raiden.jpg);}
#section01 .setBox .img01{ top:20px; left:150px; }
#section01 .setBox .nameBox{ top:280px; left:510px;}
#section01 .setBox .text01{ top:370px; left:510px;}

/* --------------------------------------------------------
#section02
-------------------------------------------------------- */
#section02{ background:url(../_img/pic/characterbac_02bladewolf.jpg); overflow:hidden;}
#section02 .setBox {/* background:url(../_img/character_02lq-84i.png) 400px -90px no-repeat;*/}
#section02 .setBox .img01{ top:230px; left:-100px; }
#section02 .setBox .img02{ top:-80px; left:420px; position:absolute;}
#section02 .setBox .nameBox{ top:400px; left:510px;}
#section02 .setBox .text01{ top:490px; left:510px;}

/* --------------------------------------------------------
#section03
-------------------------------------------------------- */
#section03{ background:url(../_img/pic/characterbac_03samuel.jpg);}
#section03 .setBox .img01{ top:10px; left:450px; }
#section03 .setBox .nameBox{ top:460px; left:230px;}
#section03 .setBox .text01{ top:550px; left:230px;}

/* --------------------------------------------------------
#section04
-------------------------------------------------------- */
#section04{ background:url(../_img/pic/characterbac_04sundowner.jpg);}
#section04 .setBox .img01{ top:50px; left:370px;}
#section04 .setBox .nameBox{ top:480px; left:230px;}
#section04 .setBox .text01{ top:570px; left:230px;}

/* --------------------------------------------------------
#section05
-------------------------------------------------------- */
#section05{ background:url(../_img/pic/characterbac_05monsoon.jpg);}
#section05 .setBox .img01{ top:30px; right:40px;}
#section05 .setBox .nameBox{ top:400px; left:230px;}
#section05 .setBox .text01{ top:500px; left:230px;}

/* --------------------------------------------------------
#section06
-------------------------------------------------------- */
#section06{ background:url(../_img/pic/characterbac_06mistral.jpg); overflow:hidden;}
#section06 .setBox .img01{ top:0px; left:250px;}
#section06 .setBox .nameBox{ top:450px; left:230px;}
#section06 .setBox .text01{ top:540px; left:230px;}

/* --------------------------------------------------------
#section07
-------------------------------------------------------- */
#section07{ background:url(../_img/pic/characterbac_07boris.jpg);}
#section07 .setBox .img01{ top:20px; right:0px;}
#section07 .setBox .nameBox{ top:430px; left:230px;}
#section07 .setBox .text01{ top:520px; left:230px;}

/* --------------------------------------------------------
#section08
-------------------------------------------------------- */
#section08{ background:url(../_img/pic/characterbac_08kevin.jpg);}
#section08 .setBox .img01{ top:30px; left:160px;}
#section08 .setBox .nameBox{ top:400px; left:510px;}
#section08 .setBox .text01{ top:490px; left:510px;}

/* --------------------------------------------------------
#section09
-------------------------------------------------------- */
#section09{ background:url(../_img/pic/characterbac_09courtney.jpg); height:708px;}
#section09 .setBox .img01{ top:20px; right:30px;}
#section09 .setBox .nameBox{ top:440px; left:240px;}
#section09 .setBox .text01{ top:530px; left:240px;}

/* --------------------------------------------------------
#section10
-------------------------------------------------------- */
#section10{ background:url(../_img/pic/characterbac_10doktor.jpg);}
#section10 .setBox .img01{ top:20px; right:100px;}
#section10 .setBox .nameBox{ top:370px; left:510px;}
#section10 .setBox .text01{ top:460px; left:510px;}

/* --------------------------------------------------------
#section12
-------------------------------------------------------- */
#section12{ background:url(../_img/pic/characterbac_11sunny.jpg);}
#section12 .setBox .img01{ top:30px; left:260px;}
#section12 .setBox .nameBox{ top:400px; left:510px;}
#section12 .setBox .text01{ top:490px; left:510px;}

/* --------------------------------------------------------
#section00共通
-------------------------------------------------------- */
#section00 , #section01 , #section02 , #section03 , #section04 , #section05 , #section06 , #section07 , #section08 , #section09 , #section10 , #section12{
width:100%;
height:740px;
text-align:center;
background-position:center top;
background-repeat:no-repeat;
}
#section00{ height:760px;}

.setBox {
width:100%;
margin:0px auto;
position:relative;
height:740px;
}
.setBox .box1{ position:relative; width:980px; margin:0px auto; height:740px;}
.setBox .img01{ position:absolute;}
.setBox .nameBox{ position:absolute; width:470px; text-align:left; padding-bottom:10px; border-bottom:1px solid #9b9b9b;}
.setBox .text01{ position:absolute; width:470px; text-align:left; line-height:160%; color:#019ea7;
text-shadow:0px 0px 0px rgba(0,0,0,0.3),2px 2px 2px rgba(0,0,0,0.5);}

#section09 ,#section09 .setBox { height:708px;}

/* --------------------------------------------------------
#mscBox
-------------------------------------------------------- */
#mscBox{ width:100%; height:448px; text-align:center; background:url(../_img/pic/characterbac_msc.jpg) center center no-repeat; position:relative;}
#mscBox .setBox .img01{ top:200px; left:290px;}
#mscBox .setBox .nameBox{ top:210px; left:435px; width:538px;}
#mscBox .setBox .text01{ top:290px; left:435px; width:538px;}

/* --------------------------------------------------------
#desBox
-------------------------------------------------------- */
#desBox{ width:100%; height:448px; text-align:center; background:url(../_img/pic/characterbac_des.jpg) center center no-repeat; position:relative;}
#desBox .setBox .img01{ top:200px; left:240px;}
#desBox .setBox .nameBox{ top:190px; left:435px; width:538px;}
#desBox .setBox .text01{ top:270px; left:435px; width:538px;}


/* --------------------------------------------------------
#section11
-------------------------------------------------------- */
#section11{ width:100%; hetext-align:center; background:url(../_img/pic/characterbac_00index.jpg) center center no-repeat;}
#section11 .setBox { top:80px; padding-bottom:40px; width:980px; margin:0 auto; height:540px;}
#section11 .setBox .box00 { margin:0 0 20px 230px; position:relative; width:750px;}
#section11 .setBox .box00 .img00{ float:left; }
#section11 .setBox .box00 .nameBox00{ margin:0 0 10px 340px; position:relative; text-align:left; padding-bottom:10px; border-bottom:1px solid #9b9b9b;}
#section11 .setBox .box00 .text00{ margin-left:340px; position:relative; text-align:left; line-height:160%; color:#019ea7;
text-shadow:1px 1px 0px rgba(0,0,0,0.3),2px 2px 2px rgba(0,0,0,0.5);}