/* CSS Document */

@charset "UTF-8";

input:focus, select:focus, textarea:focus {
	background-color:#EDF5FF;
}
*{
	margin: 5px 0px;
	padding: 0px;
}

input[type=radio] { display: none; }
input[type=radio]:checked + .checkStyle:before { opacity: 1; }
input[type=checkbox] { display: none; }
input[type=checkbox]:checked + .checkStyle:before { opacity: 1; }
.checkStyle { box-sizing: border-box; zoom: 1.1; position: relative; display: inline-block; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 23px; vertical-align: middle; cursor: pointer;}
.checkStyle:hover:after { border-color: #999; }
.checkStyle:after {  position: absolute; top: 50%; left: 0; display: block; margin-top: -12px; width: 15px; height: 15px; border: 2px solid #bbb; border-radius: 3px; content: ''; }
.checkStyle:before { position: absolute; top: 50%; left: 7px; display: block; margin-top: -9px; width: 5px; height: 10px; border-right: 3px solid #122a8a; border-bottom: 3px solid #122a8a; transform: rotate(45deg);-webkit-transform: rotate(45deg);-moz-transform: rotate(45deg); content: ''; opacity: 0; }


.select04dk{ line-height:18px; width:98%; font-size:14px; text-align:left; padding:5px 0 5px 10px; margin-right:10px; overflow:inherit}
.select05dk{ line-height:18px; width:150px!important; font-size:14px; text-align:left; padding:5px 0 5px 10px; margin-right:10px; }
.select06dk{ line-height:18px; width:16%; font-size:14px; text-align:left; padding:5px 0 5px 5px; margin-right:10px; }
.select07dk{ line-height:18px; width:98%; font-size:14px; text-align:left; padding:5px 0 5px 10px; margin-right:5px; overflow:inherit}
.select08dk{ line-height:18px; width:98%; font-size:14px; text-align:left; padding:5px 0 5px 10px; margin-right:5px; overflow:inherit}
.select09dk{ line-height:18px; width:150px; font-size:14px; text-align:left; padding:5px 0 5px 10px; margin-right:5px; overflow:inherit}
.select11dk{ line-height:18px; width:auto; font-size:14px; text-align:left; padding:5px 0 5px 10px; margin-right:10px; overflow:inherit}
.select12dk{ line-height:18px; width:24%; font-size:14px; text-align:left; padding:5px 0 5px 5px; margin-right:10px; }
.select13dk{ line-height:18px; width:180px!important; font-size:14px; text-align:left; padding:5px 0 5px 10px; margin-right:10px; }

.orderAreaWrapper{
	width:720px;
	color: #000000;
	font-size: 16px;
	margin:0 auto;
	/*padding:30px;*/
	background-color:#fff;
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	padding:20px 0 0 0;
	border-radius:0px;
	line-height:35px;
	-webkit-border-radius:0px;
	-moz-border-radius:0px;
	box-shadow:rgba(0, 0, 0, 0.5) 0px 0px 5px 0px;
	-webkit-box-shadow:rgba(0, 0, 0, 0.5) 0px 0px 5px 0px;
	-moz-box-shadow:rgba(0, 0, 0, 0.5) 0px 0px 5px 0px;
	
}

.orderAreaWrapper a{
	color: blue;
}

.spacer01{
		padding:2px;
		font-size:2px;
}

.redIcondk{
	background-color:#DC143C;
	color: #ffffff;
	font-size:12px;
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	border-radius: 2px;		/* CSS3草案 */
	-webkit-border-radius: 2px;	/* Safari,Google Chrome用 */
	-moz-border-radius: 2px;	
	padding:2px;
}


.error_msgdk{
	text-align:left;
	color:#FF0000;
	width:100%;
	font-size:16px;
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;

}

.titlefontdk{
	font-size:16px;
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}


.titlefontdk2{
	font-weight:none;
	font-size:14px;
	color:#B22222;
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}

.titlefontdk3{
		font-size:14px;
		color:#8E8E8E;
		font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	}
	
.titlefontdk4{
		font-weight:bold;
		font-size:18px;
		color:#0000E3;
		font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	}
	
.titlefontdk5{
		font-size:14px;
		color:#000000;
		font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	}

.zipbtndk{
	background-color:#87CEFA;
	color:#ffffff;
	font-size:16px;
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	border-radius: 3px;		/* CSS3草案 */
	-webkit-border-radius: 3px;	/* Safari,Google Chrome用 */
	-moz-border-radius: 3px;	
	padding:5px;
}

.ziptextdk{
	font-size:16px;
}

.zipdk{
	color:#ffffff;
	font-size:16px;
}

.inputdk1{
	width:30%;
	height:18px;
	border:1px solid #bbbdb9;
	padding: 5px 5px;
	font-size:14px;
}

.inputdk2{
	width:95%;
	height:18px;
	border:1px solid #bbbdb9;
	padding: 5px 5px;
	font-size:14px;
	margin-top: 7px;
}
.inputdk3{
	width:22%;
	height:18px;
	border:1px solid #bbbdb9;
	padding: 5px 5px;
	font-size:14px;
}
.inputdk4{
	width:10%;
	height:18px;
	border:1px solid #bbbdb9;
	padding: 5px 5px;
	font-size:14px;
}

.inputdk5{
	width:80%;
	height:18px;
	border:1px solid #bbbdb9;
	padding: 5px 5px;
	font-size:14px;
}

.inputdk6{
	width:40%;
	height:18px;
	border:1px solid #bbbdb9;
	padding: 5px 5px;
	font-size:14px;
}

.footerdk{
	font-size:12px;
	color:#808080;
	text-align:center;
	padding-right:5px;
}

.orderbtndk{
	padding:10px;
}
.orderbtndk a{
	width:40%;
	background-color:#C72B2B;
	color:#fff;
	font-size:22px;
	display:block;
	text-decoration:none;
	border-radius: 9px;
	padding:10px;
}
.orderbtndk a:hover{
	background-color:#F79CB6;
}

.orderbtn2dk{
	padding:5px;
	text-align:center;
	font-size:14px;
}

.inputarea1{
	text-align:left;
	margin:15px; 
	display:block;
}

.inputarea2{
	text-align:left;
	line-height:18px;
	margin:15px; 
}

.inputarea3{
	text-align:center;
	margin:15px; 
}

.formdktitle{
	/* background-color: #F5F5F5; */
	background-color: #E0E0E0;
	padding-left:6px; 
	text-align:left;
}
.headdktitle{
	padding:0px 6px 6px 6px; 
	text-align:center;
   text-align:center;
   font-size:25px;
   font-weight:none;
   color:#808080;
   letter-spacing:2px;
}

.notesArea{
	width:625px;
	height:80px;
	border:1px solid #bbbdb9;
	font-size:18px;
	margin:10px 0 10px 0;
	padding:10px;
	resize: none;
}
.notesArea2dk{
	width:90%;
	height:120px;
	border:1px solid #bbbdb9;
	font-size:12px;
	margin:10px 0 10px 0;
	padding:10px;
	resize: none;
	overflow:scroll;
}
.imgdk{
	width:40px;
	display: inline;
 
}
.error_field{
	background-color:#FFD2D2;
}

.crosLink {
	color: blue;
}



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

	input[type=radio] { display: none; }
	input[type=radio]:checked + .checkStyle:before { opacity: 1; }
	input[type=checkbox] { display: none; }
	input[type=checkbox]:checked + .checkStyle:before { opacity: 1; }
	.checkStyle { font-size: 14px; box-sizing: border-box; zoom: 1.5; position: relative; display: inline-block; margin: 0px 0px 0 0px; padding: 0 0 0 23px; vertical-align: middle; cursor: pointer;}
	.checkStyle:hover:after { border-color: #999; }
	.checkStyle:after {  position: absolute; top: 50%; left: 0; display: block; margin-top: -12px; width: 15px; height: 15px; border: 2px solid #bbb; border-radius: 3px; content: ''; }
	.checkStyle:before { position: absolute; top: 50%; left: 7px; display: block; margin-top: -9px; width: 5px; height: 10px; border-right: 3px solid #122a8a; border-bottom: 3px solid #122a8a; transform: rotate(45deg);-webkit-transform: rotate(45deg);-moz-transform: rotate(45deg); content: ''; opacity: 0; }


	.select04dk{ width:98%; font-size:18px; text-align:left; padding:5px 0 5px 10px; margin-right:10px; overflow:inherit}
	.select05dk{ width:180px!important; font-size:20px; text-align:left; padding:5px 0 5px 10px; margin-right:10px; }
	.select06dk{ width:22%; font-size:20px; text-align:left; padding:2px 0 2px 5px; margin-right:10px; }
	.select07dk{ width:98%; font-size:14px; text-align:left; padding:5px 0 5px 10px; margin-right:5px; overflow:inherit}
	.select08dk{ width:98%; font-size:12px; text-align:left; padding:5px 0 5px 10px; margin-right:5px; overflow:inherit}
	.select09dk{ width:150px; font-size:14px; text-align:left; padding:5px 0 5px 10px; margin-right:5px; overflow:inherit}
	.select11dk{ width:auto; font-size:20px; text-align:left; padding:5px 0 5px 10px; margin-right:10px; overflow:inherit}
	.select12dk{ width:30%; font-size:20px; text-align:left; padding:2px 0 2px 5px; margin-right:10px; }
	.select13dk{ width:180px!important; font-size:20px; text-align:left; padding:5px 0 5px 10px; margin-right:10px; }

	.orderAreaWrapper{
		width:100%;
		margin:0 auto;
		color: #000000;
		
		/*padding:30px;*/
		background-color:#fff;
		font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
		padding:25px 0 0 0;
		border-radius:0px;
		line-height:50px;
		-webkit-border-radius:0px;
		-moz-border-radius:0px;
		box-shadow:rgba(0, 0, 0, 0.180392) 0px 0px 5px 0px;
		-webkit-box-shadow:rgba(0, 0, 0, 0.180392) 0px 0px 5px 0px;
		-moz-box-shadow:rgba(0, 0, 0, 0.180392) 0px 0px 5px 0px;
		
	}

	.spacer01{
		padding:5px;
		font-size:8px;
	}

	.redIcondk{
		background-color:#DC143C;
		color: #ffffff;
		font-size:12px;
		font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
		border-radius: 3px;		/* CSS3草案 */
		-webkit-border-radius: 3px;	/* Safari,Google Chrome用 */
		-moz-border-radius: 3px;	
		padding:3px;
	}


	.error_msgdk{
		text-align:left;
		color:#FF0000;
		width:100%;
		font-size:20px;
		font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;

	}

	.titlefontdk{
		font-size:20px;
		font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	}


	.titlefontdk2{
		font-size:14px;
		color:#B22222;
		font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	}
	



	.zipbtndk{
		background-color:#87CEFA;
		color:#ffffff;
		font-size:20px;
		font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
		border-radius: 3px;		/* CSS3草案 */
		-webkit-border-radius: 3px;	/* Safari,Google Chrome用 */
		-moz-border-radius: 3px;	
		padding:5px;
	}

	.ziptextdk{
		font-size:22px;
	}

	.zipdk{
		color:#ffffff;
		font-size:22px;
	}

	.inputdk1{
		width:28%;
		height:26px;
		border:1px solid #bbbdb9;
		padding: 10px 10px;
		font-size:24px;
	}

	.inputdk2{
		width:95%;
		height:24px;
		border:1px solid #bbbdb9;
		padding: 10px 10px;
		font-size:22px;
	}
	.inputdk3{
		width:22%;
		height:20px;
		border:1px solid #bbbdb9;
		padding: 10px 10px;
		font-size:18px;
	}
	.inputdk4{
		width:12%;
		height:20px;
		border:1px solid #bbbdb9;
		padding: 10px 10px;
		font-size:16px;
	}

	.inputdk5{
		width:80%;
		height:22px;
		border:1px solid #bbbdb9;
		padding: 10px 10px;
		font-size:20px;
	}
	
	.inputdk6{
		width:52%;
		height:22px;
		border:1px solid #bbbdb9;
		padding: 10px 10px;
		font-size:24px;
	}

	.footerdk{
		font-size:12px;
		color:#808080;
		text-align:center;
		padding-right:5px;
	}

	.orderbtndk{
		padding:10px;
	}
	.orderbtndk a{
		width:40%;
		background-color:#C72B2B;
		color:#fff;
		font-size:22px;
		display:block;
		text-decoration:none;
		border-radius: 9px;
		padding:10px;
	}
	.orderbtndk a:hover{
		background-color:#F79CB6;
	}
	
	.orderbtn2dk{
	padding:10px;
	font-size:18px;
	text-align:center;
}

	.inputarea1{
		text-align:left;
		margin:15px; 
	}

	.formdktitle{
		/* background-color: #F5F5F5; */
		background-color: #E0E0E0;
		padding-left:6px; 
		text-align:left;
	}
	.headdktitle{
		padding:0px 6px 6px 6px; 
		text-align:center;
	   text-align:center;
	   font-size:25px;
	   font-weight:none;
	   color:#808080;
	   letter-spacing:2px;
	}

	.notesArea{
		width:95%;
		height:100px;
		border:1px solid #bbbdb9;
		font-size:22px;
		margin:10px 0 10px 0;
		padding:3px;
		resize: none;
	}
	.notesAreadk2{
		width:95%;
		height:120px;
		border:1px solid #bbbdb9;
		font-size:18px;
		margin:10px 0 10px 0;
		font-size:12px;
		padding:3px;
		resize: none;
		overflow:scroll;
	}
	
}