@charset "utf-8";

#contents-wrap{
	padding-bottom: 50px;
}
#contents{
	width: 100%;
	min-width: 1200px;
}

.idx-container{
	position:relative;
	}

#housou{
	position:absolute;
	top:5px;
	left:0px;
	z-index:8000;
	}

#logo{
	left: 30px;
}

/* banner */
.idx-banner{
	position: absolute;
	top: 400px;
	min-width:100%;
	margin:auto;
}

.idx-banner p{
	margin:0;
	padding:0;
	}

.idx-banner img{
	display: block;
	/* width: 100%;*/
	height: auto;
	/* border: solid 1px #fff;*/
	}

.idx-banner img a{
	display:block;
   width:309px;

	}
.idx-banner #news-onair-info{
	position: relative;
	padding-left:40px;
	}
.idx-banner #news-onair-info .icon{
	position: absolute;
	left: 40px;
	top: 0;
	animation: blink 1s ease infinite normal;
	-webkit-animation: blink 1s ease infinite normal;
	-moz-animation: blink 1s ease infinite normal;
	-o-animation: blink 1s ease infinite normal;
	}
.idx-banner #ba_gensaku{
	padding-left:40px;
	}
.idx-banner #ba_pv1{
	position:absolute;
	right:40px;
	top:-80px;
	}

.banner-slide{
	display: inline-block;
	width: 309px;
	height: 88px;
	overflow: hidden;
	zoom: 1;
	margin-bottom: 10px;
}


/* ==== 通話パネル ==== */

#call-panel{
	position:absolute;
	top:-100px;
	right:10px;
	z-index:8000;
}
#call-panel li{
	position:absolute;
	top: -300px;
	right: 0;
}

/* ==== ニュースとTwitter ==== */
.idx-news-panel{
	background:url(../img/idx/bg_idx-panel_type1.png) no-repeat;
	width:330px;
	height:375px;
	position:absolute;
	top:390px;
	z-index:2000;
	}


.idx-news-panel h1{
	text-indent:-9999px;
	}


.idx-news-panel-inner{
	width:277px;
	margin:auto;
	height:260px;
	border-radius:10px;
	background:#2d3031;
	}

#idx-twitter{
	left:30px;
	}

#idx-twitter h1{
	background:url(../img/idx/ttl_twitter.png) center 45px no-repeat;
	width:98px;
	height:70px;
	margin:0 auto;
	padding:0;

	}

#idx-twitter h1 a{
   display:block;
	width:98px;
	height:70px;
}

#idx-news{
	right:30px;
	}

#idx-news h1{
	background:url(../img/idx/ttl_news.png) center 45px no-repeat;
	width:98px;
	height:70px;
	margin:0 auto;
	padding:0;
	}

#idx-news .idx-news-panel-inner{
	overflow:auto;
	}

#idx-news-list{
	padding:15px;
	color:#fff;
	font-size:0.8em;
	line-height:1.5;
	}

#idx-news-list dt{
	margin-bottom:5px;
	font-family: 'Audiowide', cursive;
	}

#idx-news-list dd{
	margin-bottom:8px;
	padding-bottom:8px;
	border-bottom:#3b9a13 1px solid;
	}

#idx-news-list a{
	color:#3b9a13;
	}


/* ===== キャラクター ===== */

#idx-character{
	z-index:1000;
	width:718px;
	margin:auto;
	position:relative;
	height:850px;
	top:-120px;
	}

#idx-character li{
	position:absolute;
	}

/* ユリシア */
#ph-yurishia{
	top:42px;
	right:0;
	}

/* 怜悧 */
#ph-reiri{
	top:50px;
	left:0;
	}

/* きずな */
#ph-kizuna{
	top:160px;
	left:268px;
	}

/* aine */
#ph-aine{
	top:260px;
	left:153px;
	}

/* ハユル */
#ph-hayuru{
	top:412px;
	left:253px;
	}

/* シルヴィア */
#ph-silvia{
	top:474px;
	left:120px;
	}

#idx-character .exp{
	width: 300px;
	font-size: 10px;
	color: #fff;
	position: absolute;
	bottom: 20px;
	left: -40px;
}

#idx-character .clickable{
	position: relative;
	width: 100%;
	height: 100%;
}
#idx-character .clickable li{
	position: absolute;
	width: 90px;
	height: 90px;
	background-color: rgba(40,154,11,0.0);
	cursor: pointer;
}
#idx-character .clickable .yurishia{left: 475px;top: 50px;}
#idx-character .clickable .reiri   {left: 170px;top: 50px;}
#idx-character .clickable .kizuna  {left: 420px;top: 170px;}
#idx-character .clickable .aine    {left: 270px;top: 260px;}
#idx-character .clickable .hayuru  {left: 500px;top: 450px;}
#idx-character .clickable .sylvia  {left: 140px;top: 475px;}


/* ===== TYPE1 =====
body.type1{:;}

.type1 #header-ornament{
	background:url(../img/common/header-type1.png);
	background-position:top center;
	background-repeat:no-repeat;
	}

.type1 .idx-news-panel{
	background:url(../img/idx/bg_idx-panel_type1.png) no-repeat;
	}

.type1 #footer{
	height:183px;
	background:url(../img/common/bg_footer_type1.png);
	background-repeat:repeat-x;
	background-position:bottom;
	}

.type1 #footer-inner{
*background:url(../img/common/bg_footer1.png) top center no-repeat;
	}


.type1 #nav-btn li{
	background:url(/img/common/bg_footer_nav_bt_type1.png) top no-repeat;
	}

 */


/* ===== TYPE2 ===== */
.type2 #header-ornament{
	background:url(../img/common/header-type2.png);
	background-position:top center;
	background-repeat:no-repeat;
	}

body.type2 .idx-news-panel{
	background:url(../img/idx/bg_idx-panel_type2.png) no-repeat;
	}

.type2 #idx-twitter h1{
	background:url(../img/idx/ttl_twitter-type2.png) center 45px no-repeat;
	}
.type2 #idx-news h1{
	background:url(../img/idx/ttl_news-type2.png) center 45px no-repeat;
	}

.type2 #footer{
	height:183px;
	background:url(../img/common/bg_footer_type2.png);
	background-repeat:repeat-x;
	background-position:bottom;
	}
.type2 #footer-inner{
	/*background:url(../img/common/bg_footer2.png) top center no-repeat;*/
	}

.type2 #nav-btn li{
	background:url(/img/common/bg_footer_nav_bt_type2.png) top no-repeat;
	}

.type2 #nav-introduction a{
	background:url(/img/idx/bt_intro-type2.png) top no-repeat;
	}
.type2 #nav-staff a{
	background:url(/img/idx/bt_staff-type2.png) top no-repeat;
	}
.type2 #nav-chara a{
	background:url(/img/idx/bt_chara-type2.png) top no-repeat;
	}
.type2 #nav-news a{
	background:url(/img/idx/bt_news-type2.png) top no-repeat;
	}
.type2 #nav-product a{
	background:url(/img/idx/bt_product-type2.png) top no-repeat;
	}
.type2 #nav-love a{
	background:url(/img/idx/bt_love-type2.png) top no-repeat;
	}
 .type2 #nav-love2 a{
	background:url(/img/idx/bt_love2-type2.png) top no-repeat;
	}
.type2 #nav-onair a{
	background:url(/img/idx/bt_onair-type2.png) top no-repeat;
	}

.type2 p.copy{
	color:#000;
	}



/* ===== TYPE3 ===== */
.type3 #header-ornament{
	background:url(../img/common/header-type3.png);
	background-position:top center;
	background-repeat:no-repeat;
	}

body.type3 .idx-news-panel{
	background:url(../img/idx/bg_idx-panel_type3.png) no-repeat;
	}

.type3 #idx-twitter h1{
	background:url(../img/idx/ttl_twitter-type3.png) center 45px no-repeat;
	}
.type3 #idx-news h1{
	background:url(../img/idx/ttl_news-type3.png) center 45px no-repeat;
	}

.type3 #footer{
	height:183px;
	background:url(../img/common/bg_footer_type3.png);
	background-repeat:repeat-x;
	background-position:bottom;
	}

.type3 #footer-inner{
	/*background:url(../img/common/bg_footer3.png) top center no-repeat;*/
	}

.type3 #nav-btn li{
	background:url(/img/common/bg_footer_nav_bt_type3.png) top no-repeat;
	}
.type3 #nav-introduction a{
	background:url(/img/idx/bt_intro-type3.png) top no-repeat;
	}
.type3 #nav-staff a{
	background:url(/img/idx/bt_staff-type3.png) top no-repeat;
	}
.type3 #nav-chara a{
	background:url(/img/idx/bt_chara-type3.png) top no-repeat;
	}
.type3 #nav-news a{
	background:url(/img/idx/bt_news-type3.png) top no-repeat;
	}
.type3 #nav-product a{
	background:url(/img/idx/bt_product-type3.png) top no-repeat;
	}
.type3 #nav-love a{
	background:url(/img/idx/bt_love-type3.png) top no-repeat;
	}
.type3 #nav-love2 a{
	background:url(/img/idx/bt_love2-type3.png) top no-repeat;
	}
.type3 #nav-onair a{
	background:url(/img/idx/bt_onair-type3.png) top no-repeat;
	}




/* ===== TYPE4 ===== */
.type4 #header-ornament{
	background:url(../img/common/header-type4.png);
	background-position:top center;
	background-repeat:no-repeat;
	}

body.type4 .idx-news-panel{
	background:url(../img/idx/bg_idx-panel_type4.png) no-repeat;
	}

.type4 #idx-twitter h1{
	background:url(../img/idx/ttl_twitter-type4.png) center 45px no-repeat;
	}
.type4 #idx-news h1{
	background:url(../img/idx/ttl_news-type4.png) center 45px no-repeat;
	}

.type4 #footer{
	height:183px;
	background:url(../img/common/bg_footer_type4.png);
	background-repeat:repeat-x;
	background-position:bottom;
	}
.type4 #footer-inner{
	/*background:url(../img/common/bg_footer4.png) top center no-repeat;*/
	}
.type4 #nav-btn li{
	background:url(/img/common/bg_footer_nav_bt_type4.png) top no-repeat;
	}

.type4 #nav-introduction a{
	background:url(/img/idx/bt_intro-type4.png) top no-repeat;
	}
.type4 #nav-staff a{
	background:url(/img/idx/bt_staff-type4.png) top no-repeat;
	}
.type4 #nav-chara a{
	background:url(/img/idx/bt_chara-type4.png) top no-repeat;
	}
.type4 #nav-news a{
	background:url(/img/idx/bt_news-type4.png) top no-repeat;
	}
.type4 #nav-product a{
	background:url(/img/idx/bt_product-type4.png) top no-repeat;
	}
.type4 #nav-love a{
	background:url(/img/idx/bt_love-type4.png) top no-repeat;
	}
 .type4 #nav-love2 a{
	background:url(/img/idx/bt_love2-type4.png) top no-repeat;
	}
.type4 #nav-onair a{
	background:url(/img/idx/bt_onair-type4.png) top no-repeat;
	}

.type4 p.copy{
	color:#000;
	}

/* ===== TYPE5 =====

.type5 #header-ornament{
	background:url(../img/common/header-type5.png);
	background-position:top center;
	background-repeat:no-repeat;
	}

body.type5 .idx-news-panel{
	background:url(../img/idx/bg_idx-panel_type5.png) no-repeat;
	}

.type5 #idx-twitter h1{
	background:url(../img/idx/ttl_twitter-type5.png) center 45px no-repeat;
	}
.type5 #idx-news h1{
	background:url(../img/idx/ttl_news-type5.png) center 45px no-repeat;
	}

.type5 #footer{
	height:183px;
	background:url(../img/common/bg_footer_type5.png);
	background-repeat:repeat-x;
	background-position:bottom;
	}

.type5 #nav-btn li{
	background:url(/img/common/bg_footer_nav_bt_type5.png) top no-repeat;
	}

.type5 #nav-introduction a{
	background:url(/img/idx/bt_intro-type5.png) top no-repeat;
	}
.type5 #nav-staff a{
	background:url(/img/idx/bt_staff-type5.png) top no-repeat;
	}
.type5 #nav-chara a{
	background:url(/img/idx/bt_chara-type5.png) top no-repeat;
	}
.type5 #nav-news a{
	background:url(/img/idx/bt_news-type5.png) top no-repeat;
	}
.type5 #nav-product a{
	background:url(/img/idx/bt_product-type5.png) top no-repeat;
	}
.type5 #nav-love a{
	background:url(/img/idx/bt_love-type5.png) top no-repeat;
	}
.type5 #nav-onair a{
	background:url(/img/idx/bt_onair-type5.png) top no-repeat;
	}

 */

/* ===== TYPE6 =====

.type6 #header-ornament{
	background:url(../img/common/header-type6.png);
	background-position:top center;
	background-repeat:no-repeat;
	}

body.type6 .idx-news-panel{
	background:url(../img/idx/bg_idx-panel_type6.png) no-repeat;
	}

.type6 #idx-twitter h1{
	background:url(../img/idx/ttl_twitter-type6.png) center 45px no-repeat;
	}
.type6 #idx-news h1{
	background:url(../img/idx/ttl_news-type6.png) center 45px no-repeat;
	}

.type6 #footer{
	height:183px;
	background:url(../img/common/bg_footer_type6.png);
	background-repeat:repeat-x;
	background-position:bottom;
	}

.type6 #nav-btn li{
	background:url(/img/common/bg_footer_nav_bt_type6.png) top no-repeat;
	}

.type6 #nav-introduction a{
	background:url(/img/idx/bt_intro-type6.png) top no-repeat;
	}
.type6 #nav-staff a{
	background:url(/img/idx/bt_staff-type6.png) top no-repeat;
	}
.type6 #nav-chara a{
	background:url(/img/idx/bt_chara-type6.png) top no-repeat;
	}
.type6 #nav-news a{
	background:url(/img/idx/bt_news-type6.png) top no-repeat;
	}
.type6 #nav-product a{
	background:url(/img/idx/bt_product-type6.png) top no-repeat;
	}
.type6 #nav-love a{
	background:url(/img/idx/bt_love-type6.png) top no-repeat;
	}
.type6 #nav-onair a{
	background:url(/img/idx/bt_onair-type6.png) top no-repeat;
	}

 */


/* ===== TYPE7 =====

.type7 #header-ornament{
	background:url(../img/common/header-type7.png);
	background-position:top center;
	background-repeat:no-repeat;
	}
body.type7 .idx-news-panel{
	background:url(../img/idx/bg_idx-panel_type7.png) no-repeat;
	}

.type7 #idx-twitter h1{
	background:url(../img/idx/ttl_twitter-type7.png) center 45px no-repeat;
	}
.type7 #idx-news h1{
	background:url(../img/idx/ttl_news-type7.png) center 45px no-repeat;
	}

.type7 #footer{
	height:183px;
	background:url(../img/common/bg_footer_type7.png);
	background-repeat:repeat-x;
	background-position:bottom;
	}

.type7 #nav-btn li{
	background:url(/img/common/bg_footer_nav_bt_type7.png) top no-repeat;
	}

.type7 #nav-introduction a{
	background:url(/img/idx/bt_intro-type7.png) top no-repeat;
	}
.type7 #nav-staff a{
	background:url(/img/idx/bt_staff-type7.png) top no-repeat;
	}
.type7 #nav-chara a{
	background:url(/img/idx/bt_chara-type7.png) top no-repeat;
	}
.type7 #nav-news a{
	background:url(/img/idx/bt_news-type7.png) top no-repeat;
	}
.type7 #nav-product a{
	background:url(/img/idx/bt_product-type7.png) top no-repeat;
	}
.type7 #nav-love a{
	background:url(/img/idx/bt_love-type7.png) top no-repeat;
	}
.type7 #nav-onair a{
	background:url(/img/idx/bt_onair-type7.png) top no-repeat;
	}

 */