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

/* -------------------------------------
▽アイコンつきリンク
------------------------------------- */
#aside {
/*  font-size: 93.75% !important;*/
}
#contents .solution-title {
  padding: 17px 0 18px 15px;
  border-left: 6px solid #da1949;
  margin-bottom: 30px;
  font-size: 160.7%;
  font-weight: bold;
  line-height: 1.6;
  color: #333;
}

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

#contents div#contents-body ,
#contents div#contents-header {
  font-size: 16px;
}

#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 {
}

#contents-body table.select-btn{
    width:100%;
    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:220px;
    border-right:1px solid #cdcdcd;
    border-bottom:1px solid #cdcdcd;
    vertical-align:middle;
  -webkit-background-size: cover;
  background-size: cover;
}
#contents-body table.select-btn td a{
    display:block;
    padding:12px 10px 12px 75px;
    height:100%;
    min-height:19px;
    text-decoration:none;
    width:auto;
}
#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 !important;
    color: #ffffff !important;
    background-image:none !important;
}

/* 各カテゴリ用 */

/* 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;
}

#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;
  -webkit-background-size: cover;
  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:url(../../../common_2014/images/contents/linkmenu_bg.gif) repeat-y scroll left center transparent;
    margin: 10px auto;
    width: 100%;
  -webkit-background-size: contain;
  background-size: contain;
}
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:10px 0 0;
  -webkit-background-size: contain;
  background-size: contain;
}
#contents-body div.solution_list div.outer p{
    font-size: 134%;
    font-weight: bold;
    margin: 25px 0;
}
.select-name{
    padding-left:130px;
}

.select-name span{
    color: #666666;
    font-size: 80%;
    font-weight: normal;
    margin-left: 30px;
}

div.solution_list div.outer div.outer-inner .partnerList{
    background:url(../../../common_2014/images/contents/linkmenu_footer.gif) no-repeat scroll center bottom transparent;
    margin: 0;
    padding:10px 0 35px 30px;
    height:100%;
    list-style:none;
    zoom:1;
  -webkit-background-size: contain;
  background-size: contain;
}
div.solution_list div.outer div.outer-inner .table-wrap{
    height:100%;
    width:855px;
    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;
  width: 100%;
    height:100%;
    border:1px solid #cccccc;
    border-collapse:collapse;
    padding:0;
    border-bottom:none;
  table-layout: fixed;
}
div.solution_list div.outer div.outer-inner table tbody{
    height:100%;
}
div.solution_list div.outer div.outer-inner table td{
  width: 50%;
    height:100%;
    padding:0 0 0 0;
    line-height:2em;
    border-right:1px solid #cccccc;
  border-left:1px solid #cccccc;
  border-bottom:1px solid #cccccc;
/* background:url(../images/list/list_bottom.gif) no-repeat bottom right;
*/
  position: relative;
}

div.solution_list div.outer div.outer-inner table td::before {
  background: url(../../../common/images/com_ic001.png) no-repeat left top;
  content:"";
  width: 6px;
  height: 10px;
  position: absolute;
  top: 50%;
  margin-top: -5px;
  right: 10px;
}

div.solution_list div.outer div.outer-inner table td.blank::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%;
    border:1px solid transparent;
    border-bottom:none;
    margin:1px;
  padding-right: 15px;
}
#contents-body #solutionList .partnerList p.solname{
    margin:0;
    padding-top:15px;
    padding-left:10px;
    font-weight:bold;
    font-size:134%;
}

#contents-body #solutionList .partnerList p.solname span.kigo{
    font-family: "‚l‚r ‚oƒSƒVƒbƒN", "MS PGothic";
}

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

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

/* 各カテゴリ用　フォントカラー切り替え */
#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 a {background-color:#f4e2ea;}
#contents-body #solutionList #cat-e-learning td:hover a {background-color:#ecf3e0;}
#contents-body #solutionList #cat-erp td:hover a {background-color:#fbe9e6;}
#contents-body #solutionList #cat-communication td:hover a {background-color:#e0eef7;}
#contents-body #solutionList #cat-storage td:hover a {background-color:#f4eddb;}
#contents-body #solutionList #cat-security td:hover a {background-color:#fdecda;}
#contents-body #solutionList #cat-db-bi td:hover a {background-color:#dbefe2;}
#contents-body #solutionList #cat-mobile td:hover a {background-color:#fdefda;}
#contents-body #solutionList #cat-work-flow td:hover a {background-color:#f7f4db;}
#contents-body #solutionList #cat-business td:hover a {background-color:#e4e5f0;}
#contents-body #solutionList #cat-vertical-market td:hover a {background-color:#eee7f0;}
#contents-body #solutionList #cat-develop td:hover a {background-color:#fceaec;}

#contents-body #solutionList #cat-crm td.blank:hover a {background-color:#ffffff;}
#contents-body #solutionList #cat-e-learning td.blank:hover a {background-color:#ffffff;}
#contents-body #solutionList #cat-erp td.blank:hover a {background-color:#ffffff;}
#contents-body #solutionList #cat-communication td.blank:hover a {background-color:#ffffff;}
#contents-body #solutionList #cat-storage td.blank:hover a {background-color:#ffffff;}
#contents-body #solutionList #cat-security td.blank:hover a {background-color:#ffffff;}
#contents-body #solutionList #cat-db-bi td.blank:hover a {background-color:#ffffff;}
#contents-body #solutionList #cat-mobile td.blank:hover a {background-color:#ffffff;}
#contents-body #solutionList #cat-work-flow td.blank:hover a {background-color:#ffffff;}
#contents-body #solutionList #cat-business td.blank:hover a {background-color:#ffffff;}
#contents-body #solutionList #cat-vertical-market td.blank:hover a {background-color:#ffffff;}
#contents-body #solutionList #cat-develop td.blank:hover a {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;
    line-height:1.5em;
}

th{
    width:25%;
}

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

#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;
}

/* 20201110 add */
.br_sp {
    display: none;
}