@charset 'UTF-8'; 
@import '_base.css';
@import '_tone.css';

 
/* top.css */ 
 
div#body 
{
	width: auto;
	clear: both;

	padding: .3em 0;

}
	 
div#body div#main 

{
	width: auto;
	margin: 0 220px 0 0;
	padding: 0 .5em;

	font-size: small;
}
	 
div#body div#main div#history 
{

}
	 
div#body div#main div#history ul 
{
	height: 5em;
	overflow: auto;
	padding: 0 0 0 1em;
}
  
div#body div#main div#topics 
{

}
	 
div#body div#main div#topics dl 
{
	margin: 2em 0;
}
	 
div#body div#main div#topics dt 
{
	display: inline;
	position: relative;
	top: .5em;
	right: 0 !important;
	right: 1px; /* fixIE */

	margin: 0;
	border-width: 1px;
	border-style: solid;
	border-color: #83BAFA;
	padding: .3em .5em;

	color: #00A;
	background-color: #FFF;
}
 
div#body div#main div#topics dd 
{
	margin: 0 0 2em 0;
	border-width: 1px;
	border-style: solid;
	border-color: #83BAFA;
	padding: 1em 1em .5em;
}
	 
div#body div#main div#topics dd p 
{
	margin: 1.2em 0;
	line-height: 1.5em;
}
  
div#body div#main div#topics dd.charaleft 
{
	min-height: 200px;
	height: auto !important;
	height: 200px; /* fixIE */
	padding: 3% 3% 3% 170px;

	background-repeat: no-repeat;
	background-position: 3% 50%;
}
 
div#body div#main div#topics dd.chararight 
{
	min-height: 200px;
	height: auto !important;
	height: 200px; /* fixIE */
	padding: 3% 170px 3% 3%;

	background-repeat: no-repeat;
	background-position: 97% 50%;
}
 
div#body div#main div#topics dd.NanaseAya 
{
	background-image: url('../images/chara_NanaseAya.jpg');
}
 
div#body div#main div#topics dd.AizawaAoi 
{
	background-image: url('../images/chara_AizawaAoi.jpg');
}
    
div#body div#side 
{
	width: 220px;
	float: right;

	margin: auto;
	text-align: center;
}
	 
div#body div#side h2 
{
	width: 200px;
	height: 40px;

	margin: 0 auto 1em;
	text-align: center;
}
 
div#body div#side ul 
{
	width: 200px;
	height: 40px;

	margin: 0 auto;
	padding: 0;

	text-align: center;
}
	 
div#body div#side ul li 
{
	display: block;
	width: 200px;
	height: 40px;
}
	 
div#body div#side ul li a 
{
	display: block;
	width: 200px;
	height: 40px;

	margin: .1em 0;
	border-style: none;
	background-repeat: no-repeat;
	background-position: 0% 100%;
}
 
div#body div#side ul li a:hover 
{
	border-style: none;
	background-position: 0% 0%;
}
 
div#body div#side ul li a span 
{
	display: none;
}
 
div#body div#side ul li#menu_information a 
{
	background-image: url('../images/menu_information.gif');
}
 
div#body div#side ul li#menu_story a 
{
	background-image: url('../images/menu_story.gif');
}
 
div#body div#side ul li#menu_character a 
{
	background-image: url('../images/menu_character.gif');
}
 
div#body div#side ul li#menu_download a 
{
	background-image: url('../images/menu_download.gif');
}
 
div#body div#side ul li#menu_support a 
{
	background-image: url('../images/menu_support.gif');
}
 
div#body div#side ul li#menu_sitemap a 
{
	background-image: url('../images/menu_sitemap.gif');
}
     
/* temporary */ 
	 
div#package_pict 
{
	width: 110px;
	float: right;
}
 
div#package_text 
{
	margin-right: 110px;
}