@import "./topic.css";

*{
    margin:0;
    padding:0;
    font-size:98%;
    list-style-type:none;
    font-family: osaka,MS Pゴシック,arial,helvetica,sans-serif;
    line-height:1.5;
}

body{
    text-align:center;
    background-image: url("../img/bgall.gif");
}
a {
	color:#336699;
}
a:hover{
	color:#3300CC;
}
img {
	border:none;
}

#container{
    width:770px;
    margin-left:auto;
    margin-right:auto;
    text-align:left;
    border-left:solid 1px #000000;
    border-right:solid 1px #000000;
    background-color:#FFFFFF;
}
h1 {
    width:770px;
    height:150px;
	text-indent: -9999px;
    background-image:url("../img/top.jpg");
}
h2 {
    width:770px;
    margin-bottom:20px;
    font-size:110%;
    background-color:#999999;
    color:#333333;
    
}
p {
	margin-bottom:20px;
}

#bookinfo {
    font-size:90%;
    padding-left:20px;
    margin-top:0px;    
}

#LeftBox{
    float:left;
    width:550px;
}
#LeftBox *{
    margin-left:5px;
    margin-right:5px;
    margin-bottom:15px;
    letter-spacing:1.2;
    line-height:1.6;
}
#LeftBox a{
	padding:0;
	margin:0;
}

#LeftBox h3{
	color:#FFFFFF;
    font-size:110%;
    margin-bottom:25px;
    background: url("../img/hbar.gif") #FFFFFF no-repeat;
    height:40px;
    padding-top:3px;
    padding-left:5px;
}
#LeftBox h3 a{
	color:#FFFFFF;
}
#LeftBox h4{
	background: url("../img/husen.gif") #FFFFFF no-repeat;
	margin-left:8px;
	padding-top:3px;
	padding-left:25px;
    font-size:100%;
    height:40px;
}
#LeftBox h4.categoryKey{
	background-image:none;
	padding-left:0px;
	margin-bottom:5px;
}

#LeftBox span {
	margin:0;	
}
#LeftBox p{
    margin-left:10px;
    margin-right:15px;
    margin-bottom:20px;
    text-align:justify;
    

}

#LeftBox .taglist{
	text-align:right;
	font-size:80%;
	
}

#LeftBox dt{
    margin-left:5px;
}

#LeftBox dd{
    margin-left:20px;
}

#RightBox{
    float:right;
    width:210px;
}

#RightBox div{
    margin-left:5px;
    margin-right:5px;
    margin-bottom:5px;
}
#RightBox h4{
	background-image:url("../img/sidebar.gif");
	
	height:30px;
    font-size:110%;
    padding-top:5px;
    padding-left:5px;
    margin-left:0px;
    margin-bottom:10px;
        
}
#RightBox h5{
    font-size:100%;
    margin-top:10px;
    border-bottom:1px dotted #666666;    
}
#RightBox dl{
	margin-left:0px;
	padding-left:0px;
}
#RightBox dt{
	margin-left:0;
	margin-bottom:5px;
	font-size:98%;
}
#RightBox dd {
	margin-bottom:10px;
	font-size:95%;
}
#RightBox p{
    

}
#RightBox ul{
	margin-left:0px;
	padding-left:0px;
}

#RightBox li{
	margin-bottom:10px;
	font-size:98%;
}

.xbox {
    padding-bottom:20px;
}

#footer{
    clear:both;
    width:770px;
    border-top:solid 5px #000000;
    text-align:center;
}