@charset "utf-8";

#header {width:100%; min-width:1000px; background:url('/~ftp_seilhoist/images/main/bg_header.gif') left top repeat-x;}
#header .head {position:relative; width:1000px; height:155px; margin:0 auto;}
.gnb {float:right; text-align:right;}
.gnb ul {float:left; padding:6px 0 9px 0;}
.gnb li {float:left; padding:0 15px; color:#ccc; background:url('/~ftp_seilhoist/images/main/gnb_line.gif') left center no-repeat;}
.gnb li:first-child {background:none;}
.gnb li a {color:#ccc;}
.gnb .text {float:left; width:170px; height:33px; padding-left:10px; color:#fff; background:#333; border:none;}
.gnb .image {float:left; background:url('/~ftp_seilhoist/images/main/btn_search.gif') left top no-repeat;}

.lnb {width:100%; height:120px;}
.lnb h1 {float:left; width:200px; margin:20px 0;}
.lnb ul {position:static; float:right; width:745px; text-align:right;}
.lnb li {float:left; height:85px; padding-left:55px; font-size:18px; font-weight:bold;}
.lnb li a {display:inline-block; padding:33px 0 32px 0;}

.slnb {display:none; position:absolute; left:0; top:120px; width:100%; min-width:1000px; height:35px;}
.lnb li:hover .slnb {display:block;}
.slnb ul {position:absolute; left:50%; width:auto; text-align:left;}
.slnb li {float:left; height:auto; padding:0; font-size:12px; font-weight:normal;}
.slnb li a {display:block; color:#fff; padding:7px 15px 8px 15px;}
.slnb li a:hover {color:#ffff00; background:#1a518a;}
.slnb .slnb01 {margin-left:-200px;}
.slnb .slnb02 {margin-left:-75px;}
.slnb .slnb03 {margin-left:45px;}
.slnb .slnb06 {margin-left:418px;}

#containerMain {width:100%; background:#f7f7f7;}
#container {width:1000px; margin:0 auto;}

.visualWrap {position:relative; border-bottom:2px solid #2165ac; background:url('/~ftp_seilhoist/images/main/bg_visual.gif') repeat;}
.visualWrap div.visualImage { position:absolute; left:50%; top:0; width:1500px; height:398px; margin-left:-750px;}
.visualWrap p {display:block; position:absolute; width:100%; height:398px; left:0; top:0; filter:alpha(opacity=0); -ms-filter:alpha(opacity=0); opacity:0; }
.visualWrap p img { display:block; position:absolute; left:50%; margin-left: -50%;
	background: transparent;
	-ms-filter: 'progid:DXImageTransform.Microsoft.gradient(startColorstr=#00FFFFFF,endColorstr=#00FFFFFF)';
	zoom: 1;
}
.visualWrap .visual {position:relative; width:1000px; height:398px; margin:0 auto; z-index:30;}
.visualWrap .visual strong {position:absolute; left:0; top:120px; padding-top:134px; color:#fff; font-size:14px; background:url('/~ftp_seilhoist/images/main/slogan.png') left top no-repeat;}
.visualWrap .visual span {position:absolute; bottom:15px; text-align:center; display:block; width:100%; }
.visualWrap .visual span a {margin:0 2px; display:inline-block; width:16px; height:16px; background-color:#FFF; border-radius:16px; 
	transition-delay: 0s; transition-duration:0.2s; transition-property:all; transition-timing-function:linear;}
.visualWrap .visual span a.on {width:59px; background-color:#2165ac;
	transition-delay: 0s; transition-duration:0.2s; transition-property:all; transition-timing-function:linear;}
.visualWrap .visual span a span {display:none; }

.mainProduct {width:1100px; margin:0 auto;}
.mainProduct h2 {margin:35px 0 20px 0; color:#000; font-size:25px; text-align:center; line-height:100%;}
.mainProduct span {float:left; padding:127px 0;}
.mainProduct div.list {position:relative; width:1000px; height:298px; float:left; margin:0 36px 30px 36px; overflow:hidden;}
.mainProduct ul {position:relative; width:1000px; height:298px;}
.mainProduct li {position:absolute; width:233px; border:1px solid #ccc; background:#fafafa;}
.mainProduct li img {width:233px; height:175px;}
.mainProduct li p {height:90px; padding:10px 20px 15px 20px; color:#888;}
.mainProduct li p strong {display:block; margin-bottom:10px; font-size:17px; color:#000;}

.mainNotice {float:left; width:490px; padding:30px 20px 20px 0;}
.mainNotice .noticeTab ul {float:left; margin-bottom:13px;}
.mainNotice .noticeTab li {float:left; margin-left:5px; text-align:center;}
.mainNotice .noticeTab li:first-child {margin:0;}
.mainNotice .noticeTab li a {display:inline-block; width:113px; padding:6px 0; font-size:15px; border:1px solid #ccc;}
.mainNotice .noticeTab li a:hover {color:#2165ac;}
.mainNotice .noticeTab .tabOn a {color:#fff; background:#2165ac;}
.mainNotice .noticeTab span {display:block; float:right;}
.mainNotice .list ul {height:132px;}
.mainNotice .list li {padding:3px 0 3px 12px; background:url('/~ftp_seilhoist/images/main/blt01.gif') left center no-repeat;}
.mainNotice .list li p {float:left; width:370px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.mainNotice .list li p a {color:#000;}
.mainNotice .list li p a:hover {color:#2165ac;}
.mainNotice .list li span {float:right; color:#777; font-size:12px;}

.mainLink {float:right; width:460px; padding:12px 15px; background:#eaeaea;}
.mainLink dl {float:left; width:155px; margin:18px 0; padding-left:75px;}
.mainLink dt {margin-bottom:10px; font-size:15px; font-weight:bold;}
.mainLink dt a {color:#000;}
.mainLink dd {font-size:12px;}
.mainLink .icon01 {background:url('/~ftp_seilhoist/images/main/link01.png') left top no-repeat;}
.mainLink .icon02 {background:url('/~ftp_seilhoist/images/main/link02.png') left top no-repeat;}
.mainLink .icon03 {background:url('/~ftp_seilhoist/images/main/link03.png') left top no-repeat;}
.mainLink .icon04 {background:url('/~ftp_seilhoist/images/main/link04.png') left top no-repeat;}

.mainBanner {width:1000px; margin:30px auto 20px auto;}
.mainBanner span {float:left; padding:12px 0;}
.mainBanner div.list { width:940px; height:45px; float:left; margin:0 16px; position:relative; overflow:hidden; }
.mainBanner ul { width:940px; height:45px; position:relative; }
.mainBanner li { position:absolute; width:143px; height:43px; border:1px solid #ccc; }
.mainBanner li img {width:143px; height:43px;}


#containersub {width:1000px; margin:0 auto; background:url('/~ftp_seilhoist/images/main/bg_sub.gif') left top repeat-y;}
.snb {float:left; width:208px; padding:0 1px;}
.snb h2 {padding:45px 0 35px 0; color:#fff; font-size:28px; text-align:center; font-weight:bold; line-height:140%; background:url('/~ftp_seilhoist/images/main/bg_snb.gif') left top no-repeat;}
.snb h2 span {display:block; color:#e5e5e5; font-size:15px;}
.snb ul {background:#f8f8f8;}
.snb li {border-bottom:1px solid #d6dce3;}
.snb li a {display:block; width:188px; padding:10px 0 10px 20px; font-size:15px; font-weight:bold;}
.snb .on a, .snb li a:hover {color:#fff; background:url('/~ftp_seilhoist/images/main/snb_on.gif') right center no-repeat #0d5db7;}
.snb li ul {margin:15px; background:none;}
.snb li li {border:none;}
.snb .on li a {width:178px; padding:2px 0 2px 15px; color:#404040; font-size:13px; font-weight:normal; background:none;}
.snb .on .snb_on a, .snb .on li a:hover {font-weight:bold; color:#0a40a1; background:url('/~ftp_seilhoist/images/main/blt02.gif') left 9px no-repeat #f8f8f8;}

.content {float:right; width:740px; margin:45px 0;}
.content h3 {margin:45px 0 10px 0; padding-left:17px; font-size:19px; background:url('/~ftp_seilhoist/images/main/blt_h3.gif') left 3px no-repeat;}
.content h3:first-child {margin-top:0;}
.content h4 {margin:35px 0 15px 0; padding-left:21px; font-size:17px; color:#0d5db7; background:url('/~ftp_seilhoist/images/main/blt_h4.gif') left 5px no-repeat;}
.bodytitle {margin-bottom:40px; border-bottom:1px solid #d6dce3;}
.bodytitle h2 {padding-top:15px; font-size:38px; line-height:120%; background:url('/~ftp_seilhoist/images/main/blt_h2.gif') left top no-repeat;}
.bodytitle ul {float:right; margin:5px 0;}
.bodytitle li {float:left; padding-left:25px; color:#000; background:url('/~ftp_seilhoist/images/main/bg_navi.gif') 10px 5px no-repeat;}
.bodytitle li:first-child {padding-left:16px; background:url('/~ftp_seilhoist/images/main/icon_home.gif') left 5px no-repeat;}
.bodytitle li strong {color:#0d5db7;}


#footer {width:100%; padding:15px 0; background:#3f3f3f;}
#footer p {padding:3px 0; color:#b3b3b3; text-align:center;}
#footer p a {color:#fff;}