@charset "utf-8";
/*
=========================================================
    default
---------------------------------------------------------
  Copyright (C) 2011 Yeti PaPa. All rights reserved.
    http://www.yetipapa.com/
=========================================================
*/

.frame_content {
	padding: 0 12px;
	color: inherit;
	background-color: #FFF;
}

.frame_content p {
	margin: 0;
	font-size: 0.8em;
	line-height: 1.1;
}

.frame_h1 {
	text-align: center;
}

.frame_h2 {
	margin: 5px 0;
	font-size: 0.9em;
	font-weight: bold;
	text-align: center;
}

.frame_h2 a {
	text-decoration: none;
}

.frame_h2 a:link {
	color: #9B351C;
	background-color: inherit;
}

.frame_h2 a:visited {
	color: #7A633D;
	background-color: inherit;
}

.frame_h2 a:hover, .frame_h2 a:active {
	color: #F94A65;
	background-color: inherit;
}

#cover {
	position: relative;
	width: 920px;
	height: 604px;
	background: #FFF url(./cover_bg.gif) repeat-x bottom;
}

#cover #cover_img {
	position: absolute;
	top: 0;
	left: 0;
	width: 920px;
	height: 424px;
	background: #FFF url(./cover.gif) no-repeat left top;
}

#cover #cover_img img {
	position: absolute;
	top: 62px;
	left: 82px;
}

#frame01 {
	position: absolute;
	top: 43px;
	left: 745px;
	width: 152px;
	padding-bottom: 10px;
	color: inherit;
	background: transparent url(./frm_01_03.gif) no-repeat bottom;
}

#frame00 {
	position: absolute;
	bottom: 20px;
	left: 46px;
	width: 870px; /* 920 - left */
	color: inherit;
	background-color: transparent;
}

#frame00 .frame_content {
	padding: 0;
	color: inherit;
	background-color: transparent;
}

#frame00 .frame_content p {
	margin: 10px 0;
}

#frame00 .frame_content #chara_list img {
	margin: 0 8px;
}

#frame02 {
	float:left;
	width: 342px;
	margin: 10px;
	padding-bottom: 20px;
	color: inherit;
	background: transparent url(./frm_02_03.gif) no-repeat bottom;
}

#frame02 .frame_content {
	background: #FFFFB2 url(./frm_02_02.gif) repeat-y left;
}

#frame02 h2 {
	margin: 6px 0 3px;
	padding: 3px 10px;
	color: #FFF;
	font-size: 0.9em;
	font-weight: bold;
	text-align: left;
}

#frame02 h2#frame02_h01 {
	background-color: #74C585;
}

#frame02 h2#frame02_h02 {
	background-color: #FA676B;
}

#frame02 h2#frame02_h03 {
	background-color: #7BA1CB;
}

#frame02 h2#frame02_h04 {
	background-color: #FF9900;
}

#frame03 {
	float:left;
	width: 192px;
	margin: 10px;
	padding-bottom: 20px;
	color: inherit;
	background: transparent url(./frm_03_03.gif) no-repeat bottom;
}

#frame03 .frame_content {
	background: #FFF url(./frm_03_02.gif) repeat-y left;
}

#frame03 .frame_content p {
	margin-left: 20px;
	font-size: 0.9em;
	line-height: 1.5;
}

#frame04 {
	float:left;
	width: 320px;
	margin: 10px;
	color: inherit;
}

#frame04 .frame_h1 {
	font-size: 1.4em;
}

#frame04 .frame_h1 img {
  margin: 20px 0;
}

#frame04 .frame_content p {
	font-size: 0.75em;
	line-height: 1.5;
}