@charset "utf-8";

/*================================================
 *  CSSリセット
 ================================================*/
html,body,div,span,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,abbr,address,cite,code,del,dfn,em,img,ins,kbd,q,samp,small,strong,sub,sup,var,b,i,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,figcaption,figure,footer,header,hgroup,main,menu,nav,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;outline:0;font-size:100%;vertical-align:baseline;background:transparent;font-weight:normal;}body{line-height:1}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:none}a{margin:0;padding:0;font-size:100%;vertical-align:baseline;background:transparent}del{text-decoration:line-through}abbr[title],dfn[title]{border-bottom:1px dotted;cursor:help}table{border-collapse:collapse;border-spacing:0}hr{display:block;height:1px;border:0;border-top:1px solid #ccc;margin:1em 0;padding:0}input,select{vertical-align:middle}


body {
	font: 100%/1.4 'Open Sans', sans-serif;
	background-color: #fcfcfc;
	margin: 0;
	padding: 85;
	color: #5b5b5b;
}

/* ~~ エレメント / タグセレクター ~~ */
/*ul, ol, dl { /* ブラウザー間の相違により、リストの余白とマージンをゼロにすることをお勧めします。一貫性を保つために、量をここで指定するか、リストに含まれるリスト項目 (LI、DT、DD) で指定できます。より詳細なセレクターを記述しない限り、ここで指定する内容が .nav リストにも適用されることに注意してください。 */
	padding: 0;
	margin: 0;
/*}
*/

h1, h2, h3, h4, h5, h6, p {
	margin-top: 0;	 /* 上マージンを削除すると、マージンを含む div からマージンがはみ出す場合があるという問題を回避できます。残った下マージンにより、後続のエレメントからは離されます。 */
	padding-right: 15px;
	padding-left: 15px; /* div 自体ではなく div 内でエレメントの両側に余白を追加すると、ボックスモデル計算が不要になります。代わりに、両側に余白を指定した div をネストして使用することもできます。 */
}
/*h2 { color:#7b7b7b; font-family: 'Quicksand', sans-serif; text-align:center; margin:0 auto; width: 600px;} */
a img { /* このセレクターは、一部のブラウザーでイメージをリンクで囲んだ場合にイメージの周囲に表示される初期設定の青いボーダーを削除します。 */
	border: none;
}

/* ~~ サイトのリンクのスタイル付けは、ホバー効果を作成するセレクターグループも含め、この順序にする必要があります。~~ */
a:link {
	color:#414958;
	text-decoration: underline; /* 非常に特殊な表示方法でリンクをスタイル付けする場合を除き、一目で見分けられるように下線を指定することをお勧めします。 */
}
a:visited {
	color: #4E5869;
	text-decoration: underline;
}
a:hover, a:active, .a:focus { /* このセレクターグループは、キーボードを使用するユーザーに対し、マウスを使用するユーザーと同じホバー効果を提供します。 */
	text-decoration: none;
}

/* ~~ このコンテナが他のすべての div を囲み、パーセンテージに基づいた幅を指定します。~~ */
.container {
	width: 87%;
	max-width: 1260px;/* レイアウトが大型モニターで広がりすぎないように、最大幅を指定することをお勧めします。これにより、読みやすい行の長さを保つことができます。IE6 ではこの宣言は無視されます。 */
	min-width: 85%;/* レイアウトが狭くなりすぎないように、最小幅を指定することをお勧めします。これにより、サイドカラムで読みやすい行の長さを保つことができます。IE6 ではこの宣言は無視されます。 */
/*	background-color: #FFF; */
	margin: 0 auto; /* 幅に加え、両側を自動値とすることで、レイアウトが中央に揃います。.container の幅を 100% に設定した場合、これは必要ありません。 */
}

/* ~~ ヘッダーには幅は指定されません。ヘッダーはレイアウトの幅全体まで広がります。ヘッダーには、ユーザー独自のリンクされたロゴに置き換えられるイメージプレースホルダーが含まれます。~~ */
.header h1{
/*	background-color: #fff; */
	text-align:center;
	margin: 0 auto;
	
}

/* ~~ これはレイアウト情報です。~~ 

1) 余白は、div の上部または下部にのみ配置されます。この div 内のエレメントには、それ自体に余白があるので、ボックスモデル計算を行う必要がありません。ただし、div 自体に両側の余白やボーダーを指定した場合、その値が加算されたものが合計幅になることに注意してください。div 内のエレメントの余白を削除し、さらにその div 内に、全体のデザインに必要な幅や余白を指定していない 2 つ目の div を追加することもできます。

*/
.content {
	padding: 10px 0;
/*	text-align:center;
	margin: 0 auto; */
}

/* ~~ このセレクターグループは、.content 内のリストに領域間隔を指定します。~~ */
.content ul, .content ol { 
	padding: 0 15px 15px 40px; /* この余白は、上述の見出しと段落ルールの右の余白を表します。下の余白はリスト内の他のエレメントとの間隔用に配置され、左の余白はインデント作成用に配置されています。これは必要に応じて調整できます。 */
}

/* ~~ フッター ~~ */
.footer {
	padding: 10px 0;
	background-color: #;
}
.footer p { font-size: 80%; color:#999; font-family: 'Quicksand', sans-serif; text-align:center; margin:0 auto;}

/* ~~ その他の float/clear クラス ~~ */
.fltrt {  /* このクラスを使用すると、ページ内でエレメントを右にフローティングさせることができます。フローティングさせるエレメントは、ページ内で横に並べて表示するエレメントの前に指定する必要があります。 */
	float: right;
	margin-left: 8px;
}
.fltlft { /* このクラスを使用すると、ページ内でエレメントを左にフローティングさせることができます。フローティングさせるエレメントは、ページ内で横に並べて表示するエレメントの前に指定する必要があります。 */
	float: left;
	margin-right: 8px;
}
.clearfloat { /* このクラスは、#footer が #container から削除されているか取り出されている場合に、<br /> または空の div で、フローティングさせる最後の div に続く最後のエレメントとして (#container 内に) 配置できます。 */
	clear:both;
	height:0;
	font-size: 1px;
	line-height: 0px;
}

.up:after {
  content: "NEW!";
  font-size: .75em;
  background: #FF0100;
  color: #fff;
  padding: 3px 3px 3px;
  margin-left: 5px;
  border-radius: 3px;
}


.header  p { font-size: 80%; color:#999; font-family: 'Quicksand', sans-serif; text-align:center;margin:20px auto;}

#inner_content { margin-right: 100px; padding-right: 3em;}

#inner_content strong { font-weight:bold;}

.content h2.section {
	text-align:left;
	background: url(img/section_mark.png);
	background-position:left center;
	background-size: 13px 26px;
	background-repeat: no-repeat;
	padding: 0px 0px 0px 18px;
	font-family: 'Roboto', sans-serif;
	font-weight:700;
	font-size:1.7em;
	margin: 15px 0 10px 0;
}

/* each page title */
.page_title { color:#5b5b5b; font-family: 'Quicksand', sans-serif; font-size:1.3em;margin: 20px 0 15px 0; border-bottom: dotted 1px #999999; width:90%; padding-left: 5px;}
.red_bdr {border-left: 8px solid #FF0100;}
.blue_bdr {border-left: 8px solid #0062BA;}



/* Top AdBox */
#ad_box {
	position: absolute;
	top:415px;
	right:30px;
	width:162px;	
	margin: 0;
	padding: 0;
	z-index: 1;
	
}

.ad_box_elm {
  position: relative;
/*  width: 50%; */
margin: 5px 0;
}

.ad_img {
  opacity: 1;
  display: block;
  width: 100%;
  height: auto;
  transition: .5s ease;
  backface-visibility: hidden;
}

.middle {
  transition: .5s ease;
  opacity: 0;
  position: absolute;
  top: 80%;
  left: 25%;
  transform: translate(-30%, -30%);
  -ms-transform: translate(-30%, -30%);
  text-align: left;
  white-space:nowrap;
}

.middle_dbl {
	left:29%;
}

.ad_box_elm:hover .ad_img {
  opacity: 0.3;
}

.ad_box_elm:hover .middle {
  opacity: 1;
}

.text {
  background-color: #9e9e9f;
/*  color:#FF0100;*/
  color:#000;
  font-size: 0.6em;
  padding: 5px 3px;
}

/* ADbox LINK image blur*/	
.blur, .blur > img {
    margin: 0; padding: 0;
    border: 0;
}

.blur {
    position: relative;
    display: inline-block;
    font-size: 0;
    line-height: 0;
}

.blur:after {
    position: absolute;
    left: 0; top: 0; right: 0; bottom: 0;
    -moz-box-shadow: inset 0px 0px 5px 5px #fff;
    -webkit-box-shadow: inset 0px 0px 5px 5px #fff;
    box-shadow: inset 0px 0px 5px 5px #fff;
    content: " ";
}	

	

/* top navigation */

nav {
	width:100%;
	position:fixed;
	top:0;
	left:0;
	padding:0;
	opacity:0.9;
	background-color: #1b2538;
	z-index:10;
}

ul.topnav {
	position:relative;
	float:left;
	left:50%;
/*	opacity:0.9; */
	padding: 0;
	list-style-type: none;
	background-color: #1b2538;
	z-index:10;
}
ul.topnav li {
	position:relative;
	left:-50%;
	float: left;
	font-family: 'Oswald', sans-serif;
	font-size:1.3em;
}
ul.topnav li a {
	display: block;
	padding: 14px 16px;
	text-align: center;
	text-decoration: none;
/*	color: white; */
}
ul.topnav li a:hover:not(.active) {
	background-color: #bcc2cc;
}
ul.topnav li a.active {
	background-color: #677fa5;
	font-weight: bold;
	
/*border-bottom: 3px solid #F30;*/
}
ul.topnav li a.blue {
	color: #0062BA;
}
ul.topnav li a.red {
	color: #FF0100;
}


ul.topnav li.right {
	float: right;
}
@media screen and (max-width: 480px) {
	ul.topnav li.right, ul.topnav li {
		float: none;
	}
}

.bl { color:#0062BA;}
.red { color:#FF0100;}
	

/* end of top navigation */

/* previous sympo */
ul.previous_sympo {
	margin-top: 10px;
	font-size: 0;
}
ul.previous_sympo li {
/*  background-color: #222222; */
  display: inline-block;
  font-size: 15px;
  width: 14%;
}  
ul.previous_sympo li a {
	color:inherit;
}
/*  main logo */
.main_logo {
	margin: 30px 0;
}

/* sympo desc */
.sympo_desc { color:#5b5b5b; font-family: 'Quicksand', sans-serif; margin-bottom:15px; padding-right:1em;}

.sympo_desc_head { font-family: 'Open Sans', sans-serif; margin-top: 10px; font-size:2em; font-weight:700; margin-bottom: 10px;}

.sympo_name p {font-family: 'Open Sans', sans-serif; margin-top: 25px; font-size:1.6em;}
.sympo_name strong {font-weight:bold;}




/* Information list */
dl.information {
	height: 70px;
	overflow:auto;
	margin-top: 10px;
	font-size: 95%;
}

dl.information dt {
  clear: left;
  float: left;
  width: 15%;
  margin-bottom:0.2em;
  border-bottom:1px dotted #ddd;
}

dl.information dd { 
  margin: 0 0 0.2em 15%;
  border-bottom:1px dotted #ddd;
  padding-left: 1em;
}


.date_dl_list dl{
  width: 100%;
  overflow: hidden;
  margin-bottom: 15px;
}
.date_dl_list dt{
  width: 30%;
  float: left;
  padding: 10px;
  border-bottom: 1px dotted #ccc;
  box-sizing: border-box;
  text-align:right;
  font-family: 'Quicksand', sans-serif;
}
.date_dl_list dd{
  margin-left: 30%;
  padding: 10px;
  border-bottom: 1px dotted #ccc;
  font-family: 'Quicksand', sans-serif;
}
.date_dl_list dd:after{
  display: inline-block;
  content: '';
  clear: both;
}
@media screen and (max-width: 320px) {
  .date_dl_list dt{
    width: 100%;
    float: none;
  }
  .date_dl_list dd{
    margin-left: auto;
    border-left: none;
  }
}

.bg_box {overflow:hidden;}
.bg {
	position:absolute;
	top:0;
	left:0;
	z-index:-10;
	overflow:hidden; 
	width:100%;

	}

.bg img {filter: blur(8px)opacity(70%);}

/* -- Sympo Sch Overview */
.sch {margin: 20px auto; text-align:center;}


.sch_lecture { }
.sch_img {display:inline-block;}
.lecture li {display:block; margin: 8px 15px 10px 0;  line-height:1.2em;}
.lec_name { font-size:100%; color:#FF0100;}
.lec_afl { font-size:85%;  }
.lec_title {font-size:1.1em;}
.lec_time { text-decoration:underline; font-size:1em; display:block; margin-bottom:7px;}
ul.lecture {width:80%; margin-top:20px;}
ul.lecture li a {color:#FF0100;}

/* sympo scope list */
.sympo_scope { margin: 10px 0 10px 0px;}
.sympo_scope li::before {
	content:  "";     /* 空の要素作成 */
    width:  10px;               /* 幅指定 */
    height:  10px;              /* 高さ指定 */
    display:  inline-block;     /* インラインブロックにする */
    background-color: #CCC;  /* 背景色指定 */
    border-radius:  50%;        /* 要素を丸くする */
    position:  relative;        /* 位置調整 */
    top: -1px;                  /* 位置調整 */
    margin-right: 5px;          /* 余白指定 */
}

/* abstract  Time ORAL*/
.time_oral { margin:20px 0 10px 0;}
.time_oral li {list-style-type:disc;}

/* Program list */
.pgm_list { margin:10px 0 10px 0;}
.pgm_list li {list-style-type:disc; line-height:2em; font-size:1.2em;}
ul.pgm_list span {font-size:85%; color:#666;}


/* access */
#access {}
#access ul {margin-top: 10px; padding-left: 15px;}
#access ul li {font-size:0.9em; line-height:1.8em;}
#access p { font-family: 'Open Sans', sans-serif; font-weight:400;}
.addr {margin-bottom: 10px;}
#access p.access_method {font-weight:700; font-size: 1.6em; margin:10px 0;}
.accessMethodDesc {
	font-size: 95%;
	line-height: 160%;
}
.access_guide {font-size:1.3em; margin:10px 0; border-left: 8px solid #FF0100; padding-left:5px; }

.access_method_list li { line-height:1.8em;}


a.anchor{
    display: block;
    padding-top: 60px;
    margin-top: -60px;
}

ol.n2h li{ margin:10px 0;} 

/* Free shuttle bus */
/*  shuttle bus   */
.bustime {padding: 0 10px;}
span.moev { font-size: 120%; }


table.accessFreeSuttleBusTimetable {
  width: 100%;
  table-layout: fixed;
  word-break: break-all;
  word-wrap: break-all; 
}
table.accessFreeSuttleBusTimetable td {
  text-align:center;
  line-height:1.6em;
  padding:10px;
  border: 1px solid #ddd;
}

.Mor { background-color: #D71618; color:#fff;}
.Eve { background-color:#0062ba; color:#fff;}
.Baq { background-color: #888; color:#fff;}
.Rte { background-color:#888; color:#fff; margin: 0 0 15px 0;}

/*
.accessFreeSuttleBusTimetable td.sep {
	border-top: 1px solid #ccc;
	padding: 0.5em 1em;
	text-align:center;
}

.accessFreeSuttleBusTimetable td.nosep {
	font-size: 100%; 
	padding: 0.5em 2em;
	text-align:center;
}
*/

.c0 {background:#f8fbf8;}
.c1 {background:#f3f3f2;}
.ch { font-weight:bold;}

.accessMethodDesc {
	line-height: 150%;
    color: #333;
}



/* T.B.A. */
.tba {font-family: 'Open Sans', sans-serif; font-weight:400; font-size: 1.4em; margin: 5px 0 15px 10px;}

/* committee */
ul.committee {
}
ul.committee li {
	font-size: 1em;
	margin-left: 20px;
	line-height: 2em;
	list-style-type:none;
}

/* A tag color */
a.sch {color:#FF0100;}

/* abst sub btn */
.abst_sub_btn {	margin: 0 0 20px 100px;
	}
/* abst end */
.abst_end { font-size: 1.2em; font-weight:bold;}

/* reg sub btn */
.reg_sub_btn {	margin: 20px 0 30px 50px;
}
.reg_sub_btn_cls {	margin: 20px 0 30px 50px; font-size: 1.2em; text-decoration:underline;}

}

	
/* --- invited ----*/

dl.inv {
	margin-top: 20px; /* 下のコンテンツのナビゲーション間の間隔を作成します。 */
	margin-bottom: 25px; /* 下のコンテンツのナビゲーション間の間隔を作成します。 */
    font-family: 'Open Sans', sans-serif; 
	font-size: 90%;
}
dl.inv dt {
	font-size: 1.2em;
	margin: 0 0 10px 20px;
	border-top: dotted 1px #cecece;
	padding-top: 5px;

	
}
dl.inv dd{
	margin-left: 40px;
	line-height: 1.3em;
	margin-bottom: 15px;
	
}

dl.inv dt span {
	font-size: 85%;
}

dl.inv dd span {
	font-style:italic;
}

.nobdr { border:none;}


span.subText {
font-size: 75.5%;
vertical-align: sub;
position: relative;
top: 0.1em;
}

/* reg */

table.regfee {
	width:90%;
/*font-size: 12px; */
margin: 15px  0 0 0;
border-collapse: separate;
border-spacing: 0px 1px;
}

table.regfee th {
padding: 10px;
vertical-align: middle;
text-align:center;
border-right: #999 2px solid;
border-left: #999 2px solid;
border-bottom: #999 1px solid;
color: #fff;
}

table.regfee td {
padding: 10px;
vertical-align: middle;
text-align: center;
border-bottom: #999 1px solid;
font-size: 0.9em;
}

table.regfee th.r1,
table.regfee th.r2,
table.regfee th.r3,
table.regfee th.r4,
table.regfee th.r5,
table.regfee th.r6,
table.regfee th.r7,
table.regfee th.r8
{
/*width: 100%; */
border-right: #666 1px solid;
background: #666;
}

table.regfee td.r1,
table.regfee td.r2,
table.regfee td.r3,
table.regfee td.r4,
table.regfee td.r5,
table.regfee td.r6,
table.regfee td.r7,
table.regfee td.r8
{
	border-left: #fff 1px solid;
	border-right: #999 1px solid;
	
}

table.regfee tr.r1,
table.regfee tr.r3,
table.regfee tr.r5
{
	background:#efefef;

}

table.regfee tr.r2,
table.regfee tr.r4,
table.regfee tr.r6
{
	background:#CCC;
}

/* Accommodation Hotels */

.hotels table {
width: 600px;
border: 0 #000000 solid;
border-collapse: collapse;
margin: 10px 0 15px 0;
}

.hotels td {
border: 1px #808080 solid;
padding: 10px 10px;
background:#efefef;
}

.hotels th {
width: 200px;
border: 1px #808080 solid;
background-color: #666;
padding: 10px 10px;
color:#FFF;
}

.vcenter { vertical-align: middle;}

/* Privacy */
div#privacy {
	width: 85%;
	border: 1px solid #999;	
	font-size: 80%;
	background:#e7e7eb;
	padding: 5px;
	margin-top: 20px;
}

div#privacy p span {font-size: 110%; text-decoration:underline;}

/* school page */
.abst_deadline {font-size: 1.3em; margin:1.5em auto;}
.abst_deadline span {text-decoration:underline; font-size:1.5em;}

.abst_guide {text-align:center; margin:10px auto;}
.sch_format {font-size: 130%;}
.scope {line-height: 2em;}
ul.scope li {list-style-type:disc;}