@charset "UTF-8";

h1,h2 {
	text-align:		center;
}
h3 {
	color:			#fff;
	background-color:	#f00;
	padding:		8px 1em;
	background-image:	-moz-linear-gradient(left , rgb(255,0,0) 8%, rgb(255,127,127) 80%);
	background-image:	-ms-linear-gradient(left , rgb(255,0,0) 8%, rgb(255,127,127) 80%);
	background-image:	-o-linear-gradient(left , rgb(255,0,0) 8%, rgb(255,127,127) 80%);
	background-image:	-webkit-linear-gradient(left , rgb(255,0,0) 8%, rgb(255,127,127) 80%);
	background-image:	linear-gradient(left , rgb(255,0,0) 8%, rgb(255,127,127) 80%);
	box-shadow:		2px 2px 3px #700;
	text-shadow:		1px 1px 1px #000;
	margin-bottom:		1em;
}
h3 span {
	font-size:		smaller;
	line-height:		150%;
	color:			#f00;
	background-color:	#fff;
	padding:		2px 5px;
	margin:			0 8px;
	border-radius:		5px;
	box-shadow:		1px 1px 2px #777;
}
div.c {
	margin:			1em
}
div.c p {
	font-weight:		bold;
}
#contents {
	padding:		3px;
}
#contents p {
	text-indent:		1em;
}
#catch {
	color:			#f00;
	width:			30em;
	height:			2.5em;
	text-indent:		3em;
	margin-top:		8px;
	-moz-transform:		rotate(-3deg);
	-webkit-transform:	rotate(-3deg);
	transform:		rotate(-3deg);
	text-shadow:		1px 1px 5px #f03;
}
#spec {
	float:			right;
	font-size:		smaller;
	margin-left:		2em;
	padding:		5px;
}
#spec th {
	color:			#f03;
	text-align:		right;
	padding-right:		1em;
	font-weight:		bold;
}
#spec tr {
	border-bottom:		dotted 1px #f03;
}
.multi {
	-moz-column-width:	20em;
	-webkit-column-width:	20em;
	column-width:		20em;
	-moz-column-gap:	3em;
	-webkit-column-gap:	3em;
	column-gap:		3em;
	margin-bottom:		1em;
}
#scg {
	width:			836px;
	overflow:		hidden;
	margin:			0 auto 0 auto;
}
.ph400 {
	width:			400px;
	float:			left;
	margin:			0 15px 8px 0;
}
.ph400 p {
	text-indent:		0 !important;
}
.ph400 img {
	margin-bottom:		10px;
}
.cg img {
	border:			solid 3px #f4f4f4;
	box-shadow:		5px 5px 10px #333;
}
.tag {
	color:			#fff;
	background-color:	#f9c;
	text-align:		center;
	border-radius:		8px 8px 0 0;
	border-width:		3px;
	border-color:		#f4f4f4 !important;
	border-style:		double double none double;
	width:			9em;
	margin:			0 auto 0 auto;
}
.half {
	margin:			0;
	padding:		0;
	width:			50%;
	float:			left;
}
.half h3 {
	margin:			0 1em 1em 3px;
}
.half p {
	margin:			0 1em 1em 0;
}
#character {
	border:			solid 2px #f03;
	-moz-border-radius:	12px;
	-webkit-border-radius:	12px;
	border-radius:		12px;
	margin:			2em 1em;
	padding:		0 1em 1em 1em;
}
#character h3 {
	margin:			-1.4em auto 2em auto;
	text-align:		center;
	width:			15em;
	-moz-border-radius:	8px;
	-webkit-border-radius:	8px;
	border-radius:		8px;
}
.character {
	border:			solid 1px #f03;
	overflow:		hidden;
	padding:		0 10px 10px 0;
	margin-bottom:		1em;
	background-image:	-moz-linear-gradient(left,#fff 40%,rgb(255,204,0) 100%);
	background-image:	-ms-linear-gradient(left,#fff 40%,rgb(255,204,0) 100%);
	background-image:	-o-linear-gradient(left,#fff 40%,rgb(255,204,0) 100%);
	background-image:	-webkit-linear-gradient(left,#fff 40%,rgb(255,204,0) 100%);
	background-image:	linear-gradient(left,#fff 40%,rgb(255,204,0) 100%);
}
.character h4 {
	color:			#fff;
	background-color:	#f03;
	font-size:		larger;
	padding:		3px 1em;
	text-align:		center;
	width:			6em;
	border-radius:		0 0 12px 0;
	box-shadow:		1px 1px 3px #701;
	margin-bottom:		5px;
}
.introduction {
	float:			left;
	width:			15em;
}
.introduction p {
	margin:			0 1em;
}
.data {
	color:			#f03;
	text-indent:		0 !important;
	text-shadow:		1px 1px 3px #777;
	margin-bottom:		1em !important;
}
.data span {
	font-size:		larger;
	font-weight:		bold;
	display:		block;
}
.button {
	display:		table;
	margin:			5px 0;
	border-collapse:	separate;
	border-spacing:		5px;
	min-width:		18em;
}
.button > a {
	color:			#fff;
	background-color:	#f03;
	width:			6em;
	height:			6em;
	text-align:		center;
	text-indent:		0 !important;
	text-shadow:		1px 1px 2px #555;
	border:			solid 1px #f9c;
	border-radius:		3em;
	display:		table-cell;
	vertical-align:		middle;
	position:		relative;
	background:		-moz-radial-gradient(50% 80%,circle,#fdd,#f03);
	background:		-ms-radial-gradient(50% 80%,circle,#fdd,#f03);
	background:		-o-radial-gradient(50% 80%,circle,#fdd,#f03);
	background:		-webkit-radial-gradient(50% 80%,circle,#fdd,#f03);
	background:		radial-gradient(50% 80%,circle,#fdd,#f03);
	box-shadow:		0 2px 6px rgba(0,0,0,0.5),0 2px 10px rgba(255,100,0,0.7),inset 0 0 10px rgba(150,0,0,0.6);
}
#moroha {
	width:			176px;
	height:			400px;
	float:			left;
	background-image:	url(/img/2012/08/spirit.moroha1.png);
}
#mephi {
	width:			287px;
	height:			400px;
	float:			left;
	background-image:	url(/img/2012/08/spirit.mephi1.png);
}
#meika {
	width:			298px;
	height:			400px;
	float:			left;
	background-image:	url(/img/2012/08/spirit.meika1.png);
}
#sachi {
	width:			124px;
	height:			400px;
	float:			left;
	background-image:	url(/img/2012/08/spirit.sachi1.png);
}
.sign {
	margin-top:		1em;
	padding-top:		2em;
	border-top:		solid 1px #fce;
}