/*--��{--*/
body  {
margin: 0px;
padding: 0px;
background-color: #f5f5f5;
}

p { margin: 0px; }
ul { margin: 0px; padding: 0px; }
li { margin: 0px; padding: 0px; list-style-type:none;}

img {
margin: 0px;
padding: 0px;
width: auto;
border: none;
}

/*-- link --*/
a:link { color: #003366; }
a:hover { color: #001144; }
a:visited { color: #4a6469; }

.mainleft li a {
display: block;
text-decoration: none;
width: 100%;
padding: 4px 0px 4px 0px;
}

.mainleft li a:link {
color: #27587e;
}

.mainleft li a:hover{
color: #27587e;
background-color: #dcf6f1;
}

.mainleft li a:visited {
color: #27587e;
}

/*-- h --*/
.header {
background-color: #7d8fa1;
background-image: url("cssimage/template.png");
padding: 30px 0px 30px 0px;
margin: 0px;
text-indent: 20px;
font-weight: bold;
border-bottom: 1px solid #222222;
background-repeat: no-repeat;
background-position: right bottom;
font-size: 30px;
font-family:arial,  helvetica, sans-serif;
color: #ffffff;
}

h2 {
border: 1px solid #444444;
text-indent: 15px;
background-color: #7d8fa1;
font-size: 15px;
margin: 0px;
font-weight: bold;
padding: 8px 0px 8px 0px;
color: #fafafa;
}

/*-- subete --*/
#subete {
width: 750px;
margin: 0px auto 0px auto;
border: 1px solid #444444;
background-color: #e6e6e6;
}


/*-- main --*/
#main {
width: 100%;
margin: 0px auto 0px auto;
background-color: #fafafa;
}


/*-- main hidari --*/

.mainleft {
width: 180px;
float: left;
}

.mainleft li {
background-color: #f5f5f5;
border-bottom: 1px solid #444444;
border-left: 1px solid #444444;
border-right: 1px solid #444444;
text-indent: 15px;
}

.mainright {
width: 520px;
padding: 0px 10px 0px 10px;
margin: 0px 0px 0px 186px;
}

/*-- text --*/
#text {
margin: 0px;
padding: 10px 10px 0px 10px;
line-height: 140%;
color: #111111;
font-size: 14px;
}

.subtitle {
border-top: 1px solid #444444;
border-bottom: 1px solid #444444;
font-size: 18px;
padding: 7px 2px 7px 4px;
color: #444444;
margin : 0px 0px 10px 0px;
clear: left;
background-color: #dfdfdf;
font-weight: bold;
}

.imagefloat { 
float: left;
width: 200px;
 }

.kaisetu {
float: left;
background-color: #f5f5f5;
padding: 10px;
width: 510px;
}

.skillmain {

}

.skillwindow { 
clear: left;
float: left;
width: 80px;
background-color: #f5f5f5;
padding: 10px;
text-align: center;
margin-right: 20px;
font-weight: bold;
margin-bottom: 10px;
}

.skillkaisetu {
float: left;
background-color: #f5f5f5;
padding: 10px;
width: 590px;
margin-bottom: 10px;
}

.subsubtitle {
border-bottom: 1px dotted #444444;
margin-bottom: 2px;
}

.skilltemplate {
background-color: #f5f5f5;
padding: 10px;
}


/*-- Footer --*/
.footer {
color: #ffffff;
padding: 0px;
margin: 0px auto 0px auto;
padding: 4px 0px 4px 0px;
width: 100%;
text-indent: 26px;
clear: left;
text-align: left;
font-size: 15px;
background-color: #778899;
}

.footer a         { text-decoration: none; }
.footer a:link    { color: #ffffff;        }
.footer a:hover   { color: #ffffff; border-bottom: 1px dotted #f0f0f0; }
.footer a:visited { color: #ffffff;        }

.betu {
border: 1px dotted #444444;
font-size: 15px;
padding: 8px 2px 8px 6px;
color: #444444;
margin : 15px 0px 10px 0px;
clear: left;
}



/*-- skilltable --*/

.skilltable{
border-collapse: collapse;
margin: 10px auto 10px auto;
background-color: #f5f5f5;
}

.skilltable td {
padding: 2px;
}

.skillname {
text-align: center;
background-color: #98adc8;
font-weight: bold;
color: #444444;
}

.skillname2 {
text-align: center;
background-color: #c8e1f7;
}

.ing {
width: 85px;
}

/*-- video --*/
.pi {
border: 3px solid #aaaaaa;
margin: 0px;
}

.party2 {
padding: 0px 0px 0px 0px;
font-size: 15px;
color: #111111;
margin: 0px 0px 0px 0px;
background-color: #e6e6e6;
width: 120px;
float: left;
border: 2px solid #444444;
}

.party2 ul {
padding: 0px 10px 0px 10px;
margin: 0px;
background-color: #e6e6e6;
list-style: none;
}

.member {
padding: 3px 10px 3px 10px;
margin: 0px;
background-color: #7d8fa1;
list-style: none;
color: #ffffff;
font-weight: bold;
}

.videotext { 
padding: 10px;
width: 576px;
float:left;
background-color: #f5f5f5;
margin-left: 10px;
 }

/*-- ���� --*/
.margin10 { margin-top: 10px; }
.margin20 { margin-top: 20px; }
.marginbottom10 { margin-bottom: 10px; }
.mar10{ margin-bottom: 10px; }
.clear { clear: left; }
.cent {text-align: center;