@charset "utf-8";
/*** avex artist academy  CSS Document ***************************************
    ver.2009/1/31
    popup.css
----------------------------------------------------------------***/
/**  popup.css Menu *********************************************
    1.共通パーツ
    2.vocal.html
    3.dance.html
    4.kids.html
    5.voiceactor.html
    6.bodydesign.html
    7.e-business.html
*******************************************************************
/*-----------------------------------------------------------------
    1.共通パーツ
-------------------------------------------------------------------*/
*{
    margin: 0;
    padding: 0;
}
body{
    text-align: center;
}
ul,ol{
    list-style-type: none;
}
img {
    margin-bottom: 0;
    font-size: 0;
    line-height: 0;
}
body{
    color: #333333;
    font-size: 10px;
    font-family: "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3"; 
}
address{
    font-style: normal;
    font-size: 100%;
}
/*\*/
* html body {
    font-size: xx-small;
}
*:first-child + html body {
    font-size: x-small;
}
/**/
h1{ }
h2{ line-height: 0;}
h3,
h4{ line-height: 0;}
p,
li,
dt,
dd {
    line-height: 1.4;
    font-size: 120%;
}
/* \*/
* html p,
* html li,
* html dt,
* html dd{
    line-height: 1.4;
    font-size: 120%;
}
/**/
li p,
li li,
li dt,
li dd,
dd p,
dd li,
dd dt,
dd dd{ font-size: 100%; }
a img {
    border: none;
    text-decoration: none;
}
/*--------------------------------- float clear*/
br.clr /* テスト用 */ {
    clear: both;
    font-size: 0px;
    line-height: 0px;
}
.clearfix:after { content:"."; display:block; height:0; clear:both; visibility:hidden; }
.clearfix { display:inline-block; }
/*\*/
* html .clearfix { height:1%; }
.clearfix { display:block; }
/**/
hr.hr-cler{
    clear: both;
    font-size: 0px;
    line-height: 0px;
    height: 0px;
    margin: 0px;
    padding: 0px;
    visibility: hidden;
}    
/*共通レイアウト-------------------------------------------*/
body{
    width: 320px;
}
div.wrap{
    width: 300px;
    margin: 11px auto 0px auto;
    background-repeat: repeat-y;
    margin-bottom: 12px;
}
div.wrap div.inner{
    width: 300px;
    background-position: top;
    background-repeat: no-repeat;
}
div.wrap div.in-bottom,
div.wrap div.in-bottom02{
    width: 300px;
    background-position: bottom;
    background-repeat: no-repeat;
    text-align: center;
}
div.wrap div.in-bottom{
    min-height: 171px;
}
div.wrap div.in-bottom02{
    min-height: 232px;
}
/* For IE6 \*/
* html div.wrap div.in-bottom{
    height: 171px;
}
* html div.wrap div.in-bottom02{
    height: 232px;
}
/**/
div.wrap div.in-bottom div.in-box,
div.wrap div.in-bottom02 div.in-box{
    width: 272px;
    padding: 3px 0px;
    margin: 0 auto;
    text-align: left;
}
div.in-box h2{
    line-height: 0;
    font-size: 0;
}
div.in-box ul.icon li{
    display: inline;
    padding-left: 1px;
    line-height: 0;
    font-size: 0;
}
/* For IE6 IE7 \*/
* html div.in-box ul.icon li{
    padding-left: 3px;
}
*:first-child + html div.in-box ul.icon li{
    padding-left: 3px;
}
/**/
div.in-box dl.items{
    width: 272px;
    padding-top: 5px;
}
div.in-box dl.items dt{
    float: left;
    width: 151px;
    line-height: 0;
    font-size: 0;
    padding-bottom: 11px;
}
div.in-box dl.items dd{
    width: 114px;
    margin-left: 158px;
    font-size: 110%;
    color:#707070;
    padding-bottom: 11px;
}
div.in-box p.info{
    text-align: right;
    margin-right: 40px;
    font-size: 110%;
    color:#707070;
    padding-top: 2px;
    padding-bottom: 11px;
}
div.in-box p.notes{
    font-size: 100%;
}
div.btn-area{
    width: 300px;
    text-align: center;
}
div.btn-area p{
    line-height: 0;
    font-size: 0;
}
/*-----------------------------------------------------------------
    2.vocal.html
-------------------------------------------------------------------*/
body#pup-vocal{
    background-color: #e83735;
}
body#pup-vocal div.wrap{
    background-image: url(../images/popup/bg_vocal.gif);
}
body#pup-vocal div.wrap div.inner{
    background-image: url(../images/popup/bg_vocal_top.gif);
}
body#pup-vocal div.wrap div.in-bottom{
    background-image: url(../images/popup/bg_vocal_bottom.gif);
}
body#pup-vocal div.in-box p.pmb01{
    padding-top: 5px;
    padding-bottom: 10px;
}
body#pup-vocal div.in-box p.pmb02{
    padding-top: 5px;
    padding-bottom: 28px;
}
div.in-box ul.icon {
    float:left;
}
p.minit {
    float:left;
    margin-top:26px;
    padding-left:10px;
}
/*-----------------------------------------------------------------
    3.dance.html
-------------------------------------------------------------------*/
/*--------------------------------------------------------- flex*/
body#pup-flex{
    background-color:#ffb900;
}
body#pup-flex div.wrap{
    background-image: url(../images/popup/bg_flex.gif);
}
body#pup-flex div.wrap div.inner{
    background-image: url(../images/popup/bg_flex_top.gif);
}
body#pup-flex div.wrap div.in-bottom{
    background-image: url(../images/popup/bg_flex_bottom.gif);
}
/*--------------------------------------------------------- standard*/
body#pup-standard{
    background-color:#ffb900;
}
body#pup-standard div.wrap{
    background-image: url(../images/popup/bg_standard.gif);
}
body#pup-standard div.wrap div.inner{
    background-image: url(../images/popup/bg_standard_top.gif);
}
body#pup-standard div.wrap div.in-bottom{
    background-image: url(../images/popup/bg_standard_bottom.gif);
}
body#pup-standard div.in-box p{
    clear: both;
    padding-bottom: 2px;
}
/*--------------------------------------------------------- Instructor*/
body#pup-instructor{
    background-color:#ffb900;
}
body#pup-instructor div.wrap{
    background-image: url(../images/popup/bg_instructor.gif);
}
body#pup-instructor div.wrap div.inner{
    background-image: url(../images/popup/bg_instructor_top.gif);
}
body#pup-instructor div.wrap div.in-bottom{
    background-image: url(../images/popup/bg_instructor_bottom.gif);
}
body#pup-instructor div.in-box p{
    clear: both;
    padding-bottom: 2px;
}
/*-----------------------------------------------------------------
    4.kids.html
-------------------------------------------------------------------*/
body#pup-kids{
    background-color: #f9669a;
}
body#pup-kids div.wrap{
    background-image: url(../images/popup/bg_kids.gif);
}
body#pup-kids div.wrap div.inner{
    background-image: url(../images/popup/bg_kids_top.gif);
}
body#pup-kids div.wrap div.in-bottom,
body#pup-kids div.wrap div.in-bottom02{
    background-image: url(../images/popup/bg_kids_bottom.gif);
}
body#pup-kids div.in-box p{
    clear: both;
    padding-bottom: 2px;
}
/*
 * フライヤー用
 */
body#pup-kids-flyer {
	width            : 900px;
    background-color : #f9669a;
}
body#pup-kids-flyer div.wrap {
	width            : 900px;
	margin           : 0;
    background-image : none;
}
body#pup-kids-flyer div.wrap div.inner {
	width            : 900px;
    background-image : none;
}
body#pup-kids-flyer div.btn-area {
    width            : 900px;
    margin           : 20px 0;
}

/*clearfix--*/
body#pup-kids div.wrap div.in-bottom:after { content:"."; display:block; height:0; clear:both; visibility:hidden; }
body#pup-kids div.wrap div.in-bottom { display:inline-block; }
/*\*/
* html body#pup-kids div.wrap div.in-bottom { height:1%; }
body#pup-kids div.wrap div.in-bottom { display:block; }
/**/
body#pup-kids div.wrap div.in-bottom02:after { content:"."; display:block; height:0; clear:both; visibility:hidden; }
body#pup-kids div.wrap div.in-bottom02 { display:inline-block; }
/*\*/
* html body#pup-kids div.wrap div.in-bottom02 { height:1%; }
body#pup-kids div.wrap div.in-bottom02 { display:block; }
/**/