/* CSS Document */

@import url("css/common.css");

/* DEFAULT SET
------------------------------------------------------------------------*/
html, body{
	height: 100%;
	font-size: 1em;
}
.wrapper{
	min-height: 100%;
	height: auto !important;
	height: 100%;
	margin: 0 auto -50px; /* SAME VALUE WITH CLASS PUSH */
}

p{
	font-size: 0.8em;
}

/* LAYOUT
------------------------------------------------------------------------*/
.header{
	width: 100%;
	background: url(images/bg-header.jpg) repeat-x;
	text-align: center;
	border-bottom: double #5c73d0;
}
.container{
	margin: auto;
	width: 800px;	
}

.top-mainimg{
	margin: 10px auto;
	width: 100%;	
}

ul.globalnavi{
	margin: 10px auto;
	width: 720px;
}
ul.globalnavi li{
	display: inline;	
}

ul.bannerlist{
	float: left;
	padding-top: 20px;
	width: 190px;	
}
ul.bannerlist li{
	padding: 0 0 5px 0;	
}
.top-content{
	padding-bottom: 15px;
	float: right;
	width: 590px;
}

/* TOPPAGE
------------------------------------------------------------------------*/
#information,
#publication,
#eventschedule,
#otherschedule,
#otherinfo{
	margin-bottom: 15px;	
}

#otherinfo .entry,
#information .entry{
	padding: 12px 0;
	border-bottom: 1px dotted #cccccc;	
}

#information p.readmore{
	margin-top: -20px;
	text-align: right;	
}

#publication table,
#eventschedule table{
	width: 590px;
	font-size: 0.8em;
	border-collapse: collapse;
}

#otherinfo table{
	width: 100%;
	font-size: 0.85em;
	border-collapse: collapse;
}

#publication table th,
#eventschedule table th,
#otherinfo table th{
	text-align: left;
	font-size: 1.2em;
	font-weight: normal;
	color: #0066cc;
}

#publication table th,
#eventschedule table th,
#publication table td,
#eventschedule table td,
#otherinfo table td{
	padding: 5px;
	vertical-align: top;
}

#eventschedule table table,
#eventschedule table th,
#eventschedule table td,
#otherinfo table table,
#otherinfo table th,
#otherinfo table td{
	border-bottom: 1px solid #cccccc;
}

#otherschedule .entry.left{
	clear: none;
	float: left;
	width: 390px;
}
#otherschedule .entry.right{
	clear: none;
	float: right;
	width: 390px;
}

#otherschedule p{
	clear: both;
	padding: 0 0 15px 10px;
	font-size: 0.75em;
}
#otherschedule p.info-caps{
	margin: 0 auto 10px;
	padding: 8px;
	width: 350px;
	background: #ffffcc;
}
#otherschedule p.info-caps span{
	font-size: 1em;
	color: #ff0000;
}

#otherinfo p{
	font-size: 0.9em;	
}

#otherinfo table td.date{
	width: 10%;
	color: #0073e6;
	white-space: nowrap;
	font-weight: bold;
}

/* ENTRY STYLE
------------------------------------------------------------------------*/
.pagetitle{
	position: relative;
	width: 800px;
	height: 90px;
	background: url(images/bg-pagetitle.gif) no-repeat;	
}

.pagetitle h1{
	position: absolute;
	top: 39px;
	left: 19px;
	font-size: 22px;
	color: #5b72d0;
}
.pagetitle p{
	position: absolute;
	top: 47px;
	right: 15px;
	font-size: 12px;
	text-align: right;
	color: #000000;
}

.entry{ font-size: 1em; }
.entry{ clear: both; padding-bottom: 15px; }
.entry .imagebox{
	width: 160px;
	float: left;
}
.entry .textbox{
	width: 425px;
	float: right;
}
.entry span.date{
	color: #0073e6;
	font-size: 1em;
	font-weight: bold;
}
.entry p.recommend{
	padding: 10px 0 0 0;
	font-weight: bold;
	color: #5972ce;
}
.entry p.editors{
	padding: 15px 0;
	text-align: right;
	color: #f39d47;
}

.entry p span{
	font-size: 0.8em;
}

.entry h1{
}

.entry h2{
	margin: 15px 0 0;
	padding: 10px 10px 10px 25px;
	font-size: 0.9em;
	color: #5b72d0;
	font-weight: bold;
	background: url(images/bg-h2style.gif) no-repeat left bottom;
}

.entry h3{
	margin: 15px 0 0;
	padding: 8px 5px 5px 25px;
	font-size: 1em;
	line-height: 190%;
	color: #ff9900;
	font-weight: normal;
	background: url(images/bg-h3style.gif) no-repeat left top;
}
.entry h4{
	margin: 15px 0 0;
	padding: 5px 5px 5px 25px;
	font-size: 0.95em;
	color: #5b72d0;
	font-weight: normal;
	background: url(images/bg-h4style.gif) no-repeat left top;
}

.entry h5{
	font-size: 1.1em;
	font-weight: bold;
	color: #5b72d0;
}
.entry h5 img{
	vertical-align: middle;
}

.entry p{
	padding-bottom: 10px;
	line-height: 140%;
}

.entry table,
.entry table td,
.entry table th{
	border-collapse: collapse;
}
.entry table td{
	vertical-align: top;
	padding: 3px;
}

.entry table.bordered,
.entry table.bordered td,
.entry table.bordered th{
	border: 1px solid #cccccc;
}

.entry table th{
	text-align: left;
	font-size: 1.2em;
	font-weight: normal;
	color: #0066cc;
}
.entry table ul{
	margin: 0 0 20px;
}
.entry table p{
	font-size: 1em;	
}
.entry ul{
	margin: 10px 0 0 25px;
	padding-left: 20px;
}
.entry ul li{
	list-style-type: disc;
}

.top-content .entry h2{
	margin: 0;
	background: none;	
	padding: 0 0 10px;
	color: #0066cc;
	line-height: 120%;
	font-weight: normal;
}

/* NAZOTOKI COLUMN
------------------------------------------------------------------------*/
.leftbox{
	float: left;
	width: 180px;	
}

ul.keynotelist{
	margin: 25px 0 0 20px;
}

ul.keynotelist li{
	padding: 3px 0;
	font-size: 0.85em;
	list-style-image: url(images/icn-note.gif);
}

.maincont{
	float: right;
	width: 600px;
}


/* PROFILE , SCHEDULES
------------------------------------------------------------------------*/
.profile p{
	font-size: 0.75em;
}

table.schedule{
	margin: 15px auto;
	width: 760px;
	font-size: 0.85em;
	line-height: 140%;
}
table.schedule.nomargin{
	margin-bottom: -16px;
}

table.schedule th,
table.schedule td{
	padding: 5px;
	border: 1px solid #b3b3b3;
}
table.schedule th{
	color: #ffffff;
	background: #5f76d2;
}
table.schedule td.date{
	width: 10%;
	white-space: nowrap;
	background: #e6f1ff;
}
table.schedule td.prof{
	text-align: center;
	width: 20%;
}

table.schedule h4{
	margin: 0 0 10px 0;
	padding: 5px 5px 0 25px;
	font-size: 1em;
	font-weight: bold;
}


/* FOOTER
------------------------------------------------------------------------*/
.footer,
.push{
	height: 50px; /* SAME VALUE WITH CLASS PUSH , CLASS PUSH AND FOOTER MUST BE SAME VALUE */
}

.footer{
	width: 100%;
	background: #999999;	
}
.footer p{
	padding: 5px;
	text-align: center;
	color: #ffffff;
}

.footer img{
	vertical-align: middle;	
}


/* WORDPRESS DEFAULT ENTRY STYLE
------------------------------------------------------------------------*/
p img {
	padding: 0;
	max-width: 100%;
}

/*	Using 'class="alignright"' on an image will (who would've
	thought?!) align the image to the right. And using 'class="centered',
	will of course center the image. This is much better than using
	align="center", being much more futureproof (and valid) */

img.centered {
	display: block;
	margin-left: auto;
	margin-right: auto;
	}

img.alignright {
	padding: 0 4px 4px;
	margin: 0 0 2px 7px;
	display: inline;
	}

img.alignleft {
	padding: 0 4px 4px;
	margin: 0 7px 2px 0;
	display: inline;
	}

.alignright {
	float: right;
	}

.alignleft {
	float: left;
	}