@charset "utf-8";

/* ------------------------------------------------------------
* パトロールアプリ 部分修正 CSS *
------------------------------------------------------------*/

/*----- 共通部分 -----*/
.center {
  text-align: center;
}

.mgR30 {
  margin-right: 30px;
}


/* パトロール管理　一覧
------------------------------------------------------------*/

/*----- 共通部分 -----*/
.content input {
  padding: 5px;
  font-size: 1.1em;
}


/*----- add_btn -----*/
.add_btn form {
  /*width: 32%;*/
  float: left;
  text-align: center;
  font-size: .85em;
  margin-left: 2%;
}

.add_btn form:first-child,
.add_btn form:last-child {
  margin-left: 0;
}

@media only screen and (min-width:679px){
  .add_btn form {
    text-align: left;
    width: auto;
  }
  
  .add_btn form:last-child {
    margin-left: 2%;
  }
}


/*----- select_btn -----*/
.sele_btn01 p {
  /*width: 32%;*/
  float: left;
  margin-right: 2%;
}

.sele_btn01 p:last-child {
  margin-right: 0;
}

@media only screen and (min-width:679px){
	.sele_btn01 p {
	  width: 32%;
	}
}

.sele_btn01 p a {
	background: #f6f6f6;
	background: -moz-linear-gradient(top, #f6f6f6 25%, #dfdfdf 100%);
	background: -webkit-linear-gradient(top, #f6f6f6 25%,#dfdfdf 100%);
	background: linear-gradient(to bottom, #f6f6f6 25%,#dfdfdf 100%); 
	border-radius: 2px;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
	box-sizing: border-box;
	border: #999 1px solid;
    white-space: pre;
	padding: 6px;
    text-align: center;
    width: 100%;
    display: block;
    color: #000;
}

	.sele_btn01 p.active a {
	  background: -moz-linear-gradient(top, #e2d7ea 25%, #fcf8ff 100%);
	  background: -webkit-linear-gradient(top, #e2d7ea 25%,#fcf8ff 100%);
	  background: linear-gradient(to bottom, #e2d7ea 25%,#fcf8ff 100%);
      font-weight: bold;
	}

/*
	.sele_btn01 p.active a {
	  color: #fff;
	  background: -moz-linear-gradient(top, #b08dcd 25%, #9b7db5 100%);
	  background: -webkit-linear-gradient(top, #b08dcd 25%,#9b7db5 100%);
	  background: linear-gradient(to bottom, #b08dcd 25%,#9b7db5 100%);
      border: #78648a 1px solid;
	}
*/

.sele_btn02 li {
  float: left;
  margin-right: 4px;
}

	.sele_btn02 li:last-child {
	  margin-right: 0
	}

.sele_btn02 li a,
.readmore a {
  cursor: pointer;
  display: block;
  background: #b08dcd;
  border-bottom: #78648a 2px solid;
  border-right: #78648a 1px solid;
  color: #fff;
  text-align: center;
  padding: 5px 9px;
}

.sele_btn02 li.active a {
  background: #337db6;
  border-bottom: #214b6b 2px solid;
}

/*----- search_area -----*/
.search_area form {
  display: table;
  width: 100%;
}

.search_area .serch_box,
.search_area .serch_btn {
  display: table-cell;
  box-sizing: border-box;
}

.search_area .serch_box {
  width: 70%;
}

.search_area .serch_btn {
  width: 30%;
}


/*----- pato_list -----*/
.pato_list .e_area1 {
  float: left;
  box-sizing: border-box;
  width: 49%;
  margin: 0 2% 0 0;
}

.pato_list .e_area1:nth-of-type(2n) {
  margin: 0;
}

	.pato_list .e_area1 img {
	  max-width: 100%;
	}
	
	.e_area1 .th_pict {
	  position: relative;
	  overflow: hidden;
	  height: 90px;
	}

.pato_list .e_text1 {
  font-size: .9em;
  color: #999;
  margin-bottom: 0;
}

@media only screen and (min-width:679px){
  .pato_list .e_area1,
  .pato_list .e_area1:nth-of-type(2n) {
    width: 32%;
    margin: 0 2% 0 0;
  }
  
  .pato_list .e_area1:nth-of-type(3n) {
    margin: 0;
  }
  
  .e_area1 .th_pict {
    height: 150px;
  }
}



/* パトロール情報登録画面
------------------------------------------------------------*/
.required {
  color: #fff;
  background: #DA0023;
  font-size: 80%;
  padding: 1px 3px 2px;
  margin-left: 5px;
}

.content .err_text {
  color: #DA0023;
  font-weight: bold;
  margin-bottom: 0;
}

.content .bg_attention {
  background: #e2d7ea;
}

.table.check_list th {
  width: 70%;
}

.table.check_list th.center {
  width: 20%;
}

.table.normal,
.table.check_list {
  table-layout: fixed;
}

table.table.check_list td {
  width: 60%;
}

table.table.check_list td.center {
  width: 20%;
}

table.table.check_list td span {
  display: block;
  font-weight: bold;
}


/*----- table.normal -----*/

@media only screen and (max-width:480px){
	table.normal th,
	table.normal td{
	  width: 100%;
	  display: block;
	  box-sizing: border-box;
	  border: none;
	}
	
	table.normal tr {
	  border-top: 1px solid #cacaca;
	  border-left: 1px solid #cacaca;
	  border-right: 1px solid #cacaca;
	}
	
	table.normal tr:last-of-type {
	  border-bottom: 1px solid #cacaca;
	}
}