@charset "Shift_JIS";



/* [BODY/HEADER/FOOTER]	------------------------------------------ */

body
			{
			background-color:#000000;
			color:#f0f0d0;
			text-align:center;
			}


div#header
			{
			width:765px;
			height:77px;
			margin:0 auto;
			}

div#footer
			{
			margin:5px 10px 20px;
			}


/* [GLOBAL]	----------------------------------------------------- */

div#global
			{
			background:url(../images/global_base.gif) no-repeat;
			margin:0 auto;
			width:768px;
			height:29px;
			font-size:1px;
			text-align:left;
			}

ul#globalnavi
			{
			list-style:none;
			padding:6px 0 0 552px;
			}

ul#globalnavi li
			{
			margin:0 0 0 4px;
			display:inline;
			}


/* [NAVI]	----------------------------------------------------- */

	div#navi
				{
				width:150px;
				float:left;
				}


/* [CONTAINER]	------------------------------------------------- */

div#container
			{
/*
			background-image:url(../images/bg.gif) no-repeat;
*/
			margin:0 auto;
			width:765px;
			text-align:left;
			}


/* [HOME]	----------------------------------------------------- */
	div#home
				{
				background:url(../images/main_illust.jpg) no-repeat;
				width:615px;
				float:right;
				}

		div#bgm
					{
					width:76px;
					height:20px;
					display:block;
					margin:18px 0 0 528px;
					}

		div#mainillust
					{
					width:615px;
					height:300px;
					display:block;
					}

			div#mainillust div#trailer
						{
						position:relative;
						top:300px;
						left:384px;
						width:202px;
						height:114px;
						display:block;
						}

		div#topic_1
					{
					margin:0 0 14px 32px;
					width:340px;
					}

		div#topic_2
					{
					margin:0 0 14px 32px;
					width:540px;
					}

		div#topbanner
					{
					margin:0 0 8px 10px;
					}


/* [FEATURES/VIDEOS/NEWS]	------------------------------------- */
	div#main
				{
				background:url(../images/contents_bg.gif) no-repeat;
				width:615px;
				float:right;
				}

		div#psp_info
					{
					margin:28px 0 24px 50px;
					width:450px;
					}

			div#psp_overview
						{
						margin:0 0 20px 6px;
						}

			div#psp_ss1
						{
						padding:0 0 12px 0;
						}

			div#psp_ss2
						{
						padding:0 0 32px 0;
						}

		div#tips
					{
					margin:28px 0 20px 40px;
					width:548px;
					background:url(../images/big_star.gif) no-repeat right bottom;
					}

			div#tips-list
						{
						width:448px;
						}

		div#main-left
					{
					width:460px;
					float:left;
					}

			div#contents
						{
						margin:28px 54px 20px 56px;
						width:350px;
						}

				div#overview
							{
							margin:0 0 30px 0;
							}

				div#video_1
							{
							background:url(../images/video_bg1.jpg) no-repeat;
							}

				div#video_2
							{
							background:url(../images/video_bg2.jpg) no-repeat;
							}

				div#video_3
							{
							background:url(../images/video_bg3.jpg) no-repeat;
							}

				div#video_4
							{
							background:url(../images/video_bg4.jpg) no-repeat;
							}

				div#video_5
							{
							background:url(../images/video_bg5.jpg) no-repeat;
							}

				div#video_6
							{
							background:url(../images/video_bg6.jpg) no-repeat;
							}

				div#video_7
							{
							background:url(../images/video_bg7.jpg) no-repeat;
							}

				div#video_8
							{
							background:url(../images/video_bg8.jpg) no-repeat;
							}

				div#wp_1
							{
							background:url(../images/wp_bg1.jpg) no-repeat;
							}

				div#wp_2
							{
							background:url(../images/wp_bg2.jpg) no-repeat;
							margin:-128px 0 20px 162px;
							}

				div#wp_3
							{
							background:url(../images/wp_bg3.jpg) no-repeat;
							}

				div#wp_4
							{
							background:url(../images/wp_bg4.jpg) no-repeat;
							margin:-128px 0 20px 162px;
							}

				div#wp_5
							{
							background:url(../images/wp_bg5.jpg) no-repeat;
							}

				div#wp_6
							{
							background:url(../images/wp_bg6.jpg) no-repeat;
							margin:-128px 0 20px 162px;
							}

		div#main-right
					{
					background-image:url(../images/sub_bg.gif);
					background-repeat:no-repeat;
					width:154px;
					float:right;
					}

		div#main-footer
					{
					clear:both;
					width:615px;
					}



/* [Q-LAB]	----------------------------------------------------- */
	div#main-qlab
				{
				width:615px;
				float:right;
				}



/* [SCREENSHOTS]	--------------------------------------------- */

			div#viewer
						{
						background-image:url(../images/viewer.gif);
						background-repeat:no-repeat;
						width:460px;
						height:460px;
						}

				div#viewer img#thumbnail
							{
							margin:28px 0 0 78px;
							vertical-align:bottom;
							/* display:block; */
							}

				div#viewer a#flipBack
							{
							margin:0 0 0 78px;
							width:46px;
							height:16px;
							display:block;
							}

				div#viewer a#flipNext
							{
							margin:-16px 0 0 352px;
							width:46px;
							height:16px;
							display:block;
							}

				div#viewer span.fliptext
							{
							display:none;
							}

				div#viewer div#categoryListArea
							{
							width:320px;
							height:107px;
							overflow:auto;
							background-color:transparent;
							margin:8px 0 0 78px;
							}



/* [CHARCTER]	------------------------------------------------- */

	div#main-bond
				{
				background-image:url(../images/bg_bond.jpg);
				background-repeat:no-repeat;
				width:615px;
				float:right;
				}

		div#character
					{
					margin:160px 0 0 72px;
					width:228px;
					height:588px;
					}

		/* スクリーンショット */
			a#screenshots
						{
						position:absolute;
						margin:380px 0 0 24px;
						text-indent:-9999px;
						width:120px;
						height:114px;
						display:block;
						}

			span#screenshots
						{
						display:none;
						}

	div#main-elisabeth
				{
				background-image:url(../images/bg_elisabeth.jpg);
				background-repeat:no-repeat;
				width:615px;
				float:right;
				}

	div#main-tatiana
				{
				background-image:url(../images/bg_tatiana.jpg);
				background-repeat:no-repeat;
				width:615px;
				float:right;
				}

	div#main-eva
				{
				background-image:url(../images/bg_eva.jpg);
				background-repeat:no-repeat;
				width:615px;
				float:right;
				}

	div#main-red
				{
				background-image:url(../images/bg_red.jpg);
				background-repeat:no-repeat;
				width:615px;
				float:right;
				}


		div#casts
					{
					margin:28px 0 0 56px;
					width:480px;
					}

			img.cast
						{
						float:right;
						margin:0 0 30px 10px;
						}