@charset "Shift_JIS";

/*--------------------------------------------------------------------
index.html	(ＴＯＰ)
top.css
--------------------------------------------------------------------*/


/*------------Titleのスタイル---------------------------------------------------------------*/
div#Title {
	margin: 10px auto;
	padding-top: 0;
	height: 275px;
}
div#Title * { height: 275px; }


/*------------下層共通の削除用スタイル---------------------------------------------------------------*/
div#Pan,
div.PageTop,
div#Side { display: none; }


/*------------Containerのスタイル---------------------------------------------------------------*/
div#Container { margin: 10px auto 0; }


/*------------Mainのスタイル---------------------------------------------------------------*/
div#Main {
	width: 950px;
	margin: 0 auto;
	float: none;
	overflow: hidden;
}
div#Main h3 {
	height: auto;
	padding: 0;
	overflow: auto;
}


/*------------Productのスタイル---------------------------------------------------------------*/
div#Product { margin-top: 0; }
div#Product h3 {
	height: 0;
	padding-top: 24px;
	background: url(../../img/top/product_t.gif) no-repeat left top;
	overflow: hidden;
}
div#Product ul {
	width: 948px;
	margin: 5px auto 0;
	list-style: none;
	overflow: hidden;
}
div#Product ul li {
	width: 316px;
	float: left;
}
div#Product ul li#PMBtn01,
div#Product ul li#PMBtn02 {
	width: 304px;
	border-left: 3px solid #e6e6e6;
}
div#Product ul li h4,
div#Product ul li p,
div#Product ul li p * {
	height: 0;
	overflow: hidden;
}
div#Product ul li a {
	display: block;
	width: 283px;
	height: 0;
	margin: 0 auto;
	padding-top: 100px;
	background-repeat: no-repeat;
	background-position: center top;
	overflow: hidden;
}
div#Product ul li a:hover { background-position: center bottom; }
div#Product ul li#PMBtn01 a { background-image: url(../../img/top/pbtn01.jpg); }
div#Product ul li#PMBtn02 a { background-image: url(../../img/top/pbtn02.jpg); }
div#Product ul li#PMBtn03 a { background-image: url(../../img/top/pbtn03.jpg); }
div#Product ul li#PMBtn04 a { background-image: url(../../img/top/pbtn04.jpg); }


/*------------ConBoxのスタイル---------------------------------------------------------------*/
div#ConBox {
	margin-top: 15px;
	overflow: hidden;
	background: url(../../img/top/line.gif) repeat-y center top;
}
div#ConBox h3 {
	height: 0;
	padding-top: 24px;
	background-repeat: no-repeat;
	background-position: left top;
	overflow: hidden;
}
div#ConBox p {
	width: 300px;
	margin: 0 auto;
}
div#ConBox div#Technical {
	width: 307px;
	padding: 10px 0 10px 6px;
	border-left: 2px solid #fff;
	float: left;
}
div#ConBox div#Technical h3 { background-image: url(../../img/top/technology_t.gif); }
div#ConBox div#Factory {
	width: 307px;
	padding: 10px 0 10px 6px;
	border-left: 2px solid #fff;
	float: left;
}
div#ConBox div#Factory h3 { background-image: url(../../img/top/factory_t.gif); }
div#ConBox div#News {
	width: 300px;
	padding: 10px 6px;
	border-left: 2px solid #fff;
	border-right: 2px solid #fff;
	float: left;
}
div#ConBox div#News h3 { background-image: url(../../img/top/news_t.gif); }
div#ConBox div#News .scroll-pane {
	margin-top: 5px;
	height: 200px;
	overflow: auto;
}
div#ConBox div#News ul li {
	list-style: none;
	margin-bottom: 5px;
	padding-bottom: 4px;
	border-bottom: 1px dashed #666;
	font-size: 105%;
}
div#ConBox div#News ul li strong { padding-right: 0.2em; }

div#ConBox div#Technical div,
div#ConBox div#Factory div { margin: 5px 0; }

div#ConBox div#Technical p,
div#ConBox div#Factory p { font-size: 105%; }

div#ConBox div#Technical div.Check,
div#ConBox div#Factory div.Check {
	width: 55px;
	margin: 5px 10px 0 auto;
}
div#ConBox div#Technical div.Check a,
div#ConBox div#Factory div.Check a {
	display: block;
	height: 0;
	padding-top: 11px;
	background: url(../../../img/top/check_b.gif) no-repeat left top;
	overflow: hidden;
}
div#ConBox div#Technical div.Check a:hover,
div#ConBox div#Factory div.Check a:hover { background-position: left bottom; }


/*------------MenuBoxのスタイル---------------------------------------------------------------*/
div#MenuBox { margin-top: 10px; }
div#MenuBox ul {
	width: 950px;
	margin: 0 auto;
	list-style: none;
	overflow: hidden;
}
div#MenuBox ul li {
	width: 475px;
	float: left;
}
div#MenuBox ul li a {
	display: block;
	width: 470px;
	height: 0;
	margin: 0 auto;
	padding-top: 50px;
	background-repeat: no-repeat;
	background-position: left top;
	overflow: hidden;
}
div#MenuBox ul li a:hover { background-position: left bottom; }
div#MenuBox ul li#MBtn01 a { background-image: url(../../img/top/bmbtn01.jpg); }
div#MenuBox ul li#MBtn02 a { background-image: url(../../img/top/bmbtn02.jpg); }