@charset "utf-8";


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

#ex .fLeft, #isg .fLeft, #ns .fLeft { width: 200px; }
#ex .fRight, #isg .fRight, #ew .fRight, #ns .fRight, #index dd  { width: 300px; }
#saT dt, #index dt { width: 130px; float:left; clear:both; }
#ex table, #ew table, #isg table, #ns table { width: 99%; }
#srx table, #ssg table, #kou table { width: 98%; }
#ex table td, #isg table th, #isg table td { width: 33%; }

#dl .box150 { width: 150px; }
#nsT .fLeft { width: 330px; }
#nsT .fRight { width: 150px; }
#nsT .contents2 { color: #2f4f4f; margin: 0 0 15px 1em; }
#nsT .contents2 li { margin-bottom: 10px; }
#nsT h5 a:hover { color: #014dc1!important;  }
#saT dt { margin-bottom: 5px; }
#saT dd { width:350px; margin: 0 0 5px 135px; }
#ew table { font-size: 0.9em; }
#ew table td { width: 19%; }
#ew .fLeft { width: 220px;  }
#exT dt { float:left; width:50px; clear:both; margin-bottom: 5px; }
#exT dd { width:440px; margin: 0 0 5px 50px; }
#kou h5 { color: #0099cc; font-weight: bold; }
#kou table { margin-left: 1em; margin-top: 5px; }
#kou table th, #kou table td { border: 1px solid #666; padding: 3px; text-align :center; }
#ssgT .contents1 h5 { color: #014dc1; font-weight: bold; margin-bottom: 5px; }
#ssg .pageLink li { margin-right: 0.5em; }
#ssg table { font-size: 0.9em; }
#ssg table th.title2 { color: #000; }
#ssg table th, #ssg table td { width: 33%; padding: 2px!important; }
#ssg p a:hover { color: #014dc1!important; }
#srxT .contents1 h5 { color: #014dc1; font-weight: bold; margin-bottom: 5px; }
#srxT .fLeft { width: 330px; }
#srxT .fRight { width: 150px;  }
#srx .fLeft { width: 250px; margin-top: 10px; }
#srx .fRight { width: 270px; }
#index h5 { margin: 5px 0 0 0; }
#index h6 { margin: 10px 0 5px 0; }
#index ul.contents2 li { color: #2f4f4f; }
#index dt { font-size: 1em; width: 120px; }
#index dd { margin-left:125px; font-size: 1em; width: 380px; }

.fSS { font-size: 0.8em; }
.fS { font-size: 0.9em; }
.fM { font-size: 1em; }
.fL { font-size: 1.2em; }
.fLL { font-size: 1.4em; }
.fN { font-weight: normal; }
.cBlue { color: #014dc1; }
.cLBlue { color: #52598d; }
.cSky { color: #0099cc; }
.cRed { color: #dc143c; }
.cGray { color: #696969; }
.cPurple { color: #52598d; }
.cPink { color: #ff9999; }
.bLGray { border: 1px solid #ddd; padding: 7px 5px; }
.mL1em { margin-left: 1em; }
.mL2em { margin-left: 2em; }
.mT50 { margin-top: 50px; }
.tI-05em { text-indent: -0.5em; }
.pdfLink { background: url(../img/ico_pdf.gif) no-repeat left top; padding-left: 20px; }
.dotBtm { background: url(../img/dotline.gif) repeat-x bottom; margin: 15px 0; padding-bottom: 15px; }
.gotop { background: url(../img/dotline.gif) repeat-x top; text-align: right; padding-top: 8px; margin: 15px 0; }
.gotop a{ font-size: 0.9em; color: #0f1659!important; }
sup{ vertical-align: baseline; position: relative; top: -1ex; padding: 0 2px; }
h4.topics { width: 563px; height: 25px; color: #006699; padding: 2px 0 0 24px; background: url(../img/lb_h2_bgL.gif) no-repeat left top; }
h5.topics { background: #003399; color: #fff; padding: 3px 1px; margin-bottom: 10px; }
h5 a:hover { color: #fff!important; }
table { border-collapse: collapse; }
table.t01 th.title1 { font-weight: normal; background: #e6e6fa; padding: 5px; border: 1px solid #666; }
table.t01 th.title2 { font-weight: normal; background: #dcdcdc; padding: 5px; border: 1px solid #666; }
table.t01 td { padding: 5px; border: 1px solid #666; }
table.t02 th.title1 { padding: 5px; background: #ccccff; border: 1px solid #666; }
table.t02 th.title2 { padding: 5px; background: #9999ff; border: 1px solid #666; }
table.t02 td { padding: 5px; text-align: center; font-size: 0.9em; border: 1px solid #666; }
table th.bgGray { background: #dcdcdc; }
table th.bgFuji { background: #e6e6fa; }
table tr.bgYellow td { background: #ffff99; }
table tr.bgOrange td { background: #ffcc99; }
table tr.bgLime td { background: #ccff99; }
table tr.bgPink td { background: #ff9999; }
table .vaT { vertical-align: top; }
ol.none, ul.none { list-style: none; }
ol.decimal { list-style: decimal; margin-left: 1.5em; }
ol.pageLink li { float: left; }
ul.disc { list-style: disc; margin-left: 1.5em; }
ul.disc li { background: none!important; padding: 0!important; }
ul.contents1 { list-style: none; }
ul.contents1 li{ background: url(../img/bullet.gif) no-repeat left 5px; padding: 0 30px 0 15px; }
ul.contents2 { list-style: none; }
ul.contents2 li{ background: url(../img/bullet2.gif) no-repeat left 5px; padding: 0 30px 0 15px; }
ul.num1 { margin: 0 0 1em 2em; padding: 0; }
ul.num1 li { position: relative; list-style: none; line-height: 1.2em; margin: 0 0 0.2em 0; padding: 0; background: none; }
ul.num1 li span { position: absolute; top: 0; left: -1.5em; }
* html ul.num1 li span { top: -0em; } /* for win ie6 */
*:first-child+html ul.num1 li span { top: -0em; } /* for win ie7 */ 
.fLeft { float: left; }
.fRight { float: right; }

#index .campaign_products{
float:left;
width:179px;
height:225px;
border: 1px solid #ddd;
margin-bottom:10px;
}

#index .cp_srx100{
margin-right:10px;
background:url(../img/topics_branchsrx/cp_srx100.jpg) repeat-x 0 0;
}
#index .cp_srx210{
margin-right:10px;
background:url(../img/topics_branchsrx/cp_srx210.jpg) repeat-x 0 0;
}
#index .cp_srx220{
background:url(../img/topics_branchsrx/cp_srx220.jpg) repeat-x 0 0;
}
#index .cp_srx240{
margin-right:10px;
background:url(../img/topics_branchsrx/cp_srx240.jpg) repeat-x 0 0;
}
#index .cp_srx550{
margin-right:10px;
background:url(../img/topics_branchsrx/cp_srx550.jpg) repeat-x 0 0;
}
#index .cp_srx650{
background:url(../img/topics_branchsrx/cp_srx650.jpg) repeat-x 0 0;
}



#index .campaign_products .cp_desc1{
margin-top:115px;
line-height:120%;
margin-bottom:5px;
text-align:center;
font-weight:bold;
}
#index .campaign_products .cp_desc2{
text-align:center;
line-height:110%;
}

table.tb02 th {
    background: #d6ecf2 none repeat scroll 0 0;
    border: 1px solid #33393a;
    font-weight: bold;
    padding: 3px;
    text-align: center;
}
table.tb02 td {
    background: #fff none repeat scroll 0 0;
    border: 1px solid #33393a;
    padding: 3px;
    text-align: center;
}

.nmr{margin-right:0 !important;}
.jn01{ border:1px solid #ccc; font-size:14px; font-weight:bold; margin-bottom:10px; overflow:hidden;}
.jn02{float:left;margin:0 15px 0 0;}
.jn03{ font-size:13px !important;padding-top:10px; display:inline-block;}
.jn04{ font-size:13px !important;padding-top:0; display:inline-block;}
.jn05{margin-bottom:20px;overflow:hidden;width:100%;}
.jn06{float:left;width:315px;margin-right:13px;}
.jn06 h5{ color:#37527e;font-size:15px !important;font-weight:bold; line-height:1.4; margin:0 0 5px !important; text-align:center;}
.jn06 ul{margin:5px 0 5px 15px;}
.jn06 ul li{ list-style:outside disc;}
.jn07{ background-color:#445e88; color:#fff; height:60px; line-height:1.4; padding:2px; text-align:center;}
.jn08{ display:inline-block; font-size:15px !important;font-weight:bold; padding-top:1px;}
.jn09{ font-weight:bold; overflow:hidden;width:100%;}
.jn10{ color:#006699; float:left; font-size:26px !important; width:200px;}
.jn11{ float:right; width:340px;}
.jn12{ color:#006699; font-size:26px !important; width:100%;}
.jn13{ width:100%;}
.jn14{ color:#006699; float:left; font-size:26px !important; width:167px;}
.jn15{ float:right; width:373px;}

/*
2022/05/09
-----------------------------------*/
.flx-align-center{
align-items:center;
}
.flx-text01{
width:calc(100% - 60px);
margin-bottom:0!important;
text-align:left;
}
.color-01{
color:#445e88;
}
.bg-color-01{
background:#445e88;
color:#FFF;
padding:10px;
}
.color-02{
color:#68ae64;
}
.bg-color-02{
background:#68ae64;
color:#FFF;
padding:10px;
}
.color-03{
color:#00a3a5;
}
.bg-color-03{
background:#00a3a5;
color:#FFF;
padding:10px;
}
.color-04{
color:#3095c2;
}
.bg-color-04{
background:#3095c2;
color:#FFF;
padding:10px;
display: flex;
align-items: center;
justify-content: center;
}

table.dataTable02b th,
table.dataTable02b td {
    padding: 0.8em 0.5em;
}

@media screen and (max-width:767px) and (min-width:1px) {

}