@charset "shift_jis";
/* CSS Document */

/* -------------------------------------------------

	1. base setting
	2. header
	3. contents
	4. footer

------------------------------------------------- */

/*
  1. base setting ------------------------------*/

* {
	font-weight: normal;
	margin: 0px;
	padding: 0px;
	list-style-type: none;
	zoom: 1;
	}

h1,h2,h3,h4,h5,h6,p,th,td,dt,dd,li,span,em,img{
	font-family: "�l�r �o�S�V�b�N", "MS PGothic", "Osaka�|����", sans-serif;
	border-style: none;
	font-style: normal;
	letter-spacing: 0.08em;
	border-style: none;
	color: #fffefe;
	}

body{
	font-size: 75%;
	line-height: 150%;
	text-align: center;
	position: relative;
	background: #000000;
	 }

html>/**/body {  
    font-size: 12px;  
}

/* for IE png setting */
.iepngfix {
  behavior: expression(IEPNGFIX.fix(this));
}

#wrapper{
	width: 900px;
	margin: 0px auto;
	text-align: left;
	}

/*
  2. header ------------------------------*/

#header{
	height: 93px;
	position: relative;
	}

#header h1{
	position: absolute;
	height: 25px;
	width: 198px;
	display: block;
	left: 89px;
	top: 55px;
	font-size: 16px;
	line-height: 16px;
	}

#header h1 a{
	text-indent: -9999px;
	display: block;
	height: 25px;
	width: 198px;
	overflow: hidden;
	}

#header p.kowa_logo{
	text-indent: -9999px;
	height: 28px;
	width: 61px;
	display: block;
	position: absolute;
	left: 18px;
	top: 55px;
	}

#header #navigation li{
	position: absolute;
	display: block;
	font-size: 10px;
	line-height: 10px;
	}

#header #navigation li a{
	text-indent: -9999px;
	display: block;
	font-size: 10px;
	line-height: 10px;
	overflow: hidden;
	}

#header #navigation li.none{
	text-indent: -9999px;
	}

#header #navigation li.menu01{left: 453px; top: 59px; height: 21px; width: 63px;}
#header #navigation li.menu01 a{height: 21px; width: 63px;}
#header #navigation li.menu01 a:hover{background: url(../images/second/header_bg.jpg) no-repeat -453px -152px;}
#top #header #navigation li.menu01 a{background: url(../images/top/header_bg.jpg) no-repeat -453px -152px;}

#header #navigation li.menu02{left: 558px; top: 59px; height: 21px; width: 80px;}
#header #navigation li.menu02 a{height: 21px; width: 80px;}
#header #navigation li.menu02 a:hover{background: url(../images/second/header_bg.jpg) no-repeat -558px -152px;}
#top #header #navigation li.menu02 a:hover{background: url(../images/top/header_bg.jpg) no-repeat -558px -152px;}
#product #header #navigation li.menu02 a{background: url(../images/second/header_bg.jpg) no-repeat -558px -152px;}

#header #navigation li.menu03{left: 673px; top: 59px; height: 21px; width: 73px;}
#header #navigation li.menu03 a{height: 21px; width: 73px;}
#header #navigation li.menu03 a:hover{background: url(../images/second/header_bg.jpg) no-repeat -673px -152px;}
#top #header #navigation li.menu03 a:hover{background: url(../images/top/header_bg.jpg) no-repeat -673px -152px;}
#project #header #navigation li.menu03 a{background: url(../images/second/header_bg.jpg) no-repeat -673px -152px;}


#header #navigation li.contact01{left: 794px; top: 78px; height: 16px; width: 37px;}
#header #navigation li.contact01 a{height: 12px; width: 37px;}
#header #navigation li.contact02{left: 831px; top: 78px; height: 16px; width: 39px;}
#header #navigation li.contact02 a{height: 12px; width: 39px;}

#header #navigation li.company01{left: 739px; top: 6px; height: 14px; width: 73px;}
#header #navigation li.company01 a{height: 14px; width: 73px;}
#header #navigation li.company02{left: 812px; top: 6px; height: 14px; width: 78px;}
#header #navigation li.company02 a{height: 14px; width: 78px;}


/*
  3. contents ------------------------------*/

#contents{
	height: 469px;
	position: relative;
	}

#contents h2,
#contents p.read{
	display: none;
	}

/*
  4. footer ------------------------------*/

#footer{
	background: url(../images/footer.gif) no-repeat right top;
	height: 38px;
	}

#footer p{
	text-indent: -9999px;
	}