@charset "utf-8";
body, textarea { font-family: "メイリオ", "ＭＳ Ｐゴシック", sans-serif; }
input, select { font-family: Arial, "ＭＳ Ｐゴシック", sans-serif; }
body{
    text-align:center;
    background-color:#000000;
}
#contents #detail #box article p,
#contents #detail #box article dl,
#contents nav{
    font-size:78%;
    line-height:1.6;
}

#contents{
    background-color:#ffffff;
    width:840px;
    margin:10px auto;
    padding:45px 50px 15px 50px;
    text-align:left;
    border:#CCC solid 1px;
}
#contents header h1 {
    height:59px;
    background:url(../img/profile_name.gif) right top no-repeat;
    text-indent:-9999px;
}
#contents #detail{

}

#contents #detail #box{
    width:705px;
    float:left;
}

#contents #detail #box #d1 canvas,
#contents #detail #box #d2 canvas,
#contents #detail #box #d3 canvas{
    float:left;
}

#contents #detail #box #d1{
    width:705px;
    margin-bottom:20px;
}

#contents #detail #box #d2{
    float:left;
    width:350px;
}

#contents #detail #box #d3{
    float:left;
    width:350px;
}
#contents #detail article h2{
    padding-top:4px;
    padding-bottom:4px;
}
#contents #detail #box article h2,
#contents #detail #box article p,
#contents #detail #box article dl{
    padding-left:25px;
}
#contents #detail #box article h2{
    font-size:96%;
}
#contents #detail #box article p,
#contents #detail #box article dl{
    padding-bottom:15px;
}
#contents #detail #box article dl dt{
    float:left;
    width:55px;
}
#contents #detail #box article dl dd{
    float: left;
    width:265px;
}

#contents #detail aside{
    width:135px;
    height:361px;
    float:right;
}
#contents #detail aside img{
    margin-top:35px;
}
#contents nav{
    clear:both;
    padding-top:7px;
    width:700px;
    text-align:right;
    font-size:70%;
}
#contents nav a{
    color:#36F;
    /*display:block;
    border:#CC0 solid 1px;*/
}
#contents footer{
    font-size:70%;
    margin-top:35px;
    text-align:center;
}
#contents footer strong{
    font-weight:normal;
}