@charset "UTF-8";

/* Character CSS  */

/* - LAYOUT - 
--------------------------------------------------------------*/
/*div#contentWrap div#mainArea{
width: 940px;
}*/
#character .shareBtn{
margin-left: 0;
}
#character #content div.charaBlk{
position: static;
width: auto;
height: auto;
padding-top: 20px;
color: #333;
background: url('/ex/ranse/character/images/bg_cont_smt.png') repeat left top;
}
#character #content div.selectBlk{
width: auto;
}


/* - Title - 
--------------------------------------------------------------*/
#character h1.h1{
width: auto;
display: block;
/*
margin: 0;
padding: 10px 0 0 10px !important;
font-size: 21px;
*/
}

/*
.oichi h1.h1.haribotekit span.panel{
display: none;
}
*/

/* - index - 
--------------------------------------------------------------*/
#character.index div#contentWrap div#content{
width: auto;
padding: 20px 0 0 0;
background: url('/ex/ranse/character/images/bg_cont_smt.png') repeat left top;
color: #333;
}
#character.index #content ul#charaNav{
position: static;
width: auto;
margin: 0 10px 15px;
padding: 15px 0 0 0;
border: none;
background: none;
}
#character.index #content h2,
#character.index #content h3,
#character.index #content p{
margin: 0 10px 20px;
}
/* continued */
#character.index #content p.continued.haribotekit{
width: 296px;
height: 596px;
margin: 0 7px;
}
#character.index #content p.continued span.panel{
width: 296px;
height: 596px;
background: url('/ex/ranse/character/images/img_continued_smt.jpg') no-repeat left top;
}
#character.index h1.h1{
/* margin-bottom: 0; */
padding-bottom: 0;
}
/*
#character.index h2.h2{
margin-top: 0 !important;
}
*/


/* - Chara Blk - 
--------------------------------------------------------------*/
#character #content .charaBlk h2.haribotekit{
position: static;
width: 100%;
height: 300px !important;
margin-bottom: 10px;
}
#character #content .charaBlk h2.haribotekit span.panel{
position: static;
}
.boy #content .charaBlk h2.haribotekit span.panel{
background: url('/ex/ranse/character/images/img_boy_smt.jpg') no-repeat center top;
}
.girl #content .charaBlk h2.haribotekit span.panel{
background: url('/ex/ranse/character/images/img_girl_smt.jpg') no-repeat center top;
}
.oichi #content .charaBlk h2.haribotekit span.panel{
background: url('/ex/ranse/character/images/img_oichi_smt.jpg') no-repeat center top;
}
.nobunaga #content .charaBlk h2.haribotekit span.panel{
background: url('/ex/ranse/character/images/img_nobunaga_smt.jpg') no-repeat center top;
}
.mitsuhide #content .charaBlk h2.haribotekit span.panel{
background: url('/ex/ranse/character/images/img_mitsuhide_smt.jpg') no-repeat center top;
}
.shingen #content .charaBlk h2.haribotekit span.panel{
background: url('/ex/ranse/character/images/img_shingen_smt.jpg') no-repeat center top;
}
.kenshin #content .charaBlk h2.haribotekit span.panel{
background: url('/ex/ranse/character/images/img_kenshin_smt.jpg') no-repeat center top;
}
.hideyoshi #content .charaBlk h2.haribotekit span.panel{
background: url('/ex/ranse/character/images/img_hideyoshi_smt.jpg') no-repeat center top;
}
.motonari #content .charaBlk h2.haribotekit span.panel{
background: url('/ex/ranse/character/images/img_motonari_smt.jpg') no-repeat center top;
}
.motochika #content .charaBlk h2.haribotekit span.panel{
background: url('/ex/ranse/character/images/img_motochika_smt.jpg') no-repeat center top;
}
.mitsunari #content .charaBlk h2.haribotekit span.panel{
background: url('/ex/ranse/character/images/img_mitsunari_smt.jpg') no-repeat center top;
}
.masanori #content .charaBlk h2.haribotekit span.panel{
background: url('/ex/ranse/character/images/img_masanori_smt.jpg') no-repeat center top;
}
.kiyomasa #content .charaBlk h2.haribotekit span.panel{
background: url('/ex/ranse/character/images/img_kiyomasa_smt.jpg') no-repeat center top;
}
.yukimura #content .charaBlk h2.haribotekit span.panel{
background: url('/ex/ranse/character/images/img_yukimura_smt.jpg') no-repeat center top;
}
.ayagozen #content .charaBlk h2.haribotekit span.panel{
background: url('/ex/ranse/character/images/img_ayagozen_smt.jpg') no-repeat center top;
}
.ginchiyo #content .charaBlk h2.haribotekit span.panel{
background: url('/ex/ranse/character/images/img_ginchiyo_smt.jpg') no-repeat center top;
}
.muneshige #content .charaBlk h2.haribotekit span.panel{
background: url('/ex/ranse/character/images/img_muneshige_smt.jpg') no-repeat center top;
}
.yoshihiro #content .charaBlk h2.haribotekit span.panel{
background: url('/ex/ranse/character/images/img_yoshihiro_smt.jpg') no-repeat center top;
}
.yoshimoto #content .charaBlk h2.haribotekit span.panel{
background: url('/ex/ranse/character/images/img_yoshimoto_smt.jpg') no-repeat center top;
}
.kanetsugu #content .charaBlk h2.haribotekit span.panel{
background: url('/ex/ranse/character/images/img_kanetsugu_smt.jpg') no-repeat center top;
}
.garasha #content .charaBlk h2.haribotekit span.panel{
background: url('/ex/ranse/character/images/img_garasha_smt.jpg') no-repeat center top;
}
.keiji #content .charaBlk h2.haribotekit span.panel{
background: url('/ex/ranse/character/images/img_keiji_smt.jpg') no-repeat center top;
}
.masamune #content .charaBlk h2.haribotekit span.panel{
background: url('/ex/ranse/character/images/img_masamune_smt.jpg') no-repeat center top;
}
.kotaro #content .charaBlk h2.haribotekit span.panel{
background: url('/ex/ranse/character/images/img_kotaro_smt.jpg') no-repeat center top;
}
.nene #content .charaBlk h2.haribotekit span.panel{
background: url('/ex/ranse/character/images/img_nene_smt.jpg') no-repeat center top;
}
.ieyasu #content .charaBlk h2.haribotekit span.panel{
background: url('/ex/ranse/character/images/img_ieyasu_smt.jpg') no-repeat center top;
}
.rammaru #content .charaBlk h2.haribotekit span.panel{
background: url('/ex/ranse/character/images/img_rammaru_smt.jpg') no-repeat center top;
}


#content .charaBlk p.caption{
position: static !important;
margin: 0 10px;
}
#content .charaBlk ul.capture{
position: static !important;
/*top: 85px;
left: 50px;*/
}
#content .charaBlk ul.capture li{
text-align: center;
}

/* - Select Blk - 
--------------------------------------------------------------*/
#content .selectBlk {
background: none;
}
/* prevCharaIndex */
#content .selectBlk p.prevCharaIndex{
width: auto;
float: none;
margin: 0 10px 10px;
padding: 10px 0 0 !important;
display: block;
}
/* Paging */
#content .selectBlk ul.paging{
float: none;
width: auto;
height: auto;
margin: 0 10px 15px;
padding-top: 0;
background: none !important;
font-size: 14px;
display: block;
}
#content .selectBlk ul.paging li{
float: none !important;
width: auto;
height: auto;
margin-bottom: 10px;
}
#content .selectBlk ul.paging li.prev{
margin-right: 0;
display: block;
}
#content .selectBlk ul.paging li .onHide{
display: inline !important;
}
#content .selectBlk ul.paging li a{
display: inline;
padding: 0 0 2px 21px;
height: auto;
color: #333;
background: url('/ex/ranse/common/images/icn_arw_r.png') no-repeat left top;
text-decoration: none;
}
#content .selectBlk ul.paging li.prev a{
background: url('/ex/ranse/common/images/icn_arw_l.png') no-repeat left top;
}
#content .selectBlk ul.paging li a span.panel{
display: none;
}

/* Chara Nav  */
#content .selectBlk ul#charaNav{
clear: both;
width: auto;
margin: 0 10px 10px;
padding-top: 0;
}
ul#charaNav li{
width: auto;
height: auto;
float: none;
margin: 0;
display: block;
}
ul#charaNav li a{
padding: 10px 10px;
border-bottom: 1px solid #666;
color: #333;
background: #FFF url(/ex/ranse/common/images/icn_arw_s.png) no-repeat 97% 17px;
text-decoration: none;
}
ul#charaNav li a:hover{
background: #DDD url(/ex/ranse/common/images/icn_arw_s.png) no-repeat 97% 17px;
}
ul#charaNav li:first-child a{
border-top-left-radius: 4px;
-webkit-top-left-border-radius: 4px;
-moz-border-top-left-radius: 4px;
border-top-right-radius: 4px;
-webkit-border-top-right-radius: 4px;
-moz-border-top-right-radius: 4px;
}
ul#charaNav li:last-child a{
border-bottom: none;
border-bottom-left-radius: 4px;
-webkit-bottom-left-border-radius: 4px;
-moz-border-bottom-left-radius: 4px;
border-bottom-right-radius: 4px;
-webkit-border-bottom-right-radius: 4px;
-moz-border-bottom-right-radius: 4px;
}
ul#charaNav li a span.panel{
width: auto;
border: none !important;
background: none !important;
}
ul#charaNav li a:hover span.panel{
border: none !important;
}
/* current */
.oichi ul#charaNav li#cNav04 a img{
border: 1px solid #F20000;
}