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

/* base */

h2{
width:200px;
border-bottom:1px dotted #333;
font-size:11px;
color:#336699;
text-align:center;
font-weight:bold;
margin:10px 0px 0px 0px;
text-decoration:none;
}




h3{
width:200px;
font-size:10px;
color:#666;
font-weight:bold;
text-align:center;
margin:0px 0px 0px 0px;
}

p{
font-size:10px;
padding:0px 0px 0px 10px;
}	

.notice{
font-size:10px;
padding:20px 0px 0px 10px;
}

#link_main{
width:980px;
float:left;
text-align:left;
padding:20px 0px 30px 0px;
}

/* linkbox */

.linkbox,.exlink
{
width:200px;
height:250px;
text-align:center;
border:1px solid #ccc;
line-height:150%;
margin:0px 2px 20px 2px;
padding:10px 0px 5px 0px;
}

.linkbox img,.exlink img{
border:1px solid #eee;
text-align:center;
}

.linkbox p,.exlink p{
font-size:10px;
padding:0px 0px 0px 10px;
color:#333333;
}

.box_hover{
background:#eee;
cursor:pointer;
}

.none{
text-indent:-9999px;
height:0px;
overflow:hidden;
}		

.readmore{
width:200px;
padding:0px 0px 0px 0px;
font-size:10px;
color:#336699;
font-weight:bold;
border:none;
}

table{
margin-top:10px;
}

td{
height:auto;
vertical-align:top;
}

/* tab */

ul.title li { 
display:inline; 
padding:5px 10px 5px 10px; 
}

ul.title li a.active {
color:#666; 
border-bottom:4px solid #ccc;
}

#contenedor { 
width:610px; 
}

#tab_conteiner { 
width:600px;  
padding:5px; 
}

#tab_content { 
padding:5px;
margin-left:50px; 
}

ul.title li.title{ 
margin:0px 30px 0px 0px; 
padding:0px 10px 0px 30px; 
list-style:none; 
}


ul.title { 
margin-top:0px;
margin-bottom:6px; 
border-top:1px dotted #ccc;
border-bottom:1px dotted #ccc;
}

a.tab { 
font-weight:bold; 
text-decoration:none; 
}

#artist, #recommend, #aboutlink { 
display:none; 
}

#aboutlink{
padding:0px 0px 2px 20px;
}

#aboutlink p{
font-size:12px;
padding:0px 0px 10px 0px;
}

.aboutlink{
width:500px;
font-size:100%;
font-weight:bold;
padding:20px 0px 0px 0px;
border-bottom:1px dotted #ccc;
}