@charset "UTF-8";

/*CHARACTERS*/

.characters #base{
background-image:url("img/img_base_characters.png");
background-position:center top;
background-repeat:no-repeat;
margin:0 auto 0;
}


/*-------------*/

.characters #contentstab_bg{
min-width:1000px;
height:183px;
margin:0px auto -90px;
padding:0px 0 0;
background-image:url("img/img_tabbg.png");
background-position:center bottom;
background-repeat:no-repeat;
}

.characters #contentstab{
width:900px;
height:93px;
margin:0px auto 0px;
padding: 0 50px 0;
}

/*-------------*/

.characters .text{
float:left;
width:510px;
margin-top:0px;
}



.characters .chara{
float:right;
margin-left:-400px;
margin-right:-100px;
}


.characters .red{
color:red;
}

.characters .images{
margin-left:-7px;
padding-top:10px;
}

.characters .ss{
display:block;
width:163px;
height:93px;
margin-top:15px;
margin-left:7px;
margin-bottom:15px;
float:left;
}

.characters .movie{
margin:0px 0 0 20px;
}

/*共通部分_end*/


.characters #tabbox p {padding-left:80px; line-height:145%; font-size:15px;}
.characters #tabbox .getphoto{ position:absolute; display:block; width:96px; height:85px; left:70px; top:400px;}
.characters #tabbox .getillust{ position:absolute; display:block; width:96px; height:85px; left:150px; top:420px;}
.characters #tabbox span { opacity:1 !important;}
.characters #tabbox { margin: 0 auto; width: 1000px;	text-align: left; clear: both; _zoom: 1; font-weight: normal; color: #fff; position: relative;}
.characters #tabbox div { width: 1000px; height: 1210px;  position: relative; background-repeat: no-repeat;}
.characters #tabbox div div { top: 190px; left: 0; position: absolute;}
.characters #tabbox div div span.block{display:block;}
.characters .name{margin-left:-5px;margin-top:50px;}
.characters .stil{margin-right:-60px;margin-top:0px;}

.characters #tabbox div div .text{display:block; width:510px;margin:0 0 0 90px;position:relative;z-index:99;}
.characters #tabbox div div .stil{display:block; position:absolute; top:10px; left :400px;z-index:0;}
.characters #tabbox div div .stil_old{display:block; position:absolute; top:10px; left :500px;z-index:0;}
.characters #tabbox #tab li a {display:block;width:147px;height:77px;}

.characters #tabbox #tab { width: 1000px; position: absolute; top: 10px;left:15px;z-index: 100; height: 218px; list-style: none;}
.characters #tabbox #tab ul { list-style:none; }
.characters #tabbox #tab li { float:left; margin-left:5px; margin-bottom:10px;}
.characters #tabbox #tab li.top { float:left; margin-left:220px; margin-top:0px;}
.characters #tabbox #tab li.second { float:left; margin-left:2px; margin-top:1px; margin-bottom:0px;}
.characters #tabbox #tab li.second a {display:block;width:63px;height:37px;}

.characters #tabbox #tab li span{ position: absolute; top: 134px; margin-left:-65px;}
.characters #tabbox li.active img{ border:solid 1px #f00;margin:-1px -1px 0px;}
.characters #tabbox li.second.active { filter:alpha(opacity=80)!important; -moz-opacity: 0.8!important; opacity: 0.8!important;}

.characters #tabbox li.on_border img{ border:solid 1px #f00;margin:-1px -1px 0px;}
.characters #tabbox li.second.on_border img { filter:alpha(opacity=80)!important; -moz-opacity: 0.8!important; opacity: 0.8!important;border:solid 1px #f00;margin:-1px -1px 0px;}

.characters span .chara_title {font-size :200%;font-weight:600;color:red;display:block;margin:10px 0 0;}

.characters .vf{display:block;margin:20px 0 -40px -10px;}