/*DoPlanning FORM用 Copyright (C) Do Planning Co.,Ltd. All Rights Reserved.*/
ul.tab{z-index:1; overflow:hidden; width:100%; margin:30px 0 -1px}
ul.tab li{float:left; width:350px; margin:0 30px 0 0}
ul.tab li a{font-size:120%; display:block; padding:15px; border:solid 1px #36406f}
ul.tab li a:link, ul.tab li a:visited{text-decoration:none; color:#36406f}
ul.tab li a:hover{text-decoration:underline}
ul.tab li a.active{border-bottom:solid 1px #fff}
#tabBoxes{border-top:solid 1px #36406f}
#tab2{display:none}
form{margin:30px 0 0}
form p{margin:0 0 30px; text-align:left}
.formtx{font-family:Arial,sans-serif; font-size:16px; line-height:1.6em; margin:0 10px 10px; padding:5px; text-align:left; border:0; border:solid 1px #ccc; -webkit-border-radius:3px; -moz-border-radius:3px; border-radius:3px; -webkit-box-shadow:inset 0 0 4px rgba(0,0,0,.2); -moz-box-shadow:inset 0 0 4px rgba(0,0,0,.2); box-shadow:inner 0 0 4px rgba(0,0,0,.2)}
.formtx:focus{border:solid 1px #ff727f}
table{width:950px}
th, td{padding:15px; text-align:left; vertical-align:middle; border-bottom:solid 1px #ccc}
td img{vertical-align:top}
td label{padding:10px; cursor:pointer; display:inline-block}
td label input{margin:0 10px 0 0}
td p{padding:10px; margin:0}
th{font-weight:700; position:relative; width:270px; color:#353f6e; background:#ebecf0}
th span{font-weight:200; position:absolute; top:20px; right:10px; display:inline-block; padding:5px 10px; color:#fff; background:#353f6e}
th span.option{color:#353f6e; border:solid 1px #353f6e; background:#fff}
.sizeS{width:150px}
.zipImg{cursor:pointer}
.zipImg:hover{opacity:.5}
td select{display:block; margin:0 10px 10px; padding:5px}
.btn{padding:40px; text-align:center; overflow:hidden; position:relative}
.conf.top{padding:20px 40px}
.modify{position:absolute; right:0; padding:15px 40px; font-size:1.2em; top:20%}
.btn span{display:block; margin:0 0 20px}
span.err{display:block; margin:0 0 0 10px; color:#ee3644}
.fin p{margin:30px 0; text-align:left}
@media screen and (max-width: 47.5em){
	#tabBoxes{border: none;}
	ul.tab li {
    float: none;
    width: 90%;
    margin: 0 auto 5px;}
    ul.tab li a.active {border: solid 3px #36406f;}
	table {width: auto;margin: 20px auto 0}
	th, td{padding:15px 10px }
	th {width:30%}
	th span {position: relative;top: auto;right: auto;font-size: 90%;padding:5px;margin-left: 10px }
	.formtx {width: 100%;margin-left: 0}
	.btn input {width: 100%}
	.modify {position: relative;right: auto;top: auto}
	td select {margin:10px }
}