@charset "UTF-8";
/*
Theme Name: koei dol
Author URI: http://www.gamecity.ne.jp/dol/topics_cms/
Description: 大航海時代 Online のテンプレートです。
Version: 1.0
*/
body{ font-family:'Lucida Grande', 'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3', Meiryo, メイリオ, sans-serif !important; line-height:1.61 !important; margin:0; padding:0;}
img {vertical-align: bottom;}

#common-header-logo{width: 95%; max-width: 1000px; text-align: center; margin: 20px auto;}
#common-header-logo img{width: 95%; max-width: 330px; margin: 0 auto;}

#common-main-box{width: 95%; max-width: 1000px; margin: 0 auto; border: solid 3px #3d3514; background: url(/dol/image/cms/article-main-title-df2.jpg) center center; border-radius: 10px; -webkit-border-radius: 10px; -moz-border-radius: 10px; padding-top: 2%;
box-shadow:rgba(57, 54, 43, 0.309804) 0px 0px 6px 3px;
-webkit-box-shadow:rgba(57, 54, 43, 0.309804) 0px 0px 6px 3px;
-moz-box-shadow:rgba(57, 54, 43, 0.309804) 0px 0px 6px 3px;
}


/* common design
------------------------------------------- */
.article-main-title{width: 96%; margin: 0 auto; padding: 20px 2% 0 2%; background:url(/dol/image/cms/article-main-title-df.jpg) top center no-repeat; color: #fff; font-size: 30px; font-weight: bold; text-shadow: 1px 1px 3px #000; text-align: center;}
.article-main-title-bottm{width: 100%; padding: 18px 0 0 0; margin: 0 auto; background:url(/dol/image/cms/article-main-title-df-bottom.jpg) top center no-repeat;}
.header-img{ width: 100%; margin: 0 auto;}
.header-img img{ width: 100%; display: block;}
/* .article-main-title-bottm + .header-img{width: 100%;  padding: 1%;} */
.main-period{width: 90%; margin: 0 auto 0 auto; padding: 5px  5%; background:#371c01; color: #fff; font-size: 20px; text-align: center; line-height: 1.2; border-top: solid 1px #d96f04; border-bottom: solid 3px #d96f04; margin: 0 0 10px 0;}
.header-img-only + .main-period{width: 85%; margin-top: 20px;}
.article-main-title-bottm + .main-lead{padding-top: 20px;}

.df-toptitle{width: 92%; background:url(/dol/image/cms/h1-df-bg.jpg)left center; color: #fff; margin: 3% auto 2% auto; font-size: 30px; padding: 0.2% 5px 0 40px; text-shadow: 1px 1px 3px #000; font-weight: bold; border: solid 3px #44110d;}
.df-subtitle{width: 95%; background:url(/dol/image/cms/h2-df-bg.jpg)left center; color: #fff; margin: 3% auto 10px auto; font-size: 20px; padding: 0.2% 7px 0 40px; text-shadow: 1px 1px 3px #000; font-weight: bold; border: solid 1px #000;}
.df-heading{width: 97%; color: #25345c; margin: 20px 0 10px 0; font-size: 18px; padding: 0.2% 0 0 5px; font-weight: bold; border-left: solid 15px #25345c; border-bottom: solid 1px #25345c;}
.df-heading2{width: 97%; background:#bfdfff; color: #000; margin: 5px 0 10px 0; font-size: 18px; padding: 0.2% 0 0 5px; font-weight: bold;}

.main-lead{ width: 85%; margin: 0 auto 10px auto; padding: 20px 5%; color: #3d1f03; letter-spacing: 0.05em; font-size: 18px; /* background:rgba(255, 255, 255, 0.6); */ font-weight: bold; border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; text-shadow: #fff 1px 1px 0px, #fff -1px 1px 0px, #fff 1px -1px 0px, #fff -1px -1px 0px;
-webkit-text-stroke-color: #fff; -webkit-text-stroke-width: 1px filter:dropshadow(color=#ffffff,offX= 0,offY=-1) dropshadow(color=#ffffff,offX= 1,offY= 0) dropshadow(color=#ffffff,offX= 0,offY= 1);}
.text-box{ width: 74.5%; margin: 0 auto 10px auto; padding: 50px 10%; background:url(/dol/image/cms/cont-bg.jpg); box-shadow:rgba(57, 54, 43, 0.309804) 0px 0px 6px 3px; -webkit-box-shadow:rgba(57, 54, 43, 0.309804) 0px 0px 6px 3px; -moz-box-shadow:rgba(57, 54, 43, 0.309804) 0px 0px 6px 3px;}

.article-main-title-bottm + .main-lead,
.article-main-title-bottm + .text-box{margin-top: 20px;}


.df-toptitle + .main-lead{padding-top: 0.5%;}


.ss-box{width: 100%; max-width: 700px; margin: 20px auto 20px auto; border: solid 1px #000;}
.ss-box img{width: 100%;}
.ss-lead{width: 98%; margin: 0 auto; font-size: 10px; background:#000; color: #fff; padding: 1%; text-shadow: 1px 1px 3px #000;}

ul.list-box{ width: 81%; margin: 0 auto 10px auto; padding: 2%; background:rgba(255, 255, 255, 0.9); border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px;}
ul.list-box li{ margin: 0; padding:0; text-align: left;}
ul.list-box li a{color: #000;}

ul.typedisc{ list-style: none;  padding-left: 0; display: table; width: 81%; padding: 2%;}
ul.typedisc li:after { content: ""; display: block; margin-bottom: 0.5em;}
ul.typedisc li {display: table-row; margin-bottom: 0.5em; text-align: left;}
ul.typedisc li:before { content: "•";   display: table-cell; padding-right: 0; width: 15px;}

ul.typedecimal{}
ul.typedecimal li {list-style-type: decimal; margin-left: 20px; margin-bottom: 0.5em;}

.text-box ul.list-box{ width: 99%; margin: 0 auto; padding: 2% 0; background:none; border-radius: 0; -webkit-border-radius: 0; -moz-border-radius: 0;  padding:0 0 10px 0;}



table.common-table-nomal{width: 85%; margin: 10px auto 10px auto; font-size: 14px;}
table.common-table-nomal th, table.common-table-nomal td{border: solid 1px #000; padding: 5px;  vertical-align: middle;}
table.common-table-nomal th{text-align: center; background:#203994; color: #fff; font-weight: bold;}
table.common-table-nomal td{color: #000;  text-shadow:none; vertical-align: middle;}
th.common-table-center-text, td.common-table-center-text{text-align: center;}
th.common-table-right-text, td.common-table-right-text{text-align: right;}
th.common-table-left-text, td.common-table-left-text{text-align: left;}

table.common-table-nomal tr:nth-child(even) { background:#fff;}
table.common-table-nomal tr:nth-child(odd) {background:#b4c1ef;}


.text-box table.common-table-nomal{width: 100%;}




.notice{ width: 93%; margin: 0 auto; padding: 0.5% 0; text-indent: -12px; padding-left: 12px; font-size: 12px; color: #3d1f03; text-shadow: #fff 1px 1px 0px, #fff -1px 1px 0px, #fff 1px -1px 0px, #fff -1px -1px 0px;
-webkit-text-stroke-color: #fff; -webkit-text-stroke-width: 1px filter:dropshadow(color=#ffffff,offX= 0,offY=-1) dropshadow(color=#ffffff,offX= 1,offY= 0) dropshadow(color=#ffffff,offX= 0,offY= 1);}

.text-box .notice{color: #533f23; width: 100%; text-shadow:none;
    -webkit-text-stroke-color: #f2e2c0;
    -webkit-text-stroke-width: 0px;
}


.cont-day-data{width: 95%; text-align: right; margin: 20px auto 0 auto; border-top: solid 1px #3d1f03; color: #3d1f03; padding: 5px 0 10px 0;}


.text-box a:link { color: #ff0000; text-decoration: none;}
.text-box a:visited { color: #ff0000; }
.text-box a:hover { color: #ff0000; text-decoration: underline;}
.text-box a:active { color: #ff0000; }

#gc-wrapper .text-box-in-gc{padding: 10px 0; display: block;}
#gc-wrapper .text-box-in-ya{padding: 0; display: none;}

#yahoo-wrapper .text-box-in-gc{padding: 0; display: none;}
#yahoo-wrapper .text-box-in-ya{padding: 10px 0; display: block;}

/* free-btn
------------------------------------- */

.free-btn{width: 95%; margin: 0 auto; padding: 2% 0;}
.free-btn a{
	width: 96%;
	display: block;
     padding:10px 2%;
	background: rgb(169,3,41);
	background: -moz-linear-gradient(top,  rgba(169,3,41,1) 0%, rgba(143,2,34,1) 44%, rgba(109,0,25,1) 100%);
	background: -webkit-linear-gradient(top,  rgba(169,3,41,1) 0%,rgba(143,2,34,1) 44%,rgba(109,0,25,1) 100%);
	background: linear-gradient(to bottom,  rgba(169,3,41,1) 0%,rgba(143,2,34,1) 44%,rgba(109,0,25,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a90329', endColorstr='#6d0019',GradientType=0 );
	box-shadow:rgba(57, 54, 43, 0.309804) 0px 0px 6px 3px;
	-webkit-box-shadow:rgba(57, 54, 43, 0.309804) 0px 0px 6px 3px;
	-moz-box-shadow:rgba(57, 54, 43, 0.309804) 0px 0px 6px 3px;
	color: #fff !important;
	text-align: center;
	text-decoration: none;
	border-radius: 10px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
}

.free-btn a:hover{
	background:#800000;
	text-decoration: none;
}

/* common-smb-list
------------------------------------- */
ul.common-smb-list{width: 110px; margin: 0 auto; padding-bottom: 20px;}
ul.common-smb-list li{display:inline-block; padding: 0 2px;}


/* list
--------------------------------- */
dl.topics-list{font-size: 14px; border-bottom: dotted 1px #000;}
dl.topics-list dt{display:block; padding: 3px; font-weight: bold; color: #0033cc; float: left; width: 14%; max-width: 90px;}
dl.topics-list dd{display:block; padding: 3px; float: left; width: 85%;}
dl.topics-list a{color: #555555!important;  text-decoration: none;}
dl.topics-list a:hover{text-decoration: underline; color #000;}




.info-new{display:inline-table; background:#f00; color: #fff; font-weight: bold; font-size: 10px; padding: 1px 2px; margin-right: 4px;}
.important-data-list{ background:#fcf0ef; font-weight: bold;}
.important-data-list dd a{color: #800000;}

@media screen and (max-width: 1000px) {
dl.topics-list{font-size: 14px; border-bottom: dotted 1px #000;}
dl.topics-list dt{display:inline-block; padding: 3px; font-weight: bold; color: #0033cc;}
dl.topics-list dd{display:inline-block; padding: 3px; width: 100%;}
}


/* Pager page navi
--------------------------------- */
.pagination{list-style-type: none; padding-left: 0; margin: 30px 0;}
.pagination, .pagination li a { display: flex; flex-wrap: wrap; justify-content: center; align-items: center;}
.pagination a { font-weight: 300; padding-top: 1px; text-decoration:none;  border: 1px solid #ddd; border-left-width: 0; min-width:36px; min-height:36px; color: #000080;  background:#fff;}
.pagination li:not([class*="current"]) a:hover { background-color: #eee;}
.pagination li:first-of-type a { border-left-width: 1px;}
.pagination li.first span,
.pagination li.last span,
.pagination li.previous span,
.pagination li.next span { position: absolute; top: -9999px; left: -9999px;}
.pagination li.first a::before,
.pagination li.last a::after,
.pagination li.previous a::before,
.pagination li.next a::after { display: inline-block; font-family: Fontawesome; font-size: inherit; text-rendering: auto; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; transform: translate(0, 0);}
.pagination li.first a::before { content: "\f100"; }
.pagination li.last a::after { content: "\f101"; }
 
.pagination li.previous a::before { content: "\f104"; }
.pagination li.next a::after { content: "\f105"; }
 
.pagination li.current a { background-color: #ddd; cursor: default; pointer-events: none;}
.pagination > li:first-child > a { border-bottom-left-radius: 4px; border-top-left-radius: 4px;}
.pagination > li:last-child > a { border-bottom-right-radius: 4px; border-top-right-radius: 4px;}

@media only screen and ( max-width: 680px ) {
  .pagination li.first,
  .pagination li.last { position: absolute; top: -9999px; left: -9999px;}
  .pagination li.previous a { border-left-width: 1px; }
}
 
@media only screen and ( max-width: 500px ) {
  .pagination li { position: absolute; top: -9999px; left: -9999px;}
  .pagination li.current,
  .pagination li.first,
  .pagination li.last,
  .pagination li.previous,
  .pagination li.next{  position: initial; top: initial; left: initial;}
  .pagination li.previous a { border-left-width: 0; }
}
 
@media only screen and ( max-width: 400px ) {
  .pagination li.first,
  .pagination li.last { position: absolute; top: -9999px; left: -9999px;}
  .pagination li.previous a { border-left-width: 1px; }
}
 
@media only screen and ( max-width: 240px ) { /* For watches? */
  .pagination li { width: 50%;}
  .pagination li.current { order: 2; width: 100%; border-left-width: 1px;}
}


/* old page btn
--------------------------------- */
ul.old_page_btn{width: 94%; max-width: 1000px; margin: 10px auto 0 auto; text-align: right; height: auto; padding: 5px 0;}
.old_page_btn li{display:inline-block; margin-right: 5px; height: 40px;}
ul.old_page_btn a{color: #000; padding: 5px 20px; border-radius: 5px; background: rgb(250,254,255); background: -moz-linear-gradient(top,  rgb(250,254,255) 0%, rgb(212,218,215) 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgb(250,254,255)), color-stop(100%,rgb(212,218,215))); background: -webkit-linear-gradient(top,  rgb(250,254,255) 0%,rgb(212,218,215) 100%); background: -o-linear-gradient(top,  rgb(250,254,255) 0%,rgb(212,218,215) 100%); background: -ms-linear-gradient(top,  rgb(250,254,255) 0%,rgb(212,218,215) 100%); background: linear-gradient(top,  rgb(250,254,255) 0%,rgb(212,218,215) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fafeff', endColorstr='#d4dad7',GradientType=0 ); -webkit-border-radius: 5px; -moz-border-radius: 5px; text-decoration: none;}
ul.old_page_btn a:hover{filter:alpha(opacity=65); -moz-opacity:0.65; -khtml-opacity:0.65; opacity:0.65;}
.old_page_btn li.next span { position: absolute; top: -9999px; left: -9999px;}
.old_page_btn li.next a::before { display: inline-block; font-family: Fontawesome; font-size: inherit; text-rendering: auto; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; transform: translate(0, 0);}
.old_page_btn li.next a::before { content: "\f105"; }


/* room
--------------------------------- */

dl.room-list{width: 100%; max-width: 1000px;margin-bottom: 5%;}
dl.room-list2{width: 100%; max-width: 1000px;margin-bottom: 2%;}

dl.room-list dt,
dl.room-list2 dt{color: #990000; font-weight: bold; line-height: 1.4;}

dl.room-list dt strong,
dl.room-list2 dt strong{display:block; padding-right: 5px; color: #c40000; border-bottom: dotted 1px #c40000; padding-bottom: 3px; margin-bottom: 3px;}

dl.room-list dd,
dl.room-list2 dd{padding-top: 5px;}
dl.room-list dd img{width: 100%;}

dl.room-list2 dd + dt{padding-top: 10px;}

.room-next-info{padding: 4% 0 2% 0;}
.roompg .pagination{padding: 0px; }
.roompg .pagination a{color:#555563 !important;}
.roompg .pagination a:hover{text-decoration: none !important;}


/* academy
------------------------------------------- */
.academy-ranking-box{ calc(100% - 20px); max-width:900px; margin:10px auto; padding: 10px 5px; background:url(/dol/image/academy/table_bg.jpg); border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; overflow:hidden;}
.academy-ranking-box-left{ width: 50%; margin: 0 auto; text-align: left; float: left; }
.academy-ranking-box-right{ width: 50%; margin: 0 auto; text-align: left; float: right; }
table.academy-ranking-box-in{width: calc(100% - 5px); margin: 0 auto;}
table.academy-ranking-box-in th, table.academy-ranking-box-in td{border: solid 1px #000; padding: 5px; text-align: center; vertical-align: middle; font-weight: normal;}
.academy-ranking-box th.no1,
.academy-ranking-box th.no2,
.academy-ranking-box th.no3,
.academy-ranking-box th.no4,
.academy-ranking-box th.no5,
.academy-ranking-box th.no6,
.academy-ranking-box th.no7,
.academy-ranking-box th.no8,
.academy-ranking-box th.no9,
.academy-ranking-box th.no10{width: 40px;}

.academy-ranking-box th.no1 span,
.academy-ranking-box th.no1 span,
.academy-ranking-box th.no2 span,
.academy-ranking-box th.no3 span,
.academy-ranking-box th.no4 span,
.academy-ranking-box th.no5 span,
.academy-ranking-box th.no6 span,
.academy-ranking-box th.no7 span,
.academy-ranking-box th.no8 span,
.academy-ranking-box th.no9 span,
.academy-ranking-box th.no10 span{width: 40px; height: 40px; display: block;}

.academy-ranking-box th.no1 span{background:url(/dol/image/academy/ranking1.gif) top center no-repeat;}
.academy-ranking-box th.no2 span{background:url(/dol/image/academy/ranking2.gif) top center no-repeat;}
.academy-ranking-box th.no3 span{background:url(/dol/image/academy/ranking3.gif) top center no-repeat;}
.academy-ranking-box th.no4 span{background:url(/dol/image/academy/ranking4.gif) top center no-repeat;}
.academy-ranking-box th.no5 span{background:url(/dol/image/academy/ranking5.gif) top center no-repeat;}
.academy-ranking-box th.no6 span{background:url(/dol/image/academy/ranking6.gif) top center no-repeat;}
.academy-ranking-box th.no7 span{background:url(/dol/image/academy/ranking7.gif) top center no-repeat;}
.academy-ranking-box th.no8 span{background:url(/dol/image/academy/ranking8.gif) top center no-repeat;}
.academy-ranking-box th.no9 span{background:url(/dol/image/academy/ranking9.gif) top center no-repeat;}
.academy-ranking-box th.no10 span{background:url(/dol/image/academy/ranking10.gif) top center no-repeat;}

.academy-ranking-box .frg_esp span,
.academy-ranking-box .frg_fra span,
.academy-ranking-box .frg_ner span,
.academy-ranking-box .frg_po  span,
.academy-ranking-box .frg_ott span,
.academy-ranking-box .frg_eng span,
.academy-ranking-box .frg_ven span{width: 37px; height: 25px; display: block; margin: 0 auto;}

.academy-ranking-box .frg_eng span{background:url(/dol/image/academy/frag_eng.gif) top center no-repeat;}
.academy-ranking-box .frg_esp span{background:url(/dol/image/academy/frag_esp.gif) top center no-repeat;}
.academy-ranking-box .frg_fra span{background:url(/dol/image/academy/frag_fra.gif) top center no-repeat;}
.academy-ranking-box .frg_ner span{background:url(/dol/image/academy/frag_ner.gif) top center no-repeat;}
.academy-ranking-box .frg_po  span{background:url(/dol/image/academy/frag_po.gif) top center no-repeat;}
.academy-ranking-box .frg_ott span{background:url(/dol/image/academy/frag_ott.gif) top center no-repeat;}
.academy-ranking-box .frg_ven span{background:url(/dol/image/academy/frag_ven.gif) top center no-repeat;}



@media screen and (max-width: 640px) {
.academy-ranking-box-left{ width: 100%; margin: 0 auto; text-align: left; float: none; }
.academy-ranking-box-right{ width: 100%; margin: 10px auto 0 auto; text-align: left; float: none; }
.academy-ranking-box th.no1,
.academy-ranking-box th.no2,
.academy-ranking-box th.no3,
.academy-ranking-box th.no4,
.academy-ranking-box th.no5,
.academy-ranking-box th.no6,
.academy-ranking-box th.no7,
.academy-ranking-box th.no8,
.academy-ranking-box th.no9,
.academy-ranking-box th.no10{width: 10%;}

.layout1{width:10%;}
.layout2{width:60%;}
.layout3{width:20%;}
}

/* fotter
--------------------------------- */
.common-fotter-box{ width: 100%; background: #062478; color: #fff; padding-top: 20px; margin-top: 20px; padding-bottom:10px; margin-bottom:0;}


ul.common-fotter-jp-list{width: 95%; max-width: 1000px; margin: 10px auto; text-align: center;}
ul.common-fotter-jp-list li{display:inline-block;}
ul.common-fotter-logo{width: 95%; max-width: 1000px; margin: 5px auto; text-align: center;}
ul.common-fotter-logo li{float: left; margin-left: 0.5%;}
ul.common-fotter-logo img{width: 100%;}

.common-fotter-logo-psf{max-width: 31px;}
.common-fotter-logo-ps3{max-width: 75px;}
.common-fotter-logo-ps4{max-width: 75px;}
.common-fotter-logo-gc{max-width: 115px;}
.common-fotter-logo-kt{max-width: 34px;}
.common-fotter-logo-delfin{max-width: 60px;}


ul.common-fotter-text{width: 95%; max-width: 1000px; margin: 0 auto; text-align: left; font-size: 12px;}
ul.common-fotter-text li{padding: 3px 0 2px 0;}
ul.common-fotter-text img{height: 20px;}

.text-left{text-align: left;}
.text-right{text-align: right;}
.text-center{text-align: center;}

.clearfix:after{
content:".";
display:block;
height:0;
clear:both;
visibility:hidden;
}
.clearfix{display:inline-block;}
* html .clearfix{height:1%;}
.clearfix{display:block;}

.script-hidden{ position: absolute; width: 0; height: 0; overflow: hidden;}
.no-space{ position: absolute; width: 0; height: 0; overflow: hidden;}

/* 調整
--------------------------------- */


@media screen and (max-width: 640px) {
	.article-main-title{font-size: 20px; line-height:1.4;}
	.main-lead{width: 85%; letter-spacing: 0em; font-size: 16px; line-height: 1.4;}
	.text-box{ width: 88%; padding: 3%;}
	.df-toptitle{font-size: 20px; width: 85%;}
	.df-subtitle{width: 85%;}
	.df-heading{width: 90%; margin-left: 0;}
	.text-box .notice{width: 95%;}
	.main-period{font-size: 16px;}
	.ss-box{width: 95%; max-width: 700px;}
	dl.topics-list dt{padding: 3px 3px 0 3px;}
	dl.topics-list dd{padding: 0 3px 3px 3px;}
}


@media screen and (max-width: 400px) {
	 .df-toptitle{font-size: 20px; width: 80%;}
	 .df-subtitle{width: 80%;}
	 .df-heading{width: 86%; margin-left: 0;}
	 main-period{font-size: 14px;}
}


/* Y限定
--------------------------------- */

#yahoo-wrapper #dol_wrapper{background: none;}
#yahoo-wrapper #footer{background: none; color: #fff;}
#yahoo-wrapper .footer-layout{ background: none!important; color: #fff;}
#yahoo-wrapper ul.common-footer-text{background: none!important;}
#yahoo-wrapper #footer a{color: #fff;}

#yahoo-wrapper #common-main-box{background: url(/cms/img/article-main-title-df2.jpg) center center;}
#yahoo-wrapper .article-main-title{background:url(/cms/img/article-main-title-df.jpg) top center no-repeat;}
#yahoo-wrapper .article-main-title-bottm{background:url(/cms/img/article-main-title-df-bottom.jpg) top center no-repeat;}
#yahoo-wrapper .df-toptitle{background:url(/cms/img/h1-df-bg.jpg)left center;}
#yahoo-wrapper .df-subtitle{background:url(/cms/img/h2-df-bg.jpg)left center;}
#yahoo-wrapper .text-box{ background:url(/cms/img/cont-bg.jpg);}



#yahoo-wrapper .academy-ranking-box{ background:url(/image/academy/table_bg.jpg);}
#yahoo-wrapper .academy-ranking-box th.no1 span{background:url(/image/academy/ranking1.gif) top center no-repeat;}
#yahoo-wrapper .academy-ranking-box th.no2 span{background:url(/image/academy/ranking2.gif) top center no-repeat;}
#yahoo-wrapper .academy-ranking-box th.no3 span{background:url(/image/academy/ranking3.gif) top center no-repeat;}
#yahoo-wrapper .academy-ranking-box th.no4 span{background:url(/image/academy/ranking4.gif) top center no-repeat;}
#yahoo-wrapper .academy-ranking-box th.no5 span{background:url(/image/academy/ranking5.gif) top center no-repeat;}
#yahoo-wrapper .academy-ranking-box th.no6 span{background:url(/image/academy/ranking6.gif) top center no-repeat;}
#yahoo-wrapper .academy-ranking-box th.no7 span{background:url(/image/academy/ranking7.gif) top center no-repeat;}
#yahoo-wrapper .academy-ranking-box th.no8 span{background:url(/image/academy/ranking8.gif) top center no-repeat;}
#yahoo-wrapper .academy-ranking-box th.no9 span{background:url(/image/academy/ranking9.gif) top center no-repeat;}
#yahoo-wrapper .academy-ranking-box th.no10 span{background:url(/image/academy/ranking10.gif) top center no-repeat;}
#yahoo-wrapper .academy-ranking-box .frg_esp span{background:url(/image/academy/frag_esp.gif) top center no-repeat;}
#yahoo-wrapper .academy-ranking-box .frg_fra span{background:url(/image/academy/frag_fra.gif) top center no-repeat;}
#yahoo-wrapper .academy-ranking-box .frg_ner span{background:url(/image/academy/frag_ner.gif) top center no-repeat;}
#yahoo-wrapper .academy-ranking-box .frg_po  span{background:url(/image/academy/frag_po.gif) top center no-repeat;}
#yahoo-wrapper .academy-ranking-box .frg_ott span{background:url(/image/academy/frag_ott.gif) top center no-repeat;}
#yahoo-wrapper .academy-ranking-box .frg_ven span{background:url(/image/academy/frag_ven.gif) top center no-repeat;}
#yahoo-wrapper .academy-ranking-box .frg_eng span{background:url(/dol/image/academy/frag_eng.gif) top center no-repeat;}