@charset "UTF-8";

/* タグ共通 */
body {
	margin: 0px;
	padding: 0px;
	font-size: 90%;
	font-family: "メイリオ", "ヒラギノ角ゴ Pro W3", "Osaka", "ＭＳ Ｐゴシック";
	line-height: 1.5em;
	color: #404040;
}

p,ol,ul,li,dl,dt,dd {
	margin: 0px;
	padding: 0px;
	font-weight: normal;
	font-style: normal;
}

strong,em {
	font-weight: bold;
	font-style: normal;
}

.clear {
 	clear: both;
}

.mt30 {margin-top: 30px !important;}
.mt50 {margin-top: 50px !important;}

.mb5 {margin-bottom: 5px !important;}
.mb10 {margin-bottom: 10px !important;}
.mb15 {margin-bottom: 15px !important;}
.mb20 {margin-bottom: 20px !important;}
.mb25 {margin-bottom: 25px !important;}
.mb30 {margin-bottom: 30px !important;}
.mb35 {margin-bottom: 35px !important;}
.mb40 {margin-bottom: 40px !important;}
.mb45 {margin-bottom: 45px !important;}
.mb50 {margin-bottom: 50px !important;}

.ml5 {margin-left: 5px !important;}
.ml10 {margin-left: 10px !important;}
.ml15 {margin-left: 15px !important;}
.ml20 {margin-left: 20px !important;}
.ml25 {margin-left: 25px !important;}
.ml30 {margin-left: 30px !important;}
.ml35 {margin-left: 35px !important;}
.ml40 {margin-left: 40px !important;}
.ml45 {margin-left: 45px !important;}
.ml50 {margin-left: 50px !important;}
.ml100 {margin-left: 100px !important;}

.pt5 {padding-top: 5px !important;}
.pt10 {padding-top: 10px !important;}
.pt15 {padding-top: 15px !important;}
.pt20 {padding-top: 20px !important;}
.pt25 {padding-top: 25px !important;}
.pt30 {padding-top: 30px !important;}
.pt35 {padding-top: 35px !important;}
.pt40 {padding-top: 40px !important;}
.pt45 {padding-top: 45px !important;}
.pt50 {padding-top: 50px !important;}

.pr5 {padding-right: 5px !important;}
.pr10 {padding-right: 10px !important;}
.pr15 {padding-right: 15px !important;}
.pr20 {padding-right: 20px !important;}
.pr25 {padding-right: 25px !important;}
.pr30 {padding-right: 30px !important;}
.pr35 {padding-right: 35px !important;}
.pr40 {padding-right: 40px !important;}
.pr45 {padding-right: 45px !important;}
.pr50 {padding-right: 50px !important;}
.pr80 {padding-right: 80px !important;}

.pb5 {padding-bottom: 5px !important;}
.pb10 {padding-bottom: 10px !important;}
.pb15 {padding-bottom: 15px !important;}
.pb20 {padding-bottom: 20px !important;}
.pb25 {padding-bottom: 25px !important;}
.pb30 {padding-bottom: 30px !important;}
.pb35 {padding-bottom: 35px !important;}
.pb40 {padding-bottom: 40px !important;}
.pb45 {padding-bottom: 45px !important;}
.pb50 {padding-bottom: 50px !important;}

.pl5 {padding-left: 5px !important;}
.pl10 {padding-left: 10px !important;}
.pl15 {padding-left: 15px !important;}
.pl20 {padding-left: 20px !important;}
.pl25 {padding-left: 25px !important;}
.pl30 {padding-left: 30px !important;}
.pl35 {padding-left: 35px !important;}
.pl40 {padding-left: 40px !important;}
.pl45 {padding-left: 45px !important;}
.pl50 {padding-left: 50px !important;}

/* ヘッダー */
#header {
	width: 100%;
	/*height: 150px;*/
	margin: 0 auto;
}

#header #header_area {
	width: 88%;
	margin: 10px 10%;
	/*height: 65px;*/
}

#header #header_area #logo {
	width: 70%;
	margin: 10px;
	padding: 10px;
	font-size: 190%;
	vertical-align: middle;
	line-height:150%;
	float: left;
}
header #header_area #font_size {
	width: 25%;
	vertical-align: middle;
	float: right;
}


/* グローバルナビ */
#main_navi {
	width: 100%;
	min-height: 65px;
	height: auto !important;
	border-top: 2px solid #003399;
	border-bottom: 2px solid #003399;
	background: linear-gradient(#FFFFFF, #0099FF);
}

#main_navi nav#main_navi_area {
	padding: 0 10%;
	clear: both;
}

#main_navi nav#main_navi_area ul li a#top_right{
	border-left: 2px solid #003399;
}

#main_navi nav#main_navi_area ul li a {
	display: block;
	width: 18%;
	min-height: 45px;
	float: left;
	padding: 20px 3px 0;
	font-size:150%;
	color: #111111;
	text-align: center;
	text-decoration: none;
	border-right: 2px solid #003399;
	background: linear-gradient(#FFFFFF, #0099FF);
}

#main_navi nav#main_navi_area ul li a:hover {
	color: #FFFFFF;
	background: #003399;
}

#main_navi nav#main_navi_area ul li a.top {
	color: #FFFFFF;
	background: #003399
}

/* メイン */
#main {
	width: 80%;
	margin:20px 10%;
}

#pankuzu {
	margin: 20px auto 20px;
	font-size: 90%;
}

#pankuzu div {
	display: inline;
}

#demo {
	width: 100%;
	margin: 0 auto;
	height: 500px;
}

#main table,th,td {
	border: #000000 1px solid;
	border-collapse: collapse;
	border-spacing: 0;
}

#main td.lanking {
	text-align: right;
	border-right: none;
}

#main td.comparison {
	text-align: center;
	border-left: none;
}

#main input,select,button {
	margin: 8px;
}

#main table {
	margin: 10px 0 10px 5px;
}

#main ul,li,ol {
	list-style-type: none;
}

#main td,th {
	padding: 8px;
}

#main #content_navi {
	width: 200px;
	float: left;
	margin-top: 20px;
}

#main #content_main {
	width: 890px;
	float: right;
	margin-top: 20px;
}

table#fun_table{
	table-layout: fixed;
	margin: 0;
 }

table#fun_table th.w100{
	width: 70px;
	background: #e0e0e0;
	break: break-all;
}

table#fun_table th.w200,td.w200{
	width: 200px;
	height: 59px;
	background: #e0e0e0;
}

table#fun_table td.mc{
	background: #80ffff;
}

table#fun_table th.fun_w70,td.fun_w70{
	width: 70px;
}

table#fun_table td.sline{
	padding: 0;
  	background-image: linear-gradient(to top left, transparent 49%, #999999 49%, #999999 51%, transparent 51%, transparent); /* 右下がりの斜線 */
}


/* フッター */
#footer {
	width: 65%;
	height: 40px;
	padding:5px 0 0 35%;
	margin: 0 auto 30px;
	text-align: left;
	color: #FFFFFF;
	background: #003399
}

#login  {
	width: 100%;
	height: 435px;
	padding: 0 10%;
	margin: 10px auto 30px;
}

/* 共通クラス */
.red {
	color: red;
}

.blue {
	color: blue;
}

.up {
	color: red;
}

.down {
	color: blue;
}

.same {
	color: #999;
}

.left {
	float: left;
}

.right {
	float: right;
}

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

.w45 {
	width: 45%;
}

.jsca_list {
	margin: 10px 7%;
	padding: 0 10%; 
	border: 2px solid #0099FF;
}

.jsca_list th{
	width:25%
}

.jsca_list td{
	width:75%
}

#main p#mes {
	 font-size: 20px;
}

div.pagebottun {
	width: 100px;
	display: inline-block;
}

div.pagebottun2 {
	width: 130px;
	display: inline-block;
}

input.submit{
	-webkit-appearance: none;
	margin-top: 5px;
	width: 90px;
	font-size: 24pt;
}

input.submit2{
	-webkit-appearance: none;
	margin-top: 5px;
	width: 150px;
	font-size: 24pt;
}

input.submit3{
	-webkit-appearance: none;
	margin-top: 5px;
	width: 120px;
	font-size: 24pt;
}


input.submit4{
	-webkit-appearance: none;
	margin-top: 5px;
	width: 180px;
	font-size: 24pt;
}

input.submit_fun{
	-webkit-appearance: none;
	width: 400px;
	height:100px;
	font-size: 20pt;
	color: #FFFFFF;
	background: #003399
}

input.submit_fun2{
	-webkit-appearance: none;
	width:200px;
	height:30px;
	margin-left:30px;
	font-size: 12pt;
	color: #FFFFFF;
	background: #003399
}

div#pagecount {
	width: 300px;
	display: inline-block;
	vertical-align: middle;
	text-indent:100%;
	font-size: 20px;
}

.center {
	 text-align: center; 
	 vertical-align: middle;
}

#main #index {
	padding: 20px 0; 
}

#main #index p{
	margin: 20px 100px 20px 50px;
	line-height:2.0
	font-size: 120%;
}

#main #index p#box{
	padding:10px;
	border: 2px solid #333333;
}

.w40 {
	width: 40%;
}

.w50 {
	width: 50%;
}

.w60 {
	width: 60px;
}

.w70 {
	width: 70px;
}

.w100 {
	width: 200px;
}

.w200 {
	width: 200px;
}

.w240 {
	width: 240px;
}

.w300 {
	width: 300px;
}

.w350 {
	width: 350px;
}

#main #use {
	margin: 0 0 50px;
	padding: 0 20px 50px; 
}

#main #use p{
	margin: 5px 80px 5px 30px;
	line-height:2.0
	font-size: 120%;
	text-indent: 1em;
}

#main #use h3{
	width: 70px;
	padding-left: 30px;
}

#main #use .use2 {
	width: 750px;
	margin: 15px 0 30px;
}

#main #use .use2 p {
	text-indent: 0	;
}

#main #use p img {
	width: 750px;
	margin:20px 0;
	padding:20px;
	border: 2px solid #333333;
	text-align: center; 
}

#main #use p button {
	width: 80%;
	margin-bottom: 30px !important;
	padding:20px;
	border: 2px solid #333333;
	background: #00ECFF;
	vertical-align: middle;
	text-align: center; 
	font-size: 20px;
}

#main #use p button:hover {
	color: #FFFFFF;
	background: #003399
}

#main #report {
	margin: 30px 80px 50px 20px;
}

#main #report p{
	padding: 5px 0;
	line-height:2.0;
	text-indent: 1em;
}


#main #report table {
	margin:20px 30px;
}

#main #report table th {
	margin:20px 30px;
	background: #00ECFF;
}

#main #report table td span {
	text-decoration: underline;
}

#main #report p#note{
	margin:0 30px;
	font-size: 80%;
}

#main #report ul {
	padding:0 50px;
}

#main #report ul li {
	text-indent: -2em;
}

#main #report #site-link h3 {
	padding:30px 30px 0;
}

#main #report #site-link ul {
	padding:0 80px;
}

#main #report #site-link ul li {
	padding:0 30px;
	list-style-type: disc;
}