@charset "UTF-8";
/**
 * 供物供花の申し込み
 * 
 * @since 2011.09.01
 * @author msc) ishimoto
 */

#main .subtitle {
	margin-bottom: 0.5em;
	position: relative;
}

#main .subtitle a {
	position: absolute;
	right: 1em;
	color: #fff;
}

#main .tbl {
	margin-bottom: 1.5em;
}

#main .tbl .c1 {
	width: 4em;
}

#main .tbl .c2 {
	width: 5em;
}

#main .tbl .c3 {
	width: 6.5em;
}

#main .tbl .c3_2 {
	width: 9.45em;
}

#main .tbl .c3_3 {
	width: 8em;
}

#main .tbl .c4 {
	width: 12em;
}

#main .isFormEntry {
	/*margin-left: 2em;*/
}

#main .btn-area{
	padding:15px;
	border:1px solid #77933c;
	margin-top:0;
	display: inline-block;
}
#main .btn-area button.btn,
#main .mail-area button.btn,
#main .fax-area button.btn,
#main .shusei-area button.btn,
#main .print-area button.btn,
#container button#pdf{
	background:#e46c0a;
	color:#fff;
	border:none;
	padding:10px 20px;
	margin-bottom:10px;
	cursor:pointer;
}
#main .mail-area button.btn:disabled{
	background:#c1c1c1;
	cursor:default;
}
#main .mail-area,
#main .fax-area,
#main .shusei-area,
#main .print-area {
	height:auto;
	margin:20px;
}
#main .mail-area button.btn,
#main .fax-area button.btn,
#main .shusei-area button.btn,
#main .print-area button.btn {
	display: inline-block;
	height:60px;
	box-sizing:border-box;
	vertical-align:middle;
}
#main .mail-area button.btn{
	text-decoration:none;
	padding:20px;
}
#main .fax-area button.btn span{
	font-size:11px;
}
#main .btn-area .btn {
	padding: 3px 10px;
}

#main .btn-area label {
	cursor: pointer;
}

#main #orderInfo select,
#main #orderInfo .sizeSS {
	margin: 0 2em 0 0.5em;
}

#main #orderInfo .subtotal {
	margin-left: 0em;
}

#main .lbl {
	cursor: pointer;
}

* html #main td .floatR { /* for IE6 */
	margin-top: -23px;
}

*:first-child+html #main td .floatR { /* for IE7 */
	margin-top: -21px;
}

#main ul {
	margin: 5px 0 0 5px;
	overflow: hidden;
}

#main li {
	margin-bottom: 25px;
	margin-right: 2px;
	float: left;
	height: 102px;
}

#main ul p {
	text-align:center;
	font-size: 10px;
}

.group{
	margin-left:20px;
	
}
#main h3.subtitle{
	background:#c3d69b;
	color:#4f6228;
}
.bunrei_btn{
	background:#ebf1de;
	display:inline-block;
	width:100%;
	padding:20px 15px;
	box-sizing:border-box;
	border:1px solid #c3d69b;
	text-align: center;
	color:#4f6228;
}
.bunrei_btn span{
	font-size:11px;
}
p.limit{
	text-align:right;
	width:calc( 100% - 25px);
	margin-bottom:20px;
}
textarea.txt {
	width:calc( 100% - 25px);
	box-sizing:border-box;
	margin-right:25px;
	height:10em;
	line-height:1rem;
}
#chouden01{
	text-align:center !important;
	border:none;
}
.kakaku{
	font-size:12px;
}
.kakaku span{
	font-weight:bold;
	font-size:13px;
}
#chouden01 td{
	border-right:1px solid #ccc;
}
#chouden01 td:last-child{
/*	border-right: none;*/
}
.goukei_area{
	color:#4f6228;
	padding:20px;
	font-size:16px;
}
.goukei_area span{
	color:#333;
	padding:0 20px;
	font-size:16px;
	border-bottom:1px solid #157951;
	min-width:150px;
	text-align:right;
	display:inline-block;
	margin-left:20px;
}

#main h3.subtitle a{
	color:#4f6228;
}

#kuge,
#chouden{
	display:none;
}

.overlay{
	position: fixed;
	top:0;
	left:0;
	width:100%;
	height:100%;
	background:rgba(0,0,0,0.6);
	z-index:999;
	display:none;
}
.modal{
	position: fixed;
	background:#fff;
	z-index:999;
	width:70%;
	margin:0 auto;
	padding:10px 20px;
	border:2px solid #aaa;
	display:none;
	max-width:700px;
}
.modal h2{
	background-color: #06784d;
	color: #fff;
	height: 2em;
	line-height: 2.1em;
	text-indent: 1em;
	text-align:left;
	margin-bottom: 20px;
}
.modal table{
	border:2px solid #aaa;
	width:100%;
}
.modal td,
.modal th{
	border:2px solid #aaa;
	padding:5px;
}
.modal th{
	text-align: center;
	background:#ececec;
}
.modal .non-border,
.modal .non-border td,
.modal .non-border th{
	border:none;
}
.modal .kakkoA_area{
	margin:20px 0 15px;
}
.modal h3{
	background: #c3d69b;
	color: #4f6228;
	height: 2em;
	line-height: 2.1em;
	text-indent: 1em;
	text-align: left;
	margin-bottom: 10px;
}
.modal input[type="text"]{
	width:100px;
}
.modal input{
	vertical-align: middle;
	margin:0 2px;
}
/*confirm*/
.otodokesaki .tbl th,
.kuge .tbl th,
.kumotsu .tbl th,
.makurabana .tbl th,
.chouden_message .tbl th,
.font_message .tbl th,
.seikyu .tbl th{
	background: #dbecb5;
	color: #4f6228;
}

.otodokesaki .tbl,
.kuge .tbl,
.kumotsu .tbl,
.makurabana .tbl,
.chouden_message .tbl,
.font_message .tbl,
.seikyu .tbl,
.otodokesaki .tbl th,
.kuge .tbl th,
.kumotsu .tbl th,
.makurabana .tbl th,
.chouden_message .tbl th,
.font_message .tbl th,
.seikyu .tbl th,
.otodokesaki .tbl td,
.kuge .tbl td,
.kumotsu .tbl td,
.makurabana .tbl td,
.chouden_message .tbl td,
.font_message .tbl td,
.seikyu .tbl td{
    border-color:#bbb;
}

.gokei .tbl,
.gokei .tbl th{
	border-top:1px solid #bbb;
}
.gokei .tbl th,
#main .shusei-area button.btn{
	background-color: #06784d;
	color: #fff;
}
#main .print-area button.btn{
	background-color: hsl(214deg 82% 51%);
	color: #fff;
}
.req_request {
    color: #f33;
    padding: 0.4em 0em !important;
    width: 4em;
}
.zipcode {
	width: 5.55em;
}
.mail {
	width: 98.5%;
}
/*----------------------------------------------------
	アニメ
----------------------------------------------------*/
#contents-header{
    position:relative;
    width: 675px;
	height: 300px;
	padding-bottom: 12px;
}

#contents-header img{
    position:absolute;
    top:0;
    left:0;
    margin:0 auto;
	z-index:8;
	opacity: 0.0;
}

#contents-header img.active {
	z-index:10;
	opacity: 1.0;
}
#contents-header img.last-active {
	z-index:9;
}