@charset "utf-8";

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

/* ==

　コンテンツ要素

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

#container {
	background: #ebeef0 url(../images_global/n_bg_body.jpg) left top repeat-x;
}

div#content {
	background: #ebeef0 url(../images_global/n_bg_body.jpg) left top repeat-x;
}


/* ==

　メインビジュアル領域

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

#mainBlock {
	margin-bottom: 30px;
}

#mainVisual {
	float: left;
	display: none;
	position: relative;
	width: 670px;
	height: 18px;
	padding: 253px 5px 5px;
	background: url(../images/n_bg_mainVisual_01.gif) left bottom no-repeat;
}

#mainVisual #mask {
	position: absolute;
	left: 5px;
	top: 5px;
	width: 670px;
	height: 239px;
	overflow: hidden;
}

#mainVisual #mask ul {
	position: absolute;
}

#mainVisual #mask li {
	float: left;
}

#mainVisual #mask span {
	position: absolute;
	display: block;
	width: 6px;
	height: 6px;
	background-position: left top;
	background-repeat: no-repeat;
}

#mainVisual #mask .boxTL {
	top: 0;
	left: 0;
	background-image: url(../images/n_bg_mask_01.png);
}

#mainVisual #mask .boxTR {
	top: 0;
	right: 0;
	background-image: url(../images/n_bg_mask_02.png);
}

#mainVisual #mask .boxBR {
	top: 233px;
	right: 0;
	background-image: url(../images/n_bg_mask_03.png);
}

#mainVisual #mask .boxBL {
	top: 233px;
	left: 0;
	background-image: url(../images/n_bg_mask_04.png);
}

#mainVisual p#btnPrev,
#mainVisual p#btnNext {
	position: absolute;
	top: 110px;
	width: 25px;
	height: 25px;
	text-indent: 10000px;
	font-size: 0;
	line-height: 0;
	z-index: 10;
	cursor: pointer;
	overflow: hidden;
}

#mainVisual p#btnPrev {
	left: 0px;
	background: url(../images/n_btn_prev.png) 0 0 no-repeat;
}

#mainVisual p#btnNext {
	right: 0px;
	background: url(../images/n_btn_next.png) 0 0 no-repeat;
}

#mainVisual p#btnPrev:hover,
#mainVisual p#btnNext:hover {
	background-position: left -25px;
}

#mainVisual #pagination {
	position: relative;
	margin: 0 auto;
	text-align: center;
	font-size: 0;
}

#mainVisual #pagination li {
	display: inline-block;
	width: 14px;
	height: 14px;
	margin: 0 11px;
	background-image: url(../images/n_ic_mainVisual_01.gif);
	background-position: left top;
	background-repeat: no-peat;
	cursor:pointer;
}

* html #mainVisual #pagination li {  
	display: inline;
	zoom: 1;
}

*:first-child+html #mainVisual #pagination li {  
	display: inline;
	zoom: 1;
}

#mainVisual #pagination .current {
	background-position: left -14px;
}

#mainBlock .bnrArea {
	float: right;
	width: 250px;
	background: url(../images/n_bg_bnrarea_02.gif) no-repeat left bottom;
}

#mainBlock .bnrArea div {
	background: url(../images/n_bg_bnrarea_01.gif) no-repeat left top;
}

#mainBlock .bnrArea div a {
	color: #fff;
	font-size:13px;
	margin-left: 3px;
	margin-bottom:5px;
	padding: 10px 0 2px 25px;
	background: url(../images_global/n_ic_tit_arw_01.gif) no-repeat 3px 8px;
	cursor:pointer;
	display:block;
	text-decoration:none;
}

#mainBlock .bnrArea div a:hover {
	background: url(../images_global/n_ic_tit_arw_02.gif) no-repeat 3px 8px;
	color: #c8c8c8;
}

#mainBlock .bnrArea ul {
	/*margin-top: 4px;*/
	padding: 0px 5px 0px 5px;
}

@media screen and (-webkit-min-device-pixel-ratio:0) {
	#mainBlock .bnrArea ul {
		padding: 0px 5px 3px 5px;
	}
}

#mainBlock .bnrArea li {
	margin-bottom:6px;
	padding: 0 0 6px 0;
	background: url(../images/n_bg_download_bnrarea02.gif) no-repeat left bottom;
}

#mainBlock .bnrArea li .img {
	padding: 5px 0 0 7px;
	background: url(../images/n_bg_download_bnrarea01.gif) no-repeat left top;
}

#mainBlock .bnrArea li .txt {
	padding: 0 0 0 7px;
	margin: 7px 0 3px;
	font-weight:bold;
}

#mainBlock .bnrArea li .txt a {
	padding: 0 0 0 22px;
	background: url(../../../common/img/global/icon_arrow.gif) no-repeat left 0.2em;
	text-decoration:none;
}

#mainBlock .bnrArea .info {
	margin: -2px -2px 2px;
}

* html #mainVisual #mask ul,
* html #mainVisual #relatedNavi ul,
* html #mainVisual #relatedNavi li {
	zoom: 1;
} /* ie6 */

*:first-child+html #mainVisual #mask ul,
*:first-child+html #mainVisual #relatedNavi ul,
*:first-child+html #mainVisual #relatedNavi li {
	zoom: 1;
} /* ie7 */

#mainVisual #mask ul:after,
#mainVisual #relatedNavi ul:after,
#mainVisual #relatedNavi li:after {
	content: '';
	display: block;
	clear: both;
	height: 0;
}


/* ==

　PICK UP 導入事例

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

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

.pickup {
	width: 465px;
	background: url(../images/n_bg_pickup_01.gif) no-repeat left bottom;
	position: relative;
	float: left;
	padding: 0 0 3px;
}

.pickup .pickupLink {
	min-height: 195px !important;
}

.pickup h2 {
	background: url(../images/n_bg_tit_02.gif) no-repeat left top;
	margin: 0 0 5px;
}

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

.pickup .toList a {
	padding: 0 0 3px 20px;
	background: url(../images_global/n_ic_external.gif) left 0.2em no-repeat;
}

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

.pickup .clearfix .hover {
	/*opacity: 0.8*/;
}
.pickup .clearfix .hover a {
	text-decoration:none;
}

.pickup .flLeft,
.pickup .flRight {
	width: 227px;
	cursor:pointer;
}

.pickup .flLeft p,
.pickup .flRight p {
	margin: 5px 8px 10px;
	line-height: 1.5;
}

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

.pickup .flLeft {
	background: url(../images/n_bg_pickup_03.gif) no-repeat left top;
}

.pickup .flRight {
	background: url(../images/n_bg_pickup_03.gif) no-repeat right top;
}

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

:root .pickup h3:not(:target) {
   background: url(../images/n_ic_arw.gif) left 0.1em no-repeat;
}

/* ==

　安全上のご注意

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

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

.safety {
	margin-bottom: 10px;
	background: url(../images/n_bg_safety.gif) no-repeat 0 0;
	padding: 12px;
}

.safety a {
	padding: 0 0 4px 25px;
	background: url(../images_global/n_ic_arw_01.gif) no-repeat 0 0;
	font-size:14px;
	font-weight:bold;
	text-decoration:none;
	
}

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

.consultation h2 {
	background: url(../images/n_bg_tit_03.gif) no-repeat left top;
	margin: 0;
}

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


.consultation .flLeft {
	width: 222px;
	padding: 0 0 0 6px;
	float:left;
}

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

.consultation .flRight {
	float:right;
	width: 222px;
	margin-right:5px;
}

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

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

.ie6 .consultation .flRight {
	margin-right:0;
	margin-left: 5px;
}
.ie6 .consultation .flRight .clearfix {
	width: 227px;
}


/* ==

　製品の特長、ソリューション

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

.effect {
	width: 465px;
	background: url(../images/bg_consultion02.gif) no-repeat left bottom;
	position: relative;
	margin-bottom: 10px;
}

.effect h2 {
	
	margin: 0;
}

.effect .clearfix {
	background: url(../images/bg_consultion01.gif) no-repeat left top;
	width: 455px;
	padding:5px;
	margin: 0 auto;
}

.effect .flLeft{
	float:left;
}
.effect .flRight {
	float:right;
}
.effect .flLeft,
.effect .flRight {
	background: url(../images/n_bg_pickup_02.gif) no-repeat left bottom;
}
.effect .flLeft .img,
.effect .flRight .img{
	padding:10px 8px 0 8px;
}

.effect .flLeft .inner,
.effect .flRight .inner {
	background: url(../images/n_bg_pickup_03.gif) no-repeat left top;
}


.effect h3 {
	background: url(../images/n_ic_arw.gif) left 0.2em no-repeat;
	padding: 0 0 0 20px;
	margin: 5px 0 10px 10px;
}

/* ==

　プラズマクラスター製品を探す

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

.productSearch02 {
	background: url(../images/n_bg_productsearch02_01.gif) no-repeat left bottom;
	position: relative;
	margin: 0 0 20px;
	padding-bottom: 5px;
}

.productSearch02 h2 {
	background: url(../images/n_bg_tit_01.gif) no-repeat left top;
	margin: 0;
}

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

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

.productSearch02 h3 {
	margin: 0 0 3px 5px !important;
}

.productSearch02 h3.search03 {
	margin-top: 13px;
}

.productSearch02 .clearfix {
	margin: 0 0 3px 5px;
	width: 945px;
}

.productSearch02 .clearfix li {
	float: left;
	width: 236px;
	padding: 0;
}

.productSearch02 ul {
	background: url(../images/productSearch02_underline.gif) no-repeat left bottom;
	padding-bottom: 10px;
}
.productSearch02 ul.last {
	background: none;
	padding-bottom: 0;
}
/* ==

　新着情報

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

#newsArea {
	float: left;
	width: 618px;
	padding: 0 8px 20px 4px;
	background: url(../images/n_bg_news_02.gif) left bottom no-repeat;
	position: relative;
}

#newsArea h3 {
	margin: 0 -8px 1px -4px;
	padding: 10px 0 5px 0;
	background: url(../images/n_bg_tit_04.gif) right top no-repeat;
}
#newsArea h3 a {
	color: #333;
	text-decoration:none;
	
}
#newsArea h3 a:hover {
	color: #000099;
	text-decoration:underline;
}

#newsArea h3 span {
	padding: 0 0 3px 25px;
	/padding: 3px 0 3px 25px;
	margin-left: 10px;
	background: url(../images_global/n_ic_arw_01.gif) no-repeat 0 0;
	
	font-size: 14px;
	font-weight: bold;
	height:18px;
}

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

#newsArea .toList a {
	padding: 0 0 3px 20px;
	background: url(../../../common/img/global/icon_arrow.gif) left 0.2em no-repeat;
}

#newsArea .scrollArea {
	width: 618px;
	height: 330px;
	overflow: scroll;
	overflow-x: hidden;
	outline: none;
}

#newsArea div .inner {
	width: 599px;
	padding-top: 6px;
	background: url(../images/n_bg_news_01.gif) left top no-repeat;
}

#newsArea div dl {
	background: url(../images/n_bg_news_03.gif) left bottom no-repeat;
}

#newsArea div dl.lastChild {
	background: url(../images/n_bg_news_04.gif) left bottom no-repeat;
}

#newsArea div dt,
#newsArea div dd {
	float: left;
	padding: 7px 5px 19px;
}

#newsArea div dl.lastChild dt,
#newsArea div dl.lastChild dd {
	padding-bottom: 13px;
}

#newsArea div dt {
	width: 120px;
	padding-left: 15px;
}

#newsArea div dd {
	width: 460px;
}

#newsArea div .ic_event,
#newsArea div .ic_fair,
#newsArea div .ic_new,
#newsArea div .ic_case,
#newsArea div .ic_support,
#newsArea div .ic_news,
#newsArea div .ic_info {
	width: 360px;
	padding-left: 75px;
	background-position: left 0.4em;
	background-repeat: no-repeat;
}

#newsArea div .ic_event {
	background-image: url(../images/n_ic_event.gif);
}

#newsArea div .ic_fair {
	background-image: url(../images/n_ic_fair.gif);
}

#newsArea div .ic_new {
	background-image: url(../images/n_ic_new.gif);
}

#newsArea div .ic_case {
	background-image: url(../images/n_ic_case.gif);
}

#newsArea div .ic_support {
	background-image: url(../images/n_ic_support.gif);
}

#newsArea div .ic_news {
	background-image: url(../images/n_ic_news.gif);
}

#newsArea div .ic_info {
	background-image: url(../images/n_ic_info.gif);
}

* html #newsArea div dl {
	zoom: 1;
} /* ie6 */

*:first-child+html #newsArea div dl {
	zoom: 1;
} /* ie7 */

#newsArea div dl:after {
	content: '';
	display: block;
	clear: both;
	height: 0;
}

#ftGNavWall h5 {
	margin: 10px;
}

/* ==

　お客様サポート

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

.newsBnr {
	width: 300px;
	float: right;
	
}
.newsBnr li {
	margin: 0 0 11px 0;
}


/* ==

　バナー

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

.bnrArea {
	width: 950px;
	overflow: hidden;
}

.bnrArea .clearfix {
	width: 970px;
}

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


/* ==

　ラインアップ　リスト

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

.listNavi01 {
	width:230px;
	background: url(../images_global/bg_listbtn_off.gif) no-repeat 0 0;
	cursor: pointer;
	
}

.listNavi01.blank {
	background: url(../images_global/bg_listbtn_blank_off.gif) no-repeat 0 0;
}

.listNavi01 .listInner {
	width:220px;
	margin: 3px 0 0 0;
	padding: 6px 0 10px 10px;
	
}

.listNavi01 .listInner .listImg {
	float: left;
	width: 46px;
}

.listNavi01 .listInner .listTxt {
	float: right;
	width: 160px;
	text-align: center;
	line-height: 34px;
	letter-spacing: -0.1em;
}

.listNavi01 .listInner .listTxt.flap {
	line-height:17px;
}

.listNavi01.blank.hover {
	background: url(../images_global/bg_listbtn_blank_on.gif) no-repeat 0 0;
	color: #FFFFFF;
}
.listNavi01.hover {
	background: url(../images_global/bg_listbtn_on.gif) no-repeat 0 0;
	color: #FFFFFF;
}

.listNavi01 a {
	text-decoration:none;
	color: #000000 !important;
}


.listNavi01.hover a {
	text-decoration: none;
	color: #FFFFFF !important;
}

#searchInfo {
	width: 470px;
	margin: 0 auto 10px;
	
}
#searchInfo .searchBox {
	background: url(../images_global/n_bg_searchinfo_03.gif) no-repeat left top;
	width: 455px;
	padding: 6px;
}
#searchInfo .searchBox img {
	float:left;
}

#searchInfo .searchBox .form {
	width: 270px;
}
#searchInfo .searchBox span {
	width: 240px;
}
.productSearch02 li a {
	
text-decoration:none;
}
.productSearch02 li a.blank {
	background: url(../images_global/n_ic_external.gif) left 0.2em no-repeat;
	padding: 0 0 3px 18px;
}