@charset "UTF-8";


/* *************************** */
/* ---Left Content(index)----- */
/* *************************** */
.leftcontent{
	width:175px;
	margin-right:10px;
	padding:10px 10px 10px 18px;
	text-align:left;
	line-height:180%;
	/* background: url(/images/img_back_side.gif) repeat-y top left; */
	background: rgba(255,255,255,0.8);
	border-radius: 8px;
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	float:left;
	position : relative;
	z-index:1;
}

.leftcontent ul{
	margin: 0.5em 0 0 1.5em;
	padding:0;
}
.leftcontent .staff li{
	list-style-image:url(../../images/icon_user.png);
}
.leftcontent .project li{
	list-style-image:url(../../images/icon_report.png);
}
.leftcontent .comment li{
	list-style-image:url(../../images/icon_comment.png);
}

.leftcontent li{
    margin-bottom: 4px;
	padding: 0;
}
#leftnavi{
	position: fixed;
	top: 255px;
}
/* *************************** */
/* ---Right Content(index)----- */
/* *************************** */
.rightcontent{
	width:600px;
	padding:0;
	/* background: url(/images/img_back_side.gif) repeat-y top left; */
	float:right;
}
.content_inner .vio{
	width: 180px;
	margin-left: 25px;
	margin-bottom: 25px;
	font-size:12px;
	float: right;
	display: inline;
}
.content_inner .vio img{
	border-radius: 8px;
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	margin-bottom: 1em;
}
.content_inner .vio div{
	margin-bottom: 1em;
}
.content_inner .works{
	margin-left: 15px;
	margin-bottom: 5em;
}
.rightcontent ul li{
	margin-bottom: 8px;
}

/* ************************************************ */
/* ---center contents (index include mainframe)-----*/
/* ************************************************ */
.content{
	
}
.content_inner{
	margin: 36px 0;
	padding: 38px 50px;
	border-radius: 8px;
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	border-top: 1px solid #FFF;
	border-left: 1px solid #FFF;
	background: rgba(255,255,255,0.8);
}
.content:hover{
	
}
.four_col{
	margin-top: 36px;	
	margin-bottom: 7px;
}
.four_col .topics, .past_topics .topics{
	width:209px;
	min-height:260px;
	margin-right: 7px;
	padding: 10px;
	border-radius: 8px;
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	border-top: 1px solid #FFF;
	border-left: 1px solid #FFF;
	background: rgba(255,255,255,0.8);
	float:left;
}
.past_topics .topics{
	margin-bottom: 7px;
}
.past_topics .topics_header{
	padding: 5px 0;
	margin: 0 8px 7px 0;
	border-radius: 8px;
	text-align: center;
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	border-top: 1px solid #FFF;
	border-left: 1px solid #FFF;
	background: rgba(255,255,255,0.8);
	font-weight: bold;
	clear: both;
}
.four_col .topics .title, .past_topics .topics .title{
	font-weight: bold;
	padding-left: 21px;
	background:url(../../images/icon_seminar.png) no-repeat left 3px;
}
.four_col .topics .date, .past_topics .topics .date{
	font-weight: bold;
	padding-left: 21px;
	background:url(../../images/icon_watch.png) no-repeat left 3px;
}
.four_col .topics .pdf, .past_topics .topics .pdf{
	margin-top: 1em;
	text-align:right;
	font-weight: bold;
	padding-left: 21px;
	background:url(../../images/icon_pdf.png) no-repeat left 3px;
}
.four_col .topics .page, .past_topics .topics .page, .two_col .project_list .page{
	margin-top: 1em;
	text-align:right;
	font-weight: bold;
	padding-left: 21px;
	background:url(../../images/icon_page.png) no-repeat left 3px;
}
.past_list{
	margin-right: 8px;
	padding: 3px 100px 3px 13px;
	border-radius: 8px;
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	background:rgba(255,255,255,0.8);
}
.past_list u{
	padding-left: 20px;
	background:url(../../images/icon_arrow_right.png) no-repeat left center;
}
.view{
	margin-bottom: 7px;
}
.two_col{
	margin-top: 36px;
	margin-bottom: 30px;
}
.two_col .project_list{
	width: 439px;
	padding: 15px;
	margin-right: 7px;
	border-radius: 8px;
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	border-top: 1px solid #FFF;
	border-left: 1px solid #FFF;
	background: rgba(255,255,255,0.8);
	float:left;
}
.two_col .project_list ul{
	marign:0;
	padding: 0 0 0 25px;
}
.two_col .twitter{
	border-radius: 8px;
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	background: rgba(255,255,255,0.8);
	float:right;
}
.twitter-timeline {
	border-radius: 8px;
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	background: rgba(255,255,255,0.8);
}
.two_col .project_list li{
	list-style-image:url(../../images/icon_pin.png);
	
}
.content_inner h1{
	font-size: 32px;
	margin-bottom: 30px;
	text-shadow: 0px 1px 1px #fff;
}
.content_inner h2{
	font-size: 23px;
	margin-bottom: 15px;
	text-shadow: 0px 1px 1px #fff;
}
.content_inner h2.small{
	font-size: 20px;
	margin-bottom: 15px;
}
.content_inner h3{
	font-size: 17px;
	font-weight: bold;
	margin-bottom: 1em;
}
table.lightblue{
	width: 80%;
	margin: 0 auto 30px;
    border-top:1px solid #588396;
    border-left:1px solid #588396;
    border-collapse:collapse;
    border-spacing:0;
    background-color:#ffffff;
    empty-cells:show;
}
.lightblue th{
    border-right:1px solid #588396;
    border-bottom:1px solid #588396;
    background-color:#dae2e8;
    /* background-image:url(../img/table-back.gif); */
    background-position:left top;
    padding:0.3em 1em;
    text-align:center;
}
.lightblue td{
    border-right:1px solid #588396;
    border-bottom:1px solid #588396;
    padding:0.3em 1em;
}
.content_inner .indent{
	padding-left:30px;
}
.content_inner .indent2{
	padding-left:60px;
}
.content_inner .center a.pdf, .content_inner .fes a.pdf, .content_inner .newsletter .pdf{
	padding-bottom: 15px;
	font-weight: bold;
	padding-left: 21px;
	background:url(../../images/icon_pdf.png) no-repeat left top;
}
.content_inner .center a.world{
	padding-bottom: 15px;
	font-weight: bold;
	padding-left: 21px;
	background:url(../../images/icon_world.png) no-repeat left top;
}
.content_inner .books li{
	list-style-image:url(../../images/icon_book.png);
}
.content_inner .books li{
	list-style-image:url(../../images/icon_book.png);
}
.content_inner .fes li{
	list-style-image:url(../../images/icon_bookmark_book_open.png);
}
.content_inner .newsletter img{
	border-radius: 8px;
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	margin: 15px 0;
}


.socials{
	width: 200px;
	margin: 0 auto;
	padding: 10px 15px;
	border-top-left-radius: 8px;
    border-top-right-radius: 8px;
	-webkit-border-top-left-radius: 8px;
	-webkit-border-top-right-radius: 8px;
	-moz-border-radius-topleft: 8px;  
    -moz-border-radius-topright: 8px;
	border-top: 1px solid #FFF;
	border-left: 1px solid #FFF;
	-webkit-box-shadow:0 5px 5px 0 rgba(255,255,255,0.8) inset;
	-moz-box-shadow:0 5px 5px 0 rgba(255,255,255,0.8) inset;
    box-shadow:0 5px 5px 0 rgba(255,255,255,0.8) inset;
	background: rgba(255,255,255,0.8);
}
.social {
	float: left;
}
.google_plus #___plusone_0{
	width:55px !important;
}
iframe.twitter-share-button {
	width: 105px!important;
}
/* page top */
#page-top {
	position: fixed;
	bottom: 20px;
	right: 20px;
	font-size: 75%;
}
#page-top a {
	background: #588396;
	text-decoration: none;
	color: #fff;
	width: 100px;
	padding: 5px 0;
	text-align: center;
	display: block;
	border-radius: 8px;
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	-moz-box-shadow: 0px 0px 1px 2px rgba(255,255,255,0.5);
    -webkit-box-shadow: 0px 0px 1px 2px rgba(255,255,255,0.5);
    box-shadow: 0px 0px 1px 2px rgba(255,255,255,0.5);
}
#page-top a:hover {
	text-decoration: none;
	/* background: #FF6600; */
	background-position :0 -25px;
}
#page-top a:active {
	background: #00d8ff;
}
/* Utilities ----------------------------------------------------------------- */

.header:after, .headnavi:after, .header_sub:after, .four_col:after, .past_topics:after, .two_col:after, .socials:after, .content_inner .entry:after{
    content: " ";
    display: block;
    visibility: hidden;
    clear: both;
    height: 0.1px;
    font-size: 0.1em;
    line-height: 0;
}