@charset "UTF-8";

/*
index.css Document
------------------------------------------------------------------------------------------
em値は絶対値（px）ではなく拡大縮小率（%の値）
font-size（em値）は、上位から継承された値に対するem値（拡大縮小率）
font-size変更はline-heightも変更
*/

@media all {

/* ************ Header ************ */

/* Full Screen Index Only */
#header4 {
background: url("http://www.stdjpn.co.jp/img/stage_bg1_315.gif") left top repeat-x #fff;
width: 100%;
padding: 0;
margin: 0;
}

/* Layout Center Index Only */
#header4_880 {
background: url("http://www.stdjpn.co.jp/img/stage_bg880_315.gif") left top no-repeat;
width: 880px;
padding: 0;
margin: 0 auto;
}

#header4_860 {
width: 860px;
padding: 0 10px 15px;
margin: 0;
}

/* ------ Stage ------ */

#header4_860 #stage {
background: #000;
width: 860px;
padding: 0;
margin: 0;
position: relative;
left: 0px;
top: 0px;
}

#header4_860 p {
background: none;
width: 340px;
height: 40px;
padding: 0;
margin: 0;
position: absolute;
left: 40px;
bottom: 40px;
}

#header4_860 p a:link,
#header4_860 p a:visited {
background: url("http://www.stdjpn.co.jp/img/stage_recruit340.png") left top no-repeat;
width: 340px;
height: 40px;
padding: 0;
margin: 0;
display: block;
}

#header4_860 p a:focus,
#header4_860 p a:hover,
#header4_860 p a:active {
background: url("http://www.stdjpn.co.jp/img/stage_recruit340.png") -340px top no-repeat;
width: 340px;
height: 40px;
padding: 0;
margin: 0;
display: block;
}

#header4_860 p a img.clear {
width: 340px;
height: 40px;
padding: 0;
margin: 0;
}

/* ************ Container ************ */

/* ****** Container1 ****** */

/* ------ Main ------ */

#main #box_updateinfo {

background: #fff;
width: 600px;
padding: 0;
margin: 0 0 20px;
}

#main #box_updateinfo article {
background: #fff;
width: 600px;
padding: 0;
margin: 0;
}

#main #box_updateinfo article ol {
background: #fff;
width: 600px;
padding: 0;
margin: 0;
}

#main #box_updateinfo article ol li.left {
float: left;
background: #fff;
width: 70px;
padding: 0;
margin: 0 10px 0 0;
border: none;
}

#main #box_updateinfo article ol li.left h3 {
background: #fff;
width: 70px;
padding: 0;
margin: 0;
}

#main #box_updateinfo article ol li.right {
overflow-y: scroll;   
overflow-x: hidden;   
float: left;
background: #fff;
width: 520px;
height:150px;
padding: 4px 0;
margin: 0;
border-top: solid 2px #a2c2e6;
border-bottom: solid 2px #a2c2e6;
}

#main #box_updateinfo article ol li.right dl {
background: #fff;
width: 500px;
}

#main #box_updateinfo article ol li.right dl dt {
float: left;
background: #fff;
font-size: 0.75em;/*16pxの75%→12px*/
font-weight: normal;
line-height: 1.667em;/*12pxの166.7%→20px*/
text-align: left;
text-decoration: none;
color: #000;
width: 72px;
padding: 0 0 0 5px;
margin: 0 10px 0 0;
}

#main #box_updateinfo article ol li.right dl dd {
float: left;
background: #fff;
font-size: 0.75em;/*16pxの75%→12px*/
font-weight: normal;
line-height: 1.667em;/*12pxの166.7%→20px*/
text-align: left;
text-decoration: none;
color: #000;
width: 390px;
padding: 0 0 0 10px;
margin: 0;
border-left: dotted 1px #a2c2e6;
}

#main #box_updateinfo article ol li.button img {
float: right;
background: #fff;
width: 520px;
margin: 5px 0px 0px 0px;
}


#main .box article #stdjapan_bgbottom {
background: url("http://www.stdjpn.co.jp/img/index_bgbottom600.png") left bottom no-repeat #fff;
width: 600px;
padding: 0;
margin: 0;
}

#main .box article #stdjapan_bgbottom #stdjapan_bgtop {
background: url("http://www.stdjpn.co.jp/img/index_bgtop600.png") left top no-repeat;
padding: 0 0 10px;
margin: 0;
}

#main .box article #stdjapan_bgbottom #stdjapan_bgtop #stdjapan {
font-size: 0.75em;/*16pxの75%→12px*/
font-weight: normal;
line-height: 1.667em;/*12pxの166.7%→20px*/
text-align: left;
text-decoration: none;
color: #fff;
width: 360px;
padding: 120px 0 30px 20px;
margin: 0;
}

#main #box_totalservice {
background: #fff;
width: 600px;
padding: 0;
margin: 0 0 40px;
}

#main #box_totalservice h3 {
background: #fff;
width: 600px;
padding: 0;
margin: 0 0 20px;
}

#main #box_totalservice article {
width: 600px;
padding: 0;
margin: 0;
}

#main #box_totalservice article .bgbottom {
background: url("http://www.stdjpn.co.jp/img/totalservice_bgbottom600.gif") left bottom no-repeat #fff;
width: 600px;
padding: 0 0 5px;
margin: 0 0 5px;
}

#main #box_totalservice article .bgbottom_endcap {
background: url("http://www.stdjpn.co.jp/img/totalservice_bgbottom600.gif") left bottom no-repeat #fff;
width: 600px;
padding: 0 0 5px;
margin: 0;
}

#main #box_totalservice article .bgbottom .bgtop,
#main #box_totalservice article .bgbottom_endcap .bgtop {
background: url("http://www.stdjpn.co.jp/img/totalservice_bgtop600.gif") left top no-repeat;
width: 600px;
padding: 5px 0 0;
margin: 0;
}

#main #box_totalservice article .bgbottom .bgtop ul.totalservice_bgmiddle_wrapper li.left,
#main #box_totalservice article .bgbottom_endcap .bgtop ul.totalservice_bgmiddle_wrapper li.left {
background: #000;
float: left;
width: 185px;
padding: 0;
margin: 0;
}

#main #box_totalservice article .bgbottom .bgtop ul.totalservice_bgmiddle_wrapper li.left h2,
#main #box_totalservice article .bgbottom_endcap .bgtop ul.totalservice_bgmiddle_wrapper li.left h2 {
background: url("http://www.stdjpn.co.jp/img/totalservice_bgmiddle600.gif") left top repeat-y;
width: 185px;
padding: 0 0 0 5px;
margin: 0;
}

#main #box_totalservice article .bgbottom .bgtop ul.totalservice_bgmiddle_wrapper li.left h2 a:link,
#main #box_totalservice article .bgbottom .bgtop ul.totalservice_bgmiddle_wrapper li.left h2 a:visited,
#main #box_totalservice article .bgbottom_endcap .bgtop ul.totalservice_bgmiddle_wrapper li.left h2 a:link,
#main #box_totalservice article .bgbottom_endcap .bgtop ul.totalservice_bgmiddle_wrapper li.left h2 a:visited {
background: url("http://www.stdjpn.co.jp/img/totalservice_button180.gif") left top no-repeat;
background-size: 360px 100%;
font-size: 0.75em;/*16pxの75%→12px*/
font-weight: bold;
line-height: 4.833em;/*12pxの483.3%→58px*/
text-align: center;
text-decoration: none;
color: #000;
width: 150px;
height: 5em;/*12pxの500%→60px*/
padding: 0 30px 0 0;
margin: 0;
display: block;
}

#main #box_totalservice article .bgbottom .bgtop ul.totalservice_bgmiddle_wrapper li.left h2 a:focus,
#main #box_totalservice article .bgbottom .bgtop ul.totalservice_bgmiddle_wrapper li.left h2 a:hover,
#main #box_totalservice article .bgbottom .bgtop ul.totalservice_bgmiddle_wrapper li.left h2 a:active,
#main #box_totalservice article .bgbottom_endcap .bgtop ul.totalservice_bgmiddle_wrapper li.left h2 a:focus,
#main #box_totalservice article .bgbottom_endcap .bgtop ul.totalservice_bgmiddle_wrapper li.left h2 a:hover,
#main #box_totalservice article .bgbottom_endcap .bgtop ul.totalservice_bgmiddle_wrapper li.left h2 a:active {
background: url("http://www.stdjpn.co.jp/img/totalservice_button180.gif") -180px top no-repeat;
background-size: 360px 100%;
font-size: 0.75em;/*16pxの75%→12px*/
font-weight: bold;
line-height: 5.167em;/*12pxの516.7%→62px*/
text-align: center;
text-decoration: none;
color: #666;
width: 150px;
height: 5em;/*12pxの500%→60px*/
padding: 0 30px 0 0;
margin: 0;
display: block;
}

#main #box_totalservice article .bgbottom .bgtop ul.totalservice_bgmiddle_wrapper li.right,
#main #box_totalservice article .bgbottom_endcap .bgtop ul.totalservice_bgmiddle_wrapper li.right {
background: url("http://www.stdjpn.co.jp/img/totalservice_bgmiddle600.gif") -185px top no-repeat;
font-size: 0.75em;/*16pxの75%→12px*/
font-weight: normal;
line-height: 1.5em;/*12pxの150%→18px*/
text-align: left;
text-decoration: none;
color: #000;
float: left;
width: 390px;
padding: 0.417em 15px 0.417em 10px;/*12pxの41.7%→5px*/
margin: 0;
}

#main .box #gyomu_wrapper {
background: #fff;
width: 600px;
padding: 0;
margin: 0 0 15px;
}

#main .box #gyomu_wrapper figure#open {
float: left;
background: #fff;
width: 215px;
padding: 0;
margin: 0 35px 0 0;
}

#main .box #gyomu_wrapper figure#open figcaption {
background: #fff;
font-size: 0.75em;/*16pxの75%→12px*/
font-weight: normal;
line-height: 1.667em;/*12pxの166.7%→20px*/
text-align: left;
text-decoration: none;
color: #000;
width: 210px;
padding: 0;
margin: 0;
}

#main .box #gyomu_wrapper figure#open figcaption h2 {
background: #d4d9df;
font-size: 1em;/*12pxの100%→12px*/
font-weight: bold;
line-height: 1.667em;/*12pxの166.7%→20px*/
text-align: left;
text-decoration: none;
color: #333;
width: 190px;
padding: 0 10px;
margin: 0 0 20px;
}

#main .box #gyomu_wrapper figure#open ul {
width: 215px;
padding: 0;
margin: 0;
}

#main .box #gyomu_wrapper figure#open ul li#java {
float: left;
background: #fff;
width: 100px;
padding: 0 5px 5px 0;
margin: 0 5px 0 0;
}

#main .box #gyomu_wrapper figure#open ul li#java img {
width: 100px;
padding: 0;
margin: 0;
box-shadow: 1px 1px 2px 0 #d4d9df;
-moz-box-shadow: 1px 1px 2px 0 #d4d9df;/*Gekko*/
-webkit-box-shadow: 1px 1px 2px 0 #d4d9df;/*Webkit*/
}

#main .box #gyomu_wrapper figure#open ul li#ebusiness {
float: left;
background: #fff;
width: 100px;
padding:0 5px 5px 0;
margin: 0;
}

#main .box #gyomu_wrapper figure#open ul li#ebusiness img {
width: 100px;
padding: 0;
margin: 0;
}

#main .box #gyomu_wrapper figure#erp {
background: #fff;
float: left;
width: 105px;
padding: 0;
margin: 0;
}

#main .box #gyomu_wrapper figure#erp figcaption {
background: #fff;
font-size: 0.75em;/*16pxの75%→12px*/
font-weight: normal;
line-height: 1.667em;/*12pxの166.7%→20px*/
text-align: left;
text-decoration: none;
color: #000;
width: 100px;
padding: 0;
margin: 0;
}

#main .box #gyomu_wrapper figure#erp figcaption h2 {
background: #d4d9df;
font-size: 1em;/*12pxの100%→12px*/
font-weight: bold;
line-height: 1.667em;/*12pxの166.7%→20px*/
text-align: left;
text-decoration: none;
color: #333;
width: 80px;
padding: 0 10px;
margin: 0 0 20px;
}

#main .box #gyomu_wrapper figure#erp p#sap {
background: #fff;
width: 100px;
padding: 0 5px 5px 0;
margin: 0;
}

#main .box #gyomu_wrapper figure#erp p#sap img {
width: 100px;
padding: 0;
margin: 0;
box-shadow: 1px 1px 2px 0 #d4d9df;
-moz-box-shadow: 1px 1px 2px 0 #d4d9df;/*Firefox*/
-webkit-box-shadow: 1px 1px 2px 0 #d4d9df;/*Webkit*/
}

#main .box #gyomu_wrapper figure#hanyo {
float: right;
background: #fff;
width: 210px;
padding: 0;
margin: 0;
}

#main .box #gyomu_wrapper figure#hanyo figcaption {
background: #fff;
font-size: 0.75em;/*16pxの75%→12px*/
font-weight: normal;
line-height: 1.667em;/*12pxの166.7%→20px*/
text-align: left;
text-decoration: none;
color: #000;
width: 210px;
padding: 0;
margin: 0;
}

#main .box #gyomu_wrapper figure#hanyo figcaption h2 {
background: #d4d9df;
font-size: 1em;/*12pxの100%→12px*/
font-weight: bold;
line-height: 1.667em;/*12pxの166.7%→20px*/
text-align: left;
text-decoration: none;
color: #333;
width: 94px;
padding: 0 10px;
margin: 0 0 20px;
}

#main .box #gyomu_wrapper figure#hanyo p#as400 {
background: #fff;
width: 200px;
padding: 0;
margin: 0;
}

#main .box article h3 {
background: url("http://www.stdjpn.co.jp/img/subject8.gif") left center no-repeat #fff;
font-size: 0.75em;/*16pxの75%→12px*/
font-weight: bold;
line-height: 1.667em;/*12pxの166.7%→20px*/
text-align: left;
text-decoration: none;
color: #000;
width: 570px;
padding: 0 15px;
margin: 0 0 0.333em;/*12pxの33.3%→4px*/
}

#main .box article ul {
background: #fff;
width: 600px;
padding: 0;
margin: 0 0 10px;
}

#main .box article ul li {
background: #fff;
font-size: 0.75em;/*16pxの75%→12px*/
font-weight: normal;
line-height: 1.667em;/*12pxの166.7%→20px*/
text-align: left;
text-decoration: none;
color: #000;
width: 600px;
padding: 0;
margin: 0;
}

#main .box article ul li h2 {
background: #fff;
font-size: 1em;/*12pxの100%→12px*/
font-weight: bold;
line-height: 1.667em;/*12pxの166.7%→20px*/
text-align: left;
text-decoration: none;
color: #333;
width: 600px;
padding: 0;
margin: 0;
}

#main .box article ul li a:link,
#main .box article ul li a:visited {
background: url("http://www.stdjpn.co.jp/img/nav11.gif") left center no-repeat #fff;
font-size: 1em;/*12pxの100%→12px*/
font-weight: normal;
line-height: 1.667em;/*12pxの166.7%→20px*/
text-align: left;
text-decoration: underline;
color: #000;
width: 576px;
padding: 0 12px;
margin: 0;
}

#main .box article ul li a:focus,
#main .box article ul li a:hover,
#main .box article ul li a:active {
background: url("http://www.stdjpn.co.jp/img/nav11.gif") -600px center no-repeat #fff;
font-size: 1em;/*12pxの100%→12px*/
font-weight: normal;
line-height: 1.667em;/*12pxの166.7%→20px*/
text-align: left;
text-decoration: none;
color: #999;
width: 576px;
padding: 0 12px;
margin: 0;
}

/* Credit Line */
#main .box article p#creditline {
background: #fff;
font-size: 0.625em;/*16pxの62.5%→10px*/
font-weight: normal;
line-height: 1.8em;/*10pxの180%→18px*/
text-align: left;
text-decoration: none;
color: #000;
width: 600px;
padding: 0;
margin: 0;
}

}/* @media all */