@charset "utf-8";

/* ==================================================================
	simplyestimate.css
	
=================================================================== */

/* =================================
   ■ 共通指定
================================== */


/* --------------------------------
   □ form
-------------------------------- */
.contents h2{
	margin-right:-5px;
	margin-bottom:15px;
}

.contents article{
}

.contents table.tableStyle td span.error,
.contents p.error{
	margin:4px 0;
	padding:2px 2px 2px 15px;
	color:#fff;
	background:#F00 url(../../images/common/icon/arrow/white.gif) 5px 50% no-repeat;
}

.contents .appeal{
	text-align:center;
}


/* □ dl.section
-------------------------------- */
.contents dl.section{
	margin-bottom:17px;
}

.contents dl.section dt{
	margin-bottom:10px;
}

.contents dl.tel dd{
	text-align:center;
}

.contents dl.mail dd{
	padding:17px 13px;
    border-radius: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
	background:#f3efde url(../../images/estimate/simply/background.gif) 0 0 repeat;
	display: table;
    width: 100%;
    box-sizing: border-box;
}

.contents dl.mail dd em{
	color:#d50000;
}

.contents dl.mail dd .txtarea{
	display: table-cell;
}

.contents dl.mail dd .closed{
	display: table-cell;
	vertical-align:middle;
	text-align: center;
}

.contents dl.mail dd .closed span{
	background:#d50000;
	color:#fff;
	display: inline-block;
    padding: 15px 20px;
    border-radius: 5px;
    font-size: 126%;
    font-weight: 700;
}

/* --------------------------------
   □ user
-------------------------------- */
.contents table.tableStyle{
	width:100%;
	border:1px solid #757575;
}

.contents table.tableStyle th,
.contents table.tableStyle td{
	border:1px solid #dddddd;
	padding:17px 9px;
	background:#fcfcfc url(../../images/estimate/simply/user-background.gif) 0 0 repeat;
}
	
.contents table.tableStyle th{
	width:13em;
	vertical-align:top;
}

.contents .indispensable span,	
.contents table.tableStyle th span{
	zoom:1;
	display:inline-block;
	background:#b70000;
	color:#fff;
	margin-left:5px;
	padding:1px 7px;
	font-size:84%;
	border-radius: 3px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
}

.contents table.tableStyle td span.sample{
	display:block;
	font-size:84%;
	color:#666;
}
	
.contents table.tableStyle td input.short{
	width:35%;
}	
	
.contents table.tableStyle td input.middle,
.contents table.tableStyle td textarea{
	width:95%;
}

.contents table.tableStyle table.inTable th,
.contents table.tableStyle table.inTable td{
	border:0;
	padding:7px 4px;
}
	
.contents table.tableStyle table.inTable th{
	width:9em;
	vertical-align:middle;
}

.contents .indispensable{
	text-align:right;
}


/* --------------------------------
   □ check
-------------------------------- */

.contents .check-box{
	margin-bottom:20px;
}

.contents .check-box h3{
	margin-bottom:8px;
}
.contents .returnArea{
	margin-top:-15px;
	margin-bottom:15px;
	text-align:right;
}
/* --------------------------------
   □ funeralcontact
-------------------------------- */

span.hope{
	padding: 8px 12px;
    margin-top: 8px;
    background: #f3f3f3;
	display:block;
}

dl.dial{
	border:2px solid #cb2929;
	margin-bottom:30px;
}


dl.dial > dt{
	background:#cb2929;
	padding:15px 20px;
	color:#fff;
	font-size:190%;
	font-weight:700;
	position:relative;
}

dl.dial > dt span{
	display: inline-block;
    background: #fff;
    padding: 10px 30px;
    border-radius: 50px;
    font-size: 76%;
    color: #cb2929;
	position: absolute;
    right: 20px;
    top: 6px;
}

dl.dial dd dl.txt{
	display:table;
}

dl.dial dd dl.txt dt{
	text-align:left;
	font-size: 158%;
	padding:20px 30px;
	display:table-cell;
	vertical-align:middle;
}

dl.dial dd dl.txt dd{
	background:url(../../images/common/dial.png) 0 50% no-repeat;
	padding-left:60px;
	font-size:290%;
	margin-top:15px;
	margin-bottom:0;
	font-weight:700;
	display:table-cell;
	vertical-align:middle;
}

dl.dial dd dl.txt dd a{
	color:#cb2929;
	text-decoration:none;
}

select#kind{
	margin-bottom:20px;
}

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

.contents dl.mail dd .txtarea{
	display: block;
	margin-bottom:10px;
}

.contents dl.mail dd .closed{
	display: block;
	text-align:left;
}

.contents dl.mail dd .closed span {
	font-size:100%;
	padding: 5px 10px;
}
	
	/* --------------------------------
	   □ form
	-------------------------------- */
	.contents h2{
		margin-right:0;
	}
	
	.contents article{
		margin:0;
	}
	
	.contents table.tableStyle td span.error,
	.contents p.error{
		margin:4px 0;
		padding:2px 2px 2px 15px;
		color:#fff;
		background:#F00 url(../../images/common/icon/arrow/white.gif) 5px 50% no-repeat;
	}
	
	/* --------------------------------
	   □ user
	-------------------------------- */

	.contents table.tableStyle tr{
		display:block;
	}

	.contents table.tableStyle th,
	.contents table.tableStyle td{
		display:block;
		border:1px solid #dddddd;
		padding:9px 9px;
	}
		
	.contents table.tableStyle th{
		width:auto;
		vertical-align:top;
		background:#dddddd;
	}
	
		
	.contents table.tableStyle td input.short{
		width:95%;
	}	
		
	.contents table.tableStyle td input.middle,
	.contents table.tableStyle td textarea{
		width:95%;
	}
	
	.contents table.tableStyle table.inTable th,
	.contents table.tableStyle table.inTable td{
		border:0;
		padding:2px 2px;
	}
		
	.contents table.tableStyle table.inTable th{
		background:#fcfcfc url(../../images/estimate/simply/user-background.gif) 0 0 repeat;
	}
	
	.contents .indispensable{
		text-align:right;
	}
	
	
	/* --------------------------------
	   □ check
	-------------------------------- */
	
	.contents .check-box{
		margin-bottom:20px;
	}
	
	.contents .check-box h3{
		margin-bottom:8px;
	}
	.contents .returnArea{
		margin-top:-15px;
		margin-bottom:15px;
		text-align:right;
	}

/* --------------------------------
   □ funeralcontact
-------------------------------- */

dl.dial > dt{
	padding:15px 20px;
	font-size:172%;
	overflow: hidden;
	text-align: center;
}

dl.dial > dt span{
	display: block;
    margin: auto;
    padding: 5px 15px;
    font-size: 65%;
    position: inherit;
    right: inherit;
    top: inherit;
	width: 55%;
}

dl.dial dd{
}

dl.dial > dd{
	font-size: 135%;
	padding: 20px 30px;
}

dl.dial dd dl.txt{
	font-size:67%;
}

dl.dial dd dl.txt ,
dl.dial dd dl.txt dt,
dl.dial dd dl.txt dd{
    display: block;
}

dl.dial dd dl.txt dt {
	padding:0;
}

dl.dial dd dl.txt dd{
}

}