@charset "utf-8";

/* ****************************************************
CSS for index

Since : 2008-03-12
Last Modified: 2008-03-12
***************************************************** */

/* common settings [ index.css ]
=================================
0: layout reset
1: index-flash
2: index-contents
2-1: information
2-1-1: important-info
2-1-2: latest-news
2-1-3: adobe-reader
2-2: important-category
2-2-1: product-info
2-2-2: business
3: sub-navigation

99: extra
	.clearfix
	
=================================*/

/*0: layout reset
=================================*/

body#index #header h1#logo {
	margin:0;
	padding:0;
}

body#index #header {
	padding:17px 25px 0 25px;
}

body#index #main-container {
	width:800px;
	padding:0;
	background:#ffffff none;
}

body#index #contents {
	float:none;
	width:750px;
	padding:0 25px;
}

/*1: index-flash
=================================*/

body#index #index-flash {
	width:750px;
	height:240px;
	border-top:1px solid #ffffff;
	line-height:0;
	font-size:0;
}

/*2: index-contents
=================================*/

body#index #index-contents {
	margin-top:25px;
}

/*2-1: information
=================================*/

body#index #information {
	float:right;
	width:435px;
}

/*2-1-1: important-info
=================================*/

body#index #information #important-info {
	width:435px;
}

/* h2 */
body#index #information #important-info h2 {
	height:30px;
	margin:0;
	padding:0;
	background:none;
}

/* information-list */
body#index #information #important-info p.information-list {
	position:relative;
	text-align:right;
}

body#index #information #important-info p.information-list a {
	position:absolute;
	display:block;
	top:-22px;
	right:5px;
	float:right;
	padding-left:14px;
	background:url(../images/common_ic017.gif) no-repeat 0 0.32em;
}

body#index #information #important-info dl {
	clear:both;
	margin-top:5px;
}

body#index #information #important-info dl dt {
	clear:both;
	float:left;
	width:8.1em;
	padding:8px 0 5px;
}

body#index #information #important-info dl dd {
	border-bottom:1px solid #dddddd;
	padding:5px 0 5px 7.0em;
}

body#index #information #important-info dl dd a {
	display:block;
	padding-left:10px;
	background:url(../images/common_ic010.gif) no-repeat 0 0.45em;
}

body#index #information #important-info dl dd a.index-link-pdf {
	padding: 0 0 2px 23px;
	background: url(../images/common_ic013.gif) no-repeat 0 0.15em;
}


/*2-1-2: latest-news
=================================*/

body#index #information #latest-news {
	margin-top:18px;
	width:435px;
}

/* h2 */
body#index #information #latest-news h2 {
	height:30px;
	margin:0;
	padding:0;
	background:none;
}

/* information-list */
body#index #information #latest-news p.information-list {
	position:relative;
	text-align:right;
}

body#index #information #latest-news p.information-list a {
	position:absolute;
	display:block;
	top:-22px;
	right:5px;
	float:right;
	padding-left:14px;
	background:url(../images/common_ic017.gif) no-repeat 0 0.32em;
}

body#index #information #latest-news dl {
	clear:both;
	margin-top:5px;
}

body#index #information #latest-news dl dt {
	clear:both;
	float:left;
	width:8.1em;
	padding:8px 0 5px;
}

body#index #information #latest-news dl dd {
	border-bottom:1px solid #dddddd;
	padding:5px 0 5px 7.0em;
}

/* release-icon */
body#index #information #latest-news dl dd span.release {
	display:block;
	padding:1px 0 2px 60px;
	background:url(../images/common_ic019.gif) no-repeat 0 0.3em;
}

/* diagnostics-icon */
body#index #information #latest-news dl dd span.diagnostics {
	display:block;
	padding:1px 0 2px 60px;
	background:url(../images/common_ic020.gif) no-repeat 0 0.3em;
}

/* information-icon */
body#index #information #latest-news dl dd span.info {
	display:block;
	padding:1px 0 2px 60px;
	background:url(../images/common_ic024.gif) no-repeat 0 0.3em;
}

/* adme_tox-icon */
body#index #information #latest-news dl dd span.adme {
	display:block;
	padding:1px 0 2px 60px;
	background:url(../images/common_ic023.gif) no-repeat 0 0.3em;
}

body#index #information #latest-news p.last-update {
	clear:both;
	margin-top:8px;
	text-align:right;
}

body#index #information #latest-news dl dd a.index-link-pdf2 {
	display:block;
	padding:0 0 2px 23px;
	background:url(../images/common_ic013.gif) no-repeat 0 0.15em;
	zoom:1;
}

body#index #information #latest-news dl dd a.link-outside {
	display:block;
	margin: 0 0 0 10px;
	padding: 0 0 2px 14px;
	background:url(../images/common_ic012.gif) no-repeat 0 0.45em;
	zoom:1;
}

/*2-1-2: adobe-reader
=================================*/

body#index #information #adobe-reader {
	width:435px;
	margin-top:18px;
}

body#index #information #adobe-reader dl dt {
	float:left;
	width:112px;
	height:33px;
	line-height:0;
	font-size:0;
}

body#index #information #adobe-reader dl dd {
	float:right;
	width:310px;
}

body#index #information #adobe-reader dl dd a.link-outside {
	display:block;
	padding-left:14px;
	background:url(../images/common_ic012.gif) no-repeat 0 0.45em;
	zoom:1;
}

/*2-2: important-category
=================================*/

body#index #important-category {
	float:left;
	width:290px;
}

/*2-2-1: product-info
=================================*/

body#index #important-category #product-info {
	width:290px;
	background:url(../../images/index_bg001.gif) no-repeat 0 100%;
}

body#index #important-category #product-info h3 {
	margin: 0;
	padding: 0;
	border-top: none;
	background: none;
	clear: none;
	height:39px;
}

body#index #important-category #product-infoIn {
	padding:8px 12px;
}


/*2-2-2: business
=================================*/

body#index #important-category #business {
	width:290px;
	margin-top:10px;
	background:url(../../images/index_bg001.gif) no-repeat 0 100%;
}

body#index #important-category #business h3 {
	margin: 0;
	padding: 0;
	border-top: none;
	background: none;
	clear: none;
}

body#index #important-category #businessIn {
	padding:8px;
}


body#index #important-category #businessIn p {
	padding:0 4px;
}

body#index #important-category #businessIn .business-list {
	clear:both;
	width:274px;
	margin-top:8px;
}

body#index #important-category #businessIn .business-list dl.business-odd {
	float:left;
	width:133px;
}

body#index #important-category #businessIn .business-list dl.business-odd dt {
	width:133px;
	height:30px;
	line-height:0;
	font-size:0;
}

body#index #important-category #businessIn .business-list dl.business-odd dd {
	margin-top:5px;
	padding:0 3px;
}

body#index #important-category #businessIn .business-list dl.business-even {
	float:right;
	width:133px;
}

body#index #important-category #businessIn .business-list dl.business-even dt {
	width:133px;
	height:30px;
	line-height:0;
	font-size:0;
}

body#index #important-category #businessIn .business-list dl.business-even dd {
	margin-top:5px;
	padding:0 3px;
}

/* 20110325 add*/
body#index #important-category #businessIn .business-list dl.business-long {
	width:274px;
}

body#index #important-category #businessIn .business-list dl.business-long dt {
	width:274px;
	height:30px;
	line-height:0;
	font-size:0;
}

body#index #important-category #businessIn .business-list dl.business-long dd {
	margin-top:5px;
	padding:0 3px;
	font-size:83%;
}
/* 20110325 add end*/

/*3: sub-navigation
=================================*/

body#index #sub-navigation {
	clear:both;
	width:740px;
	padding:5px;
	margin-top:10px;
	background-color:#eeeeee;
}

body#index #sub-navigation ul {
	text-align:center;
	line-height:0;
}

body#index #sub-navigation ul li {
	display:inline;
	line-height:0;
	width:151px;
	height:40px;
	margin-left:20px;
	font-size:0;
}

body#index #sub-navigation ul li.first-child {
	margin-left:0;
}

/*99: extra
=================================*/
body#index #index-contents:after ,
body#index #important-category #businessIn .business-list:after {
	content:".";
	display:block;
	height:0;
	clear:both;
	visibility:hidden;
}

body#index #index-contents ,
body#index #important-category #businessIn .business-list {
	display:inline-table;
	min-height:1%;  /* for IE 7*/
}

/* Hides from IE-mac \*/
* html body#index #index-contents ,
* html body#index #important-category #businessIn .business-list {
	height:1px;
}

body#index #index-contents ,
body#index #important-category #businessIn .business-list {
	display:block;
}
/* End hide from IE-mac */