@charset "utf-8";
/* ---------------------------------------------------
■ソリューションパートナー各社
--------------------------------------------------- */
#aside {
/*  font-size: 93.75% !important;*/
  font-size: 100% !important;
  padding-top: 0;
}
.clear:after{
	content: "";
	clear: both;
	height: 0;
	display: block;
	visibility: hidden;
}
#header-container {
  font-size: 15px;
}

#contents div#contents-body ,
#contents div#contents-header {
  font-size: 15px;
}
/* 特定業種向けサービス */
div.service{
	color: #ffffff;
	margin-bottom: 5px;
}
div.service ul {
	margin: 0;
	padding: 0;
    list-style-type: none;
	float: right;
}
div.service ul li {
    float: left;
    font-size: 80%;
    margin-left: 5px;
    padding-right: 2px;
}
div.service ul li span {
    display: block;
    padding: 0 3px 0 5px;
    width: auto;
}
/* ▽大見出し 調整用css */
#contents-header #h1_title{
	display: block;
	border: 1px solid #e9b64d;
}
#contents-header #h1_title h1{
	background: none;
	margin: 0;
	padding: 15px 0 4px 16px;
	height: auto;
	font-size: 1.5rem;
	font-weight: bold;
	color: #cb982e;
}
#contents-header #h1_title .inner{
	display: table;
	width: 100%;
}
#contents-header #h1_title .inner table{
	width: 100%;
	padding: 0;
	margin: 0;
	border: none;
}
#contents-header #h1_title .inner table td{
	padding: 0;
	margin: 0;
	border: none;
}
#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.information {
  width: auto !important;
}
#contents-header #h1_title div.logo{
	padding:15px 16px 15px 30px;
	height: auto;
	width: auto;
	vertical-align: middle;
	text-align: right;
}
#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 20px;
}

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

#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") repeat-x 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: 30px;
	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; -webkit-background-size: cover;
background-size: cover;}

/* 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; -webkit-background-size: cover;
background-size: cover;}

/* 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; -webkit-background-size: cover;
background-size: cover;}

/* 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; -webkit-background-size: cover;
background-size: cover;}

/* 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;}
#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; -webkit-background-size: cover;
background-size: cover;}

/* 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; -webkit-background-size: cover;
background-size: cover;}

/* 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; -webkit-background-size: cover;
background-size: cover;}

/* 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; -webkit-background-size: cover;
background-size: cover;}

/* 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; -webkit-background-size: cover;
background-size: cover;}

/* 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; -webkit-background-size: cover;
background-size: cover;}

/* 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; -webkit-background-size: cover;
background-size: cover;}

/* 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; -webkit-background-size: cover;
background-size: cover;}


#contents-body .partner_logo{
	width: 180px;
	margin-right: 14px;
	padding: 0;
	float: left;
}

/* table調整 */
#contents-body table.general{
	width:678px;
}

#contents-body table.general.wide{
	width:100%;
}

#contents-body table.general tbody td{
	width: 82%;
	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;
}

/* フッタフォントサイズ調整用 */
div#page-wrapper div#footer-container {
	font-size: 100% !important;
}

/* 20201203 ソリューション名キャッチコピー部分調整 */
#contents-header #h1_title .information .head_txt{
	display: block;
	padding-bottom: 5px;
	line-height: 1.2;
	font-size: 62.500%;
	font-weight: normal;
	color: #000;
}

/* 20250218 #asideと同スタイル */
@media only screen and (max-width: 768px) {
	#s-aside {
		padding-top: 0;
	}
}