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");
}

/*コンビニ受取の注意事項*/
.conbini_tbl{
font-size:14px !important;
text-align: center;
margin-bottom: 30px;
}

.conbini_tbl thead th{
background:#F5F4E8;
text-align: center !important;
}

.conbini_tbl tr th,
.conbini_tbl tr td ul li{
text-align:left;
}

.conbini_tbl tr td ul li{
font-size:12px !important;
}

.w160{
width:160px;
}

.w85{
width:85px;
}

.w300{
width:300px;
}

.conbini_vrt th span{
writing-mode: tb-rl;
writing-mode: vertical-rl;
-webkit-writing-mode: vertical-rl;
height:170px;
width:25px;
letter-spacing:0.2em;
}

/*代表機能*/
.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;
}

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

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

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

/*フッター　問合せここから*/
.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:0 auto;
}

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

/*タブ切り替え風　SKYMENU*/
.sky_menu{
background: #cc0000;
width:150px;
padding:10px 5px;
color:#ffffff;
margin-right:10px;
float:left;
}

.sky_menu p:first-child{
font-size:15px !important;
}

.sky_menu p img{
vertical-align:middle;
margin-right:5px;
}

.sky_menu hr{
border:solid 1px #ffffff !important;
display: block;
}

.sky_menu .sky_btn a{
display:block;
background:#ffffff;
color:#cc0000;
width:125px;
border-radius:3px;
padding:3px 0;
margin:0 auto;
text-align:center;
text-decoration:none;
}

.sky_menu .sky_btn a:hover{
opacity: 0.9;
}

a:hover .sky_menu{
opacity:0.5;
}

a .sky_menu{
height:135px;
}

a .sky_menu p.sky_txt{
padding:2px 11px !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:525px;
}

.jirei .jirei_info dl:last-child dt{
background:#005b8f;
color:#ffffff;
float:left;
width:85px;
text-align:center;
padding:3px 0;
margin-right:10px;
}
/*導入事例ここまで*/

/* ゆうプリSKYページ　チャート図_共通レイアウト ここから */
.chart{
  width: 874px;
  padding-top: 128px;
  padding-left: 55px;
}

.btn-adjustment01{
	position: relative;
    left: 293px;
    top: -35px;
}

.btn-adjustment02{
	position: relative;
    left: 744px;
    top: -70px;
}

/*.chart p{
  float:left;
}*/


/* 伝票発行　コンビニ受取あり */
.denpatsu_ari_chart{
  background:url("../img/denpatsu_ari_chart.png") no-repeat;
  width: 968px;
  height: 368px;
  margin-bottom: 30px;
}

/* 伝票発行　コンビニ受取なし */
.denpatsu_nashi_chart{
  background:url("../img/denpatsu_nashi_chart.png") no-repeat;
  width: 968px;
  height: 368px;
  margin-bottom: 30px;
}

/* 納品書付　コンビニ受取あり */
.nouhin_ari_chart{
  background:url("../img/nouhin_ari_chart.png") no-repeat;
  width: 968px;
  height: 368px;
  margin-bottom: 30px;
}

/* 納品書付　コンビニ受取なし */
.nouhin_nashi_chart{
  background:url("../img/nouhin_nashi_chart.png") no-repeat;
  width: 968px;
  height: 368px;
  margin-bottom: 30px;
}

/* スキャン印刷　コンビニ受取あり */
.scan_ari_chart{
  background:url("../img/scan_ari_chart.png") no-repeat;
  width: 968px;
  height: 347px;
  margin-bottom: 30px;
}

/* スキャン印刷　コンビニ受取なし */
.scan_nashi_chart{
  background:url("../img/scan_nashi_chart.png") no-repeat;
  width: 968px;
  height: 347px;
  margin-bottom: 30px;
}

/* ゆうプリSKYページ　チャート図_共通レイアウト ここまで */


/*TCC用共通CSSここから*/

/*マージン*/
.mr10{margin-right:10px !important;}
.mb0{margin-bottom: 0 !important;}
.mb10{margin-bottom:10px !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;}

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

.other_btn a:hover{
opacity:0.5;
}

.nav{
margin-bottom:30px !important;
}

/*フロート解除*/
.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;}
.bg_gray{background:#cccccc;}
.txt-right{text-align:right;}
.box-red{
border:solid 1px #C70210;
padding:1px 15px;
}

/*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;
}
h1.resp{
color: #C70210;
margin-bottom:20px !important;
padding: 4px 10px;
font-weight: normal;
font-size: 1.8rem;
border-top: 8px solid #ce0000;
border-right: 1px solid #CCCCCC;
border-left: 1px solid #CCCCCC;
border-bottom: 1px solid #CCCCCC;
}

/*ゆうプリSky　機能一覧_共通レイアウト*/
.box-gray{
display: inline-block;
border:solid 1px #cccccc;
width:325px;
padding:5px;
box-shadow: 3px 3px 3px rgba(0,0,0,0.1);
}

.mr20 {
    margin-right: 20px !important;
}

.red{color:#ff0000;}
.blue{color:#0070c0;}
.purple{color:#7030a0;}
.yellow{color:#ffc000;}
.green{color:#00b050;}
.dark_red{color:#c00000;}

.txt-right{text-align:right;}