div#wrapper{background:none}
div#content{float:left;width:580px}
div#navigation{float:right;width:214px;margin-right:16px}
div#extra{float:right;clear:right;width:230px}

a {
	text-decoration: none;
}

/* target *********************************************************/
div#target_navi {
	margin-top: 17px;
	margin-left: 18px;
}
div#target_navi a {
	display:block;
	float: left;
	width:257px;
	height:175px;
	margin-right:4px;
	margin-bottom: 21px;
}
div#target_navi a:hover {
	background-position: 0 -175px;
}
div#target_navi a span {
	display:none;
}
div#target_navi a.enduser {
	background-image:url(../images/toppage/n_enduser.jpg);
}
div#target_navi a.partner {
	background-image:url(../images/toppage/n_partner.jpg);
}
div#target_navi a.employers {
	background-image:url(../images/toppage/n_employers.jpg);
}

/* リンク前の特別処理 */
div#target_navi div.employers {
	float: left;
	width:257px;
	height:175px;
	margin-right:4px;
	margin-bottom: 21px;
	background-image:url(../images/toppage/n_employers.jpg);
}
div#target_navi div.employers span {
	display: none;
}

/* content **********************************************************/
div#content h2 {
	margin:0;
	margin-left: 18px;
}
div#content h2 span {
	display: none;
}
div#content h2.servicepoint {
	width: 538px;
	height: 27px;
	background-image:url(../images/toppage/h_service.gif);
	margin-bottom: 0;
}
div#content p {
	margin-left: 18px;
	color: #999;
}

/* navigation *******************************************************/
div#navigation {
	background: #DCE1EF;
}
div#navigation ul {
	padding:0;
	margin:0;
	list-style: none;
	/*padding-top: 9px;
	padding-bottom: 9px;*/
}
div#navigation ul li a {
	display: block;
	margin-left: 8px;
}
div#navigation ul li a span {
	display: none;
}
div#navigation ul li a.message {
	width: 206px;
	height: 56px;
	margin-top: 8px;
	margin-left: 6px;
	background-image:url(../images/toppage/banner_message.gif);
}
div#navigation ul li a.message:hover {
	background-position: 0 -55px;
}
div#navigation ul li a.kaizen {
	width: 206px;
	height: 56px;
	margin-left: 6px;
	background-image:url(../images/toppage/banner_kaizen.gif);
}
/*
div#navigation ul li a.kaizen:hover {
	background-position: 0 -55px;
}
*/
div#navigation ul li a.seminar {
	width: 206px;
	height: 56px;
	margin-left: 6px;
	background-image:url(../images/toppage/banner_seminar.gif);
}
/*
div#navigation ul li a.seminar:hover {
	background-position: 0 -55px;
}
*/
div#navigation ul li a.blog {
	width:190px;
	height:90px;
	margin-top: 12px;
	background-image:url(../images/banner_blog.jpg);
}
div#navigation ul li a.blog:hover {
	background-position: 0 -90px;
}
div#navigation ul li a.cst {
	width:190px;
	height:90px;
	margin-top: 15px;
	background-image:url(../images/banner_cst.jpg);
}
div#navigation ul li a.cst:hover {
	background-position: 0 -90px;
}
div#navigation ul li a.contact {
	width:203px;
	height:227px;
	margin-top: 15px;
	margin-bottom: -6px;
	background-image:url(../images/toppage/banner_contact.jpg);
}
div#navigation ul li a.contact:hover {
	background-position: 0 -227px;
}
/* ServicePoint ***************************************************************/
ul#servicepoint {
	height:144px;
	list-style:none;
	margin:  -8px 0 24px 18px;
	padding: 0;
}
ul#servicepoint li {
	width:134px;
	float:left;
}
ul#servicepoint li a {
	display:block;
	width:134px;
	height:144px;
}
ul#servicepoint li a span {
	display:none;
}
ul#servicepoint li.s1 a {
	background-image:url(../images/toppage/servicepoint_1.gif);
}
ul#servicepoint li.s2 a {
	background-image:url(../images/toppage/servicepoint_2.gif);
}
ul#servicepoint li.s3 a {
	background-image:url(../images/toppage/servicepoint_3.gif);
}
ul#servicepoint li.s4 a {
	width:138px;
	background-image:url(../images/toppage/servicepoint_4.gif);
}
ul#servicepoint li a:hover {
	background-position: 0 -144px;
}

/* What's New ****************************************************************************/
div#whatsnew h2 {
	clear: both;
	width: 539px;
	height: 17px;
	background-image:url(../images/toppage/h_whatsnew.gif);
	margin-top: 26px;
	margin-bottom: 0;
}
div#whatsnew ul {
	margin: -12px 22px 2px 22px;
	padding: 0;
	list-style: none;
	line-height: 2em;
}
div#whatsnew ul li {
	padding-left: 2em;
	background-image:url(../images/toppage/dot.gif);
	background-repeat:no-repeat;
	background-position:14px 10px;
	border-bottom: 1px dotted #999;
}
div#whatsnew ul li a:hover {
	text-decoration: underline;
}
div#whatsnew div {
	padding-right: 22px;
	text-align:right;
	margin-bottom: 10px;
}
div#whatsnew div a.link_news {
	display: block;
	width:87px;
	height: 10px;
	margin: 4px 0 0 462px;
	background-image: url(../images/toppage/link_news.gif);
}
div#whatsnew div a.link_news:hover {
	background-position: 0 -10px;
}
div#whatsnew div a.link_news span {
	display: none;
}
div#whatsnew img.pressrelease {
	vertical-align:middle;
	margin-left: 0.25em;
}

/* 書籍紹介 ***********************************************************/
div#books {
	height: 264px;
	position: absolute;
	top: 892px;
}
div#content h2.book {
	margin-left: 0;
	width: 539px;
	height: 18px;
	background-image:url(../images/toppage/h_book.gif);
}
div#books{margin-left: 18px}
a.book {
	display: block;
	float: left;
	width: 170px;
	height: 230px;
	border: 1px solid #ccc;
	margin-right: 12px;
	margin-bottom: 12px;
	background-image:url(../images/toppage/book_off.gif);
	background-repeat: no-repeat;
	background-position: 100px 210px;
	cursor:hand;
}
a.book:hover {
	color: #1a273e;
	background-color: #f0f6ff;
	background-image:url(../images/toppage/book_on.gif);
}
a.book div.icon {
	height: 40px;
}
a.book div.title {
	margin: 6px 0 0px 6px;
	width: 158px;
	height:100px;
	background-repeat: no-repeat;
	background-position: 100% 0;
}
a.book div.title span {
	display: block;
	width: 90px;
	font-size: 11.5px;
	font-weight: bold;
	color: #281D4D;
}
a.book div.desc {
	color:#333;
	font-size: 11px;
	line-height: 1.4em;
	margin-left: 8px;
	margin-right: 6px;
}
a.book:hover div.desc {
	color:#5074b3;
}
/*
*/

div#books div a.link_book {
	clear:left;
	display: block;
	width:87px;
	height: 10px;
	margin: -4px 0 0 442px;
	background-image: url(../images/toppage/link_book.gif);
}
div#books div a.link_book:hover {
	background-position: 0 -10px;
}
div#books div a.link_book span {
	display: none;
}