a:hover img{
opacity:0.5;
}

ul li{
font-size:87.5% !important;
}

/*reset*/
ul li,
dl dt,
dl dd{
font-size:87.5% !important;
}

dl{
margin:0 !important;
}
dl dd{
-webkit-margin-start: 0px !important;
}


/*メインコンテンツ*/
.main_contents{
float:left;
width:958px;
margin-right:15px;
}

#main-box p{
margin-top:0 !important;
}

/*サイドコンテンツ*/
.side_contents{
float:right;
width:193px !important;
}

.pattern{
margin:0 0 20px 0 !important;
}

.pattern li{
border:solid 1px #cccccc;
border-top:none;
padding:5px 0 5px 8px;
background:url('../img/list_arrow.png')no-repeat right 5px center;
}

.pattern li a{
text-decoration: none !important;
color:#333333 !important;
}

.pattern li a:hover{
opacity:0.5;
}


/*機能一覧　アコーディオン　ここから*/
.displayNone {
display: none;
}

.accordion a {
display: block;
}
.contentWrap {
border:dotted 1px #cccccc;
padding:10px !important;
height:auto;
}

.switch {
cursor:pointer;
position: relative;
}

.switch:after {
position: absolute;
top: 85%;
right: 10px;
margin-top: -18px;
content: url("../img/open.png");
color: #282828;
}

.switch.open:after {
content: url("../img/close.png");
}

/*代表機能*/
.main_functions li,
.other_functions li{
background: #cc0000;
width:146px;
height:15px;
text-align:center;
float:left;
margin-right:10px;
padding:5px 0 10px 0;
color:#ffffff;
}

.other_functions li{
background: #e75151;
}

.larger li{
line-height:20px;
padding-bottom:30px;    
}

li.small{
 padding-top: 15px;
 padding-bottom: 20px;
}

/*機能一覧　アコーディオン　ここまで*/

/*三階層目　各システム詳細*/
.box-gray{
display: inline-block;
border:solid 1px #cccccc;
width:325px;
padding:5px;
box-shadow: 3px 3px 3px rgba(0,0,0,0.1);
}

/*機能一覧　テーブル*/
.function_table{
width:100%;
border-spacing: 0 !important;
}

.function_table th{
height:40px !important;
width:155px !important;
padding:5px;
background:#F5F4E8;
}

.function_table .w50{
width:50px !important;
}

/*パターン　導入事例*/
.jirei{
display: block;
border:solid 1px #cccccc;
padding:10px;
margin-bottom:20px;
background: url('../img/jirei_bg.png')no-repeat right 10px center;
color:#333333 !important;
}

.jirei:hover{
border:solid 1px #005b8f;
background: url('../img/jirei_bg_hover.png')no-repeat right 10px center;
}

.jirei:last-child{
margin-bottom:30px;
}

.jirei p{
float:left;
margin-right:10px !important;
width:200px;
height:114px;
}

.jirei .jirei_info{
float: left;
}

.jirei .jirei_info dl dt{
color:#005b8f;
font-weight:bold;
}

.jirei .jirei_info dl dd{
margin-bottom:12px;
vertical-align:middle;
width:305px;
}

.jirei .jirei_info dl:last-child dt{
background:#005b8f;
color:#ffffff;
float:left;
width:85px;
text-align:center;
padding:3px 0;
margin-right:10px;
}

/*導入事例　浮きボタン*/
#jireiTop {
position: fixed;
bottom: 20px;
right: 20px;
}

#jireiTop a {
display: block;
z-index: 999;
padding: 15px 0 0 0;
border-radius: 5px;
width: 110px;
height: 50px;
background-color: #cc0000;
color: #fff;
font-size:15px !important;
font-weight: bold;
text-decoration: none;
text-align: center;
}
 
#jireiTop a:hover {
text-decoration: none;
opacity: 0.7;
}
/*TCC用共通CSSここから*/

/*マージン*/
.mr10{margin-right:10px !important;}
.mr20{margin-right:20px !important;}
.mb0{margin-bottom: 0 !important;}
.mb20{margin-bottom:20px !important;}
.mb30{margin-bottom:30px !important;}
.mb50{margin-bottom:50px !important;}

/*パディング*/
.p5{padding:5px;}

/*フロート*/
.fR{float:right;}
.fL{float:left;}

/*その他*/
.center{text-align:center;}
.red{color:#ff0000;}
.blue{color:#0070c0;}
.purple{color:#7030a0;}
.yellow{color:#ffc000;}
.green{color:#00b050;}
.dark_red{color:#c00000;}

.other_btn a{
background:#cc0000;
color:#ffffff;
padding:5px;
text-decoration:none;
}

.other_btn a:hover{
opacity:0.5;
}

/*フロート解除*/
.clearfix:after {
clear:both;
content:".";
display:block;
font-size:0.1em;
height:0.1px;
line-height:0;
visibility:hidden;
}

.clearfix {
min-height:1px;
zoom:1;
}

* html .clearfix {
height:1px;
}

/*その他*/
.red{color:#ff0000;}
.txt-right{text-align:right;}

/*TCC用共通CSSここまで*/

/*JP共通見出し　修正*/
h2.adapt-b{
width:958px !important;
border-right:solid 1px #cccccc;
}

#related{
background:none;
margin-top:0;
padding:0;
}

#related h4{
border-bottom:none;
}

#related ul{
margin-bottom:20px !important;
}

.related{
background:none;
margin-top:0;
padding:0;
}

.related h4{
border-bottom:none;
}

.related ul{
margin-bottom:20px !important;
}

/* WMSページ　タブ調整 */
.nav {
  padding-left: 0;
  margin-bottom: 0;
  list-style: none;
}
.nav > li {
  position: relative;
  display: block;
}
.nav > li > a {
  position: relative;
  display: block;
  padding: 7px 9px;
  height:35px;
}
.nav > li > a:hover,
.nav > li > a:focus {
  text-decoration: none;
  background-color: #ffffff;
}
.nav > li.disabled > a {
  color: #777;
}
.nav > li.disabled > a:hover,
.nav > li.disabled > a:focus {
  color: #777;
  text-decoration: none;
  cursor: not-allowed;
  background-color: transparent;
}
.nav .open > a,
.nav .open > a:hover,
.nav .open > a:focus {
  background-color: #ffffff;
  border-color: #cc0000;
  color:#333333;
}
.nav .nav-divider {
  height: 1px;
  margin: 9px 0;
  overflow: hidden;
  background-color: #e5e5e5;
}
.nav > li > a > img {
  /* max-width: none; */
}
.nav-tabs {
  border-bottom: 3px solid #cc0000;
}
.nav-tabs > li {
  float: left;
  margin-bottom: -1px;
  margin-right: 1px;
  width:185px;
  background:#cc0000;
  border-radius:3px 3px 0px 0px;
}
.nav-tabs > li > a {
  line-height: 20px;
  border: 1px solid transparent;
  border-radius:3px;
  color:#ffffff;
  text-decoration:none;
  font-size:15px;
}
.nav-tabs > li.select{
  line-height: 20px;
  border-radius:3px;
  color:#333333;
  text-decoration:none;
  font-size:15px;
}

.nav-tabs > li > a > span.small{
  font-size: 11px;
}

.nav-tabs > li > a > img{
  margin-right:10px;
  opacity:1.0;
  vertical-align: middle;
}
.nav-tabs > li.select{
  border-color: #eee #eee #ddd;
  color:#333333;
}

.nav-tabs > li > a:hover {
  border-color: #eee #eee #ddd;
  color:#333333;
}
.nav-tabs > li.select > a,
.nav-tabs > li.active > a,
.nav-tabs > li.active > a:hover,
.nav-tabs > li.active > a:focus {
  color: #333333;
  cursor: default;
  background-color: #ffffff;
  height: 35px;
  border: solid 1px #cc0000;
  border-bottom: 0px;
  border-radius: 3px 3px 0px 0px;
}

.clearfix:after,
.dl-horizontal dd:after,
.container:after,
.container-fluid:after,
.row:after,
.form-horizontal .form-group:after,
.btn-toolbar:after,
.btn-group-vertical > .btn-group:after,
.nav:after,
.navbar:after,
.navbar-header:after,
.navbar-collapse:after,
.pager:after,
.panel-body:after,
.modal-footer:after {
  clear: both;
}

.clearfix:before,
.clearfix:after,
.dl-horizontal dd:before,
.dl-horizontal dd:after,
.container:before,
.container:after,
.container-fluid:before,
.container-fluid:after,
.row:before,
.row:after,
.form-horizontal .form-group:before,
.form-horizontal .form-group:after,
.btn-toolbar:before,
.btn-toolbar:after,
.btn-group-vertical > .btn-group:before,
.btn-group-vertical > .btn-group:after,
.nav:before,
.nav:after,
.navbar:before,
.navbar:after,
.navbar-header:before,
.navbar-header:after,
.navbar-collapse:before,
.navbar-collapse:after,
.pager:before,
.pager:after,
.panel-body:before,
.panel-body:after,
.modal-footer:before,
.modal-footer:after {
  display: table;
  content: " ";
}
/*機能一覧　アコーディオン*/
.displayNone {
　display: none;
}

.accordion a {
　display: block;
}
.contentWrap {
　border:dotted 1px #cccccc;
　padding:10px !important;
　height:auto;
}

.switch {
　cursor:pointer;
　position: relative;
}

.switch:after {
　position: absolute;
　top: 85%;
　right: 10px;
　margin-top: -18px;
　content: url("../img/open.png");
　color: #282828;
}

.switch.open:after {
　content: url("../img/close.png");
}

/* WMSページ　チャート図_共通レイアウト */
.chart{
  width: 874px;
  padding-top: 130px;
  padding-left: 55px;
}

.btn-adjustment{
	position: relative;
    top: -35px;
    float: right;
}

.f10{
display:inline;
font-size:10px !important;
line-height:10px !important;
}
/* WMSページ　標準機能 */
.hyozyun_chart{
  background:url("../img/hyozyun_chart.png") no-repeat;
  width: 960px;
  height: 378px;
  margin-bottom: 30px;
}

/* WMSページ　検品アプリ機能 */
.kenpin_chart{
  background:url("../img/kenpin_chart.png") no-repeat;
  width: 960px;
  height: 378px;
  margin-bottom: 30px;
}

/* WMSページ　添加物機能 */
.tenpu_chart{
  background:url("../img/tenpu_chart.png") no-repeat;
  width: 960px;
  height: 378px;
  margin-bottom: 30px;
}

/* WMSページ　WEB_API機能 */
.web_api_chart{
  background:url("../img/web_api_chart.png") no-repeat;
  width: 960px;
  height: 378px;
  margin-bottom: 30px;
}

/*フッター　問合せここから*/
.ftr_contact p a{
display: block;
background:#cc0000 url(../img/ftr_contact_bg.png)no-repeat right 10px center;
border-radius:5px;
color:#ffffff;
text-decoration:none;
width:445px;
height:20px;
text-align:center;
font-size:30px;
padding:25px 0;
margin:30px auto 0 auto;
}

.ftr_contact p a:hover{
opacity: 0.5;
}
/*フッター　問合せここまで*/