BODY{

        background: #fff;
        margin: 0px;
        padding: 0px;
        text-align: center;
        padding: 0% 0%;
        margin: 0%;

}

/*大枠の配置*/

#layout01{
        color: #555;
        font:12px/18px "ＭＳ Ｐゴシック",sans-serif;
        width: 700px;
        padding: 0px 0px 0px 0px;
        margin-left: auto;
        margin-right: auto;
        background-color: #fff;
        /*border: 1px solid ;*/
}
/*リンクのエフェクト設定*/

#layout01 a:link{ color: #f28; text-decoration: none;}

#layout01 a:visited{ color: #f28; text-decoration: none;}

#layout01 a:hover{ color: #5a5; text-decoration: underline;}

#layout01 a:active{ color: #f28; text-decoration: none;}

#layout01 input:focus{ color: #088; text-decoration: underline;}



/*メインタイトルの配置*/

#maintitle01{
        width:700px;
        padding:0px 0px 0px 0px;
        margin: 0px 0px -15px 0px;
        text-align: left;
        float: left 0px;
        background: url('image/web/titleimage05.jpg');
        border: 1px solid #ccc;
}


h1{
        font: normal small-caps bold 30px/24px impact;
        color: #555;
}

/*コンテンツ選択エリアの設定*/
#contents01{

        width:700px;
        padding: 0px 0px 0px 0px;
        margin: 0px 0px 5px 0px;
        float: left;
        color: #ccc;
        border: 1px solid;
        background-color: #eee;
        list-style-type: square;
        font:bold 12px arial;
}

#contents01 a:link{ color: #555; text-decoration: none;}

#contents01 a:visited{ color: #555; text-decoration: none;}

#contents01 a:hover{ color: #f05; text-decoration: underline;}

#contents01 a:active{ color: 555; text-decoration: none;}

#contents01 input:focus{ color: #5f5; text-decoration: underline;}

.menu01{
       width: 100px;
       margin: 0px 0px 0px 0px;
       border-right: 1px solid ;
       text-align: center;
       float: left;
       list-style: none;

}

h3{
        font: bold 14px latha;
        margin: 0px 0px 0px 0px;
}

/*トップギャラリーの配置*/
#maingallery01{
        width:350px;
        padding: 0px 5px 0px 10px;
        margin: 0px 0px 0px 0px;
        float: left;
        border-right:1px dotted ;
}

/*最新の作品、今作っている物の配置*/

#recent01{
        width:324px;
        padding: 0px 0px 0px 5px;
        margin: 0px 0px 10px 5px;
        float: left;
        text-align: left;
        font-weight: bold;
}



/*更新エリアの配置*/

#diarytext01{
        width: 700px;
        height: 140px;
        padding: 10px 20px 10px 20px;
        margin: 10px 0px 10px 0px;
        float: center;
        text-align: left;
        overflow: auto;
        border-top:1px dotted ;
        border-bottom:1px dotted ;
}

/*下部、動作確認等のエリアの配置*/

#textarea01{
        width:698px;
        padding: 0px 5px 0px 5px;
        margin: 8px 0px 8px 0px;
        float: bottom;
        text-align: left;
}





#gallery01{
        width: 698px;
        text-align: left;
        float: center;
        background: #;
        padding: 10px 10px 10px 10px;
        margin: 10px 0px 0px 0px;
        font-weight: bold;
        border:1px dotted ;
}

/*ギャラリー作品名の設定*/

h2{
        font: normal small-caps bold 20px/18px "ＭＳ Ｐゴシック",sans-serif;
        margin: 10px 0px 0px 0px;
}


/*ギャラリー縦長画像の場合*/

#figure01{
        width: 350px;
        text-align: left;
        float: left;
        background: #;
        padding: 0px 0px 0px 0px;
        margin: 3px 3px 3px 3px;
}

#figtext01{
        width: 339px;
        text-align: left;
        float: left;
        background: #;
        padding: 3px 3px 3px 0px;
        margin: 0px 0px 0px 0px;
}

/*ギャラリー横長画像の場合*/

#figure02{
        width: 467px;
        text-align: left;
        float: left;
        background: #;
        padding: 0px 0px 0px 0px;
        margin: 3px 3px 3px 3px;
}

#figtext02{
        width: 222px;
        text-align: left;
        float: left;
        background: #;
        padding: 3px 3px 3px 0px;
        margin: 0px 0px 0px 0px;
}

/*リンクページのバナーの設定*/
#link01{
        width: 500px;
        text-align: left;
        float: center;
        background: #;
        padding: 0px 0px 0px 0px;
        margin: 50px 0px 0px 0px;      
}

/*各ページBACKなど*/
#textarea02{
        font: normal small-caps bold 15px impact;
        width:698px;
        padding: 0px 0px 0px 0px;
        margin: 20px 0px 0px 0px;
        float: left;
        text-align: center;
}

/*日記ページの配置*/
#diarytext02{
       width:598px;
       padding:10px 5px 10px 5px;
       float:left;
       text-align:left;
       border-bottom:1px dotted ;
       height:1024px
       overflow: auto;
}

#logtext01{
       width:98px;
       padding:5px 5px 5px 5px
       float:right;
       text-align:left;
       border:1px dotted ;
}
