@charset "UTF-8";

/*================================================
 *  グローバルナビゲーション
 ================================================*/
@media screen and (min-width:768px) {
.ta1{
	width: 60%;
	margin: 0 0 20px 10px;
	float: left;
}
.ta1 th{
	width: 20%;
	background-color: #f3f9ed;
}
.ta2{
	width: 60%;
	margin: 0 0 20px 10px;
	float: left;
}
.ta2 th{
	width: 20%;
	background-color: #f8faee;
}
.ta3{
	width: 100%;
	margin: 0 0 20px 10px;
	float: left;
}
.ta3 th{
	width: 25%;
	background-color: #abcce1;
}
.ta3 td p{
	font-size: 10pt;
}
.ta4{
	width: 100%;
	margin: 0 0 20px 0;
}
.ta4 th{
	background-color: #e5f1fa;
}
.ta4 .t_text{
	font-size:10pt;
}
.ta4 .count{
	width: 7%;
}
/*==========================================
フォーム用
===========================================*/
  .tbl-layout dl {  
    width: 100%;
    margin: 0 auto;
    border-bottom: none;
  }
  .tbl-layout dt,
  .tbl-layout dd {
    padding: 20px;
  }
  .tbl-layout dt {
    font-size:16px;
    clear: both;
    float: left;
    width: 170px;
    background-color: #abcce1;
    border-top: 1px solid #FFFFFF;
  }
  .tbl-layout dd {
    font-size:14px;
    padding: 20px 0 25px 230px;
    border-top: 1px solid #FFFFFF;
    border-bottom: 1px solid #ccc;
    border-left: 1px solid #FFFFFF;
  }
  .tbl-layout .w300{
    width:80%;	
    height:24px;
  }
  .tbl-layout .w70{
    width:80px;	
    height:24px;
  }
  .tbl-layout .bdchange{
    border-bottom:1px solid #ccc;
  }

}

/*================================================
 *  タブレット向けデザイン
 ================================================*/
/* スクロールバーを考慮して20px大きいサイズで切り替え */
@media screen and (max-width:979px) {
.ta1{
	width: 100%;
}
.ta3 th{
	width: 25%;
	background-color: #abcce1;
}
.ta3 th,td{
	font-size:9pt;
}
.ta4 th,td{
	font-size:9pt;
}
.tbl-layout {  
  width: 100%;
  margin: 0 auto;
  border-bottom: none;
  background-color: #fff;
}
.tbl-layout dt,
.tbl-layout dd {
  padding: 10px 20px;
}
.tbl-layout dt {
	width: 98%;
  font-size:14px;
  background-color: #abcce1;
  border-top:1px solid #fff;
  border-left: 1px solid #fff;
}
.tbl-layout dd {
  font-size:10px;
  padding-top:10px;
  padding-bottom:20px;
  border-bottom: 1px solid #ccc;
}
.tbl-layout dd textarea {
  width:100%;
}
.tbl-layout .w300{
  font-size:12px;
  width:90%;	
  height:24px;
}
.tbl-layout .w70{
  font-size:12px;
  width:55px;	
  height:24px;
}
.tbl-layout .bdchange{
  border-bottom:none;	
}
}

/*================================================
 *  スマートフォン向けデザイン
 ================================================*/
@media screen and (max-width:767px) {
.ta1 th{
	width: 30%;
}
.ta1 th,td{
	font-size:7pt;
}
.ta3 th,td{
	font-size:7pt;
}
.ta4 th,td{
	font-size:7pt;
}
}