div.site_container {
	background-color: #FFFFFF;
	font-family: 'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif;
}

.outline {

	width: 980px;
	padding-left: 40px;
	padding-right: 40px;
    margin-left : auto;
	margin-right: auto;
	background-color: #FFFFFF;

}

div.crRegl {
	border: 1px solid #000000;
    height: 100px;
	width: 100px;
    float: left;
}

div.sekoArea {
    margin-top : 20;
	padding: 0;
	clear: both;
}


div.seko {
    margin-top : 20;
	padding: 0;
}

div.sekoHow {
    float: left;
    margin-top: 10;
    margin-bottom: 20;
    margin-left: 2;
	font-size: 1.4em;
	padding: 0;
}
div.sekoSrem {
    float: left;
    margin-top: 10;
    margin-bottom: 20;
    margin-left: 2;

	padding: 0;
}
div.sekoSrem1 {
    margin-top: 10;
    margin-bottom: 20;
    margin-left: 2;
	width: 900px;
	height: auto;
	clear: both;
	padding: 0;
}

div.sekoTypeChkConc {
    clear: both;
    margin-top: 0;
    margin-bottom: 0;
    margin-left: 0;
	width: 900px;
	height: auto;
	padding: 0;
}
div.quest {
	width: 900px;
	height: 35px;
	display: flex;
	align-items: center;
	background-color: #ECECEC;
	background-image: -webkit-gradient(linear, 0 0, 0 100%, color-stop(.5, #F9F9F9), color-stop(.5, transparent), to(transparent));
	-webkit-background-size: 5px;
	font-family: 'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif;
	font-weight: bold;
	font-size: 1.3em;
}

div.sekoSozai {
    float: left;
    margin-top: 10;
    margin-bottom: 20;
    margin-left: 2;

	padding: 0;
}


/*****************************************************/
div.sekoType1 {
    margin-top: 30;
	padding: 0;
    clear: both;
    display: none;
}
div.sekoType2 {
    margin-top: 30;
	padding: 0;
    clear: both;
    display: none;
}


div.sekoTypeChk {
    margin-top : 3;
	padding: 0;
    text-align: left;
	clear: both;
}

div.sekoTypeChkAsuf {
    margin-top : 3;
	padding: 0;
    text-align: left;
	clear: both;
	display: none;
}

div.sekoTypeChkConc {
    margin-top : 3;
	padding: 0;
    text-align: left;
	clear: both;
	display: none;
}

div.sekoOpChk {
    margin-top : 3;
	padding: 0;
    text-align: left;
    clear: both;
}

#subTotal .resTable .sitaji{
	display: none;
}

div.subTotal {
    font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
    margin-top : 20;
    margin-bottom: 10;
    background-color: #FFFFFF;
    width: 900px;
/*    border: 1px solid black;
*/
	height: 180px;
	padding: 0;
    clear: both;
	display: none;
	background-image: -webkit-gradient(linear, 0 0, 100% 100%,color-stop(.25, #F9F9F9), color-stop(.25, transparent),color-stop(.5, transparent), color-stop(.5, #F9F9F9),color-stop(.75, #F9F9F9), color-stop(.75, transparent),to(transparent));
	-webkit-background-size: 7px 7px;
}
div.subTotal2 {
	color: #000000;
    font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
    margin-top : 20;
    margin-bottom: 10;
	margin-left: 30px;
    width: 250px;
	padding: 0;
    float: left;
	font-size: 1.7em;
}


.totalTbl {
    width:100%;
    padding:5px;
    text-align: left;
}
.totalTbl th{
    width:55%;
    padding:1px;
    text-align: left;
}

div.etcW {
	font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
	clear: both;
	margin-bottom: 3;
	padding: 0;
}


div.etc {
	font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
	clear: both;
	display: none;
}

a.etcC {
	font-size: 12px;
	color: #333333;

}

.sekoA {

	border:0;
	padding:10px;
	font-size:3.7em;
	font-family:Arial, sans-serif;
	color:#777;
	border:solid 1px #ccc;
	margin:20 2 0 10px;
	width:120px;

	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
}

.per {

	border:0;
	padding:3px;
	font-size:0.8em;
	color:#222;
	border:solid 1px #ccc;
	margin:5 5 5 5px;
	width:280px;
	height: 30px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
}
.perZip1 {

	border:0;
	padding:3px;
	font-size:0.8em;
	color:#222;
	border:solid 1px #ccc;
	margin:5 5 5 5px;
	width:40px;
	height: 30px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
}
.perZip2 {

	border:0;
	padding:3px;
	font-size:0.8em;
	color:#222;
	border:solid 1px #ccc;
	margin:5 5 5 5px;
	width:60px;
	height: 30px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
}
.perArea {

	border:0;
	padding:3px;
	font-size:0.8em;
	color:#222;
	border:solid 1px #ccc;
	margin:5 5 5 5px;
	width:280px;
	height: 60px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
}

input:focus {
    border:solid 1px #588BCC;
}


table.tosuKoho {

	border: 0;
	padding:8px;
	margin: 10px;
	font-size: 1.4em;

}

div.caution {
	font-family: 'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif;
	font-size: 1.0em;
	color: #666666;
	line-height: 140%;
 	width: 590px;
	margin-top: 15px;
 	margin-bottom: 30px;
 	padding: 8px 5px 5px 5px;
 	border: 1px dashed #bbb;
 	border-radius: 10px;
 	background-color: #fff;
	clear: both;
}

div.caution2 {
	font-family: 'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif;
	font-size: 1.0em;
	line-height: 140%;
	color: #666666;
 	width: 490px;
	margin-top: 70px;
 	margin-bottom: 40px;
 	padding: 8px 5px 5px 5px;
 	border: 1px dashed #bbb;
 	border-radius: 10px;
 	background-color: #fff;
	float: left;
}

div.sendInfo {
	font-weight: bold;
	font-family: 'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif;
	font-size: 1.2em;
	line-height: 140%;
	border:solid 1px #ccc;
	background-color: #588BCC;
	color: #fff;
	clear: both;
	margin-left: auto;
	margin-right: auto;
	margin-top: 15px;
	margin-bottom: 30px;
	width: 195px;
	display: none;

	text-decoration:none;
	padding:3px 0 3px;
	border-radius:5px;
	box-shadow:0px 0px #1a6ea0;
	text-shadow:0 -1px #1a6ea0;

}

input.sendInfo {
	font-weight: bold;
	font-size: 1.7em;
	border:solid 1px #ccc;
	color: #FFF;
	background-color: #588BCC;
	clear: both;
	margin-left: 150px;
	margin-right: auto;
	margin-top: 15px;
	margin-bottom: 30px;
	width: 140px;

	text-decoration:none;
	padding:3px 0 3px;
	border-radius:5px;
	box-shadow:0px 0px #1a6ea0;
	text-shadow:0 -1px #1a6ea0;

}

div.infoArea {
	margin-left: auto;
	margin-right: auto;
	width: 900px;
}

div.send {
	display: none;
	font-size: 0.7em;
	margin-left: auto;
	margin-right: auto;
	width: 450px;
}
div.top1 {
	width: 250px;
	height: 230px;
	float: left;

}
img.top1i {

	float: left;

}

table.perTbl {
    width:450px;
	border: 1px solid  #000;
	margin-left: auto;
	margin-right: auto;
    padding:5px;
}

div.subItem {
	float: left;
	font-weight: bold;
	font-size: 0.9em;
	margin-left: auto;
	margin-right: 30px;
	margin-top: -5px;
    padding:10px;
	height: 80px;
	align-items: center;

}

div.subVal {
	font-weight: bold;
	font-size: 1.7em;
	margin-left: auto;
	margin-right: auto;
    padding:10px;
}

div.subValR {
	font-weight: bold;
	font-size: 0.7em;
	margin-left: auto;
	margin-right: auto;
    padding:10px;
}
div.tlogo {

	padding: 10px;
	clear: both;
}
img.tLogo {
	width: 500px;
}
img.tImg {
	height: 170px;
}
div.sendedInfo {
	color: #d04570;
	display: none;
	clear: both;

}
table.resTable {
	color: #000000;
	font-size: 1.7em;
}
table.resTable th{
	text-align: right;
}
table.qlTable {
	font-size: 13px;
	margin: 0;
	padding: 0;
}
table.qlTable td{
	margin: 0;
	padding: 0;
	height: 25px;
}

img.h150 {
	height: 150px;
}
img.h220 {
	height: 220px;
}
img.w420 {
	width: 420px;
}
/* ウィンドウ幅が0〜479pxの場合に適用するCSS *****************************************************/
@media screen and ( max-width:420px )
{

.outline {

	width: auto;
	padding-left: 50px;
	padding-right: 10px;
    margin-left : auto;
	margin-right: auto;
	background-color: #FFFFFF;
}
img.tLogo {
	width: 330px;
}
img.tImg {
	height: 90px;
}
div.top1 {
	display: none;
}
h1 {
	font-size: 1.3em;
	clear: both;
}
div.caution2 {
	font-family: 'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif;
	font-size: 0.8em;
	line-height: 140%;
	color: #666666;
 	width: 320px;
	margin-top: 20px;
 	margin-bottom: 20px;
 	padding: 8px 5px 5px 5px;
 	border: 1px dashed #bbb;
 	border-radius: 10px;
 	background-color: #fff;
	float: left;
}
div.caution {
	font-family: 'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif;
	font-size: 0.8em;
	color: #666666;
	line-height: 140%;
 	width: 320px;
	margin-top: 15px;
 	margin-bottom: 30px;
 	padding: 8px 5px 5px 5px;
 	border: 1px dashed #bbb;
 	border-radius: 10px;
 	background-color: #fff;
	clear: both;
}
div.quest {
	width: 320px;
	height: 35px;
	display: flex;
	align-items: center;
	background-color: #ECECEC;
	background-image: -webkit-gradient(linear, 0 0, 0 100%, color-stop(.5, #F9F9F9), color-stop(.5, transparent), to(transparent));
	-webkit-background-size: 5px;
	font-family: 'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif;
	font-weight: bold;
	font-size: 0.9em;
}

div.sekoHow {
    float: left;
    margin-top: 10;
    margin-bottom: 10;
    margin-left: 2;
	font-size: 0.9em;
	padding: 0;
}


table.tosuKoho {

	border: 0;
	padding:8px;
	margin: 10px;
	font-size: 0.9em;

}

table.resTable {
	color: #000000;
	font-size: 1.1em;
}

div.subTotal {
    font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
    margin-top : 10;
    margin-bottom: 10;
    background-color: #FFFFFF;
    width: auto;
/*    border: 1px solid black;
*/
	height: 260px;
	padding: 0;
    clear: both;
	display: none;
	background-image: -webkit-gradient(linear, 0 0, 100% 100%,color-stop(.25, #F9F9F9), color-stop(.25, transparent),color-stop(.5, transparent), color-stop(.5, #F9F9F9),color-stop(.75, #F9F9F9), color-stop(.75, transparent),to(transparent));
	-webkit-background-size: 7px 7px;
}

div.subItem {
	font-weight: bold;
	font-size: 0.9em;
	margin-left: auto;
	margin-right: 30px;
	margin-top: 10px;
    padding:10px;
	height: 60px;
	align-items: center;

}

div.subTotal2 {
	color: #000000;
    font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
    margin-top : 20;
    margin-bottom: 10;
	margin-left: 30px;
    width: 250px;
	padding: 0;
	font-size: 1.7em;
}

div.infoArea {
	margin-left: auto;
	margin-right: auto;
	width: auto;
}

table.pertdl {
	font-size: 1.3em;
}

.per {

	border:0;
	padding:3px;
	font-size:0.8em;
	color:#222;
	border:solid 1px #ccc;
	margin:5 5 5 5px;
	width:200px;
	height: 25px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
}

.perZip1 {

	border:0;
	padding:3px;
	font-size:0.8em;
	color:#222;
	border:solid 1px #ccc;
	margin:5 5 5 5px;
	width:30px;
	height: 20px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
}
.perZip2 {

	border:0;
	padding:3px;
	font-size:0.8em;
	color:#222;
	border:solid 1px #ccc;
	margin:5 5 5 5px;
	width:45px;
	height: 20px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
}
.perArea {

	border:0;
	padding:3px;
	font-size:0.8em;
	color:#222;
	border:solid 1px #ccc;
	margin:5 5 5 5px;
	width:200px;
	height: 40px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
}

img.h150 {
	height: 100px;
}
img.h220 {
	height: 160px;
}
img.w420 {
	width: 320px;
}

div.sekoSrem {
    clear: both;
    margin-top: 10;
    margin-bottom: 5;
    margin-left: 2;

	padding: 0;
}
div.sekoSrem1 {
    margin-top: 10;
    margin-bottom: 5;
    margin-left: 2;
	width: auto;
	height: auto;
	clear: both;
	padding: 0;
}


}