@charset "UTF-8";
/*

*/

* { margin : 0 ; padding : 0 ; }
body { width : 960px ; }
#my_body { margin: 0 auto; width : 960px ; }
#my_header{
width: 100%;
margin-bottom: 50px;
color: #666666;
font-size: 10px;
font-family: Verdana,"ヒラギノ丸ゴ Pro W4","Hiragino Maru Gothic Pro","ＭＳ Pゴシック",sans-serif,Osaka;
line-height: 1.8;
}


#my_footer
{
width: 100%;
font-size: 10px;
padding: 5px 5px;
font-family: Verdana,"ヒラギノ丸ゴ Pro W4","Hiragino Maru Gothic Pro","ＭＳ Pゴシック",sans-serif,Osaka;
line-height: 1.8;
}

#my_body{height: 100%;width:100%;}
#my_navigation {position : absolute ; left : 0 ; top : 100px ; width : 150px ;
padding: 5px;
color: #666666;
font-size: 12px;
font-family: Verdana,"ヒラギノ丸ゴ Pro W4","Hiragino Maru Gothic Pro","ＭＳ Pゴシック",sans-serif,Osaka;
line-height: 1.8;
}

li{
list-style-type:none;
width:140px;
height:48px;
}
li img{
border:0;
}
li.profile{
background:url(img/menu/pro02.png);
}
li.works{
background:url(img/menu/work02.png);
}
li.log{
background:url(img/menu/log02.png);
}
li.link{
background:url(img/menu/link02.png);
}
li a{
display:block;
width:140px;
height:48px;
}
li a:hover {
background-color:transparent;
}
li a:hover img{
visibility:hidden;
}



p  {
padding: 0px;
color: #666666;
font-size: 20px;
font-family: Verdana,"ヒラギノ丸ゴ Pro W4","Hiragino Maru Gothic Pro","ＭＳ Pゴシック",sans-serif,Osaka;
line-height: 1.2;}



#topic {
height: 300px;
width:600px;
margin-left : 150px ;
padding: 5px;
color: #666666;
font-size: 12px;
font-family: Verdana,"ヒラギノ丸ゴ Pro W4","Hiragino Maru Gothic Pro","ＭＳ Pゴシック",sans-serif,Osaka;
line-height: 1.8;
}

#blog {
height: 600px;
width:600px;
margin-left : 150px ;
padding: 5px;
color: #666666;
font-size: 12px;
font-family: Verdana,"ヒラギノ丸ゴ Pro W4","Hiragino Maru Gothic Pro","ＭＳ Pゴシック",sans-serif,Osaka;
line-height: 1.8;
}

#comment-text
 {
    width: 450px;
 }