@charset "UTF-8";
body {
	margin-top: 5%;
	margin-right: 10%;
	margin-bottom: 5%;
	margin-left: 10%;
	text-align: center;
	background-color: #D9D7B3;
}
#wrapper {
	-webkit-box-shadow: 0px 0px 15px 10px #939393;
	box-shadow: 0px 0px 15px 10px #939393;
	border: thin solid #898989;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	background-color: #FFFFFF;
	text-align: center;
}
#wrapper2 {
	text-align: left;
	background-color: #FFFFFF;
	border: thin solid #898989;
	-webkit-box-shadow: 0px 0px 15px 10px #939393;
	box-shadow: 0px 0px 15px 10px #939393;
	margin-top: 5%;
	margin-bottom: 5%;
}
#top {
	background-color: #116900;
	background-image: -webkit-linear-gradient(270deg,rgba(16,105,0,1.00) 0%,rgba(174,204,168,1.00) 82.22%,rgba(255,255,255,1.00) 100%);
	background-image: -moz-linear-gradient(270deg,rgba(16,105,0,1.00) 0%,rgba(174,204,168,1.00) 82.22%,rgba(255,255,255,1.00) 100%);
	background-image: -o-linear-gradient(270deg,rgba(16,105,0,1.00) 0%,rgba(174,204,168,1.00) 82.22%,rgba(255,255,255,1.00) 100%);
	background-image: linear-gradient(180deg,rgba(16,105,0,1.00) 0%,rgba(174,204,168,1.00) 82.22%,rgba(255,255,255,1.00) 100%);
}
#wrapper #top #logo {
	text-align: left;
}
#wrapper #main .poricy {
	text-align: left;
	margin-top: 5%;
	margin-right: 5%;
	margin-bottom: 5%;
	margin-left: 5%;
}
#wrapper #main .subtitle {
	font-weight: 600;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	text-align: left;
	color: #006360;
	margin-bottom: 80px;
	margin-left: 11%;
}
h1 {
	font-size: 2em;
	background-color: #FFAF00;
	display: inline;
	padding-top: 1%;
	padding-bottom: 1%;
	height: auto;
	text-align: center;
	margin-top: auto;
	margin-right: auto;
	margin-bottom: auto;
	margin-left: auto;
	padding-right: 2%;
	padding-left: 2%;
}
h2 {
	border-bottom: 3px double #FF0004;
	border-top: 3px double #FF0004;
}
h3   {
	font: 15px/10px "MS ゴシック",Osaka;
	font-weight:bold;
	color:#003f4a;
	line-height:130%;
	margin:20px 0px 20px 0px;
	padding:3px 3px 3px 10px;
	border-left:solid 6px #666;
	border-bottom:solid 3px #666;
	border-right:solid 1px #666;
	border-top:solid 1px #666;
	background:#fff;
}

.description {
	font-weight: bold;
	border-bottom: 3px double #FF0000;
	margin-left: 15%;
	margin-right: 15%;
	border-top-width: 0px;
	margin-top: 5%;
}
.iot {
	margin-bottom: 15%;
	margin-top: 10%;
}
.iotwords {
	text-align: left;
	margin-right: 24%;
	margin-left: 24%;
	color: #0328D6;
	margin-top: 5%;
}
#wrapper #main table {
	margin-top: 4em;
	margin-bottom: 4em;
	text-decoration: none;
	text-align: left;
}
.button {
	background-color: #0F919E;
	font-size: 1.8em;
	color: #fff;
	text-decoration: none;
	padding-top: 0.3em;
	padding-right: 0.3em;
	padding-bottom: 0.3em;
	padding-left: 0.3em;
	border-radius: 11px;
}
.button:hover {
	background-color: #59b1eb;
}
.name {
	margin-top: 10%;
	text-align: right;
	font-family: "ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
	font-style: normal;
	font-weight: 500;
	margin-right: 5%;
	margin-bottom: 2%;
}
table {
	width: 70%;
	font-size: 14px;
	border-spacing: 0px 0px;
}
#mainnav ul {
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	list-style-type: none;
}
table {
	width: auto;
	border-spacing: 0;
	font-size: 14px;
	*border-collapse: collapse;
}
table tr:first-child th:first-child {
	border-top-left-radius: 5px;
}
table th {
	color: #fff;
	;
	padding: 8px 15px;
	background-color: #258;
	background-image: -webkit-linear-gradient(270deg,rgba(255,255,255,1.00) 0%,rgba(97,156,215,1.00) 1.40%,rgba(60,133,206,1.00) 40.58%,rgba(34,85,136,1.00) 100%);
	background-image: -moz-linear-gradient(270deg,rgba(255,255,255,1.00) 0%,rgba(97,156,215,1.00) 1.40%,rgba(60,133,206,1.00) 40.58%,rgba(34,85,136,1.00) 100%);
	background-image: -o-linear-gradient(270deg,rgba(255,255,255,1.00) 0%,rgba(97,156,215,1.00) 1.40%,rgba(60,133,206,1.00) 40.58%,rgba(34,85,136,1.00) 100%);
	background-image: linear-gradient(180deg,rgba(255,255,255,1.00) 0%,rgba(97,156,215,1.00) 1.40%,rgba(60,133,206,1.00) 40.58%,rgba(34,85,136,1.00) 100%);
	font-weight: bold;
	border-left: 1px solid #225588;
	border-top: 1px solid #225588;
	border-bottom: 1px solid #225588;
	line-height: 120%;
	text-align: center;
	text-shadow:0 -1px 0 rgba(34,85,136,0.9);
	box-shadow: 0px 1px 1px rgba(255,255,255,0.3) inset;

}
table th:first-child {
	border-radius: 0px 0 0;
}
table th:last-child {
	border-radius: 0px 5px 0px 0px;
	border-right: 1px solid #225588;
	-webkit-box-shadow: 2px 0px;
	box-shadow: 2px 2px 1px rgba(0,0,0,0.1),0px 1px 1px rgba(255,255,255,0.3) inset;
}
table tr td {
	padding: 8px 15px;
	border-bottom: 1px solid #84B2E0;
	border-left: 1px solid #84B2E0;
}
table tr td:last-child {
	border-right: 1px solid #84B2E0;
	box-shadow: 2px 2px 1px rgba(0,0,0,0.1);
}
table tr {
	background-color: #FFFFFF;
}
table tr:nth-child(2n+1) {
	background-color: #F1F6FC;
}
table tr:last-child td {
	box-shadow: 2px 2px 1px rgba(0,0,0,0.1);
}
table tr:last-child td:last-child {
	border-radius: 0 0 5px 0px;
}
table tr:hover {
	background: #bbd4ee;
    cursor:pointer;
}
#mainnav a {
	width: 20%;
	display: block;
	float: left;
	text-align: center;
	background-color: #073F4A;
	color: #FFFFFF;
	padding-top: 6px;
	padding-bottom: 6px;
	text-decoration: none;
}
#mainnav a:hover, #mainnav a:active, #mainnav {
	background-color: #43a6cb;
}
#wrapper footer {
	background-color: #083F4A;
	color: #CDCDCD;
	text-align: right;
	font-family: "ＭＳ ゴシック", "MS Gothic", "Osaka－等幅", Osaka-mono, monospace;
	font-size: small;
}
#wrapper footer a {
	color: #CDCDCD;
	text-decoration: none;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}
#wrapper #main .wrapper.iot {
	margin-left: 10%;
	margin-right: 10%;
}