@charset "utf-8";
/* CSS Document */

/*css var1.0*/

body, div, h1, h2, h3, h4, h5, h6, p, dl, dt, dd, ul, ol, li, 
brockquote, pre, table, caption, th, td, address, 
form, fieldset, legend, object, img{
  margin: 0;
  padding: 0;
  font-size: 100%;
  font-weight:normal;
}

ul, ol, dl{
list-style-type:none;
margin:0;
padding:0;
}

dt, dd{
margin:0;
padding:0;
}

li{
margin:0;
padding:0;
}

img {
  vertical-align:bottom;
}

a img {
  border: none;
}

/* kyoutu */
body{
text-align:center;
color:#3d3d3d;
font-family:'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','ＭＳ Ｐゴシック',sans-serif;
font-size:13px;
line-height:300%;
letter-spacing:0.2em;
background:#534738;
margin:0;
padding:0;
}

.clear{
clear:both;
}

a:link { color:#ff0000;  text-decoration:none;}
a:visited { color:#ff0000; text-decoration:none;} 
a:hover { color:#bf3131; text-decoration:underline;} 
a:active { color:#bf3131; text-decoration:underline;}

/*site-menu------------------------------------------------------------------*/
#navi1 a:link { color:#fff; text-decoration:underline;}
#navi1 a:visited { color:#fff; text-decoration:underline;} 
#navi1 a:hover { color:#34fffd; text-decoration:underline;} 
#navi1 a:active { color:#34fffd; text-decoration:underline;}
/*site-menu------------------------------------------------------------------*/
/*footer*/
#footer a:link { color:#ff8e00; text-decoration:underline;}
#footer a:visited { color:#ff8e00; text-decoration:underline;} 
#footer a:hover { color:#ffc600; text-decoration:underline;} 
#footer a:active { color:#ffc600; text-decoration:underline;}
/*footer*/
/*common*/
#container{
width:712px;
border-bottom:15px solid #000;
border-top:15px solid #000;
margin:0 auto;
}

#container h1{
width:712px;
height:223px;
background-image:url(img/main_v.jpg);
margin:0;
padding:0;
text-align:left;
}

#container h1 div{
height:223px;
width:223px;
text-align:center;
cursor:pointer;
}

#container h1 div span{
display:none;
}

#container #footer{
clear:both;
color:#FFFFFF;
margin:0 0 0 224px;
padding:10px 0;
font-size:10px;
text-align:left;
}
/*common*/
/*category*/
#container #english_skill{
background-color:#000;
width:100%;
margin:0;
padding:0;
}

#container #english_skill #btn{
background:url(img/category_b.gif) no-repeat;
width:132px;
height:27px;
background-position:center center;
margin-left:571px;
}

#container #english_skill #btn span{
display:none;
}
/*category*/
/*left*/
#container #left-space{
width:223px;
float:left;
text-align:left;
margin-bottom:7px;
}

#container #left-space .toplist{
background-color:#ffbc5b;
border-bottom:1px solid #ffc571;
border-top:1px solid #ffc571;
margin-bottom:1px;
width:223px;
color:#fff;
text-align:center;
padding-top:10px;
}

#container #left-space .toplist li{
background:url(img/bg_01.gif) no-repeat;
border-bottom:1px solid #e5a445;
background-position:0 5px;
padding:0 0 10px 0;
width:203px;
text-align:left;
margin:0 auto 7px;
line-height:150%;
}
#container #left-space .toplist li span{
display:block;
margin-left:15px;
}

#container #left-space .bottomlist{
background-color:#ffbc5b;
border-bottom:1px solid #ffc571;
border-top:1px solid #ffc571;
margin-top:1px;
width:223px;
color:#fff;
text-align:center;
padding-top:10px;
}

#container #left-space .bottomlist li{
background:url(img/bg_01.gif) no-repeat;
border-bottom:1px solid #e5a445;
background-position:0 5px;
padding:0 0 10px 0;
width:203px;
text-align:left;
margin:0 auto 7px;
line-height:150%;
}
#container #left-space .bottomlist li span{
display:block;
margin-left:15px;
}

/*navigate*/
#container #left-space #navi1{
width:223px;
background:#5eaec2 url(img/bg_02.jpg) repeat-x;
background-position:bottom;
margin:0;
border-bottom:1px solid #68c0d6;
border-top:1px solid #68c0d6;
text-align:center;
}

#container #left-space #navi1 li{
background:url(img/bg_05.gif) no-repeat;
background-position:7px 5px;
width:203px;
margin:12px auto;
text-align:left;
line-height:125%;
}
#container #left-space #navi1 li span{
display:block;
margin-left:15px;
}
#container #left-space #navi1 li.title{
background:url(img/bg_04.jpg) no-repeat !important;
height:10px;
}

#container #left-space #navi1 li.title span{
display:none !important;
}
/*navigate*/

/*right*/
#container #right-space{
width:489px;
float:left;
}

#container #right-space .toplist{
background:#d8d8d8 url(img/bg_03.jpg) repeat-x;
background-position:bottom;
text-align:center;
margin-bottom:1px;
}

#container #right-space .toplist h3{
color:#3d3d3d;
font-size:15px;
border-bottom:1px solid #e0e0e0;
width:463px;
text-align:left;
margin:0 auto;
line-height:200%;
}

#container #right-space .toplist ul{
color:#FFFFFF;
width:463px;
text-align:left;
margin:0 auto;
line-height:200%;
}

#container #right-space .bottomlist{
background:#d8d8d8 url(img/bg_03.jpg) repeat-x;
background-position:bottom;
text-align:center;
margin-top:1px;
}

#container #right-space .bottomlist h3{
color:#3d3d3d;
font-size:15px;
border-bottom:1px solid #e0e0e0;
width:463px;
text-align:left;
margin:0 auto;
line-height:200%;
}

#container #right-space .bottomlist ul{
color:#FFFFFF;
width:463px;
text-align:left;
margin:0 auto;
line-height:200%;
}

#container #right-space dl{
border-bottom:1px solid #fff;
border-top:1px solid #fff;
background-color:#e5dfd8;
}

#container #right-space dl dt{
}

h2{
color:#c01a04;
font-size:17px;
margin:0 10px;
text-align:left;
}

#container #right-space dl dd{
margin:0 10px;
text-align:left;
backgrund:#e5dfd8;
}

/*footer*/

#container #footer ul{
line-height:150%;
}