@charset "UTF-8";

/*--------------------------------------------------------------------
test.html
test.css
--------------------------------------------------------------------*/


/*------------test---------------------------------------------------------------*/
div#test div.testPho {}
div#test div.testTxt { margin-top: 20px; }
div#test dl dt {
	margin-bottom: 15px;
	line-height: 1.2;
	text-align: center;
	font-family: "游明朝" , "Yu Mincho" , "游明朝体" , "YuMincho" , "ヒラギノ明朝 Pro W3" , "Hiragino Mincho Pro" , "HiraMinProN-W3" , "HGS明朝E" , "Sawarabi Mincho" , Garamond , "Times New Roman" , "ＭＳ Ｐ明朝" , "MS PMincho" , serif;
	font-size: 1.75em;
	font-weight: bolder;
	color: #ff3d00;
}
div#test ul.BtnList {
	width: 100%;
	list-style: none;
	overflow: hidden;
}
div#test ul.BtnList li {
	width: 100%;
}
div#test ul#DlBtn li { background-color: #00298c; }
div#test ul#WebBtn li { background-color: #00bfb5; }
div#test ul#GraBtn { margin-top: 20px; }
div#test ul#GraBtn li { background-color: #30519f; }

div#test ul.BtnList li + li { margin-top: 2%; }
div#test ul.BtnList li a {
	position: relative;
	display: block;
	padding: 0.6em 1em 0.55em;
	line-height: 1.2;
	text-align: center;
	font-size: 1rem;
	color: #fff;
	transition: opacity .3s;
}
div#test ul.BtnList li a:before {
	position: absolute;
	display: block;
	width: 13px;
	height: 12px;
	background-image: url(../../img/parts/btn_arrow.png);
	background-position: left center;
	background-repeat: no-repeat;
	content: "";
	top: 50%;
	right: 0.55em;
	-webkit-transform: translateY(-50%);
	    -ms-transform: translateY(-50%);
	        transform: translateY(-50%);
}
div#test ul.BtnList li:hover,
div#test ul.BtnList li a:hover {
	filter: alpha(opacity=85);
	-moz-opacity: 0.85;
	opacity: 0.85;
	text-decoration: none;
	color: #ff0;
}
div#test ul.BtnList + p { margin: 40px 0 0.8em; }
div#test table tr th {
	padding: 10px;
	border-left: 1px solid #bfbfbf;
	white-space: nowrap;
	text-align: center;
}
div#test table tr td {
	padding: 10px;
	border-left: 1px solid #bfbfbf;
	text-align: center;
	vertical-align: middle;
}
div#test table tr th:nth-child(1) { border-left: 0 none; }
div#test table tr td span {
	display: block;
	font-size: 0.75em;
	color: #ff3d00;
}
div#test table tr td ul.dataBtn {
	width: 100%;
	list-style: none;
	overflow: hidden;
	text-align: center;
}
div#test table tr td ul.dataBtn li { display: inline-block; }
div#test table tr td div.LinkBtn img { background-color: #00298c; }
div#test table tr td table {
	width: auto;
	border: 0 none;
}
div#test table tr td table tr th,
div#test table tr td table tr td {
	width: auto;
	border: 0 none;
	background-color: transparent;
	text-align: left;
	vertical-align: top;
	color: inherit !important;
}
div#test div#Capacity {
	width: 100%;
	margin: 0 auto;
	padding: 20px;
	background-color: rgba(255, 61, 0, 0.5);
	text-align: center;
	font-weight: bolder;
	color: #fff;
}
div#test div#Capacity p + p { margin-top: 0; }
div#test div.caution {
	width: 100%;
	margin: 0 auto;
	padding: 20px;
	background-color: rgba(0, 41, 140, 0.8);
	color: #fff;
}
div#test div.caution + div.caution { margin-top: 20px; }
div#test div.caution dl dt {
	margin-bottom: 15px;
	padding: 0.5em;
	background-color: #fff;
	font-family: inherit !important;
	font-size: 1rem;
	font-weight: bolder;
	color: #00298c;
}
div#test div.caution dl dl dt {
	margin-bottom: 5px;
	padding: 0;
	background-color: transparent;
	text-align: left;
	font-family: inherit !important;
	font-size: 1rem;
	font-weight: normal;
	color: #fff;
}
div#test div.caution dl dl dt:before {
	padding-right: 0.15em;
	padding-left: 0.35em;
	content: "<";
}
div#test div.caution dl dl dt:after {
	padding-left: 0.15em;
	padding-right: 0.35em;
	content: ">";
}
div#test div.caution dl dl dd + dt { margin-top: 20px; }
div#test div.caution div#IncauTxt {
	margin-top: 1em;
	padding: 20px;
	background-color: #00bfb5;
}
div#test div#other { width: 100%; }
div#test div#other a { color: #fff; }