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

div,
dl, dt, dd,
ul, ol, li,
h1, h2, h3, h4, h5, h6,
pre,
form, fieldset, input, textarea,
p, blockquote,
th, td {  
	margin: 0;
	padding: 0;
}

BODY{
	margin:0;
	padding:0;
	text-align:center;
	font-size:small;
	font-family: "MS Pゴシック", "平成角ゴシック";
	color:#555555;
	line-height:150%;
	background:#f5f5f5;
	}

img{
	border: none;
	margin:0;
	padding:0;
	}

#contents{
	width:840px;
	margin:46px auto 0;
	background:#FFFFFF;
	border-right:solid 1px #a1a1a1;
	border-left:solid 1px #a1a1a1;
	}
	
#header{
	margin-top:0;
	margin-left:-420px;
	width:840px;
	height:46px;
	background:#f5f5f5;
	position:absolute;
	left:50%;
	top:0px;
	border-bottom:solid 1px #a1a1a1;
	z-index:5;
}

div#header #logo{
	position:absolute;
	top:1px;
	left:5px;
	width: 60px;
	z-index:10;
	
}
div#header #homelink{
	position:absolute;
	top:30px;
	left:75px;
}

div#header #catch{
	position:absolute;
	top:50px;
	right:0px;
	width: 840px;
	z-index:100;
	text-align:right;
	font-size:13px;
	font-weight:bold;
	color:#669900;	
}

div#menu{
	position:absolute;
	right:0px;
	top:0px;
	width:607px;
	height:47px;
	}

div#menu a{
	position:absolute;
	top:0px;
	}
a#pro{
	left:0px;
	width:90px;
	height:47px;
	background:url(img/hdic_pro.png) no-repeat;
}
a:hover#pro{
	left:0px;
	width:90px;
	height:47px;
	background:url(img/hdic_prox.png) no-repeat;
}
a#hwt{
	left:90px;
	width:90px;
	height:47px;
	background:url(img/hdic_hwt.png) no-repeat;
}
a:hover#hwt{
	left:90px;
	width:90px;
	height:47px;
	background:url(img/hdic_hwtx.png) no-repeat;
}
a#qa{
	left:180px;
	width:90px;
	height:47px;
	background:url(img/hdic_qa.png) no-repeat;
}
a:hover#qa{
	left:180px;
	width:90px;
	height:47px;
	background:url(img/hdic_qax.png) no-repeat;
}
a#fax{
	left:271px;
	width:133px;
	height:47px;
	background:url(img/order_catalog.gif) no-repeat;
}
a#VNotebook{
	left:407px;
	width:200px;
	height:47px;
	top:3px;
	background:url(img/order_web.gif) no-repeat;
}

#main_contents{
	width:730px;
	border:none;
	margin:0 auto;
	text-align:left;
	background:#ffffff;
	}

#right{
	float:right;
	width:320px;
	}

#left{
	float:left;
	width:320px;
	height:100%;
	}
	

#footer{
	width:842px;
	height:20px;
	position:static;
	margin:0 auto;
	bottom:0px;
	font-size:11px;
	color:#FFFFFF;
	background:#669900;
	text-align:left;
	}

#footer a:link{
	text-decoration:none;
	}
	
h1{
	font-weight:bold;
	text-align:center;
	padding:30px 0 30px;
	margin:0;
	position:relative;
	}
	
h2{
	font-weight:bold;
	border:none;
	padding:0 0 20px 0;
	margin:0;
	}

h3{
	font-weight:bold;
	}

hr{
	border-color:#999999;
	}

.title{
	font-weight:bold;
	font-size:medium;
	color:#669900;
	line-height:150%;
	margin-top:50px;
	}

.subtitle{
	font-weight:bold;
	border:solid 1px #666666;
	border-left:solid 5px #9acd32;
	padding: 3px 2px 2px 5px;
	margin:10px 0;
	}
	
a:link{color:#669900; text-decoration:underline;}
a:hover{text-decoration:underline;}
a:visited{color:#669900; text-decoration:none;}

ul.one{ list-style-type:none; font-weight:bold; font-size:large;}
ul.two{ list-style-type:none; font-weight:normal; font-size:small;}
ul.three{ list-style-type:decimal; font-weight:normal; font-size:x-small; padding-left:30px}

div.totop{
	text-align:right;
	position:relative;
	top:-33px;
	right:10px;
	font-size:11px;
	text-decoration:none;
	}