.redB {
 color: #c00;
 font-weight: bold;
}
.alignLeft {
 text-align: left;
}
.suji {
 ime-mode: disabled;
}
#container {
 width: 1300px;
 margin: 0 auto;
}
/*=============================*/
#titleBox {
 margin: 0px 0px 10px;
 position: relative;
}
#titleBox h1 {
 font-size: 30px;
 border-bottom: 2px solid #DBBD94;
 padding: 30px 0 3px 170px;
 line-height: 1.2;
 color: #59331E;
}
#titleBox-img img {
 position: absolute;
 top: 0px;
 left: 0px;
}
.text_01 {
 color: #ff0000;
 position: absolute;
 margin: -5px 0 0 -83px;
 font-size: 14px;
}
.text_02 {
 color: #ff0000;
 position: absolute;
 margin: 10px 0 0 -115px;
 font-size: 19px;
 font-weight: bold;
 text-shadow: 1px 1px 0 #FFF, -1px -1px 0 #FFF, -1px 1px 0 #FFF, 1px -1px 0 #FFF, 0px 1px 0 #FFF, 0-1px 0 #FFF, -1px 0 0 #FFF, 1px 0 0 #FFF;
}
#titleBox p {
 margin: 10px 0 0 175px;
 font-size: 14px;
 line-height: 1.6;
}
#pan {
 height: 32px;
 text-indent: 0px;
 line-height: 32px;
 position: absolute;
 top: -35px;
 left: 0;
 overflow: hidden;
 white-space: nowrap;
 text-overflow: ellipsis;
 font-size: 14px;
}
#pan li {
 display: inline;
 padding: 0 3px 0 0;
}
#pan li a {
 padding-right: 3px;
}
#panNow a {
 cursor: text;
 color: #555;
 text-decoration: none;
}
/*
#dateBox{
	color: #fff;
	font-size: 12px;
	border-radius:8px;
	position: relative;
	padding: 15px 7px 7px 7px;
	background:#c0a474;
	position: absolute;
	top: 0;
	right: 0;
	display:none;
}
#itaDate{
	background: #fff;
	color: #ff0000;
	border-radius:8px;
	padding: 2px 5px 0px;
	line-height: 1;
	font-size:24px;
}
#itaDate .small{
	font-size: 80%;
}
.chaku{
	font-size: 14px;
	vertical-align: sub;
	padding: 0 0 0 5px;
	white-space: nowrap;
}
.kanto{
	position: absolute;
	right: 05px;
	top: 5px;
}
.saitan{
	float: left;
  -webkit-writing-mode: vertical-rl;
  -ms-writing-mode: tb-rl;
  writing-mode: vertical-rl;
  height: 60px;
	letter-spacing: 0.2em;
	display: block;
	position: absolute;
	top: 5px;
	left:5px;
}

*/
/**/
#aboutPrintBox {
 width: 1070px;
 position: absolute;
 left: 50%;
 margin-left: -530px;
 top: 1430px;
 background: #fff;
 border: 8px #F6AC2B solid;
 border-radius: 8px;
 box-shadow: 1px 1px 8px #333;
 z-index: 10;
 display: none;
}
#aboutPrintBox h3 {
 background: #F6AC2B;
 color: #fff;
 padding: 30px 5px 10px;
 font-size: 26px;
}
#aboutPrintBox h4 {
 position: absolute;
 top: 2px;
 left: 8px;
 color: #fff;
 font-size: 18px;
 font-weight: normal;
}
#aboutPrintBox p {
 padding: 10px 20px;
 font-size: 18px;
}
#aboutPrintBox p strong {
 color: #E23619;
 font-weight: bold;
}
#aboutPrintBox span.chuiBox {
 display: block;
 margin: 5px;
 padding: 10px;
 background: #eee;
 font-size: 16px;
}
#aboutPrintBox h5 {
 font-size: 22px;
 font-weight: normal;
 border-bottom: 1px #666 solid;
 margin-bottom: 10px;
}
#printJirei {
 width: 1018px;
 margin: 10px auto;
}
#printJirei li {
 width: 160px;
 float: left;
 margin: 0 0 10px 0;
}
#printJirei li span {
 display: block;
 background: #FB8700;
 color: #fff;
 text-align: center;
 font-size: 14px;
 padding: 2px;
 margin-bottom: 5px;
}
#printJirei img {
 width: 160px;
 height: auto;
}
#printJirei li + li {
 margin-left: 10px;
}
#printTool li + li {
 margin-left: 23px;
}
#printJirei p, #printTool p {
 background: #FAF7EF;
 margin: 0 0 10px 0;
 color: #53392B;
 font-weight: bold;
 border-radius: 5px 5px 0px 0px;
}
#printTool {
 width: 1018px;
 margin: 10px auto;
}
#printTool li {
 padding: 0;
 width: 324px;
 float: left;
}
#aboutPrintBox:before {
 content: "";
 display: block;
 border: 40px transparent solid;
 border-bottom: 30px #F6AC2B solid;
 position: absolute;
 top: -70px;
 left: 500px;
}
#aboutPrintBox.O:before {
 left: 418px;
}
#aboutPrintBox.N:before {
 left: 840px;
}
#contents {
 position: relative;
 margin-bottom: 20px;
 float: left;
}
#contents h2 {
 color: #fff;
 font-size: 24px;
 background: #58A3CC;
 padding: 3px 10px 1px;
 border-radius: 8px;
 margin-bottom: 20px;
 border-bottom: none;
 font-weight: normal;
}
#back {
 border: 2px #58A3CC solid;
 background: #E8F3F9;
 border-top-left-radius: 8px;
 border-top-right-radius: 8px;
}
/* #sizeBox
===========================*/
#sizeBox {
 width: 320px;
 float: left;
 position: relative;
 margin: 25px 0 25px 25px;
}
#sizeBox select {
 font-size: 16px;
 width: 300px;
 height: 30px;
}
#sizeBox p {
 margin: 10px 5px;
}
#KANIERRAR {
 clear: both;
 margin: 10px;
 font-size: 16px;
 color: #c00;
}
#KANIERRAR.KANIERRAR {
 border: 1px #c00 solid;
 padding: 10px;
 background: #fff;
}
#sheet {
 width: 180px;
 height: 180px;
 float: right;
 position: relative;
 margin: 0 10px 80px 0;
 background: url(../imgs/2017-sheet0.png) no-repeat right top;
 border-bottom: 1px #C5A474 solid;
 border-left: 1px #C5A474 solid;
}
#haba {
 width: 20px;
 height: 180px;
 border: 1px #999 solid;
 border-right: none;
 position: absolute;
 top: -1px;
 left: -22px;
}
#haba span#habaSpan {
 position: absolute;
 top: 50%;
 width: 150px;
 left: -150px;
 font-size: 16px;
 text-align: right;
}
#nagasa {
 width: 180px;
 height: 20px;
 border: 1px #999 solid;
 border-top: none;
 position: absolute;
 bottom: -22px;
 left: 0px;
}
#nagasa #nagasaSpan {
 text-align: center;
 line-height: 1.2;
 display: block;
 width: 180px;
 height: 60px;
 position: absolute;
 left: 50%;
 bottom: -60px;
 margin-left: -90px;
 font-size: 16px;
}
ul#kiboMaisu {
 padding: 10px 0 0 0;
 margin: 0 0px 0 0px;
 position: absolute;
 bottom: -22px;
 left: 0px;
}
#sizeBox input {
 width: 50px;
 font-size: 18px;
 margin: 0 2px;
}
.suji::placeholder {
 color: #C4C4C4;
}
/* #atusaBox
===========================*/
#atusaBox {
 width: 470px;
 float: left;
 margin: 25px 0 20px 50px;
}
#atusaBox li {
 width: 235px;
 margin: 0 0 25px;
 float: left;
}
#atusaBox label {
 display: block;
 width: 198px;
 height: 50px;
 padding: 0 0 0 5px;
 cursor: pointer;
}
#atusaBox label input {
 display: block;
}
#atusaBox p {
 width: 295px;
 text-align: center;
 clear: both;
}
#atusaBox label img {
 margin: -11px 0 0 20px;
}
#liner_h3 {
 margin: 20px 0 0 0;
 color: #0099CC;
 cursor: pointer;
 font-size: 16px;
}
#liner_h3:hover {
 text-decoration: underline;
}
#liner_h3 span {
 font-size: 14px;
}
#liner_ul {
 padding: 15px 0 0 30px;
 border: 1px #ccc solid;
 margin: 0 40px 0 0;
 background: #fff;
 display: none;
}
#liner_ul li {
 width: 120px;
 height: 20px;
}
#liner_ul label {
 width: 100px;
 height: auto;
 text-align: center;
}
#liner_ul label input {
 display: inline;
}
#liner_ul label em {
 text-indent: 0px;
 font-style: normal;
 margin-left: 5px;
}
#liner_ul label span {
 margin-left: 10px;
}
li#w_txt {
 width: auto;
 display: none;
}
/* #chiikiBox
===========================*/
#chiikiBox {
 width: 310px;
 float: left;
 background: #E8F3F9;
 padding-bottom: 20px;
 margin: 25px 0 20px 50px;
}
#chiikiBox select {
 width: 220px;
 height: 30px;
 font-size: 16px;
 margin: 0 20px 10px 0px;
 float: left;
}
#ritoBox {
 font-size: 16px;
 padding: 5px;
 margin: 0 0 20px;
}
#ritoid {
 margin-right: 5px;
}
/* 着日表示
=======*/
#chakubiBox {
 display: none;
}
#chakubiBox h2 {
 margin-bottom: 10px;
}
#chakuTable {
 border-collapse: collapse;
 margin-bottom: 20px;
 font-size: 12px;
 width: 310px;
}
#chakuTable strong {
 font-size: 18px;
 font-weight: normal;
 display: block;
 border-bottom: 1px #999 solid;
 margin-bottom: 3px;
}
#chakuTable th {
 text-align: left;
 font-weight: normal;
 line-height: 1.2;
 padding: 10px 0 10px;
}
#chakuTable td {
 padding: 3px 0;
}
.dateBox {
 color: #fff;
 font-size: 12px;
 border-radius: 8px;
 position: relative;
 padding: 15px 5px 7px 5px;
 background: #c0a474;
 text-align: right;
}
.chakuDate {
 background: #fff;
 color: #ff0000;
 border-radius: 8px;
 padding: 2px 5px 0px;
 line-height: 1;
 font-size: 28px;
}
.chaku {
 font-size: 14px;
 vertical-align: sub;
 padding: 0 7px 0 10px;
 white-space: nowrap;
}
.kanto {
 position: absolute;
 right: 14px;
 top: 5px;
}
.saitan {
 float: left;
 -webkit-writing-mode: vertical-rl;
 -ms-writing-mode: tb-rl;
 writing-mode: vertical-rl;
 height: 60px;
 letter-spacing: 0.2em;
 display: block;
 position: absolute;
 top: 5px;
 left: 5px;
}
#aDate {
 background: #fff;
 color: #ff0000;
}
#aDateBox .kanto {
 right: 10px;
 top: 10px;
}
.jikangai {
 display: block;
 margin: -7px 0 0 -13px;
}
#chakuTable .jikangai strong {
 border-bottom: 1px #fff solid;
}
#printOptionBox {
 border: 3px #ff3f00 solid;
 border-radius: 8px;
 margin: 10px 0 0px 0px;
 position: relative;
 background: #fff;
}
#printOptionBox h3 {
 background: #ff3f00;
 color: #fff;
 font-size: 20px;
 padding: 2px 0 0 10px;
 line-height: 1.2;
 margin: -1px 0 0 -1px;
}
#printOptionBox img {
 float: left;
 margin: 5px;
}
#printOptionBox p {
 margin: 5px 0 5px 103px;
 line-height: 1.3;
}
#submitBox {
 padding: 10px 0 20px 0;
 border-top: 1px #666 dotted;
 clear: both;
 text-align: center;
}
#submitBox img {
 cursor: pointer;
}
/*見積り結果
=================================================*/
#resultBox, #resultBox2 {
 display: none;
 padding: 0 0 25px 50px;
}
#mitumoriTitle {
 width: 1148px;
 background: #FEF3EF;
 position: relative;
}
#mitumoriTitle strong {
 display: block;
 width: 274px;
 height: 45px;
 text-indent: -5555px;
}
strong#soryoTokka {
 background: url(../imgs/2017-cardboardBox-tokka.png);
}
strong#oguchiTokka {
 background: url(../imgs/2017-cardboardBox-tokka.png) 0 -45px;
}
#mitumoriTitle p {
 margin: -45px 10px 10px 300px;
 height: 42px;
 padding: 3px 0 0 0;
}
#resultBox h2 {
 width: 401px;
 height: 35px;
 background: #c95265;
 color: #fff;
 font-size: 24px;
 padding: 3px 10px 1px;
 margin: 0;
 border-bottom-left-radius: 0;
 border-bottom-right-radius: 0;
}
#hosokuBox {
 width: 400px;
 float: left;
 margin: 0 10px 30px 0;
 font-size: 14px;
 border: 1px #999 solid;
 background: #F5F5F5;
 border-top-left-radius: 8px;
 border-top-right-radius: 8px;
 overflow: hidden;
}
.itemHosoku {
 width: 200px;
 float: left;
}
#itemJoho {
 background: #fff;
}
.itemHosoku h3 {
 background: #cccccc;
}
#itemJoho h3 {
 border-right: 1px #fff solid;
}
.itemHosoku h3 img {
 vertical-align: bottom;
}
#sheet2 {
 width: 150px;
 height: 150px;
 margin: 40px 0px 60px 20px;
 background: url(../imgs/2017-sheet0.png) no-repeat right top;
 border-bottom: 1px #C5A474 solid;
 border-left: 1px #C5A474 solid;
 position: relative;
}
#haba2 {
 width: 10px;
 height: 150px;
 border: 1px #999 solid;
 border-right: none;
 position: absolute;
 top: -1px;
 left: -12px;
}
#haba2 span#habaSpan2 {
 line-height: 1.2;
 position: absolute;
 top: -2.4em;
 width: 120px;
 left: 0px;
 font-size: 12px;
 text-align: left;
}
#nagasa2 {
 width: 150px;
 height: 10px;
 border: 1px #999 solid;
 border-top: none;
 position: absolute;
 bottom: -12px;
 left: 0px;
}
#nagasa2 #nagasaSpan2 {
 text-align: center;
 line-height: 1.2;
 display: block;
 width: 100px;
 height: 60px;
 position: absolute;
 left: 50%;
 bottom: -60px;
 margin-left: -50px;
 font-size: 12px;
}
#sheet2 input {
 width: 3em;
 margin: 0 2px;
}
.itemHosoku dl {
 margin: 10px;
}
.itemHosoku dt {
 border-bottom: 1px #ccc solid;
 font-weight: bold;
}
.itemHosoku dd {
 padding-bottom: 10px;
}
.resultItem {
 width: 380px;
 margin: 0 10px 0 0;
 float: left;
 background: #fff;
 border: 1px #666 solid;
 position: relative;
 background: #fff;
 border-top-left-radius: 8px;
 border-top-right-radius: 8px;
}
.resultItem h3 {
 height: 83px;
 border-bottom: 1px #de6338 solid;
 border-top-left-radius: 8px;
 border-top-right-radius: 8px;
 text-indent: -5555px;
}
#o-form h3 {
 background: url(../imgs/2018-cardboardBoard-oisogi.png?date=20180512) no-repeat 0 5px;
}
#n-form h3 {
 background: url(../imgs/2018-cardboardBoard-tokka.png?date=20180512) no-repeat 0 5px;
}
.printBox {
 border-radius: 8px;
 padding: 10px;
 margin: 15px 15px;
 background: #fff;
 color: #333;
}
.printBox label.checkbox input {
 -webkit-appearance: none;
 -moz-appearance: none;
 appearance: none;
}
.printBox label.checkbox span {
 border: 2px #9B9B9B solid;
 display: block;
 border-radius: 5px;
 padding: 5px 0 5px 35px;
 cursor: pointer;
}
.printBox label.checkbox span:after {
 display: block;
 content: '';
 position: absolute;
 top: -9px;
 left: 7px;
 bottom: 0;
 margin: auto;
 width: 16px;
 height: 16px;
 background-color: #fff;
 border: 2px solid #ccc;
 border-radius: 5px;
}
label.checkbox input[type="checkbox"]:checked + span {
 border: 2px solid #E23619;
 background: #fff6f6;
}
label.checkbox input[type="checkbox"]:checked + span:after {
 background-image: url(/imgs/common/checkbox.svg);
 background-repeat: no-repeat;
 background-position: center 2px;
 background-size: contain;
 background-color: #E23619;
 border: 2px solid #E23619;
}
.printBox label:after {
 display: block;
 content: '';
 position: absolute;
 top: 23px;
 right: 14px;
 bottom: 0;
 width: 80px;
 height: 60px;
 margin: auto;
 background: url(/imgs/cardboardBoard_print.png)no-repeat;
 background-position: 31px 3px;
 background-size: 36px;
}
.alignR {
 text-align: right;
}
.printBox label {
 display: block;
 padding: 3px;
 font-size: 20px;
 position: relative;
 color: #5E5E5E;
}
.printBox label input {
 margin-right: 5px;
 transform: scale(1.5);
}
.popLink {
 font-size: 14px;
 line-height: 1.3;
 color: #1095fe;
 text-decoration: underline;
 cursor: pointer;
 display: block;
 position: relative;
 margin-left: 242px;
 margin-top: 4px;
}
.popLink:before {
 display: block;
 content: '';
 position: absolute;
 top: 10px;
 left: -18px;
 bottom: 0;
 width: 14px;
 height: 25px;
 margin: auto;
 background-repeat: no-repeat;
 background-position: center 0;
 background-image: url(/imgs/common/icon-link_question.png);
 background-size: 14px auto;
}
.printTotal {
 color: #ff0000;
 font-size: 22px;
}
#N-printKakaku, #O-printKakaku {
 display: none;
}
.goukeiBox {
 margin: 10px;
}
.goukeiBox dt {
 padding: 10px 0 0 0;
 float: left;
 font-size: 18px;
}
.goukeiBox dd {
 font-size: 34px;
 color: #ff0000;
 text-align: right;
 line-height: 1.4;
}
.goukeiBox dd .small {
 font-size: 16px;
 display: block;
}
.goukeiBox .zei {
 font-size: 16px;
 color: #333333; 
}
.btnBox {
 padding: 0 10px 10px;
 text-align: right;
 position: relative;
}
.printBtn {
 position: absolute;
 left: 15px;
 bottom: 20px;
 padding: 0 10px;
 border-radius: 5px;
}
#o-orderBtn, #n-orderBtn {
 display: block;
 margin-left: 150px;
}
#o-inqBtn, #n-inqBtn {
 display: block;
 margin-left: 150px;
}
.kekka dl {
 margin: 0 10px 20px;
 font-size: 16px;
}
.kekka dt {
 width: 130px;
 float: left;
 padding: 5px 0 4px 5px;
 margin: 0 0 0 0;
}
.kekka dt span {
	font-size: 14px;
}
.kekka dd {
 padding: 5px 10px 6px 135px;
 border-top: 1px #ccc dashed;
 text-align: right;
 font-size: 16px;
}
dd#goukei {
 font-size: 20px;
 color: #c00;
 margin-top: 0;
}
dd#goukei .small {
 display: block;
 font-size: 12px;
 text-align: left;
}
#kekka dt img {
 cursor: pointer;
}
#simulation {
 width: 1190px;
}
#simulation h2 {
 width: 320px;
 margin: 20px 0 0;
 background: #58A3CC;
 color: #fff;
 padding: 3px 15px 1px;
 border-bottom-left-radius: 0px;
 border-bottom-right-radius: 0px;
 border-bottom: none;
}
#simulation p#itemData2 {
 height: 30px;
 line-height: 30px;
 margin: -30px 0 0 360px;
 padding: 0;
}
/*
#simulation table{
	width: 1150px;
	border: 1px #58A3CC solid;
	text-align: right;
	background: #fff;
}
#simulation th{
	font-size:14px;
	padding:2px;
	border-bottom:1px #999 solid;
	background: #dedede;
}
#simulation td{
	font-size:14px;
	padding: 2px 3px 2px 0;
	border-bottom: 1px #C2D5F1 solid;
}
#simulation input{
	width:60px;
	margin-right:10px;
	cursor: pointer;
}
#simulation img{
	cursor: pointer;
}
#simulation .submitBtn{
	width: 100px;
}
th#goukeiTh{
	text-align: left;
	padding-left:20px;
}

*/
#simulation table {
 width: 100%;
 border: 1px #58A3CC solid;
 text-align: right;
 background: #fff;
}
#simulation table table {
 border: none;
 border-left: 1px #999 solid;
}
#simulation th {
 padding: 0 3px;
 border-bottom: 1px #999 solid;
 font-weight: normal;
 text-align: revert;
}
#simulation td {
 font-size: 14px;
 padding: 2px 3px 2px 0;
 border-bottom: 1px #C2D5F1 solid;
}
#simulation img {
 display: block;
}
#simulation #simuTitle {
 width: 260px;
 text-align: left;
 font-weight: normal;
 vertical-align: top;
 padding: 10px;
 background: #58A3CC;
 color: #fff;
 font-size: 18px;
 height: 75px;
}
#itemData2 {
 display: block;
 padding: 10px;
 text-align: left;
 line-height: 1.6;
 font-size: 14px;
}
#simulation input[type="button"] {
 width: 80px;
 border: 1px #999 solid;
 border-radius: 5px;
 margin-right: 15px;
 cursor: pointer;
}
#simulation form {
 display: inline-block;
}
#simulation .submitBtn {
 width: 80px;
 height: 30px;
 background: #f1c454;
 border: 1px #999 solid;
 border-radius: 5px;
 cursor: pointer;
}
#graph {
 width: 1190px;
}
#graph h2 {
 width: 370px;
 margin: 20px 0 0;
 background: #58A3CC;
 color: #fff;
 padding: 3px 15px 1px;
 border-bottom-left-radius: 0px;
 border-bottom-right-radius: 0px;
 border-bottom: none;
}
#graphBox {
 background: #fff;
 border: 2px #58A3CC solid;
 padding: 20px;
}
#graphBox table {
 width: 1106px;
 font-size: 12px;
 margin: 0 auto;
}
#graphBox td {
 vertical-align: bottom;
 text-align: center;
}
#graphBox td em {
 font-style: normal;
}
#graphBox td span {
 display: block;
 width: 20px;
 margin: 0 auto;
 background: #2878D6;
}
#graphBox #kokokara {
 width: 1.5em;
 line-height: 1.2;
 white-space: normal;
}
/* #errorBox
==========================================*/
#errorBox {
 width: 1140px;
 margin: 0px 25px 25px;
 background: #fff;
 border: 5px #900 solid;
 overflow: hidden;
 position: relative;
 display: none;
}
#errorTitle {
 background: #FEF3EF;
 position: relative;
}
#errorTitle strong {
 display: block;
 width: 274px;
 height: 45px;
 text-indent: -5555px;
 background: url(../imgs/2017-cardboardBox-tokka.png) 0 -90px;
}
#errorTitle p {
 margin: -45px 10px 0 300px;
 height: 42px;
 padding: 3px 0 0 0;
}
#errorBox form {
 padding: 100px 10px 10px 10px;
 width: 1120px;
 background: #F7E8E9 url(../imgs/2017-cardboardBoard-err.png) no-repeat;
}
#errorBox_tel {
	position: absolute;
	top: 200px;
	left: 20px;
}
#errorBox_tel li:first-child {
	position: relative;
	padding-left: 45px;
}
#errorBox_tel li:first-child::before {
	display: block;
 content: '';
 width: 40px;
 height: 40px;
 background-repeat: no-repeat;
 background-size: 40px auto;
 background-image: url(/imgs/common/icon-tel.png);
 background-position: center 0;
 position: absolute;
 left: 0;
 top: 0;
}
#tel6 a {
	font-size: 35px;
	color: #53392B;
	font-weight: bold;
	line-height: 1;
}
#errorBox_tel li:last-child {
	font-size: 15px;
	color: #53392B;
}
#advice {
 position: absolute;
 width: 290px;
 top: 275px;
 left: 20px;
 padding: 5px;
 background: #fff;
 font-size: 14px;
 color: #666;
}
#errorBox form dl {
 margin: 0 370px 0px 370px;
}
#errorBox form dt {
 padding: 0.3em 0;
 width: 140px;
 float: left;
}
#errorBox form dd {
 padding: 0.3em 0 0.3em 145px;
 border-bottom: 1px #999 dashed;
}
#errorBox input.data {
 width: 35px;
 background: #F7E6E5;
 color: #333;
 border: 1px #ccc solid;
}
#errorBox input.name {
 width: 230px;
}
#errorBox textarea {
 width: 230px;
 height: 100px;
 font-size: 14px;
 line-height: 1.4;
}
#errorBox #form3Submit {
 display: block;
 margin: 0 0 0 515px;
 width: auto;
 padding: 5px;
 cursor: pointer;
}
#errorBox #form3Submit:hover {
 filter: alpha(opacity=70);
 -moz-opacity: 0.70;
 opacity: 0.70;
}
#form3ERRAR {
 margin: 0 5px 0px 370px;
 color: #f00;
 padding: 3px;
 font-size: 14px;
}
#hint {
 width: 275px;
 height: auto !important;
 height: 120px;
 min-height: 120px;
 position: absolute;
 top: 165px;
 left: 830px;
}
#hintBox li.batu {
 padding: 0 0 0 45px;
}
#hintBox li.maru {
 border: 2px #0099CC solid;
 background: #F0F5FF;
 padding: 5px;
 margin: 5px 0;
}
.hissu {
 color: #f00;
}
#TOI {
 position: absolute;
 top: 370px;
 left: 410px;
 background: #eee;
 border: 2px #CC0000 solid;
 font-size: 12px;
 text-align: left;
 width: 410px;
}
#TOIframe {
 width: 410px;
 height: 200px;
 position: absolute;
 top: 0;
 left: 0;
 background: #eee;
}
#TOIBox {
 position: relative;
 background: #eee;
 padding: 5px;
 width: 400px;
}
#TOI h2 {
 display: block;
 height: 22px;
 font-size: 16px;
 background: #E33243;
 color: #fff;
 text-indent: 5px;
 margin: 0 0 5px;
}
#TOI #TOIleft {
 width: 50%;
 float: left;
 position: relative;
}
#TOI #TOIright {
 width: 45%;
 float: right;
}
#TOI h3 {
 font-size: 14px;
 font-weight: normal;
 border-bottom: 1px #ccc solid;
}
#TOI p {
 font-size: 14px;
}
#TOI h4 {
 margin: 0 10px 10px 0;
 padding: 2PX 5px;
 background: #E45141;
 color: #fff;
 font-size: 120%;
 line-height: 1.2;
}
#TOI #tel5 a {
 font-size: 20px;
 font-family: "Arial Black";
 margin: 0 0 20px 10px;
 line-height: 1.1;
}
#TOItext {
 background: #fff;
 border: 1px #ccc solid;
 padding: 5px;
 margin: 0 0 5px;
}
#TOI dl {
 width: 200px;
 font-size: 12px;
}
#TOI dt {
 float: left;
 width: 6em;
 margin: 3px 0 0 0px;
}
#TOI dd {
 margin: 3px 0 0 0;
}
#TOI input {
 width: 100%;
 padding: 0;
 margin: 3px 0 5px;
}
#TOI input.s {
 width: auto;
}
textarea[name="ask[comment]"] {
	width: 195%;
	height: 7em;
}
#inq_order, #err_inq_order {
	   width: 100%;
	   resize: none;
	   border: none;
	   outline: none;
}
#TOIERRAR {
 color: #f00;
 display: block;
}
.closeBtn {
 font-size: 40px;
 position: absolute;
 right: -9px;
 top: -9px;
 border: 2px #999 solid;
 background: #fff;
 line-height: 1;
 padding: 4px 12px;
 border-radius: 8px;
 cursor: pointer;
}
#kakunin {
 width: 340px;
 padding: 116px 20px 20px;
 background: #fff url(../imgs/2017-topKakunin.png) no-repeat;
 border: 5px #f00 solid;
 position: absolute;
 top: 250px;
 left: 100px;
 display: none;
}
#kakunin1 {
 width: 190px;
 height: 40px;
 margin: 0 10px 0 0;
}
#kakunin2 {
 width: 130px;
 height: 40px;
}
#kakunin, #printKakunin {
 width: 340px;
 padding: 116px 20px 20px;
 background: #fff url(../imgs/2017-topKakunin.png) no-repeat;
 border: 5px #f00 solid;
 position: absolute;
 top: 250px;
 left: 100px;
 display: none;
}
#kakunin1, #print1 {
 width: 190px;
 height: 40px;
 margin: 0 10px 0 0;
}
#kakunin2, #print2 {
 width: 130px;
 height: 40px;
}
#resultItem:after {
 content: ".";
 display: block;
 height: 0;
 clear: both;
 visibility: hidden;
}
#resultItem {
 display: inline-block;
 min-height: 1%;
}
/* \*/
* html #resultItem {
 height: 1%;
}
#resultItem {
 display: block;
}
/*  */
/* 2011-11-04 nori */
.tokubetu {
 background: #FFCCCC;
 display: block;
}
/* 2011-11-07 nori */
.tokubetu2 {
 background: #FF3300;
 color: #fff;
 display: block;
}
#waitBox {
 width: 100%;
 height: 100%;
 position: fixed;
 top: 0;
 left: 0;
 background: #fff;
 filter: alpha(opacity=70);
 -moz-opacity: 0.70;
 opacity: 0.70;
}
#waitBox p {
 font-size: 24px;
 font-weight: bold;
 color: #026DB8;
 border: 2px #026DB8 solid;
 padding: 10px;
 text-align: center;
 position: fixed;
 top: 60%;
 left: 50%;
 margin: 0 0 0 -7em;
}
/*JAVASCRIPTオフ表示
================*/
#attentionScript {
 background: #FAEDE4;
 margin: 10px 10px;
 margin-top: 0;
 padding: 25px;
 font-size: 120%;
 color: #C00;
 border: solid 2px #C00;
 border-radius: 8px;
 box-shadow: 3px 3px 6px #ccc;
}
#attentionScript h3 {
 font-size: 35px;
}
#attentionScript img {
 vertical-align: middle;
 padding: 0 10px 0 0;
}
#attentionScript p {
 margin: 0 0 0 40px;
}
#attentionScript span {
 display: block;
 background: #fff;
 font-size: 150%;
 font-weight: bold;
 border: solid 1px;
 padding: 10px;
 text-align: center;
 margin: 20px 40px 0;
}
/*年末年始配送のお知らせ(臨時の表示)
=================================*/
.chui3 {
 position: relative;
 clear: both;
 margin: 23px 0 0 49px;
}
.chui3 h4 {
 border: 1px #E32C17 solid;
 background: #FAE6B8;
 color: #E32C17;
 padding: 3px 10px 1px;
 margin: 0 10px 0 90px;
 line-height: 1.2;
 border-top-left-radius: 5px;
 -moz-border-radius-topleft: 5px;
 border-top-right-radius: 5px;
 -moz-border-radius-topright: 5px;
 width: 1000px;
}
p.chui3 {
 line-height: 1.5;
 font-size: 14px;
 border: 1px #E32C17 solid;
 border-top: none;
 margin: 0 10px 10px 90px;
 padding: 10px;
 background: #fff;
 width: 1000px;
}
.chui3Icon {
 background: url(../imgs/2017-index-annaiIcon.png) no-repeat;
 position: absolute;
 top: 7px;
 left: -12px;
 width: 100px;
 height: 110px;
 text-indent: -5555px;
}
.cf:after {
 content: ".";
 display: block;
 height: 0;
 clear: both;
 visibility: hidden;
}
.cf {
 display: inline-block;
 min-height: 1%;
}
/* \*/
* html .cf {
 height: 1%;
}
.cf {
 display: block;
}
/*下部事例集*/
#sampleBox {
 margin-top: 45px;
}
#sampleBox h3 {
 color: #5B361E;
 font-weight: bold;
 font-size: 20px;
}
#sampleBox h4 {
 border-radius: 5px;
 padding: 3px;
 font-size: 15px;
 color: #666;
 font-weight: normal;
 text-decoration: none;
}
#sampleBox .h4_box {
 position: relative;
 display: inline-block;
 margin: 0 0 18px;
 padding: 5px;
 width: 279px;
 height: 45px;
 color: #555;
 font-size: 16px;
 background: #E8F3F9;
 border-radius: 5px;
}
#sampleBox .h4_box:before {
 content: "";
 position: absolute;
 top: 90%;
 left: 50%;
 margin-left: -15px;
 border: 15px solid transparent;
 border-top: 15px solid #E8F3F9;
}
#sampleBox a {
 text-decoration: none;
}
#sampleBox .link {
 font-size: 14px;
 float: right;
 text-decoration: underline;
}
#sampleBox ul {
 margin-left: -15px;
}
#sampleBox li {
 border: solid 2px #58A3CC;
 width: 289px;
 margin-left: 15px;
 margin-top: 15px;
 padding: 10px;
 border-radius: 5px;
 float: left;
}
#sampleBox li:hover {
 opacity: 0.8;
}
#sampleBox li p {
 color: #555;
}
#sampleBox .comment {
 margin: 5px 0;
 padding-left: 55px;
 height: 45px;
 line-height: 18px;
 background-position: top -5px left 0 !important;
 background-size: 47px !important;
}
#sampleBox img {
 width: 260px;
 height: 260px;
 display: block;
 margin: 0 auto;
}
#sampleBox a#seo_sample_link {
 position: relative;
 margin: 20px auto;
}
#sampleBox li .iwas {
 background: url(/imgs/2017-samplebox-30.jpg)no-repeat;
}
#sampleBox li .seki {
 background: url(/imgs/2017-samplebox-24.jpg)no-repeat;
}
#sampleBox li .naka {
 background: url(/imgs/2017-samplebox-14.jpg)no-repeat;
}
#sampleBox li .hond {
 background: url(/imgs/2017-samplebox-31.jpg)no-repeat;
}
#sampleBox li .mied {
 background: url(/imgs/2017-samplebox-36.jpg)no-repeat;
}
#sampleBox li .kato {
 background: url(/imgs/2017-samplebox-38.jpg)no-repeat;
}
/*#sampleBox li .dais {
 background: url()no-repeat;
}*/
#sampleBox li .maen {
 background: url(/imgs/2017-samplebox-45.jpg)no-repeat;
}
#sampleBox li .take {
 background: url(/imgs/2017-samplebox-46.jpg)no-repeat;
}
/*#sampleBox li .aita {
 background: url()no-repeat;
}*/
/*下部ダンボールガイド*/
#estimate_guide {
 border: solid 2px #58A3CC;
 border-radius: 5px;
 padding: 80px 20px 20px;
 margin-top: 40px;
 position: relative;
}
#estimate_guide h3 {
 color: #5B361E;
 font-weight: bold;
 font-size: 20px;
 position: absolute;
 top: 20px;
}
#estimate_guide .guide_box1, #estimate_guide .guide_box2, #estimate_guide .guide_box3 {
 margin-top: 15px;
}
#estimate_guide .guide_box1 {
 width: 670px;
 display: inline-block;
}
#estimate_guide .guide_box1 img {
 width: 280px;
 margin-top: 5px;
 margin-left: 5px;
}
#estimate_guide #guide_format .guide_title, #estimate_guide #guide_flute .guide_title {
 position: absolute;
 top: -40px;
 height: 25px;
 background: #E8F3F9;
 padding: 3px 5px;
 border: none;
}
#estimate_guide #guide_format .guide_title {
 width: 650px;
}
#estimate_guide #guide_flute .guide_title {
 width: 520px;
}
#estimate_guide .guide_box3 .guide_title {
 width: 1232px;
 margin-bottom: 10px;
 background: #E8F3F9;
 padding: 3px 5px;
}
#estimate_guide .guide_box3 {
 position: relative;
 margin-top: -15px;
}
#estimate_guide .guide_title h4 a {
 color: #666666;
 text-decoration: underline;
}
#estimate_guide h5 span {
 display: block;
 font-size: 10px;
}
#estimate_guide h5 {
 background: url(/guide/img/guide-h4.png) no-repeat;
 background-color: rgba(255, 255, 255, 0.6);
 background-position: top 5px left 0;
 padding-left: 13px;
}
#estimate_guide #guide_format {
 width: 375px;
 float: left;
 position: relative;
}
#estimate_guide #guide_format li {
 width: 110px;
 padding: 5px;
 height: 119px;
 border: solid 1px #eee;
 float: left;
 background-size: 110px;
}
#estimate_guide #guide_flute {
 position: relative;
}
#estimate_guide #guide_flute li {
 width: 105px;
 padding: 5px 5px 0;
 height: 80px;
 border: solid 1px #eee;
 float: left;
 background-size: 115px;
 background-position: bottom center;
 margin: 0 10px;
}
#estimate_guide .guide_box2 {
 width: 555px;
 float: right;
}
#estimate_guide .guide_box3 li {
 width: 405px;
 float: left;
}
#estimate_guide .guide_box3 li + li {
 margin-left: 20px;
}
#estimate_guide p {
 padding-left: 130px;
 margin-bottom: 20px;
}
#estimate_guide .guide_box3 .top {
 margin-left: 0;
}
#estimate_guide #format_a {
 background-image: url(/guide/img/guide-typeA.png);
 background-repeat: no-repeat;
 background-size: 130px;
 background-position: center bottom;
}
#estimate_guide #format_b {
 background-image: url(/guide/img/guide-typeB.png);
 background-repeat: no-repeat;
 background-size: 130px;
 background-position: center bottom;
}
#estimate_guide #format_c {
 background-image: url(/guide/img/guide-typeC.png);
 background-repeat: no-repeat;
 background-size: 130px;
 background-position: center bottom;
}
#estimate_guide #format_n {
 background-image: url(/guide/img/guide-typeN.png);
 background-repeat: no-repeat;
 background-size: 130px;
 background-position: center bottom;
}
#estimate_guide #format_p {
 background-image: url(/guide/img/guide-typeP.png);
 background-repeat: no-repeat;
 background-size: 130px;
 background-position: center bottom;
}
#estimate_guide #format_t {
 background-image: url(/guide/img/guide-typeT.png);
 background-repeat: no-repeat;
 background-size: 130px;
 background-position: center bottom;
}
#estimate_guide #flute_a {
 background-image: url(/guide/img/guide-fluteA.jpg);
}
#estimate_guide #flute_b {
 background-image: url(/guide/img/guide-fluteB.jpg);
}
#estimate_guide #flute_c {
 background-image: url(/guide/img/guide-fluteC.jpg);
}
#estimate_guide #flute_e {
 background-image: url(/guide/img/guide-fluteE.jpg);
}
#estimate_guide #flute_f {
 background-image: url(/guide/img/guide-fluteF.jpg);
}
#estimate_guide #flute_g {
 background-image: url(/guide/img/guide-fluteG.jpg);
}
#estimate_guide #flute_w {
 background-image: url(/guide/img/guide-fluteW.jpg);
}
#estimate_guide #flute_aa {
 background-image: url(/guide/img/guide-flute2.jpg);
}
#estimate_guide #flute_aaa {
 background-image: url(/guide/img/guide-flute3.jpg);
}
#estimate_guide #flute_pra {
 background-image: url(/guide/img/guide-fluteP.jpg);
 background-repeat: no-repeat;
 background-size: 132px;
 background-position: bottom 0 left 0;
}
#estimate_guide #flute_atu {
 background-image: url(/guide/img/guide-fluteCB.jpg);
 background-repeat: no-repeat;
 background-size: 132px;
 background-position: bottom 0 left 0;
}
#estimate_guide #printF {
 background-image: url(/guide/img/guide-printF.jpg);
 background-repeat: no-repeat;
}
#estimate_guide #printI {
 background-image: url(/guide/img/guide-printI.jpg);
 background-repeat: no-repeat;
}
#estimate_guide #printO {
 background-image: url(/guide/img/guide-printO.jpg);
 background-repeat: no-repeat;
}
/*== #estimate_solution ==*/
#estimate_solution {
 display: inline-block;
 margin-top: 160px;
 margin-bottom: 50px;
}
#estimate_solution h3 {
 color: #5B361E;
 font-weight: bold;
 font-size: 20px;
}
#estimate_solution li {
 width: 610px;
 float: left;
 height: 50px;
 padding-left: 10px;
 line-height: 50px;
 background: #fff;
 margin: 10px;
}
#estimate_solution span {
 font-size: 16px;
 font-weight: bold;
 background: linear-gradient(transparent 75%, #ffdc00 75%);
}
#estimate_solution ul {
 padding: 10px;
 margin-top: 10px;
 background: #E8F3F9;
 height: 285px;
}
.estimate_solutionbox {
 padding: 0 0 30px;
 background: #E8F3F9;
}
.estimate_solutionbox p {
 text-align: center;
 font-size: 18px;
 margin: 0px 0 15px;
}
.estimate_solutionbox a, #faq_btn, #top_flow_link a, #jp_staff_top a, #staff_btn, #estimate_sample_link {
 margin: 0 auto;
 position: relative;
}
.estimate_solutionbox a:hover, #faq_btn:hover, #top_flow_link a:hover {
 opacity: 0.8;
}
/*#estimate_faq*/
#estimate_faq {
 margin-bottom: 50px;
}
#estimate_faq h3 {
 color: #5B361E;
 font-weight: bold;
 font-size: 20px;
}
#estimate_faq li {
 padding: 5px;
 margin: 10px 0;
 border: solid 2px #ececec;
 border-radius: 8px;
}
#estimate_faq li label {
 background: url(/imgs/cardboard-icon_q.png) no-repeat;
 background-position: top 10px left 10px;
 background-size: 30px;
 font-size: 18px;
 color: #4E372E;
 font-weight: bold;
 display: block;
 padding: 14px 50px 0px;
}
#estimate_faq li label:hover {
 cursor: pointer;
 cursor: hand;
 opacity: 0.8;
}
#estimate_faq .hidden_show {
 background: url(/imgs/cardboard-icon_a.png) no-repeat;
 background-position: top 10px left 10px;
 background-size: 28px;
 padding: 10px 10px 5px 50px;
}
#estimate_faq .sentence {
 width: 550px;
 float: left;
}
#estimate_faq .sentence p {
 text-align: center;
}
#estimate_faq .sentence2 {
 width: 800px;
 float: left;
 margin-right: 20px;
}
#estimate_faq #label1 li {
 border: none !important;
 float: left;
}
#estimate_faq .border li {
 width: 220px;
 float: left;
 border: none !important;
 margin-left: 15px;
}
#estimate_faq .border p {
 text-align: center;
}
/*#estimate_faq 表示・非表示*/
.hidden_box input {
 display: none;
}
.hidden_box .hidden_show {
 height: 0;
 padding: 0;
 overflow: hidden;
 opacity: 0;
 transition: 0.8s;
}
.hidden_box input:checked ~ .hidden_show {
 padding: 10px 0;
 height: auto;
 opacity: 1;
}