/* 共通（装飾追加） */
img {
  border: 0;
  vertical-align: bottom;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  margin: 0;
}

/* ヘッダー（装飾追加）*/
#header img {
  width: 508px;
}
#header h1 {
  margin: 0;
  padding-top: 25px;
  font-size: 32px;
  color: #ffffff;
}

#header h2 {
  padding: 1px;
  font-size: 12px;
  color: #ffffff;
  padding-right: 6px;
  padding-left: 6px;
  /*background: #80989b;*/
  /*background: #008080;*/
  background:#2f4f4f;
  border: 0px solid #C1C1C1;
}

#header #pr p {
  margin: 0;
  font-size: 11px;
  color: #ffffff;
}

#header #contact li {
  list-style: none;
  float: left;
  font-size: 11px;
  margin-left: 15px;
}

#header #contact .tel {
  /*color: #000000;*/
  color: #ffffff;
  font-size: 22px;
  font-weight: bold;
  letter-spacing: -1px;
  line-height: 1.0;
}

/* メニュー（装飾追加）*/
#menu li {
  /*color: #000000;*/
  color:#ffffff;
  text-align: center;
  list-style-type: none;
}
#menu li a {
  display: block;
  /*width: 129px;*/
  line-height: 30px;
  border-collapse: collapse;
  border: 1px solid #D8D8D8;
  font-weight: bold;
  font-size: 12px;
  white-space: nowrap;
}

#menu li a:hover {
  /*color: #6289C6;*/
  color:#4682b4;
  background: #ffffff;
  z-index: 100;
}

#menu2 li {
  /*color: #000000;*/
  color:#ffffff;
  text-align: center;
  list-style-type: none;
}
#menu2 li a {
  display: block;
  /*width: 129px;*/
  line-height: 30px;
  border-collapse: collapse;
  border: 1px solid #D8D8D8;
  font-weight: bold;
  font-size: 12px;
  white-space: nowrap;
}

#menu2 li a:hover {
  /*color: #6289C6;*/
  color:#4682b4;
  background: #ffffff;
  z-index: 100;
}

/* メイン（装飾追加）*/
#contents {
  clear: both;
}

#main a {
  padding: 1px;
  font-size: 14px;
  color: #ffffff;
  padding-right: 6px;
  padding-left: 6px;
  /*background: #6289C6;*/
  background:#4682b4;
  border: 1px solid #C1C1C1;
  text-align: center;
}

#main a:hover {
  color: #e0e7f4;
  text-decoration: underline;
}

#main h2 {
  margin-bottom: 8px;
  padding: 0 0 0 10px;
  color: #5A482B;
  font-family: Georgia, "MS 明朝", "Hiragino Mincho Pro W3", "ヒラギノ明朝 Pro W3", serif;
  font-size: 16px;
  font-weight: bold;
  line-height: 28px;
  border: 1px solid #D8D8D8;
}

#main h3 {
  margin-bottom: 3px;
  padding-left: 10px;
  color: #4692b4;
  font-size: 18px;
  /*border-bottom: 1px solid #999;*/
  width:98%; height:40;margin:10px;
}

#main_daicho h3 {
  margin-bottom: 3px;
  padding-left: 10px;
  color: #4692b4;
  font-size: 18px;
  /*border-bottom: 1px solid #999;*/
  width:98%; height:40;margin:10px;
}

#main h4 {
  margin-bottom: 2px;
  padding: 8px;
  font-size: 16px;
  /*background: #6289C6;*/
  /*background: #4692b4;*/
  background: #ffffff;
  color: #4692b4;
  width:350px;
}

#main h5 {
  margin-bottom: 2px;
  font-size: 12px;
  border-bottom: 1px solid #5A482B;
}

#main h6 {
  margin-bottom: 2px;
  font-size: 12px;
}

#main p {
  margin: 0 0 1em 0;
  /*font-size: 12px;*/
    font-size: 18px;
}

#main ul,
ol,
dl {
  font-size: 12px;
}

#main dt {
  margin-bottom: 3px;
}

#main dd {
  padding: 0;
  margin: 0 0 0.5em 1em;
  padding: 3px;
  background: #ffffff;
}

#main dl.information dt {
  float: left;
  margin: 0;
  padding: 0;
}

#main dl.information dd {
  margin: 5px 0;
  padding: 0 0 0.5em 8em;
}

#main table {
  /*width: 100%;*/
  border-collapse: collapse;
  table-layout:fixed;
}

#main_daicho h2 {
  margin-bottom: 8px;
  padding: 0 0 0 10px;
  color: #5A482B;
  font-family: Georgia, "MS 明朝", "Hiragino Mincho Pro W3", "ヒラギノ明朝 Pro W3", serif;
  font-size: 16px;
  font-weight: bold;
  line-height: 28px;
  border: 1px solid #D8D8D8;
}

/***** table css here ******/
#main table th {
  /*padding: 5px;*/
  padding: 2px;
  font-size: 12px;
  /*text-align: center;*/
  text-align: left;
  border: 1px solid #ddd;
  background: #EBEADD;
  /*background: #80989b;*/
  /*color:#ffffff;*/
  /*background: #f5f5f5;*/
}
#main_daicho table th {
  /*padding: 5px;*/
  padding: 2px;
  font-size: 12px;
  /*text-align: center;*/
  text-align: left;
  border: 1px solid #ddd;
  background: #EBEADD;
}
#main table td {
  padding: 2px;
  font-size: 12px;
  text-align: left;
  border: 0px solid #ddd;
}
#main_daicho table td {
  padding: 2px;
  font-size: 12px;
  text-align: left;
  border: 0px solid #ddd;
}
#main table caption {
	/*border: 1px solid #ddd;*/
	font-size: 15px;
	padding-top:2px;
	padding-left:10px;
	/*background: #EBEADD;*/
	background: #ffffff;
	text-align: left;
	font-weight: bold;
	margin-bottom:2px;
}
#main_daicho table caption {
	font-size: 15px;
	padding-top:2px;
	padding-left:10px;
	background: #ffffff;
	text-align: left;
	font-weight: bold;
	margin-bottom:2px;
}


#main table td.number{
  text-align: right;
}

#main img.small {
  width: 180px;
}

#main img.middle {
  width: 240px;
}

#main img.big {
  width: 540px;
}

.meiginin {
	/*float:left;*/
	background:#C1C1C1;
	width:60%;
	padding:0px 0px 0px 0px;
	margin:0px 20px 0 10px;
}

#main .submit_a{
  float: right;
  padding: 1px;
  font-size: 14px;
  color: #ffffff;
  padding-right: 6px;
  padding-left: 6px;
  background: #6289C6;
  /*background: #4682b4;*/
  border: 1px solid #C1C1C1;
  text-align: center;
}

#main .error{
  color: #ff0000;
  font-weight: bold;
}

#main .btn a {
  /*background-color: #84b9cb;*/
  /*color: #ffffff;*/
  background-color: #ffffff;
  color: #53727d;
  font-size: 18px;
  /*font-family: 'Bitter', serif;*/
  width: 260px;
  display: block;
  text-align: center;
  line-height: 50px;
  margin-top: 15px;
  margin-right: 40px;
  margin-left: 40px;
  margin-bottom: 10px;
  border-radius: 10px;
  /*border: 3px solid #ffffff;*/
  border: 2px solid #84b9cb;
  float: left;
}

#main .btn a:hover {
  text-decoration: none;
  /*background-color: #53727d;*/
  /*color: #53727d;*/
  background-color: #84b9cb;
  color: #ffffff;
}
/*---------台帳印刷　ボタン-------------------*/
#main .daicho-print-botton {
	float: right;
	margin:0px 10px 10px 10px;
}
#main_daicho .daicho-print-botton {
	float: right;
	margin:0px 10px 10px 10px;
}
/*---------台帳入力　IDエリア-------------------*/
#main .daicho-id-area {
	margin:10px 0px 5px 10px;
	display:inline;
}
#main .daicho-id-area th {
	padding-left:10px;
}
#main .daicho-id-area td {
	border: 1px #d4dcd6 solid;
	background:#ffffff;
}
#main .daicho-id-area input {
	border: none;
}
/*---------台帳表示　IDエリア-------------------*/
#main_daicho .daicho-id-area {
	margin:10px 0px 5px 10px;
	display:inline;
}
#main_daicho .daicho-id-area th {
	padding-left:10px;
}
#main_daicho .daicho-id-area td {
	border: 1px #d4dcd6 solid;
	background:#ffffff;
}
#main_daicho .daicho-id-area input {
	border: none;
}
#main_daicho .error-area{
	width:600px;
	margin-left:20px;
}
/*---------台帳入力　名義人エリア-------------------*/
#main .meigi-area{
	float:left;
	background:#ffffff;
	width:96%;
	padding:0px 0px 90px 10px;
	margin:10px 5px 0px 20px;
}
#main .meigi-area table{
	width:98%;margin-top:8px;
}
#main .meigi-area th{
	width:260px;
	background:#ffffff;
	color:#000;
	font-size:2.2ex;
}
#main .meigi-area td{
	border: 1px #ddd solid;
}
#main .meigi-area td font{
	color:#808080;
}
#main .meigi-area input{
	width:150px;
	border: none;
	background:#ffffff;
	color:#000000;
	font-size:2.2ex;
}
/*---------台帳入力　連絡先エリア-------------------*/
#main .renrakusaki{
	float:left;
	background:#ffffff;
	width:96%;
	padding:0px 10px 114px 10px;
	margin:10px 5px 0px 20px;
}
#main .renrakusaki table{
	width:98%;margin-top:10px;
}
#main .renrakusaki th{
	width:260px;
	background:#ffffff;
	color:#000;
	font-size:2.2ex;
}
#main .renrakusaki td{
	border: 1px #ddd solid;
}
#main .renrakusaki td font{
	color:#808080;
}
#main .renrakusaki input{
	width:150px;
	border: none;
	background:#ffffff;
	color:#000000;
	font-size:2.2ex;
}
/*---------台帳入力　利用状況エリア-------------------*/
#main .jyokyo{
	float: left;
	width:96%;
	background:#ffffff;
	padding:0px 10px 10px 10px;
	margin:10px 0px 5px 20px;
}
#main .jyokyo table{
	width:98%;
	margin-top:10px;
}
#main .jyokyo th{
	width:260px;
	background:#ffffff;
	color:#000;
	font-size:2.2ex;
}
#main .jyokyo td{
	border: 1px #ddd solid;
}
#main .jyokyo td font{
	color:#808080;
}
#main .jyokyo input{
	width:60px;
	border: none;
	background:#ffffff;
	color:#000000;
	font-size:2.2ex;
}
#main .jyokyo select {
	width:180px;
	border: 1px #ddd solid;
	background:#ffffff;
	color:#000000;
	font-size:2.2ex;
}
#main .jyokyo textarea {
	border: 1px #ddd solid;
	background:#ffffff;
	color:#000000;
	font-size:2.2ex;
}
/*---------台帳検索　検索キーエリア-------------------*/
#main .search-key-area{
	float:left;
	background:#ffffff;
	width:90%;
	padding:0px 0px 0px 0px;
	margin:10px 10px 20px 20px;
}
#main .search-key-area table{
	border:0;
	width:100%;
	/* cellspacing:0;
	cellpadding:0; */
}
#main .search-key-area td {
	padding:15px 20px 8px 18px;
	width:100%;
	background-color:#ffffff;
	font-size:2ex;
}
#main .error-area{
	width:600px;
	/*margin-left:20px;*/
}
/*--------------検索ページ用------------------*/
#main .search-kekka-ichiran{
	clear:both;
	height:100%;
	min-height: 400px;
	text-align: center;
	margin:50px 25px 40px 25px;
}
#main .search_result_midashi_list{
	float:left;
	background:#d4dcd6;
	padding:0px 0px 0px 0px;
	margin:10px 10px 20px 20px;
}
#main .search_result_list{
	border:0;
	width:100%;
}
#main .search_result_list td{
	height:10;
}
#main .search_result_botton_area{
	float: right;
	margin:10px 10px 10px 10px;
}
/*--------------法要予定日検索--------------*/
#main .houyou-search-key-area{
	float:left;
	background:#ffffff;
	width:90%;
	padding:0px 0px 0px 0px;
	margin:10px 10px 20px 20px;
}
#main .houyou-search-key-area table{
	border:0px #ddd solid;
	width:100%;
	/* cellspacing:0;
	cellpadding:0; */
}
#main .houyou-search-key-area th{
	border:0px #ddd solid;
	margin:0px 0px 0px 20px;
	width:120px;
	background:#ffffff;
}
#main .houyou-search-key-area td{
	border: 0px #ddd solid;
	font-size:4;
	padding-left:10px;
}
#main .houyou-search-key-area select {
	border: 1px #ddd solid;
	width:80px;
}
#main .houyou-search-key-area-nenkaihyou{
	clear:both;
	width:98%;
	height:25px;
	margin:10px;
}
#main .houyou-search-key-area-nenkai-ichiran{
	clear:both;
	height:100%;
	min-height: 450px;
	text-align: center;
	margin:5px 25px 0px 5px;
}
/*---------台帳表示　TABエリア-------------------*/
#main_daicho .tab-area{
	float: left;
	border:0;
	width:95%;
	margin:0px 10px 10px 25px;
}
#main_daicho .tab-area table{
	border:0;
	width:100%;
	margin-top:10px;
}
#main_daicho .tab-area th{
	font-size:1.2em;
	color:#008000;
	background:#d4dcd6;
}
#main_daicho .tab-area td{
	height:10;
}
/*---------台帳表示　名義人エリア-------------------*/
#main_daicho .meigi-area1{
	float:left;
	background:#abced8;
	/*background:#80989b;*/
	width:31%;
	padding:0px 0px 64px 10px;
	margin:10px 5px 5px 10px;
}
#main_daicho .meigi-area1 table{
	width:315px;margin-top:8px;
}
#main_daicho .meigi-area1 caption{
	background:#80989b;
	color:#ffffff;
}
#main_daicho .meigi-area1 th{
	/*width:260px;*/
	background:	#80989b;
	color:#ffffff;
}
#main_daicho .meigi-area1 td{
	width:180px;
	border: 1px #ddd solid;
}
#main_daicho .meigi-area1 input{
	width:150px;
	border: none;
	/*background:#ffffff;*/
	background:#abced8;
	color:#000000;
	font-size:2.2ex;
}
/*---------台帳表示　連絡先エリア-------------------*/
#main_daicho .renrakusaki{
	float:left;
	background:#ffffff;
	border: 1px #ddd solid;
	width:32%;
	padding:0px 0px 140px 10px;
	margin:10px 5px 0px 10px;
}
#main_daicho .renrakusaki table{
	width:315px;margin-top:10px;
}
#main_daicho .renrakusaki th{
	width:135px;
}
#main_daicho .renrakusaki td{
	border: 1px #ddd solid;
}
#main_daicho .renrakusaki input{
	width:100px;border: none;
}
/*---------台帳表示　利用状況エリア-------------------*/
#main_daicho .jyokyo{
	float: left;
	width:32%;
	background:#ffffff;
	padding:0px 10px 10px 10px;
	margin:10px 0px 5px 10px;
}
#main_daicho .jyokyo table{
	width:98%;
	margin-top:8px;
}
#main_daicho .jyokyo th{
	width:170px;
}
#main_daicho .jyokyo td{
	/*width:180px;*/
	border: 1px #ddd solid;
}
#main_daicho .jyokyo td font{
	color:#808080;
}
#main_daicho .jyokyo input{
	width:60px;
	border: none;
	background:#ffffff;
	color:#000000;
	font-size:2.2ex;
}
#main_daicho .jyokyo textarea {
	border: 1px #ddd solid;
	background:#ffffff;
	color:#000000;
	font-size:2.2ex;
}
/*---------台帳入力・表示共通　コマンドボタン/一覧エリア---------------*/
.CmdButton {
	clear:both;
	width:600px;
	border:0px;
	margin:0px 0px 0px 300px;
}
.CmdButton2 {
	clear:both;
	margin:5px 0px 15px 250px;
	padding-top:5px;
}
.ichiran{
	float:left;
	border:0;
	width:95%;
	margin:0px 10px 10px 35px;
}
.ichiran table{
	border:0;
	width:100%;
	margin-top:10px;
}
.ichiran-meisai td{
	height:10px;
}
.ichiran2{
	text-align: center;
	margin:0px 10px 10px 20px;
	clear:both;
}
.ichiran2 table{
	border:0;
	width:100%;
	margin-top:10px;
}
.delete-msg{
	clear:both;
	height:650px;
	text-align: center;
	margin:10px 25px 40px 25px;
}
.CmdModoru-botton{
	clear:both;
	width:600px;
	border:0px;
	margin:50px 0px 5px 400px;
}
/*---------過去帳メンテナンス---------------*/
#main .kakocho-mente-left{
	float:left;
	background:#ffffff;
	width:410px;
	padding:0px 0px 98px 10px;
	margin:10px 0px 0px 10px;
}
#main .kakocho-mente-left table{
	width:400px;
	margin-top:10px;
}
#main .kakocho-mente-left th{
	/*width:120px;*/
	background:#80989b;
	color:#ffffff;
}
#main .kakocho-mente-left td{
	border:1px #ddd solid;
	padding-left:10px;
}
#main .kakocho-mente-left input{
	border: none;
	padding-left:10px;
}
#main .kakocho-mente-right{
	float:left;
	background:#ffffff;
	width:510px;
	padding:0px 0px 10px 10px;
	margin:10px 5px 0 20px;
}
#main .kakocho-mente-right table{
	width:500px;
	margin-top:10px;
}
#main .kakocho-mente-right th{
	background:#ffffff;
	width:230px;
}
#main .kakocho-mente-right td{
	/*width:75px;*/
	border: 1px #ddd solid;
}
#main .kakocho-mente-right input{
	font-size:1.8ex;
	width:160px;
	border: none;
}
/*---------区画管理---------------*/
#main .kukaku-mente{
	float:left;
	width:60%;
	padding:0px 0px 0px 10px;
	margin-bottom:35px;
}
#main .kukaku-mente input{
	border: none;
	text-align:right;
}
#main .kukaku-data table{
	border: none;
	width:600px;
	margin-top:5px 0px 0px 10px;
}
#main .kukaku-data th{
	border: 1px #d4dcd6 solid;
	width:240px
}
#main .kukaku-data td{
	border: 1px #d4dcd6 solid;
	background:#ffffff;
	width:400px;
}
#main .kukaku-id-area{
	margin:10px 0px 5px 0px;
	display:inline;
}
#main .kukaku-id-area th{
	width:150px;
	padding-left:10px;
}
#main .kukaku-id-area td{
	border: 1px #d4dcd6 solid;
	background:#ffffff;
	width:110px;
}
#main .kukaku-button-area{
	margin:15px 0px 0px 300px;
	text-align:center;
}
#contents h2.host {
  margin-bottom: 8px;
  padding: 0 0 0 10px;
  color: #5A482B;
  font-family: Georgia, "MS 明朝", "Hiragino Mincho Pro W3", "ヒラギノ明朝 Pro W3", serif;
  font-size: 12px;
  font-weight: bold;
  line-height: 28px;
  border: 1px solid #D8D8D8;
}

#contents table.host {
  width: 100%;
  border-collapse: collapse;
}

#contents table.host th {
  padding: 5px;
  font-size: 12px;
  text-align: center;
  border: 1px solid #ddd;
  /*background: #EBEADD;*/
  background:#FF0000; /*無効*/
  white-space: nowrap;
}

#contents table.host td {
  padding: 5px;
  font-size: 12px;
  text-align: left;
  border: 1px solid #ddd;
}

#contents .submit_a{
  float: right;
  padding: 1px;
  font-size: 14px;
  color: #ffffff;
  padding-right: 6px;
  padding-left: 6px;
  background: #6289C6;
  border: 1px solid #C1C1C1;
  text-align: center;
  white-space: nowrap;
}

/* サイド（装飾追加）*/
#side {
  /*background: #e0e7f4;*/
  background: #2f4f4f;
  /*background: #abced8;*/
}

#side section {
  margin-bottom: 10px;
}

#side h2 {
  padding: 3px;
  /*font-size: 14px;*/
  font-size: 20px;
  font-weight: bold;
  color: #fff;
  padding-left: 10px;
  background: #2f4f4f;
  /*background: #008080;*/
  /*background: #53727d;*/
  /*background: #ffa500;*/
  border-bottom: 1px solid #C1C1C1;
  border-right: 0px solid #C1C1C1;
  text-align: center;
}

#side ul {
  /*margin: 5px 0 0 5px;*/
  margin: 5px 0 0 0px;
  padding: 0;
}

#side li {
  padding: 5px 0 5px 0;
  font-size: 14px;
  line-height: 1.4;
  list-style: none;
  color: #fff;
}

#side li a {
  display: block;
  padding-left: 12px;
  ;
}
#side div#action_alert {
	margin-top: 0.5em;
	color: #ffffff;
}
#side div#action_alert span {
	/*display: block;*/
	font-size: 1.3em;
}
#side div#latest_action_link {
	margin-top: 0.5em;
	padding-right: 0.5em;
	text-align: right;
}
#side div#latest_action_link a {
	font-size: 1em;
	text-decoration: underline;
}
/*各ページの見出し*/
.item_header {
	width: 98%;
	height: 40px;
	margin: 10px;
}

/*コンテンツブロック*/
.content_block {
	background: #ffffff;
	width: 90%;
	padding: 0px 0px 0px 0px;
	margin: 10px 10px 10px 20px;
}
.content_block_2nd {
	min-height: 400px;
	margin:20px 25px 40px 25px;
}


/*請求・入金管理*/
/*検索条件入力フォーム　テーブル*/
table#seikyu_condition_keyword {
	border: none;
	width: 100%;
}
#seikyu_condition_keyword td {
	padding: 10px 10px 10px 20px;
	width: 100%;
	background-color: #ffffff;
	font-size:1em;
}
#seikyu_condition_keyword td input[type="text"] {
	margin-left: 0px;
	margin-bottom: 5px;
}
.seikyu_condition_block {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	/*width: 490px;*/
	width: 490px;
	margin-left: 10em;
	margin-bottom: 1em;
}
.seikyu_condition_block label {
	display: flex;
	/*align-items: center;*/
	margin-bottom: 1em;
}

#seikyu_condition_month {
	border: none;
	width: 100%;
}
#seikyu_condition_month td {
	padding: 5px 0px 0px 127px;
	background-color: #ffffff;
	width: 120px;
	font-size: 1em;
}
#seikyu_condition_month td label {
	margin-left: 10em;
}
#seikyu_condition_month td select {
	margin-left: 0px;
	width:50px;
}
.button_block {
	margin: 0.1em 0;
}
.button_block input {
	width: 70px;
}
#seikyu_search_button_block {
	text-align: right;
	margin-right: 2em;
}
/* #seikyu_search_result_block{
} */
#seikyu_search_result_block h3 {
	text-align: center;
}
#seikyu_search_result_number {
	background: #d4dcd6;
	padding: 0px 0px 0px 0px;
	margin: 10px 10px 20px 20px;
	font-size:1.5em;
}
#seikyu_search_result_header {
	width: 100%;
}
#seikyu_search_result_header td {
	font-size: small;
	color:#008000;
}
#seikyu_search_result_list {
	border: 0;
	width:100%;
}
#seikyu_search_result_list td {
	height: 40px;
}

/**************** A4印刷用のCSS ****************/
#a4print table {
border-collapse:collapse;
}
#a4print th {
border: 1px #000 solid;
text-align:center;
color:#2f4f4f;
background-color:#D8D8D8 !important;
}
#a4print td {
border: 1px #000 solid;
padding-left:5px;
}
/*---------------- 台帳印刷 button ---------*/
button.button-print {
    /* 文字サイズを1.4emに指定 */
    font-size: 1em;
    /* 文字の太さをboldに指定 */
    font-weight: bold;
    /* 縦方向に8px、
     * 横方向に20pxの余白を指定 */
    padding: 6px 15px;
    /* 背景色を濃い青色に指定 */
    background-color: #abced8;
    /* 文字色を白色に指定 */
    /*color: #fff;*/
    color: #248;
    /* ボーダーをなくす */
    border-style: none;
}
button.button-print:hover {
    /* 背景色を明るい青色に指定 */
    background-color: #008080;
    /* 文字色を白色に指定 */
    color: #fff;
}
/*---------------- 用語解説・利用方法  ---------*/
.instractions {
    width: 900px;
    margin: 0 10px;
    float: left;
    padding:30px 30px 0px 10px;
    font-size:3.0ex;
}
.instractions table {
    width:95%;
    margin:10px 0px 5px 10px;
    display:inline;
}
.instractions th {
    /*width:25%;*/
    padding: 10px 0px 10px;
    border: 1px #a9a9a9 solid;
    background:#dcdcdc;
}
.instractions td {
    /*width:75%;*/
    /*padding:10px 10px 10px 10px;*/
    border: 1px #a9a9a9 solid;
    background:#ffffff;
    /*background:#000000;*/
}
.article {
	display:  inline-block;     /* インラインブロック要素にする */
	vertical-align:  top;
    width:450px;
    margin:5px 40px 10px 30px;
}
.article p{
	font-size:14px;
	line-height: 1.5em;
	padding:0px 0px 10px 0px;
}
.article img{
	/* margin:0px 0px 30px 0px; */
	padding:0px 0px 40px 0px;
}
.list-tables {
	width: 900px;
    margin: 0 10px;
    float: left;
    padding:10px 5px 0px 15px;
    /*font-size:3.0ex;*/
    font-family: "Times New Roman";
    font-style: oblique;

}
.list-tables th {
	color:#ff0000;
	font-style: oblique;
}
.list-tables a {
	color: #5A482B;
	margin:0px 10px;
}
/*---------------- TABスタイル定義  ---------*/
.cp_tab *, .cp_tab *:before, .cp_tab *:after {
	-webkit-box-sizing: border-box;
	        box-sizing: border-box;
}
.cp_tab {
	margin: 0.5em auto;
}
.cp_tab > input[type='radio'] {
	margin: 0;
	padding: 0;
	border: none;
	border-radius: 0;
	outline: none;
	background: none;
	-webkit-appearance: none;
	        appearance: none;
	display: none;
}
.cp_tab .cp_tabpanel {
	display: none;
}
.cp_tab > input:first-child:checked ~ .cp_tabpanels > .cp_tabpanel:first-child,
.cp_tab > input:nth-child(3):checked ~ .cp_tabpanels > .cp_tabpanel:nth-child(2),
.cp_tab > input:nth-child(5):checked ~ .cp_tabpanels > .cp_tabpanel:nth-child(3),
.cp_tab > input:nth-child(7):checked ~ .cp_tabpanels > .cp_tabpanel:nth-child(4),
.cp_tab > input:nth-child(9):checked ~ .cp_tabpanels > .cp_tabpanel:nth-child(5),
.cp_tab > input:nth-child(11):checked ~ .cp_tabpanels > .cp_tabpanel:nth-child(6),
.cp_tab > input:nth-child(13):checked ~ .cp_tabpanels > .cp_tabpanel:nth-child(7),
.cp_tab > input:nth-child(15):checked ~ .cp_tabpanels > .cp_tabpanel:nth-child(8),
.cp_tab > input:nth-child(17):checked ~ .cp_tabpanels > .cp_tabpanel:nth-child(9),
.cp_tab > input:nth-child(19):checked ~ .cp_tabpanels > .cp_tabpanel:nth-child(10),
.cp_tab > input:nth-child(21):checked ~ .cp_tabpanels > .cp_tabpanel:nth-child(11),
.cp_tab > input:nth-child(23):checked ~ .cp_tabpanels > .cp_tabpanel:nth-child(12) {
	display: block;
}
.cp_tab > label {
	position: relative;
	display: inline-block;
	padding: 8px;
	cursor: pointer;
	border: 1px solid transparent;
    border-bottom: 0;
    margin-left: 15px;
}
.cp_tab > label:hover,
.cp_tab > input:focus + label {
	/*color: #0066cc;*/
    color: #ff0000;
}
.cp_tab > input:checked + label {
	margin-bottom: -1px;
	/*border-color: #cccccc;*/
    border-color:#000000;
	border-bottom: 1px solid #ffffff;/*下線*/
	/*border-radius: 6px 6px 0 0;*/
	border-radius: 10px 10px 0 0;
}
.cp_tab .cp_tabpanel {
    min-height: 600px;
	padding: 0.5em 0em;
	border-top: 1px solid #000000;
}
@media (max-width: 480px) {
	.cp_tab {
		width: 100%;
		font-size: 0.8em;
	}
	.cp_tab label {
		padding: 0.5em;
	}
}