@charset "utf-8";
/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
◆パートナープログラム（solution）
　/partner/css/sp.css
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */

@media (max-width: 800px) {
    /* 20201110 add */
    .select-name span{
        display: block;
        margin: 0;
    }

    .br_sp{
        display: block;
    }
/**/

  #contents .solution-title {
    font-size: 126.7%;
    margin-bottom: 8.125%;
  }

  #header-container {
    font-size: 12px;
  }

  #contents div#contents-body ,
  #contents div#contents-header {
    font-size: 100%;
  }
  a{word-wrap: break-word;}
  #contents-header h1{
    padding: 9px 27px 0;
    margin: 0px;
    font-size: 15px;
    color: #333333;
    background: url(/svcsol/common_2014/images/contents/h1.gif) no-repeat;
    height: 40px;
    background-size: cover;
    font-weight: bold;
/*    box-shadow: 2px 0px 1px #eee;*/
  }
  /* -------------------------------------
  ▽アイコンつきリンク
  ------------------------------------- */

/*  #contents-body a.icon {
    background-image:url("../../program/images/icon_blank.gif");
    background-position:0 50%;
    padding-left:16px;
  }
*/
  p#line-box{
    clear:both;
  }

  .under-L{
  text-decoration:underline;
  }

  /* =========================================================
  ■ソリューションパートナー一覧
  ========================================================= */

  /* -------------------------------------
  ▽一覧部分
  ------------------------------------- */
  h2#ctg-title{
    background:none;
    border-bottom:#dddddd double 3px;
    height:auto;
    padding:0 0 5px 0px;
  }

  #menuContainer {
    padding: 0;
  }

  #contents-body table.select-btn{
    width: 100%!important;
    padding:0;
    margin:0;
    border-collapse:collapse;
    background:none;
    background-color:#ffffff;
    table-layout:fixed;
    border-spacing:0;
    border-left:1px solid #cdcdcd;
    border-top:1px solid #cdcdcd;
  }


  #contents-body table.select-btn td{
    background:url(../images/list/bg_btn_off_m.gif) bottom center no-repeat;
    text-align:left;
    padding:1px;
    height:100%;
    width: 33.3333%;
    border-right:1px solid #cdcdcd;
    border-bottom:1px solid #cdcdcd;
    vertical-align:middle;
    text-align: center;
  }
  #contents-body table.select-btn td a{
    -webkit-display: flex;
    -moz-display: flex;
    -ms-display: flex;
    -o-display: flex;
    display: table;
    padding: 10px 10px;
    height: 50px;
    min-height: inherit;
    text-decoration:none;
    width: 100%;
    background: none;
    vertical-align: middle;
    text-align: center;
    -ms-align-items: center;
    /* align-items: center; */
  }
    #contents-body table.select-btn td a span{
      display: table-cell;
      text-align: center;
      margin: 0 auto;
      vertical-align: middle;
      padding: 0 10px;
    }
  #contents-body table.select-btn td:hover{
    background-image:url(../images/list/bg_btn_over_m.gif);
  }
  #contents-body table.select-btn td.current{
    background:url(../images/list/bg_btn_selected_m.gif) no-repeat top left        !important;
  }

  #contents-body table.select-btn td.blank{
    border:none;
    background:none !important;
  }


  #contents-body p.current a{
      background-color: #da1949;
      color: #ffffff;
  }

  /* 各カテゴリ用 */

  /* crm */
  #categoryMenu td a.cat-crm{
    background:url(../images/crm/list_icon.png) no-repeat 25px 50%;
    color:#a5517e;
  }
  #categoryMenu td a.cat-crm:hover,
  #categoryMenu td.current a.cat-crm{
    background-color:#c36f9c;
    color:#ffffff;
  }
  /* e-learning */
  #categoryMenu td a.cat-e-learning{
    background:url(../images/e-learning/list_icon.png) no-repeat 25px 50%;
    color:#7B9B42;
  }
  #categoryMenu td a.cat-e-learning:hover,
  #categoryMenu td.current a.cat-e-learning{
    background-color:#a4c666;
    color:#ffffff;
  }
  /* erp */
  #categoryMenu td a.cat-erp{
    background:url(../images/erp/list_icon.png) no-repeat 25px 50%;
    color:#B66E61;
  }
  #categoryMenu td a.cat-erp:hover,
  #categoryMenu td.current a.cat-erp{
    background-color:#e29487;
    color:#ffffff;
  }
  /* communication */
  #categoryMenu td a.cat-communication{
    background:url(../images/communication/list_icon.png) no-repeat 25px 50%;
    color:#477B9B;
  }
  #categoryMenu td a.cat-communication:hover,
  #categoryMenu td.current a.cat-communication{
    background-color:#75b1d8;
    color:#ffffff;
  }
  /* storage */
  #categoryMenu td a.cat-storage{
    background:url(../images/storage/list_icon.png) no-repeat 25px 50%;
    color:#94802F;
  }
  #categoryMenu td a.cat-storage:hover,
  #categoryMenu td.current a.cat-storage{
    background-color:#c1aa52;
    color:#ffffff;
  }
  /* security */
  #categoryMenu td a.cat-security{
    background:url(../images/security/list_icon.png) no-repeat 25px 50%;
    color:#B47728;
  }
  #categoryMenu td a.cat-security:hover,
  #categoryMenu td.current a.cat-security{
    background-color:#e9a44c;
    color:#ffffff;
  }
  /* db-bi */
  #categoryMenu td a.cat-db-bi{
    background:url(../images/db-bi/list_icon.png) no-repeat 25px 50%;
    color:#368947;
  }
  #categoryMenu td a.cat-db-bi:hover,
  #categoryMenu td.current a.cat-db-bi{
    background-color:#5bb56e;
    color:#ffffff;
  }
  /* mobile */
  #categoryMenu td a.cat-mobile{
    background:url(../images/mobile/list_icon.png) no-repeat 25px 50%;
    color:#B38627;
  }
  #categoryMenu td a.cat-mobile:hover,
  #categoryMenu td.current a.cat-mobile{
    background-color:#e9b64c;
    color:#ffffff;
  }
  /* work-flow */
  #categoryMenu td a.cat-work-flow{
    background:url(../images/work-flow/list_icon.png) no-repeat 25px 50%;
    color:#9F9B29;
  }
  #categoryMenu td a.cat-work-flow:hover,
  #categoryMenu td.current a.cat-work-flow{
    background-color:#bdb843;
    color:#ffffff;
  }
  /* business */
  #categoryMenu td a.cat-business{
    background:url(../images/business/list_icon.png) no-repeat 25px 50%;
    color:#5e659c;
  }
  #categoryMenu td a.cat-business:hover,
  #categoryMenu td.current a.cat-business{
    background-color:#7c83ba;
    color:#ffffff;
  }
  /* vertical-market */
  #categoryMenu td a.cat-vertical-market{
    background:url(../images/vertical-market/list_icon.png) no-repeat 25px 50%;
    color:#7D5E88;
  }
  #categoryMenu td a.cat-vertical-market:hover,
  #categoryMenu td.current a.cat-vertical-market{
    background-color:#ab88b7;
    color:#ffffff;
  }
  /* develop */
  #categoryMenu td a.cat-develop{
    background:url(../images/develop/list_icon.png) no-repeat 25px 50%;
    color:#AB6574;
  }
  #categoryMenu td a.cat-develop:hover,
  #categoryMenu td.current a.cat-develop{
    background-color:#e696a7;
    color:#ffffff;
  }
  /* 全てのパートナー企業を選択する為のボタン  */
  #contents-body p#select-all{
    text-align:center;
    border:1px solid #cdcdcd;
    margin:8px 0 4px;
    clear:both;
    height: 36px;
    line-height: 1.5;/*←add20181217*/
  }

  #contents-body p#select-all a{
    background:url(../images/list/bg_btn_off_l.gif) bottom left no-repeat;
    display:block;
    border:1px solid #FFFFFF;
    padding:7px 0;
    text-decoration:none;
    color:#000000;
    background-size: cover;
  }
  #contents-body p#select-all a:hover{
    /*background-image:url(../images/list/bg_btn_over_l.gif);*/
      background-image: none;
      background-color:#da1949;
      color:#ffffff;
  }

  #contents-body p.current a{
      background-color: #da1949;
      color: #ffffff;
  }
  /* iconの指定　*/
  #contents-body p#select-all a span{
    background:url(../images/list/icon_red.gif) no-repeat left center;
    padding-left:13px;
  }


  /* 企業表示エリア関連 */

  #solutionList{
    margin-top:15px;
  }

  div.solution_list div.outer{
    background: none;
    margin: 0;
    width: auto;
  }
  div.solution_list div.outer div.outer-inner{
    /*background:url(../../../common_2014/images/contents/linkmenu_header.gif) no-repeat scroll center top transparent;*/
    background-repeat: no-repeat;
    background-attachment: scroll;
    background-position: 0 0;
    background-color: transparent;
    padding: 20px 0 0;
    /* background-size: contain; */
  }
  #contents-body div.solution_list div.outer p{
    font-size: 134%;
    font-weight: bold;
    margin: 0 0 0 0;
  }
  #contents-body div.solution_list div.outer p.select-name{
    padding-left: 90px;
    margin-bottom: 20px;
  }

  div.solution_list div.outer div.outer-inner .partnerList{
    background: #fff;
    margin: 0;
    padding: 1px 10px 35px;
    height:100%;
    list-style:none;
    zoom:1;
    /* background-size: contain; */
    border: 1px solid #f1f1f1;
    border-top: snow;
    margin: 0 3px;
  }
  div.solution_list div.outer div.outer-inner .table-wrap{
    height:100%;
    width: auto;
    margin:0;
    padding:0;
    /*  background:url(../images/list/table_bottom.gif) no-repeat bottom right;*/
  }

  div.solution_list div.outer div.outer-inner table{
    margin-top:10px;
    height:100%;
    border: none;
    border-collapse:collapse;
    padding:0;
    border-bottom:none;
    width: 100%!important;
    border-top: 1px solid #f1f1f1;
  }
  div.solution_list div.outer div.outer-inner table tbody{
    height:100%;
  }
  div.solution_list div.outer div.outer-inner table td{
    width: 100%;
    height: auto;
    min-height: 10px;
    padding:0;
    line-height:2em;
    border-right: none;
    border-left: none;
    background: none;
    display: block;
    border-bottom: 1px solid #f1f1f1 !important;
  }
  div.solution_list div.outer div.outer-inner table td::before{
    display: none;
  }
  div.solution_list div.outer div.outer-inner table td.odd{
    border-left:none;
  }
  div.solution_list div.outer div.outer-inner table td.last{
    background-image:url(../images/list/list_bottom_last.gif);
    border-bottom:1px solid #cccccc;
  }
  div.solution_list div.outer div.outer-inner table td.blank{
    background:none;
    border-bottom:1px solid #cccccc;
  }
  div.solution_list div.outer div.outer-inner table td.blank:hover{
    background-color:transparent;
  }
  span.no-link-icon{
    background:url(../../../common_2014/images/contents/arrow_11px_unclickable.gif) no-repeat center left;
    padding-left:14px;
  }
  #contents-body #solutionList a{
    text-decoration:none;
  }
  #contents-body #solutionList .partnerList a{
    display:block;
    height:100%;
    width: auto;
    border: none;
    border-bottom:none;
    margin:1px;
  }
  #contents-body #solutionList .partnerList p.solname{
    margin:0;
    padding-top: 10px;
    padding-left: 10px;
    font-weight:bold;
    font-size:134%;
  }

  #contents-body #solutionList .partnerList p.solname span.kigo{
  }

  #contents-body #solutionList .partnerList p.company{
    margin:0;
    padding-top:2px;
    padding-left:10px;
    padding-bottom: 10px;
    font-weight:normal;
    color:#666666;
    font-size:100%;
  }
  /* 各カテゴリ用 リストエリア見出し切り替え */

  #contents-body #cat-crm div.outer-inner {background-image:url(../images/crm/linkmenu_header.gif);background-size: contain;}
  #contents-body #cat-e-learning div.outer-inner {background-image:url(../images/e-learning/linkmenu_header.gif);background-size: contain;}
  #contents-body #cat-erp div.outer-inner {background-image:url(../images/erp/linkmenu_header.gif);background-size: contain;}
  #contents-body #cat-communication div.outer-inner {background-image:url(../images/communication/linkmenu_header.gif);background-size: contain;}
  #contents-body #cat-storage div.outer-inner {background-image:url(../images/storage/linkmenu_header.gif);background-size: contain;}
  #contents-body #cat-security div.outer-inner {background-image:url(../images/security/linkmenu_header.gif);background-size: contain;}
  #contents-body #cat-db-bi div.outer-inner {background-image:url(../images/db-bi/linkmenu_header.gif);background-size: contain;}
  #contents-body #cat-mobile div.outer-inner {background-image:url(../images/mobile/linkmenu_header.gif);background-size: contain;}
  #contents-body #cat-work-flow div.outer-inner {background-image:url(../images/work-flow/linkmenu_header.gif);background-size: contain;}
  #contents-body #cat-business div.outer-inner {background-image:url(../images/business/linkmenu_header.gif);background-size: contain;}
  #contents-body #cat-vertical-market div.outer-inner {background-image:url(../images/vertical-market/linkmenu_header.gif);background-size: contain;}
  #contents-body #cat-develop div.outer-inner {background-image:url(../images/develop/linkmenu_header.gif);background-size: contain;}

  /* 各カテゴリ用　フォントカラー切り替え */
  #contents-body #solutionList .ctg_crm p.solname,
  .ctg_crm .select-name{color:#a5517e;}

  #contents-body #solutionList .ctg_e-learning p.solname,
  .ctg_e-learning .select-name {color:#86a848;}

  #contents-body #solutionList .ctg_erp p.solname,
  .ctg_erp .select-name {color:#c47669;}

  #contents-body #solutionList .ctg_communication p.solname,
  .ctg_communication .select-name {color:#5793ba;}

  #contents-body #solutionList .ctg_storage p.solname,
  .ctg_storage .select-name {color:#a38c34;}

  #contents-body #solutionList .ctg_security p.solname,
  .ctg_security .select-name {color:#cb862e;}

  #contents-body #solutionList .ctg_db-bi p.solname,
  .ctg_db-bi .select-name {color:#3d9750;}

  #contents-body #solutionList .ctg_mobile p.solname,
  .ctg_mobile .select-name {color:#cb982e;}

  #contents-body #solutionList .ctg_work-flow p.solname,
  .ctg_work-flow .select-name {color:#9c9600;}

  #contents-body #solutionList .ctg_business p.solname,
  .ctg_business .select-name {color:#5e659c;}

  #contents-body #solutionList .ctg_vertical-market p.solname,
  .ctg_vertical-market .select-name {color:#8d6a99;}

  #contents-body #solutionList .ctg_develop p.solname,
  .ctg_develop .select-name {color:#c87889;}

  /* 各カテゴリ用　上部 hoverカラー切り替え */

  #partnerList table td.ctg_crm:hover{background-color:#f3e2eb;}
  #partnerList table td.ctg_e-learning:hover{background-color:#edf4e0;}
  #partnerList table td.ctg_erp:hover{background-color:#f9eae7;}
  #partnerList table td.ctg_communication:hover{background-color:#e3eff7;}
  #partnerList table td.ctg_storage:hover{background-color:#f3eedc;}
  #partnerList table td.ctg_security:hover{background-color:#fbeddb;}
  #partnerList table td.ctg_db-bi:hover{background-color:#def0e2;}
  #partnerList table td.ctg_mobile:hover{background-color:#fbf0db;}
  #partnerList table td.ctg_work-flow:hover{background-color:#f6f5db;}
  #partnerList table td.ctg_business:hover{background-color:#e5e6f1;}
  #partnerList table td.ctg_vertical-market:hover{background-color:#eee7f1;}
  #partnerList table td.ctg_develop:hover{background-color:#faeaed;}

  /* 各カテゴリ用　下部 hoverカラー切り替え */
  #contents-body #solutionList #cat-crm td:hover{background-color:#f4e2ea;}
  #contents-body #solutionList #cat-e-learning td:hover{background-color:#ecf3e0;}
  #contents-body #solutionList #cat-erp td:hover{background-color:#fbe9e6;}
  #contents-body #solutionList #cat-communication td:hover{background-color:#e0eef7;}
  #contents-body #solutionList #cat-storage td:hover{background-color:#f4eddb;}
  #contents-body #solutionList #cat-security td:hover{background-color:#fdecda;}
  #contents-body #solutionList #cat-db-bi td:hover{background-color:#dbefe2;}
  #contents-body #solutionList #cat-mobile td:hover{background-color:#fdefda;}
  #contents-body #solutionList #cat-work-flow td:hover{background-color:#f7f4db;}
  #contents-body #solutionList #cat-business td:hover{background-color:#e4e5f0;}
  #contents-body #solutionList #cat-vertical-market td:hover{background-color:#eee7f0;}
  #contents-body #solutionList #cat-develop td:hover{background-color:#fceaec;}

  #contents-body #solutionList #cat-crm td.blank:hover{background-color:#ffffff;}
  #contents-body #solutionList #cat-e-learning td.blank:hover{background-color:#ffffff;}
  #contents-body #solutionList #cat-erp td.blank:hover{background-color:#ffffff;}
  #contents-body #solutionList #cat-communication td.blank:hover{background-color:#ffffff;}
  #contents-body #solutionList #cat-storage td.blank:hover{background-color:#ffffff;}
  #contents-body #solutionList #cat-security td.blank:hover{background-color:#ffffff;}
  #contents-body #solutionList #cat-db-bi td.blank:hover{background-color:#ffffff;}
  #contents-body #solutionList #cat-mobile td.blank:hover{background-color:#ffffff;}
  #contents-body #solutionList #cat-work-flow td.blank:hover{background-color:#ffffff;}
  #contents-body #solutionList #cat-business td.blank:hover{background-color:#ffffff;}
  #contents-body #solutionList #cat-vertical-market td.blank:hover{background-color:#ffffff;}
  #contents-body #solutionList #cat-develop td.blank:hover{background-color:#ffffff;}

  /* =========================================================
  ■ソリューションパートナー各社
  ========================================================= */

  /* -------------------------------------
  ▽各社見出し
  ------------------------------------- */
  /*
  #contents-body {
    clear:both;
  }
  */

  div.partner_title:after {
    content: ".";
    display: block;
    clear: both;
    height: 0;
    visibility: hidden;
  }

  * html .partner_title {
    height: 1px;
    /*\*//*/
    height: auto;
    overflow: hidden;
    /**/
  }
/*

  }
  div.partner_title h1 {
    margin: 5px 0 0 ;
    height:100%;
    vertical-align: bottom;
    background:url(../images/h1large_bgright.gif) no-repeat right center;
    /background-position:right 3px;
    padding-right:6px;
    /font-size:150%;
  }

  div.partner_title h1#txt-h{
    background:url(../images/h1_double_right.gif) no-repeat right center;
    padding: 0px 5px 0px 0;
    /background-position:right 3px;
  }

  div.partner_title h1.logo{
    background:url(../images/h1_logo_right.gif) no-repeat right center;
    /background-position:right 0px;
    height:78px;
    padding-right:5px;
  }

  div.partner_title h1.logo span{
    background:url(../images/h1_logo.gif) no-repeat left center;
    height:74px;
    padding:4px 20px 0 35px;
    display:block;
  }
*/

  div.partner_title h1 img {
    padding-top: 28px;
    padding-left: 20px;
  }

  div.partner_title h1.logo img{
    padding:0px;
  }


  div.partner_title img.partner_logo {
    float: right;
    margin-top: 5px;
  }
  *+ html div.partner_title img.partner_logo {
    margin-top: 10px;
  }



  .section .section {
    margin-top: 1.2em;
  }
  #contents-body table.general td.service-name p{
    margin-top:-1.5em;
    text-align:right;
  }
  /* 特長 */
  .claer{
    clear:both;
  }

  .element-left{
    float:left;
  }
  .element-right{
    float:right;
  }

  /* -------------------------------------
  ▽table調整
  ------------------------------------- */
  #contents-body table.general th, #contents-body table.general td{
    padding: 10px 10px;
    line-height:1.5em;
  }

  th{
    width: 80px;
    /* padding: 10px 5px; */
    /* white-space: nowrap; */
  }

  #contents-body table.general tbody td{
    text-align:left;
    vertical-align:top;
    width:75%;
    color:#000000;
  }

  #contents-body table.general tbody td a {
    -ms-word-break: break-all;
    word-break: break-all;
  }

  #contents-body table.general tbody td.empty{
    text-align:center;
  }

  #contents-body table.general tbody td#feature-box table tbody td{
    text-align:left;
    vertical-align:top;
    color:#000000;
    padding:0 10px 5px 0;
    width:50%;
  }

  /*テーブル内の表示*/
  #contents-body table.general tbody td#feature-box table.general th{
    vertical-align:middle;
    background:#FFFFFF;
    font-weight: normal;
  }
  #contents-body table.general tbody td#feature-box table.general td{
    vertical-align:middle;
    padding:5px 10px;
  }
  #contents-body table.general tbody td#feature-box {
    text-align:center;
  }

  #contents-body table.general tbody td#feature-box p{
    text-align:left;
    margin-bottom:10px;
  }

  #contents-body table.general tbody td#feature-box strong{
    text-align:left;
    display:block;
  }
  #contents-body table.general tbody td#feature-box ul{
    text-align:left;
    margin-bottom:10px;
    padding:0;
    list-style:none;
  }
  #contents-body table.general tbody td#feature-box ul.indent{
    text-indent:-0.5em;
    padding-left:1.0em;
  }
  #contents-body table.general tbody td#feature-box ul.indent li{
    margin-bottom:5px;
  }

  #contents-body table.general tbody td#feature-box ul.indent-list{
    text-indent:-1.0em;
    padding-left:1.0em;
    margin-top:0;
  }


  td.company div{
    display: inline;
    padding: 0.7em 20px;
    margin-left: 20px;
  }

  td.company img{
    vertical-align:middle;
  }

  td.company a.icon{
    margin-left: 1em;
  }

  table.general tbody td strong{
    color:#185787;
    text-align:left;
  }

  /*テーブル内の文言の余白を調整*/
  .text-bottom{
    margin-bottom:0px !important;
  }


  /* -------------------------------------
  ▽トップページへ
  ------------------------------------- */

  div.solution-footer {
    text-align: right;
    margin-bottom: 20px;
  }
  #contents-body div.solution-footer p{
    margin-top:20px;
  }


  /* -------------------------------------
  ▽フッタ
  ------------------------------------- */

  div#footer span {
    display: block;
    text-align: right;
    border-bottom: 1px solid #ccc;
    padding-bottom: 10px;
  }


  /* -------------------------------------
  ▽社名見出し
  ------------------------------------- */
  h1.txt{
    _*padding:0px 0 3px 0px;
    font-size:130%;
  }

  h1.txt span strong{
    color:#d7083b;
    font-size:150%;
    padding-right:10px;
  }

  div.partner_title h1.txt span{
    margin-bottom: 0 !important;
    padding: 17px 10px 14px 35px;
    background:url("../../../common_2014/images/contents/h1large_bg.gif") no-repeat 0 3px;
    display:block;
  }

/*
  div.partner_title h1#txt-h span{
    background:url("../images/h1_double.gif") no-repeat 0 3px;
    line-height:1.6em;
    padding: 15px 10px 19px 35px;
    _/padding: 13px 20px 9px 35px;
  }
*/
  .font-b{
    font-weight:bold;
  }
  /* -------------------------------------
  ▽左カラムの調整
  ------------------------------------- */
  div#local-container {
    overflow:hidden;
  }
  * html div#local-container{
    margin-bottom:26px;
  }

  *+ html div#local-container{
    margin-bottom:26px;
  }
  .section{
    padding-bottom:7px;
  }

  .mgnb5{
    margin-bottom:5px !important;
  }

  .mgnt5{
    margin-top:5px !important;
  }

  .mgnt10{
    margin-top:10px !important;
  }

  .mgnt15{
    margin-top:15px !important;
  }

  .nega_mgnt3{
    margin-top:-3px !important;
  }

  .nega_mgnt17{
    margin-top:-17px !important;
  }
  /* テキストが横並び時の幅を決める*/
  .box-width .unit-l{
    width:158px;
    text-align:left;
  }
  .box-width .unit-r{
    width:320px;
  }

  #contents-body table.general tbody td#feature-box ul.center-img{
    text-align:center;
  }
  #contents-body table.general tbody td p.img-center{
    text-align:center;
  }
  img.mgnL126{
  margin-left:126px !important;
  }



  /* 特定業種向けサービス */
  div.service{
    color: #ffffff;
    margin-bottom: 5px;
  }
  div.service ul {
    margin: 0;
    padding: 0;
    list-style-type: none;
    float: none;
  }
  div.service ul li {
      float: left;
      font-size: 80%;
      margin-left: 0;
      padding-right: 2px;
  }
  div.service ul li span {
      display: block;
      padding: 0;
      width: auto;
  }
  /* ▽大見出し 調整用css */
  #contents-header #h1_title{
    display: block;
    border: 1px solid #e9b64d;
  }
  #contents-header #h1_title h1{
    background: none;
    margin: 0;
    padding: 15px 10px 4px 16px;
    height: auto;
    font-size: 16px;
    font-weight: bold;
    color: #cb982e;
    box-shadow: none;
  }
  #contents-header #h1_title .inner{
    display: table;
    width: 100%;
  }
  #contents-header #h1_title .inner table{
    width: 100%!important;
    padding: 0;
    margin: 0;
    border: none;
  }
  #contents-header #h1_title .inner table td{
    padding: 0;
    margin: 0;
    border: none;
  }
  #contents-header #h1_title .inner table td + td{
    width:145px;
  }
  #contents-header #h1_title p{
    margin: 1px !important;
    padding: 5px 16px;
    font-size: 1.2em;
    font-weight: bold;
    color: #ffffff;
  }
  #contents-header #h1_title div.logo{
    padding: 15px;
    height: auto;
    width: 145px;
    display: table-cell;
    vertical-align: middle;
    text-align: right;
    /* max-width: 145px; */
  }
  #contents-header #h1_title .information p.company{
    padding-top: 0;
    padding-bottom: 15px;
    color: #555555;
    background: #ffffff;
    font-size: 1em;
  }
  #contents-header #h1_title h1.interview{
    background: none;
    margin: 5px 0 10px 0;
    padding: 0;
    height: auto;
    color: #D7083D;
  }
  #contents-header #h1_title p.company_interview{
    width:672px;
    border-top: #b2b2b2 1px dotted;
    padding-top: 10px;
    color: #333;
  }

  /*▽h2css*/

  div#contents div#contents-body{
    padding: 0;
  }

  div#contents div#contents-body span.kigo{
  }

  #contents-body .h2_title{
    border-bottom: #cdcdcd double 1px;
    padding: 0 0 12px 0;
    margin-bottom: 19px;
    background: none;

  }
  #contents-body h2{
    height:auto;
    border-bottom: #e9b64c solid 2px;
    padding: 0 0 12px 0;
    margin: 0 0 19px 0;
    background: none;
    color: #555555;
  }

  /*▽特徴 調整用css*/

  #contents-body dl {
    padding-bottom: 10px;
    margin-top: 25px;
    background: url("../images/mobile/line_dot.gif") no-repeat bottom;
  }
  #contents-body dl dt{
    float: left;
    font-size: 1.2em;
    font-weight: bold;
    background-repeat: no-repeat;
    background-position: 5px 50%;
  }
  #contents-body dl dt span{
    padding-left: 18px;
  }
  #contents-body dl dd{
    margin-left: 6em;
  }
  #contents-body dl dd h3{
    height: auto;
    margin:0;
    padding: 0;
    background: none;
    font-weight: bold;
  }
  #contents-body .feature-img{
    margin: 13px 0;
    padding: 25px 0 0 0;
    text-align: center;
  }

  /*▽事例*/

  #contents-body .column img.column-img{
    float:left;
    margin:20px 15px 20px 0;
  }

  #contents-body p.columu-title-company{
    padding-top:20px;
    font-weight:bold;
    font-size: 1.2em;
    margin-bottom:18px;
  }

  #contents-body p.columu-title-jirei{
    font-weight:bold;
    color:#AC5A6E;
    margin-bottom:-5px;
  }






  /*▽本サービス/ソリューションについてのお問い合わせ*/
  #contents-body h4 {
    height: 25px;
    margin: 0 0 15px;
    padding: 5px 0 0 14px;
    background: #f8f8f8 url(../../../common_2014/images/contents/h4.gif) no-repeat;
    font-size: 1em;
    line-height: 1.5;
  }
  /* 各カテゴリ用 */

  /* crm */
  #contents-header #h1_title.crm {border-color: #c3709c;}
  #contents-header #h1_title.crm p {color: #ffffff;background: #c36f9c;}
  #contents-header #h1_title.crm h1 {color:#a5517e;}
  #contents-body.crm h2 {border-bottom-color: #c36f9c;}
  #contents-body.crm dl {background-image: url("../images/crm/line_dot.gif");}
  #contents-body.crm dl dt{background-image: url("../images/crm/column_icon.gif");}
  #contents-body.crm dl dt span{color: #a5517e;}
  #contents-body.crm h4 {background: url("../images/crm/h4.gif") no-repeat;}

  /* e-learning */
  #contents-header #h1_title.e-learning {border-color: #a4c666;}
  #contents-header #h1_title.e-learning p {color: #ffffff;background: #a4c666;}
  #contents-header #h1_title.e-learning h1 {color:#86a848;}
  #contents-body.e-learning h2 {border-bottom-color: #a4c666;}
  #contents-body.e-learning dl {background-image: url("../images/e-learning/line_dot.gif");}
  #contents-body.e-learning dl dt {background-image: url("../images/e-learning/column_icon.gif");}
  #contents-body.e-learning dl dt span {color: #86a848;}
  #contents-body.e-learning h4 {background: url("../images/e-learning/h4.gif") no-repeat;}

  /* erp */
  #contents-header #h1_title.erp {border-color: #e29487;}
  #contents-header #h1_title.erp p {color: #ffffff;background: #e29487;}
  #contents-header #h1_title.erp h1 {color:#c47669;}
  #contents-body.erp h2 {border-bottom-color: #e29487;}
  #contents-body.erp dl {background-image: url("../images/erp/line_dot.gif");}
  #contents-body.erp dl dt {background-image: url("../images/erp/column_icon.gif");}
  #contents-body.erp dl dt span {color: #c47669;}
  #contents-body.erp h4 {background: url("../images/erp/h4.gif") no-repeat;}

  /* communication */
  #contents-header #h1_title.communication {border-color: #75b1d8;}
  #contents-header #h1_title.communication p {color: #ffffff;background: #75b1d8;}
  #contents-header #h1_title.communication h1 {color:#5793ba;}
  #contents-body.communication h2 {border-bottom-color: #75b1d8;}
  #contents-body.communication dl {background-image: url("../images/communication/line_dot.gif");}
  #contents-body.communication dl dt {background-image: url("../images/communication/column_icon.gif");}
  #contents-body.communication dl dt span {color: #5793ba;}
  #contents-body.communication h4 {background: url("../images/communication/h4.gif") no-repeat;}

  /* storage */
  #contents-header #h1_title.storage {border-color: #c1aa52;}
  #contents-header #h1_title.storage p {color: #ffffff;background: #c1aa52;}
  #contents-header #h1_title.storage h1 {color:#a38c34;box-shadow: none;}
  #contents-body.storage h2 {border-bottom-color: #c1aa52;}
  #contents-body.storage dl {background-image: url("../images/storage/line_dot.gif");}
  #contents-body.storage dl dt {background-image: url("../images/storage/column_icon.gif");}
  #contents-body.storage dl dt span {color: #a38c34;}
  #contents-body.storage h4 {background: url("../images/storage/h4.gif") no-repeat;}

  /* security */
  #contents-header #h1_title.security {border-color: #e9a44c;}
  #contents-header #h1_title.security p {color: #ffffff;background: #e9a44c;}
  #contents-header #h1_title.security h1 {color:#cb862e;}
  #contents-body.security h2 {border-bottom-color: #e9a44c;}
  #contents-body.security dl {background-image: url("../images/security/line_dot.gif");}
  #contents-body.security dl dt {background-image: url("../images/security/column_icon.gif");}
  #contents-body.security dl dt span {color: #cb862e;}
  #contents-body.security h4 {background: url("../images/security/h4.gif") no-repeat;}

  /* db-bi */
  #contents-header #h1_title.db-bi {border-color: #5bb56e;}
  #contents-header #h1_title.db-bi p {color: #ffffff;background: #5bb56e;}
  #contents-header #h1_title.db-bi h1 {color:#3d9750;}
  #contents-body.db-bi h2 {border-bottom-color: #5bb56e;}
  #contents-body.db-bi dl {background-image: url("../images/db-bi/line_dot.gif");}
  #contents-body.db-bi dl dt {background-image: url("../images/db-bi/column_icon.gif");}
  #contents-body.db-bi dl dt span {color: #3d9750;}
  #contents-body.db-bi h4 {background: url("../images/db-bi/h4.gif") no-repeat;}

  /* mobile */
  #contents-header #h1_title.mobile {border-color: #e9b64c;}
  #contents-header #h1_title.mobile p {color: #ffffff;background: #e9b64c;}
  #contents-header #h1_title.mobile h1 {color:#cb982e;}
  #contents-body.mobile h2 {border-bottom-color: #e9b64c;}
  #contents-body.mobile dl {background-image: url("../images/mobile/line_dot.gif");}
  #contents-body.mobile dl dt {background-image: url("../images/mobile/column_icon.gif");}
  #contents-body.mobile dl dt span {color: #cb982e;}
  #contents-body.mobile h4 {background: url("../images/mobile/h4.gif") no-repeat;}

  /* work-flow */
  #contents-header #h1_title.work-flow {border-color: #d0cb4c;}
  #contents-header #h1_title.work-flow p {color: #ffffff;background: #bdb843;}
  #contents-header #h1_title.work-flow h1 {color:#b2ad2e;}
  #contents-body.work-flow h2 {border-bottom-color: #d0cb4c;}
  #contents-body.work-flow dl {background-image: url("../images/work-flow/line_dot.gif");}
  #contents-body.work-flow dl dt {background-image: url("../images/work-flow/column_icon.gif");}
  #contents-body.work-flow dl dt span {color: #b2ad2e;}
  #contents-body.work-flow h4 {background: url("../images/work-flow/h4.gif") no-repeat;}

  /* business */
  #contents-header #h1_title.business {border-color: #7c83ba;}
  #contents-header #h1_title.business p {color: #ffffff;background: #7c83ba;}
  #contents-header #h1_title.business h1 {color:#5e659c;}
  #contents-body.business h2 {border-bottom-color: #7c83ba;}
  #contents-body.business dl {background-image: url("../images/business/line_dot.gif");}
  #contents-body.business dl dt {background-image: url("../images/business/column_icon.gif");}
  #contents-body.business dl dt span {color: #5e659c;}
  #contents-body.business h4 {background: url("../images/business/h4.gif") no-repeat;}

  /* vertical-market */
  #contents-header #h1_title.vertical-market {border-color: #ab88b7;}
  #contents-header #h1_title.vertical-market p {color: #ffffff;background: #ab88b7;}
  #contents-header #h1_title.vertical-market h1 {color:#8d6a99;}
  #contents-body.vertical-market h2 {border-bottom-color: #ab88b7;}
  #contents-body.vertical-market dl {background-image: url("../images/vertical-market/line_dot.gif");}
  #contents-body.vertical-market dl dt {background-image: url("../images/vertical-market/column_icon.gif");}
  #contents-body.vertical-market dl dt span {color: #8d6a99;}
  #contents-body.vertical-market h4 {background: url("../images/vertical-market/h4.gif") no-repeat;}

  /* develop */
  #contents-header #h1_title.develop {border-color: #e696a7;}
  #contents-header #h1_title.develop p{color: #ffffff;background: #e696a7;}
  #contents-header #h1_title.develop h1 {color:#c87889;}
  #contents-body.develop h2 {border-bottom-color: #e696a7;}
  #contents-body.develop dl {background-image: url("../images/develop/line_dot.gif");}
  #contents-body.develop dl dt {background-image: url("../images/develop/column_icon.gif");}
  #contents-body.develop dl dt span {color: #c87889;}
  #contents-body.develop h4 {background: url("../images/develop/h4.gif") no-repeat;}


  #contents-body .partner_logo{
    width: 90px;
    margin-right: 0;
    padding: 0;
    float: none;
    margin: 0 auto 10px;
  }

  /* table調整 */
  #contents-body table.general{
    width: 100%!important;
  }

  #contents-body table.general.wide{
    width:660px;
    /* overflow-x: scroll; */
    width: 100%!important;
  }

  #contents-body table.general tbody td{
    width: auto;
    color: #000000;
    text-align: left;
    vertical-align: top;
  }
  #contents-body table.general tbody td.wd80 {
    width: 80%;
  }
  #contents-body table.general tbody td div.logo {
    text-align: center;
  }

  #contents-body p.form{
    clear:left;
    margin-left: 220px;
  }

  /* ▽一覧へ戻る */
  div#next-link p span a {
    background: url(../../../common_2014/images/contents/icon_link_arrow2.gif) no-repeat scroll left center transparent;
    padding-left: 20px;
    margin-left: 20px;
  }

  /* ▽インタビュー */
  #contents-body p.int_lead{
    font-size: 14px;
    line-height: 24px;
    font-weight:bold;
  }

  #contents-body div.int_ph_left{
    width:160px;
    float:left;
    margin-right:20px;
  }

  #contents-body div.int_ph_left p{
    margin-top:3px;
    font-size:10px;
  }

  #contents-body div.int_ph_right{
    width:160px;
    float:right;
    margin-left:20px;
  }

  #contents-body div.int_ph_right p{
    margin-top:3px;
    font-size:10px;
  }

  #contents-body div.h2_title{
    clear:both;
  }

  #contents-body p span.notice{
    font-weight:normal;
    font-size:x-small;
  }

  #contents-body div.int_clear{
    clear: both;
  }


  /* ▽link-space */
  #contents-body div.link-space{
    clear:both;
    text-align:center;
    margin-bottom:20px;
    }

  /*--お知らせ枠（new_base.cssの書き換え）--*/

  /* noticeBox */

  .noticeBox dl dt{
    display: table-cell;
    width: 100px;
    background: #3d4e55;
    vertical-align: middle;
    text-align: center;
    font-size: 80%;
    font-weight: bold;
    color: #ffffff;
  }
  .noticeBox dl dd{
    display: table-cell;
    padding: 10px 15px;
    border: 1px solid #d1d1d1;
    border-left: 0;
    line-height: 1.7;
    vertical-align: middle;
    font-size:78%;
  }

  .noticeBox dl dd a {
    color:#555555;
  }

  .noticeBox dl dd a:link {
    color:#555555;
  }


  .information{
    width: auto!important;
  }
}

@media (max-width: 380px) {
  div.solution_list div.outer div.outer-inner{
    padding: 10px 0 0;
  }

  #contents-body div.solution_list div.outer p.select-name {
    padding-left: 50px;
    margin-bottom: 0;
  }

  div.solution_list div.outer div.outer-inner .partnerList {
    margin: 0 1px;
  }
}