@charset "utf-8";

/* ::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::
 *
 *	file name : top.css
 *
 * :::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: */

/* ==

　01. ヘッダー要素

=============================================================================== */

/* ==

　02. コンテンツ要素

=============================================================================== */

#container {
	background: #ebeef0 url(/business/cms/images/000014466.jpg) left top repeat-x;
}

div#content {
	background: #ebeef0 url(/business/cms/images/000014466.jpg) left top repeat-x;
}

/* ==

　03. メインビジュアル

=============================================================================== */

.visual {
	margin: 0 0 10px;
	height: 316px;
}

.visual_child {
	display: none;
}

/* ==

　04. 製品ラインアップ

=============================================================================== */

.blockWrap {
	margin: 0 0 20px;
	width: 950px;
}

.lineupBlock {
	width: 465px;
	float: left;
}

.lineup {
	background: url(/business/cms/images/000014703.gif) no-repeat left bottom;
	position: relative;
	padding: 0 0 3px;
	margin: 0 0 9px;
}

.lineup h2 {
	background: url(/business/cms/images/000014494.gif) no-repeat left top;
	margin: 0 0 5px;
}

.lineup .toList {
	position: absolute;
	top: 9px;
	right: 10px;
	text-indent: -20px;
	padding-left: 20px;
}

.lineup .toList a {
	padding: 0 0 3px 20px;
	background: url(/business/cms/images/000014554.gif) left 0.2em no-repeat;
}

.lineup .clearfix {
	width: 457px;
	margin: 0 auto;
	background: url(/business/cms/images/000014601.gif) no-repeat left bottom;
}

.lineup .flLeft,
.lineup .flRight {
	width: 227px;
}

.lineup .flLeft p,
.lineup .flRight p {
	margin: 5px 8px 10px;
}

.lineup .flLeft p.img,
.lineup .flRight p.img {
	margin: 8px 8px 0;
}

.lineup .flLeft {
	background: url(/business/cms/images/000014430.gif) no-repeat left top;
}

.lineup .flRight {
	background: url(/business/cms/images/000014430.gif) no-repeat right top;
}

.lineup h3 {
	background: url(/business/cms/images/000014554.gif) left 0.2em no-repeat;
	padding: 0 0 0 20px;
	margin: 0 8px;
}

/* ==

　05. 活用シーン

=============================================================================== */

.scene {
	background: url(/business/cms/images/000014459.gif) no-repeat left top;
	width: 465px;
}

.scene h2 {
	float: left;
}

.scene p {
	float: right;
	margin: 20px 23px 0 0;
}

.scene p a {
	background: url(/business/cms/images/000014554.gif) left 0.2em no-repeat;
	padding: 0 0 0 20px;
}

/* ==

　06. ご購入前ご相談窓口

=============================================================================== */

.consultationBlock {
	float: right;
	width: 465px;
}

.consultation {
	background: url(/business/cms/images/000014448.gif) no-repeat left bottom;
	width: 465px;
	padding: 0 0 5px;
	margin: 0 0 9px;
}

.consultation h2 {
	background: url(/business/cms/images/000014602.gif) no-repeat left top;
	margin: 0 0 8px;
}

.consultation .clearfix {
	background: url(/business/cms/images/000014583.gif) no-repeat 6px bottom;
	width: 465px;
}

.consultation .flLeft,
.consultation .flRight {
	width: 222px;
	display: inline;
}

.consultation .flLeft {
	margin: 0 0 0 6px;
}

.consultation .flLeft p {
	margin: 5px 11px;
	font-size: 76.92307%;
}

.consultation .flRight {
	margin: 0 5px 0 0;
}

.consultation .flRight .clearfix {
	background: none;
	margin: 0 0 5px;
	width: 222px;
}

.consultation .flRight li {
	float: left;
	margin: 0 0 0 5px;
	display: inline;
}

/* ==

　07. 各種データダウンロード・お客様サポート

=============================================================================== */

.dlsp {
	background: url(/business/cms/images/000014413.gif) no-repeat left bottom;
}

.dlsp .clearfix {
	background: url(/business/cms/images/000014444.gif) no-repeat left top;
	padding: 9px 0 3px;
}

.dlsp .clearfix .flLeft,
.dlsp .clearfix .flRight {
	width: 215px;
	display: inline;
}

.dlsp .clearfix .flLeft {
	margin: 0 0 0 6px;
}

.dlsp .clearfix .flRight {
	margin: 0 6px 0 0;
}

.dlsp h2 {
	margin: 0 0 7px 7px;
}

.dlsp ul {
	margin: 0 0 10px;
}

.dlsp li {
	background: url(/business/cms/images/000014637.gif) repeat-x left bottom;
	padding: 13px 0;
}

.dlsp li.last {
	background: none;
	padding: 13px 0 7px;
}

.dlsp li a {
	background: url(/business/cms/images/000014554.gif) left 0.2em no-repeat;
	padding: 0 0 0 20px;
	margin: 0 11px;
	display: block;
}

.dlsp p {
	margin: 0 11px 10px;
}


div#dlsp01{
	width: 105px;
	height: 18px;
}

div#dlsp02{
	width: 124px;
	height: 18px;
}

#dlsp01 a:hover,
#dlsp02 a:hover{
  visibility: visible;
}

#dlsp01 a:hover img,
#dlsp02 a:hover img{
  visibility: hidden;
}

#dlsp01 a{
  display: block;
  background: url(/business/cms/images/000014599.gif) no-repeat left top;
}

#dlsp02 a{
  display: block;
  background: url(/business/cms/images/000014478.gif) no-repeat left top;
}

/* ==

　8. バナー

=============================================================================== */

.bnrArea {
	width: 950px;
	overflow: hidden;
	padding: 20px 0 0;
	background: url(/business/cms/images/000014517.gif) no-repeat left top;
}

.bnrArea .clearfix {
	width: 970px;
}

.bnrArea .clearfix li {
	float: left;
	width: 465px;
	margin: 0 20px 10px 0;
}