@charset  "utf-8";

dl.dlTopics{
}
dl.dlTopics dt{
	clear: both;
	float: left;
	width: 110px;
	margin: 0px 0px 6px 0px;
	padding: 3px 0px 3px 10px;
	color: #333333;
	font-size: 14px;
	line-height: 1.5em;
	text-align: left;
}
dl.dlTopics dd{
	float: left;
	width: 426px;
	margin: 0px 0px 6px 0px;
	padding: 3px 0px 3px 10px;
	background-image: url(images/topicsListBg.jpg);
	background-repeat: no-repeat;
	color: #333333;
	font-size: 14px;
	line-height: 1.5em;
	text-align: left;
}

.topicsListImg{
	float: right;
	margin: 0px;
	padding: 0px 0px 0px 10px;
}

.imgCenterBox{
	width: 500px;
	text-align: center;
	margin: 0px auto 6px;
}


.imgCenterBox img {
    padding: 2px;
    border: 1px solid #BEBEBE;
}


.pho-box {
   clear: both;
   float: left;
   width: 480px;
   padding: 30px 0 30px 0px;
}

.pho-box1 {
   text-align: left;
   float: left;
   width: 200px;
   color: #666;
   font-size: 12px;
   line-height: 150%;
   padding: 0 40px 0 0;
}

.pho-box2 {
   text-align: left;
   float: left;
   width: 220px;
   color: #333;
   font-size: 90%;
   line-height: 140%;
}

.topic-box {
   text-align: center;
   clear: both;
   float: left;
   width: 545px;
   padding: 10px 0 30px 10px;
   color: #666;
   font-size: 12px;
   line-height: 150%;
}

.topic-boxb {
   text-align: center;
   clear: both;
   float: left;
   width: 545px;
   padding: 0 0 0 10px;
   color: #666;
   font-size: 12px;
}

.topic-boxc {
   text-align: center;
   clear: both;
   float: left;
   width: 300px;
   padding: 20px 0 10px 120px;
   color: #666;
   font-size: 12px;
}


.topic-box1 {
   float: left;
   width: 250px;
   color: #666;
   font-size: 12px;
   line-height: 150%;
   padding: 20px 30px 0 0;
}

.topic-box1w {
   float: left;
   width: 250px;
   color: #666;
   font-size: 12px;
   line-height: 150%;
   padding: 100px 30px 0 0;
}

.topic-box2 {
   float: left;
   width: 250px;
   color: #666;
   font-size: 12px;
   line-height: 150%;
   padding: 20px 0 20px 0;
}

.topic-box3 {
   float: left;
   width: 160px;
   color: #666;
   font-size: 12px;
   line-height: 150%;
   padding: 0 20px 0 0;
}
.topic-box4 {
   float: left;
   width: 160px;
   color: #666;
   font-size: 12px;
   line-height: 150%;
   padding: 0 0 20px 0;
}

.pho-box img {
    padding: 2px;
    border: 1px solid #BEBEBE;
    margin: 5px 0 5px 0;
}

.topic-box img {
    padding: 2px;
    border: 1px solid #BEBEBE;
    margin: 5px 0 5px 0;
}

.topic-boxb img {
    padding: 2px;
    border: 1px solid #BEBEBE;
    margin: 3px 0 2px 0;
}

.topic-boxc img {
    padding: 2px;
    border: 1px solid #BEBEBE;
    margin: 5px 0 5px 0;
}

.btn-center {
   font-size: 12px;
   text-align: center;
   padding: 0 0 20px 0;
}


.txt-center {
   clear: both;
   text-align: center;
   padding: 0 0 20px 0;

}

.txt-center2 {
   clear: both;
   text-align: center;
   padding: 0 0 30px 0;

}

.txt-center2 img {
   margin: 0 15px 5px 0;
}

.txt-left {
   width: 510px;
   clear: both;
   float: left;
   text-align: left;
   padding: 0 0 20px 10px;
}

.kokuchi dl {
	margin: 0px 10px 1em 10px;
	font-size: 14px;
	color: #333333;
	line-height: 1.5em;
}

.kokuchi dt {
	clear: both;
	float: left;
}

.kokuchi dd {
       padding: 0 0 0 90px;
}

.topic-box1-text {
   text-align: left;
   float: left;
   width: 250px;
   color: #930;
   line-height: 150%;
   padding: 20px 30px 0 0;
}

.topic-box2-text {
   text-align: left;
   float: left;
   width: 250px;
   color: #333;
   line-height: 150%;
   padding: 20px 0 0 0;
}

.topic-box5 {
   float: left;
   width: 149px;
   color: #666;
   font-size: 12px;
   line-height: 130%;
   text-align: center;
   padding: 0 0 0 0;
}

.topic-box6 {
   float: left;
   width: 170px;
   color: #666;
   font-size: 12px;
   line-height: 130%;
   text-align: center;
   padding: 0 0 0 11px;
}

.topic-box7 {
   float: left;
   width: 104px;
   color: #666;
   font-size: 12px;
   line-height: 130%;
   text-align: center;
   padding: 0 0 0 0;
}

.topic-box8 {
   float: left;
   width: 273px;
   color: #666;
   font-size: 12px;
   line-height: 130%;
   text-align: center;
   padding: 0 15px 0 15px;
}

.topic-box9 {
   width: 300px;
   color: #666;
   font-size: 12px;
   line-height: 130%;
   text-align: center;
   padding: 0 0 30px 0;
}

.red {
   color: #f00;
}

.name-data {
   color: #333;
   text-align: right;
}

.topic-left {
   float: left;
   color: #666;
   font-size: 12px;
   line-height: 150%;
   padding: 20px 30px 0 0;
}

.topic-right {
   float: left;
   color: #666;
   font-size: 12px;
   line-height: 150%;
   padding: 20px 0 20px 0;
}

.progrum {
   width: 510px;
   float: left;
   text-align: left;
   font-size: 14px;
   line-height: 150%;
   padding: 10px 0 10px 15px;
   color: #333;
   vertical-align: bottom;
}

.progrum-l {
   float: left;
   width: 200px;
   text-align: center;
}

.progrum-r {
   text-align: left;
   float: right;
   width: 310px;
   padding: 10px 0 10px 0;
}

.p {
    padding: 2px;
    border: 1px solid #BEBEBE;
    margin: 5px 0 5px 0;
}

.p-right {
   float: right;
    padding: 2px;
    border: 1px solid #BEBEBE;
    margin: 5px 0 5px 5px;
}

.p-left {
   float: left;
    padding: 2px;
    border: 1px solid #BEBEBE;
    margin: 5px 10px 5px 0px;
}

.pr-name {
   font-weight: bold;
   color: #663;
}

.pro td{
   padding: 15px 10px 15px 0px;
   text-align: left;
   font-size: 13px;
   line-height: 160%;
   color: #333;
}

.pro2 td{
   padding: 0px 0px 0px 0px;
   text-align: left;
   font-size: 13px;
   line-height: 150%;
   color: #333;
}

.txt-r {
  text-align: right;
  padding: 0 0 0 0;
  margin: 0 0 0 0;
}

.gray {
   color: #666;
   font-size: 12px;
}

.rankin {
   clear: both;
   float: left;
   width: 530px;
   padding: 20px 0 30px 10px;
   color: #333;
   line-height: 1.4em;
   font-size: 90%;
}

.rankin2 {
   clear: both;
   float: left;
   width: 530px;
   padding: 10px 0 10px 10px;
   color: #333;
   line-height: 1.3em;
   font-size: 90%;
}

.rankin-400 {
   width: 400px;
   padding: 20px 0 20px 85px;
}

.title1 {
   float: left;
   width: 560px;
   padding: 5px 0 0 10px;
   height: 28px;
   background-image: url(images/0912/rank_bg.gif);
   background-repeat: no-repeat;
   background-position: 0px 0px;
   color: #fff;
   font-weight: bold;
}

.title2 {
   float: left;
   width: 550px;
   padding: 10px 0 0 0;
   border-bottom: 1px solid #B09846;
}

.title3 {
   float: left;
   padding: 0 0 0 0;
   margin: 0 0 10px 0;
   border-bottom: 1px solid #B09846;
}

.title_roundBot {
   float: left;
   width: 560px;
   padding: 0 0 5px 0;
   background-image: url(images/0912/rank_bg_bottom.jpg);
   background-repeat: no-repeat;
   background-position: left bottom;
}

.title_roundBot .title_roundBody {
   width: 540px;
   padding: 5px 10px 0 10px;
   background-image: url(images/0912/rank_bg_body.jpg);
   background-repeat: no-repeat;
   background-position: left top;
   color: #fff;
   font-weight: bold;
}

.f-80 {
   font-size: 93%;
}

.f-70 {
   font-size: 75%;
   font-weight: normal;
}

.rankin-comm {
   color: #666;
   font-size: 90%;
   line-height: 1.3em;
   padding: 0 0 15px 0;
}

.text-R {
   text-align: right;
}

.rankin-R {
   float: right;
   width: 250px;
   padding: 0 0 10px 0;
}

.rankin-L {
   float: left;
   width: 250px;
   padding: 0 0 10px 0;
}

.rankin-R2 {
   float: right;
   width: 280px;
}

.rankin-L2 {
   float: left;
   width: 220px;
}

.rankin-pho {
    padding: 2px;
    margin: 0 0 2px 0;
    border: 1px solid #BEBEBE;
}

.rankin-pho-r {
    float: right;
    padding: 2px;
    margin: 0 0 2px 0;
    border: 1px solid #BEBEBE;
}

.r-p-right {
   float: right;
    padding: 2px;
    border: 1px solid #BEBEBE;
    margin: 0 0 5px 15px;
}

.r-p-left {
   float: left;
    margin: 0 15px 5px 0;
}

.rankin-box {
   float: left;
   width: 160px;
   text-align: right;
   padding: 0 7px 0 7px;
}

.rankin-box2 {
   float: left;
   width: 160px;
   text-align: left;
   padding: 0 7px 0 7px;
   font-size: 80%;
   color: #666;
   line-height: 1.3em;
}


.rankin-box img {
   float: right;
    padding: 2px;
    border: 1px solid #BEBEBE;
}

.rankin td {
   margin: 0 0 0 0;
   padding: 0 0 0 0;
   color: #333;
   line-height: 140%;
}

.g-pho-box  {
   clear: both;
   float: left;
   width: 530px;
   padding: 20px 0 30px 10px;
}

.g-pho-box p {
   color: #333;
   line-height: 1.3em;
}

.g-pho-box img{
    padding: 2px;
    margin: 0 0 2px 0;
    border: 1px solid #BEBEBE;
}

.g-pho-box-text {
   float: right;
   padding: 0 0 0 0;
   width: 260px;
   color: #333;
   font-size: 90%;
   line-height: 140%;
}

.g-pho-box-pho {
   float: left;
   width: 250px;
   color: #666;
   font-size: 12px;
   line-height: 130%;
   text-align: center;
}
.g-pho-box td {
   margin: 0 0 0 0;
   padding: 0 10px 15px 0;
   color: #333;
   font-size: 90%;
   line-height: 140%;
}

.name-data {
   color: #666;
   font-size: 12px;
   line-height: 130%;
}

.kouen {
   color: #066;
}

.sakutou {
   color: #666;
   font-size: 12px;
   line-height: 130%;
   width: 530px;
   clear: both;
   padding: 20px 0 20px 10px;
}

.sakutou-r {
   text-align: center;
   width: 170px;
   float: right;
}

.sakutou-l {
   text-align: center;
   float: left;
   width: 335px;
}

.sakutou img {
    padding: 2px;
    border: 1px solid #BEBEBE;
    margin: 5px 5px 5px 5px;
}

.kodomo-school {
   font-size: 120%;
}

.kodomo-school th {
   vertical-align: top;
   font-weight: bold;
   padding: 5px 5px 5px 0;
}

.kodomo-school td {
   text-align: left;
   padding: 5px;
}