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


/* =========================================================
============================================================
============================================================

Swidge.com
============================================================
============================================================
========================================================= */


/* Base-Kit
---------------------------------------------------- */
a img { /* リンク画像のボーダーを消す*/
	border: none;
}
a {/* FireFoxで点線を消す */
	outline: none;
}
.float-l {/* 回り込み左 */
	float: left;
}
.float-r {/* 回り込み右 */
	float: right;
}
.clear-both {/* 回り込み解除 */
	clear: both;
}
.center {/* 配置－中央 */
	text-align: center;
}
.right {/* 配置－右 */
	text-align: right;
}
.sp-t20 {/* 上にマージン */
	margin-top: 20px;
}
.sp-t30 {/* 上にマージン */
	margin-top: 40px;
}
.sp-b20 {/* 下にマージン */
	margin-bottom: 20px;
}
.sp-b30 {/* 下にマージン */
	margin-bottom: 40px;
}
.sp-tb20 {/* 上下にマージン */
	margin-bottom: 20px;
	margin-top: 20px;
}
.sp-tb30 {/* 上下にマージン */
	margin-bottom: 40px;
	margin-top: 40px;
}
.al-mid {/* 上下のセンタリング */
	display: table-cell;
	vertical-align: middle;
}

/* リンク画像をロールオーバー時に明るくするCSS
---------------------------------------------------- */
a.ovimg{

	display:inline-block;
	}
a.ovimg:hover img,
a.ovimg:active img{
	-moz-opacity:0.7;
	opacity:0.7;
	filter:alpha(opacity=70);
}

body {
	color: #282828;
	background-color: #ededed;
}


/* =========================================================
  Header
========================================================= */
#Header {
	width:100%;
	margin: 0px;
	padding: 0px;
	background-image: url(../img/header-back.gif);
	background-repeat: repeat-x;
	height: 120px;
}
#Header .inner {
	width:1080px;
	text-align:center;
	padding: 0px;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
	line-height:0;
}


/* =========================================================
  nav
========================================================= */
#navi-box {
	width:100%;
	background-color: #292828;
	margin: 0px;
	height: 38px;
	padding-top: 14px;
}
#navi-box .inner {
    width: 1180px;
    margin: 0 auto;
    text-align: center;
    background-image: url();
    padding-left: 0px;
}
.nav-collapse li {
	float: left;
	width: auto;
}


.nav-collapse a {
	background-image: url();/* 展開時の背景の画像 */
	color: #F0F0F0;/* フォントカラー */
	text-decoration: none;
	text-align: center;
	width: 100%;
	margin: 0;
	border-bottom: 0px;/* ボーダーカラーを消す */
	padding-top: 0.2em;
	padding-bottom: 0.2em;
	padding-left: 0.em;
	float: left;
	font-size: 14px;
	line-height: 18px;
}
.nav-collapse a:hover {
	color: #E4E4E4;/* フォントカラー */
}
.nav-collapse a:visited {
	color: #FFF;/* フォントカラー */
}
.nav-collapse ul ul a {
	display: none;
}
.navi-line{
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #CCC;
	padding-left: 12px;
	padding-right: 12px;
}



/* =========================================================
  Contents
 ========================================================= */
#Contents {
	width:930px;
	padding:0px;
	box-sizing:border-box;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
}



/* =========================================================
  Main
========================================================= */
#Contents #Main {
	width:930px;
}

/*==========================================================
  オンライン開催ボタン
========================================================= */
.button-online {
    position: relative;
    background-color: #F5901F;
    border-radius: 4px;
    color: #fff;
    line-height: 50px;
    box-shadow: 0 3px 0 #D1730C;
    text-shadow: 0 1px 1px rgba(0, 0, 0, .3);
    margin-right: auto;
    margin-left: auto;
    display: block;
    text-decoration: none;
    -webkit-transition: all .3s;
    padding-top: 20px;
    padding-bottom: 20px;
    transition: all .3s;
    text-align: center;
    width: 930px;
    -webkit-box-shadow: 0 3px 0 #D1730C;
    font-size: 18px;
    letter-spacing: 6px;
    background-image: url(../../images/arrow.svg);
    background-repeat: no-repeat;
    background-size: 32px 32px;
    background-position: 300px 26px;
}
.button-online:hover {
	color: #fff;
	background-color: #FFBF21;
	box-shadow: 0 3px 0 #FFBF21;
}
.button-v:active {
	top: 3px;
	box-shadow: none;
}
.button-online:visited {
	color: #fff;
}
/* =========================================================
  TOP オンライン展示ボタンエリア
========================================================= */

.topexpo-area {
    width: 100%;
    clear: both;
    margin-bottom: 40px;
    height: 260px;
}

.sponsor-box-left {
    width: 420px;
    padding: 15px;
    border: 1px solid #B5B5B5;
    background-color: #FFFFFF;
    box-shadow: 0px 0px 30px -6px rgba(0,0,0,0.2);
    float: left;
    position: relative;

}
.sponsor-box-right {
    width: 420px;
    padding: 15px;
    border: 1px solid #B5B5B5;
    background-color: #FFFFFF;
    box-shadow: 0px 0px 30px -6px rgba(0,0,0,0.2);
    float: right;
    position: relative;

}
.sponsor-logo {
    text-align: center;
    margin-left: auto;
    margin-right: auto;
}
.sponsor-logo img {
    max-width: 250px;
    max-height: 100px;
}
.sponsor-name {
    font-size: 1.0em;
    letter-spacing: 0.2rem;
    line-height: 2.0rem;
    margin-top: 1vh;
    margin-bottom: 1vh;
    text-align: center;
    color: #323232;
    border-bottom: 1px solid #C5C5C5;
    padding-bottom: 1vh;
}
.sponsor-name-none {
    font-size: 16pt;
    letter-spacing: 0.2rem;
    line-height: 2.0rem;
    margin-top: 7vh;
    margin-bottom: 1vh;
    text-align: center;
    color: #003B04;
    border-top: 1px solid #C5C5C5;
    border-bottom: 1px solid #C5C5C5;
    padding-top: 1vh;
    padding-bottom: 1vh;
}
.sponsor-txt {
	font-size: 0.8em;
	line-height: 1.6em;
    letter-spacing: 0.1em;
}

.sponsor-btn {
    background-color: #0A9300;
    border-radius: 4px;
    color: #FFF;
    line-height: 30px;
    margin-right: auto;
    margin-left: auto;
    display: block;
    text-decoration: none;
    -webkit-transition: all .5s;
    padding-top: 10px;
    padding-right: 25px;
    padding-left: 25px;
    padding-bottom: 10px;
    transition: all .5s;
    text-align: center;
    width: 80%;
    z-index: 1;
    font-size: 1.2em;
    margin-top: 15px;
}
/*==========================================================
  Footer
========================================================= */
#footer {
	background-image: url(../img/footer_back.png);
	background-repeat: repeat-x;
	height: 180px;
	width: 100%;
	clear: both;
	margin-top: 30px;

}
#footer .inner {
	background-image: url(../img/footer.png);
	width: 930px;
	margin-right: auto;
	margin-left: auto;
	background-repeat: no-repeat;
	text-align: center;
	height: 80px;
	padding-top: 100px;
}
.pagetop {
	width: 82px;
	height: 83px;
	overflow: hidden;
	position: fixed;
	z-index: 100;
	text-indent: -99999px;
	text-border: none;
	bottom: 140px;
	margin-left: 90%;
}
.pagetop a {
	width: 82px;
	height: 83px;
	display: block;
	background-image: url(../img/pagetop.png);
	background-repeat: no-repeat;
	background-position: left top;
}
.pagetop a:hover {
	-moz-opacity:0.7;
	opacity:0.7;
	filter:alpha(opacity=70);
}
/* =========================================================
  2caram
========================================================= */
#Main .column-left-box {
	float: left;
	width: 455px;
	padding: 0px;
	margin-top: 0px;
	margin-right: 20px;
	margin-bottom: 0px;
	margin-left: 0px;
}
#Main .column-right-box {
	float: right;
	width: 455px;
	padding: 0px;
	margin: 0px;
}


#message {
	margin-top: 20px;
	margin-bottom: 20px;
	text-align: left;
	padding: 20px;
	border: 1px solid #7F7F7F;
	background-color: #FBFBFB;
}

.col2 {
	display: flex;
}


/* =========================================================
  News
========================================================= */
#Main #news-box {
	margin-left: 20px;

}
#Main #news-box li {
    font-size: 0.8em;
    line-height: 2em;
    text-decoration: none;
    list-style-type: none;
    list-style-image: url(../img/listmark.png);
    margin-bottom: 10px;
}
#news-box .news-box2 {
    background-color: #EBE7D9;
    padding: 8px;
    border: 3px solid #CB494B;
    margin-bottom: 10px;
}
/* =========================================================
  Greeting
========================================================= */
#photo-area{
	margin-left: 30px;
	float: right;
	height: 400px;
	width: 250px;
	text-align: right;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 30px;
	}

/* =========================================================
  Outline
========================================================= */
.outline-title {
	background-color: #CCC;
	float: left;
	width: 180px;
	font-weight: bold;
	margin-bottom: 1em;
	margin-right: 1em;
	padding-top: 15px;
	padding-right: 10px;
	padding-bottom: 15px;
	padding-left: 10px;
}
.outline-content {
	float: right;
	width: 670px;
	padding-top: 0px;
	padding-right: 20px;
	padding-bottom: 20px;
	padding-left: 5px;
}
/* =========================================================
  entry
========================================================= */
.contact-box {
	background-color: #DBDBDB;
	padding: 20px;
}
#bt-left {
	width: 450px;
	float: left;
}
#bt-righ {
	width: 450px;
	float: right;
}
/* =========================================================
  program
========================================================= */
.tr1 {
	padding-top: 10px;
	padding-right: 10px;
	padding-left: 10px;
	padding-bottom: 10px;
	border-bottom: 1px solid #B0B0B0;
	background-color: #E5D1E3;
	line-height: 1.6em;
}
.tr2 {
    padding-top: 10px;
    padding-right: 10px;
    padding-left: 10px;
    padding-bottom: 10px;
    border-left: 1px solid #B0B0B0;
    border-right: 1px solid #B0B0B0;
    border-top: 1px solid #B0B0B0;
    border-bottom: 1px solid #B0B0B0;
}

/*==========================================================
  Font
========================================================= */
h2 {
	font-size: 1.6em;
	line-height: 2em;
	color: #333;
	background-image: url(../img/h2.gif);
	background-repeat: repeat-x;
	font-weight: normal;
	background-position: 1px 46px;
	margin-top: 2em;
	text-shadow: 1px 1px 1px #999999;
	margin-bottom: 1em;
}
h3 {
	font-size: 1.2em;
	padding: 10px;
	font-weight: bold;
	border-left-width: 3px;
	border-left-style: solid;
	border-left-color: #333;
	margin: 24px 0px 10px 0px;
}
h4 {
	font-size: 1.1em;
	padding: 10px;
	background-color: #CCCCCC;
	margin-top: 10px;
	margin-bottom: 10px;
}
h5 {
	font-size: 1.4em;
	padding: 10px;
}
.txt-size-l {/* 中の文字サイズ */
	font-size: 1.2em;
	line-height: 2.0em;
}
.txt-size-m {/* 中の文字サイズ */
	font-size: 1em;
	line-height: 1.8em;
	letter-spacing: 0.2em;
}
.txt-size-s {/* 小の文字サイズ */
	font-size: 0.9em;
	line-height: 1.6em;
}
.txt-size-ss {/* 小の文字サイズ */
	font-size: 0.7em;
	line-height: 1.4em;
}
.txt-spacing {/* 字間を広げる */
letter-spacing: 0.2em;
}
.txt-justify {/* 字を揃える */
    text-align: justify;
}
.mi {/* 冒頭にスペース */
	text-indent: 1em;
}
.mt {/* 2行目からスペース */
	
	text-indent: -1em;
	padding-left: 1em;
}

.txt_li li {/* リスト項目 */
    line-height: 1.8rem;
    text-indent: 0rem;
    margin-left: 1rem;
    list-style-type: disc;
}

.ltt {/* li項目にスペース */
	padding-left: 1em;
}
.ltt li {/* li項目にスペース */
    margin-bottom: 0.6em;
}
ol li {/* 数字li項目にスペース */
    margin-left: 1em;

}
.orange {
	color: #FF6600;
}
.red {
	color: #FF0000;
}
.blue {
	color: #324158;
}

a {
	color: #991974;
	text-decoration: underline;
	font-weight: normal;
}
a:visited {
	color: #991974;
}
a:hover {
	color: #09F;
	text-decoration: none;

}


.strikethrough {/*取り消し線 */
  color: red;
  text-decoration: line-through;
}
.strikethrough span{/*取り消し線 */
  color: #666;
}
.entry-date {
    color: #FF6600;
    font-size: 1.4em;
    line-height: 2.0em;
	}
/*==========================================================
  ボタン各種
========================================================= */

/*==========================================================
  演題登録様ボタン
========================================================= */
a.btn_a {
    display: flex;
    justify-content: space-evenly;
    align-items: center;
    text-align: center;
    text-decoration: none;
    width: 250px;
    margin: 24px 0px;
    padding: 2rem;
    font-weight: bold;
    background: #27acd9;
    color: #fff;
    border-radius: 16px;
    position: relative;
    transition: 0.5s;
    font-size: 1.3rem;
}
a.btn_a::before {
	content: '';
	width: 7px;
	height: 7px;
	border-top: 2px solid #fff;
	border-right: 2px solid #fff;
	transform: rotate(45deg);
}
a.btn_a:hover {
	background: #44c6f2;
	color: #fff;
}
a.btn_b {
    display: flex;
    justify-content: space-evenly;
    align-items: center;
    text-align: center;
    text-decoration: none;
    width: 250px;
    margin: 24px 0px;
    padding: 2rem;
    font-weight: bold;
    background-color: #EA9F00;
    color: #fff;
    border-radius: 16px;
    position: relative;
    transition: 0.5s;
    font-size: 1.3rem;
}
a.btn_b::before {
	content: '';
	width: 7px;
	height: 7px;
	border-top: 2px solid #fff;
	border-right: 2px solid #fff;
	transform: rotate(45deg);
}
a.btn_b:hover {
    background-color: #F7D92A;
    color: #fff;
}
.btn_none {
    width: 280px;
    color: #FFFFFF;
    text-align: center;
    text-decoration: none;
    font-size: 1.1rem;
    letter-spacing: 0.04rem;
    line-height: 4.6rem;
    background-color: #B0B0B0;
    display: block;
    left: 0;
    height: 100%;
    border-radius: 16px;
    display: block;
    margin: 32px auto;
}

/*==========================================================
  ボタン各種-C
========================================================= */
.button-c {
	position: relative;
	background-color: #1abc9c;
	border-radius: 4px;
	color: #fff;
	line-height: 30px;
	box-shadow: 0 3px 0 #0e8c73;
	text-shadow: 0 1px 1px rgba(0, 0, 0, .3);
	margin-left: auto;
	display: block;
	text-decoration: none;
	-webkit-transition: all .3s;
	padding: 20px;
	transition: all .3s;
	text-align: center;
	width: 405px;
	float: left;
	margin-right: 20px;

}
.button-c:hover {
	color: #fff;
	background-color: #31c8aa;
	box-shadow: 0 3px 0 #23a188;
}
.button-c:active {
	top: 3px;
	box-shadow: none;
}
.button-c:visited {
	color: #fff;
}


.button-c-none {
    position: relative;
    background-color: #CD6567;
    border-radius: 4px;
    color: #fff;
    line-height: 30px;
    box-shadow: 0 3px 0;
    text-shadow: 0 1px 1px rgba(0, 0, 0, .3);
    margin-left: auto;
    display: block;
    text-decoration: none;
    -webkit-transition: all .3s;
    padding: 20px;
    transition: all .3s;
    text-align: center;
    width: 405px;
    float: left;
    margin-right: 20px;
    -webkit-box-shadow: 0 3px 0;
}

/*==========================================================
  ボタン各種-D
========================================================= */

#answer-box {
	background-color: #FFFFFF;
	margin-bottom: 50px;
	padding-bottom: 50px;
	text-align: center;
	width: 910px;
}

.button-d {
    position: relative;
    background-color: #ED6B39;
    border-radius: 4px;
    color: #fff;
    line-height: 30px;
    box-shadow: 0 3px 0 #BD5200;
    text-shadow: 0 1px 1px rgba(0, 0, 0, .3);
    margin-left: 30px;
    display: block;
    text-decoration: none;
    -webkit-transition: all .3s;
    padding: 20px;
    transition: all .3s;
    text-align: center;
    width: 160px;
    margin-right: 30px;
    -webkit-box-shadow: 0 3px 0 #BD5200;
    float: right;
}
.button-d:hover {
	color: #fff;
	background-color: #FF963B;
	box-shadow: 0 3px 0 #BD5200;
}
.button-d:active {
	top: 3px;
	box-shadow: none;
}
.button-d:visited {
	color: #fff;
}

/*==========================================================
  ボタン各種-E
========================================================= */

#answer-box {
	background-color: #FFFFFF;
	margin-bottom: 50px;
	padding-bottom: 50px;
	text-align: center;
	width: 910px;
}


.button-e {
    position: relative;
    background-color: #3380E8;
    border-radius: 4px;
    color: #fff;
    line-height: 30px;
    box-shadow: 0 3px 0 #13499C;
    text-shadow: 0 1px 1px rgba(0, 0, 0, .3);
    margin-left: 30px;
    display: block;
    text-decoration: none;
    -webkit-transition: all .3s;
    padding: 20px;
    transition: all .3s;
    text-align: center;
    width: 300px;
    margin-right: 30px;
    -webkit-box-shadow: 0 3px 0 #13499C;
    float: left;
}
.button-e:hover {
    color: #fff;
    background-color: #5895E7;
    box-shadow: 0 3px 0 #13499C;
}
.button-e:active {
	top: 3px;
	box-shadow: none;
}
.button-e:visited {
	color: #fff;
}

/*==========================================================
  ボタン各種-協賛趣意書
========================================================= */



.button-f {
    position: relative;
    color: #fff;
    line-height: 30px;
    display: block;
    text-decoration: none;
    -webkit-transition: all .3s;
    padding: 20px;
    transition: all .3s;
    text-align: center;
    width: 280px;
    margin-right: 30px;
    float: left;
    margin-left: 6px;
    background: rgb(255,201,0);
    background: linear-gradient(0deg, rgba(255,201,0,1) 0%, rgba(255,162,0,1) 92%);
    box-shadow: 0px 4px 15px -4px #000000;
    border-radius: 12px;
}
.button-f a {
    color: #fff;
    text-decoration: none;
}
.button-f a:hover {
    color: #FBF0B7;
}
.button-f a:active {
	top: 3px;
	box-shadow: none;
}
.button-f a:visited {
	color: #fff;
}

/*==========================================================
  ボタン各種-none
========================================================= */
.button-none {
    position: relative;
    background-color: #B0B0B0;
    border-radius: 4px;
    color: #fff;
    line-height: 30px;
    text-shadow: 0 1px 1px rgba(0, 0, 0, .3);
    margin-left: auto;
    display: block;
    text-decoration: none;
    -webkit-transition: all .3s;
    padding: 20px;
    transition: all .3s;
    text-align: center;
    width: 405px;
    float: left;
    margin-right: 20px;
}
.button-c:hover {
	color: #fff;
	background-color: #31c8aa;
	box-shadow: 0 3px 0 #23a188;
}
.button-c:active {
	top: 3px;
	box-shadow: none;
}
.button-c:visited {
	color: #fff;
}


.button-c-none {
	position: relative;
	background-color: #E5C4CE;
	border-radius: 4px;
	color: #fff;
	line-height: 30px;
	box-shadow: 0 3px 0;
	text-shadow: 0 1px 1px rgba(0, 0, 0, .3);
	margin-left: auto;
	display: block;
	text-decoration: none;
	-webkit-transition: all .3s;
	padding: 20px;
	transition: all .3s;
	text-align: center;
	width: 405px;
	float: left;
	margin-right: 20px;
	-webkit-box-shadow: 0 3px 0;	
}
/*==========================================================
  準備中
========================================================= */
.soon {
	font-size: 1.2em;
	line-height: 2.0em;
	letter-spacing: 0.2em;
	color: #828282;
	text-align: center;
	margin-top: 60px;
}
/*==========================================================
  tableのcss
========================================================= */
.line-table {
	margin: 0px;
	border: 1px solid #D0D0D0;
	border-collapse: collapse;
	background-color: #D0D0D0;  /* 背景色指定 */
}
.line-table th {
	padding: 15px;
	margin: 0px;
	border: 1px solid #D0D0D0;
	background-color: #E4EDE3;  /* 背景色指定 */
}
.line-table td {
	padding: 15px;
	border: 1px solid #D0D0D0;
	background-color: #FFF;  /* 背景色指定 */
}
/*==========================================================
TOP
========================================================= */
#exit {
	background-color: #C19A9A;
	padding: 20px;
	width: 890px;
	margin-top: 15px;
}
/*==========================================================
  注意事項の枠BOX
========================================================= */
.color-box-a {
    background-color: #F3F1EB;
    border-radius: 10px;
    padding: 15px;
    border: 4px solid #EB4925;
}
/*==========================================================
  注意事項の枠BOX-B
========================================================= */
.color-box-b {
    background-color: #F3F1EB;
    border-radius: 10px;
    padding: 15px;
    border: 4px solid #AF38A2;
}
/*==========================================================
  注意事項の枠BOX-C
========================================================= */
.color-box-c {
    background-color: #F3F1EB;
    border-radius: 10px;
    padding: 15px;
    border: 4px solid #fff;
}
/*==========================================================
  二重取り消し線
========================================================= */
.del {
    background-image: linear-gradient(transparent 0.5em, #fe3464 0, #fe3464 calc(0.5em + 1px), transparent 0, transparent calc(0.5em + 3px), #fe3464 0, #fe3464 calc(0.5em + 4px), transparent 0);
    color: #888;
    text-decoration: none;
}
/*==========================================================
 演題登録
========================================================= */
.abstract_box {
    padding: 15px 48px;
    background-color: #FFFFFF;
    border-radius: 8px;
    border: 1px solid #FFFFFF;
}
.col-abstract{/* 横並び*/
    display: flex;
    justify-content: space-between;
}

/*==========================================================
  演題登録ボタン
========================================================= */
a.btn_a {
    display: flex;
    justify-content: space-evenly;
    align-items: center;
    text-align: center;
    text-decoration: none;
    width: 300px;
    margin: 24px 0px;
    padding: 2rem;
    font-weight: bold;
    background: #27acd9;
    color: #fff;
    border-radius: 16px;
    position: relative;
    transition: 0.5s;
    font-size: 1.3rem;
}
a.btn_a::before {
	content: '';
	width: 7px;
	height: 7px;
	border-top: 2px solid #fff;
	border-right: 2px solid #fff;
	transform: rotate(45deg);
}
a.btn_a:hover {
	background: #44c6f2;
	color: #fff;
}
a.btn_b {
    display: flex;
    justify-content: space-evenly;
    align-items: center;
    text-align: center;
    text-decoration: none;
    width: 300px;
    margin: 24px 0px;
    padding: 2rem;
    font-weight: bold;
    background-color: #EA9F00;
    color: #fff;
    border-radius: 16px;
    position: relative;
    transition: 0.5s;
    font-size: 1.3rem;
}
a.btn_b::before {
	content: '';
	width: 7px;
	height: 7px;
	border-top: 2px solid #fff;
	border-right: 2px solid #fff;
	transform: rotate(45deg);
}
a.btn_b:hover {
    background-color: #F7D92A;
    color: #fff;
}
.btn_none {
    width: 280px;
    color: #FFFFFF;
    text-align: center;
    text-decoration: none;
    font-size: 1.1rem;
    letter-spacing: 0.04rem;
    line-height: 4.6rem;
    background-color: #B0B0B0;
    display: block;
    left: 0;
    height: 100%;
    border-radius: 16px;
    display: block;
    margin: 32px auto;
}

@media screen and (max-width: 960px) {
.abstract_box .btn_area {
    display: block;
    text-align: center;
}
a.btn_a {
    width: 80%;
}
a.btn_b {
    width: 80%;
}
}






/*==========================================================
  ボタンオレンジ
========================================================= */
.button-abstract {
	position: relative;
	background-color: #F5901F;
	border-radius: 4px;
	color: #fff;
	line-height: 50px;
	box-shadow: 0 3px 0 #D1730C;
	text-shadow: 0 1px 1px rgba(0, 0, 0, .3);
	margin-right: auto;
	margin-left: auto;
	display: block;
	text-decoration: none;
    width: 90%;
	-webkit-transition: all .3s;
	padding: 20px;
	transition: all .3s;
	text-align: center;

	-webkit-box-shadow: 0 3px 0 #D1730C;
}
.button-abstract:hover {
	color: #fff;
	background-color: #FFBF21;
	box-shadow: 0 3px 0 #FFBF21;
}
.button-abstract:active {
	top: 3px;
	box-shadow: none;
}
.button-abstract:visited {
	color: #fff;
}
.button-abstract-b {
    position: relative;
    background-color: #10C70A;
    border-radius: 4px;
    color: #fff;
    line-height: 50px;
    box-shadow: 0 3px 0 #02AD2D;
    text-shadow: 0 1px 1px rgba(0, 0, 0, .3);
    margin-right: auto;
    margin-left: auto;
    display: block;
    text-decoration: none;
    width: 90%;
    -webkit-transition: all .3s;
    padding: 20px;
    transition: all .3s;
    text-align: center;
    -webkit-box-shadow: 0 3px 0 #02AD2D;
}
.button-abstract-b:hover {
    color: #fff;
    background-color: #5BDE0C;
    box-shadow: 0 3px 0 #02AD2D;
    -webkit-box-shadow: 0 3px 0 #02AD2D;
}
.button-abstract-b:active {
	top: 3px;
	box-shadow: none;
}
.button-abstract-b:visited {
	color: #fff;
}
.button-a {
	position: relative;
	background-color: #F5901F;
	border-radius: 4px;
	color: #fff;
	line-height: 50px;
	box-shadow: 0 3px 0 #D1730C;
	text-shadow: 0 1px 1px rgba(0, 0, 0, .3);
	margin-right: auto;
	margin-left: auto;
	display: block;
	text-decoration: none;
	-webkit-transition: all .3s;
	padding: 20px;
	transition: all .3s;
	text-align: center;
	width: 400px;
	-webkit-box-shadow: 0 3px 0 #D1730C;
}
.button-a:hover {
	color: #fff;
	background-color: #FFBF21;
	box-shadow: 0 3px 0 #FFBF21;
}
.button-a:active {
	top: 3px;
	box-shadow: none;
}
.button-a:visited {
	color: #fff;
}

/*==========================================================
  ボタングリーン
========================================================= */

.button-b {
    position: relative;
    background-color: #01B508;
    border-radius: 4px;
    color: #fff;
    line-height: 50px;
    box-shadow: 0 3px 0 #1B6500;
    text-shadow: 0 1px 1px rgba(0, 0, 0, .3);
    margin-right: auto;
    margin-left: auto;
    display: block;
    text-decoration: none;
    -webkit-transition: all .3s;
    padding: 20px;
    transition: all .3s;
    text-align: center;
    width: 400px;
    -webkit-box-shadow: 0 3px 0 #1B6500;
}
.button-b:hover {
    color: #fff;
    background-color: #4FEA1B;
    box-shadow: 0 3px 0 #84E546;
    -webkit-box-shadow: 0 3px 0 #84E546;
}
.button-b:active {
	top: 3px;
	box-shadow: none;
}
.button-b:visited {
	color: #fff;
}



/*==========================================================
  企業展示
========================================================= */
.sponsor-title {
    font-size: 1.2em;
    line-height: 2.0em;
    letter-spacing: 0.2em;
    color: #FFFFFF;
    text-align: center;
    margin-top: 60px;
    background-color: #8E399A;
    padding-top: 15px;
    padding-bottom: 15px;
    margin-bottom: 60px;
}
.sponsor-product-name {
    font-size: 1.0em;
    color: #093DCC;
    font-weight: bold;
    padding-left: 2em;
}
.sponsor-product-txt {
    font-size: 0.97em;
    padding-left: 3em;
    line-height: 1.8em;
    letter-spacing: 0.2em;
    margin-bottom: 20px;
}
.expo-thmb-area{
    height: 350px;

    text-decoration: underline;
}
.expo-thmb{
    float: left;
    width: 21%;
    margin-left: 10px;
    padding: 5px;
    margin-right: 10px;

}
.expo-thmb img{
    width: 100%;
}
.expo-thmb-title{
    font-size: 0.8em;
    text-align: center;
    background-image: url(../../expo/expo-arrow.svg);
    background-repeat: no-repeat;
    background-size: 16px 16px;
    padding-bottom: 8px;
    padding-top: 14px;
    background-position: 20px 12px;
    margin-top: 4px;
}
.DivLink{
    position: relative;
}

.DivLink .Link{
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
.DivLink .Link:hover {
    opacity: 0.5;
    filter: alpha(opacity=50);
    zoom: 1;
    background-color: #fff;
    transition: 1.0s;
}