@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;
}

.japanp {
   float: left;
   clear: both;
   width: 540px;
   padding: 0 0 20px 0;
}
.japanp2 {
   clear: both;
   width: 380px;
   margin: 0 auto 0 auto;
}
.japanp3 {
   clear: both;
   width: 500px;
   margin: 0 auto 0 auto;
}
.japanp-right {
   width: 282px;
   float: right;
   text-align: center;
}
.japanp-right2 {
   width: 180px;
   float: right;
   text-align: center;
}
.japanp-left {
   width: 230px;
   float: left;
   text-align: center;
}
.japanp-left2 {
   width: 180px;
   float: left;
   text-align: center;
}
.japanp-box {
   float: right;
   width: 350px;
   padding: 0 0 0 0;
   margin: 0 0 0 0;
}
.japanp-box-txt {
   float: left;
   width: 185px;
}

.red {
   color: #f00;
}
.blue {
   color: #009;
}
.green {
   color: #096;
}

.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;
}
.pr-name-23 {
   font-weight: bold;
   color: #067084;
}

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

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

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

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

.pro3 td{
   padding: 5px 10px 5px 0px;
   text-align: left;
   font-size: 13px;
   line-height: 160%;
   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 0px 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;
}

.rankin-450 {
   width: 450px;
   padding: 20px 0 20px 70px;
}

.rankin-450-hihyou {
   width: 450px;
   margin: 0 auto 0 auto;
   padding: 20px 0 0 0;
   font-size: 100%;
   color: #333;
   line-height: 1.4em;
}

.title1 {
   float: left;
   width: 550px;
   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: 0 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;
}

.title4 {
   clear: both;
   width: 550px;
   padding: 20px 0 0 0;
   border-bottom: 1px solid #B09846;
}

.title5 {
   clear: both;
   width: 550px;
   margin: 20px 0 20px 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;
}

.f-70-R {
   font-size: 75%;
   font-weight: normal;
   text-align: right;
   padding: 0 10px 0 0;
}

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

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

.text-R-s {
   text-align: right;
   font-size:small;  
}

.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-pho2 {
    padding: 2px;
    margin: 0 0 20px 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;
   width: 530px;
   padding: 15px 0 0 10px;
   font-size: 100%;
}

.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-l {
   float: left;
   width: 250px;
   color: #666;
}

.flow img{
    padding: 2px;
    border: 1px solid #BEBEBE;
    margin: 3px 2px 5px 2px;   
}
.g-pho-box-pho-r {
   float: right;
   width: 250px;
   color: #666;
}
.g-pho-box td {
   margin: 0 0 0 0;
   padding: 0 10px 15px 0;
   color: #333;
   font-size: 90%;
   line-height: 140%;
   vertical-align: top;
}

.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-lef {
   text-align: center;
   float: left;
   width: 195px;
}

.sakutou-ce {
   text-align: center;
   float: left;
   width: 160px;
}

.sakutou-rig {
   text-align: center;
   width: 160px;
   float: right;
}

.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%;
}

.midashi {
   font-size: 110%;
   text-align: center;
   width: 555px;
   color: #333;
   font-weight: bold;
   padding: 0 0 20px 0;
   line-height: 1.4em;
}

.midashi2 {
   font-size: 130%;
   text-align: center;
   color: #333;
   font-weight: bold;
   padding: 0 0 0 0;
   line-height: 1.4em;
}
.kodomo {
    padding: 2px;
    border: 1px solid #BEBEBE;
}

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

.kodomo-school td {
   vertical-align: top;
   text-align: left;
   padding: 5px;
}
.kodomo-school2 td {
   vertical-align: top;
   padding: 0 0 0 0;
}
.kodomo-school2 td.txt-r {
   text-align: right;
   padding: 0 0 0 0;
}
.kodomo-school2 td.txt-c {
   text-align: center;
   padding: 0 0 0 0;
}
#kodomo-school3 {
   width:490px;
   margin: 0 auto 0 auto;
   clear:both;
   background-color:#E0EFFE;
}
#kodomo-school3 p img {
    float: right;
    padding: 2px;
    border: 1px solid #BEBEBE;
    background-color: #FFF;
    margin: 0 0 0 10px;
}

#kodomo-school3 p {
   padding:5px;
}
.bold {
   font-weight: bold;
}


#book {
   float: left;
	padding: 0 0 0 0;
	color: #333333;
	font-size: 13px;
	line-height: 1.1em;
}

.book-title {
   font-weight: bold;
   font-size: 1.2em;
   padding: 0 0 15px 10px;
}

#book img {
    float: right;
    padding: 2px;
    border: 1px solid #BEBEBE;
    margin: 5px 5px 5px 5px;
}

.cha {
   color:#660000;
}

.nakamura {
   text-align: center;
   width: 160px;
   float: right;
}

.ninki-com {
   padding: 10px 0 0 0;
   margin: 0 0 0 0;
   color:#666;
   line-height: 1.6em;
}

#akaraku {
   width: 550px;
   float: left;
}

#akaraku-right  {
   float: right;
   width: 180px;
}
#akaraku-left {
   width: 350px;
   text-align: center;

}
#akaraku-left .akaraku-left-box {
   float: left;
   width: 170px;
   padding: 0 0 0 0;
}
#akaraku-left .akaraku-left-box2 {
   float: left;
   width: 350px;
   padding: 0 0 0 0;
   text-align: center;
}

#asaoka {
   text-align: left;
   background-color: #FDFDDA;
   border: 1px solid #F6F5B6;
   font-size: 1.1em;
   padding: 8px;
   margin: 0 0 20px 0;
}
#asaoka dl {
   margin: 0 0 0 0;
   padding: 0 0 0 0;
}
#asaoka dt {
   float: left;
   width: 60px;
}
#asaoka dd {
   width: 450px;
   margin: 0 0 0 65px;
}

.jt-name {
   font-size: 1.3em;
   font-weight: bold;
   line-height: 1.8em;
}
.taki {
   float: left;
   width: 225px;
   text-align: left;
   background-color: #FDFDDA;
   border: 1px solid #F6F5B6;
   font-size: 1.0em;
   padding: 3px;
   margin: 5px 0 20px 0;
}
.taki dl {
   margin: 0 0 0 0;
   padding: 0 0 0 0;
}
.taki dt {
   float: left;
   width: 50px;
}
.taki dd {
   width: 170px;
   margin: 0 0 0 50px;
}

.miyagi {
   float: right;
   width: 225px;
   text-align: left;
   background-color: #FDFDDA;
   border: 1px solid #F6F5B6;
   font-size: 1.0em;
   padding: 3px;
   margin: 5px 0 20px 25px;
  _margin: 5px 0 20px 12px;
}
.miyagi dl {
   margin: 0 0 0 0;
   padding: 0 0 0 0;
}
.miyagi dt {
   float: left;
   width: 50px;
}
.miyagi dd {
   width: 170px;
   margin: 0 0 0 50px;
}

.migi{
   text-align: right;
   color: #666;
font-size:small

}

.flow {
   text-align: center;
   width: 515px;
   margin: 10px auto 0 auto;
   font-size: 12px;
   line-height: 130%;
   color: #666;
}

.col_gb {
   color: #09839A;
   font-size: 90%;
}
.col_gbs {
   color: #09839A;
   font-size: 80%;
}
.sakka {
   width: 350px;
   border: 1px solid #058296;
   margin: 10px auto 10px auto;
   background-color: #F0FBFD;
   padding: 5px;
}

.nihonga {
   diplay: inline;
   color: #333;
   float: left;
   width: 530px;
   font-size: 100%;
   clear: both;
   float: left;
   padding: 20px 0 5px 10px;
   display: inline;
   margin: 0;
}

.nihongaL {
   float: left;
   width: 310px;
   color: #333;
   font-size: 90%;
}

.nihongaR {
   width: 210px;
   float: right;
   font-size: 90%;
   line-height: 140%;
}

.nihongaL img {
    padding: 2px;
    border: 1px solid #BEBEBE;
    background-color: #FFF;
    margin: 0 0 0 0;
}

.rankin-comm2 {
   width: 530px;
   clear: both;
   color: #666;
   font-size: 80%;
   line-height: 1.3em;
   padding: 5px 0 15px 10px;
}

.sakutouB{
   color: #948A54;
   text-align: right;
   width: 190px;
   padding: 10px 0 0 0;
   font-size: 90%;
}

.sakutouB2{
   color: #948A54;
   text-align: right;
   width: 210px;
   padding: 30px 0 0 0;
   font-size: 90%;
}

.rankin-C {
   clear: both;
   color: #333;
   line-height: 1.4em;
   font-size: 90%;
   text-align: center;
  padding: 0 0 30px 0;
}

.rankin-R3{
   width: 340px;
   clear: both;
   color: #333;
   line-height: 1.4em;
   font-size: 90%;
  padding: 0 20px 20px 200px;
}


.henyou{
   width: 130px;
   float: right;
   padding: 0 20px 0 25px;
   color: #948A54;
   font-size: 90%;
}


.sensei {
   float: left;
   width: 100px;
   text-align: right;
   font-size: 90%;
   color: #948A54;
}

.caption{
   color: #948A54;
   font-size: 90%;
}

#contents ul {
   margin: 0 0 0 0;
   padding: 15px 0 20px 20px;
}

#contents li {
   list-style: disc;
}

.padd20 {
   padding: 20px 0 0 0;
}
.padd30 {
   padding: 30px 0 0 0;
}
