@charset "utf-8";
/* CSS Document */


* { margin: 0; padding: 0; }

html {
	display: table;
	width: 100%;
	height: 100%;
}


/* ----------------------------------------------------
	body スクロール
---------------------------------------------------- */
body{
	scrollbar-base-color:#ffffff;
	scrollbar-face-color:#ffffff;
	scrollbar-arrow-color:#cccccc;
	scrollbar-shadow-color:#cccccc;
	scrollbar-darkshadow-color:#ffffff;
	scrollbar-highlight-color:#cccccc;
	scrollbar-3dlight-color:#ffffff;
	scrollbar-track-color:#ffffff;
	}
	
body{
	display: table-cell;
	vertical-align: middle;
	}	
	
	
/* IE7でpadding指定 */
*:first-child+html body {
padding-left: 1px;
}

/* IE6以下でpadding指定 */
*html body {
padding-left: 1px;
}

/* ----------------------------------------------------
	#article
---------------------------------------------------- */

#article{
	text-align:center;
	}

/* ----------------------------------------------------
	section01
---------------------------------------------------- */


#section01{

	}


/* ----------------------------------------------------
	#Logo
---------------------------------------------------- */

#Logo{
	text-align: left;
	margin: 0 auto;
	width: 235px;
	height: 293px;
	}
	
#LogoImg{
	display: none;
	}	

/* for IE6 */
* html body {
	text-align: center;
	height: 100%;
}

* html #Logo {
	display: inline;
	vertical-align: middle;
	zoom: 1;
}

* html #dummy {
	width: 0;
	height: 100%;
	vertical-align: middle;
	display: inline-block;
}


/* for IE7 */
*:first-child+html body {
	text-align: center;
	height: 100%;
}

*:first-child+html #Logo {
	display: inline;
	vertical-align: middle;
	zoom: 1;
}

*:first-child+html #dummy {
	width: 0;
	height: 100%;
	vertical-align: middle;
	display: inline-block;
}
/* over here */

/* ----------------------------------------------------
	#nav
---------------------------------------------------- */

#footerAria{
	padding-top: 10em;
	}

#topic{
	width: 100%;
	text-align:center;
	padding: 10px;
	margin: 0 auto;
	}


#nav{

	width: 100%;
	height: 130px;
	background:url(../images/menu_bg.jpg) left top repeat-x;
	}
	
#nav ul{
	width: 485px;
	padding: 20px 0 0 0px;
	margin: auto;
	}	
	
#nav ul li{
	display: block;
	float: left;
	}	
	
#nav ul li a span{
	display: none;
	}	
	
#nav ul li#top{
	width: 78px;
	height: 52px;
	background: url(../images/navi_01_over.gif);
}

#nav ul li#product{
	width: 104px;
	height: 52px;
	background: url(../images/navi_02_over.gif) left top no-repeat;
	}
	
#nav ul li#about{
	width: 103px;
	height: 52px;
	background: url(../images/navi_03_over.gif) left top no-repeat;
	}	
	
#nav ul li#mail{
	width: 103px;
	height: 52px;
	background: url(../images/navi_04_over.gif) left top no-repeat;
	}	

#nav ul li#link{
	width: 97px;
	height: 52px;
	background: url(../images/navi_05_over.gif) left top no-repeat;
	}

/* ----------------------------------------------------
	#content
---------------------------------------------------- */

#content{
	width: 900px;
	margin: 0px auto;
	padding: 10px;
	text-align:left;
	}
	
#content h1{
	width: 130px;
	height: 32px;
	background:url(../images/logo_s.gif) left top no-repeat;
	}
	
#content h1 span{
	display: none;
	}	


/* ----------------------------------------------------
	#footer
---------------------------------------------------- */

#footer{
	width: 100%;
	color: #e90000;
	}
	
#fotter p{
	display: block;
	text-align: center;
	padding: 10px;
	color: #e90000;
	font-family: 'Droid Serif', arial, serif;
	font-size: 12px;	
	}

/*----mail------------------*/

#mail_base th,
#mail_base td{
	padding: 10px;
	}
	
#mail_base th{
	background: #efefef;
	}	
	
#mail_base td{
	text-align:left;
	}	
	
#mail_base input{
	padding: 5px;
	}
	
#mail_base a:link {color: #e90000; text-decoration:none;}
#mail_base a:visited {color: #e90000; text-decoration:none;}
#mail_base a:active {color: #333333; text-decoration:none;}
#mail_base a:hover {color: #333333; text-decoration:underline;}