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

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;
}

/* common-style */
body{
text-align:center;
color:#fff;
font-size:12px;
line-height:300%;
letter-spacing:0.2em;
background:#000 url(img/image_01.jpg) no-repeat;
background-position:center top;
margin:0;
padding:0;
}

#container{
width:780px;
margin:0 auto;
}

#container #left_block{
width:501px;
float:left;
text-align:center;
}

#container #right_block{
width:279px;
float:left;
text-align:center;
}

#container #bottom_block{
clear:both;
font-size:10px;
color:#00ffe4;
text-align:left;
}

h1{
height:201px;
width:780px;
margin:0 auto;
}

h1 span{
display:none;
}

h2{
background:#ff00ea;
font-size:15px;
color:#000;
text-align:left;
line-height:150%;
padding:3px;
margin:20px auto 0;
font-weight:bold;
width:460px;
}

table{
width:460px;
margin:10px auto;
padding:0;
border:0;
background:url(img/image_04.jpg) no-repeat;
background-position:top;
}

td{
margin:0;
padding:0;
border:0;
text-align:left;
}

.clear{
clear:both;
}
/*link-color*/
a:link { color:#000;  text-decoration:none; background:#00ffe4;}
a:visited { color:#000; text-decoration:none; background:#ffffff;} 
a:hover { color:#000; text-decoration:none; background:#eaff00;} 
a:active { color:#000; text-decoration:none; background:#eaff00;}

a.bgnone:link { background:none!important; }
a.bgnone:visited { background:none!important; } 
a.bgnone:hover { background:none!important; } 
a.bgnone:active { background:none!important; }

#bottom_block a:link { color:#00ffe4; text-decoration:underline; background:none;}
#bottom_block a:visited { color:#00ffe4; text-decoration:underline; background:none;} 
#bottom_block a:hover { color:#fff; text-decoration:underline; background:none;} 
#bottom_block a:active { color:#fff; text-decoration:underline; background:none;}
/*link-color*/

/* common-style */

/*left*/
#container #left_block .ul{
width:460px;
margin:0 auto;
text-align:left;
}

#container #left_block .ul .title{
color:#eaff00;
font-weight:bold;
}
/*left*/

/*right*/
#container #right_block #category{
background:url(img/image_03.gif) no-repeat;
background-position:bottom;
margin:0;
width:274px;
padding:0 0 8px;
}
#container #right_block #category li{
background:url(img/image_02.gif) repeat-y;
margin:0;
padding:0 23px 30px;
line-height:150%;
}

#container #right_block #site-list{
width:253px;
margin:20px auto;
text-align:left;
}

#container #right_block #site-list .title{
background:#ff00ea url(img/image_05.gif) no-repeat;
background-position:149px 6px;
padding:6px 0;
height:16px;
width:253px;
text-align:left;
}

#container #right_block #site-list .title span{
display:none;
}

#container #right_block .ul{
width:253px;
margin:0 auto;
text-align:left;
}

/*right*/