@charset "UTF-8";

/* Layout
----------------------------------*/

#idol{
line-height: 160%;
position: relative;
}

#idol a{
color: #EB008C;
}
#idol a:link{
color: #EB008C;
}

#idol h1{
font-size: 12px;
font-weight: normal;
margin-top: 0px;
color: #ED1997;
margin-left: 4px;
}
#idol h1.sub{
font-size: 12px;
font-weight: normal;
margin-top: 0px;
color: #ED1997;
margin-left: 4px;
float: right;
margin-top: -20px;
}

#idol #logo{
background-image: url(http://image.pia.jp/images2/static/pia/feature/idol/idol130422-logo_s.png);
background-repeat: no-repeat;
width: 730px;
height: 118px;
text-indent: -9999px;
position: relative;
z-index: 100;
margin-top: 10px;
}
#idol #logoSub{
background-image: url(http://image.pia.jp/images2/static/pia/feature/idol/idol130322-logo.png);
background-repeat: no-repeat;
width: 980px;
height: 64px;
text-indent: -9999px;
position: relative;
z-index: 100;
margin-top: 10px;
}

#snsBtn{
list-style:none;
width: 230px;
}
#snsBtn2{
list-style:none;
position: absolute;
top:112px;
left: 610px;;
}

#mainVisual .left{
float: left;
text-align: left;
}
#mainVisual .right{
float: right;
width: 214px;
margin-top: 7px;
}


#showcase{
background-color: #fff;
text-align: left;
float: left;
margin-bottom: 30px;
}
.showcaseTop{
margin-top: -7px;
}

#logoPop{
width: 246px;
height: 217px;
position: absolute;
z-index: 200;
background-image: url(http://image.pia.jp/images2/static/pia/feature/idol/logo_pop.png);
background-repeat: no-repeat;
top:50px;
left:670px;
text-indent: -9999px;
}

#gNavi{
list-style: none;
margin-right: -5px;
margin-bottom: 25px;
margin-top: -41px;
z-index: 100;
position: relative;
margin-left: 342px;
}
#gNavi li{
float: left;
margin-right: 6px;
}
#gNavi li a{
display: block;
height: 41px;
text-indent: -9999px;
}
#gNavi li a:hover{
background-position: 0 -41px;
}
#gNavi li.current a{
background-position: 0 -41px;
}

#gNavi li#gnNavi00 a{
width: 90px;
background-image: url(http://image.pia.jp/images2/static/pia/feature/idol/idol130322-btn_navi00_s.png);
}
#gNavi li#gnNavi01 a{
width: 180px;
background-image: url(http://image.pia.jp/images2/static/pia/feature/idol/idol130322-btn_navi01_s.png);
}
#gNavi li#gnNavi02 a{
width: 170px;
background-image: url(http://image.pia.jp/images2/static/pia/feature/idol/idol130322-btn_navi02_s.png);
}
#gNavi li#gnNavi03 a{
width: 170px;
background-image: url(http://image.pia.jp/images2/static/pia/feature/idol/idol130422-btn_navi03_s.png);
}

#gTopNavi{
float: right;
list-style: none;
margin-top: 10px;
width: 214px;
margin-bottom: 5px;
}
#gTopNavi li{
margin-right: 0px;
margin-bottom: 0px;
}

#mainContentBox{
margin-top: 0px;
}
*:first-child+html #mainContentBox{
margin-top: 20px;
}

#mainContent{
float: left;
width: 660px;
}
#side{
float: right;
width: 300px;
}

#mainContent h2{
font-size: 36px;
color: #EB008C;
background-image: url(http://image.pia.jp/images2/static/pia/feature/idol/idol130322-ln_heart.gif);
background-repeat: no-repeat;
background-position: 0 bottom;
width: 660px;
line-height: 110%;
padding-bottom: 10px;
margin-bottom: 20px;
font-weight: normal;
}
#mainContent h2.top{
font-size: 20px;
color: #EB008C;
background-image: none;
line-height: 110%;
width: 660px;
padding-bottom: 0px;
margin-bottom: 0px;
}

.section{
clear: both;
margin-bottom: 30px;
}

.section .secTtl{
font-size: 20px;
color: #EB008C;
background-image: url(http://image.pia.jp/images2/static/pia/feature/idol/idol130322-ln_heart.gif);
background-repeat: no-repeat;
background-position: 0 bottom;
line-height: 110%;
padding-bottom: 10px;
width: 660px;
margin-bottom: 20px;
}

.section .secArticle{
border: 1px solid #FCE9F2;
}
.section .secArticleTop .left{
width: 290px;
float: left;
margin-left: 10px;
line-height: 160%;
}
.section .secArticleTop .right{
width: 340px;
float: right;
}
.section .topArticle{
margin-bottom: 50px;
}

.section .secArticle .ttl{
background-color: #FCE9F2;
font-size: 15px;
color: #EB008C;
padding: 10px 20px;
}
.section .secArticle .disp{
font-size: 13px;
padding: 10px 20px;
line-height: 160%;
}
.section .secArticle .disp .name{
color: #EB008C;
display: inline;
margin-right: 6px;
}


#favarite{
background-image: url(http://image.pia.jp/images2/static/pia/feature/idol/idol130322-bg_heart.gif);
padding: 15px 20px;
}
#favarite .ttl{
color: #EB008C;
float: left;
margin-right: 30px;
margin-top: 5px;
font-weight: bold;
}
#favarite .favBtn{
float: left;
}
#favarite .disp{
margin-top: 10px;
clear: both;
}
#favarite .disp ul{
list-style: none;
}



.pinkFrame{
border: 1px solid #E9168C;
}

.sideSec{
margin-bottom: 20px;
}
.sideSec.bnr{
margin-bottom: 10px;
vertical-align: bottom;
}

.sideSec .dispBox{
padding: 20px;
}

.sideSec .dispBox .caption{
font-size: 10px;
line-height: 110%;
margin-top: 5px;
}
.sideSec .dispBox .name{
color: #EB008C;
font-weight: bold;
margin-top: 20px;
}
.sideSec .dispBox .disp{
color: #666666;

}

#side .first{
margin-top: 41px;
}


#frame{
background-image: url(http://image.pia.jp/images2/static/pia/feature/idol/idol130322-frame.png);
background-repeat: no-repeat;
position: absolute;
top:0;
left: 0;
width: 730px;
height: 330px;
}
#frameMini{
background-image: url(http://image.pia.jp/images2/static/pia/feature/idol/idol130322-frame_mini.png);
background-repeat: no-repeat;
position: absolute;
top:0;
left: 0;
width: 635px;
height: 612px;
}





.profileList{
list-style: none;
margin-right: -30px;
margin-left: 4px;
}

.profileList li{
float: left;
margin-right: 24px;
margin-bottom: 10px;
}

.nextList{
list-style: none;
margin-right: -30px;
}

.nextList li{
float:none;
display:inline-block;
/display:inline;
/zoom:1;
width:198px;
vertical-align:top;
background-color: #FDF2F7;
padding: 12px 8px 8px 8px;
margin-bottom: 15px;
margin-right: 5px;
}
.nextList li .ttl{
font-size: 14px;
color: #EB008C;
font-weight: bold;
padding-left: 2px;
}
.nextList li .disp{
font-size: 13px;
padding-left: 2px;
margin-bottom: 5px;
}


#shuntame_left{
 }
#shuntame_left h2{
font-size: 20px;
color: #EB008C;
background-image: url(http://image.pia.jp/images2/static/pia/feature/idol/idol130322-ln_heart.gif);
background-repeat: no-repeat;
background-position: 0 bottom;
width: 660px;
line-height: 110%;
padding-bottom: 10px;
margin-bottom: 20px;
font-weight: normal;
 }
#shuntame_left .listWrp_ticket{
margin-right: -40px;
} 
#shuntame_left .listWrp_ticket li{
float:none;
display:inline-block;
/display:inline;
/zoom:1;
 width:215px;
vertical-align:top;
 }

#shuntame_left .listWrp_ticket li.list01,
#shuntame_left .listWrp_ticket li.list02{

 }
 
#shuntame_left .listWrp_ticket li.list03{

 }
#shuntame_left .listWrp_ticket_txt{

 }
#shuntame_left .listWrp_ticket li dl{
 width:180px;
 margin-top:10px;
 }
#shuntame_left .listWrp_ticket li dd.day{
 margin-top: 10px;
 font-size: 11px;
 }

#shuntame_left .credit{
 font-size: 10px;
 line-height:1em;
 color:#9a9a9a;
 width:180px;
 padding: 2px;
 }


div.top_m{
margin: 0;
padding: 0;
width: 660px;
}



#reportList{
list-style: none;
padding: 20px 20px 10px 20px;
}


#reportList li{
background-image: url(http://image.pia.jp/images2/static/pia/feature/idol/idol130422-ln_pink_dot.gif);
background-repeat: repeat-x;
background-position: 0 bottom;
padding-bottom: 5px;
margin-bottom: 5px;
}


#reportList li a{
background-image: url(http://image.pia.jp/images2/static/pia/feature/idol/idol130322-ic_report.gif);
background-repeat: no-repeat;
background-position: 0 6px;
padding-left: 10px;
margin-left: 5px;
display: block;
}

#reportList li.last{
background-image:none;
padding-bottom: 0px;
margin-bottom: 0px;
margin-top: 15px
}
#reportList li.last a{
background-image:none;
padding-bottom: 0px;
margin-bottom: 0px;
padding-left: 0px;
}



.adArea{
background-image: url("http://image.pia.jp/images2/static/pia/feature/idol/idol130322-bg_heart.gif");
padding: 15px;
}

.adArea .left{
float: left;
width: 90px;
}
.adArea .right{
float: right;
width: 160px;
font-size: 11px;
}
.adArea .right .ttl{
float: right;
width: 160px;
font-size: 13px;
color: #EB008C;
font-weight: bold;
}
.adArea .right .disp{
margin-bottom: 15px;
}
.adArea .right .cart{
font-weight: bold;
}


#scheduleBtn{
margin-bottom: 40px;
}






.fancybox-inner{
border:1px solid #E9168C !important;
background-color: #FFF;
}

.profilePopup{

padding: 25px;
}

.profileLeft{
float: left;
width: 206px;
}

.profileRight{
float: right;
width: 661px;
}

.profileTtl{
font-size: 20px;
color: #EB008C;
background-image: url(http://image.pia.jp/images2/static/pia/feature/idol/idol130322-ln_heart.gif);
background-repeat: no-repeat;
background-position: 0 bottom;
line-height: 110%;
padding-bottom: 10px;
width: 660px;
margin-bottom: 20px;
}


.profileRight .profileQ{
background-color: #FCE9F2;
font-size: 15px;
color: #EB008C;
padding: 10px 20px;
}
.profileRight .profileA{
font-size: 13px;
padding: 10px 20px;
line-height: 160%;
}

.QAList{
list-style: none;
}
.profileTx{
margin-top: 10px;
font-size: 14px;
color: #EB008C;
font-weight: bold;
}

#monthList{

list-style: none;
margin-right: -13px;
}

#monthList li{
float: left;
margin-right: 13px;
width: 155px;
height: 31px;
text-indent: -9999px;
}
#monthList li.current{
background-position: 0 -31px;
}
#monthList li:hover{
background-position: 0 -31px;
}
#monthList li a{
display: block;
width: 155px;
height: 31px;
text-indent: -9999px;
}

#monthList li.month1{
background-image: url(http://image.pia.jp/images2/static/pia/feature/idol/idol130422-ic_month01.gif);
background-repeat: no-repeat;
}
#monthList li.month2{
background-image: url(http://image.pia.jp/images2/static/pia/feature/idol/idol130422-ic_month02.gif);
background-repeat: no-repeat;
}
#monthList li.month3{
background-image: url(http://image.pia.jp/images2/static/pia/feature/idol/idol130422-ic_month03.gif);
background-repeat: no-repeat;
}
#monthList li.month4{
background-image: url(http://image.pia.jp/images2/static/pia/feature/idol/idol130422-ic_month04.gif);
background-repeat: no-repeat;
}
#monthList li.month5{
background-image: url(http://image.pia.jp/images2/static/pia/feature/idol/idol130422-ic_month05.gif);
background-repeat: no-repeat;
}
#monthList li.month6{
background-image: url(http://image.pia.jp/images2/static/pia/feature/idol/idol130422-ic_month06.gif);
background-repeat: no-repeat;
}
#monthList li.month7{
background-image: url(http://image.pia.jp/images2/static/pia/feature/idol/idol130422-ic_month07.gif);
background-repeat: no-repeat;
}
#monthList li.month8{
background-image: url(http://image.pia.jp/images2/static/pia/feature/idol/idol130422-ic_month08.gif);
background-repeat: no-repeat;
}
#monthList li.month9{
background-image: url(http://image.pia.jp/images2/static/pia/feature/idol/idol130422-ic_month09.gif);
background-repeat: no-repeat;
}
#monthList li.month10{
background-image: url(http://image.pia.jp/images2/static/pia/feature/idol/idol130422-ic_month10.gif);
background-repeat: no-repeat;
}
#monthList li.month11{
background-image: url(http://image.pia.jp/images2/static/pia/feature/idol/idol130422-ic_month11.gif);
background-repeat: no-repeat;
}
#monthList li.month12{
background-image: url(http://image.pia.jp/images2/static/pia/feature/idol/idol130422-ic_month12.gif);
background-repeat: no-repeat;
}

#scheduleBox{
margin-top: -1px;
border: 1px solid #FBABD1;
padding: 25px 20px 20px 20px;
margin-bottom: 30px;
width: 617px;
}

.dayBox .left{
float: left;
width: 90px;
background-image: url(http://image.pia.jp/images2/static/pia/feature/idol/idol130422-ln_pink_tate.gif);
background-repeat: repeat-y;
background-position: right 0;
margin-right: 30px;
}
.dayBox .middle{
float: left;
}
.dayBox .right{
float: right;
width: 120px;
}

.eventList{
list-style: none;
}
.eventList li{
padding-left: 62px;
margin-bottom: 10px;
}
.eventList li.music{
background-image: url(http://image.pia.jp/images2/static/pia/feature/idol/idol130422-ic_music.gif);
background-repeat:no-repeat;
}
.eventList li.event{
background-image: url(http://image.pia.jp/images2/static/pia/feature/idol/idol130422-ic_event.gif);
background-repeat:no-repeat;
}
.eventList li.drama{
background-image: url(http://image.pia.jp/images2/static/pia/feature/idol/idol130422-ic_drama.gif);
background-repeat:no-repeat;
}
.dayBox{
clear: both;
border-bottom: 1px solid #FBABD1;
padding-bottom: 10px;
margin-bottom: 25px;
}
.dayBox:last-child{
border: none;
padding-bottom: 0px;
margin-bottom: 0px;
}
.dayBox .dayNum{
font-weight: bold;
font-size: 14px;
text-align: center;
margin-top: 20px;
margin-bottom: 15px;

}
.dayBox .day{
font-size: 14px;
text-align: center;
color: #888888;
margin-bottom: 20px;
}
.dayBox .day.sat{
color: #73B9FF;
}
.dayBox .day.sun{
color: #F9AED8;
}

.dayBox .caption{
font-size: 12px;
}