@charset "UTF-8";
@import "/css/common.css";
@import "/css/form.css";
/*==================================================================*/

/* select css */

/*==================================================================*/

#container{
	width:800px;
	margin:0 auto;
	padding:0;
	background:#fff;
	border:none;
}

#wrapper{
	width:590px;
	margin:0 auto;
	padding:0px;
	background-image:none;
}

#kanban *{margin:0;padding:0;}
#kanban{
	margin:0 auto;
}

#kanban .close{
	padding:5px 10px 0 0;
	text-align:right;
}

#comment{
	margin-bottom:10px;
}
/* clear hack */
#comment{zoom:1;}
#comment:after{content:" ";clear:both;height:0;display:block;visibility:hidden;}

#comment p{
	padding-left:5px;
}

#comment p.left{
	float:left;
	width:440px;
}

#comment p.right{
	float:right;
	width:110px;
	padding-right:20px;
}

#read{
	padding:2px;
	background:#F1B49E;
	border:#ee8c69 3px double;
	font-size:1.1em;
	font-weight:bold;
	text-align:center;
	color:#8F0A00;	
}

.form-area *{margin:0;padding:0;}
.form-area {
	margin:0 0 15px 0;
	padding:0 8px 20px;
	border-bottom:#aaa 3px double;
}

.form-area .type{
	margin-bottom:5px;
	font-size:1.4em;
	font-weight:bold;
	color:#c70000;
}

.form-area .type span{
	color:#1b1b1b;
}

.form-area div{
	margin-bottom:15px;
	padding-left:5px;
}
/* clear hack */
.form-area div{zoom:1;}
.form-area div:after{content:" ";clear:both;height:0;display:block;visibility:hidden;}

.form-area div img{
	float:left;
	padding-right:15px;
}

.form-area div p{
	line-height:1.5;
}

.form-area div p span.out,
.form-area table th span.out{
	color:#f15a08;
}

.form-area div p span.in,
.form-area table th span.in{
	color:#3a7d03;
}

.form-area table{
	width:568px;
	margin:0 auto 0px;
}

/* ???ﾚ */
.form-area table th{
	width:180px;
	background:#f1ede2;
	font-weight:normal;
}

/* ?燉e */
.form-area table td{
	width:388px;
}

/* ?󍀖ﾚ */
.form-area table#jitsu th{
background:#f9e7c7;
}

/* ?竝s?󍀖ﾚ */
.form-area table#gin th{
	background:#d0f6c2;
}

/* ?p?󍀖ﾚ */
.form-area table#kaku th{
	background:#d6dfff;
}

/* ?F?󍀖ﾚ */
.form-area table#mitome th{
	background:#fffcd6;
}

/* ?S???󍀖ﾚ */
.form-area table.oth th{
	background:#eee;
}

.other-area *{margin:0;padding:0;}
.other-area{
	margin:0 0 15px 0;
	padding:0 8px 20px;
	border-bottom:#aaa 3px double;
}

.other-area .check{
	font-weight:bold;
}

.other-area label{
	line-height:1;
	font-size:1.4em;
	font-weight:bold;
	color:#c70000;
}

.other-area .note{
	margin:0 0 10px 20px;
}

.other-area img{
	margin:0 0 0 10px;
}

#keisan {
	margin-bottom:20px;
}

/*?{?^??*/
#keisan td{text-align:right;}
#keisan td.left{width:400px;}
#keisan td.right{width:100px;}

#keisan img{cursor:hand;}

#button{
	margin:0 auto 10px;
	text-align:center;
}

/* -------------------------------------------- */
/* total?F?I?洛i?ꗗ */
/* -------------------------------------------- */
#total{
	width:530px;
	margin:0 auto 20px;
}

#total table{
	width:530px;
	border:3px solid #ccc;
	border-collapse:collapse;
}

#total th,#total td{
	padding:8px 6px;
	text-align:right;
}

#total th{
	width:78%;
	font-weight:normal;
	border-bottom:1px solid #ccc;
}

#total td{
	width:22%;
	border-bottom:1px solid #ccc;
}

#total th span{font-size:0.8em;}

#total tr.discount th{
	border-bottom:3px double #ccc;
}

#total tr.discount th strong{
	margin:0;
	padding:2px 5px;
	color:#fff;
	font-weight:normal;
	background:#c51722;
}

#total tr.discount td{
	color:#c51722;
	border-bottom:3px double #ccc;
}
#total .zeinuki{
	text-align:right;
}

/* ???? */
/* ------------------------------------------------------ */
#total .single th,#total .single td{padding:3px 6px;}
#total tr.discount th,#total tr.discount td{padding:4px 6px;}
#total tr.total-all th,#total tr.total-all td{
	color:#c51722;
	padding:8px 6px;
	font-weight:bold;
	font-size:14px;
}

/* ?w?i?J???[ */
/* ------------------------------------------------------ */
#total .first td{background-color:#faefdb;}
#total .second td{background-color:#eaf6e1;}
#total .third td{background-color:#e4e9fc;}
#total .fourth td{background-color:#fffcd6;}
#total .fifth td{background-color:#eee;}
#total .six td{background-color:#eee;}
#total .discount td{background-color:#ffeff9;}
#total .total td{background-color:#ffdae5;}

.arw{
	text-align:center;
}

#button{
	margin-bottom:40px;
	padding:0 40px;
}
/* clear hack */
#button{zoom:1;}
#button:after{content:" ";clear:both;height:0;display:block;visibility:hidden;}

#button .left{
	float:left;
}

#button .right{
	float:right;
}

#tel{
	margin-bottom:40px;
}

/* -------------------------------------------- */
/* ???⍇?????{?l?̏﨣・*/
/* -------------------------------------------- */
.toi{
	border:none !important;
}

/* -------------------------------------------- */
/* ?m?F */
/* -------------------------------------------- */
.conf{
	margin:0 !important;
	border:none !important;
}

/* ?]?? */
.conf table th,
.conf table td{
	padding:2px 5px !important;
}

/* -----------------------------------------------------*/
/* ?t???? */
/* -----------------------------------------------------*/
#thanks-area{
	margin-bottom:30px;
	padding-top:20px;
	text-align:center;
}

#thanks-area img{
	margin-bottom:20px;
}

#thanks-area p{
	width:500px;
	margin:0 auto;
	padding:0;
	border:none;
}

#ssl{
	margin-bottom:30px;
	padding:10px 22px 15px 20px;
	border:#ccc 3px double;
}

#ssl div{
}
/* clear hack */
#ssl div{zoom:1;}
#ssl div:after{content:" ";clear:both;height:0;display:block;visibility:hidden;}

#ssl div .left{
	float:left;
	width:430px;
	padding-top:15px;
}

#ssl div .right{
	float:right;
	width:110px;
}

/* -----------------------------------------------------*/
/* ?G???[ */
/* -----------------------------------------------------*/
#error-area p{
	width:400px;
	margin:0 auto 30px;
	color:#c70000;
	font-weight:bold;
}