@charset "utf-8";

#container {
	position: relative;
	width: 100%;
}
#myImage{
	height: auto;
	/*vertical-align: top;*/
	float: left;
	background-size: 95% auto;
	width: 90%;
	/*clear: both;*/
	top:5px;
	left:10px;
	/*margin:auto;*/
	text-align: center;
	/*box-sizing:background;*/
	/*position: relative;下マージンでボタンとイメージを調整*/
	margin-left: 40px;
}
form {
	margin-left: 40px;
	text-align: center;
}
.side_left ul li{
	height: auto;
	/*vertical-align: bottom;*/
	float: left;
	background-size: 20% auto;
	display: none;
	width: 20%;
	height: auto;
	top:20px;
	box-sizing:background;
	position: relative;
}
ul {
	list-style: none;
	width: 20%;
}
.category{
	padding-top: 10px;
	padding-bottom: 5px;
}
.sistem{
	padding-bottom: 5px;
}
.news{
	padding-bottom: 5px;
}
.event{
	padding-bottom: 5px;
}
.com{
	padding-bottom: 5px;
}
.side_right{
	margin-top: 10px;
	height: auto;
	/*vertical-align: top;*/
	background-size: 20% auto;
	display: none;
	width: 20%;
	float: left;
	/*position:absolute;*/
	top:20px;
	box-sizing:background;
	position: relative;
}
.info{
	padding-top: 10px;
	padding-bottom: 5px;
}
.support{
	padding-bottom: 5px;
}
.prodect{
	padding-bottom: 5px;
}
.sche{
	padding-bottom: 5px;	
}
.free{
	padding-bottom: 5px;	
}
input[type="button"] {
	position: static;
	background-color: #000088;
	font-family:"HGP創英角ﾎﾟｯﾌﾟ体";
	font-size: 20px;
	color: #ffff00;
	margin-top: 0;
	height: 80px;
	width: 290px;
	float: left;
}
h2 {
	color: #fff;
}
.manu {
	width: 20%;
}
#main {
	width: 95%;
	box-sizing:background;
	background-color: #FBCC30;
	margin-left: 10px;
	paddingtop: 10px;
}
#myDiv {
	//*position:absolute;*//
	top:5x;
	left:10px;
	padding-top: 5px;
	padding-bottom: 10px;
}
p{
	position: static;
		font-family:"HGP創英角ﾎﾟｯﾌﾟ体";
		font-size: auto;
}
h3{
	color: #000088;
		font-size: 50px;

}
.manu {
	width: 20%;
}
#top {
	position: fixed;
}
#bottom {
	padding-top: 805px;
	width: 99%;
	padding-left: 5px;
}
#myDiv {
	//*position:absolute;*//
	top:5px;
	margin-left:10px;
	padding-top: 5px;
	padding-bottom: 10px;
}
#main_co {
	width: 95%;
	height: 200px;
	box-sizing:background;
	background-color: #ffff00;
	margin-top: 575px;
	margin-left: 43px;
	padding-top: 10px;
	padding-bottom: 1px;
}
#sub_1 {
	width: 90%;
	box-sizing:background;
	background-color: #ff0000;
	margin-top: 10px;
	margin-left: 43px;
	padding-top: 10px;
	padding-bottom: 10px;
	float: left;
}
#sub_2 {
	width: 90%;
	box-sizing:background;
	background-color: #0000ff;
	margin-top: 10px;
	margin-left: 43px;
	padding-top: 10px;
	padding-bottom: 10px;
	float: left;
}
#sub_3 {
	width: 90%;
	box-sizing:background;
	background-color: #ffa500;
	margin-top: 10px;
	margin-left: 43px;
	padding-top: 10px;
	padding-bottom: 10px;
	float: left;
}
#sub_4 {
	width: 90%;
	box-sizing:background;
	background-color: #ffff00;
	margin-top: 10px;
	margin-left: 43px;
	padding-top: 10px;
	padding-bottom: 10px;
	float: left;
}
#sub_5  {
	width: 90%;
	box-sizing:background;
	background-color: #009600;
	color: #ee8eb1;
	margin-top: 10px;
	margin-left: 43px;
	padding-top: 10px;
	padding-bottom: 10px;
	float: left;
}