/*			
qdc.css
*/


	.inline_button{
/*
		width:640px;
		height:420px;
		background-color: #ffffcc;
*/
		border-radius :10px;
		border-color :#ff0000;
		border-style:solid;
		border-width:2px;
		padding:0px 8px 0px 8px;
		background-color:	#FFE2E2;
		opacity:1.0;
	}


	.zip_drop_container{
		position: relative;

		margin:		10px;
		background-color:	#FFE2E2;
		padding: 			10px 10px 10px 10px;
		width:	80%;
		height:	220px;
	    margin-left: auto;
    	margin-right: auto;
	}

	#maincontainer {
//		width: 				1300px;
		width: 				100%;
		margin-right:		auto;
		margin-left:		auto;

		margin-bottom:		auto;
		margin-top:			auto;
		background-color:	#f8f8f8;
		text-align:			center;
		vertical-align:		middle;
		position:			absolute;
//		position:			relative;
//		position:			fixed;
		top:				130px;
	    bottom:				30px;
	}

	.llmenu {
		width:				300px;
		height:				100%;
		float:				left;
		padding:			20px 10px 10px 10px;
		background-color:	#fffbe5;
		text-align:			center;
		vertical-align:		middle;
		border-radius:		10px;
		position:			relative;
	}

	.ooparea {
		height: 			100%;
		float:				left;
		width: 				100px;
		background-color: 	#f8f8f8;
		padding: 			10px 10px 10px 10px;
		position:			relative;
	}


	.rrmenu {
		width:				250px;
		height:				100%;
		float:				right;
		padding:			10px 10px 10px 10px;
		background-color:	#f8f8f8;
		text-align:			center;
		vertical-align:		middle;
		position:			relative;
	}

	.lmenu_memo_under{
		margin:auto;
		width:256px;
		bottom:112px;
		background-color:#ffff50;
		border-radius :10px;
		border-color :#ff0000;
		border-style:solid;
		border-width:4px;
		position:absolute;
		font-size:small;
	    color: #ff0000;
		text-align:left;
		padding:8px;
		display:none;	//	最初は非表示
	}

	.backpink2{
		background-color:#ffffff;
		font-size:medium;
	}
	.backpinkbtn{
		text-align:center;
		color:#ffffff;
		border-radius :8px;
/*		border-color :#ff7500;*/
		border-style:solid;
/*		border-width:2px;*/
		background-color:#ff7500;
		cursor: pointer;
	}
	.backpinkbtn:hover {
		opacity:0.5;
	}


	.col_100{	width:100px;	}
	.col_120{	width:120px;	}
	.col_150{	width:150px;	}



	.td_right{
		text-align:right;
//		font-size:small;
	}
	
	.pac_property{
//	    height: 480px;
	    height: 520px;
	    overflow-y: auto;
	}
	.tr_even{
		background-color:#f0f0f0;
	}
	.tr_odds{
		background-color:#ffffff;
	}
	.tr_check{
		background-color:#ffe0f0;
	}

	#sect2 {
		background-color: #404040;
//		background-color: rgba(200,200,255,0.2);

		position:absolute;
		top:0px;
		left:0px;
		width:100%;
		height:100%;
		z-index:40000;
		opacity:0.9;
		display:block;
	}

	.wait-gear{
	    display: block;
	    top: 329px;
	    margin: 0 auto;
	    position: relative;
	}



	#sect2a {
		background-color: #808080;
		display:block;
		position:absolute;
		top:0px;
		left:0px;
		width:100%;
		height:100%;
		z-index:30000;
		opacity:0.9;
		display:block;
	}
	#sect2b {
		background-color: #C9C9C9;
		display:block;
		position:absolute;
		top:0px;
		left:0px;
		width:100%;
		height:100%;
		z-index:30001;
		opacity:1.0;
		display:block;
	}

	#sect2c {
		background-color: #C9C9C9;
		display:block;
		position:absolute;
		top:0px;
		left:0px;
		width:100%;
		height:100%;
		z-index:30001;
		opacity:1.0;
		display:block;
	}
	#sect2d {
		background-color: #C9C9C9;
		display:block;
		position:absolute;
		top:0px;
		left:0px;
		width:100%;
		height:100%;
		z-index:30001;
		opacity:1.0;
		display:block;
	}
	#sect2e {
		background-color: #C9C9C9;
		display:block;
		position:absolute;
		top:0px;
		left:0px;
		width:100%;
		height:100%;
		z-index:30001;
		opacity:1.0;
		display:block;
	}


	/*	==================================================	*/
	.gray_3 {
		background-color: #808080;
		display:block;
		position:fixed;
		top:0px;
		left:0px;
		width:100%;
		height:100%;
		z-index:12;
		opacity:0.8;
		display:block;
	}
	.dialog_3{
		width:640px;
		height:420px;
		background-color: #ffffcc;
		border-radius :10px;
		border-color :#ffffcc;
		border-style:solid;
		border-width:1px;
		margin:auto;
		position:relative;
		display:block;
		top:100px;
		opacity:1.0;
		z-index:13;
	}



	.icon_delete_dialog_3{
		right:0px;
		top:0px;
		position:absolute;
	}
	.icon_delete_dialog_3:hover {
		opacity:0.8;
	}
	/*	==================================================	*/
	.tdc{
		text-align:center;
	    font-size: large;
	    font-weight: bold;
	}
	.tdr{
		text-align:right;
	    font-weight: bold;
	    font-size: large;
	}
	.tdl{
		text-align:left;
		padding-left:20px;
	    font-size: large;
	}

	.td25{
		width:25%;
	}

	.tdl select{
	    font-size: large;
	}
	.tdl select option{
	    font-size: large;
	}

	.tdl input{
	    font-size: large;
	}
	.tdl p{
	    margin: 0;
	    font-size: large;
	}

	.red_btn{
	    background: #ff0000;
	    display: block;
	    padding: 12px;
	    color: #FFF;
	    width: 140px;
		text-align:center;

	    font-size: large;
	    font-weight: bold;

		border-color :#ff0000;
		border-style:solid;
		border-width:2px;
	    border-radius: 20px;
	    -webkit-border-radius: 20px;
	}
	.red_btn_s{
	    background: #ff0000;
	    display: block;
	    padding: 4px;
	    color: #FFF;
	    width: 108px;
		text-align:center;

	    font-size: medium;
	    font-weight: bold;

		border-color :#ff0000;
		border-style:solid;
		border-width:2px;
	    border-radius: 12px;
	    -webkit-border-radius: 12px;
	}

	.ppl_btn{
	    background: #C000C0;
	    display: block;
	    padding: 12px;
	    color: #FFF;
	    width: 140px;
		text-align:center;

	    font-size: large;
	    font-weight: bold;

		border-color :#C000C0;
		border-style:solid;
		border-width:2px;

	    border-radius: 20px;
	    -webkit-border-radius: 20px;
	}

	.red_white_btn{
	    background: #ffffff;
	    display: block;
	    padding: 12px;
	    color: #F00;
	    width: 140px;
		text-align:center;

	    font-size: large;
	    font-weight: bold;

		border-color :#ff0000;
		border-style:solid;
		border-width:2px;

	    border-radius: 20px;
	    -webkit-border-radius: 20px;
	}
	.red_white_btn_s{
	    background: #ffffff;
	    display: block;
	    padding: 4px;
	    color: #F00;
	    width: 108px;
		text-align:center;

	    font-size: medium;
	    font-weight: bold;

		border-color :#ff0000;
		border-style:solid;
		border-width:2px;

	    border-radius: 12px;
	    -webkit-border-radius: 12px;
	}
	.blue_white_btn_s{
	    background: #ffffff;
	    display: block;
	    padding: 4px;
	    color: #00F;
	    width: 108px;
		text-align:center;

	    font-size: medium;
	    font-weight: bold;

		border-color :#0000ff;
		border-style:solid;
		border-width:2px;

	    border-radius: 12px;
	    -webkit-border-radius: 12px;
	}


	.red_orange_btn{
	    background: #ffbdbd;
	    display: block;
	    padding: 12px;
	    color: #F00;
	    width: 140px;
		text-align:center;

	    font-size: large;
	    font-weight: bold;

		border-color :#ff0000;
		border-style:solid;
		border-width:2px;

	    border-radius: 20px;
	    -webkit-border-radius: 20px;
	}








	.black_btn{
	    background: #000000;
	    display: block;
	    padding: 12px;
	    color: #FFF;
	    width: 140px;
		text-align:center;

	    font-size: large;
	    font-weight: bold;

		border-color :#000000;
		border-style:solid;
		border-width:2px;

	    border-radius: 12px;
	    -webkit-border-radius: 12px;
	}
	.black_gray_btn{
	    background: #505050;
	    display: block;
	    padding: 12px;
	    color: #202020;
	    width: 140px;
		text-align:center;

	    font-size: large;
	    font-weight: bold;

		border-color :#202020;
		border-style:solid;
		border-width:2px;

	    border-radius: 20px;
	    -webkit-border-radius: 20px;
	}


	/*	UPLOAD後のPDF選択用	*/
	.gray_pageselect {
		background-color: #808080;
		display:block;
		position:fixed;
		top:0px;
		left:0px;
		width:100%;
		height:100%;
		z-index:12;
		opacity:0.8;
		display:block;
	}
	.dialog_pageselect{
		width:900px;
		height:550px;
		background-color: #ffffcc;
		-webkit-border-radius:12px;
		border-radius :12px;
		border-color :#ffffcc;
		border-style:solid;
		border-width:1px;
		margin:auto;
		position:relative;
		display:block;
		top:0px;
		opacity:1.0;
		z-index:13;
	}

	.dialog_pageselect_close:hover {
		cursor: pointer;
		opacity:0.8;
	}
	.icon_delete_dialog_pageselect{
		right:0px;
		top:0px;
		position:absolute;
	}
	.icon_delete_dialog_pageselect:hover {
		opacity:0.8;
	}

	.ori_subcode_div {
		background-color:#ffffff;
	}
	.ori_subcode_div:hover {
		background-color:#ff8080;
	}

	.ori_subcode_div[sel='1']{
		background-color:#8080ff;
	}





	.Ahead{
		margin-left:auto;
		margin-right:auto;
		height:80px;
		background-color: #ffffff;
		position:relative;
		top:-12px;
	}
	.Ahead p{
		text-align:left;
	}
	.Ahead_2{
		margin-left:auto;
		margin-right:auto;
		height:80px;
		background-color: #ffffff;
		position:relative;
		top:-12px;
	}
	.Ahead_2 p{
		text-align:left;
	}


	.Amain{
		margin-left:auto;
		margin-right:auto;
		top:0px;
		height:250px;
		background-color: #ffffff;
		position:relative;
	    overflow-y: auto;
	}

	.AmainTR td{
		width:25%;
		background-color: #e0e0e0;
		text-align:center;
	}




	.Afoot{
		margin-left:auto;
		margin-right:auto;
		top:10px;
		height:150px;
		background-color: #DCD8CE;
		position:relative;
	    border-radius: 20px;
	    -webkit-border-radius: 20px;
		text-align:left;
		padding-left:10px;
		padding-top:10px;
	}

	.aftersvg{
	    position: absolute;
	    top: 200px;
	    left: 100px;
	}




.tooltiper{
    position: relative;
    cursor: pointer;
    display:  inline-block;









}
.tooltiper img{
    width: 100%;
}
.descripter {
    display: none;
    position: absolute;
    padding: 10px;
    font-size: 12px;
    line-height: 1.6em;
    color: #fff;
    border-radius: 5px;
    background: #000;
    width: 120px;
    margin-left: 25px;
}
.descripter:before {
    content: "";
    position: absolute;
    top: 100%;
    left: 50%;
    border: 15px solid transparent;
    border-top: 15px solid #000;
    margin-left: -15px;
}


.tooltiper:hover .descripter{
    display: inline-block;
    top: -75px;
    left: -75px;
}

.fsmall{
	font-size:small;
}


.acd05{
	transition: .5s;
}
.acd10{
	transition: 1s;
}



/*
qdc.css

*/

/*
@media screen and (min-width:  700px) and (max-width: 800px) {.ooparea {width:100px;}}
@media screen and (min-width:  800px) and (max-width: 900px) {.ooparea {width:200px;}}
@media screen and (min-width:  900px) and (max-width:1000px) {.ooparea {width:300px;}}
@media screen and (min-width: 1000px) and (max-width:1100px) {.ooparea {width:400px;}}
@media screen and (min-width: 1100px) and (max-width:1200px) {.ooparea {width:500px;}}
@media screen and (min-width: 1200px) and (max-width:1300px) {.ooparea {width:600px;}}
@media screen and (min-width: 1300px) and (max-width:1400px) {.ooparea {width:700px;}}
@media screen and (min-width: 1400px) and (max-width:1500px) {.ooparea {width:800px;}}
@media screen and (min-width: 1500px) and (max-width:1600px) {.ooparea {width:900px;}}
@media screen and (min-width: 1600px) and (max-width:1700px) {.ooparea {width:1000px;}}
*/