@charset "UTF-8";

/* ---------------------
 * FONTSIZE MODEL * 
 * ---------------------
 *  63% ->	10pxに相当
 *  70% ->	11pxに相当
 *  75% ->	12pxに相当
 *  82% ->	13pxに相当
 *  88% ->	14pxに相当
 *  94% ->	15pxに相当
 * 100% ->	16pxに相当
 * 107% ->	17pxに相当
 * 113% ->	18pxに相当
 * 119% ->	19pxに相当
 * 125% ->	20pxに相当
 * --------------------- */
 
 
/* ========BASIC======== */
* {
	font-family:Arial, Helvetica, sans-serif;
	color:#000;
	text-decoration: none;
}


html,body {
margin-bottom: 1px;
height: 100.1%;
}

body {
	margin:20px 0;
	padding:0;
	line-height:normal;
	letter-spacing:normal;
	background-color:#b0c4de;
}

br {
	letter-spacing:normal;
	text-align: justify;
}

a {
   color:#009;
   text-decoration:none;
}

a:hover {
   color:#31001D;
   text-decoration:none;
}

a:hover img	{
   opacity:0.8;filter:alpha(opacity=80);-ms-filter: "alpha( opacity=80 )";
   text-decoration:none;
}

img {
   border:0;
}

h3 {
	margin-top:15px
}
h1,h2,h4,h5,h6 {
   margin:0;
}

/* ========TEMPLATE LAYOUT======== */
div#top {
   width:900px;
   margin:0 auto;
   padding:10px;
   background-color:#fff;
}

div#header {
	width:900px;
	height: 140px;
}

div#menu {
   width:900px;
}

div#contents {
	clear:both;
	width:900px;
	background: #fff;
	height: 160px;
}

div#headImage {
   width:900px;
}

div#main {
	float:left;
	width:700px;
	padding:0 10 0 0;
	color: #666;
	font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
	font-size: medium;
}

div#sub {
   float:right;
   width:180px;
   margin-top:15px;
}

div#footer {
   clear:both;
   width:900px;
}

/* 回り込み解除 */
div#contents:after {
   content:"";
   display:block;
   height:0;
   clear:both;
   visibility:hidden;
}


/* ========HEADLINE CONTENTS CUSTOMIZE======== */
div#contents h1 {
}


/* ========MAIN CONTENTS CUSTOMIZE======== */
div#main a {
   color:#009;
}

div#main a:hover {
	color:#000;
	border:0;
	border-bottom:1px solid #B0C4DE;
	font-weight: bold;
}

div#main img a:hover {

}

div#main p {
	font-size:10pt;/* 13px相当 */
	color: #000;
	font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
}

div#main h2 {
   margin:8px 0 20px 0;
   color:#4d4d4d;
   font-size:94%;/* 15px相当 */
   font-weight:bold;
   border-bottom:3px double #696969;
}

div#main h3 {
   margin-bottom:3px;
   font-size:82%;/* 13px相当 */
}

div#main h4 {
   margin-bottom:2px;
   font-size:82%;/* 13px相当 */
}

div#main h5 {
   margin-bottom:2px;
   font-size:82%;/* 13px相当 */
}

div#main h6 {
   margin-bottom:2px;
   font-size:82%;/* 13px相当 */
}

div#main ul,ol,dl {
	font-size:90%;/* 13px相当 */
	font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
}


/* ========MENU CUSTOMIZE======== */

div#menu ul {
   margin:0;
   padding:0;
}

div#menu li {
   float:left;
   font-size:70%;/* 11px相当 */
   color:#333;
   text-align:center;
   list-style-type:none;
}

div#menu li a {
   display:block;
   width:90px;
   height:13px;
   padding:12px 0;
   color:#fff;
   background-color:#696969;
}


div#menu li a.index:hover{
   color:#63B1E0;
}

div#menu li a.about:hover{
   color:#AAB89A;
}

div#menu li a.faculty:hover {
	color:#B4D91E;
}

div#menu li a.program:hover {
	color:#ffd700;
}

div#menu li a.venue:hover {
   color:#A687A5;
}

div#menu li a.accommodation:hover {
   color:#F5A285;
}

div#menu li a.members:hover {
   color:#AAB89A;
}






div#menu li a.application:hover {
   color:#6378CB;
}

div#menu li a.organizers:hover {
   color:#8AE3C9;
}








div#menu li a.contact:hover {
   color:#958C71;
}

/* 回り込み解除 */
div#menu ul:after {
   content:"";
   display:block;
   height:0;
   clear:both;
   visibility:hidden;
}


/* ========sub CONTENTS CUSTOMIZE======== */

div#sub  {
	text-align:center;
}

div#sub .column  {
	background-color:#C6D0DF;
	margin-top:0px;	
}

div#sub p  {
	text-align:center;	
	margin-top:0;
	margin-bottom:5px;
	margin-left:auto;
	margin-right:auto;
	font-size:75%;
	color:#333;
}

div#sub iframe  {
	text-align:center;
}


div#sub img.logo  {
	margin-bottom:5px;
}


/* ========TOTOP CUSTOMIZE========= */
div#totop {
   margin:10px 0;
   text-align:right;
   font-size:63%;/* 10px相当 */
   clear:both;
}

div#totop a {
   color:#4d4d4d;
   padding:0 0 0 12px;
   background:url(images/bg_totop.gif) 0 50% no-repeat;
}


/* ========FOOTER CUSTOMIZE======== */
address {
   padding:10px 0;
   font-style:normal;
   font-size:75%;/* 12px相当 */
   color:#333;
   text-align:center;
}


/* ========各ページカスタマイズ======== */

/* ========index======== */

#index #main h3 {
	color:#4d4d4d;
	margin-bottom:10px;
	font-size:100%;/* 16px相当 */
	padding:3px 5px;
	background:#e5f0ff;
	border-color:#B0C4DE;
	border-width:0 0 0 5px;
	border-style:solid;
	clear:both;
	outline-color: #FFF;
}


#index #main #scroll {
  overflow: scroll;   /* scroll */ 
  overflow-x : hidden ;
  font-size:88%;
  width: 700px;
  height:240px;
  border: 1px #c0c0c0 solid;
}

#index #main p.item {
	font-size:130%;
	color:#4d4d4d;
	font-weight:700;
	line-height:10%;
	empty-cells: hide;
}


#index #main img#note_pict{
	float:left;
	margin-right:8px;
	margin-top:5px;
	width:80px;
}

#index #main p#note{
	color:#a10959;
	font-size:200%;
	font-weight:bold;
	line-height:1em;
	margin:0;
}

#index #main p#note span#smaller{
  color:#0080FF;
  font-size:50%;
  font-weight:bold;
  line-height:1.0em;
  margin:0;
}

#index #main #scroll{
     clear:both;
	 margin-top:10px;
}

#index #main #scroll img{
	 margin-right:10px;
	 vertical-align:middle;
	 margin-bottom:7px;
}

#index #main #scroll dt {
  color:#608CF4;
  font-weight:bold;
  margin:3px 15px;
  clear: left;
  float: left;  
}

#index #main #scroll dd {
   margin:3px 0;
   padding:0;
}


#index #main #circular img{
	vertical-align:middle;
	width:50px;
}
 
#index #main #circular p{
	color:#999;
}

#index #main ul.pdficon{
	background: url("images/pdf_icon.png") 3% 50% no-repeat;
	list-style-type: none;
}


/* ========about======== */

#about #main img#director {
	float:left;
	padding-right:20px;
	padding-bottom:20px;
	width:400px;
}

/* ========members======== */
#members #main h3 {
   color:#4d4d4d;
   margin-bottom:3px;
   font-size:100%;/* 16px相当 */
   padding:3px 5px;
   background:#c9e5a0;  
   border-color:#88AC4D;
   border-width:0px 0px 0px 5px;
   border-style:solid;
	color: #666;
	color: #666;
}

#members #main #generalinfo img{
	vertical-align:middle;
	width:50px;
}
	
/* ========program======== */


#program #main h3 {
   color:#4d4d4d;
   margin-bottom:8px;
   font-size:100%;/* 16px相当 */
   padding:3px 5px;
   background:#FCE49E;  
   border-color:#f9ce4a;
   border-width:0px 0px 0px 5px;
   border-style:solid; 
}

#program #main #lecture_list p{
	margin-top:8px;
	color: #000;
}

#program #main #lecuture1-7{
	width:47%;
	float:left;
	background-color:#FFC;
	line-height:20%;
	padding:10px 0 5px 5px;
	margin-bottom:10px;
}

#program #main #lecuture8-14{
	width:47%;
	float:left;
	background-color:#FFC;
	margin-left:10px;
	line-height:20%;
	padding:10px 0 5px 5px;
	margin-bottom:10px;
}

#program #main p#pdf_dl{
	vertical-align:bottom;
	margin-bottom:0;
	font-size:82%;
	clear:both;
	color: #000;
	font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
}

#program #main p#lastupdate{
	vertical-align:bottom;	
	margin-bottom:0;
	font-weight:bold;
	font-size:82%;
	clear:both;
}

#program #main p#pdf_dl img{
	margin:0px 5px 0px 5px;
}

#program #main table {
	width:700px;
	table-layout:fixed;
	border-collapse:collapse;
	border:#b3b3b3 solid 1px;
	text-align:center;

}

#program #main table a{
   color:#333;
   text-decoration:underline;
}

#program #main a:hover {
   color:#f39800;
   border-bottom:1px solid #f39800;
   border:0;
}

#program #main th {
	width:60px;
	vertical-align:top;
	font-weight:bold;
	font-size:82%;
	background:#999;
	color:#FFF;
	border:#b3b3b3 solid 1px;
}

#program #main td {
	width:80px;
	border:#b3b3b3 solid 1px;
}

#program #main tr.table-date{
	font-weight:bold;
	font-size:75%;
	background:#999;
	color:#FFF;
}

#program #main tr.table-date td{
	color:#FFF;
}

#program #main td.table-rgst{
	background:#e6e6e6;
	font-size:75%;
	color:#999;	
}

#program #main td.table-arvl-dept{
	background:#e6e6e6;
	font-size:75%;
	color:#999;
}

#program #main td.table-party{
	background:#e8faff;
	font-size:75%;
}

#program #main td.table-presentation{
	background:#f4d4c3;
	font-size:75%;
}
#program #main td.table-overview{
	background:#ffedcc;
	font-size:75%;
}

#program #main td.table-lecture{
	background:#F4DD82;
	color:#333;
	font-size:75%;
}

#program #main td.table-free{
	background:#e8faff;
	font-size:75%;
}

#program #main td.table-break{
	background:#e8faff;
	font-size:75%;
}

#program #main td.table-meal{
	background:#e8faff;
	font-size:75%;
}

#program #main td.table-discussion{
	background:#fcf5e3;
	font-size:75%;
}

#program #main td.table-speech{
	background:#fcf5e3;
	font-size:75%;
}

#program #main td.table-blank{
	background:#FFF;
}

#program  #main #list {
	margin-left:auto;
	margin-right:auto;
	

}

#program  #main #lecture_list_1 {
	width:40%;
	float:left;
}

#program  #main #lecture_list_2 {
	width:40%;
	float:left;
}

/* ========faculty======== */
#faculty #main h3 {
	color:#000;
	margin-bottom:3px;
	font-size:100%;/* 16px相当 */
	padding:3px 5px;
	background:#CFEC84;
	border-color:#A7C433;
	border-width:0 0 0 5px;
	border-style:solid;
	clear:both;
}

#faculty #main ul {
   list-style-type:none;
}

#faculty #main #groupa {
   float:left;
   width: 48%;
   background-color:#daeabb;
   margin-top:15px;
   margin-bottom:5px;   
}


#faculty #main #groupb {
   float:left;
   width:48%;
   background-color:#daeabb;
   margin:15px auto 5px 10px;
}

#faculty img.speaker-photo {
	height:150px;
}

#faculty table {
	width:700px;
	height:150px;
	border:none;
}

#faculty th {
	width:150px;
	border:none;
	padding:0;
}

#faculty td{
	width:550px;
	font-size:82%;
	padding:5px;
	border:none;
}

#faculty td.title{
	background-color:#DFDFDF;
	vertical-align:middle;
}

#faculty td.lecture_title{
	height:30px;
	background-color:#DFDFDF;
	vertical-align:text-top;
}

#faculty td.area{
	height:auto;
	background-color:#DFDFDF;
	vertical-align:text-top;
}

#faculty span{
	font-weight:bold;
}

#faculty #space{
	height:100px;
}


/* ========venue======== */

#venue #main h3 {  
   color:#4d4d4d;
   margin-bottom:10px;
   font-size:100%;/* 16px相当 */
   padding:3px 5px;
   background:#e4ccff;
   border-color:#A687A5;
   border-width:0 0 0 5px;
   border-style:solid;
   clear:both;
}

#venue #main p#map {
   text-align:center;
}


#venue #main p#map img {
	padding-right:8px;
	width:500px;
}


#venue #about_awaji{
	color:#4d4d4d;
}

#venue #main #awaji_photo {
	clear:both;
}

#venue #main #awaji_photo img{
	height:108px;
}

#venue #main p#yumebutai{
	font-weight:700;
}

#venue #main p#yumebutai_photo img{
	margin-right:8px;
	margin-left:8px;
}

/* ========accommodation======== */
#accommodation #main h3 {
   color:#4d4d4d;
   margin-bottom:3px;
   font-size:100%;/* 16px相当 */
   padding:3px 5px;
   background:#ffd9cc;  
   border-color:#F5A285;
   border-width:0px 0px 0px 5px;
   border-style:solid;
}

#accommodation #main img#TopPhoto {
	width:700px;
	margin-top:15px;
}

#accommodation #main #hotel img {
	height:100px;
	margin-right:15px;
}

#venue #main p#yumebutai_photo img {
	height:100px;
	margin-right:15px;
}

#accommodation #hotel p#hotel_info {
	font-weight:700;
	margin-left:50px;
}


/* ========organizers======== */
#organizers #main h3 {  
   color:#4d4d4d;
   margin-bottom:3px;
   font-size:100%;/* 16px相当 */
   padding:3px 5px;
   background:#ccffed;
   border-color:#99dbc6;
   border-width:0 0 0 5px;
   border-style:solid;
   clear:both;
}

#organizers img.ifrec {
	float:left;
	width:300;
	margin:5px;
}

#organizers img.sign {
	float:right;
	width:300;
	margin:5px;	
}

#organizers .ifrecandsign {
	border:dotted #CCC;
	padding:8px;
	margin-bottom:10px;
	overflow: auto;
}

#organizers span.institutionname {
	font-size:125%;
	font-weight:bold;
    padding:0px 5px;
	border-color:#99dbc6;
	border-width:0px 0px 0px 10px;
    border-style:solid;
}

#organizers img.committee{
	height:80px;
	float:left;
	margin-right:8px;
}

#organizers .committee_data{
	clear:both;
	overflow:auto;
}

#organizers  #main #ifrec_member {
	width:50%;
	float:left;
}

#organizers  #main #sign_member {
	width:50%;
	float:left;
}

/* ========application======== */
#application #main h3 {
   color:#4d4d4d;
   margin-bottom:3px;
   font-size:100%;/* 16px相当 */
   padding:3px 5px;
   background:#ccd1ff;  
   border-color:#6378CB;
   border-width:0px 0px 0px 5px;
   border-style:solid;
   clear:both; 
}


#application #main img#TopPhoto {
	width:700px;
	margin-top:15px;
	margin-bottom:8px;
}

#application #main img#note_pict{
	float:left;
	clear:both;
	margin-right:8px;
	margin-top:0px;
	width:80px;
}

#application #main p#note{
	color:#0080FF;
	font-size:185%;
	font-weight:bold;
	line-height:1em;
	margin:0;
	text-align: center;
	font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
}

#application #main #eligibility p{
	margin-left:50px;
}


#application div.numbers {
	float:left;
	margin-right:3px;
	margin-bottom:3px;
}

#application div.instructions {
	font-weight:700;
	padding-top:3px;
}

#application div#steps {
	clear:both;
	margin-left:20px;
}

#application span.schedule {
	font-weight:700;
}

#application  #dl_documents img{
	vertical-align:middle;
	width:30px;
	margin-right:10px;
	margin-left:10px;
}

#application  #dl_documents p{

 }

#application  .item{
	margin-right:10px;
	font-size:82%;

}
 

#application  p#apply_button {
	text-align:center;
	font-size:119%;
	color:#33F;
	font-weight: bold;
}

#application  #space {
	height:300px;
} 
 
/* ========archive======== */
/* 2012.06.04　rissei が追加 */

#archive #main {
	margin-top:15px;
}

#archive #main h3 {
	color:#4d4d4d;
	margin-bottom:3px;
	font-size:100%;/* 16px相当 */
	padding:3px 5px;
	border-color:#D37A50;
	border-width:0px 0px 0px 5px;
	border-style:solid;
	background-color: #FFBC9B;
}

#archive #main ul.pdficon{
	background: url("images/pdf_icon.png") 3% 50% no-repeat;
	list-style-type: none;
}

#archive #main .msg{
	clear:both;
}


#archive #main .msg img{
	margin:0 1em 1em 0;
}

#archive #main p#yumebutai{
	font-weight:700;
}

#archive #main p#yumebutai_photo img{
	margin-right:8px;
	margin-left:8px;
}

#archive #main .lecturers {
	font-size:82%;
	width:100%;
}


#archive #main #album{
	width:100%;
	margin:0;
	padding:0;
	border-collapse:separate;
	border:none;
}

#archive #main #album td {
	width:75px;
	height:75px;
	border:1px #DDD solid;
	background-color:#EEE;
	margin:0 0 0 0;
	text-align:center;
}

#archive #main #album td a:hover {
	border:none;
}




/* ========contact======== */

#contact #main h3 {
   color:#4d4d4d;
   margin-bottom:3px;
   font-size:100%;/* 16px相当 */
   padding:3px 5px;
   background:#ccbf9b;  
   border-color:#958C71;
   border-width:0px 0px 0px 5px;
   border-style:solid;
 }

#contact #main table {
	font-size:72%;
	margin-left:auto;
	margin-right:auto;
	margin-top:30px;
	border-collapse:collapse;
	border:#d3d3d3 solid 1px;
	font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
}
#contact #main td {
	padding:10px;
	border:#d3d3d3 solid 1px;
	}

/* ========registration======== */
#registration #main h3 {
   color:#4d4d4d;
   margin-bottom:3px;
   font-size:100%;/* 16px相当 */
   padding:3px 5px;
   background:#c9e5a0;  
   border-color:#88AC4D;
   border-width:0px 0px 0px 5px;
   border-style:solid;
}


/* ========faq======== */
#faq #main h3 {
   color:#4d4d4d;
   margin-bottom:3px;
   font-size:100%;/* 16px相当 */
   padding:3px 5px;
   background:#e5f0ff;  
   border-color:#B0C4DE;
   border-width:0px 0px 0px 5px;
   border-style:solid;
 
}
#index #top #contents #main p {
	font-size: small;
	font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
	text-align: justify;
}
#index #top #contents #main #ConfirmedLecturers {
	font-size: small;
	font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
}
#index #top #contents #main #ConfirmedLecturers pre {
	font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
	font-size: small;
}
#index #top #contents #main #ConfirmedLecturers pre strong {
	font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
	font-size: small;
}
#about #top #contents #main #ConfirmedLecturers pre strong {
	font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
	font-size: medium;
}
#about #top #contents #main #ConfirmedLecturers pre strong {
	font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
}
#about #top #contents #main #ConfirmedLecturers pre strong {
	font-family: Arial, Helvetica, sans-serif;
}
#faculty #top #contents #main #wayne_yokoyama #wayne_yokoyama2 table tr .area .lecture_title a u {
	color: #009;
}
#faculty #top #contents #main #gabriel_nunez table tr .area .area a u {
	color: #00F;
}
#index #top #contents #main #ConfirmedLecturers pre strong {
	font-weight: bold;
}
#contact #top #contents #main p a strong em {
	color: #00C;
}
#contact #top #contents #main p a {
	font-size: 12pt;
	font-style: italic;
}
#contact #top #contents #main p a {
	font-weight: bold;
}
#index #top #contents #main ul li {
	font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
	font-size: medium;
}
.a {
	font-weight: bold;
}