@charset "UTF-8";


@media print {
	/***********   設問欄の設定   ***********/
	.input_form {
	    border-collapse: collapse !important;
	    width: 100%;
	    border-left: 1px solid #305496 !important;
		border-right: 1px solid #305496 !important;
		border-bottom: 1px solid #305496 !important;
		border-top:none !important;
	}

	.title{
	    border: 1px solid #305496 !important;
	    background-color: #305496 !important; 
	    vertical-align: middle !important;
	    font-size:150% !important;
	    color: #ffffff !important;
	    padding: 10px !important;
	    text-align :left !important;
	    word-break: break-all  !important;
		word-wrap: anywhere  !important;
		page-break-inside: avoid !important;
	}
	

	/*************    スキップ欄タイトル    ************/
	.gray{
		background-color: #808080 !important;
		border: 1px solid #696969 !important;
		color: #ffffff !important;
	}

	.input_form_gray {
	    border-collapse: collapse !important;
	    width: 100%;
	    border-left: 1px solid #305496 !important;
		border-right: 1px solid #305496 !important;
		border-bottom: 1px solid #305496 !important;
		border-top:none !important;
	}
	
	.input_form_gray_row{
		border: 1px solid #696969 !important;
		background-color: #808080 !important; 
		vertical-align: middle !important;
		font-size:150% !important;
		padding: 10px !important;
		text-align :left !important;
		line-height: normal !important;
		page-break-inside: avoid !important;
}


	/*************    各質問の番号    ************/
	.numberringQuestionStyle{
		background-color: white !important;
	    color: #305496 !important;
	    padding: 0px 7px 0px 7px !important;
	    margin-right: 15px !important;
	}


	/*************    設問タイトル    ************/
	.kind{
		background-color: #d9e1f2 !important;
		border-top: 1px solid #305496 !important;
		border-bottom: 1px solid #305496 !important;
		padding: 10px 10px 10px 20px !important;
		font-size: 100% !important;
	}

	.kind2{
		background-color: #d9e1f2 !important;
		border: 1px solid #305496 !important;
		padding: 10px !important;
		text-align: center !important;
		font-size: 100% !important;
	}

	.kind3{
		background-color: #d9e1f2 !important;
		border: 1px solid #305496 !important;
		padding: 10px 10px 10px 20px !important;
		text-align: left !important;
		font-size: 100% !important;
	}

	.kind4{
		background-color: #d9e1f2 !important;
		padding: 10px;
		text-align: left;
		border-right: 1px solid #305496;
		font-size: 100%;
	}


	/*************    回答欄    ************/
	.inputSpace{
		background-color: #ffffff !important;
		border-top: 1px solid #305496 !important;
		border-bottom: 1px solid #305496 !important;
		padding: 3px 0px !important;
	}

	.inputSpace3{
		background-color: #ffffff !important;
		border: 1px solid #305496 !important;
		text-align: left !important;
		padding: 3px 0px !important;
		word-break: break-all !important;
		word-wrap: anywhere  !important;
	}


	div#content{
		position: relative;

	}


	/**ヘッダの調査票名*/
	.surveyName{
		color:#000000;
		font-size:100%;
	}


	/**調査票名、最終更新日時欄*/
	.head_nameTime{
		font-size:90% !important;
	}

	.head_Title{
		font-size:75%  !important;
		white-space: normal;
	}


	/*************    回答欄    ************/
	div#whole {
		height: 100%;
		margin: 0 auto;
	}

	.dispWidth{
	  width: 100%;
	  height: 100%;
	}


	#ScrollArea_Divide {
		display:block;
		outline-width:0px;
		text-align:left;
	}


	.EnterArea {
		margin-left: 30px;
		margin-right: 30px;
		margin-bottom: 30px;
	}


	/*************    設問欄のボーダー    ************/
	.borderT{
		border-top: 1px solid #305496;
	}

	.borderB{
		border-bottom: 1px solid #305496;
	}

	.borderL{
		border-left: 1px solid #305496;
	}

	.borderR{
		border-right: 1px solid #305496;
	}

	.borderTnone{
		border-top: none;
	}

	.borderBnone{
		border-bottom:none !important;
	}

	.borderLnone{
		border-left: none !important;
	}

	.borderRnone{
		border-right: none !important;
	}

	/*************    桁よせ    ************/
	.alignL{
		text-align:left !important;
		text-align: -webkit-left !important;
		text-align: -moz-left !important;
	}
	.alignR{
		text-align:right !important;
		text-align: -webkit-right !important;
		text-align: -moz-right !important;
	}
	.alignC{
		text-align:center !important;
		text-align: -webkit-center !important;
		text-align: -moz-center !important;
	}


	/*************    パディング    ************/
	.pad10{
		padding:10px !important;
	}

	.padT10{
		padding-top: 10px !important;
	}


	.padLR10{
	    padding: 0px 10px !important;
	}

	.padLR20{
	    padding: 0px 20px !important;
	}

	.padL20{
		padding-left: 20px !important;
	}

	.padL35{
		padding-left: 35px !important;
	}

	.padL150{
		padding-left: 150px !important;
	}


	/********    同一要素内で左寄せ、右寄せを分けるスタイル    ********/
	.left {
	   text-align: left !important;
	   float: left !important;
	   margin: 0px !important;
	}
	.right {
	   text-align: right !important;
	   line-height: 0px !important;
	}

	.left2 {
	   text-align: left !important;
	   float: left !important;
	}


	/********    背景色    ********/

	.backCol_Gray {
	    background-color: #cccccc !important;
	}



	/*************    警告メッセージフィールド（黄色背景の箇所）    ************/
	.bunki1{
		background-color: #f8e58c;
		padding:10px 15px;
		border-left: 1px solid #305496;
		border-right: 1px solid #305496;
	}

	.bunki2{
		background-color: #f8e58c;
		padding:10px 15px;
		text-align:center;
		border-top: 1px solid #696969;
		border-bottom: 1px solid #696969;
		font-size: 110%;
	}


	@media screen and (max-width: 767px){
		.spCtrl_hti {top: 20px;}
		.spCtrl_onc {top: 40px;}
	} 

	@media screen and (min-width: 768px){
		.spCtrl_hti {top: 50px;}
		.spCtrl_onc {top: 30px;}
		
	}


	/**表示領域変更 START*/
	@media screen and (max-width: 767px){
		.progressBar_all {display:none}
		.progressBar_pageMoveOnly {display: flex;}
	} 

	@media screen and (min-width: 768px){
		.progressBar_all {
			display:block;
			line-height: 2.5em;
			border-top: 1px solid #696969;
			text-align: center;
		}
		.progressBar_pageMoveOnly {display:none}
		
	}


	/*************    各種ボタン    ************/

	/**修正するボタン*/
	.confirm{
		display : none !important;
		padding:2px 20px !important;
		border-radius: 5px !important;
		font-size: 70% !important;
		font-weight:bold;
		background: -moz-linear-gradient(top, #FFF, #d8d8d8) !important;
		background: -webkit-linear-gradient(top, #FFF, #d8d8d8) !important;
		background: linear-gradient(to bottom, #FFF, #d8d8d8) !important;
		box-shadow: 2px 2px 2px 2px rgba(59,59,59,0.5)  !important;
		color: #305496 !important;
		line-height: 1.8em !important;
		border: 1px solid #305496 !important;
		border-bottom: 2px solid #305496 !important;
		text-decoration: none !important;
		white-space: nowrap !important;
	}

	.confirm:hover {
		background: #00bfff;
		color: #ffffff !important;
	}

	#header,
	.tokei-head,
    .navbar,
    .headerBtn,
    .progressBar_all
    {
        display: none !important;
    }
    
    #whole{
    	margin-top:0px !important;
    }
    
    .bunki2{
    	display: none !important;
    }
    
    .printTitle{
    	display:block !important;
    }
}

.initDisp{
	display:none !important;
}


/**半角スペース用*/
.space_L10{
	margin-left:10px !important;

}
.space_L20{
	margin-left:20px !important;

}

.space_R10{
	margin-right:10px !important;

}

.space_R20{
	margin-right:20px !important;

}

.space_T10{
	margin-top:10px !important;

}

.space_T25{
	margin-top:25px !important;

}




.wid_3_rate{width:3% !important;}
.wid_4_rate{width:4% !important;}
.wid_5_rate{width:5% !important;}
.wid_8_rate{width:8% !important;}
.wid_10_rate{width:10% !important;}
.wid_11_rate{width:11% !important;}
.wid_13_rate{width:13% !important;}
.wid_14_rate{width:14% !important;}
.wid_15_rate{width:15% !important;}
.wid_16_rate{width:16% !important;}
.wid_17_rate{width:17% !important;}
.wid_19_rate{width:19% !important;}
.wid_20_rate{width:20% !important;}
.wid_22_rate{width:22% !important;}
.wid_23_rate{width:23% !important;}
.wid_25_rate{width:25% !important;}
.wid_27_rate{width:27% !important;}
.wid_30_rate{width:30% !important;}
.wid_33_rate{width:33% !important;}
.wid_34_rate{width:34% !important;}
.wid_35_rate{width:35% !important;}
.wid_36_rate{width:36% !important;}
.wid_40_rate{width:40% !important;}
.wid_43_rate{width:43% !important;}
.wid_48_rate{width:48% !important;}
.wid_50_rate{width:50% !important;}
.wid_55_rate{width:55% !important;}
.wid_60_rate{width:60% !important;}
.wid_65_rate{width:65% !important;}
.wid_67_rate{width:67% !important;}
.wid_68_rate{width:68% !important;}
.wid_70_rate{width:70% !important;}
.wid_95_rate{width:95% !important;}
.wid_100_rate{width:100% !important;}


.printDispHide{
	display:none !important;
}

.red{
	color:#ee0606 !important;
}


#modalpopup{
	display:none !important;
}
#modalpopup_OKCancel{
	display:none !important;

}
#modalpopup_OK{
	display:none !important;

}