@charset "utf-8";

/* ------------------ 基本設定 */

html {
	font-size: 16px;
	font-size: 62.5%;
}

body,h1,p {
	margin: 0;
	padding: 0;
	text-align: center;
	font-weight: normal;
	font-size: 1.3rem;
	line-height: 1.3em;
	color: #000;
	background: url("../img/backimage0.gif") #c3d8ba;
	font-family: "メイリオ", "Meiryo", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "Osaka", "ＭＳ Ｐゴシック", "MS P Gothic", Verdana, Arial, Helvetica, sans-serif;
	-webkit-text-size-adjust: 100%;
}

* {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

a {
	text-decoration: none;
}

a: active {
	color: #f00;
}

a: hover {
	color: #060;
	background-color: #ff9;
	text-decoration: underline;
}

img {
	border: none;
	max-width: 100%; 
	height: auto;
}

hr,ul {
	margin: 0;
	padding: 0;
}

/* ------------------ コンテナ */

#container {
	width: 800px;
	margin: 0 auto;
	text-align: center;
}

.box {
	width: 100%;
	margin: 5px auto;
	text-align: center;
}

.box ul li {
	display: inline-block;
	margin: 0 3px;
	padding: 2px 10px;
	white-space: nowrap;
}

.box_right {
	max-width: 100%;
	margin: 5px 10px;
	text-align: right;
}

.clearfix:after{
	content : '';
	display : block;
	clear : both;
	height:0;
}

/* ------------------ ヘッダー */

#header_left {
	float: left;
	margin: 8px 10px 2px;
}

#header_right {
	float: right;
	margin: 8px 10px 2px;
}

#header_right h1 {
	text-align: left;
	color: #005a30;
}

/* ------------------ DB選択ボックス */

.db_left {
	float: left;
	width: 400px;
	text-align: left;
	margin: 10px 5px 5px;
	font-size: 1.4rem;
	white-space: nowrap;
	color: #006b50;
}

.db_right {
	float: right;
	width: 300px;
	text-align: right;
	margin: 5px 5px 5px;
	font-size: 1.4rem;
	white-space: nowrap;
	color: #006b50;
}

select {
	width: 120px;
	padding: 2px;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	border: 1px solid #999;
	font-size: 1.5rem;
	color: #006b50;
	background: url(../icn/arrow01.png) right 50% no-repeat, #fff;
	background-size: 20px, 100%;
}

/* ------------------ タイトル */

.logo {
	display: inline-block;
	margin-right: 20px;
	white-space: nowrap;
	vertical-align: middle;
}

.menu {
	display: inline-block;
	width: 240px;
	margin: 0;
	vertical-align: middle;
	background-color: #fff;
}

.menu table {
	margin: 0;
	padding: 1px;
}

.menu th {
	width: 100%;
	padding-left: 3px;
	text-align: left;
	font-size: 1.4rem;
	font-weight: bold;
	background-color: #e0ffe0;
}

.menu td {
	width: 100%;
	text-align: left;
	vertical-align: top;
	padding-left: 3px;
}

.p47 {
	color: #005a30;
	font-size: 1.5rem;
	font-weight:bold;
}

/* ------------------ メッセージ */

.msg {
	width: 100%;
	padding: 8px 8px 6px 15px;
	text-align: left;
}

/* ------------------ フッター */

#footer_left {
	float: left;
	margin: 8px 15px;
}

#footer_right {
	float: right;
	margin: 8px 15px;
}

/* ------------------ copyright */

#cp {
	max-width: 100%;
	margin: 5px auto 10px;
	text-align: center;
	font-size: 1.1rem;
}

/* ------------------ SNS */

.fb-like > span {
    vertical-align: baseline !important;
}

/* ------------------ 広告 */

.ad_half {
	float: left;
	width: 385px;
	margin: 5px;
}

/* ------------------ 共通 table */

.table_box {
	width: 100%;
	margin: 5px auto;
	padding: 0;
	text-align: center;
	vertical-align: top;
}

/* ------------------ ランキングトップ table */

.table_half {
	display: inline-block;
	width: 386px;
}

.table_half table {
	width: 100%;
}

.table_half .lbl {
	padding: 5px 0 3px;
	text-align: center;
	white-space: nowrap;
	font-size: 1.5rem;
	font-weight: bold;
	color: #fff;
	background-color: #435aa0;
}

.table_half .clm1 {
	padding: 3px;
	text-align: center;
	white-space: nowrap;
	font-weight: bold;
	background-color: #ffffd7;
}

.table_half .clm2 {
	padding: 3px 8px;
	text-align: left;
	background-color: #fff;
}

/* ------------------ ランキングページ table */

.table_block {
	display: inline-block;
	margin: 0;
	padding: 0;
}

.tbw1 {width: 260px;}
.tbw2 {width: 450px;}
.tbw3 {width: 330px;}
.tbw4 {width: 570px;}
.tbw5 {width: 210px;}

.table_block table {
	width: 100%;
}

.table_block th {
	padding: 3px 5px 2px;
	white-space: nowrap;
	font-weight:normal;
}

.table_block td {
	padding: 2px 3px 2px 2px;
	white-space: nowrap;
}

.table_block .jcl {background-color: #fff0bb;}
.table_block .acl {background-color: #e0ffe0;}
.table_block .mcl {background-color: #ffe9e9;}
.table_block .scl {background-color: #fff090;}
.table_block .zcl {background-color: #eaea60;}
.table_block .icl {background-color: #d0c0ff;}
.table_block .kcl {background-color: #eee0ff;}

/* ------------------ モバイル用リンク */

.m_link table {
	width: 95%;
	margin: 10px;
}

.m_link td {
	margin: 2px;
	padding: 5px;
	border: 1px solid;
	-webkit-box-sizing: border-box ;
	-moz-box-sizing: border-box ;
	box-sizing: border-box ;
	font-size: 1.7rem;
}

/* ------------------ switchBtn */

.switchBtn {
	margin-top: 10px;
	padding: 10px 0;
	width: 100%;
	text-align: center;
	background: #fff;
	clear: both;
}

.switchBtn a {
	margin: 0 10px;
	padding: 5px 30px;
	text-align: center;
	display: inline-block;
	overflow: hidden;
	background: #fff;
	border: #333 solid 1px;
}

.switchBtn a.btnAcv {
	background: #ffffd7;
}

/* ------------------ モバイルでは100%幅 */

@media only screen and (max-width: 599px) { /* smartPhone */
	#container, .menu, .menu_pref, .table_half, .ad_half, .tbw1, .tbw2, .tbw3 {
		width: 100%;
	}
}

/* ------------------ モバイルでは消去 */

@media only screen and (max-width: 599px) { /* smartPhone */
	.nosp {
		display: none;
	}
}

/* ------------------ PCでは消去 */

@media only screen and (min-width: 600px) { /* PC */
	.m_link {
		display: none;
	}
}

/* ------------------ 個別属性 */

.f0 {font-size: 1.0rem;}
.f1 {font-size: 1.1rem;}
.f2 {font-size: 1.2rem;}
.f3 {font-size: 1.3rem;}
.f4 {font-size: 1.4rem;}
.f5 {font-size: 1.5rem;}
.f6 {font-size: 1.6rem;}
.f7 {font-size: 1.7rem;}

.fr {color: #ff0000;}

.bw {background-color:#fff;}
.by {background-color:#ffffd7;}
.byy {background-color:#ffff00;}
.bxe {background-color:#d0fff0;}
.bcity {background-color:#ffffdd;}
.btown {background-color:#ccffdd;}
.bvill {background-color:#cce0ff;}
.b23ku {background-color:#ffd9d9;}
.bseku {background-color:#ffe8fa;}
.bcont {background-color:#e0e0e0;}
.bsich {background-color:#eaf9bb;}
.bseirei {background-color:#f4df77;}
.bchukak {background-color:#a8eaf2;}
.btokure {background-color:#efdffc;}

.al {text-align:left;}
.ac {text-align:center;}
.ar {text-align:right;}

.vt {vertical-align:top;}
.vm {vertical-align:middle;}
.vb {vertical-align:bottom;}

.no {white-space:nowrap;}

/* ------------------ */