@charset "utf-8";
body {
	background-color: #dbe7fb;
}
a {
	color: #02a2ca;
}

#wrapper #container #main #cntnts h2 {
	color: #ffffff;
}

#wrapper #container #main #cntnts h3 {
	border-top: 2px solid #0f3186;
	background-color: #e0ecff;
}
#wrapper #container #main #cntnts h3:after {
	border: 3px solid #0f3186;
}
#wrapper #container #main #cntnts h4 {
	color: #0f3186;
	border-bottom: 1px dotted #417ccd;
}
#wrapper #container #main #cntnts h5 {
	color: #656565;
}
#wrapper #container #main #cntnts h5:after {
	background-color: #5a5a5a;
}

#wrapper #container #main #cntnts .tbl-dsgn th {
	background: #feefff;
}
#wrapper #container #main #cntnts table.tbl-dsgn1 th {
	background: #feefff;
}
#wrapper #container #main #cntnts .tbl-dsgn2,
#wrapper #container #main #cntnts .tbl-dsgn2 th ,
#wrapper #container #main #cntnts .tbl-dsgn2 td  {
	border: 1px solid #8f8f8f;
}
#wrapper #container #main #cntnts .tbl-dsgn2 th{
	background-color: #8f8f8f;
	color: #ffffff;
}

#wrapper #container #side nav ul {
	border-top:10px solid #0f3186;
	border-bottom:10px solid #0f3186;
    font-size: 1.143em;
}
#wrapper #container #side nav ul li {
	border-top: 1px solid #9dc3f8;
	border-bottom: 1px solid #0f4692;
	background-position: 232px center;
	background-color: #1c60be;
}
#wrapper #container #side nav ul li a {
	padding: 17px 25px 17px 25px;
	background-color: #417ccd;
	background-position: 232px center;
	color: #ffffff;
}

#wrapper footer {
	border-top: 1px solid #4868b6;
	background-color: #d9f1ff;
}
#wrapper footer #cpyrght {
	background-color: #0f3186;
	color: #FFF;
}

#wrapper #container #main #cntnts div#regi {
    background-color: #eeeeee;
    border: 2px solid #bbbbbb;
}

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


#wrapper #container #main #cntnts div.g-area {
	display: flex;
	flex-flow: row wrap;
	justify-content: flex-end;
	align-items: flex-end;
	margin-bottom: 30px;
}





#wrapper #container #side p#bnr-ukai{
	text-align: center;
}

#wrapper #container #side p#bnr-ukai a{
	display: inline-block;
	width: 220px;
	padding: 10px 0;
	font-weight: bold;
	font-size: 18px;
	line-height: 1.4;
	text-decoration: none;
	background-color: #dc4f66;
	color: #ffffff;
	border-radius :5px;
	border: 2px #932f40 solid;
}
#wrapper #container #side p#bnr-ukai a span{
	font-size: 15px;
}
#wrapper #container #side p#bnr-ukai a:hover{
	background-color: #ed647b;
}

#wrapper #container #main #cntnts div#area-ukai {
	background-image: url(../images/contents/back_ukai.jpg);
	background-repeat: no-repeat;
	background-position: right bottom;
}

#wrapper #container #side a img:hover {
	opacity: 0.7;
}