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


/* ===================================================================
CSS information

file name  :renewal.css
style info :リニューアルで用いるスタイル設定

■1 ヘッダー部分設定
■2 グローバルナビゲーション部分設定 < エキスパンドメニュー内部の組を変更する場合、ここで設定してください
■3 トップページコンテンツ部分設定
■4 フッター部分設定 （下層ページの背景色変更含む）
■5 ピックアップコンテンツ位置設定 < ピックアップコンテンツを増やす場合、組み替える場合はここで設定してください

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

/*----------------------------------------------------
■1 ヘッダー部分設定
----------------------------------------------------*/
#headerWrapper {
border-top:5px solid #0a62ba;
height:90px;
background:url(https://www.kobelco.co.jp/share/img/top/headerLine.png) no-repeat bottom #fcfcfc;
min-width:1003px;
}

#header {
margin:0 auto;
position:relative;
z-index:10;
width:970px;
}
#header h1 {
display:block;
position:absolute;
top:27px;
left:0;
}
#header .language {
position:absolute;
top:13px;
left:282px;
height:20px;
}
#header .language li {
padding:0 25px 0 0;
float:left;
}
#header .language li a {
padding:0 0 0 10px;
color:#000;
background:url(https://www.kobelco.co.jp/share/img/top/arrowBlack.png) no-repeat center left;
font-size:12px;
}
#header .language li a:hover {
padding:0 0 0 10px;
color:#0a62ba;
background:url(https://www.kobelco.co.jp/share/img/top/arrowBlue.png) no-repeat center left;
text-decoration:none;
}
#header .language li strong {
padding:0 0 0 10px;
color:#0a62ba;
background:url(https://www.kobelco.co.jp/share/img/top/arrowBlue.png) no-repeat center left;
font-weight:normal;
font-size:12px;
}
#header #search {
position:absolute;
top:19px;
right:0;
width:370px;
height:49px;
}
#header #search .search-input {
margin:0;
padding:0;
position:absolute;
top:0;
right:50px;
width:118px;
height:18px;
}
#header #search .search-btn {
position:absolute;
top:0;
right:0;
}
#header #search .second-low-k12 {
padding:1px 0 0;
color:#4d4d4d;
font-size:12px;
}
#header #search .second-low-k12 input {
vertical-align:-0.1em;
}
#header #search .second-low-k12 label {
margin:0 13px 0 0;
}



/*----------------------------------------------------
■2 グローバルナビゲーション部分設定
----------------------------------------------------*/
#gnavi {
padding:11px 0 0 84px;
position:absolute;
top:55px;
right:0;
width:608px;
background:url(https://www.kobelco.co.jp/share/img/top/gnaviLine.png) no-repeat;
}
#gnavi li {
margin:0 0 0 2px;
float:left;
background:url(https://www.kobelco.co.jp/share/img/top/gnaviBg.png) no-repeat;
}
/*#gnavi li.active {
background:url(/share/img/top/gnaviBg_ov.png) no-repeat;
}*/
#gnavi li a {
display:block;
width:150px;
height:34px;
-moz-box-shadow:rgba(0, 0, 0, 0.4) 2px 4px 4px 0px;
-webkit-box-shadow:rgba(0, 0, 0, 0.4) 2px 4px 4px 0px;
box-shadow:rgba(0, 0, 0, 0.4) 2px 4px 4px 0px;
}
/*#gnavi li.active a {
height:54px;
background:url(/share/img/top/arrowWhite.png) no-repeat bottom center;
}*/

/* --- エキスパンド部分 --- */
#gnaviExpand {
border:1px solid #666;
position:absolute;
top:120px;
left:0;
width:968px;
height:423px;
overflow:hidden;
background:url(https://www.kobelco.co.jp/share/img/top/expandBg.png);
opacity:0;
}
#gnaviExpand > ul {
display:block;
width:968px;
height:423px;
}
#gnaviExpand ul li ul {
padding:14px 0 14px 29px;
}
#gnaviExpand ul li ul:after {
display:block;
clear:both;
height:0.1px;
line-height:0;
visibility:hidden;
font-size:0.1em;
content:"";
}
#gnaviExpand li.sectionTitle {
margin:0 0 15px 0;
display:block;
height:28px;
color:#fff;
font-weight:bold;
font-size:20px;
}
#gnaviExpand ul li ul li a {
margin:0 10px 10px 0;
padding:0 15px 0 0;
display:block;
float:left;
width:150px;
min-height:50px;
color:#333;
background:url(https://www.kobelco.co.jp/share/img/top/gnaviLinkBg.png) no-repeat right center #f9f9f9;
font-size:14px;
}
#gnaviExpand ul li ul li a:hover {
text-decoration:none;
}
#gnaviExpand ul li ul li a span {
padding:0 7px;
display:table-cell;
width:150px;
vertical-align:middle;
}

/* --- エキスパンド部分 --- */
#headerWrapper #gnaviExpand {
border:1px solid #666;
position:relative;
top:120px;
left:0;
width:968px;
height:423px;
overflow:hidden;
background:url(https://www.kobelco.co.jp/share/img/top/expandBg.png);
opacity:0;
margin:0px auto;
}
#headerWrapper #gnaviExpand > ul {
display:block;
width:968px;
height:423px;
}
#headerWrapper #gnaviExpand ul li ul {
padding:14px 0 14px 29px;
}
#headerWrapper #gnaviExpand ul li ul:after {
display:block;
clear:both;
height:0.1px;
line-height:0;
visibility:hidden;
font-size:0.1em;
content:"";
}
#headerWrapper #gnaviExpand li.sectionTitle {
margin:0 0 15px 0;
display:block;
height:28px;
color:#fff;
font-weight:bold;
font-size:20px;
}
#headerWrapper #gnaviExpand ul li ul li a {
margin:0 10px 10px 0;
padding:0 15px 0 0;
display:block;
float:left;
width:150px;
min-height:50px;
color:#333;
background:url(https://www.kobelco.co.jp/share/img/top/gnaviLinkBg.png) no-repeat right center #f9f9f9;
font-size:14px;
}
#headerWrapper #gnaviExpand ul li ul li a:hover {
text-decoration:none;
}
#headerWrapper #gnaviExpand ul li ul li a span {
padding:0 7px;
display:table-cell;
width:150px;
vertical-align:middle;
}

/* --- 各エキスパンド部分設定 --- */
/* --- エキスパンド部分の中はここで設定してください --- */
#expandAbout .section1 {
border-right:1px solid #666;
float:left;
width:398px;
height:423px;
}
#expandAbout .section2 {
float:right;
width:569px;
height:423px;
}
#expandProducts .section1 {
border-right:1px solid #666;
float:left;
width:384px;
height:423px;
}
#expandProducts .section2 {
border-right:1px solid #666;
float:left;
width:379px;
height:423px;
}
#expandProducts .section2 ul {
padding:14px 0 14px 19px;
}
#expandProducts .section3 {
float:left;
width:203px;
height:423px;
}
#expandProducts .section3 ul {
padding:14px 0 14px 19px;
}
#expandIr .section1 {
border-right:1px solid #666;
float:left;
width:569px;
height:423px;
}
#expandIr .section2 {
float:right;
width:398px;
height:423px;
}
#expandRecruit .section1 ul {
padding:14px 0 14px 52px;
}



/*----------------------------------------------------
■3 トップページコンテンツ部分設定
----------------------------------------------------*/
#contentsWrapper {
padding:0;
position:relative;
min-height:100%;
background:#000;
}
#contentsWrapper:after {
display:block;
clear:both;
height:0.1px;
line-height:0;
visibility:hidden;
font-size:0.1em;
content:"";
}
#contents {
padding:334px 0 0 0;
position:relative;
width:100%;
background:url(https://www.kobelco.co.jp/share/img/top/bgGradation.png) 0 0 repeat-x;
min-width:1003px;
}

/* --- プロモーションエリア部分設定 --- */
#promote {
position:absolute;
top:0;
z-index:0;
width:100%;
min-width:1003px;
}
#promote li {
position:relative;
}
min-width:1003px; li img {
width:100%;
height:auto;
}

/* --- ピクトメニュー部分設定 --- */
#pictMenu {
width:969px;
height:119px;
margin:0 auto 20px;
border-top:1px solid #0e81f7;
border-bottom:1px solid #0e81f7;
border-left:1px solid #0e81f7;
position:relative;
overflow:hidden;
}
#pictMenu:after {
display:block;
clear:both;
height:0.1px;
line-height:0;
visibility:hidden;
font-size:0.1em;
content:"";
}
#pictMenu li {
border-right:1px solid #0e81f7;
float:left;
width:106px;
height:119px;
position:absolute;
background:url(https://www.kobelco.co.jp/share/img/top/pictMenuBg.png) repeat-x;
text-align:center;
line-height:1;
cursor:pointer;
}
#pictMenu li a {
color:#fff;
font-size:11px;
}
#pictMenu li img {
margin:0 auto;
display:block;
}
#pictMenu li .pict {
margin:0 auto;
display:block;
width:100px;
height:87px;
background-repeat: no-repeat;
}
#pictMenu li .pict.steel {
background-image:url(https://www.kobelco.co.jp/share/img/top/iconSteel_s.png);
}
#pictMenu li .pict.welding {
background-image:url(https://www.kobelco.co.jp/share/img/top/iconWelding_s.png);
}
#pictMenu li .pict.alcu {
background-image:url(https://www.kobelco.co.jp/share/img/top/iconAlcu_s.png);
}
#pictMenu li .pict.machinery {
background-image:url(https://www.kobelco.co.jp/share/img/top/iconMachinery_s.png);
}
#pictMenu li .pict.engineering {
background-image:url(https://www.kobelco.co.jp/share/img/top/iconEngineering_s.png);
}
#pictMenu li .pict.solution {
background-image:url(https://www.kobelco.co.jp/share/img/top/iconSolution_s.png);
}
#pictMenu li .pict.kenki {
background-image:url(https://www.kobelco.co.jp/share/img/top/iconKenki_s.png);
}
#pictMenu li .pict.cranes {
background-image:url(https://www.kobelco.co.jp/share/img/top/iconCranes_s.png);
}
#pictMenu li .pict.other {
background-image:url(https://www.kobelco.co.jp/share/img/top/iconOther_s.png);
}
#pictMenu li .pict:hover {
background-position:0% 100%;
background-position-x:0%;
background-position-y:100%;
}

/* --- プレスリリース、お知らせ部分設定 --- */
#news {
margin:0 auto 20px;
width:970px;
font-size:14px;
}
#news:after {
display:block;
clear:both;
height:0.1px;
line-height:0;
visibility:hidden;
font-size:0.1em;
content:"";
}
#news h2 {
margin:5px 4px;
padding:0 0 0 12px;
border-left:3px solid #0f7ceb;
line-height:30px;
color:#0e64b4;
font-size:18px;
}
#news .btnRss {
display:block;
position:absolute;
top:11px;
right:75px;
}
#news .btnList {
display:block;
position:absolute;
top:11px;
right:10px;
}
#news ul {
padding:10px 6px;
border-top:1px solid #cbcbcb;
}
#news li {
padding:0 7px;
line-height:2;
overflow:hidden;
font-size:14px;
text-align:left;
white-space:nowrap;
-ms-text-overflow:ellipsis;
text-overflow:ellipsis;
word-wrap:normal;
cursor:pointer;
}
#news li a {
color:#333;
}
#news li a:hover {
text-decoration:none;
}
#news li span {
display:inline-block;
width:50px;
}
#pressRelease {
position:relative;
float:left;
width:480px;
background:#fff;
}
#info {
position:relative;
float:right;
width:480px;
background:#fff;
}

/* --- ピックアップコンテンツ部分基本設定 --- */
#pickup {
margin:0 auto;
position:relative;
width:970px;
/*height:394px;*/
/*height:792px;*/
}
#pickup li {
position:absolute;
}
#pickup li > div {
display:block;
position:relative;
cursor:pointer;
}
#pickup img {
position:absolute;
top:0;
left:0;
}
#pickup a {
display:block;
position:absolute;
bottom:0;
left:0;
overflow:hidden;
color:#fff;
font-weight:bold;
}
/*#pickup li:hover a {
text-decoration:underline;
}*/
#pickup .shadow {
position:absolute;
}
#pickup .box262x484 {
width:484px;
height:262px;
}
#pickup .box262x484 a {
padding:0 15px 15px;
width:454px;
font-size:20px;
}
#pickup .box262x484 .shadow {
width:484px;
height:262px;
background:url(https://www.kobelco.co.jp/share/img/top/shadow262x484.png) repeat-x bottom;
}
#pickup .box130x241 {
width:241px;
height:130px;
}
#pickup .box130x241 a {
padding:0 13px 8px;
width:215px;
font-size:14px;
}
#pickup .box130x241 .shadow {
width:241px;
height:130px;
background:url(https://www.kobelco.co.jp/share/img/top/shadow130x241.png) repeat-x bottom;
}
#pickup .box262x241 {
width:241px;
height:262px;
}
#pickup .box262x241 a {
padding:0 13px 8px;
width:215px;
font-size:14px;
}
#pickup .box262x241 .shadow {
width:241px;
height:262px;
background:url(https://www.kobelco.co.jp/share/img/top/shadow262x241.png) repeat-x bottom;
}
#pickup .box130x484 {
width:484px;
height:130px;
}
#pickup .box130x484 a {
padding:0 13px 8px;
width:458px;
font-size:14px;
}
#pickup .box130x484 .shadow {
width:484px;
height:130px;
background:url(https://www.kobelco.co.jp/share/img/top/shadow130x484.png) repeat-x bottom;
}

/* --- ローテーションバナー基本設定 --- */
#banner {
margin:40px auto;
position:relative;
width:970px;
height:70px;
overflow:hidden;
}
#banner ul {
display:inline;
}
#banner li {
margin:0 2px;
}
#bnrLeftarrow {
position:absolute;
top:0;
left:0;
cursor:pointer;
}
#bnrRightarrow {
position:absolute;
top:0;
right:0;
cursor:pointer;
}

/* --- 下部テキストリンク設定 --- */
#bottomInfo {
margin:0 auto 40px;
padding:5px 15px;
width:940px;
background:#fff;
}
#bottomInfo a {
color:#000;
font-size:14px;
}
#bottomInfo li {
padding:0 0 0 7px;
line-height:1.6;
background:url(https://www.kobelco.co.jp/share/img/top/arrowBlack.png) no-repeat center left;
}



/*----------------------------------------------------
■4 フッター部分設定
----------------------------------------------------*/
#footerWrapper {
padding:25px 0 0;
border-bottom:5px solid #0a62ba;
position:relative;
width:100%;
background:#fff;
min-width:1003px;
}

#wrap-header-k12 #footerWrapper,
#home-k12 #footerWrapper{
background:#e2e2e2;
}

#footerWrapper:after {
display:block;
clear:both;
height:0.1px;
line-height:0;
visibility:hidden;
font-size:0.1em;
content:"";
}
#footer {
margin:0 auto;
position:relative;
width:970px;
}
#footer a {
color:#000;
}
#footer ul {
padding:0 0 0 13px;
border-left:1px solid #ccc;
float:left;
width:156px;
}
#footer ul:first-child {
border:none;
}
#footer ul li {
margin:0;
padding:0;
display:block;
width:100%;
line-height:1.6;
color:#000;
background:none;
font-size:12px;
}
#footer ul li.listTitle {
padding:0 0 20px;
height:17px;
font-weight:bold;
}
#footer a.inquiryBtn {
padding:9px 7px 9px 30px;
border:1px solid #999;
display:block;
position:absolute;
top: 140px;
right:0;
line-height:1;
color:#666;
background:url(https://www.kobelco.co.jp/share/img/top/inquiryIcon.png) no-repeat 5px 7px;
font-weight:bold;
font-size:11px;
background-color:#fff;
}
#footer a.publicBtn {
padding:9px 7px 9px 30px;
border:1px solid #999;
display:block;
position:absolute;
top: 0px;
left:0;
line-height:1;
color:#666;
background:url(https://www.kobelco.co.jp/share/img/top/inquiryIcon.png) no-repeat 5px 7px;
font-weight:bold;
font-size:11px;
}
#footer a.inquiryBtn:hover {
border:1px solid #0a62ba;
color:#fff;
background:url(https://www.kobelco.co.jp/share/img/top/inquiryIcon.png) no-repeat 5px 7px #3399ff;
text-decoration:none;
}
#footer h2 {
padding:40px 0 20px;
float:left;
width:157px;
}
#footer h3 {
padding:45px 0 0;
float:right;
color:#4d4d4d;
font-weight:normal;
font-size:12px;
}

#footer h4.left {
padding:10px 0 10px;
font-weight:normal;
float:left;
}

#footer h4.right {
padding:10px 0 10px;
font-weight:normal;
float:right;
}

#inquiryBox {
padding:9px 7px 9px 30px;
margin-top:5px;
border:1px solid #999;
display:block;
line-height:1;
color:#666;
background:url(https://www.kobelco.co.jp/share/img/top/inquiryIcon.png) no-repeat 5px 7px;
font-weight:bold;
font-size:11px;
float:right;
}
#publicBox {
padding:9px 30px 9px 29px;
border:1px solid #999;
display:block;
line-height:1;
color:#666;
font-weight:bold;
font-size:11px;
float:right;
}
#spBox {
padding:9px 30px 9px 29px;
margin-top:5px;
border:1px solid #999;
display:block;
line-height:1;
color:#666;
font-weight:bold;
font-size:11px;
float:left;
}
#spBox2 {
padding:0px 30px 9px 13px;
display:block;
line-height:1;
color:#666;
font-weight:normal;
font-size:12px;
float:left;
}

/*----------------------------------------------------
■5 ピックアップコンテンツ位置設定
----------------------------------------------------*/
/*
グリッドの最小単位は130x241です。ここに2pxのマージンが入ります。
したがって、1段目のtopは0、2段目のtopは132、3段目のtopは264、4段目のtopは396、5段目のtopは528、6段目のtopは660になります。
これ以降は随時このcssに追加していってください。
leftの値は、左から0、243、486、729となります。
また、ピックアップコンテンツのheightはjavascriptで自動的に設定されるので、
#pickupのliの最後は必ず一番右下のコンテンツにしてください。
*/
#pickup .position0x0 {
top:0;
left:0;
}
#pickup .position0x243 {
top:0;
left:243px;
}
#pickup .position0x486 {
top:0;
left:486px;
}
#pickup .position0x729 {
top:0;
left:729px;
}

#pickup .position132x0 {
top:132px;
left:0;
}
#pickup .position132x243 {
top:132px;
left:243px;
}
#pickup .position132x486 {
top:132px;
left:486px;
}
#pickup .position132x729 {
top:132px;
left:729px;
}

#pickup .position264x0 {
top:264px;
left:0;
}
#pickup .position264x243 {
top:264px;
left:243px;
}
#pickup .position264x486 {
top:264px;
left:486px;
}
#pickup .position264x729 {
top:264px;
left:729px;
}
#pickup .position396x0 {
top:396px;
left:0;
}
#pickup .position396x243 {
top:396px;
left:243px;
}
#pickup .position396x486 {
top:396px;
left:486px;
}
#pickup .position396x729 {
top:396px;
left:729px;
}
#pickup .position528x0 {
top:528px;
left:0;
}
#pickup .position528x243 {
top:528px;
left:243px;
}
#pickup .position528x486 {
top:528px;
left:486px;
}
#pickup .position528x729 {
top:528px;
left:729px;
}
#pickup .position660x0 {
top:660px;
left:0;
}
#pickup .position660x243 {
top:660px;
left:243px;
}
#pickup .position660x486 {
top:660px;
left:486px;
}
#pickup .position660x729 {
top:660px;
left:729px;
}