

.repoAll{
width: 910px;
margin: 25px auto;
color: #7f4942;
}

.repoAll h1{margin-top: 21px;}

.repoAll h2{margin-top: 0;}


.repoAll p.intro{
margin: 5px 0 35px;
padding-bottom: 30px;
border-bottom: 1px solid #ddd;
}

.repoAll div.repoLineBtm{
float:left;
width:910px;
margin: 5px 0 35px;
padding-bottom: 30px;
border-bottom: 1px solid #ddd;
}

.repoAll div.repoLineBtm02{
float:left;
width:910px;
border-bottom: 1px solid #ddd;
margin: 5px 0 35px;
}

/*  どんなくに？  */


div.aboutLiberiaExp{
float: left;
width: 470px;
}

p.aboutLiberiaImg{
float: right;
width: 417px;
margin-top: 10px;
}


div.reportBox{
margin: 10px 0;
background: url(img/01_repo_bg.gif) repeat-y;
padding: 0;
}

div.reportBox h3{margin-left: 209px;}

div.reportBox div.reporter{
float: left;
width: 140px;
display: inline;
margin-left: 24px;
}

div.reportBox div.report{
float: right;
width: 652px;
display: inline;
margin-right: 49px;
padding: 0;
}

div.reportBox div.report p.exp{
float: left;
width: 345px;
}

div.reportBox div.report span{
border-bottom: 1px solid #ddd;
padding-bottom: 5px;
line-height: 2.0;
}

div.reportBox div.report p.img{
float: right;
width: 287px;
}

div.reportBox div.report div{
margin-top: 20px;
background: url(img/00_repo_dushline.gif) repeat-x bottom;
padding-bottom: 15px;
}

div.reportBox div.report div.top{margin-top: 5px;}

div.reportBox div.report div.btm{
background: none;
padding-bottom: 0;
}

div.reportBox p.repoBtm img{
display: block;
}

/*  使い道  */

.repoAll h2.useful{margin-top: 50px;}

.repoAll h3.useful{
font-weight: bold;
margin: 50px 0 20px;
font-size: 110%;
}

ul.useful{
float: left;
width: 375px;
margin-bottom: 35px;
}

*html ul.useful{margin-bottom: 17px;}
*+html ul.useful{margin-bottom: 17px;}

ul.useful li{
background: url(img/02_icon.gif) no-repeat left center;
padding: 2px 0 2px 18px;
margin-bottom: 5px;
border-bottom: 1px solid #ddd;
}

ul.useful li.btm{border: none;}
ul.useful li span{font-size: 77%;}

div.materiel{
float: right;
width: 249px;
display: inline;
margin-left: 15px;
}


p.useful{margin: 20px 0 30px;}

div.usefulScene{
width: 288px;
float: left;
display: inline;
margin: 0 23px 50px 0;
}

div.usefulScene02{
width: 288px;
float: left;
display: inline;
margin: 0 23px 30px 0;
}

*html div.usefulScene{margin-bottom: 25px; }
*+html div.usefulScene{margin-bottom: 25px; }

*html div.usefulScene02{margin-bottom: 25px; }
*+html div.usefulScene02{margin-bottom: 25px; }

div.usRight{margin-right: 0;}



/* 子どもたち */

div.childrenAll{
background: url(img/03_bg_head.gif) no-repeat top;
padding: 7px 0;
margin: 20px 0 30px;
}

div.childrenAll div.firstLine{
background: url(img/03_bg_middle.gif) no-repeat bottom;
padding-bottom: 42px;
}

div.childrenAll div.secondLine{
background: url(img/03_bg_foot.gif) no-repeat bottom;
padding-bottom: 7px;
}

div.childrenAll div div{
width: 439px;
background: #fef6ea;
}


div.childrenAll div div p.img{
float: left;
width: 141px;
display: inline;
padding: 8px 0;
margin-left: 15px;
}

div.childrenAll div div.exp{
float: right;
width: 255px;
display: inline;
padding: 8px 0;
margin-right: 15px;
line-height: 1.6;
}

div.childrenAll div div.exp h4{
margin-bottom: 5px;
padding-bottom: 5px;
background: url(img/00_repo_dushline.gif) repeat-x bottom;
}

div.childrenAll div.left{float: left;}
div.childrenAll div.right{float: right;}


/*  */

p.toTop{
margin:40px 0;
text-align: right;
}

.repo_pdt30{
padding-top:30px;
}


