@charset "utf-8";
/*** avex artist academy  CSS Document ***************************************
    ver.2009/1/31
    environment.css
----------------------------------------------------------------***/
/**  environment.css Menu *********************************************
    1.Layout
*******************************************************************
/*-----------------------------------------------------------------
    1.Layout
-------------------------------------------------------------------*/
div#wall{
    width: 940px;
    margin: 0px auto;
    text-align: center;
    background: url(../images/bg_base.gif) repeat-y;
}
div#wall-inner-tokyo{
    background: url(../images/bg_base_tokyo.jpg) no-repeat top;
}
div#wall-inner-osaka{
    background: url(../images/bg_base_osaka.jpg) no-repeat top;
}
div#wall-inner-nagoya{
    background: url(../images/bg_base_nagoya.jpg) no-repeat top;
}
div#wall-inbottom{
    width: 100%;
    padding-bottom: 101px;
    background: url(../images/bg_base_bottom.gif) no-repeat bottom;
    text-align: center;
}
div#wrap h2.page-title{
    margin-bottom: 0px;
    height: 63px;
    background-image:url(../images/h1.gif)
}
div#navi-area{
    position: relative;
    width: 940px;
    margin: 0px auto;
    z-index: 10;
}
/*-------------------------------------------メイン画像*/
div#wrap div.main-img{
    position: relative;
    clear: both;
    width: 900px;
    height:306px;
    margin: 0px auto;
    text-align: left;
}
div#wrap div.main-img dl{
    clear: both;
    width: 329px;
    line-height: 1.5;
}
div#wrap div.main-img dl dt{
    float: left;
    width: 50px;
    color: #999999;
    background: url(../images/mark_box_dt.gif) no-repeat right;
}
div#wrap div.main-img dl dd{
    float: right;
    width: 270px;
    color: #000000;
}
div#wrap div.main-img ul{
    width: 280px;
}
div#wrap div.main-img ul li{
    float: left;
    margin-right: 3px;
}
/*東京校住所カード*/
div#wrap div.main-img div.tokyo-box{
    position: absolute;
    width: 390px;
    height: 213px;
    top: 18px;
    left: 0;
    background: url(../images/bg_card_tokyo.gif) no-repeat;
    text-align: left;
    z-index: 0;
}
div#wrap div.main-img div.tokyo-box h3{
    margin: 0px 0px 12px 30px;
    padding-top: 36px;
    line-height: 0;
    font-size: 0;
}
div#wrap div.main-img div.tokyo-box address{
    margin-left: 30px;
    line-height: 2;
}
div#wrap div.main-img div.tokyo-box address span{
    color:#999999;
}
div#wrap div.main-img div.tokyo-box ul{
    margin-top: 2px;
    margin-left: 89px;
}
/*大阪校住所カード　*/
div#wrap div.main-img div.osaka-box{
    position: absolute;
    width: 390px;
    height: 212px;
    top: 18px;
    left: 0;
    background: url(../images/bg_card_osaka.gif) no-repeat;
    text-align: left;
    z-index: 0;
}
div#wrap div.main-img div.osaka-box h3{
    margin: 0px 0px 12px 30px;
    padding-top: 36px;
    line-height: 0;
    font-size: 0;
}
div#wrap div.main-img div.osaka-box address{
    margin-left: 30px;
    line-height: 1.7;
}
div#wrap div.main-img div.osaka-box address span{
    color: #999999;
}
div#wrap div.main-img div.osaka-box address span.doc{
    margin-left: 41px;
    color: #000000;
}
div#wrap div.main-img div.osaka-box ul{
    margin-top: 3px;
    margin-left: 85px;
}
/*名古屋校住所カード*/
div#wrap div.main-img div.nagoya-box{
    position: absolute;
    width: 390px;
    height: 213px;
    top: 18px;
    left: 0;
    background: url(../images/bg_card_nagoya.gif) no-repeat;
    text-align: left;
    z-index: 0;
}
div#wrap div.main-img div.nagoya-box h3{
    margin: 0px 0px 12px 31px;
    padding-top: 36px;
    line-height: 0;
    font-size: 0;
}
div#wrap div.main-img div.nagoya-box address{
    margin-left: 30px;
    line-height: 1.7;
}
div#wrap div.main-img div.nagoya-box address span{
    color:#999999;
}
div#wrap div.main-img div.nagoya-box address span.doc{
    margin-left: 48px;
    color: #000000;
}
div#wrap div.main-img div.nagoya-box ul{
    margin-top: 2px;
    margin-left: 89px;
}
/*-----------------------------------------------共通コンテンツ*/
div#wrap div.locater{
    width: 830px;
    height: 282px;
    margin: 0px auto;
}
/*テキスト部分*/
div.locater div.left-ct{
    float: left;
    width: 449px;
    padding-bottom: 56px;
    text-align: left
}
div.locater div.left-ct h4{
    line-height: 0;
    font-size: 0;
    margin-bottom: 18px;
}
div.locater div.left-ct p{
    margin-bottom: 14px;
    color: #000000;
    line-height: 1.3;
}
div.left-ct div.access-area{
    width: 446px;
    margin-top: 15px;
    margin-bottom: 8px;
    padding-bottom: 12px;
    background: url(../images/bg_access_outer.gif) no-repeat bottom;
}
div.left-ct div.access-area div.inner{
    width: 446px;
    background: url(../images/bg_access_inner.gif) no-repeat top;
}
div.left-ct div.access-area h5{
    margin: 0px 0px 7px 13px;
    padding-top: 11px;
    line-height: 0;
    font-size: 0;
}
div.left-ct div.access-area ul{
    font-size: 120%;
    line-height: 1.3;
    padding-left: 25px;
}
div.left-ct div.btn{
    width: 449px;
    text-align: center;
}
div.left-ct div.btn p{
    line-height: 0;
    font-size: 0;
    margin-bottom: 5px;
}
div.left-ct div.btn ul.links li{
    display: inline;
    margin-right: 2px;
}
div.left-ct div.btn ul.links li.last{
    margin-right: 0px;
}
/*Google map部分　*/
div.locater div.right-ct{
    float: right;
    width: 370px;
    padding-bottom: 36px;
    text-align: center;
}
div.locater div.right-ct div.map-ct{
    width: 370px;
    height: 350px;
    background: url(../images/bg_map.gif) no-repeat;
    margin-bottom: 2px;
    padding-top: 9px;
}
div.locater div.right-ct div.map-ct div#map{
    width: 352px;
    height: 333px;
    margin:0px auto;
}
div.locater div.right-ct div.btn-area{
    width: 370px;
    text-align: center;
}
div.locater div.right-ct div.btn-area p{
    line-height: 0;
    font-size: 0;
}
/*施設写真部分　*/
div.left-photo{
    float: left;
    padding-bottom: 12px;
}
div.right-photo{
    float: right;
    padding-bottom: 12px;
}
div.left-photo p,
div.right-photo p{
    line-height: 0;
    font-size: 0;
}
/*clearfix--*/
/*その他地域でダンスを習う　*/
div#wall-inner-ohter{
    background: url(../other/img/main_image.jpg) no-repeat top;
}

div#wall-inner-ohter h2,div#wall-inner-ohter h3,div#wall-inner-ohter p{ text-indent:-9999px;}

div#wall-inner-ohter div#box1,div#wall-inner-ohter div#box2,div#wall-inner-ohter div#box3{text-align:left; margin:40px 20px 40px 60px; padding:0 0 40px; border-bottom:1px dotted #ccc;}
div#wall-inner-ohter div#box1 h2{background:url(../other/img/h2_1.gif) no-repeat top left; height:50px;}
div#wall-inner-ohter div#box1 h3{background:url(../other/img/h3_1.gif) no-repeat top left; height:76px;}
div#wall-inner-ohter div#box1 p{background:url(../other/img/p_1.gif) no-repeat top left; height:114px;}

div#wall-inner-ohter div#box2{background:url(../other/img/img_2.gif) no-repeat top left;}
div#wall-inner-ohter div#box2 h2{background:url(../other/img/h2_2.gif) no-repeat top 410px; height:105px;}
div#wall-inner-ohter div#box2 p{background:url(../other/img/p_2.gif) no-repeat top 410px; height:86px;}
div#wall-inner-ohter div#box2 img{margin:15px 0 10px 410px;}

div#wall-inner-ohter div#box3{background:url(../other/img/img_3.jpg) no-repeat top right;}
div#wall-inner-ohter div#box3 h2{background:url(../other/img/h2_3.gif) no-repeat top left; height:62px;}
div#wall-inner-ohter div#box3 p{background:url(../other/img/p_3.gif) no-repeat top left; height:112px;}

div#wall-inner-ohter div#box4{background:url(../other/img/img_4.jpg) no-repeat top right;}
div#wall-inner-ohter div#box4 h2{background:url(../other/img/h2_4.gif) no-repeat top left; height:90px;}
div#wall-inner-ohter div#box4 p{background:url(../other/img/p_4.gif) no-repeat top left; height:113px;}

div#wall-inner-ohter div#box4{text-align:left; margin:40px 30px 0 60px; padding:0 0 20px;}