@charset "shift_jis";
/* CSS Document */

/* scrollbar COLORE */
*{scrollbar-3dlight-color:#fff;scrollbar-arrow-color:#696969;scrollbar-darkshadow-color:#fff;scrollbar-highlight-color:#fff;scrollbar-shadow-color:#fff;scrollbar-base-color:#ededed;}

/* --------------------------------------------
TAG */

body{margin:0;background: #000000 url(../img/all_bg.jpg) repeat-x center 0;text-align:center;letter-spacing:0.05em;	font-size:0.8em;	line-height:1.35em;
font-family:arial,helvetica,sans-serif/*Arial, Helvetica, sans-serif*/;}



a img{ border:0;}

a:link    { text-decoration:none;}
a:visited { text-decoration:none;}
a:active  { text-decoration:none;}
a:hover   { text-decoration:underline;}



/*----------------------------------------------------
 general CLASS */
.clear{clear:both;}
.fRight{margin:10px;float:right;}
.fLeft{margin:10px;float:left;}
/*  */
.tRight{text-align:right;}
.tLeft{text-align:left;}
/*  */
.tCenter{text-align:center;}
.small{font-size: smaller;}
.large{font-size: larger;}
/*  */
.margin10{ margin:10px;}
.margin5{ margin:5px;}
/*  */
.bnr{ width:170px; text-align:center; overflow:hidden; margin-top:30px;}
.bnr a{ display:block; color:#CC0000; font-weight:bold; padding:5px 0;}
.bnr a:hover{	background:#E6DFCE; position:relative; top:1px; text-decoration:none!important;}




/* --------------------------------------------
ID CLASS */
/* CONTAINER */
#container{padding:0; margin:0px auto; width:840px;}
#container #fccLogo{ text-align:right; padding:15px 10px 10px 0;}
/* KAZARIKEISEN */
	#container #frameTop{ background:url(../img/frame_top.gif) no-repeat; width:840px; height:12px; overflow:hidden;}
	#container #frameMain{ background:url(../img/frame_main.gif) repeat-y #FFFFFF; width:840px; overflow:hidden; text-align:left;}
	#container #frameBtm{ background:url(../img/frame_btm.gif) no-repeat; width:840px; height:10px; overflow:hidden;}
/*  */
#container #copyright{text-indent:-9999px;background:url(../img/copyright.gif) no-repeat center bottom;width:840px;height:27px;overflow:hidden; margin:0 0 50px 0;}


/* --------------------------------------------
TOP UNOQUE */

/* TOP RIGHT */
#container #frameMain #topRight{width:511px;height:697px;text-indent:-99999px;overflow:hidden;float:left;background: url(../img/top_main.jpg);}
/* TOP LEFT */
#container #frameMain #topLeft{width:309px;height:697px;float:left;padding:0 0 0 10px;overflow:hidden;text-align:left;}
#container #frameMain #topLeft #topLogo{ margin:20px 0 0 17px;}
#container #frameMain #topLeft #topMenu{}
#container #frameMain #topLeft #topMenu ul{ list-style:none; margin:29px 0 0 46px; padding:0 0 0 0;}
#container #frameMain #topLeft #topMenu ul li{ list-style:none; margin:0 0 0 0; padding:0 0 0 0;}
#container #frameMain #topLeft #topMenu ul li a{}
#container #frameMain #topLeft #topMenu ul li a img{ border:none;}
#container #frameMain #topLeft #topMenu ul li a:hover { position:relative; top:2px;}
#container #frameMain #topLeft #whatnewFrame{ margin:13px 0 0 0; width:309px; height:322px;}


/* --------------------------------------------
TOP UNOQUE whatsnew.html */
body#whatsNew{background:url(../img/top_menu4.gif) no-repeat top right #FFFFFF;background-attachment:fixed;text-align:left;margin:15px 10px 10px 10px;}
body#whatsNew dl{ margin:0 0 0 0; padding:0; color:#5f533c;}
body#whatsNew dl dt{ margin:5px 0 0 5px;font-weight:bold;}
body#whatsNew dl dd{ margin:0 0 0 10px; padding:0 0 3px 0; border-bottom: #edddc0 dotted 1px;text-align:justify;text-justify: inter-ideograph; font-size:0.9em;}
body#whatsNew dl dd a{border-bottom: 1px dotted #979EE1;}
body#whatsNew dl dd a:hover{ background:#f1eee4; text-decoration:none;}



/* --------------------------------------------
SECOND COMMON UNOQUE */

/* second Page Header */
#container #frameMain #secHeader{ height:125px; text-align:left;}
#container #frameMain #secHeader #secLogo{ width:176px; padding:17px 54px 0 25px; float:left; overflow:hidden;}
/* second G MENU */
#container #frameMain #secHeader #secMenu ul{ margin:0; padding:0; list-style:none;}
#container #frameMain #secHeader #secMenu ul li{ list-style:none; float:left; padding: 38px 33px 0 0; margin:0;}
#container #frameMain #secHeader #secMenu ul li a{ display:block;}
#container #frameMain #secHeader #secMenu ul li a:hover{ position:relative; top:2px;}
/* second MAIN */
#container #frameMain #secMain{ clear:both; width:820px; padding:15px 0 0 10px;text-align:left; color:#5f533c;text-align:justify;text-justify: inter-ideograph;}
/* second hx */
#container #frameMain h1,
#container #frameMain h2{ margin:0;font-size:1.8em; line-height:1.8em;}



/* --------------------------------------------
[About PandoraHearts] UNOQUE */

/* [About PandoraHearts] LOCAL MENU */
#container #frameMain #secMain #secMenu1Lnavi{ float:left; margin:0 0 0 25px;}
#container #frameMain #secMain #secMenu1Lnavi ul,
#container #frameMain #secMain #secMenu1Lnavi ul li{ margin:0; padding:0;list-style:none;}
#container #frameMain #secMain #secMenu1Lnavi ul{ width:170px; margin-top:20px;}
#container #frameMain #secMain #secMenu1Lnavi ul li{text-align:right;}
#container #frameMain #secMain #secMenu1Lnavi ul li a{ display:block;}
#container #frameMain #secMain #secMenu1Lnavi ul li a:hover{ position:relative; top:1px;}


/* [About PandoraHearts] MAIN CONTENTS */
#container #frameMain #secMenu1Main{width:565px;padding:0 0 0 25px;float:left;}
#container #frameMain #secMenu1Main h1,
#container #frameMain #secMenu1Main h2{ padding:0 250px 0 15px; height:55px;}

/* Synopsis */
	#container #frameMain .bgSynopsis{background:url(../img/bg_synopsis.gif) no-repeat top right;}
	#container #frameMain .bgSynopsis p{ font-size:medium; line-height:1.4em;}

/* Format */
	#container #frameMain .bgFormat{background:url(../img/bg_format.gif) no-repeat top right;}
	#container #frameMain .bgFormat dl{ width:50%; margin:0 auto;}
	#container #frameMain .bgFormat dl dt{border-bottom:1px dotted #6A6148;background:#E9E6DE;padding:5px;font-weight:bold;}
	#container #frameMain .bgFormat dl dd{ margin:0 0 15px 15px;}

/* Character */
	#container #frameMain .bgChara{ overflow:hidden;}
	#container #frameMain .bgChara h1{background:url(../img/bg_chara.gif) no-repeat top right; letter-spacing:-0.05em;}
	#container #frameMain .bgChara ul,
	#container #frameMain .bgChara li{ list-style:none; margin:0; padding:0; overflow:hidden;}
	#container #frameMain .bgChara ul{width:570px;}
	#container #frameMain .bgChara li{ float:left; padding:0 5px 5px 0; width:137px; overflow:hidden; text-align:center; margin-bottom:5px; font-weight:bold; letter-spacing:-0.01em;}
	#container #frameMain .bgChara li a img{ background:#e8e5da;}
	#container #frameMain .bgChara li a:hover img{background:#fff;text-decoration:none;}

	#container #frameMain .bgChara li a { color:#433300;}
	#container #frameMain .bgChara li a:hover { color:#b78b00; text-decoration:none;}


/* --------------------------------------------
[Sales Info] UNOQUE */
#container #frameMain #secMain #salesInfo{background: url(../img/bg_watch.gif) no-repeat -150px 50px; margin:0; padding:0 15px 0 215px;}
#container #frameMain #secMain #salesInfo h1{ background:url(../img/bg_salesinfo.gif) no-repeat right; height:38px;}
#container #frameMain #secMain #salesInfo dl{ width:80%; margin:20px auto 0 auto;}
#container #frameMain #secMain #salesInfo dl dt{border-top:1px solid #C4B997;border-bottom:1px dotted #C4B997;padding:5px; margin:15px 0 0 0;font-weight:bold;}
#container #frameMain #secMain #salesInfo dl dd{ margin:0 0 0 20px;}


/* --------------------------------------------
[UPDATE] UNOQUE */
#container #frameMain #secMain #update{background: url(../img/bg_watch.gif) no-repeat -150px 50px; margin:0; padding:0 15px 0 215px;}
#container #frameMain #secMain #update #inner{ background:url(../img/bg_update.gif) no-repeat right 0px;}
#container #frameMain #secMain #update h1{ padding:15px 5px 0 5px; line-height:20px;height:20px; letter-spacing:-0.05em;}
/* info line00~ */
#container #frameMain #secMain #update .info{border-top:3px double #999999;margin:15px 0;padding:5px 15px 5px 0px;}
#container #frameMain #secMain #update .info h2 { clear:both; font-size:medium; padding:0 0 0 5px;}
#container #frameMain #secMain #update dl{ width:100%; margin:10px auto; border-bottom:1px solid #C4B997;}
#container #frameMain #secMain #update dl dt{border-top:1px solid #C4B997;border-bottom:1px dotted #C4B997;padding:5px; margin:0 0 0 0;font-weight:bold;}
#container #frameMain #secMain #update dl dd{ margin:0 0 0 0; padding:5px;}
#container #frameMain #secMain #update .info .annotation{ font-weight:bold; padding:0 0 0 5px;}




/* --------------------------------------------
[SUBWIN]1 : terminology */

/* CONTAINER */
#subContainer{padding:0; margin:15px auto; width:460px; overflow:hidden;}
#subContainer #fccLogo{ text-align:right; padding:15px 10px 10px 0;}
/* KAZARIKEISEN */
	#subContainer #frameTop{ background:url(../img/popwin_bg_top.gif) no-repeat; width:460px; height:11px; overflow:hidden;}
	#subContainer #frameMain{ background: url(../img/popwin_bg_main.gif) repeat-y; width:430px; overflow:hidden; text-align:left; padding:15px;}
	#subContainer #frameBtm{ background:url(../img/popwin_bg_btm.gif) no-repeat; width:460px; height:10px; overflow:hidden;}
/* frameMain */
	#subContainer #frameMain h1{ margin:0; padding:0;}
	#subContainer #frameMain h1 img{ margin:0 0 0 5px;}
	#subContainer #frameMain h1 img.terminology{ margin:0 0 15px 60px;}

	#subContainer #frameMain dl{ color:#625735;}
	#subContainer #frameMain dt{ font-weight:bold; background:url(../img/popwin_bar1.gif) center top no-repeat; padding:18px 0 0 0; text-align:center;}
	#subContainer #frameMain dd{ margin:0 0 20px 0; padding:0 30px;text-align:justify;text-justify: inter-ideograph;}
#subContainer #copyright{text-indent:-9999px;background:url(../img/copyright.gif) no-repeat center bottom;width:460px;height:27px;overflow:hidden; margin:0 0 50px 0;}
.closeBtn{text-align:center;margin:5px;border-top:1px dotted #665E45; padding:5px;}


/* --------------------------------------------
[SUBWIN]2 : charactor */

/* LIGHTWINDOW charactor */
body#nonbg{ background: #000000 !important; margin:0 auto!important; padding:0!important;}
/* CONTAINER */
#subContainer2{padding:0; margin:0 auto; width:690px; overflow:hidden; color:#625735;}
/* KAZARIKEISEN */
	#subContainer2 #frameTop{ background:url(../img/popwin2_bg_top.gif) no-repeat; width:690px; height:11px; overflow:hidden;}
	#subContainer2 #frameMain{ background: url(../img/popwin2_bg_main.gif) repeat-y; width:660px; overflow:hidden; text-align:left; padding:15px;}
	#subContainer2 #frameBtm{ background:url(../img/popwin2_bg_btm.gif) no-repeat; width:690px; height:10px; overflow:hidden;}
/* [frameMain]:UNOQUE:chara */
	#subContainer2 #frameMain div.chara{ background:url(../img/bg_chara.gif) no-repeat top left; overflow:auto; padding:0 0 0 0;}
	#subContainer2 #frameMain div.chara #left{ font-size:1.1em; line-height:1.3em; width:290px; float:left; padding:40px 0 0 15px; overflow:hidden;}

	#subContainer2 #frameMain div.chara #left dl{ background:url(../img/popwin_bar2.gif) no-repeat top center; padding:15px 0 5px 0; margin:0;}

	/* CSSハック START */
	* html #subContainer2 #frameMain div.chara #left dl{font-weight:bold; font-family:verdana; letter-spacing:-0.05em;}
	*:first-child+html #subContainer2 #frameMain div.chara #left dl{font-weight:bold; font-family:verdana; letter-spacing:-0.05em;}
	*+html #subContainer2 #frameMain div.chara #left dl{font-weight:bold; font-family:verdana; letter-spacing:-0.05em;}
	/* CSSハック END */


	#subContainer2 #frameMain div.chara #left dl dt{ border-bottom:#b6af9d dotted 1px;padding:5px; margin:0;font-size:x-large; line-height:1.2em;
	text-align:justify;text-justify: inter-ideograph;
	/*font-family:'Lucida Calligraphy','Lucida Handwriting','Oxford','Apple Chancery',cursive!important;*/
	}
	#subContainer2 #frameMain div.chara #left dl dt img{ clear:both; float:none;}
	
	
	#subContainer2 #frameMain div.chara #left dl dd{text-align:justify;text-justify: inter-ideograph;font-size:medium;margin:5px;line-height:1.2em;color:#332600;
	font-family:verdana;}
	#subContainer2 #frameMain div.chara img{ margin:0 0 0 0; float:right;}

	#subContainer2 #frameMain div.chara #left span{ color:#990000; border-bottom:#990000 dotted 1px;}
	#subContainer2 #frameMain div.chara #left div.terminology{ text-align:justify;text-justify: inter-ideograph; line-height:1.1em; padding:0 0 3px 0;}
	#subContainer2 #frameMain div.chara #left div.terminology p { background:url(../img/popwin_bar4.gif) no-repeat top center; padding:10px 0 0 0; margin:0;
	font-size:0.8em; color:#000000;}
	#subContainer2 #frameMain div.chara #left div.terminology p span{ color:#990000; border-bottom:none;}

	#subContainer2 #frameMain div.chara #left .end{ background:url(../img/popwin_bar3.gif) no-repeat bottom center; padding:5px 0 0 0; width:290px; height:14px; overflow:hidden;}