@charset "utf-8";

/*  https://ironodata.info/rgb.php?color=CC6600  配色情報  */

/* 検索画面 レイアウト start **********/
.search-frame {
    position: relative;
    margin: 4px 0;
    padding: 16px 16px;
    border: solid 2px #FF9933;
    border-radius: 8px;
}
.search-frame .box-title {
    position: absolute;
    display: inline-block;
    top: -13px;
    left: 10px;
    padding: 0 9px;
    line-height: 1;
    font-size: 19px;
    background: #FFF;
    color: #FF9933;
    font-weight: bold;
}

table.search {
    border: 1px solid #FF9933;
    border-collapse: separate;
    border-spacing: 1px;

    width: 100%;
    background: #FFF6D8;
    margin-bottom: 16px;
}
table.search th {
    padding: 4px;
    border: 1px solid #FF9933;
    background: #FFE899;
    /* color: #000000; */
}
table.search td {
    vertical-align: middle;
    padding: 4px;
    border-bottom: 1px dashed #FF9933;
}
/* 最終行の下線を表示しない */
table.search tr:last-child td{ border-bottom:none; }

/* 検索画面 レイアウト end **********/


/* 一覧画面 レイアウト start **********/
/* 共通 */
table.strong {
    border-collapse: separate;
    border-spacing: 1px;

    margin: 2px 0px;
}
table.strong th {
    text-align: center;
    padding:2px;
    color: #FFFFFF;
}
table.strong td {
    padding:2px;
}


/* 穏やかな青色 */
table.strong.tealblue {
    background: #225588;
}
table.strong.tealblue th {
    border: 1px solid #6699CC;
    background: #336699;
}
table.strong.tealblue tr,
table.strong.tealblue tr.tr1 {
    background: #EFEFFF;
}
table.strong.tealblue tr.tr2 {
    background: #DFEFFF;
}

/* 奥深い青みの緑色 */
table.strong.green {
    background: #006633;
}
table.strong.green th {
    border: 1px solid #00CC99;
    background: #009966;
}
table.strong.green tr,
table.strong.green tr.tr1 {
    background: #EFFFEF;
}
table.strong.green tr.tr2 {
    background: #DFFFBF;
}

/* 落ち着いた青色 */
table.strong.slateblue {
    background: #6666CC;
}
table.strong.slateblue th {
    border: 1px solid #9999FF;
    background: #6666CC;
}
table.strong.slateblue tr,
table.strong.slateblue tr.tr1 {
    background: #EFEFFF;
}
table.strong.slateblue tr.tr2 {
    background: #CCCCFF;
}


/* 円熟した橙 */
table.strong.brown {
    background: #663300;
}
table.strong.brown th {
    border: 1px solid #FF9933;
    background: #CC6600;
}
table.strong.brown tr,
table.strong.brown tr.tr1 {
    background: #FFEFCF;
}
table.strong.brown tr.tr2 {
    background: #FFCC99;
}

/* 落ち着いた青 */
table.strong.skyblue {
    background: #88BBFF;
}
table.strong.skyblue th {
    border: 1px solid #FFFFFF;
    background: #6699CC;
}
table.strong.skyblue tr,
table.strong.skyblue tr.tr1 {
    background: #FFFFFF;
}
table.strong.skyblue tr.tr2 {
    background: #DFEFFF;
}


/* 中間的なグレー */
table.strong.charcoal {
    background: #333333;
}
table.strong.charcoal th {
    border: 1px solid #999999;
    background: #666666;
}
table.strong.charcoal tr,
table.strong.charcoal tr.tr1 {
    background: #EFEFEF;
}
table.strong.charcoal tr.tr2 {
    background: #CCCCCC;
}

/* 重厚な紫みの赤 */
table.strong.maroon {
    background: #660000;
}
table.strong.maroon th {
    border: 1px solid #CC7A7A;  /* CC0000 CC2929 CC3D3D CC5252 CC6666 CC7A7A */
    background: #BB0022;
}
table.strong.maroon tr,
table.strong.maroon tr.tr1 {
    background: #FFEFEF;
}
table.strong.maroon tr.tr2 {
    background: #FFCCCC;
}


/* 一覧画面 レイアウト end **********/

/* ---------------------------------------------------------- */

/* 淡い色 */
table.light {
    width: 100%;
    border-collapse: separate;
    border-spacing: 0px;
    border-top:  1px solid #ccc;
    border-left: 1px solid #ccc;
}
table.light tr,
table.light tr.tr1 {
    background: #fcfcfc;
}
table.light tr.tr2 {
    background: #f5f5f5;
}
table.light th{
    padding:4px;
    text-align: left;
    color: #444;
    background-color: #ffe6cc; /* 弱い橙 */
    border-left:   1px solid #fff;
    border-top:    1px solid #fff;
    border-right:  1px solid #ccc;
    border-bottom: 1px solid #ccc;
}
table.light td{
    padding:4px;
    vertical-align:middle;
    border-right:  1px solid #ccc;
    border-bottom: 1px solid #ccc;
}

table.light.green_yellow th {
  background-color: #FEFFCC;  /* 弱い緑黄 */
}
table.light.yellow_green th {
  background-color: #E5FFCC;  /* 弱い黄緑 */
}
table.light.green th {
  background-color: #CCFFCD;  /* 弱い緑 */
}
table.light.blue th {
  background-color: #CCE5FF;  /* 弱い青 */
}
table.light.blue_purple th {
  background-color: #CDCCFF;  /* 弱い青紫 */
}
table.light.purple th {
  background-color: #E6CCFF;  /* 弱い紫 */
}
table.light.purple_red th {
  background-color: #FFCCE5;  /* 弱い紫みの赤 */
}
table.light.red th {
  background-color: #FFCDCC;  /* 弱い赤 */
}


/* ---------------------------------------------------------- */

/* 柔らかいグレー */
table.soft {
	width: 943px;
	margin: 0 auto 15px auto;
	border: 1px solid #AAAAAA;
	border-collapse: collapse;
}

table.soft th {
  background-color: #E5E5E5;
  width: 150px;
  padding: 5px;
  border: 1px solid #AAAAAA;
  font-weight: bold;
}

table.soft td {
	background-color: #FFFFFF;
	padding: 5px;
	border: 1px solid #AAAAAA;
}

table.soft.red th {
  background-color: #E67373;  /* 柔らかい赤 */
}
table.soft.yellow_green th {
  background-color: #ACE673;  /* 柔らかい黄緑 */
}
table.soft.green th {
  background-color: #73E673;  /* 柔らかい緑 */
}
table.soft.blue_green th {
  background-color: #73E6E6;  /* 柔らかい青緑 */
}
table.soft.blue th {
  background-color: #73ACE6;  /* 柔らかい青 */
}
table.soft.blue_purple th {
  background-color: #7373E6;  /* 柔らかい青紫 */
}
table.soft.purple th {
  background-color: #AC73E6;  /* 柔らかい紫 */
}
table.soft.red_purple th {
  background-color: #E673AC;  /* 柔らかい赤紫 */
}


/* 検索結果Table */
#resultTable a,
#resultTable th,
#resultTable td,
#resultTable td div
{
    font-size:14px !important;
}
#resultTable th
{
    padding:0px;
}
#resultTable td
{
    padding:2px 4px;
}