@charset "UTF-8";

#link div.content{
	box-sizing: border-box;
	padding:10px;
}

#link h3{
	background:linear-gradient(top, #ff8800 0%,#ffbb44 100%);
	background: -webkit-linear-gradient(top, #ff8800 0%,#ffbb44 100%);
	background: -moz-linear-gradient(top, #ff8800 0%,#ffbb44 100%);
	background: -o-linear-gradient(top, #ff8800 0%,#ffbb44 100%);
	background: -ms-linear-gradient(top, #ff8800 0%,#ffbb44 100%);
	
	color:#fff;
	
	font-size:1.25rem;
	line-height:1.0em;
	font-weight:bold;
	
	box-sizing: border-box;
	border:solid 1px #ff8800;
	
	margin-bottom:10px;
}

#link h3 span.ol{
	display:block;
	box-sizing: border-box;
	border:solid 1px #fff;
	padding:10px;
}

#link p.caption{
	box-sizing: border-box;
	padding:10px;
	
	background-color:#fff;
}

.linkbanner-deprism article{
	width:100%;
	box-sizing: border-box;
	padding:10px;
	
	background-color:#fff;
	margin-bottom:10px;
	text-align: center;
}

.linkbanner-deprism article textarea{
	border:solid 1px #ccc;
	resize: none;
	width:90%;
	
	box-sizing: border-box;
	padding:5px;
	border-radius:2.5px;
}

.form-content{
	box-sizing: border-box;
	padding:10px;
	
	background-color:#fff;
	color:#444;
	margin-bottom:20px;
}

.form-content p{
	display:table;
	width:100%;
	
	margin-bottom:20px;
}

.form-content p span.note{
	display:table-cell;
	width:150px;
	vertical-align: top;
}

.form-content p span.value-area{
	display:table-cell;
	width:auto;
	vertical-align: top;
}

.form-content p span.value-area input[type="text"]{
	width:90%;
}

.btn-submit{
	text-align: center;
}

.btn-submit input[type="submit"]{
	width:120px;
	padding:5px 0;
	border-radius:5px;
	
	font-size:1.0rem;
	line-height:1.0em;
	font-weight:bold;
	
	background-color:#444;
	border:solid 5px #444;
	color:#fff;
	cursor: pointer;
}

.btn-submit input[type="submit"]:hover{
	background-color:#666;
	color:#fff;
}

.linkbanner div.content-inner{
	background-color:#fff;
	box-sizing: border-box;
	padding:10px;
}

.linkbanner div.content-inner ul{
	text-align: center;
}

.linkbanner div.content-inner ul li{
	display:inline-block;
}

.linkbanner div.content-inner ul li a{
	display:block;
}

.linkbanner div.content-inner ul li img{
	vertical-align: bottom;
}

.linkbanner div.container{
	margin-bottom:20px;
}

@media only screen and (min-width:640px){
	
	.linkbanner-deprism{
		font-size:0;
		line-height:1.0em;
	}
	
	.linkbanner-deprism article{
		font-size:0.8rem;
		line-height:1.75em;
		
		width:25%;
		display:inline-block;
		box-sizing: border-box;
		padding:10px;
	}
	
}