/* CSS Document */

/* ___ 全体 ▼ */

body.p-story h1, body.p-index h1, div.seo-description {position:absolute; left:-9999px; }

body.p-index ,body.p-story ,body.p-character ,body.p-etc ,body.p-download , body.p-garelly  {
	background:#bfb3b0 url(../_material/main_bkg.gif) fixed no-repeat 0px 0px;
	margin:0px;
}

.c-normal { color:#4f4a49; }
.c-normal a:link, a:link.c-normal { color:#9d8486; text-decoration:underline;  }
.c-normal a:visited, a:visited.c-normal { color:#ada8a9; text-decoration:underline; }
.c-normal a:hover, a:focus.c-normal, a:hover.c-normal , .c-normal a:focus{ color:#735254; text-decoration:none; }
.c-normal a:active, a:active.c-normal { color:#f85762; text-decoration:none; }

.c-normal  h1,.c-normal  h2,.c-normal  h3{ color:#100f0f; }


/* ___ img用ボーダーカラー設定（これを外すとIEで色が変わらない不具合起きます） */
.c-normal a:link img, a:link.c-normal img{ border-color:#9d8486; }
.c-normal a:visited img, a:visited.c-normal img{ border-color:#ada8a9; }
.c-normal a:hover img, a:focus.c-normal img, a:hover.c-normal img, .c-normal a:focus img{ border-color:#735254;}
.c-normal a:active img, a:active.c-normal img { border-color:#f85762; }
/* ▲ */

.c-blk { color:white;  }
.c-blk a:link, a:link.c-blk { color:#e2b4b7; text-decoration:underline;  }
.c-blk a:visited, a:visited.c-blk { color:#af9c9d; text-decoration:underline; }
.c-blk a:hover, a:focus.c-blk, a:hover.c-blk , .c-blk a:focus{ color:#f6edee; text-decoration:none; }
.c-blk a:active, a:active.c-blk { color:#f85762; text-decoration:none; }

/* ▼img用ボーダーカラー設定（これを外すとIEで色が変わらない不具合起きます） */
.c-blk a:link img, a:link.c-blk img{ border-color:#e2b4b7; }
.c-blk a:visited img, a:visited.c-blk img{ border-color:#af9c9d; }
.c-blk a:hover img, a:focus.c-blk img, a:hover.c-blk img, .c-blk a:focus img{ border-color:#f6edee;}
.c-blk a:active img, a:active.c-blk img { border-color:#f85762; }
/* ▲ */

.c-red { color:ff7c98;  }
.c-red a:link, a:link.c-red { color:#ff7c98; text-decoration:underline;  }
.c-red a:visited, a:visited.c-red { color:#ff7c98; text-decoration:underline; }
.c-red a:hover, a:focus.c-red, a:hover.c-red , .c-red a:focus{ color:#735254; text-decoration:none; }
.c-red a:active, a:active.c-red { color:#f85762; text-decoration:none; }

/* ▼img用ボーダーカラー設定（これを外すとIEで色が変わらない不具合起きます） */
.c-red a:link img, a:link.c-red img{ border-color:#ff7c98; }
.c-red a:visited img, a:visited.c-red img{ border-color:#ff7c98; }
.c-red a:hover img, a:focus.c-red img, a:hover.c-red img, .c-red a:focus img{ border-color:#735254;}
.c-red a:active img, a:active.c-red img { border-color:#f85762; }
/* ▲ */


a img {border:none;}

div#outline{
	width:800px; margin:3px auto;
	
}
div#outline-f1, div#outline-f2{
	width:800px; height:24px;
	margin:0; padding:0;
	line-height:0;
}

div#outline-f1{
	background:url(../_material/main_f1.gif) no-repeat 0px 0px;
	}
div#outline-f2{
	background:url(../_material/main_f2.gif) no-repeat 0px 0px;
	}
div#outline-fmain{
	width:800px;
	margin:-3px 0 0; padding:10px 0 13px;
	background-color:white;
	text-align:center;
	background-repeat: no-repeat;
	background-position: right bottom;
	}
/* ▲ 全体 ▲ */

/* ___ タイトル,whatsnew ▼ */

div#title-illust{
	background:white url(../_title/100825.jpg) no-repeat 0px 0px;
	/*背景画像はここをいじること*/
	width:800px; height:563px;
	margin:5px auto 27px; padding: 0;
	text-indent:-9999px;
	position:relative;
 	display: block;
}


div#title-illust div#title-whatsnew{
	background: url(../_material/whatsnew_bkg0.png) right top;
	position:absolute; top:275px; left:100px; 
	width:350px; height:250px;
	padding:0;
	
	}
div#title-whatsnew iframe{
	position:absolute; top:0; left:0; width:350px; height:250px;
}
body.p-whatsnew {
	text-indent:0;
 	line-height: 1.4em;
	padding:0;
	font-size: 80%;
}

/*
div#title-whatsnew iframe{
	position:relative;
	width:350px; height:250px; 
	border:0px; 
}
*/
body.p-whatsnew  dl b{
	color:#FF3333; position:relative; top:-4px;
}
body.p-whatsnew  dl{
	font-weight:bold;
}

body.p-whatsnew  dl dd{
	margin:0; padding:0 11px 10px;
	text-indent:0.5em;
 	line-height: 1.1em;
}

div#title-illust div#title-charlink{
	position:absolute; top:30px; left:130px; 
	width:310px; height:160px;
	text-indent:-9999px;
display:block;
}

div#title-charlink a{
display:block;
 height:160px;
}



/* ___ メイン ▼ */
#mainfld {
	text-align:center;
	margin:0;}

.c-both {clear:both;}
h2 {
	text-align:center;
	}
	
img.hr{
	margin: 6px auto;}
	
h3 {
	text-align:left;
	width: 600px;
	margin:0 auto 11px;
	padding: 2px 0 2px;
	border-bottom: 1px solid #d8d1cf;
	}
	
	
div.mainh3  {
	margin: 1px 0 9px;
}

.mainh3 p {
	width: 490px;
	text-align:left;
	font-size:90%;
	padding: 4px 0 10px;
	margin:0 auto;
}
.mainh3 dl, dl.mainh3 {
	margin:10px auto 7px;
	width: 570px;
}
	
.mainh3 dl dt, dl.mainh3 dt {
	text-align:left;
	margin:0; padding:0;
}
.mainh3 dl dd, dl.mainh3 dd {
	text-align:left;
	margin: 2px 0 16px; padding:0;
}

.p-etc dl.mainh3  {
	font-size: 90%;
	margin:29px auto 0;
	padding-bottom: 27px;
	width: 350px;
}

.maincnt{
	font-size: 90%;
	text-align:center;
	margin:0; padding:6px 0 6px;
}

body.p-garelly #outline-fmain{
	background-image:url(../_material/bkgc2.jpg);
}
body.p-download #outline-fmain{
	background-image:url(../_material/bkgc1.jpg);
}
body.p-etc #outline-fmain{
	background-image:url(../_material/bkgc3.jpg);
}
	
/* ▲ メイン ▲ */
/* ___ キャラクタ ▼ */

div.char-body1{
	text-align:center;
	margin:0 auto; padding:12px 0 0;
	width:600px;
}

div.char-body1 div.char-body-imgl, div.char-body1 div.char-body-imgr{
	width:200px;
	margin:15px 20px 20px;
}

div.char-body1 div.char-body-texl, div.char-body1 div.char-body-texr{
	width: 280px;
	margin: 2px 40px 20px;
	text-align:left;
}

div.char-body1 div.char-body-texl, div.char-body1 div.char-body-imgl{
	float:left;
}
div.char-body1 div.char-body-texr, div.char-body1 div.char-body-imgr{
	float:right;
}

/* ▲ キャラクタ ▲ */

/* ___ story ▼ */

#mainfld-story {
	text-indent:-9999px;
	width: 800px; height:1320px;
	background:white url(../_material/story.jpg) no-repeat center top;
	}

/* ▲ story ▲ */


/* ___ menu ▼ */

ul#menu {
	background:url(../_material/header_b0.gif) no-repeat center top;
	width:720px; height:140px;
	position: relative; top:2px;
	margin: 0 auto;
	color:#e6e0df;
	}
	
ul#menu li{ 
	position: absolute; width:120px; height:23px;
	/*text-indent: -1000em;*/
	text-align:center;
	display: block;
	padding:2px;
	}

ul#menu a{ 
	display: block;
	}

/*
#menu-li1{ left: 70px;  top:px; }
#menu-li2{ left: 186px; }
#menu-li3{ left: 302px; }
#menu-li4{ left: 418px; }
#menu-li5{ left: 534px; }

*/
#menu-li1{ left: 166px;  top:33px; }
#menu-li2{ left: 302px;  top:33px; }
#menu-li3{ left: 438px;  top:33px; }
#menu-li4{ left: 166px;  top:63px; }
#menu-li5{ left: 302px;  top:63px; }
#menu-li6{ left: 438px;  top:63px; }

#menu-li5{
	background:url(../_material/_star_w.gif) no-repeat 12px 0px;
	text-indent: 14px;
}
/* ▲ menu ▲ */

/*  ___ footer ___ ▼ */

#link-to-nl{
	text-align:center;
	font-size:70%;
	margin:0 auto 0;
	padding: 0 0 16px;
	color:#AB9E92;
}
#link-to-nl a{
	display:block; width:200px; margin:0 auto 3px;
}
#link-to-nl img.hr{
margin-bottom: 15px;
}

/* ▲ footer ▲ */

#p-garelly-table{
	margin: 19px auto 25px;
}
#p-garelly-table td{
	padding:1px 7px;
}
#p-garelly-table img{
	margin: 2px auto;
}

.p-download #mainfld img.ico{
	vertical-align: -7px;
	margin-right: 4px;
}