@charset "utf-8";

/* ------------------------------------------------------------------
/////////////////////////////////////////////////////////////////////
base
/////////////////////////////////////////////////////////////////////
------------------------------------------------------------------ */

#container {
margin: 0;
padding: 0;
}
#contents {
width: 1020px;
height: 100%;
overflow: hidden;
margin: 1px auto 0;
padding: 60px 40px 0;
background: url(../img/common/sdw01.png) top no-repeat;
}


/* ------------------------------------------------------------------
/////////////////////////////////////////////////////////////////////
Page Title
/////////////////////////////////////////////////////////////////////
------------------------------------------------------------------ */

#pageTitle {
background: url(../img/flow/pageImage.jpg) center;
background-size: cover;
}


/* ------------------------------------------------------------------
/////////////////////////////////////////////////////////////////////
Flow of Manufacturing
/////////////////////////////////////////////////////////////////////
------------------------------------------------------------------ */

#flow {
overflow: hidden;
margin: 0;
padding: 0;
}
#flow p.introTxt {
width: 1020px;
padding: 0;
font-size: 15px;
}
#flow ol {
margin: 30px 0 0;
padding: 0;
list-style: none;
}
#flow ol li {
margin: 0;
padding: 0;
}
#flow ol li div {
height: 297px;
overflow: hidden;
margin: -37px 0 0 23px;
padding: 0 0 0 122px;
background: url(../img/flow/ar01.png) bottom left no-repeat;
}
#flow ol li.step02 div {
height: 100%;
padding: 0 0 20px 122px;
background: url(../img/flow/ar02.png) bottom left no-repeat;
}
#flow ol li.step07 div {
background: none;
}
#flow ol li div p {
overflow: hidden;
}
#flow ol li.step01 div img,
#flow ol li.step02 div img,
#flow ol li.step03 div img,
#flow ol li.step04 div img,
#flow ol li.step05 div img,
#flow ol li.step06 div img,
#flow ol li.step07 div img {
margin: 0 20px 20px 0;
}
#flow ol li.step01 div img.extra,
#flow ol li.step02 div img.extra,
#flow ol li.step03 div img.extra,
#flow ol li.step04 div img.extra,
#flow ol li.step05 div img.extra,
#flow ol li.step06 div img.extra,
#flow ol li.step07 div img.extra {
margin: 0 0 20px;
}
.flowImg {
position: relative;
bottom: -20px;
}