@charset "utf-8";
@import "base.css";

/*
#header{
	width: 700px;
	margin: 0 auto;
}
*/
body{
    background-image: none;
}
#contents div.login{
	margin: 60px auto 30px;
	padding: 20px;
	border: 1px solid #666;
	width: 400px;
    background-color: #FFF;
}

#contents dt{
	margin-top: 10px;
}

#contents dd{
	margin-top: -20px;
	padding: 0 0 10px 100px;
}

#contents div.button{
	margin: 20px 150px;
}

#contents input:focus{
	background-color: #FFF;
}

.download{
	width: 700px;
	margin: 0 auto;
	border: 10px solid rgba(0,41,0,0.2);
	padding: 15px;
	border-radius: 10px;
}
.download h2{
	font-size: 160%;
	font-weight: bold;
	padding: 8px 30px;
	border-radius: 23px;
	color: #FFF;
    background: linear-gradient(to bottom, #fff 0%, #066f0f 45%, #066f0f 100%);
	display: inline-block;
	box-shadow: 3px 3px rgba(0,0,0,0.4);
}
.download div.h2{
	display: flex;
	align-items: center;
	margin-bottom: 20px;
}
.download div img{
	margin-right: 10px;
}
.download h3{
	font-weight: bold;
	font-size: 120%;
	margin: 0 0 10px 0;
}
.download h3:before{
	content: "●";
}
.download div.doc{
	margin-left: 15px;
}
.download div.doc ul{
	margin-bottom: 1em;
}
.download div.doc ul li{
	margin-bottom: 0.5em;
}
.download div.doc ul li:before{
	content: "▶";
	color: #309E2D;
	padding-right: 2px;
}
.caution{
	text-align: center;
    display: block;
    width: 100%;
    margin: 2em auto 4em;
	text-indent: -1em;
	margin-left: 1em;
}
.gotop{
    display: inline-block;
    background: #666;
    width: 11em;
    text-align: center;
    padding: 0.6em;
    border-radius: 5px;
    /* margin: 1em 30em; */
    text-decoration: none;
    color: #FFF;
    font-weight: bold;
	margin-bottom: 3em;
}
.gotop:link, .gotop:visited, .gotop:hover, .gotop:active {
  color: #FFF;
}


@media screen and (max-width: 949px) {
	#contents {
		margin: 10px;
	}
	#contents div.login{
		width: auto !important;
	}
	#contents div.button{
		text-align: center;
		margin: 20px auto;
	}

	/* #contents dl > div{
		display: flex;
		align-items: center;
	} */
	#contents dl dd{
		margin-top: -30px;
	}
	#contents dl dd input{
		padding: 10px 0 10px 10px;
	}
	.caution{
		text-align: left;
		width: 95%;
		/* text-indent: -0px; */
	}
}