@charset "utf-8";

/*-----------------------------

	機能一覧

-----------------------------*/

#list{
	width:100%;
	padding:15px 0;
	border:1px solid #D7D7D7;
}

#list h4{
	background-image:url(../com/img/title_back02.gif);
	background-position: left 100px bottom 0;
	background-repeat: no-repeat;
	margin-bottom:15px;
	padding-left:10px;
	line-height: 0;
}

#list ul{
	width:100%;
	display:-webkit-box;
    display:-moz-box;
    display:-ms-box;
    display:-webkit-flexbox;
    display:-moz-flexbox;
    display:-ms-flexbox;
    display:-webkit-flex;
    display:-moz-flex;
    display:-ms-flex;
    display:flex;
    -webkit-flex-wrap:wrap;
    -moz-flex-wrap:wrap;
    -ms-flex-wrap:wrap;
    flex-wrap:wrap;
justify-content: center;
	align-items: center;
}

/*#list ul::before{
  content:"";
  display: block;
  width:96px;
  order:1;
}
#list ul::after{
  content:"";
  display: block;
  width:96px;
}*/

#list li{
	width:110px;
	text-align: center;
	line-height: 0;
}

#list li a{
	color:#171717;
	text-decoration: none;
}

#list li a:hover{
	color:#102969;
	text-decoration: none;
}

#list li img{
	vertical-align: middle;
	margin-right:5px;
}

/*-----------------------------

	各機能

-----------------------------*/

#kinou-main{
	width:100%;
}

#kinou-main .item{
	width:100%;
	margin-top:30px;
}

#kinou-main h4{
	width:100%;
	font-family: "Noto Sans Japanese", san-serif;
	color:#2859D9;
	font-weight: bold;
	font-size:13pt;
	border-bottom: 1px solid #D7D7D7;
	background-image: url(../com/img/subtitle_ico.gif);
	background-repeat: no-repeat;
	background-position: center left;
	text-decoration-line: 15px;
	padding-left:20px;
	margin-bottom:20px;
	
}

legend{
	margin-bottom:5px;
	padding-top:5px;
	font-weight:bold;
	text-shadow: 0 0 1px #bbb;
	color: #0066ff;
	font-size:12pt;
}

label{
	margin-left:1px;
	margin-right:30px;
}

textarea{
	border:1px solid #D7D7D7;
	width: 80%;
	height: 100px;
	margin:0 auto;

}
fieldset{
	border:1px solid #D7D7D7;
	margin:10px auto;
	padding:10px ;
	background-color: #eeffff;
	width: 75%;

}
input[type="text"]{
	border:1px solid #D7D7D7;
	padding:6px ;
	margin:5px auto;
	width: 80%;
	margin-bottom:5px;
}

select{
	border:1px solid #D7D7D7;
	padding:6px ;
	width: 250px ;
	margin:0 auto;
	width: 80%;
	margin-bottom:5px;
}
input[type="submit"],input[type="reset"],input[type="button"]{
	font-size: 12pt;
	color: #666;
	padding: 10px;
	margin:20px ;
	width: 120px;
	border:0 
	background-color: #eeffff;
	background-image: -webkit-linear-gradient(#cff0ef,#9de1de);
	background-image: linear-gradient(#cff0ef,#9de1de);
	box-shadow: inset 1px 1px rgba(255,255,255,0.7),inset -1px -1px rgba(0,0,0,0.1), 1px 1px 6px  #bbb;
}
input[type="submit"]:hover,input[type="reset"]:hover,input[type="button"]:hover{
	background-image: -webkit-linear-gradient(#f4fbfb,#c0ebea);
	background-image: linear-gradient(#f4fbfb,#c0ebea);
}
input[type="submit"]:active,input[type="reset"]:active,input[type="button"]:active{
	background-image: -webkit-linear-gradient(#cff0ef,#9de1de);
	background-image: linear-gradient(#cff0ef,#9de1de);
	box-shadow: inset 1px 1px rgba(255,255,255,0.7),inset -1px -1px rgba(0,0,0,0.1), 0 0 6px 2px #00a39b;
}
.chuui{
	font-size: 10pt;
	margin-bottom:10px;
}
.button1{
	text-align: center;
}
.gridcontainer{
	text-align: center;
	margin-bottom:10px;
}

.gridcontainer1{
	margin:0 10px 0 ;
	text-align: center;
}
.gridcontainer2{
	text-align: center;
	margin-bottom:10px;
	width: 50%;
}
table{
	margin:0 20px ;
}