body {
font: normal 12px/normal "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
color: #333333;
background: #33CC33;
letter-spacing: normal;
margin:0 auto 0 auto;
}

a:link{
color: #6699FF;
text-decoration: underline;
}

a:hover{color: #ff6600;
text-decoration: underline;
}

h1{
padding:0;
margin:0;
}
h2{
margin:3 0 3 0 ;
font-size:14px}

h3{
margin:0;
font-size:12px;
font-family:"ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
font-weight:100;
}

h4{
margin:3 0 0 0 ;
font-size:14px;}

.LineBottom{
background-image:url(img/lineB.png);
background-repeat:repeat-x;
background-position: center 105%;
}

h5{
margin:0 ;
font-size:12px;
color:#0000CC;
}

.LineBottom{
background-image:url(img/lineB.png);
background-repeat:repeat-x;
background-position: center 105%;
}

#top{
background-image:url(img/01skills.gif);
background-repeat:no-repeat;
width:840px;
height:96px;
margin:0 auto 0 auto;
}

#topmain{
background-image:url(img/02skill.gif);
background-repeat:no-repeat;
width:840px;
height:277px;
margin:0 auto 0 auto;

}

#main{
background-image:url(img/03skillslabo.gif);
background-repeat:repeat-y;
width:840px;
height:auto;
margin:0 auto 0 auto;

}

#main .menu{
width:240px;
height: auto;
line-height:100%;
padding-left:0px;
padding-top:0px;
text-align:left;
margin:0;
float:left;
}

#main .menu ul{list-style:none; }
#main .menu ul li{line-height:100%;}

ul li a{display: block;}
ul a:hover{background: none;}
.menu ul li a:hover img{  visibility: hidden;}

/*/menu/*/
.menuA a{width: 175px; height: 33px;}
.menuA a:hover{background:url(img/ov_m001.gif) no-repeat; padding:0; margin:0; width: 175px; height: 33px; }

.menuB a{width: 175px; height: 33px;}
.menuB a:hover{background:url(img/ov_m002.gif) no-repeat;width: 175px; height: 33px; }

.menuC a{width: 175px; height: 33px;}
.menuC a:hover{background:url(img/ov_m003.gif) no-repeat;width: 175px; height: 33px; }

.menuD a{width: 175px; height: 33px;}
.menuD a:hover{background:url(img/ov_m004.gif) no-repeat;width: 175px; height: 33px; }

.menuE a{width: 175px; height: 33px;}
.menuE a:hover{background:url(img/ov_m005.gif) no-repeat;width: 175px; height: 33px; }

.menuF a{width: 175px; height: 33px;}
.menuF a:hover{background:url(img/ov_m006.gif) no-repeat;width: 175px; height: 33px; }

.menuG a{width: 175px; height: 33px;}
.menuG a:hover{background:url(img/ov_m007.gif) no-repeat;width: 175px; height: 33px; }

.menuH a{width: 175px; height: 33px;}
.menuH a:hover{background:url(img/ov_m008.gif) no-repeat;width: 175px; height: 33px; }

.menuI a{width: 175px; height: 33px;}
.menuI a:hover{background:url(img/ov_m009.gif) no-repeat;width: 175px; height: 33px; }

.menuJ a{width: 175px; height: 33px;}
.menuJ a:hover{background:url(img/ov_m010.gif) no-repeat;width: 175px; height: 33px; }

.menuK a{width: 175px; height: 33px;}
.menuK a:hover{background:url(img/ov_m011.gif) no-repeat;width: 175px; height: 33px; }


#main .Right{
width:600px;
float:right;
}
#main .Right .texbody{
margin-top:0px;
padding-left:30px;
padding-right:50px;
float:left;
line-height:140%;
}

#main .Right .texbody  .inLine{ 
padding-left:60px; border-bottom:dotted #CCCCCC thin;
}


#main .Line{ 
margin-right:60px; 
margin-left:20px;
line-height:140%;
}

#main .Line .inLine{border-bottom:dotted #CCCCCC thin;
}

#endmain{
background-image:url(img/04skills.gif);
background-repeat:no-repeat;
width:840px;
height:46px;
margin:0 auto 0 auto;
}


#footer{
width:840px;
height:auto;
text-align:center;
margin:0 auto 0 auto;
}