@charset "utf-8";
@import url("../../common/css/corse_navi.css");
/*** avex artist academy  CSS Document ***************************************
    ver.2009/1/31
    result.css
----------------------------------------------------------------***/
/**  result.css Menu *********************************************
    1.Index
    2.vocal.html
    3.dance.html
    4.kids.html
    5.voiceactor.html
    6.e-business.html
    7.swf表示部分
*******************************************************************
/*-----------------------------------------------------------------
    1.Index
-------------------------------------------------------------------*/
div#wall{
    background: url(../images/bg_base.gif) repeat-y;
}
div#wall-inner{
    background: url(../images/bg_base_top.gif) no-repeat top;
}
div#wall-inbottom{
    padding-bottom: 20px;
    background: url(../images/bg_base_bottom.gif) no-repeat bottom;
}
div#wrap h2.page-title{
    background-image: url(../images/index/h1.gif);
}
/*------------------------------------------------------------key Visual*/
div#wrap div.key-Visual{
    width: 830px;
    padding-top: 64px;
}
div#wrap div.key-Visual h3.key-img{
    margin-bottom: 18px;
}
div#wrap div.key-Visual p.lead {
    padding: 0px 7px 8px 7px;
}
/*-------------------------------------------------------コンテンツエリア*/
div.index-contents-area{
    clear: both;
    width: 900px;
    text-align: center;
    background: url(../images/index/bg_contents_area.jpg) no-repeat right bottom;
}
div.index-contents-area div.locater {
    width: 836px;
    margin: 0px auto;
    }
    /* clearfix */
    div.index-contents-area div.locater:after { 
      content    : ".";
      display    : block;
      clear      : both;
      height     : 0px;
      visibility : hidden;
        }
    div.index-contents-area div.locater {
      min-height: 1px;
        }
    * html div.index-contents-area div.locater {
      height: 1px;
      /*\*//*/
      height: auto;
      overflow: hidden;
      /**/
        }
div.left-ct01,
div.left-ct02,
div.left-ct03{
    float: left;
    width: 406px;
    margin-bottom: 7px;
}
div.right-ct01,
div.right-ct02,
div.right-ct03{
    float: right;
    width: 406px;
    margin-bottom: 7px;
}
div.left-ct01,
div.right-ct01{
    background: url(../images/index/bg_colum01.gif) repeat-y;
}
div.left-ct02{
    background: url(../images/index/bg_colum02.gif) repeat-y;
}
div.right-ct02{
    background: url(../images/index/bg_colum03.gif) repeat-y;
}
div.left-ct03{
    width: 393px;
    padding-left: 13px;
    background: url(../images/index/bg_colum04.gif) no-repeat;
    padding-top: 11px;
    min-height: 246px;
    text-align: left;
}
div.right-ct03{
    min-height: 246px;
    margin-bottom: 11px;
    padding-top: 2px;
    text-align: left;
}
/* For IE6 \*/
* html div.left-ct03{
    width: 406px;
    height: 246px;
}
* html div.right-ct03{
    height: 253px;
}
/**/
div.left-ct01 div.inner,
div.right-ct01 div.inner,
div.left-ct02 div.inner,
div.right-ct02 div.inner{
    width: 406px;
    padding-top: 11px;
    background-position: top;
    background-repeat: no-repeat;
}
div.left-ct01 div.inner,
div.right-ct01 div.inner{
    background-image: url(../images/index/bg_colum01_top.gif);
}
div.left-ct02 div.inner{
    background-image: url(../images/index/bg_colum02_top.gif); 
}
div.right-ct02 div.inner{
    background-image: url(../images/index/bg_colum03_top.gif); 
}
div.left-ct01 div.in-bottom,
div.right-ct01 div.in-bottom,
div.left-ct02 div.in-bottom,
div.right-ct02 div.in-bottom{
    width: 406px;
    min-height: 246px;
    padding-bottom: 11px;
    background-position: bottom;
    background-repeat: no-repeat;
    text-align: center;
}
div.left-ct01 div.in-bottom,
div.right-ct01 div.in-bottom{
    background-image: url(../images/index/bg_colum01_bottom.gif);
}
div.left-ct02 div.in-bottom{
    background-image: url(../images/index/bg_colum02_bottom.gif);
}
div.right-ct02 div.in-bottom{
    background-image: url(../images/index/bg_colum03_bottom.gif);
}
/* For IE6 \*/
* html div.left-ct01 div.in-bottom{
    height: 246px;
}
* html div.right-ct01 div.in-bottom{
    height: 246px;
}
* html div.left-ct02 div.in-bottom{
    height: 246px;
}
* html div.right-ct02 div.in-bottom{
    height: 246px;
}
/**/
div.left-ct01 h4,
div.left-ct02 h4,
div.left-ct03 h4,
div.right-ct01 h4,
div.right-ct02 h4{
    line-height: 0;
    font-size: 0;
    padding-bottom: 7px;
}
div.inner div.more-links{
    clear: both;
    width: 380px;
    margin: 0px auto;
    padding-top: 6px;
}
div.inner div.more-links p{
    margin-left: 317px;
    padding-left: 8px;
    background: url(../../common/images/icon_links02.gif) no-repeat 0 5px;
    font-size: 100%;
    padding-bottom: 6px;
    text-align: left;
}
div.inner div.locater{
    width: 380px;
    margin: 0px auto;
    background: url(../../common/images/line_01.gif) repeat-x bottom;
    text-align: left;
}
/*-------------------------------------------------------------受講生の写真エリア*/
div.inner div.photograph{
    float: left;
    width: 40px;
    padding-top: 2px;
}
div.inner div.photograph p{
    line-height: 0;
    font-size: 0;
    padding-bottom: 2px;
}
/*--------------------------------------------------------------受講生の実績エリア*/
div.inner div.text-area{
    position: relative;
    margin-left: 45px;
    width: 330px;
    padding-top: 2px;
    padding-bottom: 2px;
    text-align: left;
}
div.inner div.text-area div.text01 {
        display: table;
        width: 330px;
        height: 42px;
        #position: relative;
}
    div.inner div.text-area div.text02 {
        #position: absolute;
        #top: 50%;
        display: table-cell;
        vertical-align: middle;
        text-align:left;
        width:330px;
}
    div.inner div.text-area div.text02 p{
        #position: relative;
        #top: -50%;
        display:block;
        margin:auto;
        padding-left: 5px;
        background: url(../images/mark_links03.gif) no-repeat 0px 5px;
}
div.inner div.locater h5{
    font-size: 120%;
    padding-top: 2px;
    margin-bottom: 7px;
}
div.inner div.locater ul.items{
    padding-bottom: 20px;
}
div.inner div.locater ul.items li span{
    font-size: 80%;
}
/*--------------------------------------------------------受講生の声へのリンク*/
div.right-ct03 div.in-box{
    width: 196px;
    margin-left: 25px;
    padding-top: 45px;
    text-align: left;
}
div.right-ct03 div.in-box p{
    margin-bottom: 19px;
}
div.right-ct03 div.in-box div.btn{
    text-align: center;
}
div.right-ct03 div.in-box div.btn p{
    margin-bottom: 0px;
    line-height: 0;
    font-size: 0;
}
/*-----------------------------------------------------------受講中の活動実績*/
/*コンテンツエリア*/
div.contents-area h3{
    line-height: 0;
    font-size: 0;
}
div.contents-area div.proworks{
    width: 830px;
    margin-bottom: 17px;
    background: url(../images/index/bg_prowrks.gif) repeat-y;
}
div.contents-area div.proworks div.proworks-inner{
    width: 830px;
    padding-top: 20px;
    background: url(../images/index/bg_prowrks_top.gif) no-repeat top;
}
div.contents-area div.proworks div.proworks-in-bottom{
    width: 830px;
    padding-bottom: 17px;
    background: url(../images/index/bg_prowrks_bottom.gif) no-repeat bottom;
}
div.proworks-in-bottom h4{
    padding-left: 16px;
    margin-bottom: 16px;
    line-height: 0;
    font-size: 0;
}
div.proworks-in-bottom p{
    width: 800px;
    margin-left: 16px;
    margin-bottom: 16px;
}
div.proworks-in-bottom ul{
    width: 800px;
    margin-left: 16px;
}
div.proworks-in-bottom ul li{
    padding-left: 8px;
    color: #999999;
    background: url(../images/mark_links03.gif) no-repeat 0px 8px;
}
div.proworks-in-bottom ul li strongs{
    margin-right: 5px;
}
div.contents-area ul.proworks-items{
    width: 830px;
    padding-bottom: 16px;
}
div.contents-area ul.proworks-items li{
    padding: 2px 0px 2px 25px;
    background-repeat: no-repeat;
    background-position: 10px 7px;
}
div.contents-area ul.proworks-items li.items01{
    background-color: #f4f4f4;
    background-image: url(../images/mark_item02.gif);
}
div.contents-area ul.proworks-items li.items02{
    background-image: url(../images/mark_item01.gif);
}
div.contents-area p.notes{
    text-align: right;
    padding-bottom: 40px;
    font-size: 100%;
}
/*-----------------------------------------------------------------
    2.vocal.html
-------------------------------------------------------------------*/
div#bg-vocal{
    width: 100%;
    height: 862px;
    background: url(../images/vocal/bg_wall.gif) no-repeat top center;
    text-align: center;
}
div#bg-vocal div#wall{
    background: none;
}
div#bg-vocal div#wall-inner{
    background: url(../images/bg_base_top02.gif) no-repeat top;
}
div#bg-vocal div#wall-inbottom{
    background: none;
    padding-bottom: 0px;
}
div#bg-vocal div#wrap h2.page-title{
    background-image: url(../images/vocal/h1.gif);
}
/*-----------------------------------------------------------------
    3.dance.html
-------------------------------------------------------------------*/
div#bg-dance{
    width: 100%;
    height: 862px;
    background: url(../images/dance/bg_wall.gif) no-repeat top center;
    text-align: center;
}
div#bg-dance div#wall{
    background: none;
}
div#bg-dance div#wall-inner{
    background: url(../images/bg_base_top02.gif) no-repeat top;
}
div#bg-dance div#wall-inbottom{
    background: none;
    text-align: center;
    padding-bottom: 0px;
}
div#bg-dance div#wrap h2.page-title{
    background-image: url(../images/dance/h1.gif);
}
/*-----------------------------------------------------------------
    4.kids.html
-------------------------------------------------------------------*/
div#bg-kids{
    width: 100%;
    height: 862px;
    background: url(../images/kids/bg_wall.gif) no-repeat top center;
}
div#bg-kids div#wall{
    background: none;
}
div#bg-kids div#wall-inner{
    background: url(../images/bg_base_top02.gif) no-repeat top;
}
div#bg-kids div#wall-inbottom{
    background: none;
    text-align: center;
    padding-bottom: 0px;
}
div#bg-kids div#wrap h2.page-title{
    background-image: url(../images/kids/h1.gif);
}
/*-----------------------------------------------------------------
    5.voiceactor.html
-------------------------------------------------------------------*/
div#bg-voiceactor{
    width: 100%;
    height: 862px;
    background: url(../images/voiceactor/bg_wall.gif) no-repeat top center;
}
div#bg-voiceactor div#wall{
    background: none;
}
div#bg-voiceactor div#wall-inner{
    background: url(../images/bg_base_top02.gif) no-repeat top;
}
div#bg-voiceactor div#wall-inbottom{
    background: none;
    text-align: center;
    padding-bottom: 0px;
}
div#bg-voiceactor div#wrap h2.page-title{
    background-image: url(../images/voiceactor/h1.gif);
}
/*-----------------------------------------------------------------
    6.e-business.html
-------------------------------------------------------------------*/
div#bg-e_business{
    width: 100%;
    background: url(../images/e_business/bg_wall.gif) no-repeat top center;
    text-align: center;
}
/*Foe IE6 IE7 \*/
* html div#bg-e_business{
    background: url(../images/e_business/bg_wall_ie.gif) no-repeat top center;
}
*:first-child + html #bg-e-business{
    background: url(../images/e_business/bg_wall_ie.gif) no-repeat top center;
}
/**/
div#bg-e_business div#wall{
    background: url(../images/e_business/bg_base.gif) repeat-y;
}
div#bg-e_business div#wall-inner{
    background: url(../images/e_business/bg_base_top.jpg) no-repeat top;
}
div#bg-e_business div#wall-inbottom{
    padding-bottom: 0px;
    background: url(../images/e_business/bg_base_bottom.gif) no-repeat bottom;
    text-align: center;
}
div#bg-e_business div#wrap h2.page-title{
    background-image: url(../images/e_business/h1.gif);
}
div#bg-e_business div#wrap h3{
    clear: both;
    line-height: 0;
    font-size: 0;
    padding-top: 14px;
    padding-bottom: 21px;
}
div#bg-e_business div.contents-area{
    clear: both;
    width: 599px;
    padding-right: 231px;
    margin: 0px auto;
    text-align: left;
} 
/* For IE6 \*/
* html div#bg-e_business div.contents-area{
    width: 830px;
} 
/**/
div.suisen {
    width:599px;
}
div.suisen h4.suisen {
    width:599px;
    height:55px;
}
div.suisen_bottom {
    width:599px;
    height:175px;
    marign-top:0px;
    margin-bottom:30px;
    background:url(../images/e_business/bg_suisen.gif) no-repeat top;
}
div.suisen_bottom p.left {
    width:110px;
    float:left;
    margin-left:15px;
    padding-top:38px;
    font-size:100%;
}
div.suisen_bottom p.right {
    width:110px;
    float:right;
    margin-right:15px;
    padding-top:20px;
    font-size:100%;
}
div#bg-e_business div.contents-area p.lead{
    margin-bottom: 41px;
    color: #000000;
}
div.contents-area div.history-box{
    clear: both;
    width: 100%;
    text-align: left;
}
div.contents-area div.history-box div.left-box h5{
    float: left;
    width: 108px;
    padding-bottom:5px;
    margin-bottom: 15px;
}
div.contents-area div.history-box div.right-box{
    float: left;
    width: 472px;
    padding: 5px 0px 5px 18px;
    margin-bottom: 15px;
    background: url(../images/e_business/line_e_business.gif) repeat-y left;
}
/*For IE6  IE7\*/
* html div.contents-area div.history-box div.left-box h5{
    margin-bottom: 0px;
}
* html div.contents-area div.history-box div.right-box{
    width: 490px;
    margin-bottom: 0px;
}
*:first-child + html div.contents-area div.history-box div.left-box h5{
    margin-bottom: 0px;
}
*:first-child + html div.contents-area div.history-box div.right-box{
    margin-bottom: 0px;
}
/**/
div.contents-area div.history-box div.right-box dl.items{
    clear: both;
}
div.contents-area div.history-box div.right-box dl.items dt{
    float: left;
    display: block;
    width: 70px;
    margin-bottom: 5px;
    padding-left: 15px;
    font-weight: bold;
    background: url(../images/e_business/mark_item.gif) no-repeat 0 3px;
}
/*Foe IE6 \*/
div.contents-area div.history-box div.right-box dl.items dt{
    width: 80px;
}
/**/
div.contents-area div.history-box div.right-box dl.items dd{
    display: block;
    width: 370px;
    margin-left:75px;
    margin-bottom: 5px;
    font-size: 100%;
}
/*For IE6 \*/
* html div.contents-area div.history-box div.right-box dl.items dd{
    width: 360px;
}
/**/
div.contents-area div.item-box{
    clear: both;
    width: 599px;
    margin-top: 18px;
    margin-bottom: 57px;
    background: url(../images/e_business/bg_column.gif) repeat-y;
}
div.contents-area div.item-box div.item-boxinner{
    width: 599px;
    background: url(../images/e_business/bg_column_top.gif) no-repeat top;
}
div.contents-area div.item-box div.item-boxin-bottom{
    width: 599px;
    background: url(../images/e_business/bg_column_bottom.gif) no-repeat bottom;
}
div.contents-area div.item-box div.item-boxin-bottom p{
    margin: 0px 15px;
    padding: 20px 0px;
}
/*-----------------------------------------------------------------
    7.swf表示部分
-------------------------------------------------------------------*/
/*--------------------------------------------------------swf Area*/
div#navi-area{
    z-index: 10;
}
div#swf-contetns{
    clear: both;
    width: 940px;
    padding-top: 15px;
    z-index: 0;
}
/* For IE6\*/
* html div#swf-contetns{
    padding-top: 12px;
}
/**/
div#swf-contetns p{
    margin-top: 200px;
}
div#swf-contetns p.bunner{
    line-height: 0;
    font-size: 0;
    margin-top: 10px;
}
/*clearfix--*/
div.contents-area:after { content:"."; display:block; height:0; clear:both; visibility:hidden; }
div.contents-area { display:inline-block; }
/*\*/
* html div.contents-area { height:1%; }
div.contents-area { display:block; }
/**/
div.contents-area div.history-box:after { content:"."; display:block; height:0; clear:both; visibility:hidden; }
div.contents-area div.history-box { display:inline-block; }
/*\*/
* html div.contents-area div.history-box { height:1%; }
div.contents-area div.history-box { display:block; }
/**/
div.contents-area div.history-box div.right-box:after { content:"."; display:block; height:0; clear:both; visibility:hidden; }
div.contents-area div.history-box div.right-box { display:inline-block; }
/*\*/
* html div.contents-area div.history-box div.right-box { height:1%; }
div.contents-area div.history-box div.right-box { display:block; }
/**/
/*-----------------------------------------------------------------
    2010/04/28 追記（真中）
-------------------------------------------------------------------*/
div#wrap div.key-Visual p.lead {
    padding: 0px 7px 0px 7px;
    }
div#wrap div.key-Visual p.notice {
    color         : #ff0000;
    font-weight   : bold;
    text-align    : left;
    margin-bottom : 15px;
    }