@charset "utf-8";
/* ------------------
	共通
------------------- */
a:link,
a:visited,
a:active,
a:hover {
	color: #0075bf;
	text-decoration: none;
	border-bottom: 2px solid #a3a3d0;
}
section .inBox .whiteBox ul li{
	display: inline-block;
	vertical-align: top;
	padding: 10px 0 0;
	margin-left: 1.5%;
	width: 30.5%;
}
section .inBox .whiteBox ul li img{
	width: 100%;
	max-width: 206px;
	height: auto;
	margin: 0 auto;
}

/* ------------------
	基礎編
------------------- */
section#basic .inBox .whiteBox h1 {
	background-color: #5dc4cc;
	background-image: -moz-linear-gradient(left, #5dc4cc, #a2dee2);
	background-image: -webkit-gradient(linear, left top, right top, from(#5dc4cc), to(#a2dee2));
	color: #ffffff;
	padding: 4px 20px;
	margin-bottom: 7px;
	border-width: 1px;
	border-style: solid;
	border-color: #9edce1 #8abcc0 #8abcc0 #9edce0;
	box-shadow: 2px 2px rgba(196,219,221,0.75);
}
section#application .inBox .whiteBox h1 {
	background-color: #cd6f86;
	background-image: -moz-linear-gradient(left, #cd6f86, #e2aebb);
	background-image: -webkit-gradient(linear, left top, right top, from(#cd6f86), to(#e2aebb));
	color: #ffffff;
	padding: 4px 20px;
	margin-bottom: 7px;
	border-width: 1px;
	border-style: solid;
	border-color: #e1a9b7 #af6274 #af6274 #e1a9b7;
	box-shadow: 2px 2px rgba(221,198,203,0.75);
}

/* ------------------
	横モード
------------------- */
@media screen and (min-width: 960px) {
	section#application .inBox .whiteBox ul{
		margin-left: 3%;
	}
	section#application .inBox .whiteBox ul li{
		width: 45%;
	}
	section#basic {
		width: 57%;
		float: left;
	}
	section#application {
		width: 38%;
		float: left;
	}
}