@charset "UTF-8";

/* common ================== */
html{
	font-size: 62.5%;
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}
body{
	font-size: 14px;
	font-size: 1.4rem;
	text-align:center;
	background-color:#f5f5f5;
	color:#000;
}

p{
	margin:0 0 1em 0;
	padding:0;
}
.mt10{
	margin-top:10px;
}
.mb0{
	margin-bottom:0;
}
.mb10{
	margin-bottom:10px;
}

.red{
	color:#FF0000;
}

.indent {
	padding-left:1em;
	text-indent:-1em;
}
/*pc*/
.f-sp{
	display:none;
}

#wrapper{
	width:730px;
	height:auto !important; /*IE6対策*/
  height: 100%; /*IE6対策*/
  min-height: 100%;
	position:relative;
	margin:0 auto;
	background-color:#FFF;

}
#wrapper-in{
	padding:0 20px 20px 20px;
}
#header-box{
	height:70px;
	background-color:#FFF;

}
#header-box-body{
	padding:10px 0 0 0;
}
.mb15{ margin-bottom:15px; }
.mb20{ margin-bottom:20px; }
.mb30{ margin-bottom:30px; }

.text-l{ text-align:left;}
.text-c{ text-align:center;}
.text-r{ text-align:right;}

.indents{
	padding-left: 1em;
    text-indent: -1em;
}

.entryTitles{
	font-size:18px;
	font-size:1.8rem;
	margin-bottom:15px;
	font-weight:bold;
	text-align: left;
	color:#751c2b;
}
#kakunin{
	background-color:#ffe9f1;
	font-size:16px;
	font-size:1.6rem;
	text-align: center;
	padding:20px;
}
#kakunin label{
	text-align: center;
}
#kakunin input[type=checkbox] {
    width: 20px;
    height: 20px;
    vertical-align: middle;
}

#entryRimit{
	padding:10px;
	background-color:#ffe9f1;
	border:solid 4px #f6d1df;
	text-align: center;
	margin-bottom:20px;
}

/* header ================== */
#header-title{
	text-align:left;
	padding:0 0 0 20px;
	margin-bottom:5px;
}
#header-logo{
	width:140px;
	height:40px;
	float:left;
	text-align:left;
}
#header-name{
	float:left;
	width:530px;
	height:42px;
	overflow:hidden;
	text-align:left;
	font-size:18px;
	font-size:1.8rem;
	padding-top:11px;
}

#maeoki{
	border:solid 3px #f8cad2;
	padding:10px 10px 10px 20px;
	margin-bottom:20px;
}
#maeoki ul,
#maeoki li{
	margin:0;
	padding:0;
	list-style-type: none;
	text-align: left;
}
#maeoki li{
	margin-bottom:0.5em;
}
#maeoki h2{
	font-size:20px;
	font-size:2.0rem;
	text-align: center;
	margin:0 0 10px 0;
	color:#ec445d;
}
.tst{
	color:#ec445d;
}

/* layout */
#entryDatas,
.entryClumn{
	margin-bottom: 20px;
}
#entryDatas-left,
.entryClumn2-left{
	/*
	float: left;
	width: 49%;
	*/
	text-align: left;
}
#entryDatas-right,
.entryClumn2-right{
	/*
	float: right;
	width: 49%;
	*/
	text-align: left;
}




.text-emp{
	font-weight: normal;
	background-color:#FF0000;
	color:#FFF;
	padding:0px 4px;
	font-size:10px;
	border-radius: 3px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
}
/* basic table */
table.tb {
	width: 100%;
	border-collapse: collapse;
	border:solid 1px #f8cad2;
	margin-bottom:40px;
}
table.tb th,
table.tb td{
	border-bottom:solid 1px #f8cad2;
	padding:10px;
}
table.tb th{
	background-color: #ffe4e8;
	font-weight: normal;
	color:#000;
	font-size:12px;
	font-size:1.2rem;
}

table.tb#userData th{
	width: 25%;
}
table.tb#otodokeData th{
	width: 25%;
}


td#userData3 span.wpcf7-list-item,
td#otodokeData1 span.wpcf7-list-item,
td#otodokeData2 span.wpcf7-list-item{
	display:block;
	margin-bottom:5px;
}
.e-t2 span.wpcf7-list-item{
	margin-left:0 !important;
}

.e-t2{
	text-align:left;
}

.remail{
	font-size:12px;
	font-size:1.2rem;
	display:block;
	margin-bottom:4px;
}

.product-code{
	background-color:#000;
	color:#FFF;
	padding:0 4px;
	float:left;
	width: 50px;
	text-align: center;
}
.product-name{
	display:block;
	float:right;
	width:520px;
}
.product-name .wpcf7-list-item label{
	display:block;
	position:relative;
	padding-left:1.5em;
	text-align: left;
}
.product-name .wpcf7-list-item label input{
	position:absolute;
	top:0;
	left:0;
}

.kugiri{
	border-bottom:solid 2px #f8cad2;
}

/* color table */
table.tb2 {
	width: 100%;
	border-collapse: collapse;
	border:solid 1px #f8cad2;
	margin-bottom:20px;
}
table.tb2 th,
table.tb2 td{
	border-bottom:solid 1px #f8cad2;
	padding:10px;
}
table.tb2 th{
	background-color: #ffe4e8;
	font-weight: normal;
	color:#000;
	font-size:12px;
	font-size:1.2rem;
}
table.tb2 th.inputCode{
	width:13%;
}
table.tb2 th.inputProductName{}
table.tb2 th.inputProductYoryo{
	width: 13%;
}
table.tb2 th.inputProductKosu{
	width:13%;
}

table.tb2 td.c-t1,table.tb2 td.c-t2,table.tb2 td.c-t3{
	border-right: solid 1px #fedae1;
}

table.tb2 td.c-t1 input{
	width: 100%;
}
table.tb2 td.c-t2 input{
	width: 100%;
}
table.tb2 td.c-t3 select{
	width: 100%;
}
table.tb2 td.c-t4 input{
	width: 100%;
}


/* alert */
.wpcf7-not-valid-tip{
	color:#FF0000;
}
/* form */
input#address2,
input#address3{
/*
	width: 100%;
*/
}


td#userData1 input,
td#mailaddress input,
td#telephonenumber input{
	width: 100%;
}

#endMessage{
	color:#FF0000;
	font-size:20px;
	font-size:2.0rem;
}

.selectItems{
	background-color: #ffea9e;
}
.selectItems .wpcf7-list-item-label{
	font-weight:bold;
}
.selectItems input{
	text-align:center;
}

input#btn_sousin{
	width: 320px;
	padding:10px;
}

#footer-box{
	text-align: center;
	padding:10px;
}



/* tokuten */
#tokuten{
	border:solid 1px #d6e5ff;
	background-color:#ecf3ff;
	padding:10px;
	margin-bottom:20px;
	text-align: left;
}

.naiyous{
	display:block;
	background-color:#f2f1d5;
	padding:5px;
	font-size:10px;
	line-height:110%;
	margin-top:5px;
	clear:both;
}

.wpcf7-not-valid-tip{
font-weight: bold;
}

@media screen and (max-width: 640px){
	/* sp */
	.spbr:before{
		content: "\A" ;
		white-space: pre ;
	}
	.f-sp{
		display:inline;
	}

	#wrapper{
		width:auto;
	}
	#header-box{
		height:auto;
	}

	#header-logo{
		float:none;
		width:auto;
		height:auto;
		text-align:center;
	}
	#header-name{
		float:none;
		width:auto;
		height:auto;
		text-align: center;
	}
	#entryRimit{
		text-ailgn:left;
	}

	#entryDatas-left,
	#entryDatas-right,
	.entryClumn2-left,
	.entryClumn2-right{
		float:none;
		width:auto;
	}
	td#userData1 input,
	td#userData2 input,
	td#mailaddress input,
	td#telephonenumber input,
	input#address2,
	input#address3{
		width: 90%;
	}
	.product-code{
		margin-bottom:5px;
	}
	.product-name{
		width:100%;
	}

	input#btn_sousin{
		width: 100%;

	}

	#footer-box{
		padding:10px 10px 1000px 10px;
	}


	.TableHeader{
		display:none;
	}


	table.tb2 td.c-t1,
	table.tb2 td.c-t2,
	table.tb2 td.c-t3,
	table.tb2 td.c-t4{
		display:block;
		border-bottom:none;
		text-align: left;
	}
	table.tb2 td.c-t4{
		border-bottom:solid 1px #f8cad2;
	}

	table.tb2 td.c-t1 input{
		width: auto;
	}
	table.tb2 td.c-t2 input{
		width: auto;
	}
	table.tb2 td.c-t3 select{
		width: auto;
	}
	table.tb2 td.c-t4 input{
		width: auto;
	}


	table.tb2 td input{
		width: auto;
	}

	.tsuika{
		width: 90%;
	}




}




/* clearfix */
div:after,
ul:after,
li:after{
	content:"";
	display:block;
	clear:both;
}