@charset "UTF-8";

/* 特定のページでのみ使用する特殊なCSS */

/* ================= 目次 =====================

【1】databaseトップページ
【2】ダウンロード
【3】
【4】
【5】

============================================ */

/* =============================================================
　■□■ 1. databaseトップページ  ■□■
============================================================= */

/* ----- database-main ----- */

.database #main{
	width: 422px;
}

.database h1{
	float: left;
}

.database .keiyaku-btn li{
	float: right;
	margin-left: 15px;
}

/* ----- graph ----- */

.database #main .graph{
	border-right: #B9B9B9 solid 1px;
	border-bottom: #B9B9B9 solid 1px;
	border-left: #B9B9B9 solid 1px;
	position: relative;
}

*html body .database #main .leftmenu ul,
*html body .database #main .rightmenu ul{
	display: inline;
}

.database #main .leftmenu{
	display: inline;
	float: left;
}

.database #main .rightmenu{
	display: inline;
	float: right;
}

.database #main p.omission{
	position: absolute;
	bottom: 50px;
	left: 0px;
	z-index: 10;
}

.database #main table{
	margin: 0;
	border: none;
}

.database #main table td img{
	vertical-align: baseline;
}

.database #main table td.ip{
	width: 17px;
	text-align: right;
	padding: 15px 0 0 0;
	vertical-align: bottom;
	line-height: 0;
	border: none;
	background: none;
}

.database #main table td.keiyaku{
	width: 18px;
	padding-left: 3px;
	text-align: left;
	padding: 15px 0 0 0;
	vertical-align: bottom;
	line-height: 0;
	border: none;
	background: none;
}

.date{
	margin-bottom: 20px;
	border-right: #B9B9B9 solid 1px;
}

.date dl dt{
	clear: both;
	padding: 5px 8px;
	background-color: #EFEFEF;
	border-bottom: #B9B9B9 solid 1px;
	border-left: #B9B9B9 solid 1px;
}

.date dl ul{
	border-bottom: #B9B9B9 solid 1px;
	display: inline-block;
}

.date dl ul:after{
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}

/* Hides from IE-mac \*/
* html .date dl ul {height: 1%;}
.date dl ul {display: block;}
/* End hide from IE-mac */

.date dl li{
	float: left;
	display: inline; /* For IE Only */
	margin: 0px;
	border-left: #B9B9B9 solid 1px;
	border-right: none;
	border-bottom: none;
}

/* a */
.date dl li a:link,
.date dl li a:visited {
	color: #19519f;
	display: block;
	width: 34px;
	padding: 5px 0;
	background-color: transparent;
	text-decoration: none;
	text-align: center;
}

.date dl li a:hover,
.date dl li a:active {
	color: #FFF;
	display: block;
	width: 32px;
	padding: 4px 0;
	background-color: #3c7db5;
	border: #FFF solid 1px;
	text-decoration: none;
	text-align: center;
}

.database h3{
	margin-top: 15px;
	margin-bottom: 10px;
}

.database .box-gray img{
	margin: 3px 3px 2px 3px;
}

/* ----- database-side ----- */

.database #side{
	width: 338px;
}

.database #side h2{
	background: none;
	padding: 0;
}

.database #side dl{
	border-right: #B9B9B9 solid 1px;
}

.database #side dt{
	clear: both;
	padding: 5px 8px;
	background-color: #EFEFEF;
	border-bottom: #B9B9B9 solid 1px;
	border-left: #B9B9B9 solid 1px;
}

.database #side ul{
	border-bottom: #B9B9B9 solid 1px;
	display: inline-block;
}

.database #side ul:after{
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}

/* Hides from IE-mac \*/
* html .database #side ul {height: 1%;}
.database #side ul {display: block;}
/* End hide from IE-mac */

.database #side dd li{
	float: left;
	display: inline; /* For IE Only */
	margin: 0px;
	border-left: #B9B9B9 solid 1px;
	border-right: none;
	border-bottom: none;
}

/* a */
.database #side dd li a:link,
.database #side dd li a:visited{
	color: #19519f;
	display: block;
	width: 27px;
	padding: 5px 0;
	background-color: transparent;
	text-decoration: none;
	text-align: center;
}

.database #side dd li a:hover,
.database #side dd li a:active{
	color: #FFF;
	display: block;
	width: 25px;
	padding: 4px 0;
	background-color: #3c7db5;
	border: #FFF solid 1px;
	text-decoration: none;
	text-align: center;
}

.database #side p{
	clear: both;
	margin-top: 5px;
	font-size: 77%;
	text-align: right;
}

.database #side p.text-left{
	text-align: left;
}

.database #side dt img{
	float: right;
}

/* =============================================================
　■□■ 3. 契約数詳細  ■□■
============================================================= */

.yymm ul.box-gray{
	display: inline-block;
	margin-top: 10px;
}

/* clearfix */
.yymm ul.box-gray:after{
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}

/* Hides from IE-mac \*/
* html .yymm ul.box-gray {height: 1%;}
.yymm ul.box-gray {display: block;}
/* End hide from IE-mac */

.yymm ul.box-gray li{
	float: left;
	display: inline;
	text-align: center;
}

.yymm ul.m-left31 li{ margin-left: 31px !important; }
.yymm ul.m-left10 li{ margin-left: 8px !important; }

.yymm h2{
	margin-bottom: 10px;
}

.yymm h3{
	clear: both;
	margin-top: 20px;
	padding: 5px 3px;
	background: #4588be;
	color: #FFF;
	font-weight: bold;
	border-top: 1px solid #AAA;
	border-right: 1px solid #AAA;
	border-left: 1px solid #AAA;
	border-bottom: none;
}

.yymm h4{
	padding: 5px 3px 5px 10px;
	background: #c6ddef;
	border-top: none;
	border-right: 1px solid #AAA;
	border-left: 1px solid #AAA;
	border-bottom: none;
	font-weight: bold;
	text-align: left;
}

.yymm table{
	margin-top: 0;
	margin-bottom: 0;
	font-size: 13px;
}

.yymm table tr th{
	text-align: center;
}

.yymm table tr th.text-left{
	padding: 5px 3px 5px 10px;
	text-align: left;
}

.yymm .table-content th{
	padding: 5px 3px 5px 10px;
	text-align: left;
}

.yymm table tr th.bg-blue{
	text-align: left;
}

.yymm table tr th.th02{
	background-color: #EEE;
}

.yymm table td{
	text-align: right;
}

.yymm table td.text-left{
	text-align: left;
}

.yymm .table-content table td,
.yymm table .w120{
	width: 120px;
}

.yymm table .w100{
	width: 100px;
}

.yymm table .w80{
	width: 80px;
}

.yymm table .small{
	font-size: 77%;
}

.yymm table th.h4{
	padding: 5px 3px 5px 10px;
	background: #c6ddef;
	font-weight: bold;
}

.yymm table.border-bottom{
	border-bottom: 1px solid #AAA;
}

/* =============================================================
　■□■ 3. 契約数詳細 2014更新分  ■□■
============================================================= */

.yymm2 ul.box-gray{
	display: inline-block;
	margin-top: 10px;
}

/* clearfix */
.yymm2 ul.box-gray:after{
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}

/* Hides from IE-mac \*/
* html .yymm2 ul.box-gray {height: 1%;}
.yymm2 ul.box-gray {display: block;}
/* End hide from IE-mac */

.yymm2 ul.box-gray li{
	float: left;
	display: inline;
	text-align: center;
}

.yymm2 ul.m-left31 li{ margin-left: 31px !important; }
.yymm2 ul.m-left10 li{ margin-left: 8px !important; }

.yymm2 h2{
	margin-bottom: 10px;
}

.yymm2 h3{
	clear: both;
	margin-top: 20px;
	padding: 5px 3px;
	background: #4588be;
	color: #FFF;
	font-weight: bold;
	border-top: 1px solid #AAA;
	border-right: 1px solid #AAA;
	border-left: 1px solid #AAA;
	border-bottom: none;
}

.yymm2 h4{
	padding: 5px 3px 5px 10px;
	background: #c6ddef;
	border-top: none;
	border-right: 1px solid #AAA;
	border-left: 1px solid #AAA;
	border-bottom: none;
	font-weight: bold;
	text-align: left;
}

.yymm2 table{
	margin-top: 0;
	margin-bottom: 0;
	font-size: 13px;
}

.yymm2 table tr th{
	text-align: left;
	padding: 8px 10px;
}

.yymm2 table tr th.text-left{
	padding: 5px 3px 5px 10px;
	text-align: left;
}

.yymm2 .table-content th{
	padding: 5px 3px;
	text-align: center;
}

.yymm2 .thLeft .table-content th{
	text-align: left;
	padding-left: 10px;
}

.yymm2 table tr th.bg-blue{
	text-align: left;
}

.yymm2 table tr th.th02{
	background-color: #EEE;
}

.yymm2 table tr th.text-center{
	text-align: center;
}

.yymm2 table td{
	text-align: right;
}

.yymm2 table td.text-left{
	text-align: left;
}

.yymm2 .table-content table th{
	border-left: 0;
}

.yymm2 .table-content table td{
	width: 85px;
	padding: 5px;
}

.yymm2 .table-content table tr:last-child th{
	border-bottom: 0;
}

.yymm2 .table-content table tr:last-child td{
	border-bottom: 0;
}

.yymm2 .table-content table{
	border-top: 0;
	border-right: 0;
}

.yymm2 .table-head th{
	padding: 0;
	vertical-align: middle;
	text-align: center;
}

.yymm2 th.th03{
	text-align: center;
	font-size: 93%;
	padding: 10px 5px;
}

.yymm2 .table-head th.th01{
	padding: 10px;
	width: 115px;
}

.yymm2 .table-head th.th02{
	padding: 10px 5px;
	width: 85px;
	font-size: 93%;
}

.yymm2 table td.td01{
	padding: 5px;
	width: 85px
}

.yymm2 table .w100{
	width: 100px;
}

.yymm2 table .w80{
	width: 80px;
}

.yymm2 table .small{
	font-size: 77%;
}

.yymm2 table .w115{
	width: 115px;
}

.yymm2 table th.h4{
	padding: 5px 10px;
	background: #c6ddef;
	font-weight: bold;
}

.yymm2 table.border-bottom{
	border-bottom: 1px solid #AAA;
}

.yymm2 table.table-bottom{
	border-top: 0;
	border-bottom: 1px solid #AAA;
}

.yymm2 table.table-bottom th,
.yymm2 table.table-bottom td{
	padding-top: 10px;
	padding-bottom: 10px;
}

table.tableP0,
table th.tableP0,
table td.tableP0 {
	padding: 0;
}

.yymm2 table .vaTop {
	vertical-align: top;
}

.yymm2 .withBorder table{
	border-top: solid 1px #AAA;
	border-bottom: solid 1px #AAA;
}

.yymm2 .withBorder table th{
	text-align: left;
	padding: 10px;
	background:#efefef url(../img/bg_border01.gif) left top repeat-y;
}

.yymm2 .withBorder table td:last-child{
	background:#fff url(../img/bg_border01.gif) right top repeat-y;
}

.yymm2 table.table-side th{
	background:#efefef url(../img/bg_border01.gif) left top repeat-y;
}

.yymm2 table.table-side th.bg-blue{
	background:#4588be url(../img/bg_border01.gif) left top repeat-y;
}

.yymm2 table.table-side td:last-child{
	background:#fff url(../img/bg_border01.gif) right top repeat-y;
}