/* ICMI2016 Original Style Sheet */

#mrk-orange-contents h3 {
    background: url(../imgs/style/h3_orange.jpg) repeat-y scroll left top transparent;
    color: #333333;
    font-size: 12px;
    font-weight: bold;
    margin: 42px 0 9px;
    padding: 6px 0 6px 15px;
    border: none;
}

#mrk-blue-contents h3 {
    background: url(../imgs/style/h3_blue.jpg) repeat-y scroll left top transparent;
    color: #333333;
    font-size: 12px;
    font-weight: bold;
    margin: 42px 0 9px;
    padding: 6px 0 6px 15px;
    border: none;
}

#mrk-gray-contents h3 {
    background: url(../imgs/style/h3_gray.jpg) repeat-y scroll left top transparent;
    color: #333333;
    font-size: 12px;
    font-weight: bold;
    margin: 42px 0 9px;
    padding: 6px 0 6px 15px;
    border: none;
}


#top_sponsor_logos ul {
	list-style-type: none;
	padding-left: 0;
}
#top_sponsor_logos li {
	background: #FFFFFF;
	width: 160px;
	margin: 10px;
}
#top_sponsor_logos ul.inline-block {
	text-align: left;
}
#top_sponsor_logos ul.inline-block li {
	display: inline-block;
}


.venue #access ul li { 
    list-style-type: decimal; 
}

.venue div#str1 {  
 width : 54%;
 float: left;
}

.venue div#img1 { 
width:45%;
float :right;
}

.venue div#img2 { 
width:30%;
float :left;
}

.venue div#img2 img{ 
margin-right : 0em; 
}

.venue div#img3 { 
width:66%;
float :left;
}


.venue div#str2 { 
margin-bottom: 1em; 
clear: both;
}

.venue div#str3 { 
padding-top:0.5em; 
clear: both;
}


.venue figure {
    display: block;
    margin :0em 1em 1em 1em;

}

.venue div#train{
    position:relative;
     width: 300px;
    height: 2.5em;
    background: url(../imgs/icons/train.png );
    background-position: left center;
    background-size: 25px 25px;
    background-repeat: no-repeat; 
     padding-left: 3em;
}

.venue div#busandtrain{
    position:relative;
     width: 300px;
    height: 2.5em;
    background: url(../imgs/icons/busandtrain.png );
    background-position: left center;
    background-size: 30px 30px;
    background-repeat: no-repeat; 
    padding-left: 3.5em;
}

.venue div#taxi{
    position:relative;
     width: 300px;
    height: 2.5em;
    background: url(../imgs/icons/taxi.png );
    background-position: left center;
    background-size: 25px 25px;
    background-repeat: no-repeat; 
     padding-left: 3em;
}


.venue div#vstr{
      font-weight : bold;
      position: absolute;
      bottom: 0;
}

.venue span#dept{
      font-weight : bold;
      font-size : 1.3em;
     color : #F9621E;
}


.authors h4#guidline{
 font-size : 12pt;
 font-family : "Times New Roman";
}

.authors h4#presentation {
 color : #FF0000;
 font-size : 12pt;
 font-family : "Times New Roman";
}

.authors li {
 font-size : 11pt;
 line-height : 1.5em;
 font-family : "Times New Roman";
}

#rssfeeds {
     font-size:12px;
    align:left;
      float:left;
     width : 350px;
}

#rssfeeds ul{
padding-left: 0;
}

.button {
	display: inline-block;
	width: 200px;
	height: 40px;
	text-align: center;
　　　　　　　vertical-align: middle;
	text-decoration: none;
	line-height: 40px;
	outline: none;
	background-color: #191970;
	color: #fff;
}
.button::before,
.button::after {
	position: absolute;
	z-index: -1;
	display: block;
	content: '';
}
.button,
.button::before,
.button::after {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	-webkit-transition: all .3s;
	transition: all .3s;
}

.button:hover {
	background-color: #59b1eb;
}

table#hor-minimalist-b
{
        line-height: 1.6em;
	font-family: "Lucida Sans Unicode", "Lucida Grande", Sans-Serif;
	font-size: 11px;
	background: #fff;
	margin: 10px;
	width: 540px;
        vertical-align : bottom;
	border-collapse: collapse;
　

}

#hor-minimalist-b  th
{
　       border-top: solid  2px #333;
	font-size: 12px;
	font-weight: bold;
	color: #000;
	padding: 5px 5px;
	border-bottom: 2px solid #333;
        vertical-align : bottom;
	text-align: right;
}

#hor-minimalist-b  td
{
	border-bottom: 1px solid #ccc;
	color: #444;
	padding: 6px 8px;
	text-align: right;

}

#hor-minimalist-b td.menu_regi
{
	font-size:12px;
	color: #000;
	font-weight: bold;
	border-bottom: 2px solid #333;	

}

div#acmtbl{
    margin-top : -2em;

}
div#acmmap{
     margin-top: 3em;
margin-bottom:5em;
　　　　margin:10px 0; 

}
div#acmmap iframe { margin: 0 auto; display: block; }

table#hotelinfo
{ 
border : solid 1px;
vertical-align : bottom;

 }

div.hotelinfo{
　margin-top : 33em;
    clear : both;
    height : 270px;
　　　
}

div.hotelinfo div.pic{
　position:absolute; 
   float : left;
  


}


div.hotelinfo div.buttons{

　　　　position:absolute; 
   float : right;

   margin-top : 120px;
}


div.hotelinfo .button{

     margin : 10px;
}


div.hotelinfo span.rmap{

     font-weight : bold;
     margin-left  : 10px;
     color : #262626;
}

div.hotelinfo .button {
	display: inline-block;
	width: 180px;
	height: 30px;
	text-align: center;
　　　　　　　vertical-align: middle;
	text-decoration: none;
	line-height: 30px;
	outline: none;

}

div.hotelinfo .ows {
	background-color: #ff9900;
	color: #fff;
}


div.hotelinfo .route {
	background-color: #3399ff;
	color: #fff;
}

div.hotelinfo .ows:hover {
	background-color: #ff6600;
}

div.hotelinfo .route:hover {
	background-color: #0047b3;
}


div#optionalContents{

    margin-top : 2.5em;
    margin-bottom : 3em;


}

div#important{
border-style: solid;
    border-width: 4px 1px 4px 1px;
    border-color: #000080;
    padding: 0.5em;
}

legend{
   font-weight : bold;
   color: #ff0000;
}









h3{
clear : both;
}