#PageBody{
    background:url(../img/index/wall.gif) no-repeat left top;
    height:249px;
}
.Signboard  {height:40px; width:225px; position:absolute; left:98px; top:98px;}
.Signboard a{height:40px; width:225px; display:block;}
.BtnRegist  {height:40px; width:150px; position:absolute; left:457px; top:192px;}
.BtnRegist a{height:40px; width:150px; display:block;}
.BtnRegist a:hover{background:url(../img/index/bgLinkRegist_Active.gif) no-repeat left top;}
.BtnLogin   {height:30px; width: 70px; position:absolute; left:607px; top:180px;}
.BtnLogin  a{height:30px; width: 70px; display:block;}
.BtnLogin  a:hover{background:url(../img/index/bgLinkLogin_Active.gif) no-repeat left top;}
.BtnAbout   {height:35px; width:105px; position:absolute; left: 75px; top:232px;}
.BtnAbout  a{height:35px; width:105px; display:block;}
.BtnAbout  a:hover{background:url(../img/index/bgLinkAbout_Active.gif) no-repeat left top;}
.Chara  {height:84px; width:80px; position:absolute; left:0px; top:133px;}
.Chara a{height:84px; width:80px; display:block; cursor:default;}
.Chara a:hover{background:url(../img/index/bgCharaAni.gif) no-repeat left top; cursor:default;}

#LoginPanel {
    background:url(../img/index/LoginPanel.gif) no-repeat right top;
    height:220px;
    width:234px;
    position:absolute;
    left:520px;
    top:206px;
}
#LoginPanel .xInputArea{
    margin:55px 0px 0px 5px;
    text-align:center;
}
#LoginPanel .xTitle {font-size:85%; margin:4px 0px 0px 10px}
#LoginPanel .xTxtBox{background:#FFFFFF url(../img/common/control/input_MC.gif) repeat-x left bottom; border:solid 1px #AAAAAA;}
#LoginPanel .xChkBox{background:#FFFFFF url(../img/common/control/input_MC.gif) repeat-x left bottom; font-size:85%;}

#LoginPanel .xAutoArea{
    margin:60px 0px 0px 5px;
    text-align:center;
}
#LoginPanel .xAutoArea p{margin-top:8px;}
#LoginPanel .xLinkMyMemo  {height:36px; width:169px; background:url(../img/index/LoginPanel_Auto.gif) no-repeat left bottom; margin:0 auto;}
#LoginPanel .xLinkMyMemo a{height:36px; width:169px; display:block;}
#LoginPanel .xLinkMyMemo a:hover{background:url(../img/index/LoginPanel_AutoActive.gif) no-repeat left bottom;}
#LoginPanel .xAutoArea img {border:solid 1px #CCCCCC; margin:5px 2px 0px 2px;}
#LoginPanel .xAdsCredit   {font-size:10px; height:11px; text-align:right; border-top:solid 1px #AAAAAA; color:#888888;}

.LoginSideAds{
    background:url(../img/index/LoginSideAds.gif) no-repeat left top;
    height:215px;
    width:220px;
    position:absolute;
    left:730px;
    top:216px;
    padding:12px 0px 0px 30px;
}
.IconSB        {border:none; height:16px; width:16px; vertical-align:middle;}
.IconSB_hatena {border:none; height:12px; width:16px; vertical-align:middle;}
.IconSB_buzzurl{border:none; height:15px; width:21px; vertical-align:middle;}

.Photo{
    background:url(../img/index/Photo.gif) no-repeat left top;
    height:210px;
    width:189px;
    position:absolute;
    left:10px;
    top:310px;
}
.Photo .xPhotoImg{
    border:solid 1px #666666;
    min-width: 100px;
    max-width: 160px;
    min-height:100px;
    max-height:160px;
    margin:0px 0px 0px 6px;
}
* html .Photo .xPhotoImg    /* IE6用 */
{                           /* JavaScriptのexpressionメソッドを使用して適用 */
    width:
        expression(document.body.clientWidth<100?"100px":document.body.clientWidth>160?"160px":"auto");
    height:
        expression(document.body.clientHeight<100?"100px":document.body.clientHeight>160?"160px":"auto");
}

.Photo .BtnAllMemo  {height:187px; width:169px; position:absolute; left:10px; top:15px; text-align:center;}
.Photo .BtnAllMemo a{height:187px; width:169px; display:block;}
.Photo .BtnAllMemo a:hover{background:url(../img/index/Photo_Active.gif) no-repeat left bottom;}
.WordPad{
    background:url(../img/index/WordPad.gif) no-repeat left top;
    height:106px;
    width:249px;
    position:absolute;
    left:170px;
    top:395px;
}
.WordPad .xNewMemo {height:50px; width:190px; margin:9px 5px 10px 50px; overflow:hidden;}
.WordPad .xUserInfo{height:15px; margin:0px 8px  0px 25px; overflow:hidden; text-align:right;}
.WordPad_Piece{
    background:url(../img/index/WordPad_Piece.gif) no-repeat left top;
    height:114px;
    width:245px;
    position:absolute;
    left:100px;
    top:530px;
}
.WordPad_Piece .xTagCloud{height:82px; margin:12px 8px 0px 45px; overflow:hidden;}
.WordPad_Piece .xSpacerTR{float:right; font-size:1; height:12px; width:100px;}
.Sheel_Crease{
    background:url(../img/index/sheel_crease.gif) no-repeat left top;
    height:203px;
    width:308px;
    position:absolute;
    left:380px;
    top:430px;
}
.Sheel_Crease .xCotent{margin:42px 22px 0px 125px; overflow:hidden;}
.Sheel_Group{
    background:url(../img/index/sheel_group.gif) no-repeat left top;
    height:231px;
    width:346px;
    position:absolute;
    left:540px;
    top:460px;
}
.Sheel_Group .xCotents{margin:50px 0px 0px 130px;}
.Sheel_Group .xNewMemo {height:80px; width:130px; margin:5px 0px 5px 18px; overflow:hidden;}
.Sheel_Group .xUserInfo{height:33px; width:150px; overflow:hidden; text-align:center;}

.EraserAds{
    background:url(../img/index/bgEraser.gif) no-repeat left top;
    height:73px;
    width:612px;
    position:relative;
    left:0px;
    top:650px;
    padding:20px 10px 0px 0px;
    text-align:right;
}

.IndexFooter{position:absolute; top:790px; width:100%;}