img {
    border: 0px;
}

body, td, p, li {
    font-family: arial, helvetica, sanserif;
}

body#body {
    padding: 0px;
    margin: 0px;
    background-color: #0000ff;
    width: 100%;
}

div#left {
    padding: 0.2em ;
    width: 200px;
    height: 100%;
    float: left;
    overflow-y: auto;
}

img#acsin_logo {
    position: absolute;
    height: 100px;
    width: 126px;
    left: 10px;
    top: 10px;
}

img#icspm_logo {
    position: absolute;
    height: 100px;
    width: 100px;
    left: 150px;
    top: 10px;
}

div#left img#logo {
    margin-top: 15px;
    margin-left: -2px;
}

div#top {
    padding-top: 30px;
    padding-bottom: 10px;
    padding-left: 100px;
    color: white;
    font-size: 50px;
    overflow: hidden;
    text-align: center;
    max-width: 600px;
}

div#top span#place_date {
    font-size: 16px;
    font-weight: bold;
}

div#main {
    background-color: white;
    margin-left: 200px;
    padding-left: 2em;
    padding-top: 1em;
    padding-bottom: 3em;
    color: #333333;
    min-height: 600px;
}

@media print {
    /* 印刷時は左側は表示しない */
    div#left { display: none; }
    div#main { margin-left: 0px; }
}


a:link {
    color: #0033cc;
    text-decoration: none;
}

a:visited {
    color: #cc33cc;
    text-decoration: none;
}

a[href]:hover {
    color: #3388cc;
    text-decoration: underline;
}

h1 {
    font-size: x-large;
    color: #ee5500;
    margin-bottom: 1em;
    margin-top: 2em;
}

h2 {
    font-size: large;
    color: #666666;
    margin-bottom: 0.2em;
    margin-top: 1em;
}

p {
    margin-left: 2em;
    max-width: 700px;
}

strong.red {
    color: red;
}

.menu_navi {
    width: 180px;               /* 横幅             */
    list-style-type: none; 
    margin:  0; 
    padding: 0; 
}

.menu_navi li {
    padding: 0px;
    margin: 0px;
}

.menu_navi li a {
    color: #ffffff;             /* 文字色           */
    font-size: 16px;            /* 文字の大きさ     */
    font-weight: bold;           /* フォントの太さ   */
    text-decoration: none;
    display: block; 
    padding-left: 5px;
    padding-top: 4px;
    padding-bottom: 4px;
    width: 100%; 
}

.menu_navi li a:visited {
    color: #ffffff;             /* 文字色           */
}

.menu_navi li a:link {
    color: #ffffff;             /* 文字色           */
}

.menu_navi li a:hover {
/*    font-style: italic;          斜体             */
    color: #cc0000;
/*    background-color: #80FFFF; */
    text-decoration: none;
}

.menu_navi li a:active {
    color: #000000;
    background-color: #00FFFF;
}

div#top_images {
    width: 400px;
    height: 400px;
    position: relative;
}

div#top_images img.top_image {
    position: absolute;
    opacity: 1;
}

div#top_images img#image0 { left: 250px;     top: 190px;     }
div#top_images img#image1 { left: 412.608px; top: 293.359px; }
div#top_images img#image2 { left: 232.319px; top: 316.811px; }
div#top_images img#image3 { left: 79.9619px; top: 248.405px; }
div#top_images img#image4 { left: 44.784px;  top: 128.213px; }
div#top_images img#image5 { left: 147.392px; top: 26.6413px; }
div#top_images img#image6 { left: 327.681px; top: 3.18935px; }
div#top_images img#image7 { left: 480.038px; top: 71.595px;  }
div#top_images img#image8 { left: 515.216px; top: 191.787px; }

div#enlarge {
    position: fixed; 
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    background-color: transparent;
    visibility: hidden;
    z-index: 4;
    text-align: center;
}

div#enlarge div#background {
    position: absolute; 
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    background-color: #000;
    opacity: 0.8;
    z-index: 3;
}

div#enlarge div#image_frame {
    position: absolute; 
    left: 300px;
    top: 10px;
    opacity: 1;
    z-index: 4;
    color: #666;
    font-size: small;
}

div#enlarge div#image_frame img {
    cursor: pointer;
    z-index: 5;
}

div#enlarge div#image_frame div#large_description {
    width: 540px;
    background-color: blue;
    color: white;
    opacity: 0.75;
/*    padding: 8px; */
    margin-top: 10px;
/*	border-radius: 10px;		CSS3草案 */
/*	-webkit-border-radius: 10px;	Safari,Google Chrome用 */
/*	-moz-border-radius: 10px;	Firefox用 */
    text-align: left;
    font-size: medium;
}

div#enlarge div#image_frame div#large_description span.credit {
    font-size: smaller;
    font-style: italic;
    font-weight: bold;
}

div#enlarge div#image_frame div#large_description p {
    padding: 8px;
    margin: 0px;
}

div#enlarge div#image_frame div#large_description:after {
    content: "Introduction of scientific organizations in Tsukuba city";
    display: block;
    background-color: #8f8;
    text-align: center;
    color: black;
    font-weight: bold;
    padding: 2px;
}

div#enlarge div#image_frame div#large_description em {
    font-weight: bold;
    font-size: x-large;
}

div#large_description a {
    color: white;
    font-weight: bold;
    text-decoration: underline;
}

div#top_images div#description {
    left: 200px;
    top: 150px;
    width: 350px;
    position: absolute;
    background-color: blue;
    color: white;
    opacity: 0.75;
    visibility: hidden;
    z-index: 2;
/*  padding: 8px; */
/*	border-radius: 10px;		CSS3草案 */
/*	-webkit-border-radius: 10px;	Safari,Google Chrome用 */
/*	-moz-border-radius: 10px;	Firefox用 */
}

div#top_images div#description p {
    padding: 6px;
    margin: 0px;
}

div#top_images div#description span.credit {
    font-size: smaller;
    font-style: italic;
    font-weight: bold;
}

div#top_images div#description:after {
    content: "Introduction of scientific organizations in Tsukuba city";
    display: block;
    text-align: center;
    font-size: 12px;
    font-weight: bold;
    color: #000;
    background-color: #8f8;
    padding: 3px;
    margin: 0px;
}

div#description em {
    font-weight: bold;
    font-size: x-large;
}

dt {
  margin-top: 10px;
  margin-bottom: 5px;
  font-weight: bold;
  padding-left: 10px;
}

div#exhibition ul li {
    margin-bottom: 5px;
}

div#exhibition dl {
    margin-left: 20px;
    width: 600px;
}

div#exhibition dl dd ol {
    margin-left: 20px;
    padding-left: 0px;
}

img.venue_thumbnails {
    margin-right: 10px;
}

div#venue_description em {
    font-weight: bold;
    font-size: large;
}

/********* Invited Speakers */

ol.invited_speakers li {
    margin-bottom: 10px;
    list-style-type: none;
}

ol.invited_speakers span.name {
    font-weight: bold;
}

ol.invited_speakers span.affiliation:before {
    content: " (";
}

ol.invited_speakers span.affiliation:after {
    content: ")\A";
    white-space: pre-line;
}

ol.invited_speakers span.title:before {
    content: "“";
}

ol.invited_speakers span.title:after {
    content: "”";
}

ol.invited_speakers span.title {
    display: block;
    padding-left: 20px;
    font-style: italic;
}

h1 span.asof {
    font-size: small;
}

table.sponsors {
    margin-left: 20px;
    border-collapse:separate;
    border-spacing:2px;
}

table.sponsors td:first-child {
    width: 85px;
    text-align: center;
}

table.sponsors td:nth-of-type(2) {
    padding-left: 15px;
}

table.registration_fee {
    
}

table.registration_fee th, 
table.registration_fee td {
    border: solid white 4px;
    text-align: center;
}

table.registration_fee th {
    background: #ffcc80;
    padding: 5px 10px;
    min-width: 140px;
}

em {
    color: #ee5500;
    font-weight: bold;
}

ul.template {
    margin-left: 30px;
}

a.template {
    padding: 5px 10px;
    font-size: 20pt;
    background: #ffcc80;
    color: white;
}