@import "basic.css";

.eyeCatch p {
	margin: 0;
}

#siteTop {

}

#siteTop .wrapperContent {
	margin: 20px 19px 0 20px;
	background: url(../images/top/background_border_y.gif) 360px 0 repeat-y;
}

#siteTop .motto {
	width: 350px;
	float: left;
	margin: 0 20px 0 0;
}

#siteTop .motto .lead {

}

#siteTop .motto .tech,
#siteTop .motto .eco {
	width: 328px;
	border: 1px solid #ccc;
	background: #f7f7f7;
	padding: 10px;
	margin: 15px 0;
}

#siteTop .motto .tech p.fig,
#siteTop .motto .eco p.fig {
	float: left;
	width: 60px;
	margin: 0 10px 0 0;
}

#siteTop .motto .tech .description,
#siteTop .motto .eco .description {
	float: left;
	width: 257px;
}

#siteTop .motto .tech .description p,
#siteTop .motto .eco .description p {
	margin: 10px 0 0 0;
}

#siteTop .motto .tech ul,
#siteTop .motto .eco ul {
	clear: both;
	list-style: disc;
	margin: 0 0 0 20px;
}

#siteTop .motto .tech ul li,
#siteTop .motto .eco ul li {
	line-height: 150%;
}

#siteTop .directNavi {
	width: 350px;
	float: left;
	margin: 0;
}

#siteTop .directNavi .item {
	width: 350px;
	margin: 15px 0;
}

#siteTop .directNavi .item p.fig {
	float: left;
	width: 110px;
	margin: 0 10px 0 0;
}

#siteTop .directNavi .item .description {
	float: left;
	width: 229px;
}

#siteTop .directNavi .item .description h4 {
	margin: 0 0 -5px 0;
}

#siteTop .directNavi .item .description p {
	margin: 10px 0 0 0;
}

#siteTop .directNavi .item .description h4,
#siteTop .directNavi .item .description h4 a:link,
#siteTop .directNavi .item .description h4 a:visited {
	 color: #F48827;
	 text-decoration: none;
	 font-size: 100%;
	 font-weight: bold;
}

#siteTop .directNavi .item .description h4 a:active,
#siteTop .directNavi .item .description h4 a:hover {
	 color: #f93;
	 text-decoration: none;
	 font-size: 100%;
	 font-weight: bold;
}