@import url("font.css");

#content #mainContent {
	width: 100%;
	//width: 980px;
	//width: 1430px;
	//max-width: 1024px;
	position: absolute;
	height: 100%;
	//height: 630px;
	//height: 686px;
	//height: 820px;
	//height: 900px;
	padding: 0px 0px 0px 0px;
	overflow: visible;
}

body.work-contents-baseC {
	width: 100%;
	//max-width: 980px;
	max-width: 1430px;
	height: 100%;
	margin: 0;
	padding: 0;
	overflow:hidden;
	//font-size: 1em;
	background-color: transparent;
}

body.work-contents{
	width: 100%;
	//max-width: 980px;
	max-width: 1430px;
	height: 100%;
	margin: 0;
	padding: 0;
	overflow:auto;
	//font-size: 1em;
	background-color: transparent;
}

html > body.work-contents-test{
}

.contentFrame div.leftContent {
	position: absolute;
	z-index: 1;
	width: 400px;
	height: 100%;
	padding: 0px 0px 5px 0px;
//	border: 2px solid #CCC;
//	border: 2px solid #333;
//	border-radius: 6px;
//	margin-left: -5px;
}

.contentFrame div.leftContentUp {
	position: absolute;
	z-index: 1;
	width: 400px;
	height: 15%;
	padding: 0px 0px 5px 0px;
//	border: 2px solid #CCC;
//	border: 2px solid #333;
//	border-radius: 6px;
//	margin-left: -5px;
}

.contentFrame div.leftContentDown {
	position: absolute;
	z-index: 1;
	width: 400px;
	height: 85%;
	padding: 0px 0px 5px 0px;
//	border: 2px solid #CCC;
//	border: 2px solid #333;
//	border-radius: 6px;
	margin-top: 8.1%;
}

.contentFrame div.mainContent {
	position: absolute;
	width: 100%;
	height: 100%;
	padding: 0px 0px 0px 405px;
//	margin-left: -5px;
	margin-right: 5px;
//	border: 2px solid #CCC;
//	border: 2px solid #333;
	overflow: hidden;
}

.headerContent {
	position: relative;
	width: 100%;
	/* height: 10%; */
	height: 100px;
	padding: 0px 0px 0px 0px;
	margin: -10px 0px 3px 0px;
}

.bodyParts {
//	width: 330px;
//	height: 130px;
	width: 94%;
	height: 97%;
//	margin-left: 10px;
	margin-left: 3%;
	margin-right: 3%;
	margin-bottom: 3%;
}

.ifmParts {
	width: 350px;
	height: 155px;
//	margin-top: 20px;
//	border: 2px solid #CCC;
	border: 1px solid #333;
//	padding:0px 5px 0px 5px;
	margin-left: 5%;
}

.ifmPartsNonTitle  {
	margin-top: 20px;
}

.ifmPartsTitle {
	font-size: 1.3em;
	margin-top: 0.5em;
	margin-left: 7%;
	text-align: left;
}

.ifmPartsTitleSelect {
	font-size: 1.4em;
	margin-top: 0.5em;
	margin-left: 20%;
	text-align: left;
}

.ifmPartsTitleMain {
	display: inline-block;
	width: 75%;
}

.ifmPartsTitleSub {
	display: inline-block;
	width: 25%;
	font-size: 75%;
	text-align: right;
	margin-top: 0em;
	margin-bottom: 0em;
	padding-right: 0.5em;
}

.titleHeader  {
	margin-top: 1em;
	margin-bottom: 1em;
	text-align:center;
}

.NaviSentence.titleHeaderMaintenance  {
	margin-top: 0.3em;
	margin-bottom: 0em;
	padding:0em 0em 0em 0em;
}

div.PartsStyle {
	width: 100%;
	font-size: 1.5em;
	padding:0.2em 0em 0.3em 0em;
}

div.PartsTitle {
	width: 100%;
	margin-top:1.0em;
	margin-bottom:1.0em;
}

div.PartsHeader {
	width: 100%;
	padding:0em 1.0em 1.0em 1.0em;
}

div.PartsSentence input{
	font-size: 1.5em;
	padding:0.2em 0 0.5em 0.2em;
}

div.PartsSentence button{
	font-size: 1.1em;
	text-align: center;
	padding:0.2em 0.5em 0.5em 0.5em;
}

div.Comment{
	padding:0.2em 0 0.2em 0;
}

div.HalfBlock {
	width: 50%;
}

div.MainStyle {
	width: 100%;
	font-size: 2em;
	//position: absolute;
	//left: 1.8em;
	padding:0.2em 2.5em 0.3em 2.5em;
/* テスト用背景色 */
//background-color: #00FFFF;
}

div.MainStyleMnt {
	width: 100%;
	font-size: 1.4em;
	padding:0.2em 2.5em 0.3em 2.5em;
}

div.NaviSentence {
	width: 100%;
	font-size: 1.2em;
	text-align: center;
	padding:0.2em 0 0.5em 0;
/* テスト用背景色 */
//background-color: #FF00FF;
}

div.Sentence {
	width: 100%;
	text-align: center;
	padding:0.2em 0 0.5em 0;
}

div.FooterStyle {
	width: 100%;
	font-size: 1.5em;
	padding: 0em 4em 0.5em 4em;
	clear : both;
/* テスト用背景色 */
//background-color: #FFFF00;
}

div.FooterStyle button{
	width: 6em;
}

div.FooterStyle button.buttonLong{
	width: 8em;
}

div.FooterStyle button.buttonLong12{
	width: 12em;
}

div.SignStyle {
	left: 0;
	right: 0;
}

div.SignFooter {
	padding-top: 450px;
}

div.SignFooter2 {
	padding-top: 400px;
}

div.SignFooter2 .ButtonClear {
	padding-left: 52px;
	padding-bottom: 20px;
}

div.PartsButtonStyle {
	width: 100%;
//	padding: 1em 0em 0.5em 0em;
//	clear : both;
}

div.PartsButtonStyle button{
	margin-top: 0.5em;
	font-size: 1.5em;
	width: 8em;
}

div.AreaView{
	height: 600px;
	width: 950px;
	white-space:nowrap;
	overflow: scroll;
	margin:10px;
	position: relative;
}

div.AreaView.AreaViewNonTopMargin{
	margin-top: 0px;
}

div.AreaView.AreaViewNonBottomMargin{
	margin-bottom: 0px;
}

div.AreaViewScale{
	width: 950px;
	margin:3px 0px 4px 10px;
}

.AreaPdfFrame{
	border:1px solid;
}

.AreaCanvas{
	position: absolute;
	top: 0;
}

.tableBorderNone tr td{
  border-style: none;
}

.buttonParallel{
	margin-left: 0.2em;
}

.buttonSmall{
	padding: 0.2em 1.0em 0.2em 1.0em;
}

.buttonMoreSmall{
	padding: 0.2em 0.5em 0.2em 0.5em;
}

.iframeSelectBgcolor{
  background-color: #ffe6fa;
  background: #ffe6fa;
  color: #000000;
}

.FontSmall {
	font-size: 0.85em;
}

.FontMoreSmall {
	font-size: 0.70em;
}

.ana,.ana2 {
	height: 5px;
	width: 1150px;
}

.inputView {
	padding-top: 1em;
	padding-left: 0.8em;
}

div.view div.input,div.view div.input2 {
	height: 400px;
	width: 1150px;
}

div.widthPer_060 {
	width: 60%;
}

div.widthPer_050 {
	width: 50%;
}

div.widthPer_040 {
	width: 40%;
}

/* 証明追加フッター用 */
div.ShomeiFooterStyle {
	position: absolute;
	top:420px;
	text-align: center;
	z-index: 1;
}

/* ヘッダー用 */
div.HeaderStyle {
	width: 100%;
	height: 100%;
	font-size: 1.7em;
	padding: 0 0.4em 0 0.4em;
}

div.HeaderStyle .Tanmatuid, div.HeaderStyle .Sinseiid, div.HeaderStyle .Shokuincd, div.HeaderStyle .ShokuinName {
	font-size: 0.7em;
	margin-right: 0.5em;
}

div.HeaderStyle .guestKana {
	font-size: 0.4em;
}

div.FlipHeaderStyle {
	width: 100%;
	font-size: 1.0em;
	padding: 0.3em 0.5em 0 0.9em;
/* テスト用背景色 */
//background-color: #AAFFAA;
	overflow-x: auto;
	white-space: nowrap;
}

div.FlipHeaderStyle td {
	//font-size: 0.9em;
}

div.FlipHeaderStyle button {
	font-size: 0.8em;
	width:7em;
}

div.FlipHeaderStyle .FlipPointer {
	font-size:0.8em;
	color:#AAAAAA;
	//padding-top:0.4em;
}

div.FlipHeaderStyle .activepage, div.FlipHeaderStyle .flipend {
	font-size:1.2em;
	font-weight: bold;
	color:#222222;
}

/* 帳票選択画面用 */
#ReportSelect {

	background-color: #004586;
}

#ReportSelect div.MainStyle, #ReportSelect div.FooterStyle {
/* テスト用背景色 */
//background-color: blue;
}

#ReportSelectHeader {
	width: 100%;
	margin-top:1.0em;
	margin-bottom:1.0em;
	color:#FFFFFF;
}

#ReportSelectHeader td {
	height: 1em;
}

#ReportSelectHeader .tdMessage {
	text-align: left;
	background-image:url('../../image/ybtitle.png');
	background-size:cover;
	background-position: center center;
	background-repeat:no-repeat;
}

#ReportSelectHeader .tdDate {
	padding-top:0.2em;
	padding-bottom:1.0em;
	font-size: 0.6em;
	text-align: right;
}

#ReportSelectHeader .tdTanmatu, #ReportSelectHeader .tdUser {
	text-align: right;
}

#ReportSelectHeader .tdLanguage {
	text-align: right;
}

#ReportSelectHeader .tdUserImg {
	//padding-top:0.5em;
	background-size:contain;
	background-position: center center;
	background-repeat:no-repeat;
}

div.ReportList {
	text-align: center;
}

.ReportList .divOutFrame {
	border: 0.12em solid #004586;
}

.ReportList .divButton1 {
	height: 9.3em;
	padding:7.8em 0em 0em 0.5em;
	text-align: left;
	background-size:80%;
	background-position: center center;
	background-repeat:no-repeat;
	border: 0.1em solid #004586;
}

.ReportList .divButton2 {
	height: 4.5em;
	padding: 3.0em 0em 0em 0.5em;
	text-align: left;
	background-size:50%;
	background-position: right center;
	background-repeat:no-repeat;
	border: 0.1em solid #004586;
}

.ReportList .divSelect {
	border:  0.12em solid #FFFFFF;
}

.ReportList .divMessage {
	font-size:1.0em;
	text-align: center;
	color:#FFFFFF;
}


.buttonSelect{
	border: 1px solid;
	border-color: #AAA #BBB #CCC;
	-moz-box-shadow: inset 0 0.05em 0.1em rgba(0,0,0,0.25),0 1px 0 #fff;
	-ms-box-shadow: inset 0 0.05em 0.1em rgba(0,0,0,0.25),0 1px 0 #fff;
	-webkit-box-shadow: inset 0 0.05em 0.1em rgba(0, 0, 0, 0.25),0 1px 0 white;
	box-shadow: inset 0 0.05em 0.1em rgba(0, 0, 0, 0.25),0 1px 0 white;filter: progid:DXImageTransform.Microsoft.Gradient(GradientType=0,StartColorStr=#ffCCC,EndColorStr=#ffe6e6e6);
	background-image: -moz-linear-gradient(top,#DDD 0,#EEE 100%);
	background-image: -ms-linear-gradient(top,#DDD 0,#EEE 100%);
	background-image: -o-linear-gradient(top,#DDD 0,#EEE 100%);
	background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0,#DDD),color-stop(100%,#EEE));
	background-image: -webkit-linear-gradient(top,#DDD 0,#EEE 100%);
	background-image: linear-gradient(to bottom,#DDD 0,#EEE 100%);
}

input[type="radio"] {
	-webkit-transform-origin: left bottom;
	//-webkit-transform: scale(5);
	transform-origin: left bottom;
	//transform: scale(5);
	margin-left: 0.3em;
	margin-right: 0.1em;
	width: 1em;
	height: 1em;
}

input[type="checkbox"] {
	-webkit-transform-origin: left bottom;
	//-webkit-transform: scale(1.4);
	transform-origin: left bottom;
	//transform: scale(1.4);
	margin-left: 0.3em;
	margin-right: 0.1em;
	width: 1em;
	height: 1em;
}

#shomeiImage{
	width: 9.5em;
	height: 3.2em;
	//margin-top: 0.5em;
    background-color: #FFFFFF;
	border:1px solid #808080;
	border-top-left-radius: 6px;
	border-top-right-radius: 6px;
	border-bottom-left-radius: 6px;
	border-bottom-right-radius: 6px;
	position: absolute;
	right: 12em;
}

#shomeiImage img{
	width: 100%;
	height: 100%;
}

.dialogStyle {
	font-size: 1.4em;
	padding: 0em 0.3em 0.3em;
/* テスト用背景色 */
//background-color: #00FFFF;
}

.ui-tabs-nav button {
	font-size: 0.9em;
}

/* 申請書メニュー用 */
#tyohyoMenu {
	//margin-top:0.2em;
	font-size: 1.2em;
	padding:0;
}

#tyohyoMenu table{
	width:99%;
}

#tyohyoMenu button {
	font-size: 1em;
	margin-right:0.5em;
	padding:0.1em 0.3em 0.1em 0.3em;
}

/* 署名画面用 */
#shomeiButtonArea {
	margin-top: 3em;
}

#shomeiButtonArea, #shomeiArea{
	//width: 33.5em;
	padding-bottom: 0.1em;
}

#shomeiButtonArea.tblInner {
	margin: 0;
	padding: 0;
}

.canvasButton{
    font-size: 0.9em;
	width: 6.5em;
}

#shomeiArea{
	height: 13em;
	border:0.1em solid #808080;
	//margin-bottom: 0.5em;
	background-color: #FFFFFF;
	border-top-left-radius: 6px;
	border-top-right-radius: 6px;
	border-bottom-left-radius: 6px;
	border-bottom-right-radius: 6px;
}

#myCanvas{
	width: 100%;
	height: 100%;
	-ms-touch-action: none;
}

/* 入力画面メイン用 */
//div.FlipMainStyle {
////	font-size: 26px;
//	width: 970px;
//	max-width: 970px;
//	margin: 0.2em 2.0em 0.2em 2.0em;
//}

body.backYellow, .backYellow div.w-table-normal {
    background-color: #FFE8B7;
}

body.backGreen, .backGreen div.w-table-normal {
    background-color: #CEF9DC;
}

/* 住民票用 */
div.InputBusuu {
	margin: 2em 2em 2em 5em;
}

/* 入力画面ヘッダー用 */
//div.FlipHaderStyle {
////	font-size: 20px;
//	float:right;
//	position: absolute;
//}

//div.FlipHaderStyle button {
//	padding:0.4em 1em 0.4em 1em;
//}

//.FontSize {
//	font-size: 26px;
//}

//.FontSmall {
//	font-size:0.75em;
//}

/* メニューダイアログ用 */
//.MenuDialogButton {
//	margin: 0.2em 0.2em 0.2em 0.2em;
//}

#cmdMaisuPlus, #cmdMaisuMinus {
	font-size: 1.2em;
	padding:0.1em 0.4em 0.1em 0.4em;
	margin-left: 0.5em;
	margin-right: 0.5em;
}

div.JuminhyoSelect {
	margin-left: 7em;
}
div.JuminhyoTukaimiti {
	margin-left: 2.5em;
}

div.JuminhyoKisai {
	margin-left: 2em;
}

div.JuminhyoKisaiG {
	margin-left: 2em;
}

div.JuminhyoKisai div.JuminhyoCdSetumei {
	margin: 0.5em 0.5em 0.5em 0.5em;
	padding: 0.5em 0.5em 0.5em 0.5em;
	border: solid 1px #000000;
}

div.JuminhyoKisaiG div.GaikokuKisai1{
	margin-left:8em;
}
div.JuminhyoKisaiG div.GaikokuKisai2{
	margin-left:3em;
}

table.noBorder td {
	border: solid 0 #000000;
}

/* 印鑑登録用 */
div.IktorokuKbn {
	margin-left:7em;
}

div.IktorokuKbn button {
	width: 13.5em;
	font-size: 1em;
}

div.IktorokuRiyu {
	margin-top: 1em;
	margin-left:5em;
}

div.IktorokuCard {
	margin-top: 1em;
	margin-left:4em;
}

div.IkjokyoQuestion button {
	width:9em;
	height:5em;
	margin-left:4em;
}

div.IkjokyoQuestion .NaviSentence {
	text-align: left;
	margin-left:4em;
	height:8em;
}

div.IkInputBusuu {
	margin: 2em 2em 2em 4em;
}

div .border-none td, div .border-none th{
	border:none;
}

table.border-none tbody tr td, table.border-none tbody tr th{
	border:none;
}

/* 検索画面用 */
.EasyKensakuBirth {
	margin-left:6em;
}

.numberKey {
	margin-left:5px;
	margin-top: 1em;
}

.numberKey .buttonNumber{
//    font-size: 22px;
	width:6.2em;
	margin:0.2em;
}

.numberKey .buttonNumberHalf{
	width:2.85em;
	margin:0.15em;
	padding: .5em .2em;
}

.divHidden {
	visibility: hidden;
	height:0px;
}

.EasySerachButton {
    margin-top:157px;
}

/* テーブル用 */
.fullWidth {
	width:100%;
}

.fullHeight {
	height:100%;
}

.border-radius{
	border:0.05em solid;
    border-radius: 0.5em;            /* CSS3草案 */  
    -webkit-border-radius: 0.5em;    /* Safari,Google Chrome用 */  
    -moz-border-radius: 0.5em;       /* Firefox用 */  
}

/* 住基カード用 */
div.JukiCardSinseiNaiyo table tbody tr td button {
	margin:0.3em;
}

div.JukiCardSinseiNaiyo table {
	margin:0.3em auto;
}

div.JukiCardSinseiNaiyo {
	margin-left: 1.5em;
	width : 26em;
}

div.DivCenter {
	margin:0 auto;
}

div.JukiCardPictKBN {
	display: table-cell;
	padding:0.2em;
}

/* 記載事項証明書用 */
div.KisaiRyakuKBN td,
div.KisaiRyakuKBN th {
	font-size: 20px;
	height: 35px;
}

div.KisaiRyakuKBN .FixKBN {
	background-color: #AFEEEE;
}

tr.KisaiNaiyo td,
tr.KisaiNaiyo th {
	height: 35px;
}
tr.KisaiNaiyo td {
	font-size: 20px;
}


/* baseC用 */
.baseC{
	height: 100%;
}
.baseC .PagePrev{
	left :1%;
	z-index: 2;
}
.baseC .PageNext{
	left :92%;
	z-index: 3;
}
.baseC .PagePrev,
.baseC .PageNext{
	position: absolute;
	top : 300px;
	background-color: #D3D3D3;
	color: #000080;
	text-align: center;
	font-size: 50px;
	line-height:70px;
	height: 70px;
	width:  70px;
    border-radius: 100px;            /* CSS3草案 */  
    -webkit-border-radius: 100px;    /* Safari,Google Chrome用 */  
    -moz-border-radius: 100px;       /* Firefox用 */  
}
.baseC .PageMain{
	position: center;
	z-index: 1;
//	height: 630px;
//	height: 686px;
//	height: 820px;
//	height: 900px;
	height: 90%;
}

/* 本人入力用 */
.HonninInput input {
	margin-left: 0.2em;
	height: 1.8em;
}

.HonninInput textarea {
	margin-left: 0.2em;
	height: 3em;
}

.SearchEntry {
	word-break:break-all;
}

.word-break{
	word-break:break-all;
}

button[disabled="disabled"]
{
	border-color: #d8d8d8;
	background-color: #d8d8d8;
	background: -webkit-linear-gradient(top, #d8d8d8, #d8d8d8);
	background: -moz-linear-gradient(top, #d8d8d8, #d8d8d8);
	background: -ms-linear-gradient(top, #d8d8d8, #d8d8d8);
	background: -o-linear-gradient(top, #d8d8d8, #d8d8d8);
	background: linear-gradient(top, #d8d8d8, #d8d8d8);
	color: #b6b6b6;
	-webkit-text-shadow: none;
	-moz-text-shadow: none;
	text-shadow: none;
	-webkit-box-shadow: none;
	box-shadow: none;
}


/* 職員確認画面 */
#ShokuinKakunin {
	height:560px;
	width:100%;
	background-size:cover;
	background-position: center center;
	background-repeat:no-repeat;

}

#ShokuinKakunin #cmdDetail {
	position: absolute;
	top : 480px;
	left :20px;
}

#ShokuinKakunin #cmdCancel {
	position: absolute;
	top : 480px;
	left :260px;

}

body.ShokuinBgColor, 
.ShokuinBgColor div.w-table-normal,
.ShokuinBgColor div.w-detail-normal,
.ShokuinBgColor .ui-tabs,
.ShokuinBgColor .ui-tabs-panel {
	background-color: #FFC8C8;
}

div#SearchEntry {
	padding: 0.5em 1em;
}

div.IkjokyoQuestion {
	padding-bottom: 3em;
}

/* 印刷中画面 */
.PrintWait {
	background-color:#FFDBA4;
}

.PrintWait div.PrintMessageArea{
	margin-top:40px;
}

.PrintWait .PrintMessage{
	width:100%;
	font-size: 4.2em;
	text-align: center;
	padding-top:0.2em;
}

.PrintWait div.FooterButtonArea{
 	position:absolute;
 	top:420px;"
}

#PrintImg1 {
	height:560px;
	width:100%;
	background-image:url(../../image/ybPrintwait3.png); 
	background-position: center center;
	background-repeat:no-repeat;
	background-size:contain;
}

img#arrowImage {
	//height: 480px;
	position: absolute;
	right: 8px;
}

.tyohyoTitleName {
	margin-top: 7px;
}

.tdDetailBusuu{
	padding-right: 0.3em;
}

.contentBorderLine {
	width: 100%;
	height: 0.2em;
	margin: 0;
	border: none;
	margin-top: 61px;
	position: absolute;
	overflow:hidden;
}

#FrameContent {
	width: 100%;
	//height: 90.6%;
//	height: 630px;
//	height: 686px;
	height: 820px;
//	height: 900px;
	position: absolute;
	overflow:hidden;
}

.contentPadding {
	padding-top: 107px;
}

.contentPaddingNonLOD {
	padding-top: 64px;
}

/*戸籍用*/
div.KankeiKBNItem{
	float: left;
	padding: 0.3em 0;
}
table.SyoruiKBN th, 
table.SyoruiKBN td {
	font-size: 0.75em;
	padding: 0.3em;
}

/*税証明用*/
.KzShotokuNen {
	font-size: 0.85em;
	margin-left: 1.0em;
}

/*税証明、資産証明用*/
.MaisuPlus,
.MaisuMinus {
	font-size: 1.2em;
	padding: 0.1em 0.4em 0.1em 0.4em;
	margin-left: 0.5em;
	margin-right: 0.5em;
}
#tblYotoKBN td {
	padding: 0 0 0.25em 0;
}

/*ナビゲーション領域*/
.navigation_head {
	width: 100%;
	height: 100%;
	filter: alpha(opacity=50);
	-moz-opacity: 0.5;
	-khtml-opacity: 0.5;
	opacity: 0.5;
	background: #000;
	position:absolute;
	top: 0;
	left: 0;
	z-index: 10000;
	display: none;
}

.navigation_body {
	width: 100%;
	height: 100%;
	filter: alpha(opacity=95);
	-moz-opacity: 0.95;
	-khtml-opacity: 0.95;
	opacity: 0.95;
	position:absolute;
	top: 100px;
	//bottom: 0;
	left: 0;
	z-index: 10001;
	display: none;
	//background: #FFF;
	background-image: -webkit-gradient(
		linear,
		left top,
		left bottom,
		color-stop(0, #C4C4C4),
		color-stop(0.10, #FFFFFF),
		color-stop(0.95, #FFFFFF),
		color-stop(1, #8A8A8A)
	);
	background-image: -o-linear-gradient(bottom, #C4C4C4 0%, #FFFFFF 10%, #FEFEFE 95%, #8A8A8A 100%);
	background-image: -moz-linear-gradient(bottom, #C4C4C4 0%, #FFFFFF 10%, #FEFEFE 95%, #8A8A8A 100%);
	background-image: -webkit-linear-gradient(bottom, #C4C4C4 0%, #FFFFFF 10%, #FEFEFE 95%, #8A8A8A 100%);
	background-image: -ms-linear-gradient(bottom, #C4C4C4 0%, #FFFFFF 10%, #FEFEFE 95%, #8A8A8A 100%);
	background-image: linear-gradient(to bottom, #C4C4C4 0%, #FFFFFF 10%, #FEFEFE 95%, #8A8A8A 100%);
}

.navigation_body iframe{
	padding-top: 51px;
}

.navigation_button {
	position:absolute;
	left: 43.4%;
	background: #5A5A5A;
	width: 8em;
	height: 2em;
	border-bottom: 2px solid #fff;
	border-radius: 0 0 30px 30px;
	box-shadow: inset 0px 2px 3px 0px #666;
	-webkit-box-shadow: inset 0px 1px 2px 0px #666;
	-moz-box-shadow: inset 0px 1px 2px 0px #666;
	text-align: center;
}

.navigation_button span {
	color: #FFFFFF;
	font-size: 1.3em;
	font-weight: bold;
}

/* 確認資料用 */
#tab-content .w-detail-normal {
	padding: 0;
}

#tab-content .w-detail-normal td {
	height: 2.2em;
}

#tab-content .w-detail-normal .titleBlock3 th {
	height: auto;
}

#tab-content .ui-tabs-nav li a {
	padding-top: .2em;
	padding-bottom: .2em;
}

.MuryoCheck {
	//font-size: 1.2em;
	margin-top:0.1em;
	margin-right:0.8em;
}

/* ナビゲーション画面用 */
html body.navi-contents{
	height: auto;;
}

body.navi-contents, .navi-contents .w-table-normal {
	background-color: transparent;
}

.navi-contents div.NaviSentence {
	width: 100%;
	font-size: 1em;
	text-align: center;
	padding:0.2em 0 0.5em 0;
}

.naviList {
	padding: 0.5em 3em 1em 3em;
	font-size: 0.9em;
}

.work-contents .w-table-normal .naviList thead+tbody th {
	background-color:  #f4ede6;
	background: #f4ede6;
	color: #49453c;
	border-bottom: solid 1px #CCC;
	border-right: solid 1px #CCC;
	box-shadow: 0 1px 0 rgba(255, 255, 255, 0.8) inset;
}

.work-contents .w-table-normal .naviList table {
	border-right: 1px solid #CCC;
	box-shadow: 0 2px 2px #CCC;
	border-bottom-left-radius: 6px;
	border-bottom-right-radius: 6px;
}

.work-contents .w-table-normal .naviList thead th {
	background-color:  #e3dcd5;
	background: #e3dcd5;
	color: #39352c;
	border-bottom: solid 1px #CCC;
	box-shadow: 0 1px 0 rgba(255, 255, 255, 0.8) inset;
	font-weight: bold;
}

.work-contents .w-table-normal .naviList thead th:last-child {
	border-right: 2px solid #CCC;
}

.work-contents .w-table-normal .naviList thead th i {
	margin-left: 1em;
}

/* ゆびナビ職員設定画面用 */
#settingTabs {
	height:100%;
	width: 100%;
	padding: 1em;
}

#settingTabs ul {
	height:100%;
}

#settingTabs ul li {
	width: 100%;
	text-align: center;
	padding-left: 0.5em;
	padding-right: 0.5em;
}

#settingTabs ul li.ui-state-hover {
	border: 0;
	background: transparent;
	font-weight: normal;
	color: #fff;
}

#settingTabs ul li.ui-state-active {
	border: 0;
	background: transparent;
	font-weight: normal;
	color: #fff;
}

#settingTabs ul li.ui-state-active a {
	border-bottom: 2px solid #DF491B;
	text-decoration: none;
	color: #DF491B;
}

#settingTabs ul li a {
	display: block;
	width: 100%;
	border-bottom: 2px solid #525252;
	//margin-top: 1em;
	padding: 2.5em 0 0.3em 0;
	color: #525252;
}

#settingTabs ul li a:hover {
	border-bottom: 2px solid #DF491B;
	text-decoration: none;
	color: #DF491B;
}

#settingTabs .ui-tabs-nav {
	padding: .2em .1em .2em .2em;
	float: left;
	width: 17%;
}

#settingTabs .ui-tabs-panel {
	padding: 0 0 0 2em;
	float: right;
	width: 83%;
}

#settingTabs .divButton1 {
	height: 8.3em;
	padding-top: 2em;
	background-size: 80%;
	background-position: center center;
	background-repeat: no-repeat;
	background-color:#FFF9C8;
	border: 0.1em solid #004586;
	text-align: center;
}

#settingTabs .divButton2 {
	height: 4em;
	padding-top: 0;
	text-align: left;
	background-size: 50%;
	background-position: right center;
	background-repeat: no-repeat;
	background-color:#FFF9C8;
	border: 0.1em solid #004586;
	text-align: center;
}

#settingTabs .divButton1 span, #settingTabs .divButton2 span {
	font-size: 3em;
}

#settingTabs .tblInner {
	width: auto;
}

.settingBlock {
	font-size: 1em;
	padding-top: 1.5em;
}

.settingBlock .w-table-normal {
	font-size: 1.6em;
	padding: 0;
}

.settingBlock .w-table-normal tr:first-child td:first-child {
	border-top-left-radius: 0;
}

.settingBlock .w-table-normal tr:first-child td:last-child {
	border-top-right-radius: 0;
}

.settingTitle {
	width: 100%;
	font-size: 1.2em;
	border-bottom: 1px solid #CCCCCC;
}

.settingDetail {
	padding: 1em 0 0.5em 1.5em;
}

.selectPattern {
	font-size: 0.9em;
}

.selectPatternTitle {
	font-weight: bold;
	font-size: 1.4em;
}

#selectPatternBlock #wrapperFlip {
	padding-left: 16em;
	font-size: 0.9em;
	height: 820px;
//	height: 900px;
}

#selectPatternBlock .PagePrev, #selectPatternBlock .PageNext {
	position: absolute;
	top: 3.3em;
	background-color: #D3D3D3;
	color: #000080;
	text-align: center;
	font-size: 50px;
	line-height: 70px;
	height: 70px;
	width: 70px;
	border-radius: 100px;
	-webkit-border-radius: 100px;
	-moz-border-radius: 100px;
}

#selectPatternBlock .PagePrev {
	left: 21%;
	z-index: 2;
}

#selectPatternBlock .PageNext {
	left: 92%;
	z-index: 2;
}

#reportList .tDnD_whileDrag td {
	background-color: #D3DFF3;
}

.pointNumber {
	text-align: center;
}

.selectPrinterList {
	font-size: 1.4em;
}

.selectPrinterInfo {
	font-size: 1.4em;
	margin-top: 2em;
}

.settingWaitTime {
	font-size: 1.4em;
}

.settingIcon {
	margin-top: .5em;
}

.settingIcon img {
	border: 0.1em solid #D3D3D3;
	width: 210px;
}

.openFileButton {
	width: 220px;
	height: 41px;
}

#iconFile {
	border:0;
	margin:0;
	position: absolute;
	opacity: 0;
	z-index: 1;
	//font-size: 50px;
}

/* 申請履歴用 */
.padding_0010 {
	padding: 0.625em;
}

.CursorPointer {
	cursor: pointer;
}

/* 印刷中スピン用 */
#spin_print {
    position:fixed;
    z-index: 10001;
    width: 100%;  /*横幅*/
    height: 100%;  /*縦幅*/
    display:none;
}
#spin_print > div {
    display:table-cell;
    text-align: center;
    vertical-align: middle;
}

/* 使いみち用 */
/* 証明追加フッター用 */
div.tukaimitiOn {
	background-color: #add8e6;
	height : 55px;
	color: Black;
	padding: 10pt;
}

div.tukaimitiOff {
	background-color: #d8d8d8;
	height : 55px;
	color: Silver;
	padding: 10pt;
}

/* PDFプレビュー画面用 */
.pdfframe {
	transform:scale(0.85);
	-o-transform:scale(0.85);
	-webkit-transform:scale(0.85);
	-ms-transform:scale(0.85);
	
	transform-origin:0 0;
	-o-transform-origin:0 0;
	-webkit-transform-origin:0 0;
	-ms-transform-origin:0 0
}

.scrollAuto
{
   overflow: auto;
}

.bodyBackground{
  background-color: #E0FFFF;
  background: #E0FFFF;
}

.bodyBackgroundClear{
  background-color: #FFFFFF;
  background: #FFFFFF;
}


table.tableBorderColorBlue td{
  border-color: #0066CC;
}

/* 入力項目なしパーツ用 */
.explanationParts{
	font-size: 20px;
	font-weight:bold;
	padding: 5px;
	background-color: #EBF5FC;
	background: #EBF5FC;
	border:  1px solid #2081C8;
	color: #2081C8;
}
    
/* 緑色 */
.buttonGreen {
  /* 背景色を指定(または線形グラデーションを指定) */
  background-color: #2d561c;
  background: -webkit-linear-gradient(top, #00c864, #00a848 50%, #00ad4d 50%, #00b050);
  background:     -moz-linear-gradient(top, #00c864, #00a848 50%, #00ad4d 50%, #00b050);
  background:       -ms-linear-gradient(top, #00c864, #00a848 50%, #00ad4d 50%, #00b050);
  background:         -o-linear-gradient(top, #00c864, #00a848 50%, #00ad4d 50%, #00b050);
  background:              linear-gradient(top, #00c864, #00a848 50%, #00ad4d 50%, #00b050);
  color: #ffffff;
  border: 1px solid #6d960c;
  -webkit-text-shadow: 0px -1px 0px rgba(0, 0, 0, 0.35);
  -moz-text-shadow: 0px -1px 0px rgba(0, 0, 0, 0.35);
  text-shadow: 0px -1px 0px rgba(0, 0, 0, 0.35);
}

.buttonGreen:hover {
  /* 背景色を指定(または線形グラデーションを指定) */
  background-color: #e94237;
  background: -webkit-linear-gradient(top, #00e077, #00c05b 50%, #00c560 50%, #00c863);
  background:     -moz-linear-gradient(top, #00e077, #00c05b 50%, #00c560 50%, #00c863);
  background:       -ms-linear-gradient(top, #00e077, #00c05b 50%, #00c560 50%, #00c863);
  background:         -o-linear-gradient(top, #00e077, #00c05b 50%, #00c560 50%, #00c863);
  background:              linear-gradient(top, #00e077, #00c05b 50%, #00c560 50%, #00c863);
}

.buttonGreen:active {
  /* 背景色を指定(または線形グラデーションを指定) */
  background-color: #e4360a;
  background: -webkit-linear-gradient(top, #408a40, #00a000);
  background:     -moz-linear-gradient(top, #408a40, #00a000);
  background:       -ms-linear-gradient(top, #408a40, #00a000);
  background:         -o-linear-gradient(top, #408a40, #00a000);
  background:              linear-gradient(top, #408a40, #00a000);
}

.tblTransparent {
  width: 100%;
  margin: 0;
  padding: 0;
}

.logoUrl {
	background-image:url(../image/logo.png);
}

.logoMUrl {
	background-image:url(../image/logoM.png);
}

.imgLogo {
	background-repeat:no-repeat;
	background-position:left bottom;
	background-size: contain;
	width:280px;
	height:70px;
/*	cursor: pointer;
 */	
}

.imgEnd1 {
	background-repeat:no-repeat;
	background-position:center center;
	background-size:contain;
	width:300px;
	height:300px;
}

.imgNext1 {
	background-repeat:no-repeat;
	background-position:center center;
	background-size:contain;
	width:300px;
	height:300px;
}

.imgNext2 {
	background-repeat:no-repeat;
	background-position:center center;
	background-size:contain;
	width:300px;
	height:300px;
}

.hidHeader {
	left: 925px;
	top: 10px;
	position: absolute;
	z-index: 100;
	background-color: #ffffff;
	display: none;
	padding: 5px 5px 5px 5px;
	line-height: 16px;
	margin-top: -15px;
	width: 500px;
	height: 75px;
}

.menuHeader {
	line-height: 16px;
	margin-left: 10px;
}

.menuStyle{
	width: 100%;
	font-size: 1.5em;
	text-align: center;
	margin-top: 10px;
}

.menuStyle div{
	margin: 20px;
}

div.btnArea1 button.buttonLong{
	width: 8em;
}

div.divTegakiOp {
	position:absolute;
	top:560px;
	left:10px;
}

div.divTegakiOp2 {
	position:absolute;
	top:560px;
	left:600px;
}

.contentFrame div.leftContentDialog {
	position: absolute;
	z-index: 1;
	width: 300px;
	height: 100%;
	padding: 0px 0px 5px 0px;
//	border: 2px solid #CCC;
	border: 2px solid #333;
//	border-radius: 6px;
//	margin-left: -5px;
}

.contentFrame div.mainContentDialog {
	position: absolute;
	width: 100%;
	height: 100%;
	padding: 0px 0px 0px 305px;
//	margin-left: -5px;
	margin-right: 5px;
//	border: 2px solid #CCC;
	border: 2px solid #333;
	overflow: hidden;
}

.ifmPartsDialog {
	width: 280px;
	height: 120px;
//	margin-top: 20px;
//	border: 2px solid #CCC;
	border: 1px solid #333;
//	padding:0px 5px 0px 5px;
}

.ifmPartsTitleDialog {
	font-size: 1.4em;
	margin-top: 0.5em;
	margin-left: 2.2em;
	text-align: left;
	pointer-events: none;
}

.divPartsHeader {
	height: 30%;
	line-height: 1.2;
}

.divCommentIcon {
	width: 85%;
	text-align: left;
}

.divPartsHeader.divCommentNoIcon {
	text-align: left;
}

.divPartsBody {
	height: 70%;
}

.partsBlock {
	margin-left: 2px;
	margin-right: 2px;
	margin-top: 0px;
	margin-bottom: 0px;
	float: left;
	width: 12%;
	min-width: 360px;
//	background-color: #c8dd93;
}

.partsBlockWindow {
	margin-left: 2px;
	margin-right: 2px;
	margin-top: 0px;
	margin-bottom: 0px;
	float: left;
	width: 12%;
	min-width: 425px;
//	background-color: #c8dd93;
}

.pageHeaderTopBorder {
  margin: 24px 0 5px;
  border-top: 1px solid #eee;
}

#SearchType button {
	margin-bottom: 15px;
}

.menuBlock {
	margin-left: 0px;
	margin-right: 20px;
	margin-top: 0px;
	margin-bottom: 30px;
	float: left;
	width: 12%;
	min-width: 615px;
	cursor: pointer;
}

.menuBlockShadow {
	position: relative;
	background-color: #fff;
	-webkit-background-clip: padding-box;
	        background-clip: padding-box;
	border: 1px solid rgba(0, 0, 0, .2);
	border-radius: 4px;
	-webkit-box-shadow: 0 5px 15px rgba(0, 0, 0, .5);
	        box-shadow: 0 5px 15px rgba(0, 0, 0, .5);
}

div.DialogMainStyle {
	
	width: 100%;
	font-size: 1.5em;
	text-align: center;
	//position: absolute;
	//left: 1.8em;
	padding:0.2em 1.5em 0.3em 0.5em;
/* テスト用背景色 */
//background-color: #00FFFF;
}

.blockCenter {
	display:flex;
	justify-content: center;
	align-items: center;
}

.btnTenkey{
	width: 185px;
	height: 65px;
	margin-top:5px;
	margin-left:4px;
	font-size: 30px;
	padding: 10px 20px;
}

.inputTenKey{
	margin-top:5px;
	margin-left:7px;
	height: 50px;
	font-size: 1.75em;
}

.loginStyle {
	position: relative;
}

.loginBlock {
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	margin: auto;
	width: 12%;
	min-width: 615px;
	height: 45%;
	min-height: 407px;
}

.loginBlockShadow {
	position: absolute;
	background-color: #fff;
	-webkit-background-clip: padding-box;
	        background-clip: padding-box;
	border: 1px solid rgba(0, 0, 0, .05);
	border-radius: 45px;
	-webkit-box-shadow: 0 5px 15px rgba(0, 0, 0, .5);
	        box-shadow: 0 5px 20px rgba(0, 0, 0, .2);
}

.login-header {
	padding: 15px 30px 20px;
}

.login-body {
	border-top: 1px solid #eee;
	padding: 30px 30px 15px;
}

.login-footer {
	padding: 15px 0px 15px 0px;
//	background-color: #f5f5f5;
//	border-top: 1px solid #ddd;
	border-bottom-right-radius: 1px;
	border-bottom-left-radius: 1px;
}

.imageLogin {
	background-image: url(../image/login.png);
	background-repeat: no-repeat;
	background-position: center center;
	background-size: contain;
	object-fit: cover;
	width: 100%;
	height: 150px;
}

.imageLoginM {
	background-image:url(../image/loginM.png);
	background-repeat: no-repeat;
	background-position: center center;
	background-size: contain;
	object-fit: cover;
	width: 100%;
	height: 150px;
}

.imageLoginH {
	background-image:url(../image/loginH.png);
	background-repeat: no-repeat;
	background-position: center center;
	background-size: contain;
	object-fit: cover;
	width: 100%;
	height: 150px;
}

.imageLoginT {
	background-image:url(../image/loginT.png);
	background-repeat: no-repeat;
	background-position: center center;
	background-size: contain;
	object-fit: cover;
	width: 100%;
	height: 150px;
}
.imageLoginX {
	background-image:url(../image/logo.png);
	background-repeat: no-repeat;
	background-position: center center;
	background-size: contain;
	object-fit: cover;
	width: 100%;
	height: 150px;
}

div.appliMntMainStyle {
	width: 100%;
	font-size: 1.75em;
	padding:0.2em 2.5em 0.3em 2.5em;
}

.appliMntAddAreaButton {
	margin-top:7px;
	margin-left:156px;
}

.appliPlaText{
	display: inline-block;
	width: 155px;
	margin-left: 5px;
	white-space: nowrap;
}

.fontWeightNormal{
	font-weight: normal;
}

.inlineBlock{
	display: inline-block;
}

.reportSelectStyle{
	width: 100%;
	font-size: 1.5em;
	text-align: center;
	padding:0.2em 1.5em 0.3em 0.5em;
	margin-top: 10px;
}

.reportSelectTable{
	margin-top: 10px;
	margin-bottom : 10px;
}

.acntMntTable {
	table-layout: auto;
}

.acntMntListHeader {
	background-color: #3b9ae0;
	color: #ffffff;
}

.ybTableStriped {
	margin-top: 10px;
	margin-bottom: 10px;
}

.ybTableStriped > tbody > tr:nth-of-type(even) {
  background-color: #d9f0ff;
}

.ybTableStriped > tbody > tr:nth-of-type(odd) {
  background-color: #f2feff;
}

.marginTopNone{
	margin-top: 0px;
}

.hearingLeftContent {
	display: table-cell;
	font-size: 2em;
	height: 100%;
//	width: 60%;
/* テスト用背景色 */
//	background: #FFDBA4;
}

.hearingRightContent {
	display: table-cell;
	font-size: 2em;
	border-left: solid 1px #000000;
//	width: 40%;
/* テスト用背景色 */
//	background: #FFF9C8;
}

.hearingHeader {
	padding: 0px 30px 0px 30px;
/* テスト用背景色 */
//	background: #FFE8E8;
}

.hearingBody {
	padding: 20px 10px 20px 10px;
	height: 100%;
/* テスト用背景色 */
//	background: #FFC8C8;
}

.hearingRightContent > .hearingBody {
	height: 80vh;
}

.hearingFooter {
/* テスト用背景色 */
//	background: #FFA8A8;
}

.hearingHeader button  {
	float: right;
}

.hearingFooterProgress {
	padding: 30px 40px 30px 40px;
}

.hearingFooterProgress .progress {
	margin-bottom: 0px;
}

.hearingFooterButton {
	margin-top: 0px;
	padding: 30px 0px 30px 0px;
	display: inline-block;
}

.hearingFooterButton #cmdBack {
	margin-left: 50px;
	margin-right: 20px;
}

.hearingFooterButton #cmdNext {
	margin-left: 20px;
	margin-right: 50px;
}

.hearingInfoList {
	clear: left;
}

.hearingValue {
    font-size: 28px;
}

.hearingQuestion {
    min-height: 3.0em;
	text-align:left;
}

.hearingLast {
	text-align:center;
}

.hearingListValue {
	float: left;
	padding: 5px 10px 5px 10px;
	width: 70%;
	cursor: pointer;
	color: #00a9d6;
}

.hearingListAnswer {
	float: left;
	padding: 5px 5px 5px 5px;
	cursor: pointer;
}

.cmdYes.cmdSelect {
	border-color: #00a9d6;
	border-width: 4px;
	background-color:  #00a9d6;
	color:  #FFFFFF;
}
.cmdNo.cmdSelect {
	border-color: #00a9d6;
	border-width: 4px;
	background-color:  #00a9d6;
	color:  #FFFFFF;
}
.cmdUnknown.cmdSelect {
	border-color: #00a9d6;
	border-width: 4px;
	background-color:  #00a9d6;
	color:  #FFFFFF;
}

button.btn-none {
	display: none;
}

div.AreaViewScale button.btn {
	float: left;
	cursor: pointer;
}

#multiSelectBox {
	display: none;
}

#multiSelectLabel {
	font-size: 22px;
	color: #FF0000;
//	background-color: #ffffe0;
	font-weight: bold;
}

@media print{
  .noPrint{display:none;}       /* 印刷しない */
  //印刷時のフォント設定(タイトル部)
  .printFontTitle {
  	font-size: 20pt;
  }
  //印刷時のフォント設定(リスト部)
  .printFontList {
  	font-size: 14pt;
  }
}
@media screen{
  .noScreen{display:none;}      /* 画面に表示しない */
}

.divisionMenuList {
	padding: 0px 80px 0px 80px;
	text-align: left;
}

.hearingMenuList {
	padding: 0px 80px 0px 80px;
	text-align: left;
}

.hearingMenuBlock {
	margin-left: 15px;
	margin-right: 15px;
	margin-top: 0px;
	margin-bottom: 30px;
/*	width: 30%;
	height:19%;
	min-width: 400px;
	min-height: 220px; */
	width: 370px;
	cursor: pointer;
	display: inline-block;
}

.hearingMenuBlock div[type="button"] {
	border: 1px solid rgba(0, 0, 0, .2);
	border-radius: 20px;
	width: 100%;
	overflow: hidden;
}

.hearingMenuInfo {
	display: table-cell;
	white-space: normal;
	text-align: left;
	vertical-align: top;
	width: 182px;
}

.hearingMenuInfoNoImg {
	display: table-cell;
	white-space: normal;
	text-align: left;
	vertical-align: top;
	width: 350px;
}

.mainteMenuBlock {
	margin-left: 15px;
	margin-right: 15px;
	margin-top: 0px;
	margin-bottom: 30px;
	width: 380px;
	height: 180px;
	cursor: pointer;
}

.mainteMenuBlock div[type="button"] {
	border: 1px solid rgba(0, 0, 0, .2);
	border-radius: 20px;
	width: 100%;
	height: 180px;
	overflow: hidden;
}

.hearingMenuImage {
	display: table-cell;
	width: 140px;
    padding-top: 13px;
}

.hearingMenuImage img {
	width: 100%;
}

.ui-widget-content select {
	color: #000;
}

.btn.display-none{
	display: none;
}

.divPartsIcon {
	margin-top:-25px;
}

.colorOrange {
	color: orange;
}

.colorGray {
	color: gray;
}

.borderBlue {
	border-color: blue;
}

.borderOrange {
	border-color: orange;
}

.tooltip-inner-yb {
	max-width: 300px;
	text-align: left;
	word-break:break-all;
}

.tblBackground {
	background-color: rgba(255,255,255,1);
}

.copyIcon {
	background-image: url(../image/icon_120470_256.png);
	background-repeat: no-repeat;
	background-position: center center;
	background-size: contain;
	object-fit: cover;
	width: 1.2em;
	height: 1.2em;
}
.telIcon {
	background-image: url(../image/phone.png);
	background-repeat: no-repeat;
	background-size: contain;
	object-fit: cover;
	width: 30px;
	height: 30px;
}

#btnTegaki {
	border-radius: 20px;
}

body {
	/* font-family: 'Roboto', 'Noto Sans Japanese', "游ゴシック", YuGothic, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif; */
}
.no-thank-yu,
.navbar,
.btn,
.form-control,
.input-gruop,
.breadcrumb,
.nav-tabs,
.nav-pills,
.panel-title,
.list-group,
.pagination,
.pager,
.alert,
.label,
.badge,
.panel-heading,
.lead,
.tooltip,
.popover {
	font-family: 'Roboto', 'Noto Sans Japanese', "游ゴシック", YuGothic, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif;
}

body .loginBlockShadow {
    border: 1px solid rgba(0, 0, 0, .05);
    border-radius: 45px;
    box-shadow: 0 5px 20px rgba(0, 0, 0, .2);
}
body .login-header {
    padding: 15px 30px 20px;
}
body .login-body {
    padding: 30px 30px 15px;
}
.btn-lg,
.btn-group-lg > .btn {
    padding: 15px;
    border-radius: 1em;
    font-weight: bold;
}
.btnTenkey {
	padding: 10px 20px;
}
input[type="text"],
input[type="password"],
input[type="file"],
select, textarea {
    padding: 0.2em 0.5em;
}

*:focus,
*:active {
	outline: none !important;
}

a,
button {
	-webkit-tap-highlight-color:rgba(0,0,0,0);
	cursor:pointer;
}
.btn-primary,
.btn-success,
.btn-danger,
.btn-primary:hover,
.btn-success:hover,
.btn-danger:hover,
.btn-primary:focus,
.btn-success:focus,
.btn-danger:focus,
.btn-primary:active,
.btn-success:active,
.btn-danger:active {
    background-color: #00a9d6 !important;
	border-color: #00a9d6 !important;
}
.btn-primary:hover,
.btn-success:hover,
.btn-danger:hover {
    background-color: #00a9d6;
	border-color: #00a9d6;
	opacity: .7;
}

.btn-default {
	background-color: #f5f5f5;
}

.panel-primary > .panel-heading {
    color: #fff;
    background-color: #00a9d6;
    border-color: #00a9d6;
    border-radius: 0 !important;
}
.bg-primary {
	background-color: #00a9d6;
    border-radius: 0 !important;
}

.width_0010, .work-contents .width_0010,
.width_0020, .work-contents .width_0020,
.width_0030, .work-contents .width_0030,
.width_0040, .work-contents .width_0040,
.width_0050, .work-contents .width_0050,
.width_0060, .work-contents .width_0060,
.width_0070, .work-contents .width_0070,
.width_0080, .work-contents .width_0080,
.width_0090, .work-contents .width_0090,
.width_0100, .work-contents .width_0100,
.width_0110, .work-contents .width_0110,
.width_0120, .work-contents .width_0120,
.width_0130, .work-contents .width_0130,
.width_0140, .work-contents .width_0140,
.width_0150, .work-contents .width_0150,
.width_0160, .work-contents .width_0160,
.width_0170, .work-contents .width_0170,
.width_0180, .work-contents .width_0180,
.width_0190, .work-contents .width_0190,
.width_0200, .work-contents .width_0200,
.width_0210, .work-contents .width_0210,
.width_0220, .work-contents .width_0220,
.width_0230, .work-contents .width_0230,
.width_0240, .work-contents .width_0240,
.width_0250, .work-contents .width_0250,
.width_0260, .work-contents .width_0260,
.width_0270, .work-contents .width_0270,
.width_0280, .work-contents .width_0280,
.width_0290, .work-contents .width_0290,
.width_0300, .work-contents .width_0300,
.width_0310, .work-contents .width_0310,
.width_0320, .work-contents .width_0320,
.width_0330, .work-contents .width_0330,
.width_0340, .work-contents .width_0340,
.width_0350, .work-contents .width_0350,
.width_0360, .work-contents .width_0360,
.width_0370, .work-contents .width_0370,
.width_0380, .work-contents .width_0380,
.width_0390, .work-contents .width_0390,
.width_0400, .work-contents .width_0400,
.width_0410, .work-contents .width_0410,
.width_0420, .work-contents .width_0420,
.width_0430, .work-contents .width_0430,
.width_0440, .work-contents .width_0440,
.width_0450, .work-contents .width_0450,
.width_0460, .work-contents .width_0460,
.width_0470, .work-contents .width_0470,
.width_0480, .work-contents .width_0480,
.width_0490, .work-contents .width_0490,
.width_0500, .work-contents .width_0500,
.width_0510, .work-contents .width_0510,
.width_0520, .work-contents .width_0520,
.width_0530, .work-contents .width_0530,
.width_0540, .work-contents .width_0540,
.width_0550, .work-contents .width_0550,
.width_0560, .work-contents .width_0560,
.width_0570, .work-contents .width_0570,
.width_0580, .work-contents .width_0580,
.width_0590, .work-contents .width_0590,
.width_0600, .work-contents .width_0600,
.width_0610, .work-contents .width_0610,
.width_0620, .work-contents .width_0620,
.width_0630, .work-contents .width_0630,
.width_0640, .work-contents .width_0640,
.width_0650, .work-contents .width_0650,
.width_0660, .work-contents .width_0660,
.width_0670, .work-contents .width_0670,
.width_0680, .work-contents .width_0680,
.width_0690, .work-contents .width_0690,
.width_0700, .work-contents .width_0700,
.width_0710, .work-contents .width_0710,
.width_0720, .work-contents .width_0720,
.width_0730, .work-contents .width_0730,
.width_0740, .work-contents .width_0740,
.width_0750, .work-contents .width_0750,
.width_0760, .work-contents .width_0760,
.width_0770, .work-contents .width_0770,
.width_0780, .work-contents .width_0780,
.width_0790, .work-contents .width_0790,
.width_0800, .work-contents .width_0800,
.width_0810, .work-contents .width_0810,
.width_0820, .work-contents .width_0820,
.width_0830, .work-contents .width_0830,
.width_0840, .work-contents .width_0840,
.width_0850, .work-contents .width_0850,
.width_0860, .work-contents .width_0860,
.width_0870, .work-contents .width_0870,
.width_0880, .work-contents .width_0880,
.width_0890, .work-contents .width_0890,
.width_0900, .work-contents .width_0900,
.width_0910, .work-contents .width_0910,
.width_0920, .work-contents .width_0920,
.width_0930, .work-contents .width_0930,
.width_0940, .work-contents .width_0940,
.width_0950, .work-contents .width_0950,
.width_0960, .work-contents .width_0960,
.width_0970, .work-contents .width_0970,
.width_0980, .work-contents .width_0980,
.width_0990, .work-contents .width_0990,
.width_1000, .work-contents .width_1000,
.width_0005, .work-contents .width_0005,
.width_0015, .work-contents .width_0015,
.width_0025, .work-contents .width_0025,
.width_0035, .work-contents .width_0035,
.width_0045, .work-contents .width_0045,
.width_0055, .work-contents .width_0055,
.width_0065, .work-contents .width_0065,
.width_0075, .work-contents .width_0075,
.width_0085, .work-contents .width_0085,
.width_0095, .work-contents .width_0095,
.width_0105, .work-contents .width_0105,
.width_0115, .work-contents .width_0115,
.width_0125, .work-contents .width_0125,
.width_0135, .work-contents .width_0135,
.width_0145, .work-contents .width_0145,
.width_0155, .work-contents .width_0155,
.width_0165, .work-contents .width_0165,
.width_0175, .work-contents .width_0175,
.width_0185, .work-contents .width_0185,
.width_0195, .work-contents .width_0195,
.width_0205, .work-contents .width_0205,
.width_0215, .work-contents .width_0215,
.width_0225, .work-contents .width_0225,
.width_0235, .work-contents .width_0235,
.width_0245, .work-contents .width_0245,
.width_0255, .work-contents .width_0255,
.width_0265, .work-contents .width_0265,
.width_0275, .work-contents .width_0275,
.width_0285, .work-contents .width_0285,
.width_0295, .work-contents .width_0295,
.width_0305, .work-contents .width_0305,
.width_0315, .work-contents .width_0315,
.width_0325, .work-contents .width_0325,
.width_0335, .work-contents .width_0335,
.width_0345, .work-contents .width_0345,
.width_0355, .work-contents .width_0355,
.width_0365, .work-contents .width_0365,
.width_0375, .work-contents .width_0375,
.width_0385, .work-contents .width_0385,
.width_0395, .work-contents .width_0395,
.width_0405, .work-contents .width_0405,
.width_0415, .work-contents .width_0415,
.width_0425, .work-contents .width_0425,
.width_0435, .work-contents .width_0435,
.width_0445, .work-contents .width_0445,
.width_0455, .work-contents .width_0455,
.width_0465, .work-contents .width_0465,
.width_0475, .work-contents .width_0475,
.width_0485, .work-contents .width_0485,
.width_0495, .work-contents .width_0495,
.width_0505, .work-contents .width_0505,
.width_0515, .work-contents .width_0515,
.width_0525, .work-contents .width_0525,
.width_0535, .work-contents .width_0535,
.width_0545, .work-contents .width_0545,
.width_0555, .work-contents .width_0555,
.width_0565, .work-contents .width_0565,
.width_0575, .work-contents .width_0575,
.width_0585, .work-contents .width_0585,
.width_0595, .work-contents .width_0595,
.width_0605, .work-contents .width_0605,
.width_0615, .work-contents .width_0615,
.width_0625, .work-contents .width_0625,
.width_0635, .work-contents .width_0635,
.width_0645, .work-contents .width_0645,
.width_0655, .work-contents .width_0655,
.width_0665, .work-contents .width_0665,
.width_0675, .work-contents .width_0675,
.width_0685, .work-contents .width_0685,
.width_0695, .work-contents .width_0695,
.width_0705, .work-contents .width_0705,
.width_0715, .work-contents .width_0715,
.width_0725, .work-contents .width_0725,
.width_0735, .work-contents .width_0735,
.width_0745, .work-contents .width_0745,
.width_0755, .work-contents .width_0755,
.width_0765, .work-contents .width_0765,
.width_0775, .work-contents .width_0775,
.width_0785, .work-contents .width_0785,
.width_0795, .work-contents .width_0795,
.width_0805, .work-contents .width_0805,
.width_0815, .work-contents .width_0815,
.width_0825, .work-contents .width_0825,
.width_0835, .work-contents .width_0835,
.width_0845, .work-contents .width_0845,
.width_0855, .work-contents .width_0855,
.width_0865, .work-contents .width_0865,
.width_0875, .work-contents .width_0875,
.width_0885, .work-contents .width_0885,
.width_0895, .work-contents .width_0895,
.width_0905, .work-contents .width_0905,
.width_0915, .work-contents .width_0915,
.width_0925, .work-contents .width_0925,
.width_0935, .work-contents .width_0935,
.width_0945, .work-contents .width_0945,
.width_0955, .work-contents .width_0955,
.width_0965, .work-contents .width_0965,
.width_0975, .work-contents .width_0975,
.width_0985, .work-contents .width_0985,
.width_0995, .work-contents .width_0995 {
}
body .loginBlock {
    height: auto;
    max-height: 30em;
}

/*ヒアリングメニュー用*/
body .hearingMenuBlock {
    height: 160px;
}

.bt_ybmenu {
	font-weight: bold;
	border: 4px solid #00a9d6 !important;
	border-radius: 10px !important;
    height: 100%;
	padding: 5%;
	text-align: left;
	display: flex;
    justify-content: space-between;

background: #ffffff; /* Old browsers */
background: -moz-linear-gradient(top,  #ffffff 50%, #f0f0f0 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  #ffffff 50%,#f0f0f0 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  #ffffff 50%,#f0f0f0 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f0f0f0',GradientType=0 ); /* IE6-9 */
}
.ybmenu_info {
	width: 70%;
	min-width: 0;
	overflow: hidden;
    padding-right: 15px!importan;
}
.ybmenu_info_noimg_width {
	width: 100%;
}
.ybmenu_title {
color: #00a9d6;
font-size: 25px !important;
margin-bottom: 10px;
white-space: initial;
line-height: 1.2;
}
.ybmenu_desc {
color: #3e3a39;
font-size: 18px !important;
opacity: .5;
white-space: initial;
}
.ybmenu_img {
	width: 30%;
}
.ybmenu_img img {
	object-fit: contain;
    width: 100%;
    height: 100%;
}
/*申請書一覧用*/
.list_heading{
  border-left: 10px solid #00a9d6; 
  padding: 0px 15px; /
}
.headline_align{
  text-align:right;
  padding: 0 30px 0 0;
  
}

/*メンテナンスメニュー用*/
body .mainteMenuBlock {
    height: 160px;
}

.bt_ybmainte_menu {
	font-weight: bold;
	border-radius: 10px !important;
    height: 160px !important;
	padding: 15px;
	text-align: left;
	display: flex;
    justify-content: space-between;

background: #ffffff; /* Old browsers */
background: -moz-linear-gradient(top,  #ffffff 50%, #f0f0f0 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  #ffffff 50%,#f0f0f0 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  #ffffff 50%,#f0f0f0 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f0f0f0',GradientType=0 ); /* IE6-9 */
}
.ybmainte_menu_info {
	width: 250px;
	min-width: 0;
	overflow: hidden;
    padding-right: 15px!importan;
}
.ybmainte_menu_info_noimg_width {
	width: 330px;
}
.ybmainte_menu_title {
	font-size: 22px !important;
	margin-top: 5px;
	margin-left: 15px;
	margin-bottom: 12px;
	white-space: initial;
	line-height: 1.2;
}
.ybmainte_menu_desc {
	color: #3e3a39;
	font-size: 13px !important;
	margin-left: 15px;
	opacity: .5;
	white-space: initial;
}
.ybmainte_menu_img {
	width: 112px;
	height: 112px;
}
.ybmainte_menu_img img {
	object-fit: contain;
    width: 112px;
    height: 112px;
}
.fixHead {
    position: -webkit-sticky;
    position: sticky;
    top: 0em;
    background-color: white;  // inherit;
    z-index: 99;
}
.fixBottom {
    position: -webkit-sticky;
    position: sticky;
    bottom: 0em;
    background-color: white;  // inherit;
}
.size {
	position: absolute;
    top: 7em;
    width: 100%;
    font-size: 12px;
    color: #fff;
}
.activeHearingInfo{
	color: #f0ba32 !important;
}

/* PC版  新デザイン --- start ------------------------------------------------ */
#container {
	padding: 0;
	border: none;
}
#content {
	padding: 0;
}
#mainContent {
	margin: auto;
	overflow: hidden !important;
}

body.work-contents-baseC {
	max-width: none;
	margin: auto;
}
.headerContent {
	height: 80px;
	margin: auto;
	box-shadow: 0px 0px 6px rgba(0,0,0,0.15);
}
div.HeaderStyle {
	padding: 15px 20px;
}
.imgLogo {
	width: 298px;
	height: 50px;
	background-position: center;
	background-size: cover;
}
.PageMain {
	background: #FCFBEC;
}
.baseC .PageMain {
	height: calc(100% - 80px);
}
body.work-contents {
	position: relative;
	display: flex;
	align-items: flex-start;
	justify-content: center;
	height: auto;
	max-width: none;
	padding: 0 !important;
	overflow-x: hidden;
}
select:focus,
textarea:focus,
input[type="text"]:focus, input[type="password"]:focus, input[type="checkbox"]:focus, input[type="radio"]:focus {
	border-color: #01A9D5 !important;
}
button.btn-primary:hover,
button.btn-success:hover,
button.btn-danger:hover {
	opacity: 1;
}
a[target="_blank"] {
	padding-left: 18px;
	background: url(../image/popup.svg) no-repeat center left;
}

/* ===============================================
* システム： 拠点選択メニュー画面
*           ヒアリングメニュー画面
* page： DivisionMenuFile.html
*        HearingMenuFile.html
--------------------------------------------------
* @version 1.0
* @author Nakayama
=============================================== */
.hearingLeftContent {
	max-width: none !important;
	margin: 130px 30px 60px;
	width: 100% !important;
}
.hearingLeftContent .hearingHeader {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	width: 100vw;
	background: #FFFFFF;
}
.hearingLeftContent .hearingHeader td {
	height: 80px;
	font-size: 2.4rem;
	letter-spacing: 1.44px;
	text-align: center;
}
.hearingLeftContent .hearingHeader tr:not(:first-child) td {
	height: 40px;
	font-size: 2.2rem;
	letter-spacing: 1.44px;
	text-align: left;
}
.hearingLeftContent .hearingHeader td div.NaviSentence {
	/* ヒアリングメニュー画面用 */
	font-size: unset;
	padding: unset;
}
.hearingLeftContent .hearingBody.fullWidth {
	height: auto;
	background: none;
	border: none;
	padding: 0;
	border-radius: 5px;
	overflow: hidden;
}
.hearingLeftContent .hearingBody.fullWidth .divisionMenuList,
.hearingLeftContent .hearingBody.fullWidth .hearingMenuList {
	display: flex;
	flex-wrap: wrap;
	padding: 0;
}
.hearingLeftContent .hearingBody.fullWidth .hearingMenuBlock {
	width: calc((100% - 46px) / 3);
	height: auto !important;
	margin: 0 23px 23px 0;
}
.hearingLeftContent .hearingBody.fullWidth .hearingMenuBlock:nth-child(3n) {
	margin-right: 0;
}
.hearingLeftContent .hearingBody.fullWidth .hearingMenuBlock .bt_ybmenu {
	padding: 21px 27px 22px 25px;
	background: #FFFFFF;
	border-color: #D3D3D3 !important;
	border-radius: 20px !important;
	transition: border-color 0.3s;
}
.hearingLeftContent .hearingBody.fullWidth .hearingMenuBlock:hover .bt_ybmenu {
	border-color: #01A9D5 !important;
}
.hearingLeftContent .hearingBody.fullWidth .hearingMenuBlock .bt_ybmenu .ybmenu_info {
	width: calc(100% - 100px);
	margin-right: 20px;
}
.hearingLeftContent .hearingBody.fullWidth .hearingMenuBlock .ybmenu_info_noimg_width {
	width: 100% !important;
	margin: auto;
}
.hearingLeftContent .hearingBody.fullWidth .hearingMenuBlock .ybmenu_title {
	color: #333333;
	font-size: 2.2rem !important;
	letter-spacing: 1.32px;
	line-height: 3.2rem;
	margin-bottom: 5px;
	transition: color 0.3s;
}
.hearingLeftContent .hearingBody.fullWidth .hearingMenuBlock:hover .ybmenu_title {
	color: #01A9D5;
}
.hearingLeftContent .hearingBody.fullWidth .ybmenu_desc {
	color: #333333;
	font-size: 1.6rem !important;
	font-weight: normal;
	letter-spacing: 0.96px;
	line-height: 2.4rem;
	opacity: 1;
	line-break: anywhere;
}
.hearingLeftContent .hearingBody.fullWidth .ybmenu_img {
	display: flex;
	align-items: center;
	width: 80px;
}
.hearingLeftContent .hearingBody.fullWidth .ybmenu_img img {
	height: auto;
}
.hearingLeftContent .hearingBody.fullWidth .ybmenu_count {
	text-align: right;
	font-size: 18px;
}
.hearingLeftContent .hearingBody.fullWidth .ybmenu_count .ybmenu_count_max {
	color: #FF0000;
}
.hearingLeftContent .hearingBody.fullWidth .hearingMenuBlock div[disabled].bt_ybmenu {
	background: #E6E6E6 !important;
	border: 1px solid #E6E6E6 !important;
}
.hearingLeftContent .hearingBody.fullWidth .hearingMenuBlock:hover div[disabled] .ybmenu_title {
	color: #333333 !important;
}
.hearingLeftContent .hearingBody.fullWidth .hearingMenuBlock[disabled] {
	pointer-events: none;
}
.modal.fade.in#msgErrModal {
	display: block;
	padding: 17px;
}
.modal-header button.close {
	display: flex;
	align-items: flex-end;
	justify-content: center;
	width: 50px;
	height: 50px;
	margin-top: 0;
	background: #666666;
	border-radius: 10px;
	box-shadow: none;
	opacity: 1;
	color: #FFFFFF;
	font-family: sans-serif;
	font-size: 3.4rem;
	line-height: 4.76rem;
	text-shadow: none;
}
/* ===============================================
* システム： ヒアリング画面
* page： HearingMenuFile.html
--------------------------------------------------
* @version 1.0
* @author Nakayama
=============================================== */
.hearingLeftContent.width_0355 {
	max-width: 800px !important;
	width: 100% !important;
	margin: 130px 40px 60px 20px;
}
.hearingLeftContent #cmdDispList,
.hearingRightContent #cmdDispHearing {
	display: none;
}
.hearingLeftContent .hearingBody.height_0160 {
	min-height: 360px;
	max-height: none;
	height: auto;
	padding: 0;
	background: #FFFFFF;
	border: 1px solid #D3D3D3;
	border-radius: 5px;
	overflow: hidden;
}
.hearingLeftContent {
	/* スクロールバー全体 */
	#hearingBodyFrame::-webkit-scrollbar {
		width: 12px;
	}
	/* スクロールバー背景 */
	#hearingBodyFrame::-webkit-scrollbar-track {
		background-color: rgba(204, 238, 247);
		box-shadow: inset 0 0 2px #777;
	}
	/* スクロールバーつまみ */
	#hearingBodyFrame::-webkit-scrollbar-thumb {
		background: rgba(1, 169, 213);
	}
}
.hearingLeftContent .hearingBody.height_0160 .hearingValue {
	font-size: 2.2rem !important;
	font-weight: bold;
	letter-spacing: 1.32px;
}
.hearingLeftContent .hearingBody.height_0160 .hearingValue.hearingQuestion {
	min-height: auto;
	padding: 14px 0 11px 60px;
	background: #F1F1F1 url(../image/icon_q.svg) no-repeat top 14px left 18px;
	border-bottom: 1px solid #D3D3D3;
}
.hearingLeftContent .hearingBody.height_0160 .hearingInfo:last-child {
	display: none;
}
.hearingLeftContent .hearingBody.height_0160 .hearingInfo:last-child .hearingValue {
	padding: 30px;
}
.hearingLeftContent .hearingBody.height_0160 .hearingInfo table {
	margin-top: 40px;
}
.hearingLeftContent .hearingBody.height_0160 .hearingInfo td {
	display: list-item;
	list-style: none;
	height: auto;
	padding: 0 40px 20px !important;
	line-height: normal;
}
.hearingLeftContent .hearingBody.height_0160 .hearingInfo button {
	width: 100%;
	max-width: none;
	padding: 16px 15px 15px 55px;
	background: #F1F1F1;
	border: none !important;
	border-radius: 10px;
	box-shadow: none;
	color: #333333 !important;
	font-size: 2rem;
	letter-spacing: 1.2px;
	line-height: 2.9rem;
	text-align: left;
	transition: background 0.3s;
}
.hearingLeftContent .hearingBody.height_0160 .hearingInfo button:hover,
.hearingLeftContent .hearingBody.height_0160 .hearingInfo button.cmdSelect {
	background: #CCEEF7;
}
.hearingLeftContent .hearingBody.height_0160 .hearingInfo button::before {
	top: 0;
	bottom: 0;
	left: 20px;
	width: 26px;
	height: 26px;
	margin: auto;
	background: #FFFFFF;
	border: 3px solid #BCBCBC;
	transform: none;
	transition: border 0.3s;
}
.hearingLeftContent .hearingBody.height_0160 .hearingInfo button.cmdSelect::before {
	border-color: #01A9D5;
}
.hearingLeftContent .hearingBody.height_0160 .hearingInfo button::after {
	content: '';
	position: absolute;
	top: 0;
	bottom: 0;
	left: 27px;
	width: 12px;
	height: 12px;
	margin: auto;
	background: #01A9D5;
	border-radius: 50%;
	opacity: 0;
	transition: opacity 0.3s;
}
.hearingLeftContent .hearingBody.height_0160 .hearingInfo button.cmdSelect::after {
	opacity: 1;
}
.hearingFooter {
	margin-top: 40px;
}
.hearingFooter .hearingFooterProgress {
	padding: 55px 0 50px;
	margin-bottom: 35px;
	border-bottom: 1px solid #D3D3D3;
}
.hearingFooter .hearingFooterProgress .progress {
	height: 20px;
	background: #FFFFFF;
	border-radius: 5px;
	box-shadow: none;
}
.hearingFooter .hearingFooterProgress .progress .progress-bar {
	background: #01A9D5;
	border-radius: 5px;
	font-size: 1.3rem;
	letter-spacing: 0.78px;
	line-height: 2rem;
}
.hearingFooterButton {
	display: flex;
	justify-content: center;
	height: auto !important;
	padding: 0;
}
.hearingFooterButton button {
	max-width: none !important;
	min-width: 200px !important;
	width: auto !important;
	padding: 15px 15px 13px;
	margin: 0 10px !important;
	border-radius: 30px;
	font-size: 1.8rem;
	letter-spacing: 1.08px;
	line-height: 2.6rem;
}
.hearingFooterButton button#cmdBack {
	max-width: none !important;
	min-width: 200px !important;
	width: auto !important;
	padding: 15px 15px 13px;
	background: #FFFFFF;
	border: 1px solid #D3D3D3;
	box-shadow: none;
	transition: background 0.3s, color 0.3s;
}
.hearingFooterButton button#cmdNext {
	max-width: none !important;
	min-width: 200px !important;
	width: auto !important;
	background: #01A9D5 !important;
	border: 1px solid #01A9D5;
	box-shadow: none;
	transition: background 0.3s, border 0.3s;
}
.hearingFooterButton.fullWidth button#cmdBack,
.hearingFooterButton button#cmdPageBack {
	max-width: none !important;
	min-width: 260px !important;
	width: auto !important;
	padding: 15px 15px 13px;
	background: #FFFFFF;
	border: 1px solid #D3D3D3;
	box-shadow: none;
	transition: background 0.3s, color 0.3s;
}
.hearingFooterButton button#cmdEnd {
	max-width: none !important;
	min-width: 260px !important;
	width: auto !important;
	background: #FF8901 !important;
	box-shadow: none;
	transition: background 0.3s;
}
.hearingFooterButton button#cmdBack:hover,
.hearingFooterButton button#cmdPageBack:hover {
	background: #999999 !important;
	color: #FFFFFF;
}
.hearingFooterButton button#cmdNext:hover {
	background: #00BEF1 !important;
}
.hearingFooterButton button#cmdEnd:hover {
	background: #FFAA00 !important;
}
.hearingFooterButton button#cmdBack:disabled,
.hearingFooterButton button#cmdNext:disabled {
	background: #E6E6E6 !important;
	border: 1px solid #E6E6E6 !important;
	color: #D3D3D3;
}
.hearingFooterButton button#cmdBack:disabled:hover {
	opacity: 1;
}

.hearingRightContent {
	max-width: 425px !important;
	width: auto !important;
	padding: 0 30px 20px;
	margin: 130px 20px 60px 0;
	background: #FFFFFF;
	border: 1px solid #D3D3D3 !important;
	border-radius: 5px;
}
.hearingRightContent .hearingHeader {
	padding: 16px 0 13px;
}
.hearingRightContent .hearingHeader td {
	height: auto;
	font-size: 2rem;
	letter-spacing: 1.2px;
	text-align: left;
}
.hearingRightContent .hearingBody {
	max-height: 70vh;
	height: auto;
	padding: 0;
	overflow-y: auto;
}
.hearingBody .hearingInfoList {
	padding: 10px 10px 11px 0;
	border-top: 1px solid #D3D3D3;
	overflow: hidden;
}
.hearingBody .hearingInfoList:first-child {
	border-color: #D3D3D3;
}
/* テキストリンク */
.hearingBody .hearingListValue {
	width: calc(100% - 50px);
	padding: 0 20px 0 0;
	color: #333333;
	font-size: 1.4rem;
	letter-spacing: 0.84px;
	text-decoration: underline;
}
.hearingBody .hearingInfoList:hover .hearingListValue {
	color: #00BEF1 !important;
	text-decoration: none;
}
.hearingBody .hearingListAnswer {
	width: 50px;
	padding: 0;
	font-size: 1.4rem;
	letter-spacing: 0.84px;
}
.hearingBody .text-success {
	color: #01A9D5;
}
.hearingBody .text-danger {
	color: #E61345;
}
/* PC版  新デザイン --- end ------------------------------------------------ */

/* PC版  固有デザイン */
@media screen and (max-width: 800px) {
	/* ===============================================
	* システム： 拠点選択メニュー画面
	*           ヒアリングメニュー画面
	* page： DivisionMenuFile.html
	*        HearingMenuFile.html
	--------------------------------------------------
	* @version 1.0
	* @author Nakayama
	=============================================== */
	.hearingLeftContent {
		padding: 0 20px;
		margin-top: 80px;
		margin-right: auto;
		margin-left: auto;
	}
	.hearingLeftContent .hearingHeader td {
		height: 50px;
		font-size: 1.8rem;
		letter-spacing: 1.08px;
		line-height: 2.6rem;
	}
	.hearingLeftContent .hearingHeader tr:not(:first-child) td {
		height: 50px;
		font-size: 1.8rem;
		letter-spacing: 1.08px;
		line-height: 2.6rem;
	}
	.hearingLeftContent .hearingBody.fullWidth .divisionMenuList,
	.hearingLeftContent .hearingBody.fullWidth .hearingMenuList {
		display: block;
	}
	.hearingLeftContent .hearingBody.fullWidth .hearingMenuList {
		margin-top: 30px;
	}
	.hearingLeftContent .hearingBody.fullWidth .hearingMenuBlock {
		display: block;
		width: auto;
		min-height: 0;
		margin: 0 0 10px;
	}
	.hearingLeftContent .hearingBody.fullWidth .hearingMenuBlock .bt_ybmenu {
		padding: 24px 21px 22px 21px;
	}
	.hearingLeftContent .hearingBody.fullWidth .hearingMenuBlock .bt_ybmenu .ybmenu_info {
		width: calc(100% - 90px);
	}
	.hearingLeftContent .hearingBody.fullWidth .hearingMenuBlock .ybmenu_title {
		font-size: 1.8rem !important;
		letter-spacing: 1.08px;
		line-height: 2.4rem;
		margin-bottom: 7px;
	}
	.hearingLeftContent .hearingBody.fullWidth .ybmenu_desc {
		font-size: 1.5rem !important;
		letter-spacing: 0.96px;
		line-height: 2.1rem;
	}
	.hearingLeftContent .hearingBody.fullWidth .ybmenu_img {
		width: 70px;
	}

	/* ===============================================
	* システム： ヒアリング画面
	* page： HearingMenuFile.html
	--------------------------------------------------
	* @version 1.0
	* @author Nakayama
	=============================================== */
	body.work-contents {
		justify-content: unset;
	}
	.hearingLeftContent {
		max-width: 800px !important;
		padding: 0 20px;
		margin-right: auto;
		margin-left: auto;
	}
	.hearingLeftContent.width_0355 {
		margin: 130px 0 0;
	}
	.hearingLeftContent.width_0355 .hearingHeader td {
		height: 50px;
		font-size: 1.8rem;
		letter-spacing: 1.08px;
		line-height: 2.6rem;
	}
	.hearingLeftContent .hearingHeader td {
		height: 50px;
		font-size: 1.8rem;
		letter-spacing: 1.08px;
		line-height: 2.6rem;
	}
	.hearingLeftContent .hearingBody.height_0160 {
		height: auto !important;
	}
	.hearingLeftContent .hearingBody.height_0160 .hearingValue {
		font-size: 1.8rem !important;
		letter-spacing: 1.08px;
		line-height: 2.4rem;
	}
	.hearingLeftContent .hearingBody.height_0160 .hearingValue.hearingQuestion {
		padding: 14px 20px 11px 60px;
		background-position: center left 18px;
	}
	.hearingLeftContent .hearingBody.height_0160 .hearingInfo:last-child .hearingValue {
		padding: 20px;
	}
	.hearingLeftContent .hearingBody.height_0160 .hearingInfo table {
		margin: 25px 0 15px;
	}
	.hearingLeftContent .hearingBody.height_0160 .hearingInfo td {
		padding: 0 20px 12px !important;
	}
	.hearingLeftContent .hearingBody.height_0160 .hearingInfo button {
		padding: 18px 15px 18px 55px;
		font-size: 1.6rem;
		letter-spacing: 0.96px;
		line-height: 2.4rem;
	}

	.hearingRightContent {
		position: relative;
		padding: 0 20px 20px;
		margin: 130px 20px 60px 0;
	}
	.hearingRightContent button#cmdDispHearing {
		position: absolute;
		top: -60px;
		right: 0;
		max-width: none;
		min-width: 154px;
		width: auto;
		padding: 8px 10px 6px;
		background: #FFFFFF;
		border: 1px solid #D3D3D3;
		border-radius: 5px;
		box-shadow: none;
		color: #333333;
		font-size: 1.6rem;
		font-weight: normal;
		letter-spacing: 0.96px;
		line-height: 2.4rem;
		transition: background 0.3s;
	}

	.hearingFooter {
		margin-top: 30px;
	}
	.hearingFooterButton button {
		padding: 15px 15px 13px;
		font-size: 1.6rem;
		letter-spacing: 0.96px;
		line-height: 2.4rem;
	}
	.hearingFooterButton button#cmdBack {
		margin-left: 0 !important;
	}
	.hearingFooterButton button#cmdNext {
		margin: 0 !important;
	}
	.hearingFooter .hearingFooterProgress {
		padding: 30px 0;
		margin-bottom: 20px;
	}
	.hearingFooter .hearingFooterProgress .progress-bar {
		padding: 0;
	}
	.hearingFooterButton + .hearingFooterProgress + .hearingFooterButton {
		display: block;
	}
	.hearingFooterButton + .hearingFooterProgress + .hearingFooterButton button#cmdPageBack {
		padding: 15px 15px 13px;
		margin: 0 auto 20px !important;
	}
	.hearingFooterButton button#cmdEnd {
		padding: 15px 15px 13px;
		margin: auto !important;
		font-size: 1.8rem;
		letter-spacing: 1.08px;
		line-height: 2.6rem;
	}
}
@media screen and (max-width: 719px) {
	.hearingRightContent {
		display: none;
	}
}
@media screen and (max-width: 420px) {
	.hearingFooterButton button#cmdNext,
	.hearingFooterButton button#cmdBack {
		min-width: 130px !important;
	}
}