@charset "utf-8";


/*
*	Title: SCSK サービス詳細用
*	URI: 
*	Last Modified: 
*	Description: メインカラム（サービス詳細内容）
*/

h4.acmsH41 {
width: 560px;
height: 20px;
display: block;
overflow: hidden;
text-indent: -1000em;
background: url(../img/lb_oshirase.gif) no-repeat left top;
}

h4.acmsH42 {
width: 560px;
height: 20px;
display: block;
overflow: hidden;
text-indent: -1000em;
background: url(../img/lb_lineup.gif) no-repeat left top;
}
h4.acmsH42 a {
overflow: hidden;
text-indent: -1000em;
}
h4.acmsH42 a:hover {
overflow: hidden;
text-indent: -1000em;
}

/*削除ページ marathon.html で使用していると思われる設定↓ START */
/*h4.marathon {
width: 580px;
height: 70px;
background: url(../img/tlogo_marathon.gif) no-repeat left top;
overflow: hidden;
text-indent: -1000em;
}

h5.marathon {
background: #003366;
color: #fff;
margin: 10px 0;
padding: 5px 10px;
}
h5.marathon a { color: #fff!important; }
h5.marathon a:hover { color: #fff!important; }*/
/*削除ページ marathon.html で使用していると思われる設定↑ END */

dl.acmsInfo { margin: 0 0 30px 20px; }
dl.acmsInfo dt {
width: 90px;
float: left;
background: url(../img/bt_yajirushi01.gif) no-repeat left center;
padding-left: 10px;
}
dl.acmsInfo dd {
width: 420px;
float: left;
padding-bottom: 0.5em;
}
dl.acmsInfo dd span {
color: #76a0c6;
padding-right: 0.5em;
padding-bottom: 0.5em;
}

h5 { font-wieght: bold; margin: 12px 0 0 20px; }
h5 span { font-weight: normal; }

div.acmsDot {
padding-bottom: 12px;
background: url(../img/dotline.gif) repeat-x bottom;
}

ul.acmsH5list { margin-left: 3em; }

div.pLink {
text-align: right;
font-size: 0.8em;
margin: 30px 0 10px 0;
}
div.pLink ul {
float: right;
list-style: none;
}
div.pLink ul li {
float: left;
margin-right: 5px;
}

/*削除ページ marathon.html で使用していると思われる設定↓ START */
/*ul.marathon {
list-style: none;
}
ul.marathon li {
background: url(../img/marathon_arrow.gif) no-repeat left center;
padding-left: 20px;
margin-bottom: 15px;
}

table.marathon {
width: 100%;
border-collapse: collapse;
border-top: 4px solid #666;
border-bottom: 3px solid #666;
border-left: 5px solid #666;
}
table.marathon th {
width: 130px;
font-weight: normal;
text-align: left;
border: 1px solid #666;
background: #dee6f6;
padding: 5px;
}
table.marathon td {
border: 1px solid #666;
background: #e3f1ff;
padding: 5px;
}*/
/*削除ページ marathon.html で使用していると思われる設定↑ END */

span.acmsGray {
color: #696969!important;
font-size: 0.8em;
}

sup{
  vertical-align: baseline;
  position: relative;
  top: -1ex;
  padding: 0 2px;
}

/*   流通BMS向けインフラソリューション    */
#newedi h4{
font-size: 1.4em;
font-style: italic;
border-left: 5px solid #a8d009;
border-bottom: 1px solid #a8d009;
padding: 0 0 5px 3px;
}
#newedi h5{
font-size: 1.2em;
border-bottom: 1px solid #a8d009;
margin: 20px 0 15px 0;
padding: 0 0 2px 15px;
}
#newedi h6{
font-size: 1.2em;
font-style: italic;
background: url(../img/dotline.gif) repeat-x bottom;
margin: 10px 0 15px 20px;
padding: 0 0 5px 3px;
}
#newedi p {
margin-left: 15px;
}

#newedi .newediBox {
border: 1px solid #808080;
margin-left: 30px;
padding: 10px 5px;
}

#newedi .newediBox .newediRed {
font-weight: bold;
color: #990000;
margin-bottom: 0;
}
#newedi .newediBox .newediTxt {
margin-left: 2.5em;
}

#newedi table {
width: 540px;
margin-left: 15px;
border-collapse: collapse;
}
#newedi table th {
font-weight: bold;
padding: 5px;
border: 1px solid #000;
}
#newedi table td {
text-align: center;
padding: 5px;
border: 1px solid #000;
}
#newedi table th.blue { background: #e7eff7;}
#newedi table th.yellow { background: #f5ffc8; }
#newedi table td.yellow { background: #f5ffc8; font-weight: bold; }
#newedi ol { margin: 5px 0 1em 5.5em; }
#newedi ol li {
position: relative;
list-style: none;
line-height: 1;
margin-bottom: 0em;
padding-bottom: 0.3em;
}
#newedi ol li span {
position: absolute;
top: 0;
left: -2.3em;
}
* html #newedi ol li span { top: -0em; } /* for win ie6 */
*:first-child+html #newedi ol li span { top: -0em; } /* for win ie7 */ 


/*   流通BMS向けEDI仮想化ソリューション    */
#edivirtual h4{
font-size: 1.4em;
font-style: italic;
border-left: 5px solid #a8d009;
border-bottom: 1px solid #a8d009;
padding: 0 0 5px 3px;
}
#edivirtual h5{
font-size: 1.2em;
border-bottom: 1px solid #a8d009;
margin: 20px 0 15px 0;
padding: 0 0 2px 15px;
}
#edivirtual h5.edivirtual {
color: #336600;
}
#edivirtual p, #edivirtual ul { margin-left: 15px; }
#edivirtual p.priceLeft, #edivirtual p.priceRight {
width: 240px;
float: left;
font-size: 1.2em;
font-weight: bold;
padding-bottom: 10px;
}
#edivirtual table {
width: 540px;
margin-left: 15px;
border-collapse: collapse;
}
#edivirtual table th {
font-weight: bold;
padding: 5px;
border: 1px solid #000;
background: #f5ffc8;
}
#edivirtual table td {
text-align: left;
padding: 5px;
border: 1px solid #000;
}
#edivirtual ol { margin-bottom: 1em; margin-left: 5em; }
#edivirtual ol li {
position: relative;
list-style: none;
line-height: 1;
margin-bottom: 0em;
}
#edivirtual ol li span {
position: absolute;
top: 0;
left: -1.5em;
}
* html #edivirtual ol li span { top: -0em; } /* for win ie6 */
*:first-child+html #edivirtual ol li span { top: -0em; } /* for win ie7 */ 

/*   ACMS BtoB    */
#acmsb2b h4 {
width: 580px;
height: 70px;
background: url(../img/tlogo_b2b.gif) no-repeat left top;
overflow: hidden;
text-indent: -1000em;
}
#acmsb2b h5.title {
width: 321px;
height: 39px;
margin: 0;
background: url(../img/b2b_copy2.gif) no-repeat left top;
overflow: hidden;
text-indent: -1000em;
}
#acmsb2b h5.sub01 {
width: 100%;
height: 17px;
margin: 0 0 5px 0;
background: url(../img/st_kino.gif) no-repeat 3px 2px #003366;
overflow: hidden;
text-indent: -1000em;
}
#acmsb2b h5.sub02 {
width: 100%;
height: 17px;
margin: 0;
background: url(../img/st_system.gif) no-repeat 3px 2px #ff6666;
overflow: hidden;
text-indent: -1000em;
}
#acmsb2b h5.sub03 {
width: 100%;
height: 17px;
margin: 0 0 5px 0;
background: url(../img/st_dosa.gif) no-repeat 3px 2px #666;
overflow: hidden;
text-indent: -1000em;
}
#acmsb2b h6 {
width: 100%;
font-weight: bold;
color: #fff;
background: #4c82c2;
margin: 0;
padding: 3px 10px;
}
#acmsb2b div.blue {
background: #e3f1ff;
padding: 10px;
margin-bottom: 10px;
}
#acmsb2b div.blue ul {
list-style:disc;
margin-left: 20px;
}
#acmsb2b div.blue ul li span {
font-size: 0.9em;
color: #696969;
}
#acmsb2b div.blue ul.disc li {
margin-left: 1em;
}
#acmsb2b div.fLeft {
width: 300px;
float: left;
padding-top: 30px;
}
#acmsb2b div.fRight {
width: 205px;
float: right;
padding-top: 30px;
}
#acmsb2b div.pink {
border: 1px solid #ff6666;
padding: 45px 0 20px 70px;
}
#acmsb2b p.img {
text-align: center;
margin: 10px auto;
}
#acmsb2b p.indent1 {
text-indent: 1em;
}
#acmsb2b ol {
list-style: none;
font-size: 0.8em;
color: #666;
margin: 20px 0 0 20px;
}
#acmsb2b ul.pLink {
width: 22.5em;
float: right;
}
#acmsb2b ul.pLink li {
float: left;
margin-right: 0.5em;
}
#acmsb2b ul.pLink li a, #acmsb2b ul.pLink li a:hover {
color: #0066ff!important;
text-decoration: underline;
}

/*   B2B    */

#btob h4 {
width: 351px;
height: 46px;
display: block;
overflow: hidden;
text-indent: -1000em;
background: url(../img/st_b2b_2.gif) no-repeat left top;
margin-bottom: 10px;
}
#btob .indent1 { text-indent: 1em; }

#btob h5 {
width: 100%;
height: 18px;
display: block;
overflow: hidden;
text-indent: -1000em;
margin: 0;
background: url(../img/st_ichiran.gif) no-repeat left center #4c82c2;
}
#btob h6 {
width: 210px;
height: 14px;
display: block;
overflow: hidden;
text-indent: -1000em;
margin: 10px 0 5px 0;
}
#btob h6.h6a { background: url(../img/st_int.gif) no-repeat left top; }
#btob h6.h6b { background: url(../img/st_kigyo.gif) no-repeat left top; }
#btob h6.h6c { background: url(../img/st_erp.gif) no-repeat left top; }
#btob h6.h6d { background: url(../img/st_cai.gif) no-repeat left top; }
#btob div.h6Detail {
width: 561px;
height: 50px;
display: block;
overflow: hidden;
text-indent: -1000em; 
margin: 5px 0 0 0;
}
#btob div.h6Detail a {
width: 561px;
height: 50px;
display: block;
overflow: hidden;
text-indent: -1000em; 
margin: 0;
}
#btob #b2b a { background: url(../img/acms_b2b_01.gif) no-repeat left top; }
#btob #b2b a:hover { background: url(../img/acms_b2b_03.gif) no-repeat left top; }
#btob #webagent a { background: url(../img/acms_b2b_02.gif) no-repeat left top; }
#btob #webagent a:hover { background: url(../img/acms_b2b_04.gif) no-repeat left top; }
#btob #webdetrade { background: url(../img/acms_b2b_05.gif) no-repeat left top; }
#btob #ux { background: url(../img/acms_b2b_06.gif) no-repeat left top; }
#btob #nt { background: url(../img/acms_b2b_07.gif) no-repeat left top; }
#btob #edi { height: 60px!important; background: url(../img/acms_b2b_08.gif) no-repeat left top; }
#btob #r3 { height: 60px!important; background: url(../img/acms_b2b_09.gif) no-repeat left top; }
#btob #cai { background: url(../img/acms_b2b_10.gif) no-repeat left top; }


/*   ACMS WebAgent     */

#webAgent h4 {
width: 563px;
height: 70px;
display: block;
overflow: hidden;
text-indent: -1000em; 
margin: 0 0 20px 0;
background: url(../img/tlogo_age.gif) no-repeat left top;
}
#webAgent h5 {
width: 563px;
height: 35px;
display: block;
overflow: hidden;
text-indent: -1000em; 
}
#webAgent h5.h5a {
margin: 0 0 20px 0;
background: url(../img/age_copy.gif) no-repeat left top;
}
#webAgent h5.h5b {
height: 18px!important;
margin: 0 0 7px 0;
background: url(../img/st_kino.gif) no-repeat left center #003366;
}
#webAgent h5.h5c {
height: 18px!important;
margin: 0;
background: url(../img/st_system.gif) no-repeat left center #ff6666;
}
#webAgent h5.h5d {
height: 18px!important;
margin: 0 0 7px 0;
background: url(../img/st_dosa.gif) no-repeat left center #666666;
}
#webAgent h5.h5e {
height: 18px!important;
text-indent: -1000em; 
margin: 0;
background: url(../img/st_adpt.gif) no-repeat left center #ffcc00;
}
#webAgent h6 {
font-weight: bold;
color: #fff;
padding: 4px 10px;
background: #4c82c2;
}
#webAgent .aCenter { text-align: center!important; }
#webAgent .indent1 { text-indent: 1em; }
#webAgent .fLeft {
width: 290px;
float: left;
}
#webAgent .fRight {
width: 250px;
float: right;
padding: 0 0 20px 20px;
}
#webAgent ul.pLink {
float: right;
width: 39.5em;
margin-bottom: 10px;
}
#webAgent ul.pLink li {
float: left;
margin-right: 0.5em;
}
/*font-size: 0.8em;*/

#webAgent ul.pLink li a, #webAgent ul.pLink li a:hover {
color: #0066ff!important;
text-decoration: underline;
}
#webAgent p.h6txt {
margin: 0 0 10px 0;
padding: 10px;
background: #e3f1ff;
}
#webAgent .h6Img {
width: 291px;
height: 281px;
margin: 10px 0 10px 136px;
}
#webAgent .h5cDetail {
width: 560px;
border: 1px solid #ff6666;
margin: 0 0 50px 0;
}
#webAgent .h5cDetail img {
margin: 20px 0 20px 18px;
}
#webAgent .bgblue {
background: #e3f1ff;
padding: 10px;
}
#webAgent ul.disc { list-style: disc; margin-left: 15px; }
#webAgent ul.disc li { color: #696969; }
#webAgent ul.disc li a { color: #0066ff!important; text-decoration: underline; }
#webAgent ul.disc li a:hover { color: #0066ff!important; text-decoration: underline; }
#webAgent table {
width: 563px;
margin: 0;
border-collapse: collapse;
background: #e3f1ff;
}
#webAgent th {
font-weight: bold;
text-align: left;
padding: 3px 5px;
border: 1px solid #999;
}
#webAgent td {
text-align: left;
padding: 3px 5px;
border: 1px solid #999;
}
#webAgent .gotop {
font-size: 0.9em;
color: #0f1659;
text-align: right;
padding-top: 8px;
margin: 15px 0;
}
#webAgent .gotop a{
font-size: 0.9em;
color: #0f1659!important;
}

/* ACMS Apex Start */
/*
#acmsapex h4 {
width: 580px;
height: 70px;
background: url(../img/tlogo_b2b.gif) no-repeat left top;
overflow: hidden;
text-indent: -1000em;
}
*/
#acmsapex h5.title {
width: 321px;
height: 46px;
margin: 0;
overflow: hidden;
font-weight: bold;
color: #ff4000;
font-size: 16px;
}
#acmsapex h5.sub01 {
width: 100%;
height: 17px;
margin: 0 0 5px 0;
background: url(../img/st_kino.gif) no-repeat 3px 2px #003366;
overflow: hidden;
text-indent: -1000em;
}
#acmsapex h5.sub02 {
width: 100%;
height: 17px;
margin: 0;
background: url(../img/st_system.gif) no-repeat 3px 2px #ff6666;
overflow: hidden;
text-indent: -1000em;
}
#acmsapex h5.sub03 {
width: 100%;
height: 17px;
margin: 0 0 5px 0;
background: url(../img/st_dosa.gif) no-repeat 3px 2px #666;
overflow: hidden;
text-indent: -1000em;
}
#acmsapex h6 {
width: 100%;
font-weight: bold;
color: #fff;
background: #4c82c2;
margin: 0;
padding: 3px 10px;
}
#acmsapex div.blue {
background: #e3f1ff;
padding: 10px;
margin-bottom: 10px;
}
#acmsapex div.blue ul {
list-style:disc;
margin-left: 20px;
color: #000000;
}
#acmsapex div.blue p {
color: #000000;
}
#acmsapex div.blue ul li span {
font-size: 0.9em;
color: #696969;
}
#acmsapex div.blue ul.disc li {
margin-left: 1em;
}
#acmsapex div.fLeft {
width: 300px;
float: left;
padding-top: 30px;
}
#acmsapex div.fRight {
width: 205px;
float: right;
padding-top: 30px;
}
#acmsapex div.pink {
border: 1px solid #ff6666;
padding: 0px 0px 0px 0px;
}
#acmsapex p.img {
text-align: center;
margin: 10px auto;
}
#acmsapex p.indent1 {
text-indent: 1em;
}
#acmsapex ol {
list-style: none;
font-size: 0.8em;
color: #666;
margin: 20px 0 0 20px;
}
#acmsapex ul.pLink {
width: 22.5em;
float: right;
}
#acmsapex ul.pLink li {
float: left;
margin-right: 0.5em;
}
#acmsapex ul.pLink li a, #acmsapex ul.pLink li a:hover {
color: #0066ff!important;
text-decoration: underline;
}
#acmsapex p.h6txt {
margin: 0 0 10px 0;
padding: 10px;
background: #e3f1ff;
}
/* ACMS Apex End */

/*   Translator     */
#tran h4, #tran h5, #tran p.detail a {
display: block;
overflow: hidden;
text-indent: -1000em; 
margin-left: 0;
}

#tran h4 {
width: 420px;
height: 42px;
background: url(../img/st_trans.gif) no-repeat left top;
}
#tran h5 {
width: 100%;
height: 18px;
background: url(../img/st_ichiran.gif) no-repeat left center #4c82c2;
margin-bottom: 10px;
}
#tran p.indent1 { text-indent: 1em; margin: 20px 0; }
#tran p.detail a {
width: 550px;
height: 50px;
background: url(../img/b_anytran.gif) no-repeat left top;
}
#tran p.detail a:hover { background: url(../img/b_anytran_over.gif) no-repeat left top; }

/*削除ページ 導入実績関連で使用していると思われる設定↓ START */
/*   導入実績     */
#dounyu .fLeft {
width: 310px;
float: left;
}
#dounyu .fRight {
width: 165px;
float: right;
}
#dounyu .bTop {
border-top: 1px solid #000;
margin-top: 20px;
padding-top: 20px;
}
#dounyu .bTop .title {
height: 34px;
background: url(../img/jisseki.gif) no-repeat left top;
padding: 8px 0 0 105px;
margin: 0;
}
#dounyu .bTop .title span { display: none; }
#dounyu table { width: 100%; }
#dounyu table.dounyu th {
color: #fff;
font-weight: bold;
text-align: center;
background: #003399;
padding: 5px 0;
}
#dounyu table.dounyu td { padding: 5px; }
#dounyu table.dounyu td div.fLeftT {
width: 100px;
float: left;
}
#dounyu table.dounyu td div.fRightT {
width: 100px;
float: right;
padding-top: 8px;
}
#dounyu table.dounyu td.count { width: 40%; }
#dounyu table.dounyu td.count p {
width: 200px;
float: right;
font-weight: bold;
text-align: right;
padding-top: 8px;
}
#dounyu table.dounyu td.count p span {
font-weight: normal;
margin-right: 20px;
}
#dounyu ul.linkList {
list-style: none;
margin-top: 20px;
}
#dounyu ul.linkList li {
border-bottom: 1px dotted #9fb7d5;
}
#dounyu ul.linkList li p.point {
height: 20px;
background: url(../img/point.gif) no-repeat left top;
padding: 0 0 5px 23px;
}

/*   業種別導入実績     */
#dacmsux table { width: 100%; }
#dacmsux table th {
background: #ffffcc;
text-align: left;
font-weight: normal;
padding: 2px;
}
#dacmsux table td { padding: 2px; }

/*   EB一括ファクタリングシステム対外接続     */
#dshp h4 {
font-weight: bold;
margin-bottom: 15px;
}
#dshp ul.disc {
list-style: disc;
margin-left: 20px;
}
#dshp ul.disc li { margin-bottom: 10px; }
#dshp ul.circle {
list-style: circle;
margin-left: 20px;
}
#dshp ul.disc li ul.circle li { margin-bottom: 0; }

/*   ERP対応製品導入事例     */
#erpindex h4 { font-size: 1.2em; margin-bottom: 15px; }
#erpindex h4 span { color: #006666; }
#erpindex p.indent1 { text-indent: 1em; margin: 0; }


/*   EC対応製品導入事例     */
#decp h4 { font-size: 1em; font-weight: bold; margin-bottom: 15px; }
#decp h4 span { color: #006666; }
#decp h5 { font-size: 1em; font-weight: bold; color: #003399; margin: 10px 0; }
#decp ol.num { margin-bottom: 1em; margin-left: 2em; }
#decp ol.num li {
position: relative;
list-style: none;
line-height: 1;
margin-bottom: 0.5em;
}
ol.num li span {
position: absolute;
top: 0;
left: -1.5em;
}
* html #decp ol.num li span { top: -0em; } /* for win ie6 */
*:first-child+html #decp ol.num li span { top: -0em; } /* for win ie7 */ 
#decp ul {
list-style: disc;
margin-left: 30px;
}
/*削除ページ 導入実績関連で使用していると思われる設定↑ END */