@charset "utf-8";
/* ****************************************************
Since : 2008-12-03
******************************************************/


/* font settings [ top.css ]
=================================
1: header
2: main contents
99: clearFix
	
=================================*/

/* header
=================================*/
body#top #mainVisual {
	height:405px;
	background: url(/images/index_mv_001.jpg) no-repeat left bottom;
}
/* main contents
=================================*/
body#top #mainContainer #contentsContainer #contents {
	padding: 0 50px 50px 31px;
}
body#top #mainContainer #contentsContainer #contents h1 {
	height: 1px;
	top: 0px;
	left: 0px;
	width: 1px;
	overflow: hidden;
	position: absolute;
}
/* #BoxSet*/
#BoxSet{
	float:left;
}

/* #companyBox ,#productsBox ,#purchaseBox ,#linkBox*/
body#top #contents #topMenu {
	float:left;
	background: url(/images/index_bg_001.gif) repeat-y bottom left;
}
body#top #contents #topMenu02 {
	clear:both;
	margin-top:5px;
	float:left;
	background: url(/images/index_bg_002.gif) repeat-y bottom left;
}

body#top #contents #bannerArea {
	clear:both;
	margin-top:20px;
	float:left;
	width:374px;
}

body#top #contents #topMenu #companyBox,
body#top #contents #topMenu #productsBox,
body#top #contents #topMenu02 #purchaseBox{
	width:184px;
	float:left;
	margin:0 6px 0 0;
}

*html body#top #contents #topMenu #companyBox,
*html body#top #contents #topMenu02 #purchaseBox{
	margin:0 4px 0 0;
}

body#top #contents #topMenu ul,
body#top #contents #topMenu02 ul{
	width:165px;
	padding:15px 10px;
}
*html body#top #contents #topMenu ul,
*html body#top #contents #topMenu02 ul{
	width:185px;
}
body#top #contents #topMenu #companyBox li,
body#top #contents #topMenu02 #purchaseBox li{
	width:67px;
	float:left;
}
*html body#top #contents #topMenu #companyBox li,
*html body#top #contents #topMenu02 #purchaseBox li{
	width:83px;
}
body#top #contents #topMenu #companyBox li.long,
body#top #contents #topMenu02 #purchaseBox li.long{
	width:150px;
}
body#top #contents #topMenu #productsBox li {
	width:150px;
}
body#top #contents #topMenu ul.companyMenu li,
body#top #contents #topMenu ul.productsMenu li,
body#top #contents #topMenu02 ul.purchaseMenu li {
	padding: 0 0 0 15px;
	margin-bottom:12px;
	line-height:1;
}
*html body#top #contents #topMenu ul.companyMenu li,
*html body#top #contents #topMenu ul.productsMenu li,
*html body#top #contents #topMenu02 ul.purchaseMenu li{
	line-height:1.4;
	margin-bottom:10px;
}
body#top #contents #topMenu ul.companyMenu li {
	background: transparent url(/common/images/com_ic_002.gif) no-repeat left 0.1em;
}
*html body#top #contents #topMenu ul.companyMenu li {
	background: transparent url(/common/images/com_ic_002.gif) no-repeat left 0.3em;
}
body#top #contents #topMenu ul.productsMenu li {
	background: transparent url(/common/images/com_ic_003.gif) no-repeat left 0.1em;
}
*html body#top #contents #topMenu ul.productsMenu li {
	background: transparent url(/common/images/com_ic_003.gif) no-repeat left 0.3em;
}
body#top #contents #topMenu02 ul.purchaseMenu li {
	background: transparent url(/common/images/com_ic_006.gif) no-repeat left 0.1em;
}
*html body#top #contents #topMenu02 ul.purchaseMenu li {
	background: transparent url(/common/images/com_ic_006.gif) no-repeat left 0.3em;
}
body#top #contents h2 {
	position: relative;
}
body#top #contents h2 span {
	height:1px;
	left:-8px;
	overflow:hidden;
	position:absolute;
	top:-8px;
	width:1px;
}
body#top #contents h2 a {
	display: block;
	width: 185px;
	height: 32px;
}
body#top #contents #companyBox h2 a {
	background: url(/images/index_h2_001.gif) no-repeat top left;
}
body#top #contents #companyBox h2 a:hover,
body#top #contents #companyBox h2 a:active {
	background: url(/images/index_h2_001ovr.gif) no-repeat top left;
}
body#top #contents #productsBox h2 a {
	background: url(/images/index_h2_002.gif) no-repeat top left;
	_margin-left:1px;
}
body#top #contents #productsBox h2 a:hover,
body#top #contents #productsBox h2 a:active {
	background: url(/images/index_h2_002ovr.gif) no-repeat top left;
	_margin-left:1px;
}
body#top #contents #purchaseBox h2 a {
	background: url(/images/index_h2_004.gif) no-repeat top left;
}
body#top #contents #purchaseBox h2 a:hover,
body#top #contents #purchaseBox h2 a:active {
	background: url(/images/index_h2_004ovr.gif) no-repeat top left;
}
/* informationBox */
body#top #contents #informationBox {
	position: relative;
	width:458px;
	float:right;
}
body#top #contents #informationBox h2 {
	background: url(/images/index_h2_003.gif) no-repeat top left;
	width: 458px;
	display: block;
	height: 32px;
}
body#top #contents #informationBox p#infobuttun {
	background: url(/images/index_bt_001.gif) no-repeat top left;
	position: absolute;
	top: 8px;
	right: 0;
}
body#top #contents #informationBox dl {
	background: url(/common/images/com_bg_001.gif) repeat-x bottom left;
	padding:10px 0;
}
body#top #contents #informationBox dl dt {
	width:110px;
	float:left;
	margin-right:5px;
}
body#top #contents #informationBox dl dd {
	float:left;
	width:343px;
}

/* Safari only \*/
html:\66irst-child body#top #contents #informationBox dl dt {
	width:115px;
	float:left;
	margin-right:5px;
}
html:\66irst-child body#top #contents #informationBox dl dd {
	float:left;
	width:335px;
}
/* clearFix
=================================*/
body#top #mainContainer #contentsContainer:after,
body#top #mainContainer #contentsContainer #contents:after,
body#top #contents #topMenu:after,
body#top #contents #topMenu ul:after,
body#top #contents #topMenu02:after,
body#top #contents #topMenu02 ul:after,
body#top #contents #bannerArea:after,
body#top #contents #informationBox dl:after {
	content:".";
	display:block;
	height:0;
	clear:both;
	visibility:hidden;
}
body#top #mainContainer #contentsContainer,
body#top #mainContainer #contentsContainer #contents,
body#top #contents #topMenu,
body#top #contents #topMenu ul,
body#top #contents #topMenu02,
body#top #contents #topMenu02 ul,
body#top #contents #bannerArea,
body#top #contents #informationBox dl {
	display:inline-table;
	min-height:1%;  /* for IE 7*/
}
/* Hides from IE-mac \*/
* html body#top #mainContainer #contentsContainer,
* html body#top #mainContainer #contentsContainer #contents,
* html body#top #contents #topMenu,
* html body#top #contents #topMenu ul,
* html body#top #contents #topMenu02,
* html body#top #contents #topMenu02 ul,
* html body#top #contents #bannerArea,
* html body#top #contents #informationBox dl {
	height:1px;
}
body#top #mainContainer #contentsContainer,
body#top #mainContainer #contentsContainer #contents,
body#top #contents #topMenu,
body#top #contents #topMenu ul,
body#top #contents #topMenu02,
body#top #contents #topMenu02 ul,
body#top #contents #bannerArea,
body#top #contents #informationBox dl {
	display:block;
}
/* End hide from IE-mac */