@charset "utf-8";
/* CSS Document */

html, body {
	padding:0;
	margin:0;
	font-family:"メイリオ", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
background-size: 5px 5px;
background-color: #ffffff;
background-image: linear-gradient(#D9D9D9 20%, transparent 20%, transparent);
min-height: 100%;
height: auto !important;
height: 100%;
}
#wrapper {
	width:1170px;
	background:#ffffff;
	margin:0 auto;
	height:100%;
}
#content {
	position:relative;
	min-height:768px;
}
a {
	text-decoration:none;
	color:#000000;
}
.clearfix:after {
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}
.clearfix {
	display: inline-table;
}
* html .clearfix {
	height: 1%;
}
.clearfix {
	display: block;
}


.logo {
	width:152px;
	height:51px;
	position:absolute;
	left:0;
	top:0;
	background:url(/online-slip/img/logo_header-8e345c5e7816ef9cf3755d412b703bfa.svg) no-repeat;
	background-size: contain;
text-indent:100%;
white-space:nowrap;
overflow:hidden;
}
.headtxt {
	position:absolute;
	font-size:18px;
	color:#e50012;
	left:162px;
	top:15px;
}
.pan {
	padding-top:50px;
	margin-bottom:10px;
}
.pan ul {
	margin:0;
	padding:0;
}
.pan ul li {
  position: relative;
  margin-left: 10px;
  margin-right:5px;
  width: 145px;
  height: 20px;
  background: #E5E5E5;
  list-style:none;
  font-size:12px;
  float:left;
  line-height:21px;
  box-sizing:border-box;
  padding-left:5px;
}
.pan ul li:first-child { width: 160px;}
.pan ul li:before {
  content: "";
  position: absolute;
  top: 0;
  right: 100%;
  width: 0;
  height: 0;
  border-left: 10px solid transparent;
  border-top: 20px solid #E5E5E5;
}
.pan ul li:first-child:before {
  border-left: 10px solid #E5E5E5;
}
.pan ul li:after {
  content: "";
  position: absolute;
  top: 0;
  left: 100%;
  width: 0;
  height: 0;
  border-right: 10px solid transparent;
  border-bottom: 20px solid #E5E5E5;
}

.pan ul li.current {
  color:#ffffff !important;
}
.pan ul li.current {
  background: #007DAF;
}
.pan ul li.current:before {
  border-top: 20px solid #007DAF;
}
.pan ul li.current:first-child:before {
  border-left: 10px solid #007DAF;
}
.pan ul li.current:after {
  border-bottom: 20px solid #007DAF;
}

.steptitle {
	clear:both;
	color:#B34748;
	font-size:24px;
	font-weight:bold;
	margin-left:9px;
}
.steptxt {
	font-size:14px;
	color:#737373;
	margin-left:9px;
	margin-top:2px;
	line-height:1em;
}

.btn01 a, .btn02 a {
border-radius: 5px;
border:solid #AAAAAA 1px;
text-align:center;
display:block;
cursor:pointer;
box-shadow: 1px 1px 2px 2px #EEEFEF;
-webkit-box-shadow: 1px 1px 2px 2px #EEEFEF;
-moz-box-shadow: 1px 1px 2px 2px #EEEFEF;
	box-sizing:border-box;
}
.btn01 a {
background-image: linear-gradient(#ffffff 0%, #f9f9f9 49%, #f2f2f2 51%, #f4f4f4 100%);
}
.btn01 a:hover {
background-image: linear-gradient(#FFFFD2 0%, #F1FAC0 49%, #EDF6BF 51%, #ECF5BD 100%);
}
.btn01 a:active {
background:#F2FFA7;
box-shadow:none;
}
.btn02 a {
background-image: linear-gradient(#ccff5f 0%, #aeff00 49%, #a7f400 51%, #aeff00 100%);
}
.btn02 a:hover {
background:#A1EC00;
}
.btn02 a:active {
background:#F2FFA7;
box-shadow:none;
}
.btn02off {
	background:#CECECE;
border-radius: 5px;
border:solid #AAAAAA 1px;
text-align:center;
display:block;
	box-sizing:border-box;
	width:262px;
	height:40px;
	font-size:24px;
	font-weight:bold;
	line-height:40px;
	position:relative;
	padding-right:20px;
	color:#565656;
}
.btn02off:after {
	content:"▼";
	transform:rotate(-90deg);
	margin-right:-2px;
	margin-left:5px;
	color:#7D7D7D;
	position:absolute;
	bottom:0px;
}
.addline {
	margin-left:25px;
	width:172px;
	height:23px;
	font-size:12px;
	line-height:23px;
	position:relative;
	margin-top:4px;
}
.addline:before {
	position:absolute;
	content:"+";
	font-weight:bold;
	font-size:23px;
	color:#49BF70;
	left:5px;
	top:1px;
}
.req:after {
	content:url(/online-slip/img/req-eb78790c0b6cf47c395bea78339197f1.png);
	vertical-align:middle;
	color:#FFFFFF;
	margin-left:4px;
}

.foot {
	background:#FFFFFF;
	position:relative;
	height:70px;
}
.foot .back {
	position:absolute;
	left:25px;
	top:12px;
}
.foot .next {
	position:absolute;
	left:454px;
	top:12px;
}
.foot2 {
	position:relative;
	height:91px;
}
.foot2 .back {
	position:absolute;
	left:25px;
	top:32px;
}
.foot2 .next {
	position:absolute;
	left:454px;
	top:32px;
}
.foot2 .print {
	position:absolute;
	right:20px;
	top:32px;
}
.foottxt {
	position:absolute;
	text-align:center;
	font-size:14px;
	top:10px;
	left:405px;
}
.foot_kuma {
	position:absolute;
	left:722px;
	top:32px;
}
.foot3 {
	position:relative;
	height:91px;
}
.foot3 .back {
	position:absolute;
	left:25px;
	top:32px;
}
.foot3 .next {
	position:absolute;
	left:454px;
	top:32px;
}
.foot3 .foottxt {
	position:absolute;
	text-align:center;
	font-size:14px;
	top:10px;
	left:405px;
}
.foot4 {
	position:relative;
	margin-top:25px;
}
.foot4 .foot4_imgarea {
}
.foot4 .foot4_imgarea .foot4_img {
	position:absolute;
	top:0;
	left:480px;
}
.foot4 .foot4_imgarea .foot4_txt01 {
	position:absolute;
	top:64px;
	left:305px;
	font-size:18px;
	color:#7E7E7E;
}
.foot4 .foot4_imgarea .foot4_txt02 {
	position:absolute;
	top:64px;
	left:660px;
	font-size:18px;
	color:#7E7E7E;
}
.foot4 .foot4_btn01 a {
	position:absolute;
	left:380px;
	top:178px;
	width:200px;
	height:40px;
	line-height:40px;
	font-size:18px;
	font-weight:bold;
}
.foot4 .foot4_btn02 a {
	position:absolute;
	left:590px;
	top:178px;
	width:200px;
	height:40px;
	line-height:40px;
	font-size:18px;
	font-weight:bold;
}

.back a {
	height:40px;
	width:182px;
	font-size:12px;
	line-height:40px;
	position: relative;
}
.back a:before {
	content:"◀";
	margin-right:5px;
	margin-left:-2px;
}

.next .btn02 a {
	width:262px;
	height:40px;
	font-size:24px;
	font-weight:bold;
	line-height:40px;
	position:relative;
	padding-right:20px;
}
.next .btn02 a:after {
	content:"▶";
	margin-right:-2px;
	margin-left:5px;
	color:#226E00;
	position:absolute;
	bottom:0px;
}

.slip_btn_area {
	position:relative;
	background:#DDDDDD;
	height:56px;
	border-bottom:solid 1px #9F9F9F;
}
.slip_back a {
	height:40px;
	width:165px;
	font-size:12px;
	line-height:40px;
	position:relative;
	left:422px;
	top:8px;
box-shadow: 1px 1px 2px 2px #D5D5D5 !important;
-webkit-box-shadow: 1px 1px 2px 2px #D5D5D5 !important;
-moz-box-shadow: 1px 1px 2px 2px #D5D5D5 !important;
}
.slip_back a:before {
	content:"◀";
	margin-right:5px;
	margin-left:-2px;
}

.slip_next a {
	width:170px;
	height:40px;
	font-size:14px;
	font-weight:bold;
	line-height:40px;
	position:absolute;
	left:600px;
	top:8px;
	padding-right:10px;
box-shadow: 1px 1px 2px 2px #D5D5D5 !important;
-webkit-box-shadow: 1px 1px 2px 2px #D5D5D5 !important;
-moz-box-shadow: 1px 1px 2px 2px #D5D5D5 !important;
}
.slip_next a:after {
	content:"▼";
	transform:rotate(-90deg);
	margin-right:-2px;
	margin-left:5px;
	position:absolute;
	bottom:-1px;
}
.slip_btn_area .off a {
	background:#EDEDED !important;
	color:#939393 !important;
	cursor:default !important;
}


.print a {
	height:40px;
	width:152px;
	font-size:12px;
	line-height:40px;
}

.fl {
	float:left;
}
.cb {
	clear:both;
}
.fs12 {
	font-size:12px !important;
}
.fs11 {
	font-size:11px !important;
}

.h24 {
	height:24px;
}

.btn01 a, .btn02 a {
border-radius: 5px;
border:solid #AAAAAA 1px;
text-align:center;
display:block;
cursor:pointer;
box-shadow: 1px 1px 2px 2px #EEEFEF;
-webkit-box-shadow: 1px 1px 2px 2px #EEEFEF;
-moz-box-shadow: 1px 1px 2px 2px #EEEFEF;
	box-sizing:border-box;
}
.btn01 a {
background-image: linear-gradient(#ffffff 0%, #f9f9f9 49%, #f2f2f2 51%, #f4f4f4 100%);
}
.btn01 a:hover {
background-image: linear-gradient(#FFFFD2 0%, #F1FAC0 49%, #EDF6BF 51%, #ECF5BD 100%);
}
.btn01 a:active {
background:#F2FFA7;
box-shadow:none;
}

label {
	position: relative;
}
label:after {
	position:absolute;
	content:"▼";
	font-size:9px;
	right:10px;
	top:6px;
	color:#888888;
}
font-size:14px;
height:25px;
-moz-appearance: none;
-webkit-appearance: none;
appearance: none;
border: solid 1px #AAAAAA;
margin: 0;
padding: 0;
background-image: linear-gradient(#ffffff 0%, #f9f9f9 49%, #f2f2f2 51%, #f4f4f4 100%);
vertical-align: middle;
color: inherit;
box-sizing:border-box;
border-radius: 5px;
padding-left:5px;
padding-right:5px;
}
select:focus {
background-image: linear-gradient(#FFFFE7 0%, #F9F9E2 49%, #EEEED8 51%, #F4F4DD 100%);
border:solid 1px #FFA853;
}
input {
border-radius: 3px;
border: solid 1px #AAAAAA;
height:30px;
box-sizing:border-box;
padding-left:5px;
padding-right:5px;
font-size:15px;
font-family:"メイリオ", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}
input:focus {
	background:#FFFFE7;
	border:solid 1px #FFA853;
}
textarea {
	overflow:hidden;
	border-radius: 3px;
	border: solid 1px #AAAAAA;
	box-sizing: border-box;
	font-size: 15px;
	font-family: "メイリオ", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	resize: none;
}
textarea:focus {
	background:#FFFFE7;
	border:solid 1px #FFA853;
}

.al_r {
	text-align:right;
}
.al_c {
	text-align:center;
}

.w110 {
	width:130px;
}

input.input_w410 {
	width:400px;
}
input.input_w410.chkNameKana {
    width:788px;
	display: block;
}
input.input_w100 {
	width:100px;
}
input.input_w110 {
	width:110px;
}
select.select_w179 {
	width:179px;
}
select.select_w112 {
	width:112px;
}
select.select_w288 {
	width:288px;
}
select.select_w308 {
	width:308px;
}
select.select_w348 {
	width:348px;
}
.pl10 {
	box-sizing:border-box;
	padding-left:10px !important;
}
.pl30 {
	box-sizing:border-box;
	padding-left:10px !important;
}
.mb10 {
	margin-bottom:10px;
}
.mb60 {
	margin-bottom:60px;
}

.mt00 {
	margin-top:0px !important;
}
.mb20 {
	margin-bottom:20px !important;
}

textarea.textarea_w345 {
	width:345px;
}

/*top*/
.top .title {
	font-size:48px;
	color:#e50012;
	font-weight:normal;
	text-align:center;
	padding-top:80px;
	margin-bottom:0;
}
.top .topimgarea {
	width:1130px;
	height:80px;
/*background-color: #ffffff;
background-image: linear-gradient(#ffffff 72%, #cdcdcd 72%, transparent);
box-sizing:border-box;
padding-top:11px;*/
text-align:center;
margin:auto;
}
/*.top .topimg {
position:relative;
width:500px;
margin:auto;
}*/
.top .topimg .txt01, .top .topimg .txt02, .top .topimg .txt03, .top .topimg .txt04, .top .topimg .txt05 {
	position:absolute;
	color:#737373;
	font-weight:bold;
	font-size:18px;
	margin:0;
	padding:0;
}
.top .topimg .txt01 {top:22px; left:53px;}
.top .topimg .txt02 {top:105px; left:30px;}
.top .topimg .txt03 {top:100px; left:336px;}
.top .topimg .txt04 {top:132px; left:370px;}
.top .topimg .txt05 {top:182px; left:180px;}

.top .toplist  {
}
.top .toplist ul {
	margin:6px 0 0 290px;
	padding:0;
}
.top .toplist ul li {
	font-size:14px;
	margin-bottom:3px;
}

.top_steptitle {
	clear:both;
	color:#B34748;
	font-size:24px;
	font-weight:bold;
	text-align:center;
	margin-bottom:0;
}
.top .topbtn01 a {
	width:300px;
	height:150px;
	margin:auto;
	font-weight:bold;
	font-size:24px;
	box-sizing:border-box;
	padding-top:50px;
	line-height:1.3em;
	margin-top:13px;
}
.top .topbtn01 a span {
	font-weight:normal;
	font-size:18px;
}
.top .topbtn02 a {
	width:300px;
	height:60px;
	margin:auto;
	line-height:60px;
	font-weight:bold;
	font-size:18px;
	margin-top:15px;
}
.top .toptxt {
	margin-top:5px;
	font-size:12px;
	text-align:center;
}

/*step02*/
.step02 .btnbox01 {
	margin-bottom:43px;
}
.step02 .btnbox02 {
	margin-bottom:17px;
}
.step02 .contents {
	margin:auto;
	width:1130px;
	border-top:solid 2px #DDDDDD;
	border-bottom:solid 5px #DDDDDD;
	padding:17px 0;
	box-sizing:border-box;
	position:relative;
}
.step02 .step02btn01 {
	width:250px;
	height:220px;
	line-height:220px;
	font-size:36px;
	font-weight:bold;
}
.step02 .step02btn01.line2 {
	padding-top:61px;
	line-height:1.3em;
}
.step02 .step02btn01.line2 span {
	font-weight:normal;
	font-size:20px;
}
.step02 .contents .btn_a, .step02 .contents .btn_b, .step02 .contents .btn_c, .step02 .contents .btn_d, .step02 .contents .btn_e {
	padding:4px;
	box-sizing:border-box;
	float:left;
	width:258px;
border-radius: 5px;
	margin-right:33px;
}
.step02 .contents .btn_a.select, .step02 .contents .btn_b.select, .step02 .contents .btn_c.select, .step02 .contents .btn_d.select, .step02 .contents .btn_e.select {
	background:#00C140;
}
.step02 .contents .btn_a.select .btn01, .step02 .contents .btn_b.select .btn01, .step02 .contents .btn_c.select .btn01, .step02 .contents .btn_d.select .btn01, .step02 .contents .btn_e.select .btn01 {
	box-shadow:none !important;
	background:url(/online-slip/img/check-b55112a4b839d18a58537b3ac895c674.png) no-repeat #F2FFA7 !important;
}
.step02 .next .btn02off {
	display:block;
}
.step02 .next.select01 .btn02off, .step02 .next.select02 .btn02off, .step02 .next.select03 .btn02off, .step02 .next.select04 .btn02off, .step02 .next.select05 .btn02off {
	display:none;
}
.step02 .next .btn02 a {
	display:none;
}
.step02 .next.select01 .btn02 a, .step02 .next.select02 .btn02 a, .step02 .next.select03 .btn02 a, .step02 .next.select04 .btn02 a, .step02 .next.select05 .btn02 a {
	display:block;
}

.step02 .contents .btn01 {
border-radius: 5px;
border:solid #AAAAAA 1px;
text-align:center;
display:block;
cursor:pointer;
box-shadow: 1px 1px 2px 2px #EEEFEF;
-webkit-box-shadow: 1px 1px 2px 2px #EEEFEF;
-moz-box-shadow: 1px 1px 2px 2px #EEEFEF;
	box-sizing:border-box;
}
.step02 .contents .btn01 {
background-image: linear-gradient(#ffffff 0%, #f9f9f9 49%, #f2f2f2 51%, #f4f4f4 100%);
}
.step02 .contents .btn01:hover {
background-image: linear-gradient(#FFFFD2 0%, #F1FAC0 49%, #EDF6BF 51%, #ECF5BD 100%);
}
.step02 .contents .btn01:active {
background:#F2FFA7;
box-shadow:none;
}

/*step02-2*/
.step02-2 .contents {
	margin:auto;
	width:1130px;
	border-top:solid 2px #DDDDDD;
	border-bottom:solid 5px #DDDDDD;
	padding:10px 0;
	box-sizing:border-box;
	position:relative;
}
.step02-2 .contents .upload_sirodon {
	width:249px;
	height:194px;
	position:absolute;
	bottom:50px;
	right:25px;
}

.step02-2 .title01 {
	font-size:18px;
	font-weight:bold;
	color:#bc0211;
	margin-bottom:10px;
}
.step02-2 .num_list ol {
	margin-top:0;
	padding:0 0 0 1.5em;
}
.step02-2 .num_list ol li {
	margin:0;
	padding:0;
}
.step02-2 .contents_in {
	margin-top:40px;
	padding:10px 0;
	border-top:solid 2px #DDDDDD;
}
.upload_area {
	border:solid 1px #DDDDDD;
	height:46px;
	width:864px;
}
.upload_title {
	background:#DDDDDD;
	width:174px;
	float:left;
	height:100%;
	line-height:46px;
	padding-left:10px;
	box-sizing:border-box;
	font-size:12px;
}
.upload_title span {
	background:#E50012;
	font-size:10px;
	color:#FFF;
	margin-left:5px;
}
.uploadButton {
    display:inline-block;
    position:relative;
    overflow:hidden;
    width:670px;
	height:30px;
    cursor:pointer;
	box-sizing:border-box;
	margin-top:8px;
	margin-left:10px;
}
.uploadButton input[type=file] {
    position:absolute;
    top:-10px;
    left:0;
    width:100%;
    height:30px;
    cursor:pointer;
    opacity:0;
	z-index:10;
}
.uploadValue {
    padding:0px;
	position:absolute;
	top:0;
	left:0;
	width:575px;
	height:30px;
	background:#fff;
	box-sizing:border-box;
	color:#000;
	font-size:12px;
	padding-left:10px;
}
.uploadButton .btn {
background-image: linear-gradient(#ffffff 0%, #f9f9f9 49%, #f2f2f2 51%, #f4f4f4 100%);
	border:solid 1px #AAAAAA;
	width:75px;
	height:30px;
	font-size:12px;
	position:absolute;
	margin-left:590px;
	box-sizing:border-box;
	line-height:30px;
	border-radius:5px 5px 5px 5px;
	text-align:center;
}
.uploadButton:hover .btn {
background-image: linear-gradient(#FFFFD2 0%, #F1FAC0 49%, #EDF6BF 51%, #ECF5BD 100%);
}

/*step03*/
.tab{overflow:hidden; margin:0; padding:0; padding-top:14px;}
.tab li{background:#ffffff; width:150px; height:25px; border-top:solid 1px #E2E2E2; border-right:solid 1px #E2E2E2; padding:3px; float:left; list-style:none; text-align:center; box-sizing:border-box; font-size:14px; margin-top:5px; cursor:pointer; position:relative;}
/* .tab li.blue:after { content:"5"; position:absolute; right:6px; top:-10px; background:#EA4749; border-radius: 22px; width:22px; height:22px; color:#FFFFFF; box-shadow:0 0 0 1px #FFF;}*/
/*.tab li.pink01:after { content:"2"; position:absolute; right:6px; top:-10px; background:#EA4749; border-radius: 22px; width:22px; height:22px; color:#FFFFFF; box-shadow:0 0 0 1px #FFF;}*/
.tab li:first-child {border-left:solid 1px #E2E2E2;}
.tab li.select{background:#F6B7D0; height:30px; margin-top:0; border:none; padding:7px;}
.tab li.select.blue {background:#97C3FF;}
.tab li.select.pink01 {background:#F6B7B7;}
.tabcontent {margin:0; padding:0;}
.tabcontent li{background:#FFF4F8; padding:4px 0 16px; list-style:none; border-top:solid 5px #F6B7D0; border-bottom:solid 5px #F6B7D0; position:relative; min-height:519px; box-sizing:border-box;}
.tabcontent li.blue{background:#EAF3FF; border-top:solid 5px #97C3FF; border-bottom:solid 5px #97C3FF;}
.tabcontent li.pink01{background:#FFF4F4; border-top:solid 5px #F6B7B7; border-bottom:solid 5px #F6B7B7;}
.hide {display:none;}
.tab li a {
	display:block;
	width:100%;
}
.tabcontent li .title01 {
	font-size:18px;
	font-weight:bold;
	color:#bc0211;
	margin-left:10px;
}
.margin_padding_bottom0 {
    margin-bottom: 0px;
    padding-bottom: 0px;
 }
 .margin_padding_top0 {
    margin-top: 0px;
    padding-top: 0px;
 }
.w810 {
	width:810px;
}

.w290 {
	width:290px;
}


.tabcontent .tab_ctontents_box .box_line .w200{
	width:200px;
}
.tabcontent .tab_ctontents_box .box_line .w230{ width: 230px;}

.link01 {
	color: blue;
	font-size: 14px;
	font-weight: normal;
	text-decoration: underline;
}
.mgt6 {
	margin-top: 6px;
}
.amountalldeletebtn {
	width: 140px;
	font-size: 12px;
	font-weight: normal;
	margin-top: 2px;
	margin-left: 80px;
	float: left;
	line-height: 23px;
}
.amountalldeletebtn_rt {
	width: 140px;
	font-size: 12px;
	font-weight: normal;
	margin-top: 2px;
	margin-right: 55px;
	float: right;
	line-height: 23px;
}
.attention_message {
    font-size: 14px;
    padding-top: 0px;
    padding-bottom: 0px;
    margin-left: 180px;
    margin-bottom: 0px;
    line-height: 1;
}
.datedeletebtn {
	width: 120px;
	font-size: 12px;
	font-weight: normal;
	margin-top: 2px;
	margin-left: 80px;
	float: left;
	line-height: 23px;
}

.ml_106{
	margin-left: 106px;
}

.ml_100{
	margin-left: 100px;
}

.mt_5{
	margin-top: 5px;
}

.op_07{
	opacity: 0.7;
}

.tabcontent li.blue .title01 {
	color:#3a8dff !important;
}

.table_cont {
	width:1135px;
	margin-top:9px;
	margin-left:25px;
	border-left: solid 1px #DDDDDD;
	border-right: solid 1px #DDDDDD;
}
.table_head {
	font-size:12px;
	background:#DDDDDD !important;
	min-height:26px;
	padding-top:4px;
	box-sizing:border-box;
}
.table_head:after {
    visibility: hidden;
    display: block;
    content: " ";
    clear: both;
    height: 0;
}
.table_head .num {width:21px; float:left; box-sizing:border-box; padding-left:8px;}
.table_head .name {width:238px; float:left; box-sizing:border-box; padding-left:8px;}
.table_head .subject {width:122px; float:left; box-sizing:border-box; padding-left:8px;}
.table_head .account {width:100px; float:left; box-sizing:border-box; padding-left:8px;}
.table_head .money {width:195px; float:left; box-sizing:border-box; padding-left:8px;}
.table_head .summary {width:92px; float:left; box-sizing:border-box; padding-left:8px; visibility: hidden;}
.table_head .passbook {width:338px; float:left; box-sizing:border-box; padding-left:8px;}
.table_head .del {width:66px; float:left; box-sizing:border-box; text-align:center;}


.table_tr {
	border-bottom: solid 1px #DDDDDD;
	height:45px;
	background:#FFFFFF;
}

.torihiki .table_tr_h120 {
	height:145px;
}


.table_tr_h120 table tr td{
	padding:0px;
}

.meigi_msg {font-size: 12px; margin-top: 5px; margin-left: 30px; float: left;}


.table_body .num {width:21px; float:left; font-size:14px; text-align:center; box-sizing:border-box; padding-top:10px;}
.table_body .name {width:238px; float:left; box-sizing:border-box; padding-top:9px; padding-left:6px;}
.table_body .subject {width:122px; float:left; box-sizing:border-box; padding-top:9px; padding-left:6px;}
.table_body .account {width:100px; float:left; box-sizing:border-box; padding-top:7px; padding-left:6px;}
.table_body .money {width:198px; float:left; box-sizing:border-box; padding-top:7px; padding-left:6px;}
.table_body .summary {width:92px; float:left; box-sizing:border-box; padding-top:9px; padding-left:6px; visibility: hidden;}
.table_body .passbook {width:338px; float:left; box-sizing:border-box; padding-top:6px; padding-left:6px;}
.table_body .del {width:66px; float:left; text-align:center; box-sizing:border-box; padding-top:9px;}
.table_body .meigi_head {width:120px; float:left; font-size:12px; text-align:center; padding-top:10px;}
.table_body .meigi {padding-top:6px;}


.table_body select.table_name {
width:229px;
}
.table_body select.table_subject {
width:112px;
}
.table_body input.table_account {
width:90px;
}
.table_body input.table_money {
width:168px;
text-align:right;
margin-right:3px;
}
.table_body select.table_summary {
width:82px;
}
.table_body input.table_passbook {
width:150px;
float:left;
}

.table_body textarea.table_meigi {
width:345px;
}


select::-ms-expand {
    display: none;
}
.pass_check {
	font-size:12px;
}
.pass_check { width: 134px; float: left; text-indent: -30px; padding-left: 30px; box-sizing: border-box; line-height: 8px;
}
.checkbox01, .checkbox02, .checkbox03, .checkbox04, .checkbox05
 {
	vertical-align:middle;
	margin-left:20px;
	margin-right:10px;
}

.table_tr_hide01, .table_tr_hide02, .table_tr_hide03, .table_tr_hide04, .table_tr_hide05 {
	border-bottom: solid 1px #DDDDDD;
	height:94px;
	background:#F6FAFF;
	display:none;
}
.table_tr_hide01.select, .table_tr_hide02.select, .table_tr_hide03.select, .table_tr_hide04.select, .table_tr_hide05.select {
	display:block;
}
.tabcontent table td {
	font-size:12px;
	padding:5px;
}
.tabcontent table .fs14 {
	font-size:14px;
}
.tabcontent .title {
	text-align:right;
	padding-right:20px;
	box-sizing:border-box;
}
.tabcontent .attention {
	padding-bottom:0px;
}
.tabcontent .quantity {
	width:50px;
	height:30px;
	text-align:right;
	margin-right:3px;
	margin-top: 5px;
}

.bill {
	background:#DDDDDD;
	width:58px;
	height:20px;
	text-align:center;
	line-height:20px;
	box-sizing:border-box;
	float:left;
	margin-left:5px;
	margin-right:2px;
	margin-top:9px;
}
.coin {
	background:#DDDDDD;
	width:38px;
	height:38px;
	text-align:center;
	border-radius: 38px;
	line-height:18px;
	box-sizing:border-box;
	padding-top:2px;
	float:left;
	margin-left:15px;
	margin-right:2px;
}
.text_left {
	float:left;
	width:165px;
	text-align:right;
	clear:both;
}
.text_right {
	float:left;
	width:90px;
	text-align:right;
}
.text_red {
	color:#ff0000;
}

.tab_ctontents_box {
	border-bottom:solid 2px #F6B7D0;
	padding-bottom:5px;
	margin-bottom:10px;
}
.tab_ctontents_box.last {
	border-bottom:none;
	padding-bottom:0;
	margin-bottom:0;
}
.tab_ctontents_box.pb15 {
	padding-bottom:15px;
}
.tab_ctontents_box .box_line {
	clear:both;
	margin-bottom:6px;
}
.tab_ctontents_box .box_line .title_area {
	float:left;
	width:150px;
	margin-left:25px;
	font-size:14px;
	box-sizing:border-box;
	padding-top:4px;
}
.tab_ctontents_box .box_line .content_area {
	float:left;
	width:940px;
	margin-left:50px;
	position:relative;
}
.tab_ctontents_box .box_line .content_area.required:before {
	content:url(/online-slip/img/req-eb78790c0b6cf47c395bea78339197f1.png);
	position:absolute;
	left:-33px;
	top:4px;
}
.tab_ctontents_box .box_line .content_area .note, .payee .note {
	font-size:11px;
	opacity: 0.7;
	margin-left:5px;
}
.tab_ctontents_box .box_line .content_area .content_in_left {
	float:left;
}
.tab_ctontents_box .box_line .content_area .content_in_right {
	width:460px;
	float:left;
	margin-left:40px;
}
.tab_ctontents_box .box_line .content_area .attention {
	font-size:14px;
}
.content_in_right_title {
	float:left;
	width:60px;
	font-size:14px;
	text-align:right;
	box-sizing:border-box;
	padding-top:4px;
}
.content_in_right_title.t2 {
	width:75px;
}
.content_in_right_cont {
	float:left;
	margin-left:45px;
	position:relative;
}
.content_in_right_cont.required:before {
	content:url(/online-slip/img/req-eb78790c0b6cf47c395bea78339197f1.png);
	position:absolute;
	left:-33px;
	top:4px;
}

.payee_table {
	margin-left:25px;
	margin-top:0px;
	position:relative;
}
.payee_table .del_icon {
	position:absolute;
	right:15px;
	top:40px;
}
.payee_table .payee {
	border: solid 2px #F6B7D0;
	display:table;
	border-collapse:collapse;
}
.payee_table .payee td {
	background:#FFF4F8;
	border: solid 1px #F6B7D0;
	font-size:14px;
	height:35px;
	box-sizing:border-box;
	padding:0;
}
.payee_table .payee td.b_non {
	border:none;
}
.payee_table .payee td.b_lnon {
	border-left:none;
}
.payee_table .payee th {
	background:#F6B7D0;
	border: solid 1px #F6B7D0;
	font-weight:normal;
	font-size:14px;
	text-align:left;
	height:32px;
	box-sizing:border-box;
}
.payee_table .payee th.h_65 {
	height:65px;
}

.payee_table .payee th.f18 {
	font-size:18px;
	text-align:center;
}
.relative {
	position:relative;
}
.payee_table .payee .pos01 {
	position:absolute;
	left:120px;
	top:-3px;
}
.payee_table .payee .pos01b {
	position:absolute;
	left:120px;
	top:-2px;
}
.payee_table .payee .pos01b.shiten {
	left:100px;
}
.payee_table .payee .pos01c {
	position:absolute;
	left:120px;
	top:-4px;
}
.payee_table .payee .pos01d {
	position:absolute;
	left:50px;
	top:-4px;
}
.payee_table .payee .pos01e {
	position:absolute;
	left:245px;
	top:0px;
}

.payee_table .payee .pos02 {
	position:absolute;
	left:220px;
	top:-3px;
}
.payee_table .payee .pos03 {
	position:absolute;
	left:275px;
	top:-3px;
}

/*step04*/
.step04_box_blue {
	border-top:#97C3FF solid 5px;
	background:#EAF3FF;
	padding-top:5px;
	padding-bottom:20px;
}
.step04_box_red {
	border-top:#F6B7D0 solid 5px;
	background:#FFF4F8;
	padding-top:5px;
	padding-bottom:20px;
}

.step04_box_blue .title01, .step04_box_red .title01 {
	font-size:18px;
	font-weight:bold;
	color:#bc0211;
	margin-left:10px;
}
.step04_box_blue .title01 {
	color:#3a8dff !important;
}
.step04_box_blue .title02, .step04_box_red .title02 {
	font-size:14px;
	font-weight:bold;
	color:#bc0211;
	margin-left:20px;
}
.step04_box_blue .title02 {
	color:#3a8dff !important;
}

.step04_box_blue .conf_red, .step04_box_red .conf_red {
	position:absolute;
	color:#ff3a3a;
	font-size:14px;
	bottom:0px;
	left:447px;
	font-weight:normal;
}
.conf_table01 {
	margin-left:25px;
	width:1135px;
	box-sizing:border-box;
	border:solid 1px #DDDDDD;
	border-collapse:collapse;
	margin-top:10px;
	margin-bottom:15px;
}
.conf_table01 thead td {
	background:#DDDDDD;
	font-size:12px;
	padding-top:3px !important;
	padding-bottom:3px !important;
}
.conf_table01 td {
	background:#FFFFFF;
	border-bottom:solid 1px #DDDDDD;
	font-size:14px;
	padding:4px;
}
.conf_table01 td.bl01 {
	border-left:solid 1px #DDDDDD
}


.conf_table02 {
	margin-left:25px;
	width:1135px;
	box-sizing:border-box;
	border:solid 1px #DDDDDD;
	border-collapse:collapse;
	margin-top:10px;
	margin-bottom:10px;
}
.conf_table02 thead td {
	background:#F6B7D0;
	height:4px !important;
	padding:0 !important;
}
.conf_table02 td {
	background:#FFFFFF;
	border-bottom:solid 1px #DDDDDD;
	font-size:14px;
	padding-top:4px;
	padding-bottom:4px;
}
.conf_table02 td.num {
	background:#F6B7D0;
	font-size:18px;
}
.b_b_n, .b_b_n td {
	border-bottom:none !important;
}
.b_r {
	border-right:solid 1px #DDDDDD;
}
.pl05 {
	padding-left:5px;
}

.pl50 {
	padding-left:30px;
}
.pl20 {
	padding-left:20px;
}


.pl92 {
	padding-left:92px !important;
}
.pb00 {
	padding-bottom:0px !important;
}
.pb10 {
	padding-bottom:10px !important;
}
.pr30 { padding-right: 80px !important;}
.txt_gray {
	color:#737373;
}

.total_table01 {
	font-size:18px;
	font-weight:bold;
	box-sizing:border-box;
	height:45px;
	border:solid 3px #FF8A00;
	background:#FFFFD2;
	margin-left:25px;
	width:1135px;
}
.total_table01 td.title {
	padding-left:8px;
	padding-right:8px;
	padding-top:8px;
	padding-bottom:0px;
}

.total_table01 td {
	padding-left:8px;
	padding-right:8px;
	padding-top:8px;
	padding-bottom:8px;
}
.total_table01 td span {
	font-size:14px;
	font-weight:normal;
}
.total_table01 td.border_g_b {
	border-bottom:solid 1px #9F9F9F;
}

.total_table02 {
	font-size:18px;
	font-weight:bold;
	box-sizing:border-box;
	height:45px;
	border:solid 3px #FF8A00;
	background:#FFFFD2;
	width:1170px;
	margin-bottom:15px;
}
.total_table02 td {
	padding-left:8px;
	padding-right:8px;
}
.total_table02 td span {
	font-size:14px;
	font-weight:normal;
}
.min_h470 {
	min-height:470px;
}
.w160 {
	width:160px;
}

/*step05*/
.min_h550 {
	min-height:550px;
}
.peeping_kuma {
	position:absolute;
	top:-34px;
	right:10px;
}
.print_box01 {
	border-bottom:2px solid #DDDDDD;
	padding:0px 5px 20px;
	margin-bottom:20px;
}
.print_box01 .btn01.bulk a {
	width:200px;
	height:80px;
	line-height:80px;
	font-size:24px;
	float:left;
	margin-right:20px;
}
.print_box01 .bulk_txt01 {
	padding-top:30px;
	font-size:14px;
	float:left;
	margin-bottom:22px;
}
.step05 .bulk_txt02 {
	font-size:12px;
	color:#de007d;
	padding-left:40px;
	float:left;
	background:url(/online-slip/img/caution_icon-3b02835c1bf3bca654f6189e7cad61e2.png) no-repeat;
}

.cl_bk {
	color:black;
}
.print_box02 {
	border-bottom:2px solid #DDDDDD;
	padding:0px 5px 20px;
}
.print_box02.select {
	border-bottom:none;
	padding:0px 5px 0px;
}
.print_box02 .btn01.individual a {
	width:200px;
	height:80px;
	line-height:80px;
	font-size:24px;
	float:left;
	margin-right:20px;
}
.print_box02 .ind_txt {
	padding-top:30px;
	font-size:14px;
	float:left;
}

.ind_hide_area {
	clear:both;
	padding-top:15px;
	padding-left:25px;
	display:none;
}
.print_box02.select .ind_hide_area {
	display:block;
}
.ind_print_blue {
	position:relative;
	background:#EAF3FF;
	border-top:solid 5px #97C3FF;
	margin-top:45px;
	padding-top:20px;
	padding-bottom:20px;
}
.ind_print_red {
	position:relative;
	background:#FFF4F8;
	border-top:solid 5px #F6B7D0;
	margin-top:45px;
	padding-top:20px;
	padding-bottom:20px;
}
.ind_print_orange {
	position:relative;
	background:#FFF4F4;
	border-top:solid 5px #F6B7B7;
	margin-top:45px;
	padding-top:20px;
	padding-bottom:20px;
}

.title_tab {
	position:absolute;
	width:150px;
	height:30px;
	top:-35px;
	text-align:center;
	box-sizing:border-box;
	padding-top:5px;
	font-size:14px;
}
.pt00 {
	padding-top:0 !important;
}
.ind_print_red .sub_title {
	font-size:14px;
	height:30px;
	line-height:30px;
	background:#F0D8E1;
	margin-bottom:10px;
	box-sizing:border-box;
	padding-left:10px;
}

.ind_print_blue .title_tab {
	background:#97C3FF;
}
.ind_print_red .title_tab {
	background:#F6B7D0;
}
.ind_print_orange .title_tab {
	background:#F6B7B7;
}

.ind_hide_area table {
	box-sizing:border-box;
	border-collapse:collapse;
	margin-left:25px;
	width:1060px;
}
.ind_hide_area table thead td {
	background:none;
	border-bottom:solid 1px #DDDDDD;
	border-left:none !important;
	border-right:none !important;
	font-size:12px;
	padding:3px 10px;
}
.ind_hide_area table td {
	background:#FFFFFF;
	border-bottom:solid 1px #DDDDDD;
	font-size:14px;
	padding:10px;
}
.ind_hide_area table td:first-child {
	border-left:solid 1px #DDDDDD;
}
.ind_hide_area table td:last-child {
	border-right:solid 1px #DDDDDD;
}


.ind_print_btn a {
	width:78px;
	height:25px;
}

.step05 .contents {
	margin:auto;
	width:1130px;
	border-top:solid 2px #DDDDDD;
	border-bottom:solid 5px #DDDDDD;
	padding:17px 0;
	box-sizing:border-box;
	position:relative;
}

/*step06*/
.step06 .contents {
	margin:auto;
	width:1130px;
	min-height:536px;
	border-top:solid 2px #DDDDDD;
	border-bottom:solid 5px #DDDDDD;
	padding:17px 0;
	box-sizing:border-box;
	position:relative;
}

.step06_txt01 {
	font-size:14px;
	text-align:center;
}
.step06_txt02 {
	font-size:12px;
	line-height:2em;
}
.step06_txt02 ul {
	margin:0;
	padding:0 0 0 1.5em;
}
.step06 .save {
	font-size:24px;
	font-weight:bold;
	width:262px;
	height:40px;
	line-height:40px;
	position:relative;
	margin-left:439px;
	margin-top:8px;
	margin-bottom:45px;
}
/**.step06 .save:before {
	position:absolute;
	content:url(/online-slip/img/foot_kuma-5d97361bb2f331d3c7e23e15b3a30f93.png);
	left:-80px;
}*/

/*step07*/
.step07 .contents {
	margin:auto;
	width:1130px;
	border-top:solid 2px #DDDDDD;
	border-bottom:solid 5px #DDDDDD;
	padding:5px 0;
	box-sizing:border-box;
	position:relative;
}
.step07_txt01 {
	font-size:18px;
	font-weight:bold;
	color:#bc0211;
	margin-left:5px;
}
.step07_txt02 {
	font-size:14px;
	line-height:1.7em;
}
.step07_txt02 ul {
	margin:0 0 5px 0;
	padding:0 0 0 1.5em;
}

/*err*/
.err_contentarea {
	padding-top:79px;
	margin: 0 17px 0 17px;
	border-bottom:solid #DDDDDD 5px;
}
.err_mes_box {
	border-bottom:solid 2px #BC0211;
	border-top:solid 2px #BC0211;
	background:#FCF2F3;
	font-weight:bold;
	font-size:18px;
	color:#BC0211;
	height:82px;
	box-sizing:border-box;
	position:relative;
	padding-left:50px;
	padding-top:13px;
}
.err_kuma {
	position:absolute;
	top:-34px;
	left:540px;
}
.err_mes_box:before {
	width:31px;
	height:31px;
	background:#BC0211;
	border-radius:31px;
	content:"×";
	position:absolute;
	color:#FFF;
	font-size:28px;
	line-height:32px;
	text-indent:4px;
	top:25px;
	left:10px;
}
.errtxt {
	margin:25px 0;
}
.foot .err_back {
	position:absolute;
	left:17px;
	top:20px;
	width:200px;
	height:40px;
	line-height:40px;
	font-size:18px;
	font-weight:bold;
}