@charset "utf-8";

/* reset */

html, body, ul, li,

{margin: 0;
padding: 0;
font-size:15pt;
line-height: 1.2;}


ul {list-style: none;}
a {text-decoration: none;}
a:link{color:#000080; /*未訪問*/}
a:visited{color:#006400; /*訪問済み*/}
a:active{color:#ff9900; /*クリック*/}
a:hover{color:#dc143c; /*オンマウス*/}



#td1 tr:td  {}
#td1 a:link{color:#f5f5f5; /*未訪問*/}
#td1 a:visited{color:#ffffff; /*訪問済み*/}
#td1 a:active{color:#ffffff; /*クリック*/}
#td1 a:hover{color:#ffffff; /*オンマウス*/}
#td1 td:hover {background:url("img/line01-2.jpg") repeat-x; background-color:#ffffff; color:#000000; font-weight:bold; }
#td1 a {font-size:16pt;}


.table_03{
width: 95%;
border-collapse: separate;
border-spacing: 0px;
border-top: 1px solid #a9a9a9;
font-size:15pt;
}
.table_03 th{
width:33%;
padding:7px;
text-align: left;
vertical-align: top;
color: #444;
background-color:#faebd7;

border-bottom: 1px solid #a9a9a9;}

.table_03 td{
width:62%;
padding:5px;
background-color: #fafafa;
border-bottom: 1px solid #a9a9a9;}

.table_04{
width: 95%;
font-size:15pt;}

.table_04 td{
padding:10px;
text-align: left;
line-height: 2em;
vertical-align: top;}









.Shadow{
box-shadow:7px 7px 15px 1px gray;/* 影[左右][上下][ぼかし][広がり][影の色] */
border:5px solid #ffffff;}


.fade {
  height: 1px;
  background-image: linear-gradient(
    90deg,
    hsla(0, 0%, 100%, 0),
    hsla(0, 0%, 100%, 0.5) 50%,
    hsla(0, 0%, 100%, 0) 100%);
}
 
.fade-2 {
  border-width: 0 0 1px;
  border-image: linear-gradient(
    90deg,
    hsla(0, 0%, 100%, 0),
    hsla(0, 0%, 100%, 0.5) 50%,
    hsla(0, 0%, 100%, 0) 100%) 0 0 100%;
  border-style: solid;
}
 
.dots {
  border-width: 0 0 8px;
  border-style: solid;
  border-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 2 1"><circle fill="hsla(0, 0%, 65%, 1.0)" cx="1" cy="0.5" r="0.5"/></svg>') 0 0 100% repeat;
   width: 216px;
}
 
.accessory {
  height: 6px;
  background-image: radial-gradient(
    closest-side,
    hsla(0, 0%, 50%, 1.0),
    hsla(0, 0%, 50%, 0) 100%);
  position: relative;
}
.accessory:after {
  position: absolute;
  top:  50%;
  left: 50%;
  display:block;
  background-color: hsl(0, 0%, 75%);
  height: 12px;
  width:  12px;
  transform: rotate(45deg);
  margin-top:  -10px;
  margin-left: -10px;
  border-radius: 4px 0;
  border: 4px solid hsla(0, 0%, 100%, 0.35);
  background-clip: padding-box;
  box-shadow: -10px 10px 0 hsla(0, 0%, 100%, 0.15), 10px -10px 0 hsla(0, 0%, 100%, 0.15);
}

.hr-text {
	line-height: 1em;
	position: relative;
	outline: 0;
	border: 0;
	color: black;
	text-align: center;
	height: 1.5em;
	opacity: .5;
}
.hr-text:before {
	content: '';
	background: -webkit-linear-gradient(left, transparent, #818078, transparent);
	background: linear-gradient(to right, transparent, #818078, transparent);
	position: absolute;
	left: 0;
	top: 50%;
	width: 100%;
	height: 1px;
}
.hr-text:after {
	content: attr(data-content);
	position: relative;
	display: inline-block;
	color: black;
	padding: 0 .5em;
	line-height: 1.5em;
	color: #818078;
	background-color: #fcfcfa;
}
hr.style13 {
	height: 15px;
	border: 0;
	box-shadow: 0 15px 15px -15px #20b2aa inset;
}


hr.style14 { 
  border: 0; 
  height: 1px; 
  background-image: -webkit-linear-gradient(left, #f0f0f0, #8c8b8b, #f0f0f0);
  background-image: -moz-linear-gradient(left, #f0f0f0, #8c8b8b, #f0f0f0);
  background-image: -ms-linear-gradient(left, #f0f0f0, #8c8b8b, #f0f0f0);
  background-image: -o-linear-gradient(left, #f0f0f0, #8c8b8b, #f0f0f0); 
}


hr.style15 {
	border-top: 4px double #8c8b8b;
	text-align: center;
}
hr.style15:after {
	content: '\002665';
	display: inline-block;
	position: relative;
	top: -15px;
	padding: 0 10px;
	background: #f0f0f0;
	color: #8c8b8b;
	font-size: 18px;
}





/* ヘッダー */
.header_area {
  position: fixed; /* 固定 */
  top: 0; /* 一番上に表示 */
  width: 100%; /* 中央に表示 */
}

.header_block {
  background: #FFFFFF;
}

.header_box {
  width: 100%;
  margin: 0 auto;
}

.header_box h1 {
  margin: 0;
  padding: 20px 0;
  font-size: 34px;
  text-align: center;
}

/* コンテンツ */
.contents_area {
  width: 100%;
  overflow: auto; /* スクロールする範囲を制御 */
  margin: 0 auto;
  padding: 150px 0 50px; /* コンテンツ上下にスペース */
}

.content_block {
  padding: 50px;
  border: 0px;
}

/* フッター */
.footer_area {
  position: fixed; /* 固定 */
  bottom: 0; /* 一番下に表示 */
  width: 100%; /* 中央に表示 */
}

.footer_block {
  background: #87ceeb;
}

.footer_box {
  width: 900px;
  margin: 0 auto;
}

.footer_box p {
  margin: 0;
  padding: 5px 0;
  font-size: 10pt;
  line-height:1.5;
  text-align: center;
}

/* IE6 */
html,
body {
  _height: 100%;
  _overflow: hidden;
}

.header_area,
.footer_area {
  _position: absolute;
}

.header_block,
.footer_block {
  _margin-right: 17px; /* IE6のスクロールバーの幅分のスペース */
}

.contents_wrap {
  _width: 100%;
  _height: 100%;
  _overflow: auto;
}


a.cp_btn {
	display: block;
	width: 160px;
	padding: 0.8em;
	text-align: center;
	text-decoration: none;
	color: #fff;
	border: 2px solid blue;
	border-radius: 3px;
	transition: .4s;
              font-size:18pt;
              font-weight:bold;
	background: darkblue;
}
a.cp_btn:hover {
	background: #fff;
	color: darkblue;
}