@charset "utf-8";
/* CSS Document */
/* IE11で表示確認すること */

.gaiyouTable{
    width: 600px;
    padding: 10px;
}

.gaiyouTable a {
text-decoration: underline;
}
.gaiyouTable a:hover {
text-decoration: none;
}


/* 見出しデザイン：1 */

.head_test1 {
    width: 600px;                 /* 幅の調整 */
    margin:  0;                 /* デフォルトCSS打ち消し */
    font-size:  18px;           /* 文字サイズ指定 */
    border-bottom: solid 3px;   /* 線指定 */
    padding:  10px 0px 3px 0px;       /* 余白指定 */
    margin-bottom: 15px;        /* 周りの余白指定 */
    position:  relative;        /* 位置調整 */
    font-weight: bold;       /* 文字の太さ調整 */
}

.head_test1_text {
    margin:  0; 
    width: 600px; /* 幅の調整 */
    font-size:  14px;           /* 文字サイズ指定 */
    line-height: 1.6;             /* 行間調整 */
    font-weight:normal;       /* 文字の太さ調整 */
      color: #3e3e3e;/*文字色*/   
    
}

.head_test2_text {
    margin:  0; 
    width: 600px; /* 幅の調整 */
    font-size:  14px;           /* 文字サイズ指定 */
    line-height: 1.6;             /* 行間調整 */
    font-weight:normal;       /* 文字の太さ調整 */
      color: #3e3e3e;/*文字色*/   
    
}

.head_test2_text table, th, td {
    border: none;
}


.head_test1:before {
    content:  '';                   /* 空白の要素を作る */
    width: 50px;                    /* 幅指定 */
    height: 3px;                    /* 高さ指定 */
    background-color: #00A2DF;      /* 背景色指定 */
    display:  block;                /* ブロック要素にする */
    position:  absolute;            /* 位置調整 */
    left:  0;                       /* 位置調整 */
    bottom: -3px;                   /* 位置調整 */
}

/* 見出しデザイン：2 */

.head_test2 {
width: 600px;     /* 幅の調整 */
color: #0066A7; /*文字色*/
font-size:  18px;           /* 文字サイズ指定 */
border-bottom: dashed 1px #d8d8d8;  /*線の種類（点線）2px 線色*/
margin-bottom: 10px;        /* 周りの余白指定 */
font-weight: bold;       /* 文字の太さ調整 */
}


/* 写真の枠：1 */

.photo-deg1 {
	padding: 8px;
	border-top: 1px solid #ccc;
	border-left: 1px solid #ccc;
	border-bottom: 1px solid #c2c2c2;
	border-right: 1px solid #c2c2c2;
	/* IE */
	-ms-filter: "progid:DXImageTransform.Microsoft.Shadow(color=#cccccc,direction=135,strength=3,enabled=true)";
	filter: progid:DXImageTransform.Microsoft.Shadow(color=#cccccc,direction=135,strength=3,enabled=true); /* IE5.5+ */
	background: #fff;
}

/* テーブルのデザイン：1 */

.table-design1{
  width: 100%;
  border-collapse: collapse;
font-size:  14px;           /* 文字サイズ指定 */
}

.table-design1 tr{
  border-bottom: solid 2px white;
}

.table-design1 tr:last-child{
  border-bottom: none;
}

.table-design1 th{
  position: relative;
  text-align: left;
  width: 30%;
  background-color: #00A2DF;
  color: white;
  text-align: center;
  padding: 10px 0;
    vertical-align: middle;
}

.table-design1 th:after{
  display: block;
  content: "";
  width: 0px;
  height: 0px;
  position: absolute;
  top:calc(50% - 10px);
  right:-10px;
  border-left: 10px solid #00A2DF;
  border-top: 10px solid transparent;
  border-bottom: 10px solid transparent;
}

.table-design1 td{
  text-align: left;
  width: 70%;
  text-align: center;
  background-color: #eee;
  padding: 10px 0;
    vertical-align: middle;
}


/* テーブルのデザイン：2 */
.table-company {
width: 500px;
margin: 0 auto;
border-collapse: separate;
border-spacing: 0px 10px;
font-size: 12px;
}

.table-company th,
.table-company td {
padding: 10px;
}

.table-company th {
background: #295890;
vertical-align: middle;
text-align: left;
width: 100px;
overflow: visible;
position: relative;
color: #fff;
font-weight: normal;
font-size: 15px;
}

.table-company th:after {
left: 100%;
top: 50%;
border: solid transparent;
content: " ";
height: 0;
width: 0;
position: absolute;
pointer-events: none;
border-color: rgba(136, 183, 213, 0);
border-left-color: #295890;
border-width: 10px;
margin-top: -10px;
}
/* firefox */
@-moz-document url-prefix() {
.table-company th::after {
float: right;
padding: 0;
left: 30px;
top: 10px;
content: " ";
height: 0;
width: 0;
position: relative;
pointer-events: none;
border: 10px solid transparent;
border-left: #295890 10px solid;
margin-top: -10px;
}
}

.table-company td {
background: #f8f8f8;
width: 360px;
padding-left: 20px;
}

/* テーブルのデザイン：3 */
.table-design2 {
  border-collapse: separate;
  border-spacing: 0px 5px;
  margin: 0 auto;
}

.table-design2 th{
    vertical-align: middle;
  background: #10a0e0;
  color: #fff;
}
.table-design2 td{
    vertical-align: middle;
  background: #f1fafe;
}