/* CSS Document */

/*-------------------------------------
Easy-to-understand guide Nitto Denko
-------------------------------------*/
p span.hw_txtstyle1 {
	color:#009999;
}
html:first-child p span.hw_txtstyle1 {/*for opera safari*/
	font-size: inherit;
}


/*------------------
related information
-------------------*/

div.topiclist {
	/* Hides mac-IE5\*/
	margin: 10px 0;
	padding: 10px;
	width: 592px;
	/**/
	/*for mac IE\*//*/
	margin: 10px 0;
	padding:10px 5px;
	width: 592px;
	/**/
	background:#F0F7D8;
	border: solid 1px #CEE384;
	overflow: hidden;/*for modern browser*/
}
html>body div.topiclist {
	width: 570px;
}
.topictitle {
	margin:0 20px 0 10px;
	float:left;
}
div.topiclist ul{
	/* Hides mac-IE5\*/
	display:block;
	/**/
	/*for mac IE\*//*/
	display:inline-table;
	/**/
	line-height: 1.5em;
	height: auto;
}

div.topiclist ul li {
	padding-left:15px;
	background: url(/img/default_list_icon.gif) no-repeat 0 6px;
	width: 26%;
	float: left;
}
div.topiclist ul li.last a {
	border:none;
}
div.topiclist ul li a {
	padding:0 10px 0 0;
	margin:0 10px 0 0;
	border-right:1px dotted #DBDCE4;
	/* Hides mac-IE5\*/
	display:block;
	/**/
	/*for mac IE\*//*/
	display:inline-table;
	/**/
}
html>body div.topiclist ul li a {
	margin:0 10px 0 0;
}
/*------------------
The list which wants you to know it more
-------------------*/
table.hw_moreinfowrapper {
	margin: 0 0 10px 0;
	/*for mac IE\*//*/
	width: 572px;
	/**/
	width: 100%;
	background:url(/about/img/hw_moreinfo_back.jpg) top left repeat-y;
}
table.hw_moreinfowrapper td img {
	margin: 5px;
}

th.hw_moreinfotitle {
	width: 149px;
	vertical-align: top;
	background: url(/img/moreinfotitleback.gif);
}
th.morelist_uline,
th.morelist_none {
	/*for mac IE\*//*/
	padding: 0 5px;
	line-height: 2em;
	/**/
	text-align: left;
	font-weight: normal;
	/* Hides mac-IE5\*/
	padding:5px 5px 5px 10px;
	width: 230px;
	/**/
}
html>body th.morelist_uline,
html>body th.morelist_none {
	width: 255px;
}
td.morelist_uline,
td.morelist_none {
	padding:5px 5px 5px 10px;
	/*for mac IE\*//*/
	padding: 0 5px;
	line-height: 1.5em;
	/**/
	text-align: right;
}
th.morelist_uline,
td.morelist_uline {
	background:#F9FCF1 url(/about/img/hw_moreinfoline.gif) bottom left repeat-x;
}
th.morelist_none,
td.morelist_none {
	background:#F9FCF1;
}