@charset "utf-8";
/*** avex artist academy  CSS Document ***************************************
    ver.2009/1/31
    artistmess.css
----------------------------------------------------------------***/
/**  artistmess.css Menu *********************************************
    1.レイアウト
    2.記事ヘッダー
    3.記事コンテンツ部分
    4.記事フッター
    5.コメント・トラックバック
    6.ページ下部パーツ
    7.サイドコンテンツ
*******************************************************************
/*-----------------------------------------------------------------
    1.レイアウト
-------------------------------------------------------------------*/
div#wall{
    background: url(../images/bg_base.gif) repeat-y;
}
div#wall-inner{
    background: url(../images/bg_base_top.jpg) no-repeat top;
}
div#wall-inner02{
    width: 940px;
    margin: 0px auto;
    background: url(../images/bg_base02_top.jpg) no-repeat top;
}
div#wall-inbottom{
    padding-bottom: 20px;
    background: url(../images/bg_base_bottom.gif) no-repeat bottom;
}
div#wrap h2.page-title{
    height: 249px;
    margin-bottom: 0px;
} 
/*コンテンツエリア*/
div.contents-area{
    width: 840px;
}
/*------------------------------------------------------メインコンテンツ*/
div.main-area{
    float: left;
    width: 635px;
    padding-top: 26px;
}
/*------------------------------------------ 記事アーカイブコンテンツ背景*/
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-bottom { /zoom : 1; }
div.article-area div.in-bottom:after { content : "";display : block;clear : both;height : 0; }
div.article-area div.in-box{
    width: 600px;
    margin: 0px auto;
    text-align: left;
}
/*-----------------------------------------------------------------
    2.記事ヘッダー
-------------------------------------------------------------------*/
div.title-area{
    width: 100%;
    border-style: solid;
    border-width: 0px 0px 1px 0px;
    border-color: #ababab;
}
div.title-area p.date-catname{
    color: #999999;
}
div.title-area h3{
    font-size: 140%;
    margin-bottom: 21px;
}
div.title-area h3 a{
    display:inline;
    line-height: 1.2;
}
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.link-zoon{
    clear:both;
}
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.comment-linkzoon{
    width: 596px;
    margin-left: 19px;
}
/*-----------------------------------------------------------------
    3.記事コンテンツ部分
-------------------------------------------------------------------*/
/* -----------------------------------------　記事エリア*/
div.article-zoom{
    clear: both;
    width: 590px;
    margin-left: 5px;
    padding-top: 10px;
    padding-bottom: 11px;
}
/* float 対策 */
div.article-zoom:after { 
 /* content: ".";   新しい要素を作る */
  display: block;  /* ブロックレベル要素に */
  clear: both;
  height: 0px;
  visibility: hidden;
}
div.article-zoom {
  min-height: 1px;
}
* html div.article-zoom{
  height: 1px;
  /*\*//*/
  height: auto;
  overflow: hidden;
  /**/
}
div.article-zoom p{
    padding-bottom: 10px;
}
/*-----------------------------------トップページ記事エリア*/
div.index-article-zoom{
    clear: both;
    width: 590px;
    margin-left: 5px;
    padding-top: 10px;
}
div.index-article-zoom p{
    padding-bottom: 7px;
}
div.index-article-zoom p.more-link{
    padding-bottom: 11px;
}
/*---------------------------------トップページ・カテゴリー記事内画像*/
div.index-article-zoom div.photograph{
    position: relative;
    float: right;
    width: 204px;
    padding-bottom: 11px;
}
div.index-article-zoom div.photograph p{
    line-height: 0;
    font-size: 0;
}
div.index-article-zoom div.photograph  div.p-in01{
        display: table;
        width: 204px;
        height: 142px;
        #position: relative;
        overflow: hidden;
        background: url(../images/bg_indexphoto.gif);
}
    div.index-article-zoom div.photograph div.p-in02 {
        #position: absolute;
        #top: 50%;
        display: table-cell;
        vertical-align: middle;
        text-align:left;
        width:204px;
}
    div.index-article-zoom div.photograph div.p-in02 img{
        #position: relative;
        #top: -50%;
        display:block;
        margin:auto;
}
/*-----------------------------------------------------------------
    4.記事フッター
-------------------------------------------------------------------*/
div.atrticle-footer{
        clear:both;
    padding-top: 10px;
    text-align: right;
    background: url(../images/line_01.gif) repeat-x top;
}
/*コメント・トラックバック　テキストリンク----------*/
div.atrticle-footer ul li{
    display: inline;
    font-size: 100%;
}
div.atrticle-footer ul li span{
    margin: 0px 5px;
}
/*-----------------------------------------------------------------
    5.コメント・トラックバック
-------------------------------------------------------------------*/
div.comments-area{
    width: 596px;
    margin-left: 19px;
    background: url(../images/bg_comme.gif) repeat-y;
}
div.comments-area div.commeinner{
    padding-top: 9px;
    background: url(../images/bg_comme_top.gif) no-repeat top;
}
div.comments-area div.commebottom{
    padding-bottom: 9px;
    background: url(../images/bg_comme_bottom.gif) no-repeat bottom;
    text-align: center;
}
div.trackbacks,
div.comments{
    width: 573px;
    background: url(../images/bg_comment.gif) repeat-y;
    margin: 0px auto;
}
div.trackbacks div.inner,
div.comments div.inner{
    width: 100%;
    padding-top: 16px;
    background: url(../images/bg_comment_top.gif) no-repeat top;
}
div.trackbacks div.in-bottom,
div.comments div.in-bottom{
    width: 100%;
    padding-bottom: 15px;
    background: url(../images/bg_comment_bottom.gif) no-repeat bottom;
    text-align: center;
}
div.trackbacks div.in-box,
div.comments div.in-box{
    width: 540px;
    margin: 0px auto;
    padding-bottom: 16px;
    text-align: left;
}
div.comment-inner{
    padding: 16px 0px;
    background: url(../images/line_01.gif) repeat-x bottom;
    text-align: right;
}
div.comment-inner span.separator{
    margin: 0px 3px;
}
div.comment-content{
    padding-bottom: 5px;
    text-align: left;
}
div.comments-header h4,
h4.comments-open-header,
h4.trackbacks-header{
    font-size: 120%;
}
h4.comments-open-header{
    padding-bottom: 5px;
}
div.comments-header p{
    padding: 5px 0px 10px 0px;
}
p#comment-greeting{
    padding: 5px 0px;
}
div#comments-open-text{
    padding-bottom: 5px;
}
div#comment-form-name span,
div#comment-form-email span,
div#comment-form-url span{
    display: block;
    width: 80px;
}
/*clearfix--*/
div.index-article-zoom :after { content:"."; display:block; height:0; clear:both; visibility:hidden; }
div.index-article-zoom { display:inline-block; }
/*\*/
* html div.index-article-zoom { height:1%; }
div.index-article-zoom { display:block; }
/**/
/*-----------------------------------------------------------------
    6.ページ下部パーツ
-------------------------------------------------------------------*/
/*---------------ページ下部　次・前ページ等のページリンク*/
div.page-link{
    width: 100%;
    padding: 30px 0px;
    text-align: center;
}
div.page-link p{
    margin: 0px auto;
    width: 350px;
    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;
}
/*-----------------------------------------------------------------
    7.サイドコンテンツ
-------------------------------------------------------------------*/
div.local-navi{
    float: right;
    width: 191px;
}
/* -----------------------------------------サイドコンテン*/
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;
}
/* --------------------------------------　テキストリンク*/
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;
}
div.local-inner ul li a{
    font-weight: normal;
}
div.local-inner p.more-link{
    text-align: right;
    padding: 5px 0px;
    font-size: 100%;
}
/*-------------------recoment*/
div.local-inner div.recoment dl{
    width: 160px;
}
div.local-inner div.recoment dl dt{
    margin-top: 5px;
    padding-left: 15px;
    line-height: 1.3;
    background: url(../images/mark_side_items.gif) no-repeat 0 3px;
}
div.local-inner div.recoment dl dd{
    font-size: 90%;
    padding-left: 15px;
    line-height: 1.2;
}
/*-----------------debut*/
div.local-inner div.debut dl dt{
    line-height: 0;
    font-size: 0;
}
div.local-inner div.debut dl dd{
    margin-bottom: 18px;
    font-size: 100%;
}
/*clearfix--*/
div.title-area :after { display:block; height:0; clear:both; visibility:hidden; }
div.title-area { display:inline-block; }
/*\*/
* html div.title-area ul.cat-lavel { height:1%; }
div.title-area ul.cat-lavel { display:block; }
/**/
/*-------------------------------------------------------------------------------------*/
div.main-area div.articleArea {
    width      : 635px;
    background : url(../images/bg_ct.gif) repeat-y;
    }
    div.main-area div.articleArea div.innerTop {
        background  : url(../images/bg_ct_top.gif) no-repeat top;
        padding-top : 11px;
        }
    div.main-area div.articleArea div.innerBottom {
        background     : url(../images/bg_ct_bottom.gif) no-repeat bottom;
        padding-bottom : 11px;
        text-align     : center;
        }
    div.main-area div.articleArea div.innerBlock {
        width      : 600px;
        margin     : 0px auto;
        text-align : left;
        }
        div.main-area div.articleArea div.innerBlock div.titleArea {
            width        : 100%;
            border-style : solid;
            border-width : 0px 0px 1px 0px;
            border-color : #ababab;
            }
            /* clearfix */
            div.main-area div.articleArea div.innerBlock div.titleArea:after { 
              content: ".";
              display: block;
              clear: both;
              height: 0px;
              visibility: hidden;
            }
            div.main-area div.articleArea div.innerBlock div.titleArea {
              min-height: 1px;
            }
            * html div.main-area div.articleArea div.innerBlock div.titleArea {
              height: 1px;
              /*\*//*/
              height: auto;
              overflow: hidden;
              /**/
            }
            /*----------*/
            div.main-area div.articleArea div.innerBlock div.titleArea p.catName {
                color: #999999;
                }
            div.main-area div.articleArea div.innerBlock div.titleArea h3{
                font-size: 140%;
                margin-bottom: 21px;
                }
                div.main-area div.articleArea div.innerBlock div.titleArea h3 a{
                    display     :inline;
                    line-height : 1.2;
                    }
        div.main-area div.articleArea div.innerBlock div.contentsArea {
            clear       : both;
            width       : 590px;
            margin-left : 5px;
            padding-top : 10px;
            }
            /* clearfix */
            div.main-area div.articleArea div.innerBlock div.contentsArea:after { 
              content: ".";
              display: block;
              clear: both;
              height: 0px;
              visibility: hidden;
            }
            div.main-area div.articleArea div.innerBlock div.contentsArea {
              min-height: 1px;
            }
            * html div.main-area div.articleArea div.innerBlock div.contentsArea {
              height: 1px;
              /*\*//*/
              height: auto;
              overflow: hidden;
              /**/
            }
            /*----------*/
            div.main-area div.articleArea div.innerBlock div.contentsArea p{
                padding-bottom: 7px;
                }
                div.main-area div.articleArea div.innerBlock div.contentsArea p.more-link{
                    padding-bottom: 11px;
                    }