/*ページトップ*/
#arrow {
    position: fixed;
    bottom: 15px;
    right: 15px;
    z-index: 15;
}

@media only screen and (max-width: 640px){

#arrow {
    position: fixed;
    bottom: 10px;
    z-index: 10;
}
}

/*トップ*/

.cssskin-top_products_list .c-lead {
    position: absolute;
    bottom: 10px;
    width: 100%;
}

.cssskin-top_news .c-note {
    position: absolute;
    bottom: 10px;
    width: 100%;
}

.press {
	background-color: #F58400;
	color: #FFFFFF;
	width: 150px;
	display: inline-block;
	text-align:center;
	    font-size: 14px;
	    line-height:1.6em;
	    vertical-align: middle; 
}

.news {
	background-color: #FF7B7B;
	color: #FFFFFF;
	width: 150px;
	display: inline-block;
	text-align:center;
	    font-size: 14px;
	    line-height:1.6em;
	    vertical-align: middle; 
}

.seminar {
	background-color: #5E8E04;
	color: #FFFFFF;
	width: 150px;
	display: inline-block;
	text-align:center;
	    font-size: 14px;
	    line-height:1.6em;
	    vertical-align: middle; 
}

.event {
	background-color: #165CF8;
	color: #FFFFFF;
	width: 150px;
	display: inline-block;
	text-align:center;
	    font-size: 14px;
	    line-height:1.6em;
	    vertical-align: middle; 
}

@media only screen and (max-width: 640px){

.cssskin-top_products_list .c-lead {
    position: static;
}
}

/*テーブル*/

.tbl-r01,
.tbl-r02 {
  width: 100%;
}

.tbl-r01 th,
.tbl-r02 th{
  border: solid 1px #dddddd;
  padding: 8px;
  text-align: left;
  font-weight: bold;
    color: #FFFFFF;
    background: #999999;
    text-align: left;
}

.tbl-r01 td,
.tbl-r02 td{
  border: solid 1px #dddddd;
  padding: 8px;
  text-align: left;
}


.L1 {
    background: #F3F3F3;
}

.data {
width: 100%;	
}

.data th,
.data td{
  border: solid 1px #dddddd;
  padding: 8px;
  text-align: left;
}

.td_center td{
  text-align: center;
}

.data th {
width: 20%;
background: #F3F3F3;
}


.data .title {
font-weight: bold;
background: #999999;
color: #FFFFFF;
}

.threerowtitle th {
vertical-align: middle;
text-align: center;
background-color: #cccccc;
}

.center th {
vertical-align: middle;
text-align: center;
}

.table-list td {
vertical-align: top !important;
padding: 5px 15px;
}

.table-list ul {
list-style-type: disc;
padding: 15px;
}

.align_l {
vertical-align: middle;	
}

.align_center {
text-align: center;	
}

.text_blue {
color: #032D82;
}

.blue {
color: #032D82;
background-color: #b8c0d0 !important;
}

.w-70 {
width: 70% !important;
}

.w-60 {
width: 60% !important;
}

.w-50 {
width: 50% !important;	
}

.w-40 {
width: 40% !important;	
}

.w-30 {
width: 30% !important;
}



.w-25 {
width: 25% !important;
}

.w-20 {
width: 20% !important;
}


.w-15 {
width: 15% !important;
}

.w-10 {
width: 10% !important;
}

.w-5 {
width: 5% !important;
}

@media only screen and (max-width: 640px){

.data th {
width: 30%;
}
}

/*テーブル（電子契約サービス）*/
.c-hub {
width: 100%;	
}

.c-hub th,
.c-hub td{
  border: solid 1px #dddddd;
  padding: 8px;
  text-align: left;
}

.c-hub th {
background: #F3F3F3;
}


.c-hub .title {
font-weight: bold;
background: #999999;
color: #FFFFFF;
}


/* 製品・サービス一覧 */


.cssskin-product_list .c-lead {
    position: absolute;
    bottom: 0;
    width: 100%;
}

.cssskin-product_topics01 .c-lead,
.cssskin-product_topics02 .c-lead,
.cssskin-product_topics03 .c-lead {
    position: absolute;
    bottom: 10px;
}

@media only screen and (max-width: 640px){

.cssskin-product_list .c-lead {
    position: static;
    width: 100%;
}

.cssskin-product_topics01 .c-lead,
.cssskin-product_topics02 .c-lead,
.cssskin-product_topics03 .c-lead {
    position: static;
    width: 100%;
}
}

/* 事例一覧 */

.cssskin-example-list .c-body {
    font-size: 16px;
    position: absolute;
    width: 93%;
    bottom: 20px;
}

@media only screen and (max-width: 1000px){

.cssskin-example-list .c-body {
    width: 90%;
}
}

@media only screen and (max-width: 640px){

.cssskin-example-list .c-body {
    width: 96%;
}
}