@charset "UTF-8"; 
	 
@import "screen.css"; 

  
/**
 * ========================================
 * oCIN}g CSS 
 * ========================================
 *
 * INDEX
 * ----------------------------------------
 *
 *
 *
 *
 */
 
/**
 * ========================================
 * gbvy[W 
 * ========================================
 */
	 
.Wrapper 
{
	padding-top: 0;
}
 
#Content .Section 
{
}
	
#Content .Section h3 
{
	margin-bottom: 5px;
	padding: 0;
	margin-right: 0;
	background-image: none;
}
   
/**
 * ========================================
 * ufBO 
 * ========================================
 */
	 
body.index div.Branding 
{
	text-indent:-9999px;
	width:800px;
	height:250px;
	margin-bottom: 7px;
	background:url(../img/branding.jpg) no-repeat;
	position:relative;
}


/**
div.fpdd {
	width:800px;
	height:250px;
	display:block;
	position:relative;
	}
 */

div.Branding  p.g_navi01 a{
	display:block;
	width:146px;
	height:51px;
	text-indent:-9999px;
	position:absolute;
	top: 11px;
	left: 73px;
	}
	
	
div.Branding  p.g_navi02 a{
	display:block;
	width:146px;
	height:51px;
	text-indent:-9999px;
	position:absolute;
	top: 11px;
	left: 233px;
	}
	
div.Branding  p.g_navi03 a{
	display:block;
	width:146px;
	height:51px;
	text-indent:-9999px;
	position:absolute;
	top: 11px;
	left: 394px;
	}
	
div.Branding  p.g_navi04 a{
	display:block;
	width:146px;
	height:51px;
	text-indent:-9999px;
	position:absolute;
	top: 11px;
	left: 558px;
	}
	
div.Branding  p.g_navi05 a{
	display:block;
	width:146px;
	height:51px;
	text-indent:-9999px;
	position:absolute;
	top: 182px;
	left: 73px;
	}
	
div.Branding  p.g_navi06 a{
	display:block;
	width:146px;
	height:51px;
	text-indent:-9999px;
	position:absolute;
	top: 182px;
	left: 233px;
	}
	
div.Branding  p.g_navi07 a{
	display:block;
	width:146px;
	height:51px;
	text-indent:-9999px;
	position:absolute;
	top: 182px;
	left: 394px;
	}
	
div.Branding  p.g_navi08 a{
	display:block;
	width:146px;
	height:51px;
	text-indent:-9999px;
	position:absolute;
	top: 182px;
	left: 558px;
	}
	
	
	
div.Branding  p.g_navi01 a:hover{
	background:url(../img/g_navi01.jpg) no-repeat;
	}	

div.Branding  p.g_navi02 a:hover{
	background:url(../img/g_navi02.jpg) no-repeat;
	}	

div.Branding  p.g_navi03 a:hover{
	background:url(../img/g_navi03.jpg) no-repeat;
	}	

div.Branding  p.g_navi04 a:hover{
	background:url(../img/g_navi04.jpg) no-repeat;
	}	

div.Branding  p.g_navi05 a:hover{
	background:url(../img/g_navi05.jpg) no-repeat;
	}	

div.Branding  p.g_navi06 a:hover{
	background:url(../img/g_navi06.jpg) no-repeat;
	}	

div.Branding  p.g_navi07 a:hover{
	background:url(../img/g_navi07.jpg) no-repeat;
	}	

div.Branding  p.g_navi08 a:hover{
	background:url(../img/g_navi08.jpg) no-repeat;
	}	



/**
*:first-child+html body.index {
	position:relative;
	}



*:first-child+html .index h2.Branding 
	{
	position:relative;
}
  
*:first-child+html p.fpd a{
	display:block;
	width:146px;
	height:51px;
	position:absolute;
	top: 143px;
	left: 155px;
	}
	
*:first-child+html p.fpd a:hover{
	background:url(../img/fpd_ov.jpg) no-repeat;
	}		


*html div.Header{
	position:relative;
	}	
	
*html p.fpd a{
	display:block;
	width:146px;
	height:51px;
	text-indent:-9999px;
	position:absolute;
	top: 83px;
	left: 103px;
	}
	
*html p.fpd a:hover{
	background:url(../img/fpd_ov.jpg) no-repeat;
	}	
	 */
	
	
	
	
	
	
	
	
	
	
	
	
	
	
/**
 * ========================================
 * ql? 
 * ========================================
 */
	 
#Content #Voice 
{
	margin-bottom: 0;
}
	 
#Voice ul 
{
	margin-right: -20px;
	margin-bottom: 15px;
}
	 
#Voice ul li 
{
	float: left;
	width: 137px;
}
	 
#Voice ul li.Bnr1, 
#Voice ul li.Bnr3
{
	width: 143px;
}
 
#Voice ul li.Bnr2 
{
	width: 157px;
}
 	  
#Voice #MainContent 
{
	margin-right: -20px;
	clear:both;
}
	
#Voice #MainContent .SubSection 
{
	float: left;
	width: 300px;
}
	 
#Voice #MainContent .SubSection h4 
{
	padding: 0;
	border-left: none;
	margin-bottom: 5px;
}
 
#Voice #MainContent .SubSection .Body 
{
	position: relative;
	width: 278px;
	padding-bottom: 31px;
	margin-right: 20px;
	margin-bottom: 20px;
	border-width: 1px;
	border-style: solid;
}
	 
#Voice #MainContent .SubSection .Body02 
{
	position: relative;
	width: 248px;
	height:120px;
	padding:15px;
	margin-right: 20px;
	border-width: 1px;
	border-style: solid;
	overflow:auto;
}

*html #Voice #MainContent .SubSection .Body02 
{
	width: 248px;
}
	 
#Voice #MainContent .SubSection .Body h5 
{
	padding-top: 5px;
	margin-bottom: 5px;
	text-align: center;
}
 
#Voice #MainContent .SubSection .Body p 
{
	margin: 0 4px;
}
 
#Voice #MainContent .SubSection .Body .ToList 
{
	position: absolute;
	top: auto;
	right: 0px;
	bottom: 4px;
	left: auto;
	text-align: right;
}
  
#Voice #MainContent #Manufacture .Body 
{
	border-color: #ff9f3f;
}
 
#Voice #MainContent #Research .Body 
{
	border-color: #3fb7d4;
}
 
  
#Voice #MainContent #Manufacture .Body02 
{
	border-color: #ff9f3f;
}
 
#Voice #MainContent #Research .Body02 
{
	border-color: #3fb7d4;
}
 
#Voice #MainContent #Maker .Body 
{
	border-color: #3f9066;
}
 
#Voice #MainContent #Origin .Body 
{
	border-color: #ff3f3f;
}
 
 
 #Voice #MainContent #pap .Body 
{
	border-color: #532C8D;
}
 
#Voice #MainContent #bla .Body 
{
 border-color: #5F2C00;
} 
/**
 * 
 * ========================================
 */
	
/**
 * 
 * ----------------------------------------
 */
   
/**
 * ========================================
 * j[X 
 * ========================================
 */
	 
#News 
{
}
	 
#News .Body 
{
	padding: 15px;
	line-height: 1.5;
	background-color: #e2ebe1;
	background-image: url(../img/bg_news.gif);
	background-position: right bottom;
	background-repeat: no-repeat;
}
  
/**
 * 
 * ========================================
 */
	
/**
 * 
 * ----------------------------------------
 */
   
/**
 * ========================================
 * XV 
 * ========================================
 */
	 
#Update 
{
}
	 
#Update .Body 
{
	position: relative;
	padding: 10px;
	width: 560px;
	background-color: #f2f2f2;
}
	 
#Update .Body dt 
{
	position: absolute;
	left: 10px;
	padding: .3em 0 .3em 40px;
	width: 70px;
}
	 
#Update .Body dt.New 
{
	background-image: url(../img/ico_new.gif);
	background-position: left center;
	background-repeat: no-repeat;
}
  
#Update .Body dd 
{
	padding: .3em 0;
	padding-left: 130px;
	border-bottom: 1px solid #bfbfbf;
}
   
/**
 * 
 * ========================================
 */
	
/**
 * 
 * ----------------------------------------
 */
   
/**
 * ========================================
 * nbN 
 * ========================================
 */
	 
/**=
 * clearfix 
 * ====================================
 */
	 
#Voice ul:after, 
#Voice #MainContent:after
{
	content:".";
	display:block;
	height:0;
	clear:both;
	visibility:hidden;
}
	 
#Voice ul, 
#Voice #MainContent
{
	display:inline-block;
}
/* Hide from IE Mac \*/
 
#Voice ul, 
#Voice #MainContent
{
	display:block;
}
/* End hide from IE Mac */
   
/**
 * 
 * ========================================
 */
	 
/**
 * 
 * ----------------------------------------
 */
   
/**
 * ========================================
 * 
 * ========================================
 */
	
/**
 * 
 * ========================================
 */
	 
/**
 * 
 * ----------------------------------------
 */
   
p.title a {
	background:url(../img/bg_title.jpg) no-repeat;
	font-size:14px;
	font-weight:bold;
	line-height:20px;
	padding-left:30px;
	color:#CC0000;
}


.pddT10 { padding-left:200px; }

#lpo01,
#lpo02,{
  text-indent: -9999px;
	width: 580px;
	}

#lpo03,{
  text-indent: -9999px;
	width: 483px;
padding-left: 48px;
	}

#lpo02 a {
  display: block;
	height: 100px;
	background: url(../img/bn_lpo02.jpg) 0 0 no-repeat;
	text-indent: -9999px;
	}

#lpo02 a:hover { background: url(../img/bn_lpo02.jpg) 0 -100px no-repeat;	}

#lpo01 a {
  display: block;
	height: 200px;
	background: url(../img/bn_lpo01.jpg) 0 0 no-repeat;
	text-indent: -9999px;
	}

#lpo01 a:hover { background: url(../img/bn_lpo01.jpg) 0 -200px no-repeat;	}

#lpo03 a {
  display: block;
	height: 151px;
	background: url(../img/banner_anime.gif) 0 0 no-repeat;
	}

#lpo03 a:hover { background: url(../img/banner_anime.gif) 0 -200px no-repeat;	}

.index .bnr4{
	background:url(../img/index_bnr_bg.jpg) no-repeat;
	width: 580px;
	height: 181px;
	position:relative;
	margin-bottom: 20px;
}
.index .bnr4 .bnr01{
	margin: 0px;
	position: absolute;
	top: 11px;
	left: 96px;
}
.index .bnr4 .bnr02{
	margin: 0px;
	position: absolute;
	top: 101px;
	left: 234px;
}
.index .bnr4 .bnr03{
	margin: 0px;
	position: absolute;
	top: 102px;
	left: 319px;
}
.index .bnr4 .bnr04{
	margin: 0px;
	position: absolute;
	top: 102px;
	left: 400px;
}
.index .bnr4 .bnr05{
	margin: 0px;
	position: absolute;
	top: 102px;
	left: 503px;
}
.index .bnr4 .bnr06{
	margin: 0px;
	position: absolute;
	top: 18px;
	left: 347px;
}
.index .bnr4 .bnr07{
	margin: 0px;
	position: absolute;
	top: 18px;
	left: 425px;
}
.index .bnr4 .bnr08{
	margin: 0px;
	position: absolute;
	top: 19px;
	left: 502px;
}

