@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: #333333;
font-size: 12px;
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;
clear : both ;
}

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


#my_navigation {float:left ; top : 100px ; 
width : 200px ;
padding: 5px;
color: #333333;
font-size: 10px;
font-family: Verdana,"ヒラギノ丸ゴ Pro W4","Hiragino Maru Gothic Pro","ＭＳ Pゴシック",sans-serif,Osaka;
line-height: 2.0;
}

p.moduleTitle  {color: #333333;
padding: 5px;
 font-size: 10px;
 font-family: Verdana,"ヒラギノ丸ゴ Pro W4","Hiragino Maru Gothic Pro","ＭＳ Pゴシック",sans-serif,Osaka;
 line-height: 1.6;
 font-weight: bold;
}


select {
 width: 150px;
 color: #000;
 background: #fff;
 padding: 1px;
 font: normal 10px/140% tahoma;
 }


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.fm{
background:url(img/menu/fm02.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;
}


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


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

th, td {
   font-size: 12px;
 }

#comment-text
 {
    width: 450px;
　height: 300px;
 }

 p.h1  {color: #333333;
 font-size: 14px;
 font-family: Verdana,"ヒラギノ丸ゴ Pro W4","Hiragino Maru Gothic Pro","ＭＳ Pゴシック",sans-serif,Osaka;
 line-height: 1.8;
 font-weight: bold;
}

 p.h2  {color: #333333;
 font-size: 12px;
 font-family: Verdana,"ヒラギノ丸ゴ Pro W4","Hiragino Maru Gothic Pro","ＭＳ Pゴシック",sans-serif,Osaka;
 line-height: 1.8;
 
}

 p.h3  {color: #333333;
 font-size: 20px;
 font-family: Verdana,"ヒラギノ丸ゴ Pro W4","Hiragino Maru Gothic Pro","ＭＳ Pゴシック",sans-serif,Osaka;
 line-height: 1.8;
 font-weight: bold;
}

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


#work dl {
width: 600px;
margin-bottom: 12px;
}

#work dt {
float: left;
width: 60px;
font-weight: bold;
color: #CC0066;
}

#work dd {
padding-left: 60px;
}