@charset "utf-8";
/* 対象ファイル：ranking/result.html toukei/ichiran.html,graph.html */

/*****************************************/
/* リセット */
/*****************************************/
body{
font: 100%/1.4 "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS P Gothic", sans-serif;
color: #000;
margin: 0;
padding: 0;
background-image: url(../../images/bg_body.png);
background-repeat: repeat;
}
h1, h2, h3, h4, h5, h6, p, ul, ol, dl {
padding: 0;
margin: 0;
}
img, a img {
border: none;
}
table {
border: 0px;
border-collapse: separate;
}

/*****************************************/
/* 共通設定 */
/*****************************************/
#container{
width:100%;
background-image: url(../../images/bg_header.png);
background-repeat: repeat-x;
background-position: center top;
}
#header{
width:70%;
margin:auto;
display: table;
}

/* ルビ表示・非表示　2015.10追加　*/
#ruby_switch {
font-size: 85%;
line-height:30px;
height: 30px;
float: right;
margin-right: 1em;
color:#FFF;
}

/* フォントサイズ変更 */
#fontSize {
width: 80px;
margin: auto;
}
#fontSize li {
float: left;
list-style-type: none;
}

#contentsTok {
width:/*1260px*/;
margin:auto;
display: table;
}
#contentsRnk {
width: 960px;
margin: auto;
}
#contentsRnk2 {
width: 960px;
margin: auto;
}

h1 {
float:left;
height: 45px;
}
h2 {
text-shadow: 1px 1px 2px rgba(0,0,0,0.4);
background-image: url(../../images/bg_h_nav.png);
background-repeat: repeat-x;
color: #06C;
padding: 1.5em 1em 0em 3.5em;
}
/*　単位　*/
.tani {
font-size: 85%;
line-height: 2em;
background-color: #FFF;
}
table {
width: /*100%*/;
margin: auto;
}
#contentsRnk2 table { width: 100%; }
h3 {
background-color: #FFF;
line-height: 2.4em;
}
th {
background-color:#bce2e8;
padding: 5px 10px;
text-align: center;
border-bottom: 1px solid #bbb;
font-size: 93%;
}
td {
background-color:#FFF;
padding: 5px 10px;
border-bottom: 1px solid #bbb;
font-size: 85%;
}
#contentsTok td { text-align:right; }

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

/*　各セル設定　*/
.chiho { width:1em !important;}
.tdfk { width:4em !important; background-color:#f2f2b0;}
.item { background-color:#bce2e8; text-align:left !important; }

/*　各地方ヘッダー色分け　*/
.col_ho { color:#FFF !important; background-color: #1D2088 !important; }
.col_to { color:#FFF !important; background-color: #674498 !important; }
.col_ka { color:#FFF !important; background-color: #0BC1F4 !important; }
.col_chb { color:#FFF !important; background-color: #02A79C !important; }
.col_ki { color:#FFF !important; background-color: #37B14A !important; }
.col_chg { color:#FFF !important; background-color: #8DC540 !important; }
.col_shi { color:#FFF !important; background-color: #CC0 !important; }
.col_kyu { color:#FFF !important; background-color: #F39321 !important; }

/*　出典　*/
.source {
font-size: 85%;
color: #666;
line-height: 2em;
}

.floatR { float:right; }
.floatL { float:left; }

/*　floatクリア設定　2015.10追加　*/
.cf { clear:both; }
.clearfix:after {
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}
.clearfix { display: inline-table; }

/*　全国統計情報　graph.html　2015.10追加　*/
.graph { clear: both; text-align:center; }


rp,rt{
font-size: 60%;
font-weight: bolder;
-webkit-font-size: 100%;
vertical-align: bottom;
-webkit-vertical-align: auto;
}

/* 日本の豆知識　「日本のはし」 */
.nor_south {
width:600px;
margin: auto;
text-align: center;
}
.e_west {
width:150px;
float: left;
margin-top: 450px;
text-align: center;
}
.nor_south h3, .e_west h3 { line-height: 1.4em; }

/**********************************/
/*　体験版用　*/
/**********************************/
.taiken .sample {
color: #000;
font-size: 100px;
font-weight: bold;
opacity:0.5;
margin: auto;
z-index: 100;
position: fixed;
top: 0px;
bottom: 0px;
left: 0px;
right: 0px;
height: 0px;
width: 600px;
}