@charset "utf-8";

body {
	background-color: #d4d8f6;
}

a {
	color: #ff7a18;
}
.txt-middle{
	vertical-align: middle;
}
span.burasage{
	display: inline-block;
	padding-left: 1em;
	text-indent: -1em;
}

#wrapper #container {
	border-top: 10px solid #00499f;
}
#wrapper #container #main #cntnts h2{
    color: #ffffff;
}

#wrapper #container #main #cntnts h3 {
	border-top: 2px solid #00499f;
	background-color: #cce2ff;
}
#wrapper #container #main #cntnts h3:after {
	border: 3px solid #00499f;
}
#wrapper #container #main #cntnts h4 {
	color: #5049ae;
	border-bottom: 1px dotted #5049ae;
}
#wrapper #container #main #cntnts h5 {
	color: #656565;
}
#wrapper #container #main #cntnts h5:after {
	background-color: #5a5a5a;
}

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

#wrapper #container #side nav ul {
	border-top:10px solid #0086d1;
	border-bottom:10px solid #0086d1;
}
#wrapper #container #side nav ul li {
	border-top: 1px solid #b1cce6;
	border-bottom: 1px solid #619cd2;
	background-position: 217px center;
	background-color: #bbd4eb;
}
#wrapper #container #side nav ul li a {
	padding: 16px 20px;
	background-color: #9dc3e6;
	background-position: 217px center;
	color: #002c5f;
}
#wrapper #container #side nav ul li a.nav-none{
    pointer-events: none;
}


#wrapper footer {
	border-top: 1px solid #5185c3;
	background-color: #cce2ff;
}
#wrapper footer #cpyrght {
	background-color: #00499f;
	color: #FFF;
}

#wrapper #container #main #cntnts dl.dl-dsgn02 dt {
    color: #00528a;
}
#wrapper #container #main #cntnts dl.dl-dsgn02 dd {
    border-bottom: 1px dotted #cccccc;
}


#wrapper #container #main #cntnts ol li ul li{
	list-style-type: none;
	margin-left: 0;
}



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

a.button {
    background: #dd6e01;
	background-image: -webkit-linear-gradient(top, #feaa58, #dd6e01);
	background-image: -moz-linear-gradient(top, #feaa58, #dd6e01);
	background-image: -ms-linear-gradient(top, #feaa58, #dd6e01);
	background-image: -o-linear-gradient(top, #feaa58, #dd6e01);
  	background-image: linear-gradient(to bottom, #feaa58, #dd6e01);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#feaa58',  endColorstr='#dd6e01', GradientType=0 );
    border-color: #dd6e01;
}
a.button:hover {
    background: #f58415;
	background-image: -webkit-linear-gradient(top, #fdb670, #f58415);
	background-image: -moz-linear-gradient(top, #fdb670, #f58415);
	background-image: -ms-linear-gradient(top, #fdb670, #f58415);
	background-image: -o-linear-gradient(top, #fdb670, #f58415);
	background-image: linear-gradient(to bottom, #fdb670, #f58415);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fdb670',  endColorstr='#f58415', GradientType=0 );
}



/**************************************************
ご挨拶（greeting.html）
**************************************************/

#wrapper #container #main #cntnts p span.greeting-txt{
    display: inline-block;
    text-align: left;
}



/**************************************************
プログラム（program.html）
**************************************************/
/*#wrapper #container #main #cntnts h4{
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}*/


#wrapper #container #main #cntnts h4 span{
	font-weight: bold;
}
#wrapper #container #main #cntnts h4 span:first-of-type{
	display: inline-block;
	padding-right: 3em;
}
#wrapper #container #main #cntnts h4 span:last-of-type{
	font-size: 14px;
}

#wrapper #container #main #cntnts p.p-chair{
	text-indent: -3em;
	padding-left: 3em;
	margin-top: 0;
}
#wrapper #container #main #cntnts p.txt-theme{
	font-size: 15px;
	font-weight: bold;
	/*color: #00528a;*/
}



/**************************************************
参加登録（registration.html）
**************************************************/
#wrapper #container #main #cntnts table.tbl-pay tr th,
#wrapper #container #main #cntnts table.tbl-pay tr td{
	text-align: center;
	vertical-align: middle;
}
#wrapper #container #main #cntnts table.tbl-pay tr td:first-of-type{
	text-align: left;
}


#wrapper #container #main #cntnts ul.list-pay li{
	background-image: none;
	padding-left: 2.5em;
	text-indent: -2.5em;
}