@charset "UTF-8";

/* - LAYOUT - 
--------------------------------------------------------------*/
html{
overflow-x: hidden;
}
div#container{
width: 100%;
background: #000 url('/ex/ranse/common/images/bg_header.jpg') repeat-x 0 9px;
}
div#header{
position: relative;
width: 940px;
height: 100px;
margin: 0 auto;
overflow: hidden;
}
#home div#contentWrap{
min-width: 940px;
padding-top: 0;
background: #000 url('/ex/ranse/images/bg_billboard.jpg') repeat-x 0 5px;
}
#home div#contentWrap div#billboard{
position: relative;
width: 100%;
height: 501px;
overflow: hidden;
background: url('/ex/ranse/images/bg_bill_btm.jpg') repeat-x 0 469px;
}
#home div#content{
background: url('/ex/ranse/images/bg_content.jpg') repeat-x 0 0;
}
#home div#content div#feature{
width: 940px;
margin: 0 auto;
padding-top: 20px;
}

div.footer{
width: 940px;
margin: 0 auto;
background: url('/ex/ranse/common/images/bg_ftr.gif') no-repeat 0 0;
}

.showSmt{
display: none;	
}

/* -HOME HEADER- 
--------------------------------------------------------------*/
#header h1{
width: 179px;
height: 100px;
float: left;
}
#header h1 a.haribotekit{
width: 179px;
height: 100px;
}
#header h1 a.haribotekit span.panel{
background: url('/ex/ranse/common/images/logo.png') no-repeat left top;
}
#header div#sound{
position: absolute;
top: 77px;
left: 856px;
width: 82px;
text-align: center;
}
#header div#sound a.btnSp{
position: absolute;
top: 0;
left: 0;
padding: 1px 0;
width: 82px;
height: 14px;
z-index: 100;
}

/* gnav */
#header ul#gnav{
float: right;
width: 745px;
height: 67px;
background: url('/ex/ranse/common/images/gnav.jpg') no-repeat 0 1px;
}
#header ul#gnav li{
float: left;
width: 119px;
margin-left: 4px;
display: inline;
}
#header ul#gnav li#gn01{
width: 121px;
}
#header ul#gnav li#gn03,
#header ul#gnav li#gn05{
width: 120px;
}
#header ul#gnav li a{
display: block;
height: 67px;
text-indent: -9999px;
overflow: hidden;
}
/* current */
#header ul#gnav li#gn01 a:hover{
background: url('/ex/ranse/common/images/gnav.jpg') no-repeat -4px -99px;
}
#header ul#gnav li#gn02 a:hover{
background: url('/ex/ranse/common/images/gnav.jpg') no-repeat -129px -99px;
}
#header ul#gnav li#gn03 a:hover{
background: url('/ex/ranse/common/images/gnav.jpg') no-repeat -252px -99px;
}
#header ul#gnav li#gn05 a:hover{
background: url('/ex/ranse/common/images/gnav.jpg') no-repeat -376px -99px;
}
#header ul#gnav li#gn06 a:hover{
background: url('/ex/ranse/common/images/gnav.jpg') no-repeat -500px -99px;
}

#header p.gotoProduct{
position: absolute;
left: 410px;
top: 75px;
}
#header p.gotoProduct a{
padding: 0 0 2px 18px;
color: #FFF;
background: url(/ex/ranse/images/icn_wh_r.png) no-repeat 0 0;
}




/* - HOME billboard - 
--------------------------------------------------------------*/
/*
billboard
*/
div#contentWrap div#billboard div#kv{
position: relative;
width: 740px;
height: 469px;
overflow: visible;
margin: 0 auto;
}
div#contentWrap div#billboard div#kv div.kvBase{
position: absolute;
top:  0;
left: 0;
width: 17500px;
height: 469px;
}
div#contentWrap div#billboard div#kv ul{
display: inline;
}
div#contentWrap div#billboard div#kv ul li{
float: left;
position: relative;
width: 154px;
height: 464px;
padding: 5px 1px 0px;
background: #221A17 url('/ex/ranse/images/bg_busho.jpg') repeat left top;
}
div#contentWrap div#billboard div#kv ul li.gameImg{
width: 740px;
height: 469px;
padding: 0;
}
div#contentWrap div#billboard div#kv ul li div.inner{
position: relative;
width: auto;
height: 459px;
overflow: hidden;
cursor: pointer;
}
div#contentWrap div#billboard div#kv ul li.continue div.inner{
cursor: default;
}

div#contentWrap div#billboard div#kv ul li div.inner span.haribotekit{
position: absolute;
top: 0;
left: 0;
width: 154px;
height: 459px;
z-index: 100;
}
/* continue */
div#contentWrap div#billboard div#kv  ul li.continue div.inner span.haribotekit{
width: 250px;
}
div#contentWrap div#billboard div#kv  ul li.continue{
width: 250px;
background: none;
}

/*div#contentWrap div#billboard div#kv ul li span.thum{
cursor: pointer;
}*/
div#contentWrap div#billboard div#kv ul li.gameImg span.haribotekit{
width: 740px;
height: 469px;
}
div#contentWrap div#billboard div#kv ul li.gameImg span.haribotekit span.panel{
background: url('/ex/ranse/images/kv_01.jpg') no-repeat left top;
}
div#contentWrap div#billboard div#kv ul li.boy span.haribotekit span.panel{
background: url('/ex/ranse/images/img_busho_01.jpg') no-repeat left top;
}
div#contentWrap div#billboard div#kv ul li.girl span.haribotekit span.panel{
background: url('/ex/ranse/images/img_busho_02.jpg') no-repeat left top;
}
div#contentWrap div#billboard div#kv ul li.nobunaga span.haribotekit span.panel{
background: url('/ex/ranse/images/img_busho_03.jpg') no-repeat left top;
}
div#contentWrap div#billboard div#kv ul li.oichi span.haribotekit span.panel{
background: url('/ex/ranse/images/img_busho_04.jpg') no-repeat left top;
}
div#contentWrap div#billboard div#kv ul li.mitsuhide span.haribotekit span.panel{
background: url('/ex/ranse/images/img_busho_05.jpg') no-repeat left top;
}
div#contentWrap div#billboard div#kv ul li.shingen span.haribotekit span.panel{
background: url('/ex/ranse/images/img_busho_06.jpg') no-repeat left top;
}
div#contentWrap div#billboard div#kv ul li.kenshin span.haribotekit span.panel{
background: url('/ex/ranse/images/img_busho_07.jpg') no-repeat left top;
}
div#contentWrap div#billboard div#kv ul li.hideyoshi span.haribotekit span.panel{
background: url('/ex/ranse/images/img_busho_08.jpg') no-repeat left top;
}
div#contentWrap div#billboard div#kv ul li.motonari span.haribotekit span.panel{
background: url('/ex/ranse/images/img_busho_09.jpg') no-repeat left top;
}
div#contentWrap div#billboard div#kv ul li.motochika span.haribotekit span.panel{
background: url('/ex/ranse/images/img_busho_10.jpg') no-repeat left top;
}
div#contentWrap div#billboard div#kv ul li.mitsunari span.haribotekit span.panel{
background: url('/ex/ranse/images/img_busho_11.jpg') no-repeat left top;
}
div#contentWrap div#billboard div#kv ul li.masanori span.haribotekit span.panel{
background: url('/ex/ranse/images/img_busho_12.jpg') no-repeat left top;
}
div#contentWrap div#billboard div#kv ul li.kiyomasa span.haribotekit span.panel{
background: url('/ex/ranse/images/img_busho_13.jpg') no-repeat left top;
}
div#contentWrap div#billboard div#kv ul li.yukimura span.haribotekit span.panel{
background: url('/ex/ranse/images/img_busho_14.jpg') no-repeat left top;
}
div#contentWrap div#billboard div#kv ul li.ayagozen span.haribotekit span.panel{
background: url('/ex/ranse/images/img_busho_15.jpg') no-repeat left top;
}
div#contentWrap div#billboard div#kv ul li.ginchiyo span.haribotekit span.panel{
background: url('/ex/ranse/images/img_busho_16.jpg') no-repeat left top;
}
div#contentWrap div#billboard div#kv ul li.muneshige span.haribotekit span.panel{
background: url('/ex/ranse/images/img_busho_17.jpg') no-repeat left top;
}
div#contentWrap div#billboard div#kv ul li.yoshihiro span.haribotekit span.panel{
background: url('/ex/ranse/images/img_busho_18.jpg') no-repeat left top;
}
div#contentWrap div#billboard div#kv ul li.yoshimoto span.haribotekit span.panel{
background: url('/ex/ranse/images/img_busho_19.jpg') no-repeat left top;
}
div#contentWrap div#billboard div#kv ul li.kanetsugu span.haribotekit span.panel{
background: url('/ex/ranse/images/img_busho_20.jpg') no-repeat left top;
}
div#contentWrap div#billboard div#kv ul li.garasha span.haribotekit span.panel{
background: url('/ex/ranse/images/img_busho_21.jpg') no-repeat left top;
}
div#contentWrap div#billboard div#kv ul li.keiji span.haribotekit span.panel{
background: url('/ex/ranse/images/img_busho_22.jpg') no-repeat left top;
}
div#contentWrap div#billboard div#kv ul li.masamune span.haribotekit span.panel{
background: url('/ex/ranse/images/img_busho_23.jpg') no-repeat left top;
}
div#contentWrap div#billboard div#kv ul li.kotaro span.haribotekit span.panel{
background: url('/ex/ranse/images/img_busho_24.jpg') no-repeat left top;
}
div#contentWrap div#billboard div#kv ul li.nene span.haribotekit span.panel{
background: url('/ex/ranse/images/img_busho_25.jpg') no-repeat left top;
}
div#contentWrap div#billboard div#kv ul li.ieyasu span.haribotekit span.panel{
background: url('/ex/ranse/images/img_busho_26.jpg') no-repeat left top;
}
div#contentWrap div#billboard div#kv ul li.rammaru span.haribotekit span.panel{
background: url('/ex/ranse/images/img_busho_27.jpg') no-repeat left top;
}

div#contentWrap div#billboard div#kv ul li.continue span.haribotekit span.panel{
width: 250px;
background: url('/ex/ranse/images/img_busho_99.png') no-repeat 50% 50%;
}

/* detailPanel */
div#contentWrap div#billboard div#kv ul li span.detailPanel{
}
/* Arrow */
div#contentWrap div#billboard p.itemArrowL,
div#contentWrap div#billboard p.itemArrowR{
position: absolute;
top: 140px;
width: 56px;
height: 133px;
z-index: 500;
}
div#contentWrap div#billboard p.itemArrowL{
left: 0;
}
div#contentWrap div#billboard p.itemArrowR{
right: 0;
}
div#contentWrap div#billboard p.itemArrowL a,
div#contentWrap div#billboard p.itemArrowR a{
display: block;
width: 56px;
height: 133px;
}
div#contentWrap div#billboard p.itemArrowL a{
background: url('/ex/ranse/images/btn_bill_l.png') no-repeat left top;
}
div#contentWrap div#billboard p.itemArrowR a{
background: url('/ex/ranse/images/btn_bill_r.png') no-repeat right top;
}
div#contentWrap div#billboard p.itemArrowL a:hover{
background: url('/ex/ranse/images/btn_bill_l.png') no-repeat left -200px;
}
div#contentWrap div#billboard p.itemArrowR a:hover{
background: url('/ex/ranse/images/btn_bill_r.png') no-repeat right -200px;
}

/* 一覧ボタン */
div#contentWrap div#billboard p#btnShowList{
position: absolute;
left: 0;
bottom: 33px;
width: 165px;
height: 40px;
z-index: 1010;
}

/* Chara Nav キャラナビ */
div#contentWrap div#billboard div.charaNavBlk{
position: absolute;
top: 20px;
z-index:1000;
}
div#contentWrap div#billboard div.charaNavBlk ul#charaNav{
}
div.charaNavBlk ul#charaNav{
position: absolute;
top: 45px;
left: 40px;
clear: both;
float: left;
width: 828px;
}
div.charaNavBlk ul#charaNav li{
width: 68px;
height: 110px;
float: left;
margin: 0 0 5px 1px;
display: inline;
}
div.charaNavBlk ul#charaNav li.haribotekit a{
display: block;
}
div.charaNavBlk ul#charaNav li.haribotekit a span.panel{
width: 66px;
height: 108px;
border: 1px solid #999;
}
div.charaNavBlk ul#charaNav li.haribotekit a:hover span.panel{
border: 1px solid #F20000;
}
	/* panel images */
	div.charaNavBlk ul#charaNav li#cNav01.haribotekit a span.panel{
	background: url('/ex/ranse/character/images/img_thumb_boy.gif') no-repeat 0 0;
	}
	div.charaNavBlk ul#charaNav li#cNav02.haribotekit a span.panel{
	background: url('/ex/ranse/character/images/img_thumb_girl.gif') no-repeat 0 0;
	}
	div.charaNavBlk ul#charaNav li#cNav03.haribotekit a span.panel{
	background: url('/ex/ranse/character/images/img_thumb_nobu.gif') no-repeat 0 0;
	}
	div.charaNavBlk ul#charaNav li#cNav04.haribotekit a span.panel{
	background: url('/ex/ranse/character/images/img_thumb_oichi.gif') no-repeat 0 0;
	}
	div.charaNavBlk ul#charaNav li#cNav05.haribotekit a span.panel{
	background: url('/ex/ranse/character/images/img_thumb_mitsu.gif') no-repeat 0 0;
	}
	div.charaNavBlk ul#charaNav li#cNav06.haribotekit a span.panel{
	background: url('/ex/ranse/character/images/img_thumb_shin.gif') no-repeat 0 0;
	}
	div.charaNavBlk ul#charaNav li#cNav07.haribotekit a span.panel{
	background: url('/ex/ranse/character/images/img_thumb_ken.gif') no-repeat 0 0;
	}
	div.charaNavBlk ul#charaNav li#cNav08.haribotekit a span.panel{
	background: url('/ex/ranse/character/images/img_thumb_hide.gif') no-repeat 0 0;
	}
	div.charaNavBlk ul#charaNav li#cNav09.haribotekit a span.panel{
	background: url('/ex/ranse/character/images/img_thumb_motona.gif') no-repeat 0 0;
	}
	div.charaNavBlk ul#charaNav li#cNav10.haribotekit a span.panel{
	background: url('/ex/ranse/character/images/img_thumb_motochi.gif') no-repeat 0 0;
	}
	div.charaNavBlk ul#charaNav li#cNav11.haribotekit a span.panel{
	background: url('/ex/ranse/character/images/img_thumb_mitsuna.gif') no-repeat 0 0;
	}
	div.charaNavBlk ul#charaNav li#cNav12.haribotekit a span.panel{
	background: url('/ex/ranse/character/images/img_thumb_masano.gif') no-repeat 0 0;
	}
	div.charaNavBlk ul#charaNav li#cNav13.haribotekit a span.panel{
	background: url('/ex/ranse/character/images/img_thumb_kiyo.gif') no-repeat 0 0;
	}
	div.charaNavBlk ul#charaNav li#cNav14.haribotekit a span.panel{
	background: url('/ex/ranse/character/images/img_thumb_yuki.gif') no-repeat 0 0;
	}
	div.charaNavBlk ul#charaNav li#cNav15.haribotekit a span.panel{
	background: url('/ex/ranse/character/images/img_thumb_aya.gif') no-repeat 0 0;
	}
	div.charaNavBlk ul#charaNav li#cNav16.haribotekit a span.panel{
	background: url('/ex/ranse/character/images/img_thumb_gin.gif') no-repeat 0 0;
	}
	div.charaNavBlk ul#charaNav li#cNav17.haribotekit a span.panel{
	background: url('/ex/ranse/character/images/img_thumb_mune.gif') no-repeat 0 0;
	}
	div.charaNavBlk ul#charaNav li#cNav18.haribotekit a span.panel{
	background: url('/ex/ranse/character/images/img_thumb_yoshihi.gif') no-repeat 0 0;
	}
	div.charaNavBlk ul#charaNav li#cNav19.haribotekit a span.panel{
	background: url('/ex/ranse/character/images/img_thumb_yoshimo.gif') no-repeat 0 0;
	}
	div.charaNavBlk ul#charaNav li#cNav20.haribotekit a span.panel{
	background: url('/ex/ranse/character/images/img_thumb_kane.gif') no-repeat 0 0;
	}
	div.charaNavBlk ul#charaNav li#cNav21.haribotekit a span.panel{
	background: url('/ex/ranse/character/images/img_thumb_gara.gif') no-repeat 0 0;
	}
	div.charaNavBlk ul#charaNav li#cNav22.haribotekit a span.panel{
	background: url('/ex/ranse/character/images/img_thumb_keiji.gif') no-repeat 0 0;
	}
	div.charaNavBlk ul#charaNav li#cNav23.haribotekit a span.panel{
	background: url('/ex/ranse/character/images/img_thumb_masamune.gif') no-repeat 0 0;
	}
	div.charaNavBlk ul#charaNav li#cNav24.haribotekit a span.panel{
	background: url('/ex/ranse/character/images/img_thumb_kotaro.gif') no-repeat 0 0;
	}
	div.charaNavBlk ul#charaNav li#cNav25.haribotekit a span.panel{
	background: url('/ex/ranse/character/images/img_thumb_nene.gif') no-repeat 0 0;
	}
	div.charaNavBlk ul#charaNav li#cNav26.haribotekit a span.panel{
	background: url('/ex/ranse/character/images/img_thumb_ieyasu.gif') no-repeat 0 0;
	}
	div.charaNavBlk ul#charaNav li#cNav27.haribotekit a span.panel{
	background: url('/ex/ranse/character/images/img_thumb_rammaru.gif') no-repeat 0 0;
	}

div.charaNavBlk h4{
position: absolute;
top: 0;
left: 10px;
width: 143px
}
div.charaNavBlk p.imgLast{
position: absolute;
top: 105px;
left: 745px;
width: 150px;
height: 204px;
}
/* close btn */
div.charaNavBlk span.close{
/* display: none; */
position: absolute;
left: 850px;
top: 0px;
width: 47px;
height: 47px;
background: url('/ex/ranse/common/images/btn_close.png') no-repeat left top;
cursor: pointer;
z-index: 100;
}



/* 各武将詳細  Home */
div.kvBase ul li div.inner h2.haribotekit{
width: 740px; height: 459px;	
}
div.kvBase ul li.nobunaga div.inner h2.haribotekit,
div.kvBase ul li.shingen div.inner h2.haribotekit{
width: 789px;	
}
div.kvBase ul li.boy div.inner h2.haribotekit span.panel{
background: url('/ex/ranse/images/img_boy_detail.jpg') no-repeat left top;
}
div.kvBase ul li.girl div.inner h2.haribotekit span.panel{
background: url('/ex/ranse/images/img_girl_detail.jpg') no-repeat left top;	
}
div.kvBase ul li.nobunaga div.inner h2.haribotekit span.panel{
background: url('/ex/ranse/images/img_nobunaga_detail.jpg') no-repeat left top;	
}
div.kvBase ul li.oichi div.inner h2.haribotekit span.panel{
background: url('/ex/ranse/images/img_oichi_detail.jpg') no-repeat left top;	
}
div.kvBase ul li.mitsuhide div.inner h2.haribotekit span.panel{
background: url('/ex/ranse/images/img_mitsuhide_detail.jpg') no-repeat left top;	
}
div.kvBase ul li.shingen div.inner h2.haribotekit span.panel{
background: url('/ex/ranse/images/img_shingen_detail.jpg') no-repeat left top;	
}
div.kvBase ul li.kenshin div.inner h2.haribotekit span.panel{
background: url('/ex/ranse/images/img_kenshin_detail.jpg') no-repeat left top;	
}
div.kvBase ul li.hideyoshi div.inner h2.haribotekit span.panel{
background: url('/ex/ranse/images/img_hideyoshi_detail.jpg') no-repeat left top;	
}
div.kvBase ul li.motonari div.inner h2.haribotekit span.panel{
background: url('/ex/ranse/images/img_motonari_detail.jpg') no-repeat left top;	
}
div.kvBase ul li.motochika div.inner h2.haribotekit span.panel{
background: url('/ex/ranse/images/img_motochika_detail.jpg') no-repeat left top;	
}
div.kvBase ul li.mitsunari div.inner h2.haribotekit span.panel{
background: url('/ex/ranse/images/img_mitsunari_detail.jpg') no-repeat left top;	
}
div.kvBase ul li.masanori div.inner h2.haribotekit span.panel{
background: url('/ex/ranse/images/img_masanori_detail.jpg') no-repeat left top;	
}
div.kvBase ul li.kiyomasa div.inner h2.haribotekit span.panel{
background: url('/ex/ranse/images/img_kiyomasa_detail.jpg') no-repeat left top;	
}
div.kvBase ul li.yukimura div.inner h2.haribotekit span.panel{
background: url('/ex/ranse/images/img_yukimura_detail.jpg') no-repeat left top;	
}
div.kvBase ul li.ayagozen div.inner h2.haribotekit span.panel{
background: url('/ex/ranse/images/img_ayagozen_detail.jpg') no-repeat left top;	
}
div.kvBase ul li.ginchiyo div.inner h2.haribotekit span.panel{
background: url('/ex/ranse/images/img_ginchiyo_detail.jpg') no-repeat left top;	
}
div.kvBase ul li.muneshige div.inner h2.haribotekit span.panel{
background: url('/ex/ranse/images/img_muneshige_detail.jpg') no-repeat left top;	
}
div.kvBase ul li.yoshihiro div.inner h2.haribotekit span.panel{
background: url('/ex/ranse/images/img_yoshihiro_detail.jpg') no-repeat left top;	
}
div.kvBase ul li.yoshimoto div.inner h2.haribotekit span.panel{
background: url('/ex/ranse/images/img_yoshimoto_detail.jpg') no-repeat left top;	
}
div.kvBase ul li.kanetsugu div.inner h2.haribotekit span.panel{
background: url('/ex/ranse/images/img_kanetsugu_detail.jpg') no-repeat left top;	
}
div.kvBase ul li.garasha div.inner h2.haribotekit span.panel{
background: url('/ex/ranse/images/img_garasha_detail.jpg') no-repeat left top;	
}
div.kvBase ul li.keiji div.inner h2.haribotekit span.panel{
background: url('/ex/ranse/images/img_keiji_detail.jpg') no-repeat left top;	
}
div.kvBase ul li.masamune div.inner h2.haribotekit span.panel{
background: url('/ex/ranse/images/img_masamune_detail.jpg') no-repeat left top;	
}
div.kvBase ul li.kotaro div.inner h2.haribotekit span.panel{
background: url('/ex/ranse/images/img_kotaro_detail.jpg') no-repeat left top;	
}
div.kvBase ul li.nene div.inner h2.haribotekit span.panel{
background: url('/ex/ranse/images/img_nene_detail.jpg') no-repeat left top;	
}
div.kvBase ul li.ieyasu div.inner h2.haribotekit span.panel{
background: url('/ex/ranse/images/img_ieyasu_detail.jpg') no-repeat left top;	
}
div.kvBase ul li.rammaru div.inner h2.haribotekit span.panel{
background: url('/ex/ranse/images/img_rammaru_detail.jpg') no-repeat left top;	
}

div.kvBase ul li .curr h2.haribotekit span.panel{
cursor: auto;
}
div.kvBase ul li.gameImg span.panel{
cursor: auto;
}
/* close btn */
div.kvBase ul li span.close{
/* display: none; */
position: absolute;
left: 680px;
top: 25px;
width: 47px;
height: 47px;
background: url('/ex/ranse/common/images/btn_close.png') no-repeat left top;
cursor: pointer;
z-index: 100;
}
div.kvBase ul li.nobunaga span.close,
div.kvBase ul li.shingen span.close{
left: 715px;
}
/*
div.kvBase ul li span.close:hover{
background-position: 0 -50px;
}
*/
div.kvBase ul li .curr span.close{
display: block;
}

/* Detail btn */
div.kvBase ul li span.detail{
/* display: none; */
position: absolute;
left: 607px;
bottom: 15px;
width: 117px;
height: 34px;
/* background: url('/ex/ranse/common/images/btn_close.png') no-repeat left top; */
cursor: pointer;
z-index: 100;
}
div.kvBase ul li span.detail a{
display: block;
width: 117px;
height: 34px;
text-indent: -9999px;
background: url('/ex/ranse/images/btn_detail.png') no-repeat left top;
}
div.kvBase ul li.nobunaga span.detail,
div.kvBase ul li.nobunaga span.detail a,
div.kvBase ul li.shingen span.detail,
div.kvBase ul li.shingen span.detail a{
left: 661px;
}
div.kvBase ul li span.detail a:hover{
background-position: 0 -50px;
}
div.kvBase ul li .curr span.detail{
display: block;
}


/*
Modal Panel
*/
#billboard #modalBase{
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 469px;
display:none;
z-index:900;
background:#000;
filter:alpha(opacity=90) !important;
-moz-opacity:0.9;
-khtml-opacity:0.9;
opacity:0.9;
}
#billboard #modalCont{
display: none;
position: absolute;
width: 810px;
height: 440px;
top: 20px;
z-index:1000;
}
#billboard #modalCont #closeBtn{
position: absolute;
right: 5px;
top: 0;
width: 47px;
height: 47px;
cursor: pointer;
}
#billboard #modalCont #include{
position: absolute;
right: 25px;
top: 10px;
width: 736px;
height: 390px;
padding: 10px;
border: 1px solid #333;
}
/* content */
#billboard #modalCont #include .imgHalfLaterL div.img{
width: 390px;
float: left;
}
#billboard #modalCont #include .imgHalfLaterL div.text{
width: 310px;
float: right;
}
/* product */
#billboard #modalCont #include .imgHalfLaterL div.text h2{
margin-bottom: 25px;
padding-top: 30px;
font-size: 123%;
}
#billboard #modalCont #include .imgHalfLaterL div.text dl{
margin-bottom: 10px;
}
#billboard #modalCont #include .imgHalfLaterL div.text dl dt{
float: left;
clear: both;
width: 88px;
padding: 6px 0;
color: #DDD;
}
#billboard #modalCont #include .imgHalfLaterL div.text dl dd{
padding-left: 90px;
padding: 6px 0;
border-bottom: 1px solid #999;
}


/* movie */
#billboard #modalCont #include .movWrap{
padding-top: 20px;
text-align: center;
}



/*
Info Block */
#home div.infoblock{
width: 940px;
margin: 0 auto;
padding-top: 3px;
}
/* share button */
#home div.infoblock div.shareBtn{
float: right;
width: 430px;
margin-left: 24px;
padding: 2px 0 0;
display: inline;
overflow: hidden;
}
#home div.infoblock div.shareBtn .btns{
text-align:right;
}
#home div.infoblock div.shareBtn .btns li{
display:inline-block;
/display:inline;
vertical-align:middle;
}




/* - HOME CONTENT - 
--------------------------------------------------------------*/
div#feature div.newsUnit{
float: left;
width: 750px;
margin-bottom: 15px;
}
div#feature div.newsUnit h4{
float: left;
width: 75px;
}
div#feature div.newsUnit div.newsList{
float: left;
padding-left: 20px;
border-left: 1px solid #FFF;
display: inline;
}
div#feature div.newsUnit div.newsList dl{
margin-bottom: 3px;
}
div#feature div.newsUnit div.newsList dl dt{
clear: both;
float: left;
width: 85px;
margin-bottom: 3px;
/* font-weight: bold; */
display: inline;
}
div#feature div.newsUnit div.newsList dl dd{
width: 550px;
margin: 0 0 5px 95px;
}
div#feature div.newsUnit div.newsList p{
clear: both;
}
div#feature div.newsUnit div.newsList a{
color: #FFF;
}
div#feature p.btnMovie{
float: right;
width: 146px;
height: 34px;
}
div#feature p.btnMovie a.haribotekit{
width: 146px;
height: 34px;
}
div#feature p.btnMovie a.haribotekit span.panel{
background: url(/ex/ranse/images/btn_palymovie.png) no-repeat 0 0;
}
div#feature p.btnMovie a.haribotekit:hover span.panel,
div#feature p.btnMovie a.haribotekit.active span.panel{
background-position: 0 -50px;
}


/* - Floating Parts - 
--------------------------------------------------------------*/
div.floatings{
width: 940px;
margin: 0 auto;
position: absolute;
top: 0;	
}
#home p.release{
position: absolute;
top: 77px;
left: 130px;
width: 219px;
height: 23px;
z-index: 9999;
}
#home span.wingu_01{
position: absolute;
top: 68px;
left: 489px;
width: 368px;
height: 52px;
z-index: 9999;
background: url('/ex/ranse/images/img_float_01.png') no-repeat left top;
}
/*#home span.wingu_02{
position: absolute;
top: 545px;
left: 420px;
width: 508px;
height: 58px;
background: url('/ex/ranse/images/img_float_02.png') no-repeat left top;
z-index: 9999;
}*/
#home span.foldingFan{
position: absolute;
top: 530px;
left: -256px;
width: 266px;
height: 166px;
background: url('/ex/ranse/images/img_floatingfan.png') no-repeat left top;
z-index: 9999;
}


/* - FOOTER - 
--------------------------------------------------------------*/
div.footer{
	padding-bottom:17px;
}
div.footer div.cr{
float: left;
width: 555px;
padding-top: 10px;
color: #CCC;
font-size: 85%;
display: inline;
}
div.footer div.cr p{
margin-bottom: 10px;
}
div.footer div.sentence{
float: left;
width: 195px;
padding-top: 7px;
display: inline;
}
div.footer div.company{
float: left;
width: 190px;
padding-top: 13px;
display: inline;
}

div.footer div.company ul li{
margin-bottom: 8px;
}
div.footer div.inquiry_footer.haribotekit{
color: #CCC;
font-size: 85%;
width:622px;
height:103px;
}
div.footer div.inquiry_footer.haribotekit span.panel{
background:url(/ex/ranse/common/images/txt_inquiry_footer.gif) no-repeat left top;
}



/* - COMMON - 
--------------------------------------------------------------*/
/* LOGO */
#header p#logo{
width: 179px;
height: 100px;
float: left;
}
#header p#logo a.haribotekit{
width: 179px;
height: 100px;
}
#header p#logo a.haribotekit span.panel{
background: url('/ex/ranse/common/images/logo.png') no-repeat left top;
}


/* - BANNER - 
--------------------------------------------------------------*/
div#content div#banner{
width: 940px;
margin: 0 auto;
padding:10px 0px 20px 0px;
}
div#content div#banner .banner_wrap{
margin-left: -20px;
}
div#content div#banner .banner_wrap p{
float:left;
padding-left:20px;
}
div#content div#banner .linkbanner1{
width:190px;
height:89px;
}
div#content div#banner .linkbanner1 span.panel{
background: url(/ex/ranse/common/images/linkbanner1.gif) no-repeat left top;
}
div#content div#banner .linkbanner2{
width:190px;
height:89px;
}
div#content div#banner .linkbanner2 span.panel{
background: url(/ex/ranse/common/images/linkbanner2.gif) no-repeat left top;
}
div#content div#banner .linkbanner3{
width:190px;
height:89px;
}
div#content div#banner .linkbanner3 span.panel{
background: url(/ex/ranse/common/images/linkbanner3.gif) no-repeat left top;
}


div#content div#banner .banner_wrap p.b2w2{
float: right;
padding-left:20px;
}

div#content div#banner .linkbanner_b2w2{
width:230px;
height:80px;
margin-top: 5px;
}
div#content div#banner .linkbanner_b2w2 span.panel{
background: url(/ex/ranse/common/images/bnr_bw2_02.jpg) no-repeat left top;
}