@charset "utf-8";
/*-----------------------------------------------------
	reset
-----------------------------------------------------*/
h1,h2,h3,h4,h5,h6,p,dl,dt,dd,ul,ol,li,form,pre,img,th,td,table	{
	margin:0;padding:0;font-size:100%;font-weight:normal;
	border:none;	}
li	{ list-style:none;	}
hr	{ display:none;	}
em,address	{ font-style:normal;	}

/*-----------------------------------------------------
	clearfix
-----------------------------------------------------*/
.clearfix:after {
   content: ".";
   display: block;
   clear: both;
   height: 0;
   visibility: hidden;
}
.clearfix { display: inline-block; }
/* exlude MacIE5 \*/
* html .clearfix { height: 1% }
.clearfix {display:block;}
/* end MacIE5 */

/*-----------------------------------------------------
	body
-----------------------------------------------------*/
body	{
	font-size:10px;
	margin:0;
	padding:0;
	font-family:"ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
	color:#ffffff;
	}
#wrapper	{
	width:880px;
	margin:0 auto;
	background-color:#000000;
	}

/*-----------------------------------------------------
	header
-----------------------------------------------------*/
#header	{
	height:120px;
	padding:10px;
	border-bottom:#625E5E solid 1px;
	}
#header h1 a	{
	height:118px;
	width:267px;
	background:url(../images/logo.jpg) no-repeat left top;
	margin:0 auto;
	text-indent:-9999px;
	overflow:hidden;
	display:block;
	}

/*-----------------------------------------------------
	nav
-----------------------------------------------------*/
#nav {
	font-size:120%;
	text-align:center;
	padding:3px 180px;
	border-bottom:#625E5E solid 1px;
	}
#nav em	{
	padding:0 5px;
	}
#nav span	{
	font-size:80%;
	padding:0 2px;
	}
#nav a:link 	{
	color:#ffffff;
	text-decoration:none;
	}
#nav a:visited 	{
	color:#ffffff;
	text-decoration:none;
	}
#nav a:hover	{
	color:#0099FF;
	text-decoration:none;
	}
#nav a:active	{
	color:#0099FF;
	text-decoration:none;
	}
#nav a span	{
	color:#000000;
	}
#nav a:hover span	{
	color:#ff0000;
	}
.dropdown {
	float:left;
	padding:0 10px;
	position:relative;
}
.dropdown dt { padding:0 5px; cursor:pointer; background:#000000;}
.dropdown dt:hover {background:#000000;}
.dropdown dd {position:absolute; overflow:hidden; width:130px; display:none; z-index:200; opacity:0;left:-10px;}
.dropdown ul {width:130px; list-style:none; border-top:none;}
.dropdown li {display:inline;text-align:center;}
.dropdown dd a, .dropdown dd a:active, .dropdown dd a:visited {display:block; padding:5px 0; color:#ffffff; text-decoration:none; background:#000000; font-size:80%;letter-spacing:0.05em}
.dropdown a:hover {background:#000000; color:#0099FF;}
.dropdown .underline {}
/*-----------------------------------------------------
	main
-----------------------------------------------------*/
#main	{
	background-color:#ffffff;
	height:620px;
	border-bottom:#625E5E solid 3px;
	clear: both;
	}
#topMain	{
	background-color:#ffffff;
	clear: both;
	}
#topArea	{
	padding:3px 0;
	}
#topArea .left	{
	width:184px;
	float:left;
	}
#topArea .right	{
	width:690px;
	float:right;
	}
#topArea .left .imgBottom	{
	margin:6px 0 0 0;
	}
#bottomArea	{
	background-color:#000000;
	clear:both;
	height:217px;
	border-bottom:#625E5E solid 3px;
	}
#bottomArea	#news	{
	padding:4px 0;
	font-size:120%;
	}
#bottomArea	#news h2	{
	background:url(../images/title_news.jpg) no-repeat left top;
	height:18px;
	text-indent:-9999px;
	}
#bottomArea	#news em	{
	padding:0 2em 0 0;
	font-weight:bold;
	}
#bottomArea	#news dl	{	
	margin:5px 5px 5px 20px;
	clear:both;
	line-height:120%;
	}
#bottomArea	#news dt	{
	float:left;
	width:6em;
	clear:both;
	margin:5px 0;
	}
#bottomArea	#news dd	{
	float:left;
	margin:5px 0;
	width: 700px;
	}
#bottomArea	#news a,
#bottomArea	#news a:visited,
#bottomArea	#news a:hover,
#bottomArea	#news a:active	{
	color:#ffffff;
	}

/*-----------------------------------------------------
	footer
-----------------------------------------------------*/
#footer	{
	background-color:#ffffff;
	text-align:center;
	color:#999999;
	padding:10px 0;
	}




/*-----------------------------------------------------
	prdct
-----------------------------------------------------*/
#prdctArea	{
	padding:3px 0;
	color:#000000;
	}
#prdctArea .inner	{
	overflow:auto;
	height:530px;
	margin:25px 0 0 0;
	}
#prdctArea h2	{
	padding:10px 15px;
	background-color:#0D0484;
	}
#prdctArea .prdctsTbl	{
	width:100%;
	margin:30px auto 0;
	}
#prdctArea .prdctsTbl th	{
	padding:0 0 1em 0;
	}
#prdctArea .prdctsTbl td	{
	width:25%;
	font-size:120%;
	font-weight:bold;
	padding:0 0 0 3em;
	}
#prdctArea .prdctsTbl .blank	{
	height:40px;
	}
#prdctArea .inside	{
	height:560px;
	overflow:auto;
	margin:10px 0 0 0;
	}
	
/*-----------------------------------------------------
	sub
-----------------------------------------------------*/
#subContents	{
	padding:3px 0;
	color:#000000;
	font-size:120%;
	}
.leftClm	{
	width:190px;
	float:left;
	}
.rightClm	{
	width:660px;
	float:right;
	}
#contact .note	{
	line-height:150%;
	margin:0.5em 0;
	}
#contact table	{
	width:100%;
	margin:0.5em 0;
	}
#contact th	{
	font-weight:bold;
	text-align:left;
	padding:1px;
	}
#contact td	{
	padding:2px 0 1px 0;
	}
.txr	{
	color:#ff0000;
	}
.w25	{
	width:25%;
	}
.w50	{
	width:50%;
	}
.message	{
	margin:2em 0;
	}
/*-----------------------------------------------------
	company
-----------------------------------------------------*/
#company h2	{
	font-weight:bold;
	font-size:160%;
	font-family:Arial, Helvetica, sans-serif;
	margin:0.5em 0 0 0;
	}
#company .note	{
	margin:2em 0 0 0;
	}
#company .txMin	{	
	font-size:80%;
	}