@charset "utf-8";

/*共通項目*/
#header{
	width: 100%;
	position:relative;
}

body {
	background:url(img/bg.png) bottom center;
}
.exp{
	color:#CFDEFF;
	text-align:center;
	font-size:12px;
	line-height:1.2em;
	margin:10px auto;
}
.grade{
	color:#CFDEFF;
	/*グラデ blue*/
	background: #385887; /* Old browsers */
	background: -moz-linear-gradient(left,	#5776a9 0%, #183965 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, right top, color-stop(0%,#5776a9), color-stop(100%,#183965)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(left,	#5776a9 0%,#183965 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(left,	#5776a9 0%,#183965 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(left,	#5776a9 0%,#183965 100%); /* IE10+ */
	background: linear-gradient(to right,	#5776a9 0%,#183965 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#5776a9', endColorstr='#183965',GradientType=1 ); /* IE6-9 */
}
.imgWrap{
	margin:15px auto 0 auto;
	padding:4px 4px 0 4px;
}
.card{
	margin:0px auto 20px auto;
}


h3 {
	margin: 0;
	text-align:center;
}
h3 a {
	background: url("img/arrow_open.png") bottom right no-repeat;
	display: block;
	padding: 12px 7px 12px 7px;
	margin: 0;
	color:#CFDEFF;
	text-decoration: none;
	font-weight: bold;
	line-height:1em;
}
h3.open a{
	background: url("img/arrow_close.png") bottom right no-repeat;
}
h3 + div{
	padding: 0px;
}


#c1 .content,
#c2 .content,
#c3 .content,
#c4 .content,
#c5 .content,
#c6 .content,
#c7 .content,
#c8 .content,
#c9 .content,
#c10 .content,
#c11 .content,
#c12 .content{
	padding:0 7px 5px 7px;
}