html{
	background-color:#F4F1E8;
}

#wrap{
	background-color:#FFFFFF;
	width:863px;
	color:#333;
	font-size:0.825em;
	font-family:verdana,"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro",Osaka,"ＭＳ Ｐゴシック","MS PGothic",Sans-Serif;
	margin:0 auto;
	padding:0 0 30px;
}

a, a:hover, a:visited{
	color:#333;
	text-decoration:none;
}

h1{
	background:url(img/head.jpg) no-repeat;
	height:140px;
	width:862px;
	text-indent:-9999px;	
}

#home h1{
	background:url(img/home_head.jpg) no-repeat;
	height:288px;
	width:862px;
	text-indent:-9999px;
	position:relative;
}

#feature{
	position:absolute;
	top:100px;
}

#feature ul{
	width:268px;
}

#hibrid{
	background:url(img/feature.gif) no-repeat;
	height:45px;
	width:200px;
	text-indent:-9999px;
	cursor:pointer;
}


#walker{
	background:url(img/feature.gif) 0 -46px no-repeat;
	height:45px;
	width:200px;
	text-indent:-9999px;
	cursor:pointer;
}

#panps{
	background:url(img/feature.gif) 0 -92px no-repeat;
	height:45px;
	width:200px;
	text-indent:-9999px;
	cursor:pointer;
}


h2{
	color:#FCFCFC;
	background:url(img/head2.gif) 0 0 no-repeat;
	border-left:#FF6633 solid 8px;
	padding:3px 12px 5px;
	font-size:20px;
	font-weight:bold;
	margin:10px 0 20px;
	text-shadow:#333333 0 1px 1px;	
}

strong{
	font-size:22px;
}

h2 span{
	font-size:10px;
	padding-left:20px;
}

#subnavi{
	width:200px;
	float:left;
	margin:10px 10px 10px 0;
	position:relative;
}

#subnavi ul li{
	margin:12px 0;
	width:185px;
}

#shop a, #ath a, #iryo a,#syakai a,#okuda a{
	background:url(img/subnavi.jpg) no-repeat;
	width:185px;
	height:70px;	
	text-indent:-9999px;
	display:block;
}

#ath a, #shop a{
	height:90px;	
}

#ath,#ath a{
	background-position:0 -91px;
}

#iryo,#iryo a{
	background-position:0 -182px;
}

#syakai,#syakai a{
	background-position:0 -253px;
}

#okuda,#okuda a{
	background-position:0 -324px;
}

#main{
	width:650px;
	float:left;
	padding:10px 0 50px;
	position:relative;
}

#main p{
	line-height:1.5em;
	margin:10px 0;
}

#main ul{
	line-height:2.0em;
	margin:10px 0;
}

#intro{
	position:relative;
	border-bottom:solid 1px #333333;
	padding:0 0 10px;
}

#intro h2{

}

#home #main p, #footgear #main p, #kaihatsu #main p, #kagaku #main p{
	width:500px;
	padding:5px;
}

#sejutusho #main p, #company #main p{
	width:640px;
}

#intro img{
	position:absolute;
	right:10px;
	top:60px;
}


img{
	border: none;
	outline:none;
	border:#FFFFFF solid 3px;
}

#gnavi{
	width:876px;
	height:61px;
	box-shadow:2px 2px 2px #eee;
}


#gnavi ul li{
	float:left;
}

#gnavi ul li a{
	text-indent:-9999px;
	display:block;
	height:51px;
	width:133px;
}

#gnavi ul li.home a{
width:200px;
}

#gnavi ul{
	width:876px;
	height:51px;
}

#home #gnavi ul{
	background:url(img/gnavi.gif) 0 -104px no-repeat;
}

.home a:hover{
	background:url(img/gnavi.gif) 0 -52px no-repeat;
}

#home .home a:hover{
	background:url(img/gnavi.gif) 0 -156px no-repeat;
}

.kaihatsu a:hover{
	background:url(img/gnavi.gif) -200px -156px no-repeat;
}

.kagaku a:hover{
	background:url(img/gnavi.gif) -333px -156px no-repeat;
}

.footgear a:hover{
	background:url(img/gnavi.gif) -466px -156px no-repeat;
}

.sejutsusho a:hover{
	background:url(img/gnavi.gif) -599px -156px no-repeat;
}

.company a:hover{
	background:url(img/gnavi.gif) -732px -156px no-repeat;
}

#kaihatsu #gnavi ul{
	background:url(img/gnavi.gif) 0 -208px no-repeat;
}

#kaihatsu .kaihatsu a:hover{
	background:url(img/gnavi.gif) -200px -260px no-repeat;
}

#kagaku #gnavi ul{
	background:url(img/gnavi.gif) 0 -312px no-repeat;
}

#kagaku .kagaku a:hover{
	background:url(img/gnavi.gif) -333px -364px no-repeat;
}

#footgear #gnavi ul{
	background:url(img/gnavi.gif) 0 -416px no-repeat;
	width:872px;
	height:51px;
}

#footgear .footgear a:hover{
	background:url(img/gnavi.gif) -466px -468px no-repeat;
}

#sejutsusho #gnavi ul{
	background:url(img/gnavi.gif) 0 -520px no-repeat;
	width:872px;
	height:51px;
}

#sejutsusho .sejutsusho a:hover{
	background:url(img/gnavi.gif) -599px -572px no-repeat;
}

#company #gnavi ul{
	background:url(img/gnavi.gif) 0px -624px no-repeat;
	width:876px;
	height:51px;
}

#company .company a:hover{
	background:url(img/gnavi.gif) -732px -676px no-repeat;
}

#topath #gnavi ul{
	background:url(img/gnavi.gif) 0 0 no-repeat;
}


.info ul li{
	background:url(img/list.gif) left 7px no-repeat;
	padding-left:20px;
}


#main dt{
	border-left:#FF0000 solid 5px;
	padding-left:5px;
	font-size:16px;
	margin:10px 0;
	clear:both;
	font-weight:bold;
}

#main dd{
	clear:both;
}

#main dd h3{
	font-weight:bold;
}

#main dd img{
	float:right;
	margin:10px;
}

#main dd img.left{
	float:left;
	margin:10px;
}

#main dd ul li{
	line-height:1.5em;
	list-style:square;
}

#main dd dl{
	position:relative;
	border-bottom:solid #000000 1px;
	height:auto;
}


#main dd dl dt{
	border:none;
	left:0;
	font-size:1em;
}

#main dd dl dd{
	position:absolute;
	left:150px;
	top:0;
}

.link{
	background:url(img/list.gif) left 4px no-repeat;
	padding-left:20px;
}

p.tv{
	display:block;
	height:42px;
	width:74px;
	padding:0;
}

p.tv a{
	background:url(img/tv.gif)  no-repeat;
	text-indent:-9999px;
	display:block;
	height:42px;
	width:74px;
}

#footer{
	clear:both;
	background-color:#CCCCCC;
	padding:20px;
border-top-left-radius: 10px;
border-top-right-radius: 10px;
-webkit-border-top-left-radius: 10px;
-webkit-border-top-right-radius: 10px;
-moz-border-radius-topleft: 10px;
-moz-border-radius-topright: 10px;	
}

#about{
}

#footer dt{
	font-weight:bold;
}

.to_top a{
	position:absolute;
	bottom:5px;
	right:0;
	border:none;
	background:url(img/to_top.gif) no-repeat;
	height: 24px;
	width:111px;
	display:block;
	text-indent:-9999px;
}


#topath dt{
	font-weight:bold;
}

#footer_navi{
	position:fixed;
	bottom:0;
	background:#333333;
	width:100%;
	padding:10px;
    opacity: .75; /* Standard: FF gt 1.5, Opera, Safari */
    filter: alpha(opacity=75); /* IE lt 8 */
    -ms-filter: "alpha(opacity=75)"; /* IE 8 */
    -khtml-opacity: .75; /* Safari 1.x */
    -moz-opacity: .75; /* FF lt 1.5, Netscape */	
}

#footer_navi ul{
	margin:0 25%;
	text-align:center;
	position:relative;
}

#footer_navi ul li a{
	font-size:0.8em;
	float:left;
	margin-right:20px;
	color:#FFFFFF;
	text-decoration:none;
}

#footer_navi ul li a:hover{
	color:#FF6600;
}


#map{
	display:none;
	position:absolute;
	bottom:0;
	right:0;
	padding:20px 20px 40px;
	background-color:#333333;
	width:400px;
	height:400px;
    border-radius: 10px;        /* CSS3草案 */  
    -webkit-border-radius: 10px;    /* Safari,Google Chrome用 */  
    -moz-border-radius: 10px;   /* Firefox用 */  	
}

#close{
	cursor:pointer;
	padding:15px;
	color:#FF6600;
	font-size:12px;
}