@charset "UTF-8";
/* CSS Document */

/* common
-------------------------------------------- */
/* subMenu */
#subMenu { width:100%; position:fixed; top:70px; z-index:5; padding:20px 0; font-size:12px; }
#subMenu ul { text-align:center; }
#subMenu li { display:inline; border-right:1px solid #fff; padding:0 15px;position: relative;}
#subMenu li:last-child {border-right:none; }
#subMenu li a { color:#fff; display:inline-block; text-decoration:none;}
#subMenu li a.on {border-bottom:2px solid #ff7100; padding-bottom:5px; color:#FF7100;}
#subMenu li a:hover { color:#ff7100; }

#wrap.normal #catalogDL { height:14px; z-index:10; margin-top:15px; line-height:1em; }
#wrap.normal #catalogDL a { display:inline-block; height:14px; background:url(../../img/common/icoDownload.png) 0 0 no-repeat; font-size:11px; color:#fff; text-decoration:none;  transition:0.3s; padding-left:20px; }
#wrap.normal #catalogDL a:hover { text-decoration:underline; color:#FF7100;}

/* index
-------------------------------------------- */
#fullpage.index #section0 ul { height:100%; }
#fullpage.index #section0 ul.categoryList>li { float:left; width:20%; min-height:100%; position:relative; }
#fullpage.index #section0 li.category01 { background:#1e2f54;position: relative; }
#fullpage.index #section0 li.category02 { background:#9c7915;position: relative; }
#fullpage.index #section0 li.category03 { background:#24917a;position: relative; }
#fullpage.index #section0 li.category04 { background:#13749D;position: relative; }
#fullpage.index #section0 li.category05 { background:#7e3030;position: relative; }
#fullpage.index #section0 li dl { position:relative; padding:0 50px; }
#fullpage.index #section0 li dt { padding-top:120px; z-index:5; text-align:center; padding-bottom:30px; width:100%;}
#fullpage.index #section0 li dt span { display:block; border-bottom:1px solid #fff; text-align:right; line-height:1em; padding-bottom:10px; margin-bottom:30px; width:100%; }
#fullpage.index #section0 li dd { z-index:5; color:#fff; font-size:11px; }
#fullpage.index #section0 li.category01 dt span { background:url(../img/top/iconCategory1.gif) 0 0 no-repeat;}
#fullpage.index #section0 li.category02 dt span { background:url(../img/top/iconCategory2.gif) 0 0 no-repeat;}
#fullpage.index #section0 li.category03 dt span { background:url(../img/top/iconCategory3.gif) 0 0 no-repeat;}
#fullpage.index #section0 li.category04 dt span { background:url(../img/top/iconCategory4.gif) 0 0 no-repeat;}
#fullpage.index #section0 li.category05 dt span { background:url(../img/top/iconCategory5.gif) 0 0 no-repeat;}
#fullpage.index #section0 li.category01 li.btn01 { height:200px; background:#fff; }
#fullpage.index #section0 li.category01 li.btn01 a { background:url(../img/top/category01_bg1.gif) center center no-repeat; transition:0.3s; }
#fullpage.index #section0 li.category01 li.btn01 a:hover { opacity:0.8; }
#fullpage.index #section0 li.category01 li.btn02 { height:200px; margin-top:30px; background:#fff; }
#fullpage.index #section0 li.category01 li.btn02 a { background:url(../img/top/category01_bg2.gif)  center center no-repeat; transition:0.3s; }
#fullpage.index #section0 li.category01 li.btn02 a:hover { opacity:0.8; }
#fullpage.index #section0 li.category01 li.btn03 { height:120px; margin-top:30px; background:#fff; }
#fullpage.index #section0 li.category01 li.btn03 a { background:url(../img/top/category01_bg3.gif) center center no-repeat; transition:0.3s; }
#fullpage.index #section0 li.category01 li.btn03 a:hover { opacity:0.8; }
#fullpage.index #section0 li.category01 li.btn04 { height:120px; margin-top:30px; background:#fff; }
#fullpage.index #section0 li.category01 li.btn04 a { background:url(../img/top/category01_bg3.gif) center center no-repeat; transition:0.3s; }
#fullpage.index #section0 li.category01 li.btn04 a:hover { opacity:0.8; }
#fullpage.index #section0 li a { display:block; height:100%; }
#fullpage.index #section0 li.category02 dd a,
#fullpage.index #section0 li.category03 dd a,
#fullpage.index #section0 li.category04 dd a{ height:580px; font-size:0; }
#fullpage.index #section0 li.category02 dl,
#fullpage.index #section0 li.category03 dl { padding-bottom:60px; }
#fullpage.index #section0 li.category04 dl { padding-bottom:60px; }
#fullpage.index #section0 li.category02 dd { background:#fff; }
#fullpage.index #section0 li.category02 dd a { background:url(../img/top/category02_bg.gif) center center no-repeat; transition:0.3s; }
#fullpage.index #section0 li.category02 dd a:hover { opacity:0.8; }
#fullpage.index #section0 li.category03 dd { background:#fff; position: relative}
#fullpage.index #section0 li.category03 dd::before {
    position: absolute;
    content: '※一部製品は現在取扱いを終了しております。\a詳細はお問い合わせください。';
    white-space: pre-wrap;
    z-index: 10;
    font-size: 13px;
    line-height: 1.6;
    text-align: center;
    bottom: 0;
    left: 50%;
    transform: translate(-50%, 0);
    background: rgba(36,145,122,.8);
    padding: 20px 10px 20px;
    width: 100%;
}


#fullpage.index #section0 li.category03 dd a { background:url(../img/top/category03_bg.gif) center center no-repeat; transition:0.3s; }
#fullpage.index #section0 li.category03 dd a:hover { opacity:0.8; }
#fullpage.index #section0 li.category04 dd { background:#fff; }
#fullpage.index #section0 li.category04 dd a { background:url(../img/top/category04_bg.gif) center center no-repeat; transition:0.3s; }
#fullpage.index #section0 li.category04 dd a:hover { opacity:0.8; }
#fullpage.index #section0 li.category05 li { text-align:center; margin-top:30px; border:1px solid #fff; }
#fullpage.index #section0 li.category05 li a {display:block; padding:10px 0; text-decoration:none; color:#fff; font-size:15px; transition:0.3s; background:#7e3030;}
#fullpage.index #section0 li.category04 li a{
	background: #13749D;
}
#fullpage.index #section0 li.category04 li a:hover,
#fullpage.index #section0 li.category05 li a:hover { opacity:0.8; }
#fullpage.index #section0 li.category04 li:first-child,
#fullpage.index #section0 li.category05 li:first-child { margin-top:0; }
#fullpage.index #section0 li.category05 ul { padding-bottom:10px; }
#fullpage.index #section0 li.category04 .btn01,
#fullpage.index #section0 li.category05 .btn02,
#fullpage.index #section0 li.category05 .btn03,
#fullpage.index #section0 li.category05 .btn01{ background:#fff; }
#fullpage.index #section0 li.category05 dd.cap { margin-top:20px; }
#fullpage.index #section0 li.category05 dd.btn04 { margin-top:20px; line-height:1em; }
#fullpage.index #section0 li.category05 dd.btn04 a { display:block; background:#FF7100; color:#fff; text-decoration:none; text-align:center; padding:15px 0; }

/* branchers , crossing , signal
-------------------------------------------- */
#wrap .leftCol { width:615px; float:left; } 
#wrap .rightCol { width:310px; float:right; } 
#wrap .rightCol h3 { color:#fff; margin-top:20px; font-weight:bold; padding-top:160px; margin-top:-140px; border-bottom:1px solid #fff; padding-bottom:10px; line-height:1em; }
#wrap .rightCol h3.top { margin-top:-160px; padding-top:160px; }
#wrap .category { margin-top:10px; }
#wrap .category li { float:left; margin-right:10px;position: relative; }
#wrap .category li a {display:block; width:80px; text-align:center; color:#fff; text-decoration:none; line-height:100%; padding:5px 0px; font-size:11px; border:1px solid #fff;}
#wrap .category li a.on { background:#fff; color:#1e2f54; }
#wrap .partsList { margin-top:20px; padding-top:20px; background:url(../img/common/line.gif) 0 0 repeat-x; }
#wrap .rightCol .partsList ul {margin-top:15px; }
#wrap .rightCol .partsList li { float:left; width:145px; margin:0 20px 20px 0;position: relative; }
#wrap .rightCol .partsList li i{
	position: absolute;
	top: -140px;
	left: 0;
}
#wrap .rightCol .partsList li:nth-child(2n) { margin-right:0;}
#wrap .rightCol .partsList li a { color:#fff; text-decoration:none; }
#wrap .rightCol .partsList li dt { background:#fff; height:125px; display:table-cell; vertical-align:middle; width:125px; text-align:center; line-height:1em; padding:10px; }
#wrap .rightCol .partsList li dt img {width:125px; }
#wrap .rightCol .partsList li dd { font-size:11px; margin-top:5px; line-height:1.3em; }
#wrap .rightCol .partsList li a:hover {color:#ff7100; }
#wrap .rightCol .partsList li a:hover dt { opacity:0.7; }

/* branchers
-------------------------------------------- */
#wrap.typeA {background:#1e2f54;}
#wrap.typeB {background:#004a98;}
/* subMenu */
#wrap.typeA #subMenu  { background:#1e2f54; }
#wrap.typeB #subMenu  { background:#004a98; }

#wrap.typeA #flashcontent p { background:url(../img/01/flashSS01.gif) 0 0 no-repeat; height:795px; width:615px; }
#wrap.typeB #flashcontent1 p { background:url(../img/01/flashSS02.gif) 0 0 no-repeat; height:481px; width:615px; }
#wrap.typeB #flashcontent2 p { background:url(../img/01/flashSS03.gif) 0 0 no-repeat; height:481px; width:615px; }

/* crossing
-------------------------------------------- */
#wrap.crossing  { background:#9c7a11; }
/* subMenu */
#wrap.crossing #subMenu  { background:#9c7a11; }
#wrap.crossing #flashcontent p { background:url(../img/02/flashSS.gif) 0 0 no-repeat; height:721px; width:615px; }


/* signal
-------------------------------------------- */
#wrap.signal  { background:#31907a; }
/* subMenu */
#wrap.signal #subMenu  { background:#31907a; }
#wrap.signal #flashcontent p { background:url(../img/03/flashSS.gif) 0 0 no-repeat; height:673px; width:615px; }


/* plan
-------------------------------------------- */
#wrap.plan  { background:#7e3030; }
/* subMenu */
#wrap.plan #subMenu  { background:#7e3030; }

#wrap.plan .category { margin-top:10px; }
#wrap.plan .category li { float:left; margin-right:10px;position: relative; }
#wrap.plan .category li a {display:block; width:140px; text-align:center; color:#fff; text-decoration:none; line-height:100%; padding:5px 0px; font-size:11px; border:1px solid #fff;}
#wrap.plan .category li a.on { background:#fff; color:#7e3030; }

#wrap.plan .pdfList { margin-top:20px; padding:30px 0 30px; background:url(../img/common/line.gif) 0 0 repeat-x; }
#wrap.plan .pdfList dl { margin-top:50px; }
#wrap.plan .pdfList dl.top { margin-top:0; }
#wrap.plan .pdfList dt { float:left;}
#wrap.plan .pdfList dd {float:right; width:850px; text-align:left; line-height:1em; }
#wrap.plan .pdfList ul { }
#wrap.plan .pdfList li {margin-top:1em; background:url(../img/04/iconPdf.gif) left center no-repeat; padding-left:50px; }
#wrap.plan .pdfList li:first-child {margin-top:0;}
#wrap.plan .pdfList li a { color:#fff; text-decoration:none; }
#wrap.plan .pdfList li a:hover { text-decoration:underline; }


/* new
-------------------------------------------- */
#wrap.new  { background:#13749D; }
/* subMenu */
#wrap.new  #subMenu  { background:#13749D; }

#wrap.new  .category { margin-top:10px; }
#wrap.new  .category li { float:left; margin-right:10px;position: relative;}
#wrap.new  .category li a {display:block; width:140px; text-align:center; color:#fff; text-decoration:none; line-height:100%; padding:5px 0px; font-size:11px; border:1px solid #fff;}
#wrap.new  .category li a.on { background:#fff; color:#13749D; }
#wrap.new h3{
	padding: 0 0 10px 0;
	font-size: 18px;
	margin-bottom: 30px;
}
#wrap.new .js{
	display: inline-block;
/*	background: #fff;
	color: #000;
	font-size: 12px;
	font-weight: normal;
	padding: 1px 10px;
	margin-right: 10px;
*/}
#wrap.new .column{
	display: flex;
	justify-content: space-between;
	color: #fff;
    margin-top: 20px;
    padding: 30px 0 30px;
    background: url(../img/common/line.gif) 0 0 repeat-x;
}
#wrap.new .column + .column{
	margin-top: 30px;
}
#wrap.new .column div{
	width: 460px;
}
#wrap.new .column div + div{
	display: flex;
	justify-content: space-between;
}
#wrap.new .column img{
	display: block;
}
#wrap.new .column a{
	text-decoration: none;
	color: #fff;
	display: block;
	background: url(../img/04/iconPdf.gif) left center no-repeat;
    padding-left: 50px;
}
#wrap.new .column + p{
	margin: 30px 0 40px 0;
	color: #fff;
}


.signalimgmap{
	position: fixed;
	top: 140px;
}