@charset "utf-8"; 

/*ボックス*/
#topA{
width:882px;
margin:0 auto 0 auto;
margin-top:5px;
position:relative;
}

#topAAT{
width: 882px;
height:auto;
}

#topAATBB{
width: 882px;
height:auto;
}

#topAATB{
width: 882px;
height:auto;
margin-top:10px;
}

#topAA{
width: 882px;
float: left;
}

ul#topright{
list-style: none outside;
width:620px;
float: right;
padding-top:20px;
padding-left:20px;
padding-bottom:30px;
}

ul#topright li{
height:120px;
border-top:dotted;
border-bottom:dotted;
border-color: #bbb;
margin:10px 5px 5px 30px;
padding-top: 5px;
}

ul#topleftnews{
width:200px;
height:60px;
padding-top:20px;
padding-left:20px;
text-decoration:blink;
color:#FF0000;
}

ul#topleftnews a{
display:block;
width:200px;
height:30px;
background-image:url(/images/news.jpg);
background-repeat:no-repeat;
}

ul#topleftnews a:hover{
background-image:url(/images/news_hover.jpg);
}

#topleftnews li{
text-decoration:blink;
color:#FF0000;
list-style:none;
text-align:center;
margin-top:-20px;
}

ul#topleft{
list-style: none outside;
width:245px;
height:350px;
padding-top:20px;
padding-left:20px;
padding-bottom:30px;
}

ul#topleft li{
width:220px;
list-style:none; 
height:auto;
margin:5px 3px 5px 5px;
padding-top: 5px;
}

ul#topleft2{
	list-style: none outside;
	width:245px;
	height:350px;
	padding-top:20px;
	padding-left:20px;
	padding-bottom:30px;
}

ul#topleft2 li{
width:220px;
list-style:none; 
height:auto;
}

div#topD{
width:882px;
}

.rolloverD{
display:block;
background-image: url(../images/dipintiin.png);
width:294px;
height:500px;
}

a:hover.rollover{
background-image: url(../images/dipintion.png);
width:294px;
height:500px;
}

#bookbox{
width:200px;
height:200px;
border-style:outset;
border-color:#D5FFDD;
background-color:#D5FFDD;
visibility:hidden;
position:absolute;
z-index:1000;
top:300px;
left:680px;
font-size:12px;
padding:5px;
}

.ambienteblog{
width:230px;
height:50px;
display:block;
background-position:top;
background-image:url(../images/ambienteblog.png);
text-indent:-9999px;
}

a:hover.ambienteblog{
background-position:bottom;
}

.ambientegarow{
width:230px;
height:50px;
display:block;
background-position:top;
background-image:url(../images/ambientegarow.png);
text-indent:-9999px;
}

a:hover.ambientegarow{
background-position:bottom;
}

.ambientenews{
width:230px;
height:50px;
display:block;
background-position:top;
background-image:url(../images/ambientenews.png);
text-indent:-9999px;
}

a:hover.ambientenews{
background-position:bottom;
}

.gansho{
width:882px;
height:30px;
display:block;
background-position:top;
background-image:url(../images/ganshoform.png);
text-indent:-9999px;
}

a:hover.gansho{
background-position:bottom;
}