@charset "utf-8";
/* CSS Document */
body {
	background-color: #e1f7f0;
}
a {
    color: #0066c0;
}
div#main h2{
	color: #00a99d;
	border-bottom: 3px solid #fb731e;
}
div#main h2:before{
	border-bottom: 3px solid #00a99d;
}
div#main h3{
    color: #221815;
    background-color: #e1f7f0;
    border-left: 10px solid #00a99d;
}
div#main h3.btn-l {
    width: 65%;
}
div#main h4{
    color: #221815;
    border-left: 10px solid #00a99d;
    border-bottom: 3px solid #00a99d;
}

div#main div#updt dl {
    max-height: 310px; /*　適宜調整してください　*/
}

div#main div#updt dl .maint-ttl {
	font-weight: bold;
	border-top: solid 1px #333;
	border-bottom: solid 1px #333;
	padding: 0.25em 0;
	margin: 0 10px 15px 0;
}
div#main div#updt dl .maint-tag {
	text-indent: -4em;
	padding-left: 4em;
	margin: 0 0 0;
}

/*
div#main div#updt,
div#main div.cont {
	border: solid 1px #caa82b;
}
*/

div#main div.cont table.tbl-dsgn {
	text-align: center;
}

div#main div.cont table.tbl-dsgn tr th{
    background-color: #ffe1cf;
}
div#main div.cont table.tbl-dsgn tr th.left{
    text-align: left;
}

div#main div.cont dl.dl-dsgn dt{
    color: #666666;
}

footer {
    background-color: #00a99d;
    color: #ffffff;
}

p.btn-area {
    border: 2px solid #ff251e;
	background-color: #fdeff2;
}

p.btn-area2 {
    text-align: center;
    padding-right: 2em;
    float: right;
}

a.button {
    background: #8d8d8d;
	background-image: -webkit-linear-gradient(top, #f5b1aa, #e83929);
	background-image: -moz-linear-gradient(top, #f5b1aa, #e83929);
	background-image: -ms-linear-gradient(top, #f5b1aa, #e83929);
	background-image: -o-linear-gradient(top, #f5b1aa, #e83929);
  	background-image: linear-gradient(to bottom, #f5b1aa, #e83929);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f5b1aa',  endColorstr='#e83929', GradientType=0 );
    border-color: #d3381c;
}
a.button:hover {
    background: #7e7e7e;
	background-image: -webkit-linear-gradient(top, #ffcfc9, #ff2814);
	background-image: -moz-linear-gradient(top, #ffcfc9, #ff2814);
	background-image: -ms-linear-gradient(top, #ffcfc9, #ff2814);
	background-image: -o-linear-gradient(top, #ffcfc9, #ff2814);
	background-image: linear-gradient(to bottom, #ffcfc9, #ff2814);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffcfc9',  endColorstr='#ff2814', GradientType=0 );
}

div#main p.period {
    margin: 1em 0;
    font-size: 1.25em;
    font-weight: bold;
}
div#main .btn-f {
    display: inline-block;
    text-decoration: none;
    background-color: #fa770e;
    padding: 1em 2em;
    border-radius: 8px;
    font-weight: bold;
    color: #fff;
    margin: 1em 0;
}

div#main .btn-f:hover {
    opacity: 0.75;
    transition: all 0.7s;
}

div#main dl.dl-prgrm {
    margin: 1em 0 2em;
	overflow: hidden;
}

div#main dl.dl-prgrm dt {
	clear: left;
	float: left;
    width: 8em;
    padding-top: 0.5em;
    padding-right: 3em;
    text-align: left;
    box-sizing: border-box;
        
}
div#main dl.dl-prgrm dt.space {
    margin-left: 0.5em;
    width: 11.5em;
}

div#main dl.dl-prgrm dd {
    padding-top: 0.5em;
	float: left;
}

div#main dl.dl-prgrm p {
	margin: 0;
}

div#main .ttl {
    font-weight: bold;
    color: #00a99d;
    font-size: 110%;
    padding: 0.5em 0 ;
	margin: 0;
}

.prgrm-name {
	display: flex;
	padding-left: 1em;
}