@import url(https://fonts.googleapis.com/css?family=Lato:400,700);
@import url(https://fonts.googleapis.com/earlyaccess/notosansjp.css);

p,a,button,th,td,input,select,span{
	font-size: 12px;
}
* {
	margin:0;
	padding:0;
	box-sizing:border-box;
}
html{
	display:block;
	width:100%;
	overflow-x:hidden;
}
body {
	width:100%;
	font-size:90%;
	color: #3f3f3f;
	background-color : #Fff;
	font-family: Lato, "Noto Sans JP", "游ゴシック Medium", "游ゴシック体", "Yu Gothic Medium", YuGothic, "ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}
img {
	border: none;
}
table {
	border-collapse: collapse;
	background : #Fff;
}
li {
	list-style:none;
}
input, button, textarea, select{
	margin: 0;
	padding: 5px;
	background: none;
	color: #5f5f5f;
	border: none;
	border-radius: 5px;
	outline: none;
	font-family: Lato, "Noto Sans JP", "游ゴシック Medium", "游ゴシック体", "Yu Gothic Medium", YuGothic, "ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
}

textarea{
	resize: none;
}
button{
	background-color:#f5f5f5;
}
input,textarea{
	background-color:#f5f5f5;
}
input:focus, textarea:focus{
	background-color:#e1eef9;
}
select:focus{
	border-color:#9bc5ea;
}
input[type="button"]:hover, button:hover, select:hover{
	cursor:pointer;
}
input[type="button"]:hover, button:hover{
	color:#111;
	background:#c5c5c5;
}
input, button,textarea,select{
	border:solid 1px #bbb;
}

.checkbox{
	display:none;
}
.checkbox + .checkbox-icon {
	position: relative;
	vertical-align: middle;
	width:20px;
	display:inline-block;
}
.checkbox + .checkbox-icon:before {
	content: "\f0c8";
	font-family: "Font Awesome 5 Free";
	color: #999;
	font-size: 17px;
	vertical-align: middle;
}
.checkbox:checked + .checkbox-icon:before {
	content: "\f14a";
	color: #555;
}
.radio {
	display: none;
}
.radio + .radio-icon:before {
	content: "\f111";
	font-family: "Font Awesome 5 Free";
	color: #999;
	font-size: 17px;
	vertical-align: middle;
}
.radio:checked + .radio-icon:before {
	content: "\f192";
	color: #555;
}
.pt_10 {
	padding: 10px 0 0 0;
}
#yoyaku,#mibun {
	background-color:transparent;
}
.clearfix:after {
	content: "."; 
	display: block; 
	height: 0; 
	clear: both; 
	visibility: hidden;subetekensaku
}
.textleft{
	text-align: right;
}

a{
	text-decoration: none;
	color: #3f3f3f;
}
a:hover{
	text-decoration : underline;
	color:#388dd6;
}

h2 {
	background-color: #9a8f75;
	padding: 0px 0px 0px 15px;
	color:#ffffff;
	font-size: 14px;
	line-height:25px;
	font-weight:bold;
}

#wrapper {
	max-width: 1200px;
	margin:0 auto;
	overflow-x:scroll;
	
}
.inner{
	width: 1200px;
	margin:0 auto;
}
.tab{
	width:1200px;
	margin:20px auto;
}
#wrapper2 {
	text-align: left;
	margin:0px 10px 10px 10px;
}
#wrapper3 {
	text-align: left;
	margin:0px 10px;
}
#wrapper3 img {
	vertical-align:middle;
}
h3 {
	background-color: #6E624A;
	padding: 0px 0px 0px 15px;
	color:#ffffff;
	font-size: 14px;
	line-height:15px;
	font-weight:bold;
}
.output_area iframe{
	width:100%;
	height:100%;
	border:0;
}
div.tableHeader{
	padding-right:12px;
}
div.xyScroll{
	width: 100%;
	max-height: 700px;
	overflow-x: scroll;
	overflow-y: scroll;
}
div.scroll{
	width: 100%;
	max-height: 700px;
	overflow-x: hidden;
	overflow-y: scroll;
}
::-webkit-scrollbar {
	width: 12px;
	height:12px;
}
::-webkit-scrollbar-track {
	border-radius: 10px;
}
 
::-webkit-scrollbar-thumb {
	border-radius: 10px;
	background: #1f1f1f;
}


.pager,
.arrowFirst,
.arrowPrev,
.arrowNext,
.arrowLast{
	display:inline-block;
	padding:5px 2px;
	width:35px;
	height:25px;
	border:1px solid #ccc;
	border-radius:5px;
}

span.pager:hover,
.arrowFirst:hover,
.arrowPrev:hover,
.arrowNext:hover,
.arrowLast:hover{
	background:#c5c5c5;
	cursor:pointer;
	color:#000;
}
.nowPage{
	background:#c5c5c5;
}
span.pager.nowPage:hover{
	cursor:default;
}

/* ヘッダー
-----------------------------------------------------*/

#TOP {
	background:#2b333b;
	padding:5px;
}
#TOP .e1 {
	text-align:left;
	overflow:hidden;
}
#TOP .e1 a{
	display:block;
	width:200px;
}
#TOP .e2 {
	color:#fff;
	text-align:right;
}
#TOP .hr {
	height:1px;
	background:#88ad91;
	overflow:hidden;
}


/* メニュー
-----------------------------------------------------*/
#MENU {
	height:30px;
	overflow:hidden;
	margin-bottom:10px;
	background: #2d3936;
	line-height:30px;
}
#MENU ul{
}
#MENU li{
	float:left;
	width: calc(100% / 9);
}
#MENU li a{
	display:block;
	width: 100%;
	text-align:center;
	font-size:15px;
	color: #fff;
	text-decoration: none;
	-webkit-transition: background .25s ease;
	-moz-transition: background .25s ease;
	-ms-transition: background .25s ease;
	-o-transition: background .25s ease;
	transition: background .25s ease;
}
#MENU li a:hover {
	background-color: rgba(174,209,0,0.6);
}
#MENU li.selected a {
	background-color: rgba(174,209,0,0.25);
}
.e2>a{
	margin:0 5px;
}
.e2>a>i,
.e2>a>ispan{
	vertical-align:middle;
}
.e2>a>i{
	color:#fff;
}
.badge{
	display:inline-block;
	width:12px;
	height:12px;
	line-height:12px;
	font-size:9px;
	font-weight:bold;
	border-radius:50%;
	color:#fff;
	background:#FF0909;
	text-align:center;
	vertical-align:middle;
	margin:0 5px;
}
.badgeHide{
	color:#2b333b;
	background:#2b333b;
}

/* resultListArea
-----------------------------------------------------*/

.scrollHeaderMenu{
	overflow: hidden;
	z-index: 2;
	position: relative;
	width:1180px;
}
.scrollHeaderMenu table {
	table-layout: fixed;
	width:100%;
}
.scrollHeaderMenu table td{
	border:1px solid #9ea3a8;
	padding:2px
}
.scrollTarget th,
table.scrollTarget td{
	table-layout: fixed;
	background-color: #e0e1e2;
	text-align:center;
	font-weight:normal;
	line-height:1.4;
	cursor:pointer;
}

.scrollTarget th:hover,
.scrollTarget td:hover{
	background-color: #c0c1c2;
}
.servicemanSchedule .scrollTarget th{
	cursor:default;
}
.servicemanSchedule .scrollTarget th:hover{
	background-color: #e0e1e2;
	cursor:normal;
}

.resultListArea{
	width: 100%;
	height: 450px;
	overflow-x: hidden;
	overflow-y: scroll;
	z-index: 3;
	position: relative; left: 0pt;
}
.resultListArea table,
.resultListArea table tbody,
.resultListArea table tr{
	table-layout: fixed;
	width:985px;
}
.resultListArea table td{
	table-layout: fixed;
	border:1px solid #9ea3a8;
	line-height:1.4;
	padding:2px
}

.resultListArea table.searchDataSingle:hover{
	opacity:0.5;
	cursor:pointer;
}

.history_memo_td{
	//	height:1em;
}
.history_memo_td div{
	//width:840px;
	//padding:0 10px;
	//overflow: hidden; 
	//white-space: nowrap; 
	text-overflow: ellipsis; 
}




/* searchArea
-----------------------------------------------------*/
.searchArea{}
.searchArea table {
	width:100%;
}
.searchArea table td{
	border:1px solid #7C7B7B;
	padding:2px
}
.searchArea table th{
	padding:2px;
	border:1px solid #7C7B7B;
	background-color: #fffee0;
	font-weight:normal;
}
.searchArea .searchBtnContainer{
	width:100%;
	border:0;
}
.searchArea .searchBtnContainer td{;
	border:0;
}
.searchArea .searchBtnContainer button{
	width:100%;
}

/* headerList
-----------------------------------------------------*/
.headerList{}
.headerList table {
	width:100%;
	border:none;
}
.headerList table td{
	border:none;
	padding:2px
}
.headerList table th{
	padding:2px;
	border:none;
	font-weight:normal;
}


/* footerList
-----------------------------------------------------*/
.footerList{padding-bottom:30px;}
.footerList table {
	width:100%;
	border:none;
}
.footerList table td{
	border:none;
	padding:2px
}
.footerList table th{
	padding:2px;
	border:none;
	font-weight:normal;
}


/* inputArea
-----------------------------------------------------*/
.inputArea{}
.inputArea table {
	width:100%;
}
.inputArea table td{
	border:1px solid #7C7B7B;
	padding:2px
}
.inputArea table th{
	padding:2px;
	border:1px solid #7C7B7B;
	background-color: #fffee0;
	font-weight:normal;
}


.functions {
	margin: 10px;
}



/* menuArea
-----------------------------------------------------*/
.menuArea{}
.menuArea ul{
	width:300px;
	margin:30px auto;
}
.menuArea li{
	list-style:none;
	margin:10px 0;
	position:relative;
}
.menuArea li a{
	padding:5px 30px;
	background:#fafafa;
	width:100%;
	display:block;
	line-height:30px;
	border-radius:10px;
	border:1px solid #9ea3a8;
}
.menuArea li:after {
	content: '\f105';
	font-family: "Font Awesome 5 Free";
	font-weight: bold;
	font-size: 20px;
	line-height:40px;
	position:absolute;
	right:15px;
	top:0;
}
.menuArea li:hover:after {
	color: #fff;
}
.menuArea li a:hover{
	background:#388dd6;
	border:1px solid #388dd6;
	color:#fff;
	text-decoration:none;
}
.menuArea li a i{
	font-size:30px;
}
/* メイン
-----------------------------------------------------*/
.sagyoSearch #main{
	float:left;
	width:1000px
}
.sagyoSearch #side{
	float:left;
	width:200px
}


.ma_2 ul {
	margin: 0px 0px 5px 5px;
}
.ma_2 li {
	display:inline;
}
.ma_2 li a {
  text-decoration: none;
  }  
.ma_2 li a:hover  {
  color: #415aa7;
  }  

.taiou_tit {
  background: url(../img/main_tit.gif) no-repeat;
  width: 153px;
  height: 20px;
  padding: 1px 0 0 10px;
  margin: 10px 0 10px 0;
  display: block;
  }

#wrapper3{
	overflow:hidden;
	margin-top:20px;
	border-bottom:solid 1px #388dd6;
}
.tabBtn{
	display:block;
	background: #388dd6;
	color:#fff;
	padding:5px 10px;
	width:150px;
	text-align:center;
	float:left;
	margin-right:10px;
	border-radius: 5px 5px 0 0;
}
.tabBtn:hover{
	text-decoration:none;
	opacity:0.5;
	color:#fff;
}

.detailToggleBtn{
	text-align:right;
	cursor:pointer;
}
.detailToggleBtn:hover{
	
}
div.detailToggleBtn{
	width:170px;
	text-align:left;
	border-radius:5px;
	background:#ccc;
	padding:5px 20px;
	margin-top:10px;
	border:1px solid #9ea3a8;
}
div.detailToggleBtn span{
	text-align:center;
}
div.detailToggleBtn:hover{
	opacity:0.5;
}
.detailToggle{
	display:none;
}
.sagyou_ma table  {
	width:100%;
  border-left: solid 1px #7C7B7B;
  border-top: solid 1px #7C7B7B;
  }
.sagyou_ma td  {
  border-right: solid 1px #7C7B7B;
  border-bottom: solid 1px #7C7B7B;
  }
.sagyou_ma1 {
  background-color: #F8F5D6;
  width: 62px;
  padding: 0 0 0 5px;  
  }

.sagyou_ma2>div>p{
	font-size:12px;
	display:inline-block;
}
.sagyou_ma2>div>p:hover{
	cursor:pointer;
}
.sagyou_ma2 div{
		float: left;
		width:18%;
		margin-right:2%;
	}
.situation_count{
	float:right;
}
.sagyou_ma3 div  {
  float: left;
  margin: 2px 5px 0 10px;
  width: 20px;
  font-size:0;
  }
.sagyou_ma3 p  {
  float: left;
  margin:2px 0 0 0;
  width: 70px;
  }
  
.change_ma {
  border: solid 1px #7C7B7B;
  width: 785px;
  height: 50px;
  margin: 15px 0 0 0;
  }
.change_ma p {
  float:left;
  width: 150px;
  padding: 8px 0 0 15px;
  }
.change_ma ul {
  float:left;
  width: 300px;
  padding: 15px 0 0 60px;
  }
.change_ma li {
  float:left;
  padding: 0 10px 0 0;
  font-size: 20px;
  }
.change_ma li clear {
 clear:both;
  }
.change_ma span {
  width: 200px;
  float:right;
  margin: 0 20px 0 0;
  }
#hyouji {
  margin: 15px 5px 0 5px;
  }


.taiou_t table  {
  border-left: solid 1px #7C7B7B;
  border-top: solid 1px #7C7B7B;
  margin: 10px 0 0 0;
  }
.taiou_t td  {
  border-right: solid 1px #7C7B7B;
  border-bottom: solid 1px #7C7B7B;
  padding: 5px;
  }
  
  
#box{
	margin: 25px auto;
	overflow: auto;
	height: 200px;
	width: 780px;
	border: 1px solid #cfcfcf;
  }

/* ページ番号下  */
.page_nu {
  width: 785px;
  border: 1px solid #666666; 
  }

.page_nu2 {
  width: 500px;
  padding: 10px 0 5px 20px;
  }
.page_nu2 ul{
   width: 500px;
   margin: 0 0 0 100px;
  }
.page_nu2 li{
   float: left; 
   padding: 0 10px 0 0; 
  }
.page_nu2 li a{
   font-size: 20px;
  }
.page_nu2 li input{
   width: 50px;
   margin: 2px 0 10px ;
  }

/* ▲対応一覧▲ */




/* ▼新規受付画面▼ */
.entryArea{}
.entryArea table {
	width:100%;
}
.entryArea table td{
	padding:2px
}
.entryArea table th{
	padding:2px;
	font-weight:normal;
}

#col1_sinki {
  float: left;
  width: 310px;
  width: 400px
  }

/* 着信TEL */  
.cyakusin_sin {
  margin: 10px 0 0 0;
  border: 1px solid #49ad41;
  }
.cyakusin_sin table {
  border: 1px solid #49ad41;
  }
.cyakusin_sin td {
  border: 1px solid #49ad41;
  padding: 5px;
  }  
.cyakusin_sin1 {
  background-color: #d6ecd3;  
  }   
  

/* お客様現場情報 */ 
.genba_tit_sin {
  margin: 20px 0 0 0;
  color: #3696c4;
  font-size: 110%;
  font-weight: bold;
  float: left;
  width: 150px;
  }
.genba_bo_sin  {
  float: right;
  width: 140px;
  margin: 13px 0 5px 0;
  }
.genba_bo_sin input {
  float: left;
  width: 65px;
  margin-right: 5px; 
  }
.genba_sin {
  margin: 2px 0 0 0;
  border: 1px solid #41b8d4;  
  }
.genba_sin table {
  border: 1px solid #41b8d4;
}
.genba_sin td {
  border: 1px solid #41b8d4;
  padding: 5px;
  }  
.genba_sin1 {
  background-color: #e9f2f4;  
  } 


/* 目印 */ 
.mejirusi_tit_sin {
  margin: 10px 0 0 0;
  color: #3f56a5;
  font-size: 110%;
  font-weight: bold;
  }
.mejirusi_sin {
  margin: 2px 0 0 0;
  border: 1px solid #2d6caf;  
  }
.mejirusi_sin table {
  border: 1px solid #2d6caf;
  }
.mejirusi_sin td {
  border: 1px solid #2d6caf;
  padding: 5px;
  }  
.mejirusi_sin1 {
  background-color: #dde9f3;  
  } 


/* お客様情報 */ 
.okyaku_tit_sin {
  margin: 10px 0 0 0;
  color: #812e93;
  font-size: 110%;
  font-weight: bold;
  }
.okyaku_sin {
  margin: 2px 0 0 0;
  border: 1px solid #834ba1;  
  }
.okyaku_sin table {
  border: 1px solid #834ba1;  

  }
.okyaku_sin td {
  border: 1px solid #834ba1;
  padding: 5px;
  }  
.okyaku_sin1 {
  background-color: #e8e1ef;  
  } 
.okyaku_sin th {
	border: 1px solid #834ba1;
	padding: 5px;
  background-color: #e8e1ef;  
  } 

/* TEL追加ボタン */
.teltuika_bo {
  margin: 5px  0 0 0;
  text-align: right;
  }


/* 確認事項 */ 
.kakunin_tit_sin {
  margin: 10px 0 0 0;
  color: #70bc1f;
  font-size: 110%;
  font-weight: bold;
  }
.kakunin_sin {
  margin: 2px 0 0 0;
  border: 1px solid #9ed335;  
  }
.kakunin_sin table {
  border: 1px solid #9ed335;
  }
.kakunin_sin td {
  border: 1px solid #9ed335;
  padding: 5px;
  }  
.kakunin_sin1 {
  background-color: #e3efd2;  
  } 


/* 非表示ボタン */
.hihyouji_bo input{
 
  }
.hihyouji_bo{
  margin: 15px 0 0 0;
  }

#col2_sinki {
  float: left; 
  width: 465px;
  width: 600px;
  padding: 0 0 0 10px;
  }


#col2_1 {
  width: 190px;overflow:hidden;
  float: left;
  }
/* マジックフレーズ */  
#col2_1 p {
  font-size: 13px;
  font-weight:bold;
  margin: 10px 0 0 0;
  }
#col2_1 ul{
  margin: 5px 0 0 0;
  border: 1px solid #b5b5b5;
  padding: 10px 5px 10px 5px;
  font-size: 12px;
  }  
#col2_1 li{
  padding: 0 0 10px 0;
  }  
  

#col2_2 {
  float: left;
  width: 400px;overflow:hidden;
  margin: 10px 0 0 5px;
  }
/* 作業内容 */ 
.sagyou_tit_sin {
  color: #f9505f;
  font-weight: bold;
  font-size: 110%;
  }
.sagyou_sin {
  margin: 5px 0 0 0;
  border: 1px solid #fa8e8f;  
  }
.sagyou_sin table {
  border: 1px solid #fa8e8f;  

  }
.sagyou_sin td {
  border: 1px solid #fa8e8f; 
  padding: 5px;
  }  
.sagyou_sin1 {
  background-color: #ffeeef;  
  } 


/* 担当サービスマン */ 
.tantou_tit_sin {
  color: #db1c00;
  font-weight: bold;
  font-size: 110%;
  margin: 20px 0 0 0;
  float: left;
  width: 150px;
  }
.tantou_bo_sin  {
  float: right;
  width: 120px;
  margin: 13px 0 5px 0;
  }
.tantou_bo_sin input {
  float: left;
  width: 55px;
  margin-right: 5px; 
  }

.tantou_sin {
  margin: 2px 0 0 0;
  border: 1px solid #cd3a18;  
  }
.tantou_sin table {
  border: 1px solid #cd3a18;   
  }
.tantou_sin td {
  border: 1px solid #cd3a18; 
  padding: 5px;
  }  
.tantou_sin1 {
  background-color: #f6e3e0;  
  } 
.tantou_sin2 {
  background-color: #fffee0;   
  }

/* アンケート */ 
.enqute_tit_sin {
  color: #70bc1f;
  font-weight: bold;
  font-size: 110%;
  margin: 10px 0 0 0;
  }
.enqute_sin {
  margin: 2px 0 0 0;
  border: 1px solid #9ed335;  
  }
.enqute_sin table {
  border: 1px solid #9ed335f;  
  }
.enqute_sin td {
  border: 1px solid #9ed335; 
  padding: 5px;
  }  
.enqute_sin1 {
  background-color: #e3efd2;  
  } 


/* おめでとう、作業指示へ等ボタン */

.bo_etc_sin span {
  float:left;
  width: 83px;
  margin: 10px 0 0 0;
  }
.bo_etc_sin span input {
  text-align:center;
  width: 83px;
  height: 50px;
  }
.bo_etc_sin p input  {
  text-align:center;
  width: 83px;
  height: 50px;
  }


/* 基本情報 */
.kihon_tit_sin {
  color: #269c49;
  font-weight: bold;
  font-size: 110%;
  margin: 10px 0 0 0;
  }
.kihon_sin {
  margin: 2px 0 0 0;
  border: 1px solid #49ad41; 
  width: 458px;
  width: 100%;
  }
.kihon_sin table {
  border: 1px solid #49ad41;
  }
.kihon_sin td {
  border: 1px solid #49ad41;
  padding: 5px;
  }  
.kihon_sin1 {
  background-color: #d6ecd3;  
  } 


/* col2ナビ */
.col2nav ul{
  width: 460px;
  margin: 10px 0 0 0 
  }
.col2nav li{
  float: left;
  display: block;
  text-indent:-99999px;
  }


/* ▲新規受付画面▲ */




/* サイド
-----------------------------------------------------*/

#said {
  width: 180px;
  margin: 0;
}
.seiseki_sa_tit {
  background: #388dd6;
  width: 175px;
  height: 30px;
  color: #ffffff;
  }
.seiseki_sa_tit p{
  padding: 5px 0 0 0;
  text-align:center;
  font-weight: bold;
  font-size: 14px;
  }
.sa_1_1 {
  text-align: right;
  width: 70px;
  }
.sa_1_2 {
	width: 90px;
	background-color: #f0f1f2;
	}
.seiseki_sa table {
  border-left:1px solid #9ea3a8;
  border-top:1px solid #9ea3a8;
  width: 170px;
  margin: 15px 0 0 0;
  color: #3f3f3f;
  }
.seiseki_sa table td {
  padding: 5px;
  }
.seiseki_sa td {
  border-right:1px solid #9ea3a8;
  border-bottom:1px solid #9ea3a8;
  } 
  
  
 /*  対応一覧  */

.nav_sa{
  text-align: center;
  width: 170px;
  margin: 10px 0 0 0;
  
  }
.nav_sa_2{
  color: #775127;
  padding: 5px 0 5px 0;
  border: 1px solid #997447;
  background-color: #dad4af;
  text-align: center;
  width: 170px;
  margin: 10px 0 0 0;
  }
.nav_sa2{
  text-align: center;
  width: 170px;
  margin-top:20px;
  }
.nav_sa2_2{
  padding: 5px 0 5px 0;
  color: #775127;
  background-color: #dad4af;
  border-left: 1px solid #997447;
  border-bottom: 1px solid #997447;
  border-right: 1px solid #997447;
  text-align: center;
  width: 170px;
  }


/* ▼新規受付画面▼ */

.nav_sa3{
  color: #775127;
  padding: 5px 0 5px 0;
  border: 1px solid #997447;
  background-color: #dad4af;
  text-align: center;
  width: 170px;
  }

/* ▲新規受付画面▲ */



/* リンク
-----------------------------------------------------*/

/* ヘッダー  */ 
.he_1 a {
  width: 164px;
  border-top: 1px solid #997447;
  border-right: 1px solid #997447;
  border-bottom: 1px solid #997447;
  padding: 5px 0 5px 0;
  display: block;
  color: #775127;
  background-color: #F8F5D6;
  text-decoration: none;
  }
.he_1 a:hover {
  width: 164px;
  border-top: 1px solid #997447;
  border-right: 1px solid #997447;
  border-bottom: 1px solid #997447;
  padding: 5px 0 5px 0;
  display: block;
  color: #775127;
  background-color: #dad4af;
  text-decoration: none;
  }
/* サイド  */ 
.nav_sa a {
  border: 1px solid #997447;
  padding: 5px 0 5px 0;
  display: block;
  color: #775127;
  background-color: #F8F5D6;
  width: 170px;
  text-decoration: none;
  }
.nav_sa a:hover {
  padding: 5px 0 5px 0;
  text-align: center;
  border: 1px solid #997447;
  display: block;
  color: #775127;
  background-color: #dad4af;
  width: 170px;
  }
.nav_sa2 a {
  border:1px solid #9ea3a8;
  border-radius:5px;
  padding: 5px 0 5px 0;
  display: block;
  color: #3f3f3f;
  background-color: #e0e1e2;
  width: 170px;
  text-decoration: none;
  }
.nav_sa2 a:hover {
  padding: 5px 0 5px 0;
  border-left:1px solid #9ea3a8;
  border-bottom:1px solid #9ea3a8;
  border-right:1px solid #9ea3a8;
  display: block;
  color: #3f3f3f;
  background-color: #c0c1c2;
  width: 170px;
  }

/* メイン  */ 

.change_ma li a {
  font-size: 20px;
  text-decoration: none; 
  }
.change_ma1 a {
  color: #415aa7;
  text-decoration: none;  
  }
.change_ma li a:hover  {
  color: #415aa7;
  font-size: 20px;
  font-weight:bold;
  }


/* ページ番号下  */ 
.page_nu li a {
  font-size: 20px;
  text-decoration: none; 
  }
.page_nu_1 a {
  color: #415aa7;
  text-decoration: none;  
  }
.page_nu li a:hover  {
  color: #415aa7;
  font-size: 20px;
  font-weight:bold;
  }  
/* ▲対応一覧▲ */



/* ▼新規受付画面▼ */









/* col2ナビ */
#col2nav_1 a {
  text-decoration: none;  
  display:list-item;
  background: url(../img/nav_1co_sin.gif) no-repeat;
  width: 70px;
  height: 46px;  
  }
#col2nav_1 a:hover {
  text-decoration: none;
  display:list-item;
  background: url(../img/nav_1_2co_sin.gif) no-repeat;
  width: 70px;
  height: 46px;  
  }
  
#col2nav_2 a {
  text-decoration: none;
  display:list-item;
  background: url(../img/nav_2co_sin.gif) no-repeat;
  width: 70px;
  height: 46px;  
  }
#col2nav_2 a:hover {
  text-decoration: none;
  display:list-item;
  background: url(../img/nav_2_2co_sin.gif) no-repeat;
  width: 70px;
  height: 46px;  
  }  

#col2nav_3 a {
  text-decoration: none;
  display:list-item;
  background: url(../img/nav_3co_sin.gif) no-repeat;
  width: 70px;
  height: 46px;  
  }
#col2nav_3 a:hover {
  text-decoration: none;
  display:list-item;
  background: url(../img/nav_3_2co_sin.gif) no-repeat;
  width: 70px;
  height: 46px;  
  }    

#col2nav_4 a {
  text-decoration: none;
  display:list-item;
  background: url(../img/nav_4co_sin.gif) no-repeat;
  width: 70px;
  height: 46px;  
  }
#col2nav_4 a:hover {
  text-decoration: none;
  display:list-item;
  background: url(../img/nav_4_2co_sin.gif) no-repeat;
  width: 70px;
  height: 46px;  
  }

#col2nav_5 a {
  text-decoration: none;
  display:list-item;
  background: url(../img/nav_5co_sin.gif) no-repeat;
  width: 70px;
  height: 46px;  
  }
#col2nav_5 a:hover {
  text-decoration: none;
  display:list-item;
  background: url(../img/nav_5_2co_sin.gif) no-repeat;
  width: 70px;
  height: 46px;  
  }

#col2nav_6 a {
  text-decoration: none;
  display:list-item;
  background: url(../img/nav_6co_sin.gif) no-repeat;
  width: 110px;
  height: 46px;  
  }
#col2nav_6 a:hover {
  text-decoration: none;
  display:list-item;
  background: url(../img/nav_6_2co_sin.gif) no-repeat;
  width: 110px;
  height: 46px;  
  }   
 
/* ▲新規受付画面▲ */







/**
*テーブルのタイトル部分と入力部分の設定
*/
.inputArea{}
table.inputTable{
	width:100%;
}
table.resultTable {
	width:1180px;
}
#headerMenu th,
table.inputTable td, table.resultTable td{
	border:1px solid #9ea3a8;
	padding:2px
}
table.inputTable th, table.resultTable th{
	padding:2px;
	border:1px solid #9ea3a8;
	background-color: #f0f1f2;
	font-weight:normal;
}

#tab_1 .inputTable{
	margin-bottom:15px;
	border-collapse: separate;
	border-radius: 10px;
	border-spacing: 0;
	overflow: hidden;
}
#tab_1 .inputTable th,
#tab_1 .inputTable td{
	border:0;
	border-bottom:1px solid #9ea3a8;
}
#tab_1 .inputTable tr:last-child th,
#tab_1 .inputTable tr:last-child td{
	border-bottom:0;
}
#tab_1 .inputTable th{
	border-right: 1px solid #9ea3a8;
}
#tab_1 .inputTable.basic{
	border: 2px solid #459750;
}
#tab_1 .inputTable.basic th{
	border-right: 2px solid #459750;
	border-left: 2px solid #459750;
	background: #C7EEBB;
}
#tab_1 .inputTable.basic th:first-child{
	border-left: 0;
}
#tab_1 .inputTable.customer,
#tab_1 .inputTable.company{
	border: 2px solid #5197AB;
}
#tab_1 .inputTable.customer th,
#tab_1 .inputTable.company th{
	border-right: 2px solid #5197AB;
	border-left: 2px solid #5197AB;
	background: #BBEEEE;
}
#tab_1 .inputTable.customer th:first-child,
#tab_1 .inputTable.company th:first-child{
	border-left: 0;
}
#tab_1 .inputTable.sagyo{
	border: 2px solid #BD6E8A;
}
#tab_1 .inputTable.sagyo th{
	border-right: 2px solid #BD6E8A;
	border-left: 2px solid #BD6E8A;
	background: #FFCBE2;
}
#tab_1 .inputTable.sagyo th:first-child{
	border-left: 0;
}
#tab_1 .inputTable.serviceman{
	border: 2px solid #C09242;
}
#tab_1 .inputTable.serviceman th{
	border-right: 2px solid #C09242;
	border-left: 2px solid #C09242;
	background: #F9F6BD;
}
#tab_1 .inputTable.serviceman th:first-child{
	border-left: 0;
}
#tab_1 .inputTable.kekka{
	border: 2px solid #C09242;
}
#tab_1 .inputTable.kekka th{
	border-right: 2px solid #C09242;
	border-left: 2px solid #C09242;
	background: #F9F6BD;
}
#tab_1 .inputTable.kekka th:first-child{
	border-left: 0;
}
#tab_1 .inputTable.price{
	border	: 2px solid #459750;
}
#tab_1 .inputTable.price th{
	border-right: 2px solid #459750;
	border-left: 2px solid #459750;
	background: #C7EEBB;
}
#tab_1 .inputTable.price th:first-child{
	border-left: 0;
}

/**Table header**/
table.inputTable th{
	color:#3f3f3f;
	background-color: #f0f1f2;
	text-align: center;
}

/**Table input**/
table.inputTable td{
	color: 3f3f3f;
	text-align: left;
}



/**Table header2 高さの設定追加**/
table.inputTable2 th{
	font-size: 12px;
	vertical-align: middle;
	padding: 2pt;
	color: white;
	background-color: #fffee0;
	text-align: center;
	/*太い字の項目ラベルはちょっと見にくいです*/
	font-weight:normal;
	height:30px;
}

/**Table input2**/
table.inputTable2 td{
	font-size: 12px;
	vertical-align: middle;
	padding: 2pt;
	color: black;
	background-color:   #eeeeee;
	text-align: left;
	height:30px;
}

/**
*オペレーター権限レベルの一覧表部分の設定
*/
table.authorityTable th{
	border:1px solid #7C7B7B;
	padding:2px;
	text-align: center;
	font-size: 14px;
	font-weight:bold;
	color: #664433;
	background-color: #fffee0;
}
table.authorityTable td{
	border:1px solid #7C7B7B;
	padding:2px;
	text-align: center;
	font-size: 14px;
	font-weight:bold;
}

/**Table result**/
table.resultTable td{
	color: black;
}

table.resultTable th{
	color: white;
}

table.resultTable tr.darkLine{
	background-color: #f5f5f5;
}

table.resultTable tr.lightLine{
	background-color: white;
}
table.resultTable tr.darkLine:hover,
table.resultTable tr.lightLine:hover{
	//opacity:0.5;
	background-color:#aaa;
	cursor:pointer;
	color:#fff;
}
table.resultTable tr.darkLine:hover td,
table.resultTable tr.lightLine:hover td{
	color:#fff;
}

/**
*金額、割引率等の数値を入力するInputタグの全てに指定してください
*/
input.priceStyle, input.realNumberStyle{
	text-align: right;
	ime-mode: disabled;
	
}
/**
*上記以外で、数値を登録したい場合は下記のクラスを指定してください。
*コードを登録する際にも指定できます。
*日付、電話番号、郵便番号、法人コード等
*/
input.numberStyle, input.numbersWithHyphens, input.ipAddressStyle{
	text-align: left;
	ime-mode: disabled;
	
}
input.numberCenter{
	text-align:center;
	ime-mode: disabled;
}

/**
*自社品番を入力するInputタグの全てに指定してください
*/
input.productCodeStyle{
	text-align: left; ime-mode: disabled;
}


/**
*住所登録欄に指定してください（丁番地号を除く）
*/
input.addressStyle{
	width: 100%; text-align: left; ime-mode: active;
}

/*transparent = 透明
*このCLASSを使用して、慎重なラベルのように振る舞うreadonly INPUTを持つこと
*ができます。
*/
input.secretReadonlyInput{
	border-style:none;
	background-color:transparent;
}


.mainList{
	height: 300pt;
	overflow: scroll;
	position: relative;
	left: 0pt;
}






span.title {
	display:block;
	width:100%;
	font-weight:bold;
	margin:5px 0;
	overflow:hidden;
}
span.title>p{
	line-height:25px;
	float:left;
}
span.title>div.copy_button{
	margin-left:20px;
	float:right;
}
span.title>input{
	margin-left:20px;
	width:100px;
	float:right;
}
#to_shiji{
	width:150px;
}


/*transparent = 透明
*このCLASSを使用して、慎重なラベルのように振る舞うreadonly INPUTを持つこと
*ができます。
*/
input.secretReadonlyInput, .secretButton{
	border-style:		none;
	background-color:	transparent;
}
.secretButton{
	color: white;
	width: 100%;
	cursor: pointer;
}


/**    schedule    **/
div.servicemanSchedule .searchTable,
.scheduleCal{
	width:50%;
	float:left;
}
.scheduleLeftTd table{
	width:100%;
}
.scheduleLeftTd table td{
	background:#fff;
}

.normalbtn,
a.normalbtn,
button{
	border-top: 1px solid #dcdcdc;
	border-left: 1px solid #dcdcdc;
	border-right: 1px solid #808080;
	border-bottom: 1px solid #808080;
	background:#f5f5f5;
}

.mapViewBtn:hover{
	opacity:0.5;
	cursor: pointer;
}


//クリスマスcss
//#TOP{
//	background:#B81C22;
//}
//#MENU{
//	background: #00532E;
//}
//body{
//	background : url("../img/christmas02.png");
//}
//.searchBtnContainer,
//.headerList table,
//.footPageChanger{
//	background:none;
//}
//.resultListArea{
//	background:#fff;
//}