@charset "utf-8";
/* Clearfix
--------------------------------------*/
.clearfix:after {
	height: 0;
	visibility: hidden;
	content: ".";
	display: block;
	clear: both;
}
.space-bottom5 {
	margin-bottom:5px;
}
.space-bottom10 {
	margin-bottom:10px;
}
/* Footer
--------------------------------------*/
div.under_navi {
	margin-bottom:20px;
}
div.under_navi a.btn {
	display: block;
	margin: 5px auto;
	width: 60%;
	height: 28px;
	xborder-radius: 10px;
	border: 1px solid #FFD88D;
	text-decoration: none;
	color: #ff8800;
	line-height: 28px;
	font-size: 14px;
	text-align:center;
	letter-spacing: 0.1em;
	text-shadow:
 0 0 2px white, 0 0 2px white, 0 1px 1px rgba(204,204,204,.3), 0 -1px 2px rgba(204,204,204,.3);
	background-image: -webkit-gradient(linear, left top, left bottom, from(#FFFDF3), to(#FFECA3));
	box-shadow:
 1px 1px 1px rgba(255,255,255,.5) inset, 1px 1px 7px rgba(255,255,255,.4) inset, -1px -1px 1px rgba(255,255,255,.2) inset, -1px -1px 4px rgba(255,255,255,.1) inset;
	-webkit-box-shadow:
 1px 1px 1px rgba(255,255,255,.5) inset, 1px 1px 7px rgba(255,255,255,.4) inset, -1px -1px 1px rgba(255,255,255,.2) inset, -1px -1px 4px rgba(255,255,255,.1) inset;
	-moz-box-shadow:
 1px 1px 1px rgba(255,255,255,.5) inset, 1px 1px 7px rgba(255,255,255,.4) inset, -1px -1px 1px rgba(255,255,255,.2) inset, -1px -1px 4px rgba(255,255,255,.1) inset;
}
.footer_banner {
	margin:20px 0;
}
/* Top
--------------------------------------*/
.w_100 {
	width:100%;
}
.w_95 {
	width:95%;
}
.ch_red {
	color:#ff2b2b;
}
.vert_bot {
	vertical-align:bottom;
}
.sub_title {
	background-color:#f6ffdf;
	border-top:#8ec00c 1px solid;
	border-bottom:#8ec00c 1px solid;
	font-size:26px;
	padding:3% 2%;
}
.sub_title span {
	color:#767676;
	font-size:22px;
}
.end {
  padding: 20px 0;
  font-size: 1.0rem;
	text-align: center;
  font-weight: bold;
}
#bg_image {
	background:#c8ff3e repeat;
	padding:0 0;
}
.chara_area {
	display:-webkit-box;
	background:#FFFFFF;
	border-bottom:#c8ff3e 1px solid;
}
.chara_area:last-child {
	border:0;
	margin-bottom:10px;
}
.chara_img {
	width:30%;
}
.chara_img img {
	vertical-align:bottom;
}
.chara_name {
	width:68%;
	padding:1%;
	font-size:12px;
}
.chara_name span {
	color:#000;
	font-weight:bold;
	font-size:14px;
}
#intro {
	background:#FFF;
	padding:2%;
	margin-bottom:10px;
}
#movie_area {
	margin-bottom:2%;
}
#mov_area{
	padding:5px 0 0px 0;
	}
.canvas_area {
	padding:2%;
	background:#FFFFFF;
}
.sub_sm_title {
	background:#fff79f;
	padding:1%;
}
div.link {
	text-align:center;
	margin:10px auto 0 auto;
	background-color:#c8ff3e;
}
div.link a {
	color:#0e4321;
}