﻿@charset "utf-8";
/* 10/31 */
/* CSS Document */
/* font-family: "Hiragino Kaku Gothic Pro",Osaka,"メイリオ","ＭＳ Ｐゴシック","MS PGothic",Verdana,Arial,sans-serif;
 */
body{
/*font-family: Lato, "Noto Sans JP", "游ゴシック Medium", "游ゴシック体", "Yu Gothic Medium", YuGothic, "ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif*/;
font-family:  "Hiragino Kaku Gothic Pro",Osaka,"メイリオ","ＭＳ Ｐゴシック","MS PGothic",Verdana,Arial,sans-serif;
margin:0;padding:0;
font-size:0.85em;letter-spacing:1px;border-bottom:5px #F20505 solid
}

img{
outline:none;
border-style:none;
}

a{
    color:blue;
}
a:visited{
    color:purple;
}
a:hover {
    color:red;
}
.center {
	text-align:center
}
.uetuki {
	vertical-align:super;font-size:80%
}
.uetuki-sub {
	;margin:20px auto
}
span.nowrap {
	white-space:nowrap;
}

/*****HEADER*****/
header{
    display: block;text-align:center;
    background-image:url('../img/head-bg.png');background-repeat:repeat-x;
    width:100%;
    margin: 0 auto ;
    overflow: hidden;
    border-top:15px #F20505 solid
}
/* 
header h1{text-align:center;border:1px black solid;width:1030px;margin:auto;overflow:auto;background:yellow
} */
header h1 img{
    width:1000px;height:108px;margin-top:-10px;border:0px fuchsia solid;
}


/*****NAV*****/
nav    { float:left;overflow:auto;
		margin-top: 20px;margin-bottom:0px;
		width:175px  ;padding:0 0 20px 5px;}

ul{
		list-style-type:none;}



.dropmenu   {;background-color:white; list-style-type: none; margin: 0px auto 10px; padding: 0;  *zoom: 1  }

.dropmenu:before, .dropmenu:after { display: table; content: "" }
.dropmenu:after { clear: both }
.dropmenu li { text-align: center;  margin: 0 0; padding: 0; position: relative }
.dropmenu li a { color: black; font-weight: ; font-size: 1em; text-decoration: none; 
		display: block; margin: 0px 0px 3px 0px ; padding: 8px 0px 8px 10px }
.dropmenu li ul { list-style-type: none; list-style-position: outside; margin: 0; padding: 0; position:relative; z-index: 9999; top: 100%; left: 0 }
.dropmenu li ul li { }
.dropmenu li ul li a { color: black; font-weight: normal; background-color: white; text-align: left;margin-left:15px; padding: 8px 0px 8px 10px }
.dropmenu li:hover > a { color: red; background-color:pink  }
.dropmenu li a:hover { background-color:white  }

#normal li ul { display: none }
#normal li:hover ul { display: block }

.mm a { ;background-color:white;text-align:left; border: solid 1px black; width: 160px ;
		margin-top:20px;font-weight:500}
.mm a:hover { color: #F20505; background-color:white;font-weight:500 }

li.mm-webtoku a { background-color:purple;text-align:left; border: solid 1px black; width: 160px ;
		margin-top:2px;font-weight:500;color:white}
li.mm-webtoku a:hover { background-color:white;font-weight:500;color:red}
li.mm-congress a { background-image:url('../img/congress-bg.png');text-align:left; border: solid 1px black; width: 160px ;
		margin-top:2px;font-weight:500;color:white}
li.mm-congress a:hover { background-image:none;background-color:white;font-weight:500;color:red}
li.mm-support a { background-color:#0033CC;text-align:left; border: solid 1px black; width: 160px ;
		margin-top:2px;font-weight:500;color:white}
li.mm-support a:hover { background-image:none;background-color:white;font-weight:500;color:red}

.mm_menu {
	display:none;
}
.mm_menu a { ;background-color:#f4faff;text-align:left; 
	border: solid 1px #0080ff; width: 160px ;margin-top:20px;
	}
.mm_menu a:hover { color: white; background-color: #00f }
.mm_menu_bottom{
}


div.vimeo0{display:none}
div.vimeo { background-image:url('../index_img/bcg-vimeo.png')  ;width: 172px;height:160px;font-size:95%;text-align:center ;
		margin-top:20px;margin-left:-2px;margin-bottom:0;padding:0;line-height:normal}/* 消す */
div.vimeo p { margin-top:-20px;margin-bottom:0;color:navy 
}/* 消す */

div.video-1 { width: 162px;height:auto;font-size:95%;text-align:center;
		margin-top:20px;margin-left:-2px;margin-bottom:0;padding:0;line-height:normal}
div.video-1 p { margin-top:0;margin-bottom:0;color:navy 
}
div.video-2 { width: 162px;height:auto;font-size:95%;text-align:center ;
		margin-top:15px;margin-left:0px;margin-bottom:0;padding:0;line-height:normal}
div.video-2 p { margin-top:0;margin-bottom:0;color:navy ;margin:0 5px
}
div.video-3 { width: 162px;height:auto;font-size:95%;text-align:center ;
		margin-top:15px;margin-left:0px;margin-bottom:50px;padding:0;line-height:normal}
div.video-3 p { margin-top:0;margin-bottom:0;color:navy 
}


div.twitter0{display:none}
div.twitter { display:block ;background-color:red; width: 165px ;
		margin-top:20px;margin-left:-2px;margin-bottom:8px;padding:0;}
.twitter img { margin:0 ;width:165px; border: solid 0px black
}

div.facebook0{display:none}
div.facebook { ;background-color:; width: 165px ;
		margin-top:0;margin-left:-2px;padding:0}
.facebook img { margin:0 ;width:100%; border: solid 0px black
}

p.logo{
	margin:0}
.logo img{
	width:130px;height:auto;margin-left:10px;margin-bottom:8px;margin-top:-14px
	
}
span.b{
	font-weight:600
}
		  
	  



/*****ARTICLE*****/
article{
    display: block;
    letter-spacing:1px;
    width: 800px;
    margin-top:20px;
    margin-bottom: 80px;
    overflow:auto;
    float:right;
    background-color:}
div{
    width:1000px ;
    line-height:170%;
    margin-left:auto;margin-right:auto;
    margin-top:10px;
    margin-bottom:0px;
    overflow:auto;
}

h2{
	background-color:#F20505;color:white;margin:0 auto 25px ;text-align:center;
	padding:12px 10px 10px 10px;letter-spacing:6px;font-weight:lighter;
	font-size:1.8em;/** text-shadow: 1px 1px 1px #555; **/
}
h3{
	border-bottom:1px red solid;margin-top:15px;font-size:130%;font-weight:bold
}

.topimg{
	text-align:center;margin-bottom:20px
}
.topimg img{
	width:70%;height:auto;margin-left:auto;margin-right:auto
}


section{
	margin:10px;margin-left:30px;overflow:auto;
}

p.junbi{
	text-align:center;margin:30px auto 200px
}

.center{text-align:center}
.red{
	color:red
}
p.right{
	text-align:right
}
.underline{
	border-bottom:1px solid
}
.shortmovie{
	font-size:90%
}

/***** お知らせ *****/
div.onrei{border:1px silver solid;width:90%;padding:10px;margin-bottom:15px}
p.right_onrei{font-size:90%;text-align:right;margin-top:10px}
dl.tbl-layout-new    { margin-top: 0px; margin-right: 0px; margin-left: 0px; 
		overflow: auto ;width:100%;font-size:}
dt.tbl-layout-new  { background-color: ; float: left; padding: 5px;margin-left:0; 
		width: 150px;font-weight:normal}
dd.tbl-layout-new    { float: left; padding: 5px;margin-left:0; 
		width:570px }
div.matomari{
	overflow:auto;background-color:white;width:100%;border-bottom:1px solid silver;
	margin-bottom:0;margin-top:0;padding-top:5px;padding-bottom:5px;
}
.sankaku{
	color:#00cc00;margin-right:5px;font-size:130%
}

/***** 挨拶 *****/
.aisatu-right{
	text-align:right;margin-top:20px
}
.aisatu-right span {
	display:inline-block
}
p.aisatu{
	margin-bottom:10px
}
.aisatu-tit {
	text-align:center; margin:20px auto;font-size:115%
}
.aisatu-tit span {
	display:inline-block
}

/***** 概要 *****/
dl.tbl-layout    { margin-top: 0px; margin-right:0; margin-left: 0px; 
		overflow: auto ;width:100%}
dt.tbl-layout  { float: left; padding: 5px;margin-left:0; 
		width: 210px;background:}
dd.tbl-layout    { float: left; padding: 5px;margin-left:0; 
		width: 530px;background:}
//dd.tbl-layout-r  { background-color: white; text-align: right; float: left; padding: 5px; 
		border-top: 1px solid gray; border-left: 1px solid gray; width:  }
div.matomari{
	overflow:auto;background-color:white;width:100%;border-bottom:1px solid silver;
	margin-bottom:0;margin-top:0;padding-top:10px;padding-bottom:10px
}
.square{
	color:#00cc00;margin-right:5px;font-size:140%
}

/***** 演題 *****/
ol.num{
	list-style-type:decimal;margin-left:0;padding-left:35px;
}
ul.kuromaru{
	list-style-type:disc;margin-left:25px
}
ul.kome{
	list-style-image:url('../img/kome.png');margin-left:25px
}
p.endaitouroku{
	text-align:center;background:;margin:10px auto;
}
.endaitouroku img{
}


/***** 演題一覧 *****/
p.award{ margin:0;font-size:90%;text-align:center}
p.award img{ margin:0;margin-bottom:-8px;width:;height:}
table.endailist_award{ border-top:silver 1px solid;border-left:silver 1px solid;margin-bottom:40px;margin-top:10px;width:100%;
			margin-top:25px
}
th.endailist_award_award{ font-weight:normal;white-space:nowrap;border-right:1px silver solid;border-bottom:1px silver solid;
	background:#f5f5f5;padding:2px;text-align:center;width:70px
}
th.endailist_award_no{ font-weight:normal;white-space:nowrap;border-right:1px silver solid;border-bottom:1px silver solid;
	background:#f5f5f5;padding:2px;text-align:center;width:70px
}
th.endailist_award_tit{font-weight:normal;border-right:1px silver solid;border-bottom:1px silver solid;
	background:#f5f5f5;padding:2px;text-align:center
}
th.endailist_award_enjya{font-weight:normal;border-right:1px silver solid;border-bottom:1px silver solid;
	background:#f5f5f5;padding:2px;text-align:center;width:135px
}


table.endailist2{ border-top:silver 1px solid;border-left:silver 1px solid;margin-bottom:40px;margin-top:25px;width:100%;
}
table.endailist{ border-top:silver 1px solid;border-left:silver 1px solid;margin-bottom:40px;margin-top:10px;width:100%;
	 background:
}
caption.endailist{ font-weight:bold;color:blue
	
}
th.endailist_section{font-weight:normal;white-space:nowrap;width:90px ;border-right:1px silver solid;border-bottom:1px silver solid;
	background:#f5f5f5;padding:2px;text-align:center;text-align:center
}
th.endailist_no{ font-weight:normal;white-space:nowrap;width:80px;border-right:1px silver solid;border-bottom:1px silver solid;
	background:#f5f5f5;padding:2px;text-align:center
}
th.endailist_tit{font-weight:normal;border-right:1px silver solid;border-bottom:1px silver solid;
	background:#f5f5f5;padding:2px;text-align:center
}
th.endailist_enjya{font-weight:normal;white-space:nowrap;width:100px;border-right:1px silver solid;border-bottom:1px silver solid;
	background:#f5f5f5;padding:2px;text-align:center
}
th.endailist_zacyou{font-weight:normal;white-space:nowrap;width: ;border-right:1px silver solid;border-bottom:1px silver solid;
	background:#f5f5f5;padding:2px;
}
td.endailist{ text-align:center;border-right:1px silver solid;border-bottom:1px silver solid;
	padding:2px;vertical-align:middle}
td.endailist_l{ text-align:left;border-right:1px silver solid;border-bottom:1px silver solid;
	padding:2px;vertical-align:middle }




/***** プログラム *****/
h3.prog{
	border-bottom:0;margin-top:30px;font-size:130%
}
p.prog_tit{
	text-align:center;font-weight:;margin-top:15px
}
span.kakudai130{
	font-size:130%
}
p.printpdf{
	text-align:right
}
p.place{
	text-align:center;margin:40px auto 30px
}
p.prog-date{
	border-bottom:1px red solid;margin-top:15px;margin-bottom:15px;font-weight:bold
}
p.prog-date2{
	border-bottom:1px red solid;margin-top:80px;margin-bottom:15px;font-weight:bold
}
p.prog_name{
	font-weight:bold;margin-left:30px
}
p.mc0{
	margin-left:50px;margin-bottom:;
}
.mc0 span{
	margin-left:85px;display: block
}
p.mc{
	margin-left:50px;margin-bottom:15px
}
.mc span{
	margin-left:85px;display: block
}
.symposist{
	margin-left:103px;
}
.enjya{
	margin-left:45px;
}
dl.prog{
	background-color: ;overflow:auto;margin-bottom:10px
}
div.matomari_prog{
	overflow:auto;background-color:;width:100%;border-bottom:1px solid silver;
	margin-bottom:0;margin-top:0;padding-top:5px;padding-bottom:5px
}
div.matomari_prog2{
	overflow:auto;background-color:;width:100%;
	margin-bottom:0;margin-top:0;padding-top:5px;padding-bottom:5px
}
dt.prog0{
	background-color:;width:120px;float:left
}
dt.prog{
	background-color:  ;width:120px;float:left
}
dd.prog{
	background-color:white ;float:left;width:630px
}
ol.prog_num{
	list-style-type:decimal;margin-left:70px;margin-bottom:20px;
}
ul.prog_point{
	list-style-type:disc;margin-left:70px;margin-bottom:20px
}



/***** 講演のご案内 *****/
span.kouen_but_tit{
	font-weight:bolder }
hr.kouen_but_tit{
	border-top:1px silver dashed;width:;margin:0px 0 5px}

/***** 事前参加登録 *****/
ul.kuromaru_jizen{
	list-style-image:url('../img/kuromaru.png');margin-left:30px
}
ul.akamaru_jizen{
	list-style-image:url('../img/akamaru.png');margin-left:30px;color:red
}
table.zoom{
	border-top:1px gray solid;border-left:1px gray solid;
	margin-left:30px
}
td.zoom1{
	border-right:1px gray solid;border-bottom:1px gray solid;
	padding:10px;text-align:center;vertical-align:middle
}
td.zoom2{
	border-right:1px gray solid;border-bottom:1px gray solid;
	padding:10px;text-align:left;vertical-align:middle
}
table.sanka{
	border-top:1px gray solid;border-left:1px gray solid
}
td.sanka{
	border-right:1px gray solid;border-bottom:1px gray solid;padding:10px 20px;text-align:center
}
th.sanka{
	border-right:1px gray solid;border-bottom:1px gray solid;padding:10px;text-align:center;
	font-weight:normal
}
p.hi-kaiin{
	font-weight:bold;margin:0;font-size:110%;color:navy;background:#fafafa
}
ol.mousikomi-2_1   { ;list-style-type:decimal; margin: 15px 0 20px; 
			padding: 0px 0px 0px 30px;background: }

p.entry_but { text-align:center;margin-left:auto;margin-right:auto;margin-bottom:35px;
		 margin-top:40px;background:}
.guide{
	border:1px teal solid;padding:8px;width:auto
}		 
ul.kome_red_guide   { list-style-image:url('../img/kome_red.gif'); 
		margin-top: 0px; margin-bottom: 30px; padding: 0px 0px 0px 30px }
p.doublecircle-2{
	font-weight:bold;margin:0 0 5px 0;font-size:110%;color:navy;
	background:#fafafa
}
span.doublecircle{
	color:navy;font-size:140%;font-weight:bold
}
ul.mousikomi-1   { ;list-style-type:disc; margin: 10px 0; 
			padding: 0px 0px 0px 30px;background: }



/***** 発表データ *****/
ol.data{
	list-style:decimal;margin-left:25px;margin-top:15px
}
p.entry_but_data { text-align:center;margin-left:auto;margin-right:auto;margin-bottom:20px;
		 margin-top:20px; }



/***** ご参加の皆様へ *****/
ul.parti {
	list-style-image:url('../img/square-green.png') ;margin-left:30px
}
ul.parti li {
	margin-top:30px
}
ol.parti {
	list-style-type:decimal
}
ol.parti li {
	margin-left:30px;margin-top:15px
}

ul.kuromaru-h li {
	margin-top:20px;list-style-type:disc
}
p.entry_but_parti {text-align:center;margin-left:auto;margin-right:auto;margin-bottom:20px;
		 margin-top:30px	
}
h3.parti{
	border-bottom:0px red solid;margin-top:25px;margin-bottom:15px;font-size:130%
}


/***** 学会告知動画 *****/
h4.movie {
	text-align:center;margin:10px auto
}
div.movie {
	width:48%;padding:5px;float:left;text-align:center;
}
.movie img {
	border-radius:10px	
}


/***** 座長・演者の皆様へ *****/
h3.presenter{
	;font-size:130%;border-bottom:0px red solid;margin-top:25px;margin-bottom:15px
}
h4.presenter {
	font-weight:bold;border-bottom:1px red solid
}
div.poasamp2{
	text-align:center;background:;width:100%;margin-bottom:20px
}
ul.presenter{
	list-style-image:url('../img/kome.png');margin:auto auto 30px;width:
}

dl.pos{
	background:;overflow:auto;margin-top:15px
}
dt.pos{
	float:left;background:;width:50%
}
dd.pos{
	float:left;background:;width:50%;padding-top:20px
}
img.pos50p{
	width:45%;border:0 red solid
}
img.pos60p{
	width:60%;border:0 red solid;
}

img.pos95p{
	width:95%;border:0 red solid;
}



/***** 特設サイト *****/
ul.webtoku {
	list-style-image:url('../img/square-green.png') ;margin-left:30px
}
ul.webtoku li {
	margin-top:30px;
}
ol.webtoku {
	 list-style-type:decimal;margin-bottom:30px;margin-left:30px
}
ol.webtoku li {
	margin-top:30px
}
p.entry_but_webtoku {text-align:center;margin-left:auto;margin-right:auto;margin-bottom:20px;
		 margin-top:30px	
}
div.jimukyoku3{
	float:none;background-color:white;width:auto;margin:12px auto;
	text-align:center
}



/***** 会場案内 *****/
.accessmap{
	text-align:center
}
.accessmap img{
	border:1px silver solid
}
dl.floor{
	background:
}
div.matomari_map{
	overflow:auto;background-color:white;width:80%;border-bottom:1px solid silver;
	margin-bottom:0;margin-top:0;padding-top:5px;padding-bottom:5px
}
dt.floor{
	float:left;width:80px;background:;margin-right:0
}
dd.floor{
	float:left;background:;width:400px;margin-left:0
}
div.by{
	border:1px gray solid;padding:8px;width:640px
}
table.by{
	width:100%;margin-left:auto;margin-right:auto
}
td.by1{
	text-align:left;background:;width:260px;vertical-align:middle
}
td.by2{
	text-align:center;width:80px;background:;vertical-align:middle
}
td.by3{
	text-align:left;background:;width:;vertical-align:middle
}

/***** 学会関連図書紹介 *****/
h3.library {
	background:green;color:white;text-align:center;padding:8px;border:0;font-size:130%;font-weight:normal
}
h4.library {
	background:red;color:white;margin-left:175px;margin-bottom:10px;padding:5px
}
div.frontcover{
	overflow:auto;width:100%;margin-top:60px
}
img.library {
	float:left;margin-right:25px;margin-bottom:20px;border:1px gray solid; width:150px;height:auto
}
p.book_title1 {
	font-size:130%;font-weight:bolder
}
p.book_title2 {
	font-size:100%;font-weight:bold
}
p.writer {
	margin-top:12px;margin-bottom:0
}
p.library_text1{
	margin-top:20px;margin-bottom:20px;font-weight:bolder
}
p.library_text2{
	margin-top:20px
}
p.library_text3{
	margin-left:20px
}
div.mokuji {
	overflow:auto;border-bottom:1px solid silver;width:100%;padding-bottom:50px
}
p.mokuji { border-bottom:1px solid;margin-top:20px
	
}
p.chapter {
	margin-top:8px;font-size:110%
}
hr.library	{
	display:none
}

/***** リンク *****/
ul.link{
	list-style-type:none;line-height:200%;margin-top:15px
}
ul.link li{
}


/***** buttom_事務局 *****/
div.buttom_jimukyoku{
	;background-color:white;margin-top:0;margin-bottom:20px
}
.buttom_jimukyoku span {
	display:inline-block;
}
div.jimukyoku1{
	float:left;width:44%;margin:12px 0 12px 20px;padding:15px;
	background-color:aqua;
}
div.jimukyoku2{
	float:right;background-color:white;width:44%;margin:12px 20px 12px 0;
	padding:15px; border:1px silver solid
}

p.sub-t2{
	background-color:#F20505;color:white;margin-top:0px;text-align:center;
	padding:4px 0;letter-spacing:3px;
	font-size:1.2em;font-weight:lighter;width:100%; 
	/**text-shadow: 1px 1px 1px #555 **/
}
p.sub-m2{
	;font-size:0.85em;padding:10px
}



/***** buttom_menu *****/
div.bottom{
	width:100%;display:none
}
.buttom_menu li  {border-top:1px silver solid}
.buttom_menu li a {text-decoration:none;}



/*****footer*****/
footer{
    font-size: 0.85em;
    line-height:180%;
    color:white;
    width: 100%;
    text-align: center;
    letter-spacing: 3px;
    padding-top: 15px;
    padding-bottom: 20px;
    margin-top:30px;
    background-color:black;
	border-top:5px #F20505 solid;
}
footer a {color:white
}
footer a:visited {
	color:white
}
footer a:hover {
	color:red
}



/* totopボタン */
a#pagetopBtn img {
  position:fixed;
  bottom:10px;
  right:10px;
  width:60px
  
}



img.indexpicR{
	float:right;
	margin-left:10px;
	width:50%;
}


/*　ハンバーガーメニュー　*/
.menu-btn {
    position:fixed;
    top: 0px;
    right: 0px;
    display:none;
    height: 40px;
    width: 40px;
    justify-content: center;
    align-items: center;
    z-index: 90;
    background-color: #3584bb;
}
.menu-btn span,
.menu-btn span:before,
.menu-btn span:after {
    content: '';
    display: block;
    height: 3px;
    width: 25px;
    border-radius: 3px;
    background-color: #ffffff;
    position: absolute;
}
.menu-btn span:before {
    bottom: 8px;
}
.menu-btn span:after {
    top: 8px;
}

#menu-btn-check:checked ~ .menu-btn span {
    background-color: rgba(255, 255, 255, 0);/*メニューオープン時は真ん中の線を透明にする*/
}
#menu-btn-check:checked ~ .menu-btn span::before {
    bottom: 0;
    transform: rotate(45deg);
}
#menu-btn-check:checked ~ .menu-btn span::after {
    top: 0;
    transform: rotate(-45deg);
}
#menu-btn-check {
    display: none;
}

.menu-content {
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0;
    left: 100%;/*leftの値を変更してメニューを画面外へ*/
    z-index: 80;
    background-color: #3584bb;
    transition: all 0.5s;/*アニメーション設定*/
}
#menu-btn-check:checked ~ .menu-content {
    left: 0;/*メニューを画面内へ*/
}
.menu-content ul {
    padding: 30px 10px 0;
}
.menu-content ul li {
    border-bottom: solid 1px #ffffff;
    list-style: none;
}
.menu-content ul li a {
    display: block;
    width: 100%;
    font-size: 15px;
    box-sizing: border-box;
    color:#ffffff;
    text-decoration: none;
    padding: 9px 15px 10px 0;
    position: relative;
}
.menu-content ul li a::before {
    content: "";
    width: 7px;
    height: 7px;
    border-top: solid 2px #ffffff;
    border-right: solid 2px #ffffff;
    transform: rotate(45deg);
    position: absolute;
    right: 11px;
    top: 16px;
}
