@charset "UTF-8" ;


/* ボディ */
body
{
	margin: 0 ;		/* スペース */
	padding: 0 ;		/* 余白 */
	font-size: 14px ;	/* 文字サイズ */
	line-height: 1.618 ;	/* 行の高さ */
	background: #ffffff;	/* 背景色(確認用) */
	width: 970px;
	text-align:center;
	margin-left:auto;
	margin-right:auto;
	text-align:center;
}

/* ヘッダー */
.header
{
	text-align: center ;			/* テキスト、画像の真ん中寄せ */
	padding: 7.5px 0em  0em 0em;			/* 上下の余白 */
	background: #ffffff;			/* 背景色(確認用) */
	width: 970px;
	height: 118px;
	position: fixed;
	z-index: 10;
	transition: .0s;
}

.header2
{
	text-align: center ;			/* テキスト、画像の真ん中寄せ */
	padding: 23px 0em  0em 0em;			/* 上下の余白 */
	background: #ffffff;			/* 背景色(確認用) */
	width: 970px;
	height: 46px;
	position: fixed;
	z-index: 10;
	transition: .0s;
}

/* ロゴ画像 */
.logo
{
	width:100%;
	height:auto;
}
.logo2
{
	width:100%;
	height:auto;
}
.logo3
{
	width:100%;
	height:auto;
}

/* フッター */
.footer
{
/*	border-top: 3px solid #888 ;		 枠線 */
	text-align: center ;			/* テキスト、画像の真ん中寄せ */
	margin-top: 2em ;			/* 他のブロックとのスペース */
	padding: 1em 0 ;			/* 上下の余白 */
	background-color: #4f1d1d;
	color: white;
}

.wrapper
{   	width: 970px ;
	margin-left: 0 auto ;		/* 左右に[auto]を指定することで、真ん中に寄る */
	margin-right: 0 auto ;		/* 左右に[auto]を指定することで、真ん中に寄る */
	padding: 0 ;			/* 上下左右の余白を0にしておく */
	margin: 0 !important;
	padding-top: 130px;
/*	overflow: hidden ;*/
}

.wrapper2
{   	width: 970px ;
	margin-left: 0 auto ;		/* 左右に[auto]を指定することで、真ん中に寄る */
	margin-right: 0 auto ;		/* 左右に[auto]を指定することで、真ん中に寄る */
	padding: 0 ;			/* 上下左右の余白を0にしておく */
	margin: 0 !important;
	padding-top: 76px;
/*	overflow: hidden ;*/
}


.main
{
	width: 618px ;
	padding: 0px ;					/* 上下左右に20pxの余白 */
	border: 0px solid rgba(0,0,0,.1) ;		/* 枠線 */
	margin-top: -39px;
	float: left ;
}

.sidefixed {
  position: -webkit-sticky;
  position: sticky;
	top: 0;
margin-top:-77px;
padding-top:77px; 
height:500px;
}

div.empty2 {	
	clear: both;
	width: 320px;
	height: 110px;
	padding: 0px;
}

.side
{   
	top: 50px;
	padding-top: 0px ;
	width: 320px ;
	height: 1500px;
	margin-top: -40px;
	float: right ; 
}

.main2
{
	width: 618px ;
	padding: 0px ;					/* 上下左右に20pxの余白 */
	border: 0px solid rgba(0,0,0,.1) ;		/* 枠線 */
	margin-top: 20px;
	float: left ;
}

.side2
{
	padding-top: 0px ;
	width: 320px ;
	margin-top: 1px;
	float: right ;
	height: 2200px;
}


a {
	color:#5b0000;
	text-decoration:underline;
}

.opp {
	background-size: cover;
	position: relative;
	height:100%;
}


div.chu {
	text-align:right;
}

.opp::before {
	background-color: rgba(0,0,0,0.4); /*半透明のフィルターをかける*/
	position: absolute;
	top: 0;
	right: 0;
	bottom:6.5px;
	left: 0;
	content:'';
}

#committee,#generalchair,#host, #fee, #howto, #poster, #paper, #time, #invited, #keynote, #tutorial, #jsme, #think, #casestudy, #panel, #panel2, #support, #banquet, #venue1, #venue2, #map, #JBspecial, #access, #info, #logo, #request, #mika, #student, #award {
	margin-top : -95px;
	padding-top : 95px;
}

hr.linehead {
	height: 4px;
	background-color: #888;
	border: none;
}
hr.linehead2 {
	height: 4px;
	background-color: #888;
	border: none;
	margin-top: 4px;
}

	
.lazyload{
 opacity: 0;
}
.lazyloaded{
  opacity: 1;
  transition: all 0.1s;
}


img-ling
{
	border:0;
}

.visibility-off
{
	visibility:  hidden;
}
.visibility-on
{
	visibility:  visible;
};


img{
	margin: 0;
	padding: 0;	
	vertical-align: bottom;
	background-color:#ffffff;
}


div.example a.img-ling img:hover
{
opacity: 0.55;
}

div.example3 a.img-ling img:hover
{
opacity: 0.55;
}

.logo-wrapper
{
	background-color:#ffffff;
	margin: 0px;;
	border: 0px;
}

.logo-wrapper2
{
	background-color:#ffffff;
	margin: 0px;;
	border: 0px;
}


ul.ddmenu {
	margin: 0px;               /* メニューバー外側の余白(ゼロ) */
	padding: 0px 0px 0px 0px; /* メニューバー内側の余白(左に15px) */
	background-color: #ffffff; /* バーの背景色(濃い赤色) */
	position:relative;
	z-index: 10;
	text-align: right;
}

ul.ddmenu li {
	width: 88px;          /* メニュー項目の横幅(125px) */
	display: inline-block; /* ★横並びに配置する */
	list-style-type: none; /* ★リストの先頭記号を消す */
	position: relative;    /* ★サブメニュー表示の基準位置にする */
	border-right: 2px solid #8b0000; /* 左側に引く枠線(ピンク色で1pxの実線) */
}

ul.ddmenu a {
	background-color: #ffffff; /* メニュー項目の背景色(濃い赤色) */
	color: #000000;              /* メニュー項目の文字色(白色) */
	line-height: 35px;         /* メニュー項目のリンクの高さ(40px) */
	text-align: center;        /* メインメニューの文字列の配置(中央寄せ) */
	text-decoration: none;     /* メニュー項目の装飾(下線を消す) */
	font-weight: bold;         /* 太字にする */
	display: block;            /* ★項目内全域をリンク可能にする */	
}


ul.ddmenu a:hover {
	background-color: #ededed; /* メニュー項目にマウスが載ったときの背景色(淡いピンク) */
	/* color: #dd0000;            メニュー項目にマウスが載ったときの文字色(濃い赤色) */
	color: #8b0000;            /* メニュー項目にマウスが載ったときの文字色(濃い赤色) */
}

ul.ddmenu li:hover ul {
	display: block;      /* ★マウスポインタが載っている項目の内部にあるリストを表示する */
}

ul.ddmenu ul {
	margin: 0px;        /* ★サブメニュー外側の余白(ゼロ) */
	padding: 0px;       /* ★サブメニュー内側の余白(ゼロ) */
	display: none;      /* ★標準では非表示にする */
	position: absolute; /* ★絶対配置にする */
}

ul.ddmenu ul li {
	width: 150px;               /* サブメニュー1項目の横幅(135px) */
	/*  border-bottom: 2px solid pink; 項目上側の枠線(ピンク色で1pxの実線) */
	border-bottom: 2px solid #8b0000; /* 項目上側の枠線(ピンク色で1pxの実線) */
	border-left: 0px solid white; /* 左側に引く枠線(ピンク色で1pxの実線) */
	border-right: 0px solid white; /* 左側に引く枠線(ピンク色で1pxの実線) */
	font-size: 15px ;	/* 文字サイズ */
}

ul.ddmenu ul li a {
	line-height: 35px;   /* サブメニュー1項目の高さ(35px) */
	text-align: left;    /* 文字列の配置(左寄せ) */
	padding-left: 5px;   /* 文字列前方の余白(5px) */
	font-weight: 600; /* 太字にはしない */
	background-color: #e1e1e1; 
}

ul.ddmenu ul li a:hover {
	background-color: #ffdddd; /* サブメニュー項目にマウスが載ったときの背景色(淡い黄色) */
	/* color: #dd0000;            サブメニュー項目にマウスが載ったときの文字色(濃い緑色) */
	color: #8b0000;            /* サブメニュー項目にマウスが載ったときの文字色(濃い緑色) */
}

ul.ddmenu ul ul {
	margin: 0px;        /* ★サブメニュー外側の余白(ゼロ) */
	padding: 0px;       /* ★サブメニュー内側の余白(ゼロ) */
	display: none;      /* ★標準では非表示にする */
	position: absolute; /* ★絶対配置にする */
	top: -1px;          /* 1pxだけ上方向にずらす(※上に1pxの枠線を引いている場合) */
	left: 100%;         /* ★基準位置からの距離を親ボックスの幅100％にする */
	border-left: 1px solid pink; /* 左側に引く枠線(ピンク色で1pxの実線) */
}
	
.inline-block_test {
	display: inline-block;        /* インラインブロック要素にする */
	background-color:  #ffffff;      /* 背景色指定 */
	width: 40%;                 /* 幅指定 */ 
	padding-right:0%;
	height:100px;
}

.inline-block_test2 {
	display: inline-block;        /* インラインブロック要素にする */
	background-color:  #ffffff;      /* 背景色指定 */
	width: 59%;                 /* 幅指定 */
	font-size: 15px ;	/* 文字サイズ */ 
	vertical-align: bottom;
}

.inline-block_test6 {
	display: inline-block;        /* インラインブロック要素にする */
	background-color:  #ffffff;      /* 背景色指定 */
	width: 62%;                 /* 幅指定 */
	font-size: 15px ;	/* 文字サイズ */ 
	vertical-align: bottom;
}

.inline-block_test5 {
	display: inline-block;        /* インラインブロック要素にする */
	background-color:  #ffffff;      /* 背景色指定 */
	width: 62%;                 /* 幅指定 */
	font-size: 15px ;	/* 文字サイズ */ 
	vertical-align: bottom;
}

.inline-block_test7 {
	display: none;
}
.inline-block_test8 {
	display: none;
}

.inline-block_test3 {
	padding-top: 0px;
	display: inline-block;        /* インラインブロック要素にする */
	background-color:  #ffffff;      /* 背景色指定 */
	width: 100%;                 /* 幅指定 */
	padding-top:-1.5%;
}

.inline-block_test4 {
	display: none;
}

.inline-block_test-2 {
	display: inline-block;        /* インラインブロック要素にする */
	background-color:  #ffffff;      /* 背景色指定 */
	width: 359px;                 /* 幅指定 */ 
	padding-right:0%;
	height: 25px;	

}

.inline-block_test5-2 {
	display: inline-block;        /* インラインブロック要素にする */
	background-color:  #ffffff;      /* 背景色指定 */
	width: 15%;                 /* 幅指定 */ 
	padding-right:22%;
	height: 25px;	

}

.inline-block_test6-2 {
	display: inline-block;        /* インラインブロック要素にする */
	background-color:  #ffffff;      /* 背景色指定 */
	width: 15%;                 /* 幅指定 */ 
	padding-right:22%;
	height: 25px;	

}
.inline-block_test2-2 {
	display: inline-block;        /* インラインブロック要素にする */
	background-color:  #ffffff;      /* 背景色指定 */
	font-size: 15px ;	/* 文字サイズ */ 
	width: 62%;                 /* 幅指定 */	
	vertical-align: top;
	height: 25px;	
}


.inline-block_test3-2 {
	padding-top: 0px;
	display: inline-block;        /* インラインブロック要素にする */
	background-color:  #ffffff;      /* 背景色指定 */
	width: 15%;                 /* 幅指定 */
	padding-top:1.5%;
	height: 25px;	
}



.inline-block-img {
	display: inline-block;        /* インラインブロック要素にする */
	font-size: 9px ;	/* 文字サイズ */ 	
	vertical-align: top;	
}

div.slider{  
	margin-top: -8px;
	padding-top: -8px;
/*	overflow:visible;*/
	height: 185px;
}


.bx-wrapper {
	-moz-box-shadow: none !important;
	-webkit-box-shadow: none !important;
	box-shadow: none !important;
	border: none !important;
	background: none !important;
}

h2.news {
	width: 100%;
	color: #000000;
	border-bottom: solid 2px;
	border-bottom-color: #8b0000;
	padding-top:-0.62px;
}
h2.news2 {
	width: 100%;
	color: #000000;
	border-bottom: solid 2px;
	border-bottom-color: #8b0000;
	margin-top:0.5rem;
}

div.news {
	font-size: 12pt;
	text-align: left;
	margin-bottom: 40px;
}
div.news2 {
	font-size: 12pt;
	text-align: left;
	margin-bottom: 2.5rem;
height: 9.4rem;
	
}
div.news5 {
	font-size: 12pt;
	text-align: left;
	margin-bottom: 2.5rem;
height: 9.4rem;
	
}
div.news3 {
	font-size: 12pt;
	text-align: left;
	margin-bottom: 2.5rem;
	
}

div.news4 {
	font-size: 12pt;
	text-align: left;
	margin-bottom: 40px;
}

ul.news{
	list-style: none !important ;
	padding-left: 10px !important ;
	padding-top:0px;
	padding-bottom:0px;
}


span.news {
	font-size: 12pt;
	text-align: left;
	font-weight: bold !important ;         /* 太字にする */
}

h2.info { 
	background: #ffffff;
	width: 100%;
	color: #000000;
	border-bottom: solid 2px #8b0000;
	border-bottom-color: #666666;
	margin-bottom:9px;
	padding-top:0.6px;
}

h2.info2 { 
	background: #ffffff;
	width: 100%;
	color: #000000;
	border-bottom: solid 2px #8b0000;
	border-bottom-color: #666666;
}
h2.info3 { 
	background: #ffffff;
	width: 100%;
	color: #000000;
	border-bottom: solid 2px #8b0000;
	border-bottom-color: #666666;
	margin-bottom:9px;
	margin-top:-0.46rem;
}
#grid {
	width: 690px;
	padding-top: 20px;
	margin-top: 50px;
	margin-left: -52px;
}

li.img {
	margin: 17px;
	float: left;
	list-style: none;
}


ul.newslist {
        text-align: left;
}

div.imglist {
        text-align: center; 
}

img.list {
        margin-top: 15px;
  position: sticky;
  top: 100px;
}

div.empty {	
	clear: both;
	width: 970px;
	height: 0px;
	padding: 0px;
}

dl.infobox {
	margin-top:12px;
	line-height: 19px;
	margin-bottom:35.5px;
	width: 305px;
	height: 9.3rem;
	overflow: auto;
	border: 1px double #cccccc;
	font-size: 14px;
	padding-top: 1.5%;
	padding-left: 5px;
	padding-right: 5px;
	padding-bottom: 0.5%;
	margin-bottom: 12%;
	-webkit-text-size-adjust: 100%;
	max-height: 100%;
	text-align: left;
}

/*
dl.infobox dt {
	margin:-3px -2px -11px 8px;
	padding:0px 0px 0px 0px; 
	font-size: 14px;
	-webkit-text-size-adjust: 100%;
	max-height: 100%;
	width: 5.5em;
}

dl.infobox dd {
	position:relative; 
	top:-0.35em; 
	left:5.5em;
	border-width: 0px; 
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px; 
	line-height: 1em;
	z-index:1;
	font-size: 14px;
	-webkit-text-size-adjust: 100%;
	max-height: 100%;
	width:7cm;
}*/


dl.infobox span {
	-webkit-text-size-adjust: 100%;
	max-height: 100%;
}

.example {/*親div*/
	position: relative;/*相対配置*/
}


.example2 {/*親div*/
	position: relative;/*相対配置*/
}


.example3 {/*親div*/
	position: relative;/*相対配置*/
}

.example p {
	opacity: 0.7; 
	position: absolute;
	top: 0%;/*画像の左上に配置*/
	left: 0%;
	margin: 0; /*余計な隙間を除く*/
	color: #8b0000;/*文字を白に*/
	background: #ffffff;/*背景色*/
	/*  color: #dd0000;/*文字を白に*/
	/*  background: #ffdddd;/*背景色*/
	font-family :Quicksand, sans-serif;/*Google Font*/
	font-size: 15px;
	font-weight: bold;
	line-height: 1;/*行高は1に*/
	padding: 2px 4px;/*文字周りの余白*/
}


.example3 p {
	opacity: 0.93; 
	position: absolute;
	top: 0%;/*画像の左上に配置*/
	left: 0%;
	margin: 0; /*余計な隙間を除く*/
	color: #8b0000;/*文字を白に*/
	background: #ffffff;/*背景色*/
	/*  color: #dd0000;/*文字を白に*/
	/*  background: #ffdddd;/*背景色*/
	font-family :Quicksand, sans-serif;/*Google Font*/
	font-size: 15px;
	font-weight: bold;
	line-height: 1;/*行高は1に*/
	padding: 2px 4px;/*文字周りの余白*/
}

.example2 p {
	position: absolute;
	top: 50%;/*画像の左上に配置*/
	left: 0%;
	margin: 0; /*余計な隙間を除く*/
	color: #dddddd;/*文字を白に*/
/*  color: #dd0000;/*文字を白に*/
/*  background: #ffdddd;/*背景色*/
	font-family :Quicksand, sans-serif;/*Google Font*/
	font-size: 35px;
	font-weight: bold;
	line-height: 1;/*行高は1に*/
	padding: 2px 4px;/*文字周りの余白*/
}

ul.imgcenter {
	margin-left: 20px;
}

div.fee2{
	text-align: center !important ;
}

table.fee2 {
	text-align: center !important ;
	border-collapse: collapse;
	border:1px solid #333;
	margin-left:auto;
	margin-right:auto;
}

th.fee2 {
	padding: 2px 10px;
	color: #000000;
	text-align: center !important ;
	border-collapse: collapse;
	border:1px solid #333;
	margin-left:auto;
	margin-right:auto;
	background-color: #dddddd;
}

td.fee2 {
	padding: 2px 10px;
	text-align: center !important ;
	border-collapse: collapse;
	border:1px solid #333;
	margin-left:auto;
	margin-right:auto;
}


div.vb-pc {
	display:inline;
}

div.vb-smart {
	display:none;
}

div.menu-background {
	display:none;
	background-color:#ffffff;
}

.mail-img {
	width: 240px;
	margin-bottom: -5px;
}
.mail-img2 {
	text-align: center;
  	margin: 0 auto;
	width: 320px;
}
div.mailimg {
	
	text-align: center;
  	margin: 0 auto;
}

input[type="text"] { width: 410px; }

textarea {
  resize: none;
  width:410px;
  height:100px;
}

/*----------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/
/*----------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/
/*----------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/
/*----------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/
/*----------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/
/*----------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/
/*----------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/
/*----------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/
/*----------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/
/*----------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/
/*----------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/
/*----------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/
/*----------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/
/*----------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/
/*----------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/
/*----------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/
/*----------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/
/*----------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/
/*----------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/
/*----------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/
/*----------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/
/*----------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/
/*----------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/
/*----------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/



#moushikomi-tt1 {
border-left: none;
}
#moushikomi-tt2 {
display:none;
border-left: none;
}
#moushikomi-tt3 {
display:none;
border-left: none;
}
#moushikomi-tt4 {
display:none;
border-left: none;
}
#moushikomi-tt5 {
disabled: true;
border-left: none;
}
#moushikomi-tt6 {
border-left: none;
}

table.moushikomi {
	  width: 618px;
	  border-spacing: 0;
	  font-size:16px;
	  margin-bottom:40px;
	border-collapse:collapse;
	-webkit-text-size-adjust: 100%;
	max-height: 100%;
	}


table.moushikomi th {
	  color: #fff;
	  background: #696969;
	  font-weight: bold;
	  border-left:1px solid #fff;
	  border-top:1px solid #000000;
	  border-bottom:1px solid #000000;
	  line-height: 120%;
	  text-align: center;
	  text-shadow:0 -1px 0 #000000;
	  padding-bottom:10px;
	  padding-top:10px;
	  padding-left:10px;
	  padding-right:10px;
	-webkit-text-size-adjust: 100%;
	max-height: 100%;
}

table.moushikomi th:first-child {
	  width:7px;
	  border-left:1px solid #000000;
	-webkit-text-size-adjust: 100%;
	max-height: 100%;
}

table.moushikomi th:last-child {
	  width: 430px;
	-webkit-text-size-adjust: 100%;
	max-height: 100%;
}

table.moushikomi tr td {
	  border-bottom: 1px solid #000000;
	  border-left: 1px solid #000000;
	  border-right: 1px solid #000000;
	  text-align: left;
	  font-weight:normal;
	 padding-left: 8px;
	  padding-bottom:8px;
	  padding-top:8px;
	  padding-right: 8px;
	-webkit-text-size-adjust: 100%;
	max-height: 100%;
}


table.moushikomi tr td:last-child {
	  border-right: 1px solid #000000
	-webkit-text-size-adjust: 100%;
	max-height: 100%;
}


table.moushikomi tr {
	  background: #fff;
	-webkit-text-size-adjust: 100%;
	max-height: 100%;
}

table.moushikomi tr:nth-child(2n+1) {
	  background: #f5f5f5;
	-webkit-text-size-adjust: 100%;
	max-height: 100%;
}




/*----------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/
/*----------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/
/*----------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/
/*----------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/
/*----------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/
/*----------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/
/*----------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/
/*----------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/
/*----------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/
/*----------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/
/*----------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/
/*----------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/
/*----------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/
/*----------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/
/*----------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/






/*----------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/
/*----------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/
/*----------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/
/*----------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/
/*----------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/
/*----------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/
/*----------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/
/*----------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/
/*----------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/
/*----------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/
/*----------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/
/*----------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/
/*----------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/
/*----------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/
/*----------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/
/*----------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/
/*----------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/
/*----------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/


@media screen and (max-width: 500px) {


table.moushikomi {
	  width: auto;
	  border-spacing: 0;
	  font-size:16px;
	  margin-bottom:40px;
	border-collapse:collapse;
	-webkit-text-size-adjust: 100%;
	max-height: 100%;
}


table.moushikomi th {
	  color: #fff;
	  background: #696969;
	  font-weight: bold;
	  border-left:1px solid #fff;
	  border-top:1px solid #000000;
	  border-bottom:1px solid #000000;
	  line-height: 120%;
	  text-align: center;
	  text-shadow:0 -1px 0 #000000;
	  padding-bottom:10px;
	  padding-top:10px;
	  padding-left:10px;
	  padding-right:10px;
	-webkit-text-size-adjust: 100%;
	max-height: 100%;
}

table.moushikomi th:first-child {
	  width:7px;
	  border-left:1px solid #000000;
	-webkit-text-size-adjust: 100%;
	max-height: 100%;
}

table.moushikomi th:last-child {
	  width: 70%;
	-webkit-text-size-adjust: 100%;
	max-height: 100%;
}

table.moushikomi tr td {
	  border-bottom: 1px solid #000000;
	  border-left: 1px solid #000000;
	  border-right: 1px solid #000000;
	  text-align: left;
	  font-weight:normal;
	 padding-left: 8px;
	  padding-bottom:8px;
	  padding-top:8px;
	  padding-right: 8px;
	-webkit-text-size-adjust: 100%;
	max-height: 100%;
}


table.moushikomi tr td:last-child {
	  border-right: 1px solid #000000
	-webkit-text-size-adjust: 100%;
	max-height: 100%;
}


table.moushikomi tr {
	  background: #fff;
	-webkit-text-size-adjust: 100%;
	max-height: 100%;
}

table.moushikomi tr:nth-child(2n+1) {
	  background: #f5f5f5;
	-webkit-text-size-adjust: 100%;
	max-height: 100%;
}


div.vb-pc {
	display:none;
}

div.vb-smart {
	display:inline;
}

/* ボディ */
body
{
	margin: 0 ;		/* スペース */
	padding: 0 ;		/* 余白 */
	font-size: 15px ;	/* 文字サイズ */
	line-height: 1.618 ;	/* 行の高さ */
	background-color: #ffffff;	/* 背景色(確認用) */
	width: auto;
	height: auto;
	margin-left:auto;
	margin-right:auto;
	text-align:center;
  -webkit-text-size-adjust: 100%;
}


div.news {
	font-size: 15px;
	text-align: left;
	margin-bottom: 45px;
       height: 580px;
	height: auto; 
}
div.news3 {
	font-size: 11px;
	text-align: left;
	margin-bottom: 40px;
	padding-left: -15px;
	margin-left: -15px;
	height: auto; 
}
div.news2 {
	font-size: 15px;
	text-align: left;
	margin-bottom: 40px;
	/*height: 220px;*/
	height: auto; 
}

div.news4 {
	font-size: 12pt;
	text-align: left;
	margin-bottom: 40px;
	height: 95px;
	height: auto; 
}

div.news5 {
	font-size: 15px;
	text-align: left;
	margin-bottom: 40px;
	height: 270px; 
	height: auto; 
}
/* ヘッダー */
.header
{
	/*background-color: #ffffff;*/
	text-align: left ;			/* テキスト、画像の真ん中寄せ */
	padding: 5px 0em  0em 0em;			/* 上下の余白 */
	background: #ffffff;			/* 背景色(確認用) */
	width: 100%;
	height: 58px;
	position: fixed;
	z-index: 10;
	transition: .0s;
}

.header2
{
	background-color: #ffffff;
	text-align: left ;			/* テキスト、画像の真ん中寄せ */
	padding: 2px 0em  0em 0em;			/* 上下の余白 */
	background: #ffffff;			/* 背景色(確認用) */
	width: 100%;
	height: 44px;
	position: fixed;
	z-index: 10;
	transition: .0s;
}

/* ロゴ画像 */
.logo
{
	background-color: #ffffff;
	text-align: center;
	height: 50px;
	width: auto;
	padding-left:5px;
}
.logo2
{
	background-color: #ffffff;
	text-align: center;
	height: 35px;
	width: auto;
	padding-left:5px;
	padding-bottom:-10px;
	margin-bottom:-10px;
}
.logo3
{	
width: 100%;
height: auto;
}
.logo4
{
	background-color: #ffffff;
	text-align: center;
	width: 20px;
}

hr.linehead {
	margin-top: 0px;
	height:2px;
	background-color: #888;
	border: none;
}
hr.linehead2 {
	margin-top: 0px;
	height: 2px;
	background-color: #888;
	border: none;
}

/* フッター */
.footer
{
/*	border-top: 3px solid #888 ;		 枠線 */
	text-align: center ;			/* テキスト、画像の真ん中寄せ */
	margin-top: 2em ;			/* 他のブロックとのスペース */
	padding: 1em 0 ;			/* 上下の余白 */
	background-color: #4f1d1d;
	color: white;
}

.wrapper
{   	
	width: 100% ;
	margin-left: 0 auto ;		/* 左右に[auto]を指定することで、真ん中に寄る */
	margin-right: 0 auto ;		/* 左右に[auto]を指定することで、真ん中に寄る */
	padding: 0px ;			/* 上下左右の余白を0にしておく */
	margin: 0 !important;
	padding-top: 70px;
/*	overflow: hidden ;*/
}

.wrapper2
{   	
	width: 100% ;
	margin-left: 0 auto ;		/* 左右に[auto]を指定することで、真ん中に寄る */
	margin-right: 0 auto ;		/* 左右に[auto]を指定することで、真ん中に寄る */
	padding: 0px ;			/* 上下左右の余白を0にしておく */
	margin: 0 !important;
	padding-top: 45px;
/*	overflow: hidden ;*/
}


.sidefixed {
	padding: 0;
	margin: 0;	
}

.main
{
	width: 95% ;
	background-color; #ff0000;
	padding-left: 4px ;					/* 上下左右に20pxの余白 */
	padding-right: 2px ;					/* 上下左右に20pxの余白 */
	border: 0px solid rgba(0,0,0,.1) ;		/* 枠線 */
	margin-top: -45px;
	margin-left: 4px;
/*	float: left;*/
}

.side
{
	padding-top: 0px ;
	width: 95% ;
	margin-top: 0px;
	height: 750px;
/*	float: right;*/
}

.main2
{
	width: 95% ;
	background-color; #ff0000;
	padding-left: 4px ;					/* 上下左右に20pxの余白 */
	padding-right: 2px ;					/* 上下左右に20pxの余白 */
	border: 0px solid rgba(0,0,0,.1) ;		/* 枠線 */
	margin-top: 19px;
	margin-left: 4px;
/*	float: left;*/
}

.side2
{
	padding-top: 0px ;
	padding: 0px ;	
	width: 95% ;
	margin-top: 0px;
	height: 600px;
/*	float: right;*/
}


a {
	color:#5b0000;
	text-decoration:underline;
}

.opp {
	width: auto;
	background-size: cover;
	position: relative;
	height:100%;
}


div.chu {
	text-align:right;
}

.opp::before {
	width: auto;
	background-color: rgba(0,0,0,0.4); /*半透明のフィルターをかける*/
	position: absolute;
	top: 0;
	right: 0;
	bottom: 6px;
	left: 0;
	content:'';
}

#committee,#generalchair,#host, #fee, #howto, #poster, #paper, #time, #invited, #keynote, #tutorial, #jsme, #think, #casestudy, #panel, #banquet, #venue, #access, #info {
	margin-top : -95px;
	padding-top : 95px;
}


img-ling
{
	width:auto;
	border:0;
}

.visibility-off
{
	visibility:  hidden;
}
.visibility-on
{
	visibility:  visible;
};


img{
	margin: 0;
	padding: 0;	
	vertical-align: bottom;
	background-color:#ffffff;
}

.logo-wrapper
{
	text-align: center;
	background-color:#ffffff;
	margin-top: 2px;
	margin-left: 2px;
	border: 0px;
	height: 50px;
	width: auto;
}

.logo-wrapper2
{
	text-align: center;
	margin-top: 4px;
	margin-left: 2px;
	border: 0px;
	height: 48px;
	width: auto;
}

.logo-wrapper3
{
	text-align: center;
	background-color:#ffffff;
	margin-top: 2px;
	margin-left: 5px;
	border: 0px;
	height: 30px;
	width: auto;
}


div.slider{  
	margin-top: -1px;
	padding-top: -1px;
/*	overflow:visible;*/
	height: 115px;
}

ul.ddmenu {
	margin: 0px;               /* メニューバー外側の余白(ゼロ) */
	padding: 0px 0px 0px 0px; /* メニューバー内側の余白(左に15px) */
	background-color: #ffffff; /* バーの背景色(濃い赤色) */
	position:relative;
	z-index: 10;
	text-align: right;
}

ul.ddmenu li {
	width: 130px;          /* メニュー項目の横幅(125px) */
	display: inline-block; /* ★横並びに配置する */
	list-style-type: none; /* ★リストの先頭記号を消す */
	position: relative;    /* ★サブメニュー表示の基準位置にする */
	border-right: 2px solid #8b0000; /* 左側に引く枠線(ピンク色で1pxの実線) */
}

ul.ddmenu a {
	background-color: #ffffff; /* メニュー項目の背景色(濃い赤色) */
	color: #000000;              /* メニュー項目の文字色(白色) */
	line-height: 40px;         /* メニュー項目のリンクの高さ(40px) */
	text-align: center;        /* メインメニューの文字列の配置(中央寄せ) */
	text-decoration: none;     /* メニュー項目の装飾(下線を消す) */
	font-weight: bold;         /* 太字にする */
	display: block;            /* ★項目内全域をリンク可能にする */	
}


ul.ddmenu a:hover {
	background-color: #ededed; /* メニュー項目にマウスが載ったときの背景色(淡いピンク) */
	/* color: #dd0000;            メニュー項目にマウスが載ったときの文字色(濃い赤色) */
	color: #8b0000;            /* メニュー項目にマウスが載ったときの文字色(濃い赤色) */
}

ul.ddmenu li:hover ul {
	display: none;      /* ★マウスポインタが載っている項目の内部にあるリストを表示する */
}

ul.ddmenu ul {
	display: none;      /* ★マウスポインタが載っている項目の内部にあるリストを表示する */
}

ul.ddmenu ul li {
	display: none;      /* ★マウスポインタが載っている項目の内部にあるリストを表示する */
}
	
.inline-block_test {
	display: none;
}

.inline-block_test2 {
	display: inline-block;         /*インラインブロック要素にする */
/*	background-color:  #ffffff;       背景色指定 */
/*	font-size: 14px ;	 文字サイズ */ 
/*	width: 20%;                  幅指定 	
	vertical-align: top;
	height: 20px;	*/
}


.inline-block_test3 {
	display: none;                 /* 幅指定 */
}

.inline-block_test4 {
	display: inline-block;         インラインブロック要素にする */
/*	background-color:  #32468f;       背景色指定 */
	width: auto;                 /* 幅指定 */ 
	height: 40px;	
	 text-align: left;
	 padding-left: -2px;
	 margin-left: -2px;
 /*	width: 40%;                幅指定 */ 
}

.inline-block_test7 {
	display: inline-block;         インラインブロック要素にする */
/*	background-color:  #32468f;       背景色指定 */
	width: auto;                 /* 幅指定 */ 
	height: 41px;	
	 text-align: left;
	 padding-left: -2px;
	 margin-left: -2px;
 /*	width: 40%;                幅指定 */ 
}



.inline-block_test-2 {
	display: none;	
}

.inline-block_test2 {
	display: inline-block;         インラインブロック要素にする */
/*	background-color:  #32468f;       背景色指定 */
	width: auto;                 /* 幅指定 */ 
	height:27px;	
	padding-top: 1px;
	 text-align: left;
 /*	width: 40%;                幅指定 */ 
}

.inline-block_test2-2 {
	display: inline-block;         インラインブロック要素にする */
/*	background-color:  #ffffff;      /* 背景色指定 */
/*	font-size: 14px ;	 文字サイズ */ 
/*	width: 20%;                  幅指定 	
	vertical-align: top;
	height: 20px;	*/
}


.inline-block_test3-2 {
	display: none;                 /* 幅指定 */
/* 	padding-top: 0px;
	display: inline-block;        インラインブロック要素にする */
/*	background-color:  #ffffff;       背景色指定 */
 /* 	width: 10%;                幅指定 
	padding-top:1.5%;
	height: 20px;	*/
}

.inline-block-img {
	display: inline-block;        /* インラインブロック要素にする */
	font-size: 15px ;	/* 文字サイズ */ 	
	vertical-align: top;	
}

.bx-wrapper {
	-moz-box-shadow: none !important;
	-webkit-box-shadow: none !important;
	box-shadow: none !important;
	border: none !important;
	background: none !important;
}

h2.news {
	font-size: 17px;
	width: auto;
	color: #000000;
	border-bottom: solid 2px;
	border-bottom-color: #8b0000;
}

h2.news2 {
	font-size: 17px;
	width: auto;
	color: #000000;
	border-bottom: solid 2px;
	border-bottom-color: #8b0000;
}
span.news {
	font-size: 15px;
	text-align: left;
	font-weight: bold !important ;         /* 太字にする */
}

h2.info {
	background: #ffffff;
	width: auto;
	color: #000000;
	border-bottom: solid 2px #8b0000;
	border-bottom-color: #666666;
}

#grid {
	display:none;
}

li.img {
	margin: 10px;
	float: left;
	list-style: none;
}


ul.newslist {
        text-align: left;
}

div.imglist {
        text-align: center; 
}

img.list {
        margin-top: 15px;
}


dl.infobox {
	margin-top:5px;
	line-height: 19px;
	margin-bottom:40px;
	width: 90%;
	height: 142.5px;
/*	overflow: auto;*/
	border: 1px double #dddddd;
	font-size: 15px !important ;
	padding-left: 10px;
	-webkit-text-size-adjust: 100%;
	max-height: 100%;
	text-align: left;
	margin-left:0px;
}


dl.infobox span {
	font-weight:bold;
	-webkit-text-size-adjust: 100%;
	max-height: 100%;
}

.example {/*親div*/
	position: relative;/*相対配置*/
}


.example2 {/*親div*/
	padding-top: 6px;
	width: auto;
	position: relative;/*相対配置*/
}


.example3 {/*親div*/
	position: relative;/*相対配置*/
}

.example p {
	opacity: 0.7; 
	position: absolute;
	top: 0%;/*画像の左上に配置*/
	left: 0%;
	margin: 0; /*余計な隙間を除く*/
	color: #8b0000;/*文字を白に*/
	background: #ffffff;/*背景色*/
	/*  color: #dd0000;/*文字を白に*/
	/*  background: #ffdddd;/*背景色*/
	font-family :Quicksand, sans-serif;/*Google Font*/
	font-size: 14px;
	font-weight: bold;
	line-height: 1;/*行高は1に*/
	padding: 2px 4px;/*文字周りの余白*/
}


.example3 p {
	opacity: 0.93; 
	position: absolute;
	top: 0%;/*画像の左上に配置*/
	left: 0%;
	margin: 0; /*余計な隙間を除く*/
	color: #8b0000;/*文字を白に*/
	background: #ffffff;/*背景色*/
	/*  color: #dd0000;/*文字を白に*/
	/*  background: #ffdddd;/*背景色*/
	font-family :Quicksand, sans-serif;/*Google Font*/
	font-size: 14px;
	font-weight: bold;
	line-height: 1;/*行高は1に*/
	padding: 2px 4px;/*文字周りの余白*/
}

.example2 p {
	position: absolute;
	top: 50%;/*画像の左上に配置*/
	left: 0%;
	margin: 0; /*余計な隙間を除く*/
	color: #dddddd;/*文字を白に*/
/*  color: #dd0000;/*文字を白に*/
/*  background: #ffdddd;/*背景色*/
	font-family :Quicksand, sans-serif;/*Google Font*/
	font-size: 14px;
	font-weight: bold;
	line-height: 1;/*行高は1に*/
	padding: 2px 4px;/*文字周りの余白*/
}

ul.imgcenter {
	margin-left: 20px;
}


div.fee2{
	text-align: center !important ;
}

table.fee2 {
	text-align: center !important ;
	border-collapse: collapse;
	border:1px solid #333;
	margin-left:auto;
	margin-right:auto;
}

th.fee2 {
	padding: 2px 10px;
	color: #000000;
	text-align: center !important ;
	border-collapse: collapse;
	border:1px solid #333;
	margin-left:auto;
	margin-right:auto;
	background-color: #dddddd;
}

td.fee2 {
	padding: 2px 10px;
	text-align: center !important ;
	border-collapse: collapse;
	border:1px solid #333;
	margin-left:auto;
	margin-right:auto;
}


div.empty {	
	clear: both;
	width: auto;
	height: 0px;
	padding: 0px;
}







.inline-block_test2-2 {
    background-color: #8b6666; /*メニュー背景色*/
    opacity: 0.9;
    box-sizing: border-box;
    height: 335px;
    padding: 15px 0px 15px 10px; /*メニュー内部上下左右余白*/
    position: fixed;
    right: -140px; /*メニュー横幅①と合わせる*/
    top: 0;
    transition: transform 0.3s linear 0s; /*0.3s は変化するのにかかる時間*/
    width: 140px; /*メニュー横幅①*/
    z-index: 1000;
}

/*メニューアイコン部分は疑似要素で*/
.inline-block_test2-2::before {
    background-color: #8b6666; /*ボタン部分背景色*/
    opacity: 0.9;
    border-radius: 0 0 0 10px; /*左下角丸*/
    color: #fff; /*アイコン（フォント）色*/
    content: "≡"; /*メニューアイコン*/
    display: block;
    font-size: 38px; /*アイコン（フォント）サイズ*/
    height: 40px;
    line-height: 40px; /*縦位置中央化*/
    position: absolute;
    right: 100%;
    text-align: center;
    top: 0;
    width: 45px;
}

/*透過背景部分*/
/*#menu-background {
    background-color: #333; 黒背景部分背景色
    display: block;
    height: 100%;
    opacity: 0.6;
    position: fixed;
    right: 0;
    top: 0;
    transition: all 0.3s linear 0s; 0.3s は変化するのにかかる時間
    width: 100%;
    z-index: -1;
}*/

/*hover 時の処理*/
.inline-block_test2-2:hover {
    transform: translate(-140px); /*メニュー横幅①と合わせる*/
}

/*.inline-block_test2-2:hover + #menu-background {
    opacity: 1.0; 黒背景部分透過度
    z-index: 999;
}*/





.inline-block_test2 {
    background-color: #8b6666; /*ボタン部分背景色*/
    opacity: 0.9;
    box-sizing: border-box;
    height: 335px;
    padding: 15px 0px 15px 10px; /*メニュー内部上下左右余白*/
    position: fixed;
    right: -140px; /*メニュー横幅①と合わせる*/
    top: 0;
    transition: transform 0.3s linear 0s; /*0.3s は変化するのにかかる時間*/
    width: 140px; /*メニュー横幅①*/
    z-index: 1000;
}

/*メニューアイコン部分は疑似要素で*/
.inline-block_test2::before {
    background-color: #8b6666; /*ボタン部分背景色*/
    opacity: 0.9;
    border-radius: 0 0 0 10px; /*左下角丸*/
    color: #fff; /*アイコン（フォント）色*/
    content: "≡"; /*メニューアイコン*/
    display: block;
    font-size: 38px; /*アイコン（フォント）サイズ*/
    height: 40px;
    line-height: 40px; /*縦位置中央化*/
    position: absolute;
    right: 100%;
    text-align: center;
    top: 0;
    width: 45px;
}

/*透過背景部分*/
/*#menu-background {
    background-color: #333; 黒背景部分背景色
    display: block;
    height: 100%;
    opacity: 0.6;
    position: fixed;
    right: 0;
    top: 0;
    transition: all 0.3s linear 0s; 0.3s は変化するのにかかる時間
    width: 100%;
    z-index: -1;
}*/

/*hover 時の処理*/
.inline-block_test2:hover {
    transform: translate(-140px); /*メニュー横幅①と合わせる*/
}

/*.inline-block_test2:hover + #menu-background {
    opacity: 0.8; 黒背景部分透過度
    z-index: 999;
}*/





ul.ddmenu {
	margin: 0px;               /* メニューバー外側の余白(ゼロ) */
	padding: 0px 0px 0px 0px; /* メニューバー内側の余白(左に15px) */
	background-color: #faf5f5; /* バーの背景色(濃い赤色) */
	position:relative;
	z-index: 10;
	text-align: right;
}

ul.ddmenu li {
	width: 140px;          /* メニュー項目の横幅(125px) */
	display: inline-block; /* ★横並びに配置する */
	list-style-type: none; /* ★リストの先頭記号を消す */
	position: relative;    /* ★サブメニュー表示の基準位置にする */
	border-bottom: 1px solid #8b0000; /* 左側に引く枠線(ピンク色で1pxの実線) */
	border-right: 1px solid #ffffff; /* 左側に引く枠線(ピンク色で1pxの実線) */
}

ul.ddmenu a {
	background-color: #faf5f5; /* メニュー項目の背景色(濃い赤色) */
	color: #000000;              /* メニュー項目の文字色(白色) */
	line-height: 50px;         /* メニュー項目のリンクの高さ(40px) */
	text-align: center;        /* メインメニューの文字列の配置(中央寄せ) */
	text-decoration: none;     /* メニュー項目の装飾(下線を消す) */
	font-weight: bold;         /* 太字にする */
	display: block;            /* ★項目内全域をリンク可能にする */	
}


ul.ddmenu a:hover {
	background-color: #ededed; /* メニュー項目にマウスが載ったときの背景色(淡いピンク) */
	color: #8b0000;            /* メニュー項目にマウスが載ったときの文字色(濃い赤色) */
}

ul.ddmenu li:hover ul {
	display: block;      /* ★マウスポインタが載っている項目の内部にあるリストを表示する */
}

ul.ddmenu ul {
	display: none;      /* ★標準では非表示にする */
}

ul.ddmenu ul li {
	display: none;      /* ★標準では非表示にする */
}

ul.ddmenu ul li a {
	display: none;      /* ★標準では非表示にする */
}

ul.ddmenu ul li a:hover {
	display: none;      /* ★標準では非表示にする */
}

ul.ddmenu ul ul {
	display: none;      /* ★標準では非表示にする */
}

.mail-img {
	width: 200px;
	margin-bottom: -4px;
}
.mail-img2 {
	text-align: center;
  	margin: 0 auto;
	width: 250px;
}

input[type="text"] { width: 210px; }

textarea {
  resize: none;
  width:210px;
  height:80px;
}


div.fee2{
	width: 95%;
}

div.sidefixed h2.info {
   width: 95%;
}

div.sidefixed div.chu{
   width: 95%;
   font-size: 14px;
}

.inline-block_test5 {
	display: none;        /* インラインブロック要素にする */
	background-color:  #ffffff;      /* 背景色指定 */
	width: auto;                 /* 幅指定 */
	height: 30px;                 /* 幅指定 */
	font-size: 15px ;	/* 文字サイズ */ 
	vertical-align: bottom;
}

.inline-block_test8 {
/*	display: none;         インラインブロック要素にする */
	background-color:  #ffffff;      /* 背景色指定 */
	width: auto;                 /* 幅指定 */
	height: 35px;                 /* 幅指定 */
	font-size: 15px ;	/* 文字サイズ */ 
	vertical-align: bottom;
}

.inline-block_test6 {
	display: none;        /* インラインブロック要素にする */
	background-color:  #ffffff;      /* 背景色指定 */
	width: 62%;                 /* 幅指定 */
	font-size: 15px ;	/* 文字サイズ */ 
	vertical-align: bottom;
}


.inline-block_test5-2 {
	display: inline-block;        /* インラインブロック要素にする */
	background-color:  #ffffff;      /* 背景色指定 */
	width: 13%;                 /* 幅指定 */ 
	padding-right:22%;
	height: 40px;	

}

}