﻿@charset "UTF-8";
/* CSS Document */


/* ====================================

テーブル設計　共通　common_item.cssk記載

===================================== */
.common_tbl_layout {
  width: 100%;
  font-size: 12px;
  border-collapse: collapse;
  border-spacing: 0;
  /*font-size: 12px;*/ /*個別で指定*/
  border: solid 0px;
}
/*trのみライン*/
.common_tbl_layout tr {
  /*border-bottom: solid 1px #79C5CB;*/
  border-top: solid 1px #82B140; /*基本色*/
  /*padding-bottom:30px;*/
}
.common_tbl_layout tr:last-child {
  border-bottom: solid 1px #82B140; /*基本色*/
}
.common_tbl_layout td {
  vertical-align: middle;
  padding: 8px 4px;
  box-sizing: border-box;
  border-left: 0;
  /*border: solid 0px #82B140;*/ /*基本色*/
}

.common_tbl_layout .dummy{
	/*border-top: solid 0px #82B140;*/ /*基本色*/
		border-bottom: solid 0px #82B140; /*基本色*/
}
/*テーブルキャプション
---------------------------------------------------*/
/*左下*/
caption.caption_bottom_l {
  caption-side: bottom;
  text-align: left;
  margin-top: 5px;
}
/*左上*/
caption.caption_top_l {
  caption-side: top;
  text-align: left;
  margin-bottom: 5px;
}
/*-----------------------------------------------
詳細画面で使用（3項目）
-------------------------------------------------*/
table.item3_tbl{
	margin-bottom: 50px;
}
/*項目名称*/
table.item3_tbl .td01{
	width: 20%;
}
/*説明*/
table.item3_tbl .td02{
	/*width: 14%;*/
}
/*画像表示枠*//*commn_opem_close_box.css*/
table.item3_tbl .td03{
	width: 10%;
	text-align: center;
}

/*-----------------------------------------------
トップで使用（2項目）
-------------------------------------------------*/

table.item2_tbl{
		margin-bottom: 50px;
}
/*項目名称*/
table.item2_tbl .td01{
	width: 25%;
	/*縦ライン左　なし*/
	/*border-left: solid 0px  #82B140;*//*基本色*/
}
/*項目名称*/
table.item2_tbl .td02{
	width: 75%;
}

/*-----------------------------------------------
導入費用 ランニングコスト
-------------------------------------------------*/
table.price_tbl{
	margin-bottom: 50px;
}
/*テーブルヘッダー*/
table.price_tbl .tbl_header{
	border-top: 0;
		border-bottom:solid 2px #82B140;/*基本色*/
}
table.price_tbl .tbl_header td{
	text-align: center;

}
table.price_tbl tr:last-child{
	border-bottom:solid 0px;
}

table.price_tbl .total{
	border-top:solid 2px #82B140;/*基本色*/
}
/*金額揃える*/
table.price_tbl td div{
	  width: 80px;
  margin: 0 auto 0 auto;
  text-align: right;
  padding: 0 10px;
	border: solid 0px;
}
/*項目名称*/
table.price_tbl .td01{
	width: 20%;

	/*縦ライン左　なし*/
	/*border-left: solid 0px  #82B140;*//*基本色*/
}
/*項目名称*/
table.price_tbl .td02{
	width: 20%;
}

/*項目名称*/
table.price_tbl .td03{
	width: 20%;
		text-align: right;
}
/*項目名称*/
table.price_tbl .td04{
	width: 20%;
	}
/*項目名称*/
table.price_tbl .td05{
	width: 20%;
	text-align: center;
	}
/*-----------------------------------------------
保守作業
-------------------------------------------------*/

table.hosyu_tbl{
		margin-bottom: 50px;
}
/*項目名称*/
table.hosyu_tbl .td01{
	width: 25%;
	/*縦ライン左　なし*/
	/*border-left: solid 0px  #82B140;*//*基本色*/
}
/*項目名称*/
table.hosyu_tbl .td02{
	width: 75%;
}



/* ディバイスサイズ設定
============================================= */
@media (max-width: 800px) {
/*-----------------------------------------------
1）児童生徒情報リスト
2）給食数管理
（3アイテム構成）
-------------------------------------------------*/

/*項目名称*/
table.item3_tbl .td01{
	background-color: #B4F0F5;
}
/*説明*/
table.item3_tbl .td02,
	table.item3_tbl .td01,
	table.item3_tbl .td03{
		display:block;
		width: 100%;
}
/*画像表示枠*//*commn_opem_close_box.css*/
table.item3_tbl .td03{
	text-align:right;
	}
	}
/* タブレット用 */
@media (min-width: 801px) and (max-width: 1023px) {}
/* Desktop View------------------------------- */
@media (min-width: 1024px) {}