@charset "utf-8";
/* CSS Document */

/* reset
===============================================================*/
* {
	margin:0;
	padding:0;
}

body {
	margin:0;
	padding:0;
	height:100%;
	position:relative;
	line-height:1.6;
	letter-spacing:1px;
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-size:13px;
	color:#333;
-webkit-text-size-adjust: 100%;
}
ul,ol {
	list-style:none;
	list-style-position:outside;
}
br{
	letter-spacing:0;
}
h1,h2,h3,h4,h5,h6,th {
	font-weight:normal;
	font-style:normal;
}

/* link
===============================================================*/

a:link {
	color:#601986;
    text-decoration:none;   
}   
a:visited {
	color:#601986;
    text-decoration:none;   
}   
a:hover {
	color:#601986;
    text-decoration:underline;   
}
a:active {
	color:#601986;
    text-decoration:none;   
}*/
a img {
	border:none;
	border-width:0;
	text-decoration:none;
}

/* style
===============================================================*/
#wrap {
	width:900px;
	margin:0 auto;
	padding:0;
	background:#FFF;
    border: 1px solid #ccc;
}
#header_index {
	height:602px;
	margin:0;
	padding-top:10px;
	background: url(../img/index_bg.jpg) no-repeat;
    position: relative;
}

#header_index h1{
    text-align: center;
    margin-top: 1.5rem;
    margin-left:-.75rem;
}

#header_index .p_title {
position: absolute;
top: 10px;
left:55px;
line-height: 24px;
margin-bottom: 10px;
color: #fff;
font-size: 14px;
font-weight: bold;
}
#header_index .header-info-box{
    position: absolute;
    left: 350px;
}

#header_index .header_info_dl{
   display: flex;
    align-items: center;
}
#header_index .header_info_dl dt{
  display: inline-block;
    padding-right: .75rem;

}

#header_index .header_info_dl dd{
display: inline-block;
        padding-bottom: .5rem;
}


#header_index  .dl-stage dd{
     padding-bottom: 0rem;
}





#header_index .header_info_dl dd.hdd01 {

}
#header_index .header_info_ul {
        margin-top: .25rem;
}
#header_index .header_info_ul li {
  padding: 2px 0;
}



#header_index .p_bg_name {
font-size: 15px;
color: #ffffff;
text-align: right;
position: absolute;
bottom: 15px;
left: 35px;
text-shadow: 5px 5px 6px #666464;
}
#header {
  height: 200px;
  background: -moz-linear-gradient(top, #1965a5, #247fc3);
  background: -webkit-linear-gradient(top, #1965a5, #247fc3);
  background: linear-gradient(to bottom, #1965a5, #247fc3);
  padding:0 46px;
}
#header .p_title {
    line-height: 24px;
    padding: 0.5em 1em;
    margin-bottom: 5px;
    color: #fff;
    font-size: 14px;
    font-weight: bold;
	margin: auto;
}
#header h1 {
    margin-top:-.5rem;
    margin-left: -.5rem;
}

#header h1 img{
width:690px;
}
#header .header_info {
clear: left;
display: flex;
align-items: center;
margin-top: -5px;
}
#header .header_info .box01 {
max-width: 48%;
float: left;
display: block;
}
#header .header_info dl {
clear: left;
margin-bottom: 5px;
}
#header .header_info dt {
float: left;
}
#header .header_info dt.dt01 {
padding-top: 5px;
}

#header .header_info_dl dt img{
 width: 30px;
}


#header .header_info dt img{
vertical-align: middle;
max-width: 100%;
}

#header .header_info dl.dl02 {
margin-top: 1em;
}



#header .header_info dd {
padding-left: 50px;
}
#header .header_info dd img{
vertical-align: middle;
max-width: 185px;
}

	#header .header_info dd.dl02 b img{
				max-width: 90%;
				}

#header .header_info_ul .info_item_01 img{
    width: 400px;
}

#header .header_info_ul .info_item_02 img{
    width: 265px;
}

#header .header_info_ul li{
    padding:.25rem;
}


#content {
	margin:20px 36px;
	padding:0;
    padding-bottom: 2rem;
    border-bottom: 1px solid #eee;
}
#main {
	margin:0;
	padding:0;
	text-align:left;
	width:560px;
	background:#FFF;
	float: right;
}
#main section {
margin: 2em 0 1em 0;
}
#subcon {
	margin:0;
	padding:0;
	width: 232px;
	float: left;
}
footer {
    width: 828px;
	margin: 0 36px 1rem 36px;
	padding:0;
	clear:both;
	font-size:0.9em;
	text-align: left;
}
footer p.copy {
text-align: center;
	font-size:0.8em;
	margin-top: 10px;
    padding-top:10px;
    padding: 1rem 0;
}

/* h1-h6
===============================================================*/
h1 {
	margin:0;
	padding:0;
}
h2 {
position: relative;
font-size: 1.3em;
padding: 0.25em;
	font-weight:bold;
	color:#333;
	text-indent:10px;
}


h3 {
	font-size:15px;
	font-weight:bold;
	margin:1em 0;
}
h4 {
	font-size:14px;
	font-weight:bold;
	margin-top:1em;
}


/* others
===============================================================*/
.colf33 {
	color:#F33;
}
#toTop {
	text-align:right;
	font-size:0.8em;
}
.uchikeshi {/*打ち消し線*/
text-decoration: line-through;
color: #f00;
}
.uchikeshi em {/*打ち消し線*/
font-style: normal;
color:#333;
}
.col_green {
	color:#601986;
}
.col_green_title {
	font-size:15px;
	color:#006934;
	font-weight:bold;
}
.col_purple_title {
	font-size:15px;
	font-weight: bold;
	color:#006934;
	
}
.m_bold {
	font-size:12px;
	font-weight:bold;
}
.mb1 {
margin-bottom: 1em;
}
.mb2 {
margin-bottom: 2em;
}
.float_l {
float: left;
}
.txt_left {
text-align: left;
}
.txt_right {
text-align: right;
}

/* index
===============================================================*/
.index_info_day {
	margin-bottom: 15px;
	clear: both;
	line-height: 40px;
	color: #ffffff;
	font-weight: bold;
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#6db3f2+0,54a3ee+50,3690f0+51,1e69de+100;Blue+Gloss+%233 */
background: #6db3f2; /* Old browsers */
background: -moz-linear-gradient(top, #6db3f2 0%, #54a3ee 50%, #3690f0 51%, #1e69de 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, #6db3f2 0%,#54a3ee 50%,#3690f0 51%,#1e69de 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, #6db3f2 0%,#54a3ee 50%,#3690f0 51%,#1e69de 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#6db3f2', endColorstr='#1e69de',GradientType=0 ); /* IE6-9 */
text-shadow: black 1px 1px 0px, black -1px 1px 0px,
             black 1px -1px 0px, black -1px -1px 0px;
}
.index_info_day dt {
float: left;
font-size: 1.5em;
letter-spacing: 1em;
padding-left:1em;
}
.index_info_day dd {
float:right;
padding-right:0.8em;
font-size: 1.5em;
}
.index_info_day dd span {
font-size: 0.7em;
}
.news{
    border:1px solid #2384C7;
    box-shadow:0px 0px 3px 0px #2384C7;
}

.news dl{
	margin:0;
	padding:3px 10px 10px 10px;
	min-height:150px;

}
.news dt {
	float:left;
	clear:left;
	width:12em;
	line-height:1.4em;
	text-indent:20px;
	border-bottom:1px #2384C7 dashed;
	padding:10px 0;
}
.news dd {
	margin:0px 0 0 12.2em;
	line-height:1.4em;
	border-bottom:1px #2384C7 dashed;
	padding:10px 0;
}
.news dt.top,
.news dd.top {
	border-top:none;
}
.news dd a {
	color:#2384C7;
}
.index_greeting {
margin-bottom: 3em;
}
.index_greeting p {
text-indent: 1em;
}
.sub_info {
	margin:1em 0;
	padding:2px;
}
.sub_info dt {
	font-size:14px;
	padding:2px 0;
	margin-bottom:5px;
	font-weight:bold;
	border-bottom:1px dashed #2384C7;
}


/* nav
===============================================================*/
nav ul {
margin-bottom: 3em;
}
nav li {
font-size: 1.1em;
line-height: 2.2em;
width: 230px;
margin-bottom: 0.5em;
	text-align: center;
	color: #7B7B7B;
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,f3f3f3+50,ededed+51,ffffff+100;White+Gloss+%232 */
background-color: #fff;
}
nav li:hover {
}
nav li a {
	display:block;
	border:2px solid #2384C7;
    color: black;
    text-decoration: none;
    background:white;
}
nav li a:hover {
color: #ffffff !important;
text-decoration: none;
background: #2384C7;
    transition: .3s;
}
nav li.now a {
background: #2384C7;
color: #ffffff !important;
    text-decoration:none;   
}
.sub_info {
	margin:1em 0;
	padding:2px;
}
.sub_info dt {
	border-bottom:3px double #b68ac1;
}
#menu {
 display:none;
}
.nav-wrap {
display: none;
}



	/* contact
===============================================================*/
.contact dl {
margin-bottom: 1em;
}

	/* greeting
===============================================================*/
.greetingp {
margin-bottom: 2em;
}
.greetingp p {
margin-bottom: 1em;
text-indent: 1em;
}

	/* access
===============================================================*/
.access img {
margin: 2em auto;
}
.access p {
word-break: break-word;
}
@media only screen and (max-device-width: 600px) {
.access img {
max-width: 100%;
}
}

	/* abstract
===============================================================*/
.abstract article {
margin-bottom: 2em;
}
.abstract article h4 {
margin-bottom: 5px;
}
.abstract article p {
margin-bottom: 5px;
}
.abstract article.ab_02 ul li {
margin-left: 2em;
text-indent: -2em;
margin-bottom: 5px;
}
.abstract article.ab_02 ul li li {
margin-left: 1em;
text-indent: -1em;
margin-bottom: 0;
}
.abstract article.ab_02 dl {
margin-top:1em; 
border: 1px solid #939393;
padding:5px;
}
.abstract article.ab_04 dl.ab04_dl {
margin-bottom: 1em;
}
.abstract article.ab_04 dl.ab04_dl dd {
margin-left: 2em;
margin-bottom: 5px;
}
.abstract article a:link {
text-decoration: underline;
}
@media only screen and (max-device-width: 600px) {
.abstract article img {
max-width: 100%;
}
}

	/* clearfix
===============================================================*/
.clearfix:after {
	content: ".";
	display:block;
	height:0;
	clear:both;
	visibility:hidden;
}


/*add*/

.info{
    font-size: 28px;
    text-align: center;
    background-color: #6FBA2C;
    margin-top:.5rem;
    color:#fff;
    font-weight: bold;
    padding:.5rem;
    letter-spacing: 5px;

}

.info span{
       letter-spacing: 0px; 
    margin-left:1rem;
    }

.adress-box{
    line-height: 1.2rem;
}
.adress-box p{
    margin-top:1rem;
    font-size: 13px;
}


.inner-info .info{
    width:232px;
    float: left;
    padding: 1.5rem .5rem;
}
.inner-info .adress-box{
    width:525px;
    margin-left: auto;
    font-size: 12px;
    float: right;
}
.inner-info .adress-box p{
    margin-top: 0;
    margin-bottom: 1rem;
}


#main h2.h2-title{
    margin-bottom: 10px;
    font-size: 15pt;
    border-top-width: 1px;
    border-right-width: 1px;
    border-bottom-width: 1px;
    border-left-width: 5px;
    border-top-style: solid;
    border-right-style: solid;
    border-bottom-style: solid;
    border-left-style: solid;
    border-top-color: #2384C7;
    border-right-color: #2384C7;
    border-bottom-color: #2384C7;
    border-left-color: #2384C7;
    padding-top: 6px;
    padding-right: 0;
    padding-bottom: 4px;
    padding-left: 5px;    
}
#main h3.h3-title{
    background-color: #2384C7;
    padding: 8px 0 5px 10px;
    margin-bottom: 10px;
    font-size: 13pt;
    letter-spacing: 0.1em;
    color: #FFFFFF;    
}

#main h4.h4-title{
    padding: 0 0 5px 5px;
    margin-bottom: 10px;
    font-weight: bold;
    color: #2384C7;
    border: 0px solid #2384C7;
    border-bottom-width: 1px;   
}



#main .topics{
padding: 1rem;
    border: 1px solid #2384C7;
    border-radius: 5px;
    margin: 1rem 0;    
}
#main ul.disc{
    list-style: disc;
        list-style: disc;
    padding-left: 1rem;
}

#main ul.disc li{
    margin-bottom: .25rem;
}


.main-content p{
    margin-bottom:1rem;
}

.greeting-date{
    font-weight: bold;
}

.alignright{
    text-align: right;
}


	/* abstract
===============================================================*/
.kakomi-box1 {
 margin: 2em auto;
 padding: 1em;
 background-color: #fff; /* 背景色 */
 border: 1px solid #ccc; /* 枠線 */
}



.listTest ul {
  list-style:none;
}
.listTest ul li {
  text-indent:-1em;
  padding-left:5em;
}
.indent {
  margin-bottom:5px;
	text-indent:-2em;
	padding-left:2em;
}

	/* participant
===============================================================*/
.participant li {
text-indent: -1em;
margin-left: 1em;
margin-bottom: 2px;
}
.col_247fc3 {
	color:#247fc3;
}
	/* greeting
===============================================================*/
.greeting {
font-size:14px;
 line-height:30px;
}
.prof {
	font-size:15px;
	 line-height:22px;
}
/*-------------------- 中止・延期 --------------------*/
.top_info {
	border: 2px #FF6600 solid;
	margin: auto;
	padding: 1em;
	align:center;
}
.top_info p {
	font-size: 1.1em;
}
.p_01 {
	font: 0.8em;
	text-align: center;
	font-weight: bold;
	color:#FF6600;
}
.p_02 {
	line-height: 1.5em;
		color:#FF6600;
	font-weight: bold;
}
.p_03 {
	text-align: right;
		color:#FF6600;
	font-weight: bold;

}

  /* about.html
===============================================================*/
 
.about dl {
margin: 0 auto;
width: auto;
}
.about dl dt {
padding-left: 1em;
clear: left;
float: left;
text-align: center;
font-weight: bold;
color: #2384C7;
}
.about dl dd {
padding-left: 10em;
padding-bottom:12px;
margin-bottom:12px;
border-bottom:1px solid #2384C7;
}


  /* exibition_company.html
===============================================================*/
table.company {
	width:550px;
	border-collapse:collapse;
	table-layout: auto;
	text-align: center; 
	border:1px solid #808080;
}
table.company tr td {
	height:180px;
	width:275px;
	vertical-align:middle;
	border:1px solid #808080;
}

.participants {
	font-size:13px;
	font-weight:bold;
	margin-top:1em;
	margin-bottom:0.5em;
	color:#40220f;
}
.time {
	font-color:#333;
}
.list {
	font-size:14.5px;
}
  /* seminar.html
===============================================================*/
.box-img,
.box-text{
  display: inline-block;
}
.box-img2,
.box-text{
  display: inline-block;
float:left;	
}
 /* sponsors.html
===============================================================*/
.sponsors {
	line-height:300%;
	}

 /* program.html
===============================================================*/
.chair {
	font-size:10.5pt;
	padding-bottom:0.5em;
}
.presenter {
	font-size:11pt;
}
.presenter2 {
	margin-left:42px;
	margin-top:0;
	padding-bottom: 12px;
}
.title {
	font-size:11.5pt;
	font-weight:bold;
	padding-top:0.5em;
	padding-bottom:0.5em;
}
.sponsor {
	font-size:11pt;
	text-align: right;
	padding-top:0.5em;
}

.theme2 {
	font-weight:bold;
	padding-left:42px;
	text-indent:-42px;
	padding-bottom: 5px;
}
.back_top {
	font-size: 9pt;
	text-align: right;
	margin-top: 5px;
	margin-bottom: 15px;}


 /* add 20221007
===============================================================*/
.mb-3 {
	margin-bottom: 3rem;
}
a.btn_01 {
    display: block;
    max-width: 370px;
    margin: 0 auto;
    padding: 1.5rem 3.0rem;
    background-color: #FFB600;
    border-radius: 8px;
    box-sizing: border-box;
    text-decoration: none;
    transition: 0.3s;
}
a.btn_01 span.bl__text {
    display: block;
    position: relative;
    color: #fff;
    font-size: 1.1rem;
    text-align: center;
    padding-left: 30px;
  font-weight: bold;
}
a.btn_01 span.bl__text:before {
    content: '';
    width: 20px;
    height: 20px;
    background: #ffffff;
    border-radius: 50%;
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    margin: auto;
}
a.btn_01 span.bl__text:after {
    content: '';
    width: 8px;
    height: 8px;
    border-top: 3px solid #FFB600;
    border-right: 3px solid #FFB600;
  box-sizing: border-box;
    transform: rotate(45deg);
    position: absolute;
    top: 0;
    left: 5px;
    bottom: 0;
    margin: auto;
    transition: 0.3s;
}
a.btn_01:hover {
    background-color: #ECC76A;
}
a.btn_01:hover span.bl__text:after {
    border-top: 3px solid #ECC76A;
    border-right: 3px solid #ECC76A;
}