@charset "utf-8";
body {
	position:relative;
	background:url(../img/page_background.jpg) repeat left top transparent;
	font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
	font-size:14px;
}
p {
	margin:10px 0px;
}
#rect01 {
	background:url(../img/background01.png) repeat-x left top transparent;
    margin-top:20px;
    width:100%;
    height:349px;
    position:absolute;
    top:75px;
    left:0;
}
#rect02 {
	background:url(../img/background02.png) repeat-x left top transparent;
    margin-top:20px;
    width:100%;
    height:349px;
    position:absolute;
    top:75px;
    left:0;
}
/*
#rect01 {
	background:url(../img/background01.png) no-repeat left top transparent;
    margin-top:20px;
    margin-left:-350px;
    width:700px;
    height:349px;
    position:absolute;
    top:0;
    left:50%;
}
#rect02 {
	background:url(../img/background02.png) no-repeat left top transparent;
    margin-top:20px;
    margin-left:-350px;
    width:700px;
    height:349px;
    position:absolute;
    top:0;
    left:50%;
}
*/
.content {
	/*width:700px;*/
	width:1000px;
	margin:auto;
	text-align:center;
}
.content img {
	width:200px;
}
.ttl_imgarea {
	text-align:center;
	margin:430px auto 0;
	width:200px;
	position:relative;
}
.ttl_img01 {
	z-index:100;
	position:relative;
	top:0;
	left:0;
}
.ttl_img01 h1 {
	font-weight:normal;
	margin:10px;
}
.ttl_img01 p {
	margin:10px;
}
.ttl_img02 {
	z-index:50;
	position:absolute;
	top:-118px;
	right:-190px;
}
.text_content {
	/*margin-top:10px;*/
	width:700px;
	margin: 10px auto 0;
}
.ttl_text {
	margin:60px 50px;
}
.mid_text {
	border:3px solid #ddd;
	border-radius:20px;
	padding:10px 20px;
	margin:30px;
	text-align:left;
}
.mid_text > p {
	font-size:12px;
}
.about_tiny {
	margin-bottom:5px;
	text-align:left;
	position:relative;
}
.about_tiny > img {
	width:auto;
	position:relative;
	top:9px;
	left:0;
	margin-left:5px;
	margin-right:5px;
}
.tiny_ttl_subtxt {
	letter-spacing:2px;
}

/* ヘッダ、フッタ関連 */
.header {
	background:#09f;
	height:75px;
}
.header > div {
	width:980px;
	margin:auto;
}
.header > div img {
	margin-top:15px;
}
.footer {
	background:#09f;
	font-family:meiryo;
}
.footer > div {
	width:980px;
	margin:auto;
	padding:10px 0;
}
.footer > div > p {
	color:#fff;
	text-align:left;
	margin:0;
}

/* ストーリーの綿毛エリア */
.story_area {
	text-align:center;
	height:750px;
	/*height:390px;*/
	padding-top:20px;
	position:relative;
}
.story_area a {
	display:inline;
	text-decoration:none;
}
.story_area > p {
	position:absolute;
	left:50%;
	margin-left:-100px;
}
.story_area > ul > li > a > span,
.story_area > p > a > span {
	display:block;
}

.story_area > ul {
	position:relative;
	top:400px;
}
.story_area > ul > li {
	display:inline-block;
	margin:5px;
	position:relative;
}
.story_area > ul > li:nth-child(1){
	top:5px;
}
.story_area > ul > li:nth-child(2){
	top:70px;
}
.story_area > ul > li:nth-child(3){
	top:20px;
}
.story_area > ul > li:nth-child(4){
	top:40px;
}
.story_area > ul > li:nth-child(5){
	top:0px;
}
.story_area > ul > li:nth-child(6){
	top:60px;
}
.story_area > ul > li > a > img {
	width:80px;
	margin:0 10px;
}
.story_area > ul > li > a > span > img {
	width:auto;
}
.story_area > ul > li.top {
}
.top > a > img {
	width:200px;
}
.top > a > span > img {
	width:88px;
}
.name {
	color:#09f;
}

/* Movie Area */
.movie_area {
	margin-bottom:50px;
}
.movie_area > div {
	border:3px solid #ddd;
	border-radius:20px;
	padding:20px 20px 60px 20px;
	background:url(../img/special_video_small.png) no-repeat bottom center transparent;
	width:470px;
	margin:auto;
}
.movie_area > div > p {
	line-height:240px;
}

/* ストーリーのiFrameページ */
.story_content {
	padding:30px;
	box-sizing:border-box;
}
.story_content h1 {
	margin:0 0 30px;
	text-align:center;
}
.honbun_area > h1 {
	font-size:18px;
}
.honbun_area > p {
	line-height:2.2em;
}
.name_area > p {
	font-size:12px;
}
.name_area > p > span {
	font-weight:bold;
}
.honbun_area.stxt p {
	font-size:85%;
}