@charset "utf-8";

body{
	color: #333333;
	margin:0; padding:0; width:100%; height:1010px;
}

/*****************************************
  Basic Text size
*****************************************/
.sText {
	font-size: 70%;
}
.mText {
	font-size: 82%;
}
.lText {
	font-size: 90%;
}

.left{float:left;}
.right{float:right;}
.clear{clear:both; padding:0 0 0 0; margin:0 0 0 0; font-size:1px;}

/* font color */
.precure_red {color:#de2e86;}
.precure_blue {color:#4a73cf;}

/******************************************
	TOPページ用スタイル
******************************************/

body{background:#ff81aa url(../images/bg2.jpg) no-repeat center top;}
body#top{background:#ff81aa url(../images/bg.jpg) no-repeat center top;}

body#top div#flash-area{
	width:100%; height:1010px;
	position:absolute; left:0; top:0;
	text-align:center;
	z-index:1;
}
body#top div#container{
	width:821px;
	margin:0 auto;
	top:707px;
	position:relative;
	z-index:2;
}

#frame-block{
	width:679px;
	height:149px;
	background:url(../images/frame_bg.gif) no-repeat;
	padding:66px 71px 60px;
}
#frame-block h2{font-size:1px; line-height:1px; text-indent:-9999px; margin:0; padding:0;}
#frame-block .topics{width:287px; padding:10px 0 0 0;}
#frame-block p{margin:0;}
/********************************************
	その他コンテンツ
********************************************/
#wrappar{
	width:904px;
	margin:21px auto 0px;
	padding:0;
}
#wrappar p.menu,
#wrappar p.ttl,
#wrappar p.foot{margin:0 0 0 0; padding:0 0 0 0;}

/*****************************************************
ストーリー
*****************************************************/
#wrappar .story-body{
	width:904px; height:463px;
	background:url(../images/stoy_body.jpg) no-repeat;
	margin:0; padding:0;
}
#wrappar .intro-body{
	width:904px; height:417px;
	background:url(../images/stoy_intro_body.jpg) no-repeat;
}
.story-image{
	width:390px;
	margin:0 auto;
}
.story-image img{margin:10px 10px;}
p.story-txt{
	font-size:12px; line-height:16px;
	width:600px;
	margin:0 auto; padding:5px;
}
/*****************************************************
キャラクター
*****************************************************/
.character-body{
	width:624px; height:851px;
	background:url(../images/character_body.jpg) no-repeat;
	padding:0 110px 0 170px;
	margin:0 0 0 0;
}
.chara-thumb{width:228px; padding-top:25px;}
.chara-detail{
	width:388px; height:687px;
	padding-top:25px;
}
.preload-img{display:none;}

/*====================================================
08.10.25 updata
====================================================*/
.chara-image{background-color:#fff; width:388px; height:687px;}
.chara-image p#chara-image{margin:0; padding:0;}
.chara-image p#chara-text{margin:0; padding:0 30px; color:#000; font-size:12px; line-height:18px;}

/*****************************************************
リンク
*****************************************************/
.link-body{
	width:904px; height:295px;
	background:url(../images/link_body.jpg) no-repeat;
}
.link-txt{
	width:420px;
	margin:0 auto;
	padding:20px;
	font-size:12px;
}
.link-txt ul{
	margin:20px auto;
	list-style:none;
}
.link-txt li{
	margin:0; padding:4px;
	border-bottom:1px solid #000;
}
.link-txt a{color:#e4007f; text-decoration:none;}
.link-txt a:hover{color:#e4007f; text-decoration:none;}
/*****************************************************
さいしんじょうほう
*****************************************************/
.news-link{
	width:712px; height:159px;
	background:url(../images/news_body01.jpg) no-repeat;
	padding-left:192px; padding-top:165px;
}
.news-body{
	width:750px; height:503px;
	background:url(../images/news_body02.jpg) no-repeat;
	padding-left:154px; padding-top:20px;
}

/*****************************************************
cast
*****************************************************/
.cast-bg{
	width:904px; height:auto;
	background:url(../images/cast_bg.jpg) repeat-y left;
	padding:0 0 0 0; margin:0 0 0 0;
}
.cast-body{
	width:904px; height:auto;
	background:url(../images/cast_body.jpg) no-repeat;
	padding:0 0 0 0; margin:0 0 0 0;
}
.cast-txt{
	width:420px;
	margin:0 auto;
	padding:20px;
	font-size:12px;
}
.cast-txt ul{
	margin:20px auto;
	list-style:none;
}
.cast-txt li{
	margin:0; padding:4px;
	border-bottom:1px solid #000;
}
.cast-txt a{color:#e4007f; text-decoration:none;}
.cast-txt a:hover{color:#e4007f; text-decoration:none;}

ul.cast_list {padding:0 0 0 0; margin:0 0 0 0; text-align:left;}
ul.cast_list li {padding:7px 0 3px 0; margin:0 10px 0 15px; text-align:left; line-height:110%; font-weight:bold; list-style:none; border-bottom:#dbdbdb solid 1px;}
ul.cast_list li.cast1st {padding:0 0 3px 0;}

ul.staff_list {padding:0 0 0 0; margin:0 0 0 0; text-align:left;}
ul.staff_list li {padding:7px 0 3px 0; margin:0 10px 0 15px; text-align:left; line-height:110%; list-style:none;}
ul.staff_list li.staff1st {padding:0 0 3px 0;}

p.castline { padding:0 0 0 0; margin:0 0 0 0; line-height:145%;}

.pre-dream {color:#ea4698;}
.pre-rouge {color:#c95e48;}
.pre-lemon {color:#95821b;}
.pre-mint {color:#2c7120;}
.pre-aqua {color:#0060a9;}
.pre-milk {color:#633982;}
.pre-other {color:#824c3a;}
/*****************************************************
スペシャル
*****************************************************/
.sp-contents{width:567px; margin:0 auto; padding:10px;}
.sp-contents h2.sp-ttl,
.sp-contents p.hd-img,
.sp-contents p.end-img{margin:0; padding:0; text-align:center;}
.sp-contents table.chapter{width:567px; margin-top:10px;}
.chapter caption{margin:0; padding:0;}
.chapter td{text-align:left; font-size:12px; line-height:16px;}
.chapter td.blue-bg{
	border-left:5px solid #3b99d0;
	background:#ceedff url(../images/sp-bg01.jpg) no-repeat right bottom;
}
.chapter td.brown-bg{
	border-left:5px solid #4a170d;
	background:#e5cac5 url(../images/sp-bg02.jpg) no-repeat right bottom;
}
.chapter dl{padding:10px; margin:0;}
.chapter dt{
	font-weight:bold;
	border-bottom:1px solid #666;
	padding:2px;
}
.chapter dd{margin:0; padding:2px;}
.chapter p.txt{margin:0; padding:10px;}
.chapter p.caution{margin:0; padding:4px 10px 10px 10px; font-weight:bold; color:#e20077;}

.sp-contents table.profile{
	width:567px; margin:20px auto;
	background-color:#e5cac5;
	border-width:1px 1px 1px 5px;
	border-style:solid;
	border-color:#4a170d;
	font-size:12px; line-height:14px; text-align:left;
	color:#4a170d;
}
.profile td{padding:10px 20px;}
/*****************************************************
add
*****************************************************/
.add-body{
	width:904px; height:auto;
	background:url(../images/add_body.jpg) no-repeat;
	padding:0 0 0 0; margin:0 0 0 0;
}
.add-body2{
	width:904px; height:auto;
	background:url(../images/add_body2.jpg) no-repeat;
	padding:0 0 0 0; margin:0 0 0 0;
}
.add-body3{
	width:904px; height:auto;
	background:url(../images/add_body3.jpg) no-repeat;
	padding:0 0 0 0; margin:0 0 0 0;
}
.add-body4{
	width:904px; height:auto;
	background:url(../images/add_body4.jpg) no-repeat;
	padding:0 0 0 0; margin:0 0 0 0;
}
/*****************************************************
フッター
*****************************************************/
#footer{
	width:800px;
	padding:10px;
	margin:0 auto;
	color:#fff;
}
body#top #footer{color:#000;}
#footer p{font-size:10px; padding:0 0 0 0; margin:0 0 0 0;}
#footer a{color:#fff; text-decoration:none;}
body#top #footer a{color:#000; text-decoration:none;}
#footer a:hover{text-decoration:underline;}


/* popup table list */
table.popuplist {
	border-collapse:collapse;
	padding:5px;
}
table.popuplist td {
	border-bottom:#f6cee1 1px solid;
	border-left:#f6cee1 1px solid;
	padding:5px;
	text-align:center;
	background-color:#ffffff;
}

table.popuplist td.rightcell {
	border-right:#f6cee1 1px solid;
}

table.popuplist th {
	border-bottom:#f6cee1 1px solid;
	padding:15px 0 5px 0;
	text-align:left;
}

table.popuplist td.areaindex {
	background-color:#f6e3ec;
}

td.anchored {
	color:#d6006c;
}

a.popuplista {
	color:#d6006c;
	text-decoration:underline;
}

a.popuplista:link,
a.popuplista:active{
	border:0;
	color:#d6006c;
	text-decoration:none;
}
a.popuplista:visited {
	border:0;
	color:#d6006c;
	text-decoration:none;
}
a.popuplista:hover {
	border:0;
	color: #338dad;
	text-decoration:underline;
}