@charset "utf-8";
body {
	/*	font: 100%/1.4 "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS P Gothic", sans-serif; */
	font-family: 'Oswald', sans-serif;
 /*	font-weight: 300; */
/*	background-color: #; */
	background-image: url(../images/bg_image.jpg);
	background-position:center top;
	background-repeat:no-repeat;
	-moz-background-size:cover;
	background-size:cover;
	margin: 0;
	padding: 0;
	color: #000;
}

/* ~~ エレメント / タグセレクター ~~ */
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 をネストして使用することもできます。 */
}
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: 79%;
	max-width: 980px;/* レイアウトが大型モニターで広がりすぎないように、最大幅を指定することをお勧めします。これにより、読みやすい行の長さを保つことができます。IE6 ではこの宣言は無視されます。 */
	min-width: 980px;/* レイアウトが狭くなりすぎないように、最小幅を指定することをお勧めします。これにより、サイドカラムで読みやすい行の長さを保つことができます。IE6 ではこの宣言は無視されます。 */
	background-color: #fff; /* 幅に加え、両側を自動値とすることで、レイアウトが中央に揃います。.container の幅を 100% に設定した場合、これは必要ありません。 */
	overflow: hidden; /* この宣言により .container は、含まれているすべてのフローティングカラムをクリアします。 */
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
}



.content_top {
	width: 98%;
	padding-top: 10px;
	padding-right: 0;
	padding-bottom: 10px;
	padding-left: 0;
	margin: 0 auto;
}

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


/* ~~ このセレクターグループは、.content 内のリストに領域間隔を指定します。~~ */

/*
.content ul, .content ol { 
	padding: 0 15px 15px 40px; 
}
*/

/* ~~ ナビゲーションリストのスタイル付け (Spry などの事前作成済みのフライアウトメニューを使用する場合は削除できます) ~~ */
ul.nav {
	list-style: none; /* リストのマーカーを削除します。 */
/*	border-top: 1px solid #666; /* リンク用の上部のボーダーを作成します。他のすべてのものは LI 上で下部のボーダーを使用して配置されます。 */
	margin-bottom: 15px; /* 下のコンテンツのナビゲーション間の間隔を作成します。 */
}
ul.nav li {
/*	border-bottom: 1px solid #666; /* ボタンの区切り線を作成します。 */ 
	font-size: 1.1em;
}
ul.nav a, ul.nav a:visited { /* これらのセレクターをグループ化することで、リンクのボタン表示が訪問後も確実に保持されます。 */
	padding: 5px 5px 5px 15px;
	display: block; /* リンクにブロックプロパティを指定し、リンクが含まれる LI 全体がリンクになるようにします。これにより、領域全体がマウスのクリックに反応するようになります。 */
	text-decoration: none;
	background-color: #e6eae6;
	color: #000;
}
ul.nav a:hover, ul.nav a:active, ul.nav a:focus { /* マウスを使用する場合もキーボードを使用する場合も、背景色とテキストカラーを変更します。 */
	background-color: #6F7D94;
	color: #FFF;
}

.sub_nav {margin-top: 5px;}

.red {	 	border-left: 10px solid #d83473; }
.green { 	border-left: 10px solid #6DB82C; }
.violet { 	border-left: 10px solid #934495; }
.yellow { 	border-left: 10px solid #F5BB43; }
.skyblue { 	border-left: 10px solid #34A4DD; }
.lemon { 	border-left: 10px solid #F4D730; }
.blue { 	border-left: 10px solid #0E70B1; }
.orange { 	border-left: 10px solid #EF8519; }
.lightgreen { 	border-left: 10px solid #54B339; }
.nocolor {	border-left: 10px solid #af0082; }

#important_date_box { margin-left:20px;} 

#important_date {border-left: 15px solid #934495; padding-left: 5px; font-size:18px; margin-bottom: 10px;}

ul.important {
	margin-bottom: 15px; /* 下のコンテンツのナビゲーション間の間隔を作成します。 */
	font-family:Tahoma, Geneva, sans-serif;
	font-size: 0;
}
ul.important li {
	display: inline-block;
	font-size: 13px;
	margin-left: 10px;
	width: 270px;
}

ul.important li span { font-size: 120%;	font-family: 'Oswald', sans-serif; font-weight: 300;}
ul.important li span.elm { font-size: 160%;	font-family: 'Asap', sans-serif; font-weight: 600;}


/*
ul.important li li{
	font-family: 'Asap', sans-serif;
	font-weight: 700;
	list-style-image:url(../images/li_mark_orange.png);
	font-size: 117%;
	margin-left:20px;
	border-bottom: 1px dotted #999999;
 */



.tba {font-weight: 300; font-size: 200%;}


/*　--- committee list ---*/
.section_head { padding-left: 5px; margin-left: 8px; margin-right:8px; font-size: 1.2em; letter-spacing: 5px; margin-top:20px;  background:#FFF;}
.section_head_link { padding-left: 5px; margin-left: 8px; margin-right:8px; font-size: 80%; letter-spacing: 1px; margin-top:50px;  background:#FFF;}

.h_scope {	 	border-bottom: 1px solid #ff5c5c; }
.h_committee { 	border-bottom: 1px solid #f47211; }
.h_general_info { 	border-bottom: 1px solid #ffa403; }
.h_invited { 	border-bottom: 1px solid #7cb521; }
.h_abst_sub { 	border-bottom: 1px solid #1eaa39; }
.h_program { 	border-bottom: 1px solid #0a9947; }
.h_regist { 	border-bottom: 1px solid #049eb2; }
.h_accommo { 	border-bottom: 1px solid #1175ed; }
.h_access { 	border-bottom: 1px solid #b43bf4; }
.h_contact { 	border-bottom: 1px solid #192f60; }
.h_links { 	border-bottom: 1px solid #192f60;     }

ul.committee {
	list-style: none; /* リストのマーカーを削除します。 */
	margin-bottom: 15px; /* 下のコンテンツのナビゲーション間の間隔を作成します。 */
}
ul.committee li {
	font-family:Arial, Helvetica, sans-serif;
	font-size: 1em;
	margin-left: 10px;
}

/* ---- Program ---*/
.up {color:#C00;}



/* --- scope list ---*/
ul.scope {
/*	list-style: none; /* リストのマーカーを削除します。 */
	margin-top: 20px; /* 下のコンテンツのナビゲーション間の間隔を作成します。 */
	margin-bottom: 25px; /* 下のコンテンツのナビゲーション間の間隔を作成します。 */
}
ul.scope li {
	font-family:Arial, Helvetica, sans-serif;
	font-size: 1em;
	margin-left: 40px;
}

/* --- invited ----*/
dl.inv {
	font-family: 'Noto Sans', sans-serif;
	margin-top: 20px; /* 下のコンテンツのナビゲーション間の間隔を作成します。 */
	margin-bottom: 25px; /* 下のコンテンツのナビゲーション間の間隔を作成します。 */
}
dl.inv dt {
	font-size: 1em;
	margin: 0 0 0 20px;
}
dl.inv dd{
	margin-left: 40px;
	line-height: 1.3em;
	margin-bottom: 10px;
}

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

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

.keynote, .invite {
	display:inline-block;
	font-family:'Noto Sans', sans-serif;
	margin: 10px 0 0 10px;
	font-size: 130%;
	border-bottom: #90C solid;
}



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

/* --- バルーン   ---- */
.arrow_box {
	position: relative;
	width: 95%;
	line-height: 2em;
	padding: 0 20px;
}
/*.arrow_box:before {
	content:"“";
	font-size:600%;
	line-height:1em;
	color:#999;
	position:absolute;
	left:0;
	top:0;
}

.arrow_box:after {
	content:"”";
	font-size:600%;
	line-height:0em;
	color:#999;
	position:absolute;
	right:0;
	bottom:0;
}
*/

div.arrow_box p {
/*	font-family: 'Oswald', sans-serif; 
	font-size: 1.2em;
	line-height: 1.8em;
	font-weight: 300;
*/
}

#message {
	font-family:Tahoma, Geneva, sans-serif;
	font-size: 1.0em;
	line-height: 1.5em;
	margin-top: 15px;
}


/* ---- News ------*/

div#news_box {
	padding: 0;
	margin-left:20px;
}

h1.whats_new{
/*	font-family: 'Asap', sans-serif;  */
	width:90%;
	color:#333;
	font-size: 1.0em;
	font-weight: 400;
	margin: 0;
	padding: 5px 0 5px 5px;
}

.bg_green { border-left: 15px solid #6DB82C; }
.bg_blue { border-left: 15px solid #0E70B1; }


div.news {
	width: 95%;
	height: 60px;
	overflow: auto;
	border:1px solid #eae5e3;
	background-color:#fff;
	color:#555555;
	margin: 0 0 10px 0;
}

div.news ul {
/*	font-family: 'Asap', sans-serif; */
	font-family:Tahoma, Geneva, sans-serif;
	list-style: none;
	margin: 0.2em 0 0 1em;
	padding: 0;
}


div.news ul li {
	padding-left: 10px;
	font-size: 90%;
}

/* --- Inner contents  ---*/

#inner_content p {
	font-family:Arial, Helvetica, sans-serif;
	margin-top: 10px;
	font-size: 95%;
	line-height: 1.5em;
}

span.contact {
	font-size: 120%;
	
}

/* -- topic path --- */

.topic_path {
	margin:10px 0 0 0;
	padding: 4px;
	font-size: 70%;
	line-height: 1.2em;
	background:#d4d9df;
	font-family:Tahoma, Geneva, sans-serif;
}

/* --- accommodation ----*/
div#acm { 	font-family:Arial, Helvetica, sans-serif;}


div.outerFrame {
	width: 650px;
	margin-bottom: 20px;
	border: 1px solid #7d7d7d;
	background-color: #efefef;
	margin-left:20px;
/*	margin-right:auto; */
	text-align: center;
	overflow: hidden;
}

div.innerFrame {
	width:inherit;
	text-align: left;
	margin: 10px;
}

div.accommodationHotelList {
	margin: 10px;
}
	
div.accommodationHotelName {
	width: 280px;
	float:left;
	margin: 0px;
	padding: 2px 0px 2px 5px;
	line-height: 1.3em;
	text-align:left;
}

div.accommodationHotelRoomFee {
	width: 230px;
	margin: 0 0 0 350px;

}

.roomFee {
	border: 1px solid #999999;
	margin: 0px;
	padding: 2px;
	font-size: 0.9em;
	border-collapse: collapse;
	width:100%;
	
}

.roomFeeContentRight {
	border-top: 1px solid #999999;
	border-left: 1px solid #999999;
	background-color: #f7f7f7;
	text-align: center;
}	
.roomFeeContentCenter {
	border-top: 1px solid #999999;
	background-color: #f7f7f7;
	padding: 0px;
	text-align: center;
}	
.roomFeeContentLeft {
	border-top: 1px solid #999999;
	text-align:center;
	background-color: #f7f7f7;
}	
.roomFeeContentHeadLeft {
	background-color:#CCCCCC;
	border-bottom: 1px solid #999999;
	padding: 2px;
	font-weight:bold;
	text-align: center;
}	
.roomFeeContentHeadRight {
	background-color:#CCCCCC;
	border-bottom: 1px solid #999999;
	border-left: 1px solid #999999;
	padding: 2px;
	font-weight:bold;
	text-align: center;
}

.roomUse {
	font-size: 0.8em;
}

span.hotelName {
	font-size: 1.2em;
	font-weight:bold;
}

/* ---- General Info.  -----*/

p#sub_head {
	font-size: 98%;
	font-weight:bold;
	font-family:Tahoma, Geneva, sans-serif;
	width: 50%;
	border-bottom: 2px solid #934495;
	margin: 20px 0 0 15px;
	line-height: 1em;
	padding: 0 0 3px 3px;
}

.previous_sympo li{ line-height: 1.8em; margin-left:40px; list-style:none; 	font-family:Tahoma, Geneva, sans-serif; }

.previous_sympo li span{ font-size: 85%;}


/* --- reg fee ---*/
#reg_fee,#reg_fee_j {
	margin:10px 30px;
	width: 550px;
}
table#reg_fee, table#reg_fee_j tr td {
	font-family:Arial, Helvetica, sans-serif;
/*	border-bottom: 1px solid #999; */
	font-size: 90%;	
}

.reg_fee_class { text-align:center; padding: 0 10px;}
.reg_fee_class_h { width:100px; text-align:right;}
.reg_fee_class_h1 { text-align:right;}

.reg_fee_w {background-color:#fdeff2}
.reg_fee_g {background-color:#e9dfe5}

/* --- reg --- */

div#privacy {
	width: 500px;
	border: 1px solid #999;	
	font-size: 90%;
	background:#e7e7eb;
	margin: 20px 0 10px 15px;
}

div#privacy ul {
	font-family:Tahoma, Geneva, sans-serif;
	margin: 10px 0;
	list-style:square;
	line-height: 1.2em;
}

div#privacy ul li {
	margin-left: 40px;
	font-size: 90%;
}

ol.pay {width: 80%;}

ol.pay li { margin-left: 30px; margin-bottom: 1.5em; line-height: 1.5em;}


#inner_content2 p,strong {font-family:Arial, Helvetica, sans-serif;}

/* ------- map / access ---------*/

div#access h3,ol,dl { font-family:Arial, Helvetica, sans-serif;}

div#access h3 {margin:10px 0;}

div#map_info {
	margin-top: 50px;
	margin-left:15px;
}

div#map_info p {
	border-left: 10px solid #06F;
	margin-bottom: 3px;
}

div#map_info small {
	font-family:Arial, Helvetica, sans-serif;
	font-size: 70%;
}

div#access dl { margin-left:15px;}

.addr { line-height: 1.2em; font-size: 90%; font-family:Arial, Helvetica, sans-serif; margin-bottom: 10px;}

div#train ol {line-height: 1.6em;}
div#train ol li  {margin: 15px 0 0 30px;}

div#access ol li  {margin: 15px 0 0 30px;}


/* --- abstract ---*/
hr.ss {
    padding: 0;
    border: none;
    border-top: medium double #333;
    color: #333;
    text-align: center;
	width:90%;
}

/*hr.ss:after {
    content: "§";
    display: inline-block;
    position: relative;
    top: -0.7em; 
    font-size: 1.5em;
    padding: 0 0.25em;
    background: white;
}
*/

.tmpl-list { margin: 0 0 20px 40px; }

/* ---- Presen Inst ----*/

#oral {
	font-family:Arial, Helvetica, sans-serif;
}
#oral li {margin-left: 35px;}

.resolution {
	border: 1px;
	margin-left: 30px;
	line-height: 1em;
	font-family:Arial, Helvetica, sans-serif;
}
.resT_head {
	background-color:#cfcfcf;
	font-size: 90%;
	border: 1px solid #999999;
	text-align: center;
	font-family:Arial, Helvetica, sans-serif;
}
table.resolution  td {
	font-size: 85%;
	border: 1px solid #999999;
	text-align: center;
	font-family:Arial, Helvetica, sans-serif;
}

/*---- Shuttle bus ---*/

/* -------------------------
	Access
----------------------------*/
div#access, div#access_fb {
	margin: 0 0 30px 0;
}

div#access img {
	border:0;
}

div#access, div#access_fb p {
	font-size: 90%;
}


div#access_fb {
	font-family:Arial, Helvetica, sans-serif;
}

div.accessFreeSuttleBusTimetable {
	margin: 0 0 0 15px;
	font-family:'Arial, Helvetica, sans-serif';
}
#access_fb .accessFreeSuttleBusTimetableMor {
	margin: 0 0 3px 10px;
	padding: 0 0 0 5px;
	font-size: 95%;
	background-color: #84a2d4;
}

#access_fb .accessFreeSuttleBusTimetableEve {
	margin: 20px 0 3px 10px;
	padding: 0 0 0 5px;
	font-size:95%;
	background-color:#e0815e;
}

.accessFreeSuttleBusTimetable td.sep {
	border-top: 1px solid #ccc;
	padding: 0.5em 1em;
	text-align:center;
	font-size: 140%;
}

.accessFreeSuttleBusTimetable td.nosep {
	padding: 0.5em 2em;
	font-weight:bold;
	text-align:center;
	font-size: 85%;
}
.accessRoute {
	font-size: 80%;
	margin: 3px 0 5px 10px;
	padding: 0 0 0 5px;
	line-height:1.2em;
}
span.tBh {
	color:#CC0000;
	font-weight:bold;
	font-size: 70%;
}
span.tBhn {
	font-weight:bold;
	font-size: 90%;
}

div.acsFSB_h {
/*	width: 520px; */
	font-size: 110%;
	font-weight: bold;
	border-left: 10px solid #CFCFCF;
/*	border-bottom: 1px solid #CFCFCF; */
	padding-left: 5px;
	margin: 0 0 10px 0;
}

.c0 {background:#f8fbf8;}
.c1 {background:#f3f3f2;}

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

div.link {border-top: 1px #CCCCCC;margin: 10px 0 20px 20px;}
div.link span {font-size: 85%;	font-family:Tahoma, Geneva, sans-serif;}

p.accessMethodDesc span {font-weight:bold;}

ol.n2h {color: #333;}

ol.n2h li span {font-weight:bold;}


#train ol li {color:#333;}

#train ol li span {font-weight:bold;}


/* --- Useful Links ---*/

.useful_links li {margin-left: 40px; line-height: 2em; list-style:none}


/* --- footer ----*/
#footer { text-align:center; margin:0 auto; padding: 10px 0; font-size: 80%; letter-spacing: 4px;}