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

/* --------------------------------------------------------------   
   reset   
-------------------------------------------------------------- */

html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, code,
del, dfn, em, img, q, dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
  margin: 0;
  padding: 0;
  border: 0;
  font-weight: inherit;
  font-style: inherit;
  font-size: 100%;
  font-family: inherit;
  vertical-align: baseline;
}



/* --------------------------------------------------------------   
   typography      
-------------------------------------------------------------- */
/* Default font settings. 
   The font-size percentage is of 16px. (0.81 * 16px = 13px) */
body { 
  font-size: 81%;
  font-family:Helvetica, Arial, sans-serif;
  background:#fff;
  color:#000;
  line-height:1.5;
}

a{color:#000; text-decoration:underline;}
a:hover{color:#999;}

a img { border: none; }

blockquote:before, blockquote:after, q:before, q:after { content: ""; }
blockquote, q { quotes: "" ""; }


/* later than IE9
-------------------------------------------------------------- */
header, footer, section, article{
	display:block;
	margin:0;
	padding:0;
}


/* Headings
-------------------------------------------------------------- */
h1,h2,h3{ font-weight: normal;}
h1 { font-size: 1.9em; font-weight: bold; line-height:1;}
h2 { font-size: 1.5em; font-weight: bold; line-height:1;}
h3 { font-size: 1.25em; font-weight: bold;}
h4 { font-size: 1em; font-weight: bold;}
h5 { font-size: 1em; font-weight: bold;}
h6 { font-size: 1em; font-weight: bold;}


/* Text elements
-------------------------------------------------------------- */
p           { margin: 0 0 1.5em; }

blockquote  { margin: 1.5em; color: #666; font-style: italic; }
strong      { font-weight: bold; }
italic      { font-style: italic; }
em,dfn      { font-style: italic; }
dfn         { font-weight: bold; }
sup, sub    { line-height: 0; }


/* Lists
-------------------------------------------------------------- */
ul          { list-style:disc outside; margin:0; padding:0 0 0 1.2em; }
ol          { list-style:decimal outside; margin: 0 0 1.5em 0; padding:0 0 0 1.2em;}
ul li,
ol li       {margin:0 0 0.6em;}
dl          { margin: 0 0 1.5em 0; }
dt          { font-weight: bold; float:left; clear:both; width:90px; margin:0 0 15px; line-height:1.7;}
dd          { margin-left: 1.5em; float:left; margin:0 0 15px; line-height:1.7;}


/* Tables
-------------------------------------------------------------- */
table { border-collapse: separate;}
caption, th, td { text-align: left; font-weight: normal;}
table, td, th { vertical-align: middle; }
table       { width:654px; }
th          { padding:4px 0; width:90px; vertical-align:top; font-weight: bold; white-space:nowrap;}
td          { padding:4px 0; width:564px; vertical-align:top;}
tfoot       { font-style: italic; }
caption     { background: #eee; }


/* --------------------------------------------------------------   
   styles   
-------------------------------------------------------------- */
body{border-top:solid 6px #039; text-align:center;}

#layout{width:920px; margin:auto; text-align:left; position:relative;}

#page_header{padding:120px 0 30px;}
	#h1_page_ttl{color:#488f7a; font-size:25px;}
		.header_sfont{font-size:22px;}
		.header_mfont{font-size:25px;}
		.header_lfont{font-size:30px;}
		.header_block{display:block; line-height:1.2;}

#head_logo{position:absolute; top:3px; left:0; width:100%; height:63px;}
	.h_logo_left{float:left; margin:0 30px 0 0; line-height:63px;}
	.h_logo_right{float:right; margin:0 0 0 40px; line-height:63px;}
	#translate_outer{float:right; margin:23px 0 0;}
	#head_logo img{vertical-align:middle;}

#contents{padding:0 0 60px;}
.content{margin:0 0 40px; overflow:hidden;}
	.content_ttl{color:#488f7a; font-size:22px; margin:0 0 20px;}
	.outline_table{line-height:1.3em; max-width:660px;}
	.organisers_list li{margin:0 0 0.2em;}
	
	.content.outline.estimate{min-height:296px; background:url(../images/ethical_img.jpg) right center no-repeat;}
		
	.agenda_table{border-spacing:5px; width:920px; margin:0 0 0 -5px;}
		.agenda_table th{padding:8px 10px;}
		.agenda_table.ethical th{background:#6dbaa3; color:#fff;}
		.agenda_table.igpn th{background:#d0df5e; color:#333;}
		
		.agenda_table td{padding:8px 20px;}
		.agenda_table.ethical td{background:#d3eae3;}
		.agenda_table.igpn td{background:#f1f5ce; color:#333;}

		.agenda_table .agenda_header{vertical-align:baseline;}
		.agenda_table.ethical .agenda_header{background:#4f7f71; color:#fff;}
		.agenda_table.igpn .agenda_header{background:#99a546; color:#fff;}
			.thead_ttl{padding:0 0 0 10px; font-size:1.2em; vertical-align:baseline;}
			
			h3.ttl_lec_name{line-height:1.2em; margin:0 0 5px;}
				span.lec_type{font-size:80%; color:#444;}
				
				h4.ttl_role{border-bottom:dotted 1px #999; padding:0 0 7px; margin:18px 0 10px;}
	
	.slideshow{width:427px; margin:0 0 40px;}
			

.fl_left{float:left;}
.fl_right{float:right;}
.hidden{display:none;}
.clear_both{clear:both;}

#page_footer{background:#f1f1f1; padding:55px 0 35px; box-shadow:0 3px 5px #ccc inset; text-align:center;}
	.footer_li{display:inline; padding:0 10px;}