@charset "utf-8";
/*** avex artist academy  CSS Document ***************************************
    ver.2009/1/31
    special.css
----------------------------------------------------------------***/
/**  special.css Menu *********************************************
    1.レイアウト
    2.インデックス
    3.カテゴリアーカイブ
    4.記事アーカイブ
    5.終了したイベントアーカイブ
*******************************************************************
/*-----------------------------------------------------------------
    1.レイアウト
-------------------------------------------------------------------*/
div#wall-inbottom{
    padding-bottom: 20px;
}
div#wrap h2.page-title{
    margin-bottom: 53px;
    background-image: url(../images/h1.gif);
} 
/*コンテンツエリア*/
div.contents-area{
    width: 840px;
}
/*------------------------------------------------------メインコンテンツ*/
div.main-area{
    float: left;
    width: 635px;
}
/*----------------終了したイベント・各カテゴリのイベントタイトル一覧*/
div.event-zoon{
    width: 100%;
    margin-top: 3px;
}
div.event-zoon dl{
    clear: both;
    width: 590px;
    padding:5px 2px 5px 10px;
    background-color:#FFFFFF;
}
div.event-zoon dl.gray{
    background-color:#f4f4f4;
}
/* float 対策 */
div.event-zoon dl:after { 
  content: ".";  /* 新しい要素を作る */
  display: block;  /* ブロックレベル要素に */
  clear: both;
  height: 0px;
  visibility: hidden;
}
div.event-zoon dl{
  min-height: 1px;
}
* html div.event-zoon dl{
  height: 1px;
  /*\*//*/
  height: auto;
  overflow: hidden;
  /**/
}
div.event-zoon dl dt,
div.event-zoon dl dd{
    display: block;
    float: left;
}
div.event-zoon dl dt{
    width: 65px;
    padding-left: 8px;
    background: url(../images/mark_items01.gif) no-repeat 0px 6px;
    color: #777777;
}
/* For IE6 \*/
* html div.event-zoon dl dt{
    width: 80px;
}
/**/
div.event-zoon dl dd.title-dd{
        padding:0px 5px 0px 10px;
    background: url(../images/mark_hyphen.gif) no-repeat 0 8px;
}
div.event-zoon dl dd.end-icon{
    width: 79px;
    padding-top: 1px;
    line-height: 0;
    font-size: 0;
}
/*-------------------カテゴリアーカイブ・記事アーカイブコンテンツ*/
div.main-area div.article-area{
    width: 635px;
    background: url(../images/bg_ct.gif) repeat-y;
}
div.article-area div.inner{
    background: url(../images/bg_ct_top.gif) no-repeat top;
    padding-top: 11px;
}
div.article-area div.in-bottom{
    background: url(../images/bg_ct_bottom.gif) no-repeat bottom;
    padding-bottom: 11px;
    text-align: center;
}
div.article-area div.in-box{
    width: 600px;
    margin: 0px auto;
    text-align: left;
}
/*記事タイトル*/
div.title-area{
    width: 100%;
}
div.title-area p.day{
    color: #999999;
}
div.title-area h3{
    font-size: 140%;
    line-height: 1.2;
    margin-bottom: 3px;
}
div.title-area ul.cat-lavel{
    width: 100%;
}
div.title-area ul.cat-lavel li{
    float: left;
    line-height: 0;
    font-size: 0;
    margin-right: 2px;
    padding-bottom: 13px;
}
/*記事タイトル下
インデックスページへ、前ページへ、次ページへのリンク*/
div.title-area div.link-zoon{
    clear:both;
    border-style: solid;
    border-width: 1px 0px 0px 0px;
    border-color: #ababab;
}
div.link-zoon p.go-index{
    float: left;
    padding-top: 5px;
    padding-bottom: 11px;
    line-height: 0;
    font-size: 0;
}
div.link-zoon ul.next-preview{
    float: right;
    width: 145px;
    text-align: right;
    padding-top: 7px;
}
div.link-zoon ul.next-preview li{
    display: inline;
    background-repeat: no-repeat;
}
div.link-zoon ul.next-preview li.next-link{
    padding-right: 10px;
    background-image: url(../images/mark_next02.gif);
    background-position: right 5px;
}
div.link-zoon ul.next-preview li.preview-link{
    padding-left: 10px;
    background-image: url(../images/mark_preview02.gif);
    background-position: 0 5px;
}
div.link-zoon ul.next-preview li span{
    margin-left: 4px;
}
/* 記事エリア*/
div.article-zoom{
    clear: both;
    width: 590px;
    margin-left: 5px;
    padding-top: 20px;
    padding-bottom: 5px;
}
div.article-zoom p{
    padding-bottom: 10px;
}
/*記事内メイン画像*/
div.article-zoom img{
    margin: 4px 0px;
}
div.article-zoom img.article-key{
    margin-bottom: 19px;
}
/*------------------終了したイベントコンテンツ*/
div.main-area div.ended-area,
div.main-area div.ended-indexarea{
    width: 630px;
    padding-left: 3px;
    padding-right: 3px;
}
/* For IE6 \*/
* html div.main-area div.ended-area{
    width: 635px;
}
div.main-area div.ended-indexarea{
    width: 635px;
}
/**/
div.main-area div.ended-area h3.h3-end,
div.main-area div.ended-indexarea h3.h3-end{
    line-height: 0;
    font-size: 0;
    margin-bottom: 4px;
}
div.ended-area p.go-index{
    padding-bottom: 12px;
    line-height: 0;
    font-size: 0;
}
/*---------------次・前ページ等のページリンク*/
div.page-link{
    width: 100%;
    padding: 30px 0px;
    text-align: center;
}
div.page-link p{
    margin: 0px auto;
    width: 300px;
    text-align: center;
}
div.page-link p span{
    float: left;
}
div.page-link p span.number{
    display: block;
    border: 1px #d4d4d4 solid;
    background-color: #d4d4d4;
    width: 19px;
    height: 23px;
    margin-left: 2px;
}
/* \*/
* html div.page-link p span.number{
    height: 25px;
}
/**/
div.page-link p span.number span.current_page{
    display: block;
    width: 100%;
}
div.page-link p span.number a{
    display: block;
    background-color: #ffffff;
    height: 23px;
}
div.page-link p span.pre-link span.number,
div.page-link p span.next-link span.number,
div.page-link p span.pre-link span.number a,
div.page-link p span.next-link span.number a{
    border: 0px;
    background-color: #ffffff;
    width: 33px;
    background-repeat: no-repeat;    
}
div.page-link p span.pre-link span.number{
    padding-left: 9px;
    margin-right: 2px;
    margin-left: 0px;
    background-position: 0px 5px;
    background-image: url(../images/mark_preview01.gif);
}
div.page-link p span.next-link span.number{
    padding-right: 9px;
    margin-left: 4px;
    background-position: right 5px;
    background-image: url(../images/mark_next01.gif);
}
div.page-link ul{
    width: 120px;
    margin: 0px auto;
    text-align: center;
}
div.page-link ul li{
    display:inline;
    background-repeat: no-repeat;
}
div.page-link ul li span{
    margin-left: 20px;
}
div.page-link ul li.pre-link{
    padding-left: 9px;
    margin-right: 20px;
    background-position: 0px 5px;
    background-image: url(../images/mark_preview01.gif);
}
div.page-link ul li.next-link{
    padding-right: 9px;
    margin-left: 0px;
    background-position: right 5px;
    background-image: url(../images/mark_next01.gif);
}
/*----------------------------------------- ページトップへリンク*/
div#wrap div.main-area div.go-top{
    clear: both;
    width: 635px;
    padding: 8px 0px 19px 0px;
}
div#wrap div.main-area div.go-top p{
    margin-left: 550px;
}
/*--------------------------------------- 終了したイベント一覧へリンク*/
div.main-area div.go-end{
    clear: both;
    width: 635px;
    padding: 9px 0px;
    text-align: left;
}
div.main-area div.go-end p{
    width: 146px;
    margin-left: 489px;
    padding-left: 10px;
    background: url(../../common/images/mark_links01.gif) no-repeat 0px 5px;
    font-size: 100%;
    text-align: left;
}
/*For IE6*/
* html div#wrap div.go-end p{
    width: 156px;
}
/**/
/*------------------------------------------------------サイドナビ*/
div.local-navi{
    float: right;
    width: 191px;
        margin-bottom:100px;
}
/* サイドコンテン*/
div.local-navi div.local-ct{
    width: 191px;
    padding-bottom: 27px;
}
div.local-navi div.local-ct div.local-inner{
    width: 176px;
    margin-left: 8px;
}
/*サイドコンテンツタイトル　*/
div.local-navi h4{
    margin-bottom: 6px;
    line-height: 0;
    font-size: 0;
}
/* pick up*/
div.local-inner dl{
    padding-bottom: 12px;
}
div.local-inner dl dt{
    padding-left: 15px;
    background: url(../images/mark_side_items.gif) no-repeat 0 3px;
    color: #777777;
    font-size: 110%;
    line-height: 1.2;
}
div.local-inner dl dd{
    padding-left: 15px;
    padding-bottom: 8px;
    font-weight: bold;
    color: #666666;
}
div.local-inner dl dd a{
    font-weight: normal;
}
/* カテゴリ*/
div.local-inner ul{
    padding-bottom: 12px;
}
div.local-inner ul li{
    margin-bottom: 5px;
    padding-left: 15px;
    background: url(../images/mark_side_items.gif) no-repeat 0 3px;
    font-weight: bold;
    color: #666666;
}
div.local-inner ul li a{
    font-weight: normal;
}
/*広告枠*/
div.local-inner div.advertisement{
    width: 100%;
}
/*-----------------------------------------------------------------
    2.Index
-------------------------------------------------------------------*/
div.article-area h3.h3-pickup{
    margin: 13px 0px 4px 0px;
    line-height: 0;
    font-size: 0;
}
/*記事タイトル*/
div.in-box div.article-title{
    clear: both;
    width: 100%;
    padding-top: 14px;
    background: url(../images/line_01.gif) repeat-x bottom;
}
div.article-title p.day{
    color: #999999;
}
div.article-title h4{
    font-size: 140%;
    line-height: 1.2;
    margin-top: -10px;
    margin-bottom: 3px;
}
div.article-title ul.cat-lavel{
    width: 100%;
}
div.article-title ul.cat-lavel li{
    float: left;
    line-height: 0;
    font-size: 0;
    margin-right: 2px;
    padding-bottom: 10px;
}
/* 記事エリア*/
div.in-box div.article-title p{
    padding-bottom: 7px;
}
div.in-box div.article-title p.more-link{
    clear: both;
    padding-bottom: 11px;
}
/*記事内メイン画像*/
div.article-title img.article-key{
    clear: both;
    margin-bottom: 19px;
    margin-top: 20px;
}
/*終了したイベント一覧*/
div.ended-indexarea div.event-zoon dl{
   width: 618px;
}
/* For IE6 \*/
* html div.ended-indexarea div.event-zoon dl{
    width: 630px;
}
/**/
div.ended-indexarea div.event-zoon dl dd.title-dd{
   width: 500px;
}
/* For IE6 \*/
* html div.ended-indexarea div.event-zoon dl dd.title-dd{
    width: 530px;
}
/**/
/*-----------------------------------------------------------------
    3.カテゴリアーカイブ
-------------------------------------------------------------------*/
div.article-area h3.h3-cat{
    margin-bottom: 5px;
    line-height: 0;
    font-size: 0;
}
div.article-area div.cat-area{
    width: 606px;
    margin: 0px auto;
    padding-bottom: 10px;
}
div.article-area div.cat-area p.go-index{
    padding-bottom: 12px;
    line-height: 0;
    font-size: 0;
}
div.cat-area div.event-zoon{
    margin-top: 3px;
}
div.cat-area div.event-zoon dl{
    width: 595px;
}
/* For IE6 \*/
* html div.cat-area div.event-zoon dl{
    width: 610px;
}
/**/
div.cat-area div.event-zoon dl dd.title-dd{
    width: 423px;
}
/* For IE6 \*/
* html div.cat-area div.event-zoon dl dd.title-dd{
    width: 440px;
}
/**/
/*-----------------------------------------------------------------
    4.記事アーカイブ
-------------------------------------------------------------------*/
div.vocal-box,
div.dance-box,
div.kids-box,
div.voiceactor-box,
div.bodydesign-box,
div.e-business-box,
div.course-box{
    clear: both;
    width: 100%;
    padding-bottom: 5px;
}
div.vocal-box h4.h4-course,
div.dance-box h4.h4-course,
div.kids-box h4.h4-course,
div.voiceactor-box h4.h4-course,
div.bodydesign-box h4.h4-course,
div.e-business-box h4.h4-course,
div.course-box h4.h4-course{
    line-height: 0;
    font-size: 0;
    margin-bottom: 13px;
}
div.article-title div.vocal-box h4.h4-course,
div.article-title div.dance-box h4.h4-course,
div.article-title div.kids-box h4.h4-course,
div.article-title div.voiceactor-box h4.h4-course,
div.article-title div.bodydesign-box h4.h4-course,
div.article-title div.e-business-box h4.h4-course,
div.article-title div.course-box h4.h4-course{
    line-height: 0;
    font-size: 0;
    margin: 0px 0px 13px 0px;
    padding-right: 0;
}
div.course-box h4.h4-title{
    width: 577px ;
    height: 27px;
    padding-left: 13px;
    padding-top: 11px;
    margin-bottom: 6px;
    font-size: 140%;
    color: #fff;
    background: url(../images/bg_h3entry.gif) no-repeat;
}
div.article-title div.course-box h4.h4-title{
    width: 577px ;
    height: 27px;
    padding-left: 13px;
    padding-top: 11px;
    margin-top: 0;
    margin-bottom: 6px;
    font-size: 140%;
    color: #fff;
    background: url(../images/bg_h3entry.gif) no-repeat;
}
/* For IE6\*/
* html div.course-box h4.h4-title{
    width: 590px;
    height: 38px;
}
* html div.article-title div.course-box h3.h3-title{
    width: 590px;
    height: 38px;
}
/**/
div.vocal-box div.img-box,
div.dance-box div.img-box,
div.kids-box div.img-box,
div.voiceactor-box div.img-box,
div.bodydesign-box div.img-box,
div.e-business-box div.img-box,
div.course-box div.img-box{
    float: left;
    margin-right: 10px;
}
div.vocal-box div.details-box,
div.dance-box div.details-box,
div.kids-box div.details-box,
div.voiceactor-box div.details-box,
div.bodydesign-box div.details-box,
div.e-business-box div.details-box,
div.course-box div.details-box{
    width: 590px;
    margin-bottom:25px;
}
div.details-box div.detail-title{
        clear:both;
    padding-top: 8px;
    padding-bottom: 11px;
    background: url(../images/line_01.gif) no-repeat bottom;
}
div.details-box div.detail-title h3{
         font-size: 140%;
}
div.details-box div.detail-title h4{
         font-size: 140%;
}
div.detail-title h5{
    padding-left: 20px;
    background-repeat: no-repeat;
    background-position: 2px 2px;
    font-size: 140%;
}
div.vocal-box div.detail-title h5{
    background-image: url(../images/mark_vocal.gif);
}
div.voiceactor-box div.detail-title h5{
    background-image: url(../images/mark_voiceactor.gif);
}
div.dance-box div.detail-title h5{
    background-image: url(../images/mark_dance.gif);
}
div.kids-box div.detail-title h5{
    background-image: url(../images/mark_kids.gif);
}
div.bodydesign-box div.detail-title h5{
    background-image: url(../images/mark_bodydesign.gif);
}
div.e-business-box div.detail-title h5{
    background-image: url(../images/mark_ebusiness.gif);
}
div.course-box div.detail-title h5{
    background-image: url(../images/mark_h4.gif);
}
div.details-box div.detail-item{
    padding-top: 10px;
    padding-bottom: 10px;
    background: url(../images/line_01.gif) no-repeat bottom;
}
div.detail-item dl{
    clear: both;
}
div.detail-item dl dt{
    float: left;
    display: block;
    width: 70px;
    margin-bottom: 2px;
    padding-top: 2px;
    text-align: center;
    background-repeat: no-repeat;
    background-position: top;
}
div.detail-item dl dt span{
    display: block;
    padding-bottom: 2px;
    background-repeat: no-repeat;
    background-position: bottom;
    font-weight: bold;
    color: #fff;
}
div.detail-item dl dd{
    display: block;
    width: 510px;
    margin-left: 79px;
    margin-bottom: 2px;
    padding-top: 2px;
    padding-bottom: 2px;
    font-weight: bold;
    color: #666666;
}
*html div.detail-item dl dd{
    width: 500px;
}
div.vocal-box div.detail-item dl dt{
    background-image: url(../images/bg_koumoku_vocal_inner.gif);
}
div.voiceactor-box div.detail-item dl dt{
    background-image: url(../images/bg_koumoku_voice_inner.gif);
}
div.dance-box div.detail-item dl dt{
    background-image: url(../images/bg_koumoku_dance_inner.gif);
}
div.kids-box div.detail-item dl dt{
    background-image: url(../images/bg_koumoku_kids_inner.gif);
}
div.bodydesign-box div.detail-item dl dt{
    background-image: url(../images/bg_koumoku_bodydesign_inner.gif);
}
div.e-business-box div.detail-item dl dt{
    background-image: url(../images/bg_koumoku_ebusiness_inner.gif);
}
div.course-box div.detail-item dl dt{
    background-image: url(../images/bg_koumoku_inner.gif);
}
div.vocal-box div.detail-item dl dt span{
    background-image: url(../images/bg_koumoku_vocal_outer.gif);
}
div.voiceactor-box div.detail-item dl dt span{
    background-image: url(../images/bg_koumoku_voice_outer.gif);
}
div.dance-box div.detail-item dl dt span{
    background-image: url(../images/bg_koumoku_dance_outer.gif);
}
div.kids-box div.detail-item dl dt span{
    background-image: url(../images/bg_koumoku_kids_outer.gif);
}
div.bodydesign-box div.detail-item dl dt span{
    background-image: url(../images/bg_koumoku_bodydesign_outer.gif);
    color: #4d4d4d;
}
div.e-business-box div.detail-item dl dt span{
    background-image: url(../images/bg_koumoku_ebusiness_outer.gif);
}
div.course-box div.detail-item dl dt span{
    background-image: url(../images/bg_koumoku_outer.gif);
}
/*お問合わせ番号*/
div.telbox{
    clear: both;
    width: 100%;
    text-align: center;
}
div.telbox p{
    line-height: 0;
    font-size: 0;
}
/*-----------------------------------------------------------------
    5.終了したイベントアーカイブ
-------------------------------------------------------------------*/
div.ended-area div.event-zoon dl{
    width: 617px;
}
/*For IE6 \*/
* html div.ended-area div.event-zoon dl{
    width: 630px;
}
/**/
div.ended-area div.event-zoon dl dd.title-dd{
    width: 450px;
}
/*For IE6 \*/
* html div.ended-area div.event-zoon dl dd.title-dd{
    width: 460px;
}
/**/
/*clearfix--*/
div.title-area ul.cat-lavel:after { content:"."; display:block; height:0; clear:both; visibility:hidden; }
div.title-area ul.cat-lavel { display:inline-block; }
/*\*/
* html div.title-area ul.cat-lavel { height:1%; }
div.title-area ul.cat-lavel { display:block; }
/**/
div.in-box div.article-title:after { content:"."; display:block; height:0; clear:both; visibility:hidden; }
div.in-box div.article-title { display:inline-block; }
/*\*/
* html div.in-box div.article-title { height:1%; }
div.in-box div.article-title { display:block; }
/**/
div.article-title ul.cat-lavel:after { content:"."; display:block; height:0; clear:both; visibility:hidden; }
div.article-title ul.cat-lavel { display:inline-block; }
/*\*/
* html div.article-title ul.cat-lavel { height:1%; }
div.article-title ul.cat-lavel { display:block; }
/**/
div.course-box div.details-box div.detail-item:after { content:"."; display:block; height:0; clear:both; visibility:hidden; }
div.course-box div.details-box div.detail-item { display:inline-block; }
/*\*/
* html div.course-box div.details-box div.detail-item { height:1%; }
div.course-box div.details-box div.detail-item { display:block; }
/**/