@charset "utf-8";

/* footer ----------------------------- */
#footer
	{
	position:relative;
	left:300px;
	width:300px;
/*	margin:85px auto 0;*/
	margin: 0px auto 0px;
	margin-top: -15px;
	text-align:right;
	}
* html body #footer
	{
	left:625px;
	}
*:first-child+html #footer
	{
	left:300px;
	}
#footer img,
#footer a
	{
	margin-left:3px;
	margin-bottom:3px;
	}
#footer p
	{
	color:#fff;
	font-size:0.5em;
	text-align:right;
	}
* html body #footer p
	{
	font-size:0.8em;
	}

/* logo -------------------------------- */
#logo
	{
	display:block;
/*	position:relative;*/
	position:absolute;
/*
	top:-8px;
	left:-20px;
*/
	top: -8px;
	left: 26px;
	float:left;
	width:220px;
	height:125px;
	}

/* new --------------------------------- */
#new00,
#new01,
#new02,
#new03
	{
	position:relative;
	float:left;
	top:-86px;
	}

#new00
	{
	/* DLContents */
/*	left:503px;*/
	left:723px;
	}
* html #new00
	{
/*	left:500px;*/
	left:720px;
	}

#new01
	{
	/* special */
/*	left:341px;*/
	left:561px;
	}
* html #new01
	{
/*	left:332px;*/
	left:552px;
	}

#new02
	{
	/*  */
/*	left:293px;*/
	left:420px;
	visibility:hidden;
	}
* html #new02
	{
/*	left:278px;*/
	left:420px;
	}

#new03
	{
	/*  */
/*	left:357px;*/
	left:577px;
	}
* html #new03
	{
/*	left:336px;*/
	left:556px;
	}


/* index ----------------------------------------------- */
#index #main_menu
	{
	background:url("../img/main_menu_in.png") no-repeat;
	}

#index #contents
	{
	position:relative;
	top:-34px;
	}

#flash
	{
/*
	width:945px;
	height:665px;
*/
	margin:0px auto;
	text-align:center;
	}

#news_00
	{
	padding-top:2px;
	padding-left:18px;
	padding-bottom:15px;
	text-align:left;
	font-weight:bold;
	font-size:12pt;
	}
#banner
	{
	position:relative;
/*
	margin-top:33px;
*/
	padding-left:15px;
	text-align:left;
	}
#banner img
	{
	margin:0 3px 3px;
	}

#index #footer
	{
/*	top:-80px;*/
	top: 5px;
	left:303px;
	position: absolute;
	top: 1025px;
	left: 625px;
	}
* html #index #footer
	{
	left:625px;
	}


#index #new00,
#index #new01,
#index #new02,
#index #new03
	{
	top:-52px;
	}

#index #new00
	{
	/* DLContents */
	left:768px;
	}
* html #index #new00
	{
	left:765px;
	}

#index #new01
	{
	/* special */
	left:606px;
	}
* html #index #new01
	{
	left:597px;
	}

#index #new02
	{
	/*  */
	left:465px;
	}
* html #index #new02
	{
	left:465px;
	}

#index #new03
	{
	/*  */
	left:622px;
	}
* html #index #new03
	{
	left:601px;
	}


/* movie ---------------------------------------------------- */
#movie
	{
	}

#movie #con_main
	{
	position:relative;
/*	top:-90px;*/
/*	top: 1px;*/
	top: 80px;
	width:855px;
	text-align:center;
	}

#movie table
	{
	margin:0px auto;
	}
#movie table td
	{
	width:33%;
	height:240px;
	padding-top:5px;
	text-align:left;
	vertical-align:middle;
	}
#movie table td.long
	{
	padding-top:0px;
	vertical-align:top;
	}
#movie table td.new
	{
	padding-top:20px;
	vertical-align:top;
	}

#movie div.box_0
	{
	width:264px;
	}

#movie #box_01
	{
/*	width:408px;*/
	width:792px;
	margin:0px auto;
	margin-bottom:30px;
	text-align:left;
	}
#movie #box_01 a.down
	{
	margin-left:140px;
	}

#movie a.play,
#movie a.play_0
	{
	display:block;
	text-indent:-999em;
	}

#movie a.play
	{
	width:264px;
	height:153px;
	}

#movie a.play_0
	{
	width:408px;
	height:234px;
	}

#movie a.down
	{
	display:block;
	width:261px;
	height:20px;
	background:url("../img/movie_down.png") no-repeat;
	text-indent:-999em;
	}
#movie a.down:hover
	{
	background-position:-0px -20px;
	}

#movie #play00
	{
	background:url("../img/movie_img.png") no-repeat;
	}
#movie #play01
	{
	background:url("../img/movie_img01.png") no-repeat;
	}
#movie #play02
	{
	background:url("../img/movie_img02.png") no-repeat;
	}
#movie #play03
	{
	background:url("../img/movie_img03.png") no-repeat;
	}
#movie #play00:hover,
#movie #play01:hover,
#movie #play02:hover
	{
	background-position:-0px -153px;
	}
#movie #play03:hover
	{
	background-position:-0px -234px;
	}

#movie a.link
	{
	display:block;
	width:384px;
	height:233px;
	background:url("../img/movie_img04.png") no-repeat;
	text-indent:-999em;
	margin-bottom: 20px;
	}
#movie a.link:hover
	{
	background-position:-0px -233px;
	}

#movie #new {
	position: absolute;
	top: -24px;
	left: 368px;
}
/* story ------------------------------------------------- */
#s_world_view #con_bg,
#s_outline #con_bg
	{
	width:855px;
	text-align:center;
	
	}
* html #s_world_view #con_bg,
* html #s_outline #con_bg
	{
	width:945px;
	}

#s_world_view #under_menu,
#s_outline #under_menu
	{
/*	top:-60px;*/
	top:31px;
	}
*:first-child+html #s_world_view #under_menu,
*:first-child+html #s_outline #under_menu
	{
/*	top:-70px;*/
	top:21px;
	}
* html #s_world_view #under_menu,
* html #s_outline #under_menu
	{
/*	top:-70px;*/
	top:21px;
	}

/* story_menu ------------------------ */
#story_menu
	{
	position:relative;
	top:91px;
	left:-20px;
	float:left;
	width:200px;
	text-align:left;
	}
*:first-child+html #story_menu
	{
	text-align:left;
	}

#story_menu ul
	{
	list-style:none;
	}

#story_menu li,
#story_menu a
	{
	display:block;
	width:108px;
	height:49px;
	}

#story_menu a
	{
	background:url("../img/story_menu.png") no-repeat;
	text-indent:-999em;
	}
#story_menu li.s_wv a:hover,
#story_menu li.s_wv a.on
	{
	background-position:-108px -0px;
	}

#story_menu li.s_out a
	{
	background-position:-0px -49px;
	}
#story_menu li.s_out a:hover,
#story_menu li.s_out a.on
	{
	background-position:-108px -49px;
	}


/* world_view ---------------------- */
#s_world_view
	{
	height:900px;
	}

#s_world_view #con_bg
	{
	height:708px;
	background:url("../img/swv_bg.png") no-repeat;
	}

#s_world_view #con_main
	{
	position:relative;
/*	top:-75px;*/
	top:16px;
	float:left;
	width:650px;
	}


/* outline ------------------------ */
#s_outline #con_bg
	{
	height:1113px;
	background:url("../img/sol_bg.png") no-repeat;
	}

#s_outline #con_main
	{
	position:relative;
/*	top:-85px;*/
	top:6px;
	float:left;
	width:640px;
	padding-left:15px;
	}


/* download ------------------------------------------------- */

/* down_menu ----------------- */
#down_menu
	{
	position:relative;
	left:-20px;
	float:left;
	width:200px;
	text-align:left;
	}

#down_menu ul
	{
	list-style:none;
	}

#down_menu li,
#down_menu a
	{
	display:block;
	width:200px;
	height:45px;
	}

#down_menu a
	{
	background:url("../img/down_btm.png") no-repeat;
	text-indent:-999em;
	}

#down_menu li.banner a:hover,
#down_menu li.banner a.on
	{
	background-position:-200px -0px;
	}

#down_menu li.movie a
	{
	background-position:-0px -45px;
	}
#down_menu li.movie a:hover,
#down_menu li.movie a.on
	{
	background-position:-200px -45px;
	}

#down_menu li.twitter a
	{
	background-position:-0px -90px;
	}
#down_menu li.twitter a:hover,
#down_menu li.twitter a.on
	{
	background-position:-200px -90px;
	}

#down_menu li.blog_p a
	{
	background-position:-0px -135px;
	}
#down_menu li.blog_p a:hover,
#down_menu li.blog_p a.on
	{
	background-position:-200px -135px;
	}

/* banner ------------------ */
#down_bn #con_main
	{
	position:relative;
	top:-125px;
	float:left;
	width:648px;
	}
* html #down_bn #con_bg
	{
	padding-right:0px;
	}

#down_bn img.num
	{
	clear:both;
	margin-bottom:2px;
	}
#down_bn td
	{
	padding-right:10px;
	padding-bottom:15px;
	vertical-align:top;
	}
#down_bn td textarea
	{
	margin-top:5px;
	}

#down_bn #s160
	{
	width:650px;
	margin-bottom:15px;
	}
* html #down_bn #s160
	{
	width:600px;
	}
#down_bn #s160 td
	{
	float:left;
	width:98px;
	}
#down_bn #s160 textarea
	{
	width:98px;
	height:145px;
	}


#down_bn #s120
	{
	width:650px;
	margin-bottom:15px;
	}
* html #down_bn #s120
	{
	width:600px;
	}
#down_bn #s120 td
	{
	float:left;
	width:98px;
	}
#down_bn #s120 textarea
	{
	width:98px;
	height:145px;
	}

#down_bn #s125
	{
	width:650px;
	margin-bottom:15px;
	}
#down_bn #s125 td
	{
	float:left;
	width:98px;
	}
#down_bn #s125 textarea
	{
	width:98px;
	height:120px;
	}


#down_bn #s234 td
	{
	float:left;
	width:206px;
	margin-bottom:15px;
	}
#down_bn #s234 textarea
	{
	width:206px;
	height:70px;
	}


/* down_movie ---------------------------- */
#down_movie #con_main
	{
	position:relative;
	top:-125px;
	float:left;
	width:648px;
	}

#down_movie div.box
	{
	padding-left:15px;
	}
* html #down_movie div.box
	{
	padding:0px;
	}

#down_movie table,
#down_movie #pv02
	{
	width:615px;
	height:174px;
	margin-bottom:15px;
	text-align:left;
	background:url("../img/dm_boxbg.png") no-repeat;
	}

#down_movie #pv02
	{
	width:645px;
	}
* html #down_movie #pv02
	{
	width:645px;
	}
#down_movie #pv02 td.text
	{
	padding-top:8px;
	vertical-align:top;
	}
#down_movie #pv02 td.text img
	{
	margin-bottom:20px;
	}

#down_movie td.img
	{
	width:290px;
	text-align:center;
	}
#down_movie td.new
	{
	padding-top:5px;
	vertical-align:top;
	}

#down_movie td a
	{
	display:block;
	width:217px;
	height:32px;
	margin-top:5px;
	background:url("../img/dm_btm.png") no-repeat;
	text-indent:-999em;
	}
#down_movie td a:hover
	{
	background-position:-0px -32px;
	}

/* tiwtter -------------------------------- */
#twitter #con_main
	{
	position:relative;
	top:-125px;
	float:left;
	width:648px;
	}

#twitter div.box
	{
	padding-left:25px;
	}

#twitter #tiw00
	{
	width:600px;
	margin-top:0px;
	text-align:left;
	}

#twitter #tiw00 tr.under td
	{
	width:300px;
	padding-top:15px;
	vertical-align:bottom;
	}

#twitter #tiw00 #twi_btn00
	{
	display:block;
	width:202px;
	height:32px;
	margin-bottom:3px;
	background:url("../img/twi_btn00.png") no-repeat;
	text-indent:-999em;
	}
#twitter #tiw00 #twi_btn00:hover
	{
	background-position:0px -32px;
	}

/* blog_parts ---------------------------------- */
#blog_p #con_main
	{
	position:relative;
	top:-125px;
	float:left;
	width:648px;
	}

#blog_p div.box
	{
	padding-left:25px;
	}

#blog_p #bp_body
	{
	width:160px;
	height:320px;
	text-align:center;
	}
#blog_p #bp_body div.parts
	{
	width:160px;
	height:230px;
	border:solid 1px #fff;
	}
#blog_p #bp_body textarea
	{
	width:155px;
	height:70px;
	margin:8px 0px;
	}

/* about -------------------------------------------------------------- */
#chrono #con_main,
#info #con_main
	{
	position:relative;
/*	top:-125px;*/
	top:-34px;
	float:left;
	width:645px;
	text-align:left;
	}


/* abo_menu --------------------------*/
#abo_menu
	{
	position:relative;
	top:91px;
	left:-20px;
	float:left;
	width:200px;
	text-align:left;
	}

#abo_menu ul
	{
	list-style:none;
	}

#abo_menu li,
#abo_menu a
	{
	display:block;
	width:200px;
	height:49px;
	}

#abo_menu a
	{
	background:url("../img/abo_menu.png") no-repeat;
	text-indent:-999em;
	}

#abo_menu li.info a:hover,
#abo_menu li.info a.on
	{
	background-position:-200px -0px;
	}

#abo_menu li.chro a
	{
	background-position:-0px -49px;
	}
#abo_menu li.chro a:hover,
#abo_menu li.chro a.on
	{
	background-position:-200px -49px;
	}

/* info ------------------------------------------ */
#info #con_bg
	{
	background:url("../img/abi_bg.jpg") no-repeat;
	}
* html #info #con_bg
	{
	padding-left:44px;
	}

* html #info #con_main
	{
	width:654px;
	}

#info img.margin
	{
	margin-left:15px;
	}
* html #info img.margin
	{
	margin-left:0px;
	}


/* chronological --------------------------------- */
#chrono #con_bg
	{
	height:1088px;
	background:url("../img/abc_bg.jpg") no-repeat;
	}

#chrono img.margin
	{
	margin-left:25px;
	}

#chrono #con_main a
	{
	position:relative;
	display:block;
	text-indent:-999em;
	}

#chrono #con_main a.small
	{
	width:66px;
	height:24px;
	background:url("../img/abc_sbtm.png") no-repeat;
	}
#chrono #con_main a.small:hover
	{
	background-position:-0px -24px;
	}

#chrono #con_main a.large
	{
	width:92px;
	height:32px;
	background:url("../img/abc_btm.png") no-repeat;
	}
#chrono #con_main a.large:hover
	{
	background-position:-0px -32px;
	}

#chrono #con_main #d1
	{
	top:57px;
	left:370px;
	}

#chrono #con_main #d2
	{
	top:190px;
	left:370px;
	}

#chrono #con_main #d3
	{
	top:388px;
	left:370px;
	}

#chrono #con_main #ds00
	{
	top:268px;
	left:470px;
	}

#chrono #con_main #ds00_1
	{
	top:301px;
	left:470px;
	}

#chrono #con_main #ds01
	{
	top:470px;
	left:470px;
	}

#chrono #con_main #ds02
	{
	top:495px;
	left:470px;
	}

#chrono #con_main #ds03
	{
	top:520px;
	left:470px;
	}

#chrono #con_main #ds04
	{
	top:541px;
	left:470px;
	}