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

* {
	margin: 0;
	padding: 0;
	font-size: 100%;
}

body {
	font-size: 90%;
	font-family: "ヒラギノゴシック Pro W3", "ＭＳ ゴシック";
	line-height: 1.8;
	/*\*/
	letter-spacing: 0.05em;
	/**/
	text-align: center;
}

img {
	border: none;
	vertical-align: top;
}

#wrap {
	width: 760px;
	text-align: left;
	margin: 0 auto 0 auto;
}

#header {
	float: left;
	z-index: 100;
}

#logo {
	background-color: #8AC922;
	top: 0px;
	left: 0px;
	width: 756px;
	height: 102px;
	margin: 0;
}



/* menu */

#menu {
	top: 102px;
	left: 0px;
	height: 38px;
}

#menu li {
	list-style: none;
	float: left;
	width: 126px;
}

#menu li a {
	display: block;
	width: 126px;
}

#menu ul ul {
	background-color: #FFFFFF;
}

#menu ul li.parent ul {
	display: block;
}

#menu ul li.parentOn ul {
	display: block;
}

#menu ul ul li {
	float: none;
}

#menu ul ul li a {
	display: block;
	background-color: #8AC922;
	font-size: 90%;
	font-weight: normal;
	padding: 6px 0 12px 0;
}

#menu ul ul li a:hover {
	background-color: #FFFFFF;
}

/* top */

#top {
	top: 140px;
	width: 760px;
	background-color: #FFFFFF;
}

#topmain {
	width: 760px;
	background-color: #FFFFFF;
}

#top-flash {
	width: 760px;
}

#news {
	top: 400px;
	left: 0px;
	height: 46px;
	width: 760px;
}

#news-left {
	float: left;
	width: 663px;
}

#news-right {
	float: right;
	width: 97px;
}


#contents {
	float: left;
	top: 139px;
	width: 760px;
	background-color: #FFFFFF;
	overflow: visible;
	visibility: visible;
}

/* ir */

.ir-midashi {
	margin: 10px 0;
	padding-left: 10px;
	font-size: 110%;
	font-family: "ヒラギノゴシック Pro W3", "ＭＳ ゴシック";
	/*\*/
	letter-spacing: 0.05em;
	/**/
	font-weight: bolder;
	color: #333333;
	border-bottom: #000000 1px solid;
	border-left: #336633 5px solid;
}

.ir-co-midashi {
	padding: 10px 20px;
	font-size: 100%;
	font-family: "ヒラギノゴシック Pro W3", "ＭＳ ゴシック";
	/*\*/
	letter-spacing: 0.05em;
	/**/
	color: #804000;
}

.ir-co-co-midashi {
	padding: 10px 20px;
	font-size: 100%;
	font-family: "ヒラギノゴシック Pro W3", "ＭＳ ゴシック";
	/*\*/
	letter-spacing: 0.05em;
	/**/
	color: #333333;
}

.ir-text {
	padding: 0px 20px 0px 40px;
	font-size: 90%;
	font-family: "ヒラギノゴシック Pro W3", "ＭＳ ゴシック";
	line-height: 1.8;
	/*\*/
	letter-spacing: 0.05em;
	list-style-type: none;	/**/
}

.ir-text02 {
	font-size: 85%;
}

.ir-text03 {
	font-size: 80%;
}

#ir {
	float: left;
	top: 142px;
	width: 757px;
	background-color: #EBEBD1;
	overflow: visible;
	visibility: visible;
}

#ir-main {
	float: left;
	width: 595px;
	background-color: #FFFFFF;
	overflow: visible;
	visibility: visible;
}

#ir-top {
	width: 760px;
	overflow: visible;
	visibility: visible;
}

#ir-top01 {
	width: 595px;
	margin: 0 0 30px 0;
	overflow: visible;
	visibility: visible;
}

#ir-top01 h2 {
	padding: 10px 0 10px 0;
	overflow: visible;
	visibility: visible;
}

#ir-top01 h3 {
	padding: 10px 0 0 0;
	overflow: visible;
	visibility: visible;
}

#ir-top01 ul li {
	padding: 0 30px;
	list-style: none;
	overflow: visible;
	visibility: visible;
}

#ir-top01 p {
	padding: 10px;
	overflow: visible;
	visibility: visible;
}

#ir-top02 {
	width: 160px;
	overflow: visible;
	visibility: visible;
}

#ir01 {
	width: 478px;
	padding-top: 10px;
	padding-bottom: 10px;
	margin-left: 58px;
	margin-right: 59px;
	overflow: visible;
	visibility: visible;
}

#ir01 p {
	padding: 10px 20px;
	overflow: visible;
	visibility: visible;
}

#ir01a {
	width: 530px;
	padding-top: 10px;
	padding-bottom: 400px;
	margin-left: 58px;
	margin-right: 10px;
	overflow: visible;
	visibility: visible;
}

#ir01b {
	width: 483px;
	padding-top: 10px;
	padding-bottom: 300px;
	margin-left: 58px;
	margin-right: 10px;
	overflow: visible;
	visibility: visible;
}

#ir01c {
	width: 530px;
	padding-top: 10px;
	padding-bottom: 10px;
	margin-left: 58px;
	margin-right: 10px;
	overflow: visible;
	visibility: visible;
}

#ir01a p {
	padding: 10px 20px;
	overflow: visible;
	visibility: visible;
}

#ir01b p {
	padding: 10px 20px;
	overflow: visible;
	visibility: visible;
}

#ir01b ul li {
	list-style: none;
	overflow: visible;
	visibility: visible;
}

#ir01c p {
	padding: 10px 20px;
	overflow: visible;
	visibility: visible;
}

#ir01c table {
	padding: 20px 0px;
	overflow: visible;
	visibility: visible;
}

#ir02 {
	width: 483px;
	padding-top: 10px;
	padding-bottom: 10px;
	margin-left: 58px;
	margin-right: 59px;
	overflow: visible;
	visibility: visible;
}

#ir02a {
	width: 530px;
	padding-top: 10px;
	padding-bottom: 200px;
	margin-left: 58px;
	margin-right: 12px;
	overflow: visible;
	visibility: visible;
}

#ir02b {
	width: 540px;
	padding-top: 10px;
	padding-bottom: 10px;
	margin-left: 48px;
	margin-right: 12px;
	overflow: visible;
	visibility: visible;
}

#ir02c {
	width: 530px;
	padding-top: 10px;
	padding-bottom: 200px;
	margin-left: 48px;
	margin-right: 12px;
	overflow: visible;
	visibility: visible;
}

#ir02 ul li {
	padding: 0 30px;
	list-style: none;
	overflow: visible;
	visibility: visible;
}

#ir02a ul li {
	padding: 0;
	list-style: none;
	overflow: visible;
	visibility: visible;
}

#ir02 p {
	padding: 10px 20px;
	overflow: visible;
	visibility: visible;
}

#ir02 h3 {
	font-weight: bold;
	color: #333333;
	overflow: visible;
	visibility: visible;
}

#ir02 h4 {
	font-weight: bold;
	color: #333333;
	overflow: visible;
	visibility: visible;
}

#ir02 h6 {
	padding: 10px 20px;
	color: #333333;
	overflow: visible;
	visibility: visible;
}

#ir03 {
	width: 483px;
	padding-top: 10px;
	padding-bottom: 10px;
	margin-left: 58px;
	margin-right: 59px;
	overflow: visible;
	visibility: visible;
}

#ir03a {
	width: 522px;
	padding-top: 10px;
	padding-bottom: 10px;
	margin-left: 58px;
	margin-right: 10px;
	overflow: visible;
	visibility: visible;
}

#ir03 p {
	padding: 10px 20px;
	overflow: visible;
	visibility: visible;
}

#ir03 table td {
	padding: 5px 10px 5px 10px;
	overflow: visible;
	visibility: visible;
}

#ir03 p img {
	padding: 5px;
	overflow: visible;
	visibility: visible;
}

#ir04 {
	width: 483px;
	padding-top: 10px;
	padding-bottom: 10px;
	margin-left: 58px;
	margin-right: 59px;
}

#ir04a {
	width: 522px;
	padding-top: 10px;
	padding-bottom: 10px;
	margin-left: 58px;
	margin-right: 20px;
}

#ir04 p {
	padding: 20px 20px;
}

#ir04 ul li {
	padding: 0 30px;
	list-style: none;
}

#ir05 {
	width: 483px;
	padding-top: 10px;
	padding-bottom: 10px;
	margin-left: 58px;
	margin-right: 59px;
}

#ir05 p {
	padding: 10px 20px;
}

#ir05 ul li {
	padding: 0 30px;
	list-style: none;
}

#ir05-l {
	float: left;
	width: 150px;
	padding: 5px 0 0 0;
}

#ir05-r {
	float: right;
	width: 253px;
	padding: 30px;
}

#ir06 {
	clear: both;
	width: 483px;
	padding-top: 10px;
	padding-bottom: 10px;
	margin-left: 58px;
	margin-right: 59px;
}

#ir06 p {
	padding: 10px 20px;
}

#ir-menua li {
	list-style: none;
}

#ir-menua {
	float: right;
	width: 155px;
}

#ir-menub {
	width: 500px;
	padding-bottom: 80px;
}

#ir-menub li {
	list-style: none;
	padding: 0 0 0 10px;
}

#ir-menub01 {
	float: left;
	margin: 0 0 0 50px;
	width: 200px;
}

#ir-menub02 {
	float: left;
	width: 200px;
}

#ir-menub03 {
	float: left;
	width: 180px;
}

#mainspace {
	clear: both;
	height: 30px;
	background-color: #FFFFFF; 
}



/* others */

#othermain {
	width: 720px;
	padding: 20px;
	background-color: #FFFFFF;
}

#campany-link {
	width: 720px;
	height: 50px;
}

#company-link img {
	padding: 10px 10px;
}

.company-main {
	padding: 10px 10px;
}

#message {
	padding: 20px 160px;
}

#message h3 {
	font-size: 150%;
	margin-top: 30px;
	margin-bottom: 20px;
}

#message p {
	padding: 10px;
}

.message p {
	text-align: right;
}

#message-e {
}

#message-e1 {
	float: left;
	vertical-align: text-bottom;
}

#message-e2 {
	float: right;
}

.company-info {
	padding: 10px 20px;
}

.table-left02 {
	text-align: center;
	border-bottom: solid 1px #000000;
	font-size: 90%;
}

.table-right {
	padding: 3px 0 3px 15px;
	border-bottom: solid 1px #999999;
	font-size: 90%;
}

.table-right02 {
	padding: 3px 0 3px 15px;
	border-bottom: solid 1px #999999;
	border-left: solid 1px #999999;
	font-size: 90%;
}

.table-right03 {
	text-align: center;
	padding: 3px 0 3px 0;
	border-bottom: solid 1px #999999;
	font-size: 90%;
}

.table-rightb {
	padding: 3px 0 3px 15px;
	border-bottom: solid 1px #000000;
	font-size: 90%;
}

.table-right02b {
	padding: 3px 0 3px 15px;
	border-left: solid 1px #999999;
	border-bottom: solid 1px #000000;
	font-size: 90%;
}

.table-right02c {
	padding: 3px 0 3px 15px;
	border-bottom: solid 1px #000000;
	font-size: 90%;
}

.table-right03b {
	text-align: center;
	padding: 3px 0 3px 0;
	border-bottom: solid 1px #000000;
	font-size: 90%;
}

.group {
	padding: 10px 10px;
}

.group02 {
	padding: 10px 0;
}

.group02 p {
	padding: 10px;
}

.group02 p img {
	float: right;
}

.group02 img {
	padding: 10px 0;
}

.group03 {
	padding: 10px 0;
}

.group03 p {
	padding: 10px;
}

.group03 p img {
	float: left;
	margin: 0 10px;
}

.solid {
	width: 680px;
	height: 1px;
	border-bottom: solid 1px #000000;
}

.solid01a {
	width: 680px;
	height: 1px;
	background-color: #999999;
	border-bottom: solid 1px #999999;
}

.solid02 {
	width: 660px;
	height: 1px;
	border-bottom: solid 1px #999999;
}

#housing {
	width: 700px;
}

.housing-bl {
	padding: 0 0 10px 0;
}

.housing-l {
	float: left;
	width: 200px;
}

.housing-r {
	float: right;
	width: 500px;
}

.housing-r p {
	padding: 10px;
}

.housing-b {
	clear: both;
	width: 700px;
}

/* hhc */

.hhc {
	width: 700px;
	font-size: 85%;
}

.hhc01 {
	float: left;
	width: 340px;
}

.hhc02 {
	float: right;
	width: 340px;
}

.hhc-l {
	float: left;
	width: 75px;
}

.hhc-r {
	float: right;
	width: 265px;
}

.hhc-z {
	width: 340px;
}

.hhc-b {
	clear: both;
}

.hhc-image {
	padding: 10px 0;
}

.nitto {
	clear: both;
	width: 700px;
	padding-bottom: 10px;
}

.nitto-l {
	float: left;
	width: 480px;
	padding: 0 10px;
}

.nitto-r {
	float: right;
	width: 200px;
}

.nitto-l02 {
	float: left;
	width: 250px;
}

.nitto-r02 {
	float: right;
	width: 420px;
	padding: 0 10px;
}

.hamamatsu {
	clear: both;
	width: 700px;
	padding-bottom: 10px;
}

.hamamatsu-l {
	float: left;
	width: 300px;
	padding: 0 40px;
}

.hamamatsu-r {
	float: right;
	width: 300px;
	padding: 0 10px;
}

/* ecology */

.eco-b {
	clear: both;
}

.eco-l {
	float: left;
	width: 535px;
}

.eco-r {
	float: right;
	width: 165px;
}

/* hivic housing */

.group04 {
	padding: 10px 0;
}

.group04 p {
	padding: 10px 30px;
}

.group04-img {
	padding: 5px 10px;
}

.sekourei {
	padding: 10px 5px 0 5px;
}


/* news */

.group05 {
	padding: 10px 0 250px 0;
}

.group05 p {
	padding: 10px 50px;
}

.group05-img {
	padding: 5px 10px;
}


/* footer */

#footer {
	clear: both;
	background-color: #E0E0E0;
}

#footer02 {
	width: 760px;
	background-color: #E0E0E0;
}

#footer-left {
	float: left;
	width: 340px;
	height: 62px;
	padding: 20px 10px 10px 10px;
	background-color: #E0E0E0;
}

#footer-left h2 {
	font-size: 130%;
	line-height: 1;	
}

#footer-left p {
	font-size: 90%;
	line-height: 1.2;
	padding: 8px 0;
}

#footer-right {
	float: right;
	left: 360px;
	width: 400px;
	background-color: #E0E0E0;
}

#footer-right ul {
	list-style-type: none;
}

#footer-right li {
	float: left;
	margin: 0;
}

#footer-right li a {
	display: block;
	padding: 15px 0;
}

#footer03 {
	clear: both;
	width: 760px;
}

#footer03a {
	float: left;
	width: 220px;
	font-size: 80%;
}

#footer03b {
	float: left;
	width: 180px;
	font-size: 80%;
}

#footer03c {
	float: right;
	width: 540px;
}

#footer03 h4 {
	font-size: 80%;
	font-weight: bold;
	line-height: 1.2;
	padding: 10px 0px 0px 0px;
}

#footer03 p {
	font-size: 70%;
	font-weight: normal;
	line-height: 1.2;
	padding: 10px 5px 5px 5px;
}

#footer03b p {
	color: #0D3594;
	font-size: 80%;
	font-weight: normal;
	line-height: 1.2;
	padding: 10px 5px 5px 5px;
}

#copyright {
	clear: both;
	width: 760px;
	font-size: 90%;
	text-align: center;
	background-color: #FFFFFF;
	padding-top: 5px;
}