@charset "utf-8";

/* last modified 2015-09-15 */

body {
	font-family: Helvetica, sans-serif, Hiragino Kaku Gothic ProN,メイリオ, sans-serif; /* Helvetica, sans-serif */
	font-size: 13px;
}

/* for IE6 */
* html body {
    font-size: 75%;
}

/* for IE7 */
*:first-child+html body {
    font-size: 75%;
}


a {
	color: #333;
	text-decoration: none;
	font-weight: bold;
	-webkit-transition: all 0.2s ease;
	-moz-transition: all 0.2s ease;
}


a:hover {
	text-decoration: none;
	color: #09C;
}

#head-link a,
.footer-link a,
.comment a,
.breadcrumbs a,
.link ul li a {
	color: #333;
	font-weight: normal;
}

#head-link a:hover,
.footer-link a:hover,
.comment a:hover,
.breadcrumbs a:hover,
.link ul li a:hover  {
	color: #333;
	text-decoration: underline;
}


.breadcrumbs a {
	color: #333;
	font-weight: bold;
}


.breadcrumbs a:hover {
	color: #333;
	text-decoration: underline;
}




/* ---------------------------------------------------

Top Visual

--------------------------------------------------- */

#main-vis {
	position: relative;
	min-height: 370px;
}

#main-vis-inner {
	position: absolute;
	/* width: 1117px; */
	width: 640px;
	height: 611px;
	background: url(images/main.png) no-repeat 0 20px;
	z-index: 9000;
	/* left: -160px; */
	/* top: 63px; */
}


#main-vis-inner h1 {
	position: absolute;
	/* left: 205px; */
	/* top: -20px; */
	left: 5px;
	padding: 0!important;
	border: none!important;
}



#main-vis-inner p {
	position: absolute;
	/* left: 340px; */
	left: 154px;
	top: 80px;
}


#main-vis-inner p#ttl2 {
	top: 45px;
	/* left: 346px; */
	left: 160px;
}

#whatsnew{
	position: relative;
	z-index: 9900;
}


/* ---------------------------------------------------

Global Navigation

--------------------------------------------------- */
#nav-area-frame { /* --  2017/05/15 */
	width: 100%;
	min-width:1200px; 
/* 	height: 50px; */
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#a7cfdf+0,053a80+100 */
/*background: rgb(167,207,223); /* Old browsers */
/*background: -moz-linear-gradient(top, rgba(167,207,223,1) 0%, rgba(5,58,128,1) 100%); /* FF3.6-15 */
/*background: -webkit-linear-gradient(top, rgba(167,207,223,1) 0%,rgba(5,58,128,1) 100%); /* Chrome10-25,Safari5.1-6 */
/*background: linear-gradient(to bottom, rgba(167,207,223,1) 0%,rgba(5,58,128,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
/*filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a7cfdf', endColorstr='#053a80',GradientType=0 ); /* IE6-9 */
background-color:#2E6098;
}


#nav-area {	 /* --  2017/05/15 */
	width:926px;
	margin:0 auto;
}

ul#nav {
	 /* --	padding-top: 20px;
	margin-left: 110px;
	font-family: "Neue Helvetica W01", "Helvetica Neue", Helvetica, Arial, sans-serif; */
}

ul#nav:after {
	content:"";
	display:block;
	clear:both;
	height:0;
	visibility:hidden;
}


ul#nav li {
	width: auto;
	height: 50px;
	line-height: 50px;
	text-align: center;
	float: left;
/*160527y	font-size: 131%;*/
	font-size: 105%;
/* -- 		border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #CCC;
	padding-top: 10px;
	padding-bottom: 10px;
 background:transparent url(../images/common/bg_nav.png) left top repeat-x;*/
	vertical-align:middle;
}

ul#nav > li:last-child{
	border-right:none;
}

ul#nav li span{
	font-size: 85%;
	color: #666666;
	font-weight: normal;
	padding-top: 3px;
	display: block;
}

ul#nav li a {
	display: block;
	width: auto;
	height: auto;
/*	padding: 12px 0px 10px; 17/05/15 */
	color: #fff;
	text-decoration: none;
	font-weight: bold;
	-webkit-transition: all 0.2s ease;
	-moz-transition: all 0.2s ease;
	vertical-align:middle;
}

ul#nav li.nav-active a {
	color: #F3E2A9;
}

ul#nav li a:hover {
	color: #F3E2A9;
}
ul#nav li li a:hover {
	background-color:#edf7fa;
}

ul#nav li#nav0,
ul#nav li#nav1,
ul#nav li#nav2,
ul#nav li#nav3,
ul#nav li#nav4,
ul#nav li#nav5,
ul#nav li#nav6{width:130px; /*170515	135px */
}


ul#nav li ul li.disable-button a{
	background-color: #eee;
	color: #777;
}


.selectmenu {
/*	 background: linear-gradient(#81BEF7, #81DAF5) !important;
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#b3dced+0,29b8e5+50,bce0ee+100;Blue+Pipe */
/*background: rgb(179,220,237); /* Old browsers */
/*background: -moz-linear-gradient(top, rgba(179,220,237,1) 0%, rgba(41,184,229,1) 50%, rgba(188,224,238,1) 100%); /* FF3.6-15 */
/*background: -webkit-linear-gradient(top, rgba(179,220,237,1) 0%,rgba(41,184,229,1) 50%,rgba(188,224,238,1) 100%); /* Chrome10-25,Safari5.1-6 */
/*background: linear-gradient(to bottom, rgba(179,220,237,1) 0%,rgba(41,184,229,1) 50%,rgba(188,224,238,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
/*filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b3dced', endColorstr='#bce0ee',GradientType=0 ); /* IE6-9 */
background-color:#30BAE5;
	cursor:auto;
}

#head-btnarea {
	padding-top:10px;
	clear:both;
}
#head-btnarea li {
	float:left;
	margin-left:20px;
}

#head-btnarea .membership-btn {
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#a7cfdf+0,053a80+100 */
/* background: rgb(167,207,223); /* Old browsers */
/* background: -moz-linear-gradient(top, rgba(167,207,223,1) 0%, rgba(5,58,128,1) 100%); /* FF3.6-15 */
/* background: -webkit-linear-gradient(top, rgba(167,207,223,1) 0%,rgba(5,58,128,1) 100%); /* Chrome10-25,Safari5.1-6 */
/* background: linear-gradient(to bottom, rgba(167,207,223,1) 0%,rgba(5,58,128,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
/* filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a7cfdf', endColorstr='#053a80',GradientType=0 ); /* IE6-9 */
background-color:#2E6098;
width:140px;/* 180px */
height:30px;	
	line-height: 30px;
vertical-align:middle;
text-align:center;

}
#head-btnarea .press-btn {
background-color:#2E6098;
width:90px;
height:30px;	
	line-height: 30px;
vertical-align:middle;
text-align:center;

}
#head-btnarea .membership-btn a,
#head-btnarea .press-btn a {
	color: #fff;
	line-heght:30px;
}
#head-btnarea .contact-btn {
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#bcbcbc+1,160b10+100 */
/*background: rgb(188,188,188); /* Old browsers */
/*background: -moz-linear-gradient(top, rgba(188,188,188,1) 1%, rgba(22,11,16,1) 100%); /* FF3.6-15 */
/*background: -webkit-linear-gradient(top, rgba(188,188,188,1) 1%,rgba(22,11,16,1) 100%); /* Chrome10-25,Safari5.1-6 */
/*background: linear-gradient(to bottom, rgba(188,188,188,1) 1%,rgba(22,11,16,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
/*filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#bcbcbc', endColorstr='#160b10',GradientType=0 ); /* IE6-9 */
background-color:#40373A;
width:80px;/* 180px */
height:30px;	
	line-height: 30px;
vertical-align:middle;
text-align:center;

}
#head-btnarea .contact-btn a {
	color: #fff;
	line-heght:30px;
}
#head-btnarea .contact-btn a:hover,
#head-btnarea .press-btn a:hover,
#head-btnarea .membership-btn a:hover {
	color: #F3E2A9;
}


/* ---------------------------------------------------

Sub Menu

--------------------------------------------------- */

.submenu{	
margin-top:15px;
padding-top:15px;
float: left;}
.submenu ul{
	font: normal 12px Verdana;
	list-style: none;
	margin-top: 0;
	padding: 0;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;

}

.submenu ul li{
	position: static; /* menu li items should have position set to static */
	border-bottom:solid gray 1px;
}
.submenu ul li:last-child{
	border-bottom:none;
}
.submenu > ul{
	background: white;
	border: 1px solid gray;
	border-radius: 2px;
	width: 160px; /* width of main menu */
	position: relative;
}

.submenu > ul li a{
	color: black;
	display: block;
	overflow: auto;
	position: relative;
	text-decoration: none;
	text-indent: 10px;
		padding: 15px 0;
}

.submenu > ul li.hassub > a::after{ /* Arrow to indicate this item has sub menu (LI elements with sub menus have a ".hassub" class). */
	border: 5px solid transparent;
	border-left-color: gray; /* Default color of arrow */
	content: '';
	height: 0;
	position: absolute;
	right: 5px;
	top: 35%;
	width: 0;
}

.submenu > ul li.hassub.selected > a::after{ /* Style of arrow when corresponding sub menu is open (LI element has a "selected" class during this state */
	border-left-color: red;
}

.submenu ul li a:hover, .submenu ul li.hassub.selected > a{ /* style of hover and selected menu item links */
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#b3dced+0,29b8e5+50,bce0ee+100;Blue+Pipe */
background: rgb(179,220,237); /* Old browsers */
background: -moz-linear-gradient(top, rgba(179,220,237,1) 0%, rgba(41,184,229,1) 50%, rgba(188,224,238,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, rgba(179,220,237,1) 0%,rgba(41,184,229,1) 50%,rgba(188,224,238,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, rgba(179,220,237,1) 0%,rgba(41,184,229,1) 50%,rgba(188,224,238,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b3dced', endColorstr='#bce0ee',GradientType=0 ); /* IE6-9 */
	color: navy;
}

.submenu ul li > div, .submenu ul li > ul{ /* Sub menus (Could be a DIV or UL wrapper) style */
	background: white;
	border: 1px solid gray;
	border-radius: 0 8px 8px 0;
	box-shadow: 2px 2px 2px gray;
	display: none;
	font-weight: normal;
	width: 300px;
	height: 400px; /* height of sub menu */
	left: 100%;
	padding: 10px;
	position: absolute;
	top: 0;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	z-index: 1000;
}
.submenu ul li.selected {
background: rgb(179,220,237); /* Old browsers */
background: -moz-linear-gradient(top, rgba(179,220,237,1) 0%, rgba(41,184,229,1) 50%, rgba(188,224,238,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, rgba(179,220,237,1) 0%,rgba(41,184,229,1) 50%,rgba(188,224,238,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, rgba(179,220,237,1) 0%,rgba(41,184,229,1) 50%,rgba(188,224,238,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b3dced', endColorstr='#bce0ee',GradientType=0 ); /* IE6-9 */
}







/* ---------------------------------------------------

Base

--------------------------------------------------- */
#wrap {
/* 	background-color: #e6e7e7; --  2017/05/15 */
	color: #666;
	position: relative; /* 	2017/05/30 */
	height: 100%; /* 	2017/05/30 */
	min-height:100; /* 	2017/05/30 */
}

#container {
	width: 926px;
	margin-right: auto;
	margin-left: auto;
	background-color: #FFF;
	padding-right: 37px;
	padding-left: 37px;
	overflow: hidden;
/* 		padding-bottom: 16px;*/
}

#header {
/* --  		padding-top: 20px;* --  2017/05/15 */
overflow: hidden;
	width:926px; /* --  2017/05/15 */
	margin:0 auto; /* --  2017/05/15 */
}

#logo {
	float: left;
}

#logo_s {
	float: left;
	padding-top: 20px;
}

#head-link {
	float: right;
	width: 500px;
	text-align: right;
	margin-right: 20px;
}


#head-link_button {
	float: right;
	/*width: 440px;*/
	text-align: right;
}

#head-link_button .head-button{
/* --  			float: left;--  2017/05/15 */
	margin-left: 20px;
}

.link-right-border {
	border-right-style: solid;
	border-right-color: #999;
	padding-right: 10px;
	border-right-width: 1px;
	margin-right: 10px;
	padding-bottom: 5px;
	padding-top: 5px;
}

/* ---------------------------------------------------

Search

--------------------------------------------------- */

#search {
	width: 220px;
	float: right;
	padding-top: 3px;
	padding-right: 10px;
}  

.signin,
.contribute{
	margin-bottom: 15px;
}
.signin a:hover,
.contribute a:hover{
	opacity:0.8;
	filter:alpha(opacity=80);
	-ms-filter: "alpha( opacity=80 )";
}

#searchform {  
    position: relative;   
}  
#searchform input[type="text"]{  
    width: 182px;  
    height: 21px;  
    background: #f0f4f3;  
    border: none;  
padding: 4px 4px 4px 10px;
}  
#searchBtn {  
    position: absolute;  
    top: 0;  
    _top: 1px;  
    left: 190px;  
}  
*:first-child + html #searchBtn    {  
    top: 1px;  
}

.search_area{
	float:right;
	width: 220px;
	padding-top: 20px;
}

.report_search_area{
	float:right;
	width: 460px;
	padding-top: 15px;
}

.thematic_discussion_search_area{
	width: 120px;
}

.report_search_area #searchform{
	float: left;
	top: 5px;
}

.report_search_area .signin, .report_search_area .contribute{
	float: left;
}


/* ---------------------------------------------------

Contents

--------------------------------------------------- */

#contents {
	clear: both;
/*		padding-top: 28px;
overflow: hidden;*/
/*		border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #666; 170515 */
	padding-bottom: 50px; 
	min-height:800px;
}
#contents{ /zoom : 1; }
#contents:after{ content : ''; display : block; clear : both; }


#main {
/*		width: 640px;
	float: left; */
}

#main-02 {
/*		float: left;
	width: 736px;
	padding-left: 30px; */
	padding-bottom: 30px;
}

#submenu {
	width: 160px;
	float: left;
	margin-top: 0px;
}

.breadcrumbs {
	font-size: 93%;
	padding-bottom: 10px;
}

.report h1,
.resource h1,
.members h1,
.CommentMembers h1,
.link h1,
.icef-2014 h1,
.contact h1,
.lined_heading {
	font-family: Helvetica, sans-serif;
	font-size: 220%;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #999;
	padding-bottom: 15px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 15px;
	margin-left: 0px;
	padding-top: 20px;
}
.org-logo-heading {
	font-family: Helvetica, sans-serif;
	font-size: 131%;
	margin-top: 10px;
	margin-right: 0px;
	margin-bottom: 15px;
	margin-left: 0px;
}

.report {

}

.report-article h1 {
	padding-top: 30px;
	font-family: Helvetica, sans-serif;
	font-size: 185%;
	color: #333;
}

.report h2 {
	padding-top: 22px;
	font-family: Helvetica, sans-serif;
	font-size: 154%;
	clear: both;
}

.author-report-article {
	padding-top: 10px;
	padding-bottom: 15px;
	margin: 0px 0px 15px 0px;
	overflow: hidden;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #999;
}

.author-report {
	padding-top: 10px;
	padding-bottom: 25px;
	margin: 0px 0px 15px 0px;
	overflow: hidden;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #999;
}

.author-report-last {
	padding-top: 10px;
	padding-bottom: 25px;
	margin: 0px 0px 15px 0px;
	overflow: hidden;
}

.author-profile-report {
	display: block;
	overflow: hidden;
	padding-left: 10px;
	color: #666;
	float: left;
	border-left: 5px solid #e1e2e9;
	padding-left: 10px;
}

.report-name,
.comment-name {
	float: left;
	display: block;
}

.report-date,
.comment-date {
	float: left;
	display: block;
	padding-left: 10px;
}

.report-division {
	display: block;
	padding-top: 5px;
	padding-bottom: 5px;
	clear: both;
}


.comment-division {
	display: block;
	padding-top: 5px;
	padding-bottom: 5px;
	clear: both;
	font-size: 93%;
	color: #666;
}


.comment-balloon2 {
	background-image: url(../images/comment.png);
	height: 15px;
	width: 32px;
	float: left;
	font-size: 77%;
	padding-top: 3px;
	background-repeat: no-repeat;
	text-align: center;
	padding-right: 9px;
}

.comment2 {
	height: 15px;
	width: 50px;
	float: left;
	font-size: 85%;
	padding-top: 2px;
	padding-left: 2px;
}

.resource h2,
.members h2,
.CommentMembers h2,
.link h2,
.icef-2014 h2 {
	padding-top: 22px;
	font-size: 177%;
	clear: both;
}

.resource h3 {
	padding-top: 22px;
	font-size: 154%;
	padding-left: 40px;
	background-image: url(https://www.icef-forum.org/images/arrow-menu.png);
	background-repeat: no-repeat;
	background-position: 26px 28px;
}

.members-img {
	float: left;
}

.members-profile {
	float: left;
	padding-left: 20px;
}

.members-profile h3 {
	font-size: 154%;
	clear: both;
}

.members dl {
	clear: both;
	overflow: hidden;
	padding-top: 15px;
	padding-bottom: 10px;
}

.members-profile p {
	padding-top: 4px;
}

.members-profile .p-head {
	font-weight: bold;
	padding-right: 6px;
}

.members-profile .p-datail {
	font-size: 108%;
	padding-top: 15px;

}

.members-profile .p-datail span {

}

.comm-members {
	display: block;
	font-size: 124%;
	font-weight: bold;
}

.comm-country {
	display: block;
	padding-top: 8px;
}

.members dt {

}

.CommentMembers dl {
	padding-top: 20px;
	clear: both;
	padding-bottom: 8px;
	overflow: hidden;
}

.CommentMembers dt {
	float: left;
	width: 190px;
	border-right-width: 1px;
	border-right-style: dotted;
	border-right-color: #999;
}

.CommentMembers dd {
	float: left;
	padding-left: 20px;
	width: 400px;
}

.link ul {
	padding-top: 16px;
}

.link ul li {
	font-size: 124%;
	background-image: url(https://www.icef-forum.org/images/arrow-02.png);
	background-repeat: no-repeat;
	background-position: 1px 12px;
	padding-left: 12px;
	padding-top: 8px;
}

/* article-excerpt */


.article-excerpt {

}

.article-excerpt>h2 {
	font-size: 177%;
	color: #333;
	padding-bottom: 25px;
}

.article-img-large {
	padding-top: 10px;
	padding-bottom: 10px;
	width: 640px;
	clear: both;
	text-align: center;
}

.article-img-l {
	padding-bottom: 25px;
	width: 640px;
}

.article-title {
	font-size: 162%;
	font-family: Helvetica, sans-serif;
}

.post {

}

.author {
	overflow: hidden;
	/*border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #DFDFDF;
	padding-bottom: 8px;*/
}

.author-cnt {
	padding-left: 8px;
	border-left-width: 5px;
	border-left-style: solid;
	border-left-color: #BAC2C0;
}

.article-excerpt dl{
	clear: both;
}

.author-img {
	clear:left;
	float:left;
	height: 50px;
	width: 50px;
	margin:0 10px 10px 0;
	display: block;
}

.author-profile {
	display: block;
	overflow: hidden;
	color: #666;
	float: left;
	width: 253px;
	border-left: 5px solid #e1e2e9;
	padding-left: 10px;
}

.author-profile-l {
	display: block;
	overflow: hidden;
	color: #666;
	float: left;
	width: 580px;
	border-left: 5px solid #e1e2e9;
	padding-left: 10px;
}

.author-profile-s {
	display: block;
	padding-left: 10px;
	color: #666;
	float: left;
}

.author-profile-section {
	padding-left: 10px;
	color: #666;
	float: left;
	width: 200px;
}

.author ul li {

}

.author-name {
	font-weight: bold;
	color: #000;
}

.author-division {
	padding-top: 5px;
}


.article-excerpt-txt,
.article-txt {
	clear: both;
	line-height: 20px;
	font-size: 108%;
}

.color-box{
	background-color:#edf7fa;
	padding: 10px 10px 10px;
	margin-bottom: 20px;
}

#main .article-txt li,
#main .article-txt li {
	margin-left: 15px;
	list-style-position: outside;
	list-style-type: inherit;
}

.article-excerpt-txt p,
.article-txt p {
	padding-top: 15px;
}

.hr-article {
	clear: both;
	height: 1px;
	background-color: #666;
	margin-top: 30px !important;
	margin-right: 0px;
	margin-bottom: 30px !important;
	margin-left: 0px;
}

.article-img-s {
	float: left;
	width: 300px;
}

.article-img-annual {
	width: 1200px;
	margin: 0 auto;
}

.article-img-cap-annual{
	width: 340px;
	margin: 0 auto 30px;
}

.article-excerpt-section {
	float: left;
	width: 320px;
	padding-left: 20px;
}

.article-excerpt-section:after {
	content:"";
	display:block;
	clear:both;
	height:0;
	visibility:hidden;
}


.article-excerpt-section-annual {
	float: left;

	width: 320px;
	padding-top: 30px;
	padding-left: 20px;
}

.article-excerpt-section-annual:after {
	content:"";
	display:block;
	clear:both;
	height:0;
	visibility:hidden;
}

.article-excerpt-bottom {
	padding-top: 15px;
	clear: both;
}


/* comment */

.comment-container {

}

.comment-form {
	padding-left: 70px;
	margin-bottom: 30px;
}

#comments {
	font-size: 139%;
	font-weight: bold;
	padding-bottom: 20px;
}
.comment-content textarea{
	width: 97%;
	height: 200px;
	padding: 6px;
}

.comment-button {
	padding-top: 10px;
	clear: both;
	text-align: right;
}

.comment-submit {
	padding: 6px;
}

.comment-section {
	padding: 20px 20px 12px 20px;
	margin: 10px 0px 30px 0px;
	background-color: #F3F3F3;
	overflow: hidden;
}


.comment-section-re {
	clear: both;
	margin-top: 20px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 30px;
	padding-top: 45px;
	padding-right: 20px;
	padding-bottom: 20px;
	padding-left: 20px;
	background-image: url(../images/res-top.jpg);
	background-repeat: no-repeat;

}

.comment-author {
	width: 500px;
	float: left;
}

.comment-author-cnt {
	overflow: hidden;
}

.comment-img {
	width: 50px;
	float: right;
}

.comment-section p,
.comment-section-re p,
.recent-comment-section-re p,
.recent-comment-section p {
	padding-top: 15px;
	clear: both;
	font-size: 108%;
	line-height: 18px;
}


.comment-balloon {
	background-image: url(../images/comment.png);
	height: 15px;
	width: 32px;
	float: right;
	font-size: 77%;
	padding-top: 3px;
	background-repeat: no-repeat;
	text-align: center;
	padding-right: 9px;
}

.comment {
	height: 15px;

	float: right;
	font-size: 85%;
	padding-top: 2px;
	padding-left: 2px;
}

.more a {
	height: 15px;
	width: 70px;
	float: right;
	font-size: 100%;
	padding-top: 0px;
	padding-left: 10px;
	font-weight: bold;
	font-family: 'Droid Sans', sans-serif;
	color: #09C;
	text-decoration: none;
}

.more a:hover,
.more-side a:hover {
	text-decoration: underline;
}


.reply {

}

.reply a {
	float: right;
	padding-top: 6px;
	margin-top: 10px;
	font-weight: bold;
	color: #09C;
	text-decoration: underline;
	background-image: url(../images/reply.png);
	background-repeat: no-repeat;
	background-position: 0px 5px;
	display: block;
	padding-left: 20px;
}

.reply a:hover {
	text-decoration: none;
}

.hr-comment {
	clear: both;
	height: 1px;

	margin-top: 30px;
	margin-right: 0px;
	margin-bottom: 15px;
	margin-left: 0px;
}


/* Recent Cmment */

.recent-comment-section {
	padding: 20px 20px 12px 20px;
	margin: 10px 0px 30px 0px;
	background-color: #F3F3F3;
	overflow: hidden;
}


.recent-comment-title {
	clear: both;
	display: block;
	padding: 2px 0px 0px 0px;
}


.recent-comment-title a {
	font-size: 154%;
padding: 0px 6px 0px 0px;

}

.recent-comment-number {
	padding-left: 10px;
}


.recent-comment-name a {
	padding: 0px 6px 0px 0px;

}

.recent-comment-date {
	padding: 6px 6px 0px 0px;
	display: block;

}


.recent-comment-author {
	width: 540px;
	float: left;
	line-height: 1.3;
}

.recent-comment-section-re {
	clear: both;
	padding: 30px 20px 12px 20px;
	margin: 10px 0px 30px 0px;
}

.pencil,
.reply {
	padding: 0px 0px 0px 8px;
}

.pencil-s,
.reply-s {
	padding: 0px 6px;
}




/* Text Decoration */

.sub-title{
	font-size:138.5%;
	border-bottom: 1px dotted #ccc;
	padding: 10px 0;
}

.message-box{
	font-size: 124%;
	background-color: #eeeeee;
    margin: 20px 0;
    padding: 20px 20px 12px;
}

.message-box p{margin-bottom:8px;}

.flat-list{
	margin: 10px 0 10px 15px;
}

.flat-list li{
	list-style: disc inside none;
 margin-bottom: 6px;
	list-style-position: outside;
}

.date-list{ /* add 2015-05-22*/
	margin: 0 0 20px;
}

.date-list li{ /* add 2015-05-22*/
	margin-left: 0 !important;
	list-style-position: inside !important;
	list-style-type: none !important;
	background-image: url("../images/common/arrow-02.png");
	background-repeat: no-repeat;
	background-position: 0px 17px;
	padding-left: 13px;
	line-height: 10px;
}
.date-list li p{ /* add 2015-09-04*/
	color: #333;
	text-decoration: none;
	font-weight: bold;
	-webkit-transition: all 0.2s ease;
	-moz-transition: all 0.2s ease;
	line-height:1.1; /*add 2016-11-14*/
}
.date-list li span.date{ /* add 2015-05-22*/
	display: block;
	padding-top: 0px;
}

.nomark-ordered-list{
	margin: 10px 0 10px 15px;
}
.nomark-ordered-list li{
	list-style: none;
    margin-bottom: 6px;
}

.important{
	color: #f21d1d;
	font-weight:bold;
}


/* Form */

#form {
padding: 20px 0px 0px 0px;
}

.error-message{
	background-color: #f3f3f3;
	color:#f21d1d;
	margin: 10px 0 30px;
	padding: 20px 20px 10px;
}
.error-message ul li{
	list-style:disc inside;
	margin-bottom:10px;
}

.forgot-password{
	text-aign: center;
	margin: 10px;
}
.forgot-password a{
	font-weight: normal;
	text-decoration: underline;
}

.message-list li{
	list-style:disc outside;
	margin-bottom:4px;
	margin-left:15px;
	font-size: 85%;
}

.tdf1 {
	width: 180px;
	padding: 15px 6px;
	font-weight: bold;
	font-size: 108%;
}

.tdf2 {
	width: 400px;
	padding: 6px;
}

#textfield {
	width: 200px;
	padding: 6px;
}

.table_hdg{
	padding:30px 0 10px;
	font-size: 108%;
	font-weight: bold;
}
.tdf2 input[type="text"],
.tdf2 input[type="password"] {
	width: 200px;
	padding: 6px;
}

.contribute input{
	width: 100%;
	padding: 6px;
}
.contribute textarea{
	width: 100%;
	height: 500px;
	padding: 6px;
}

#textfieldMulti {
	width: 300px;
	padding: 6px;
}

#contact-details {
	margin-top: 30px;
	padding-top: 30px;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #999;
	font-size: 147%;
	font-weight: bold;
}

.contact-country {
	width: 300px;
	margin-top: 30px;
	padding-top: 20px;
	border-top-width: 1px;
	border-top-style: dotted;
	border-top-color: #999;
	font-size: 124%;
}

.contact-address {
	width: 300px;
	margin-top: 15px;
}

.contact-address p {
	font-size: 93%;
	padding-top: 5px;
}

.contact-container {
	width: 300px;
	float: left;
}

/* Button */

.button_area{
	margin: 50px auto;
	padding-top: 20px;
	text-align: center;
	border-top: 1px solid #999;
}
.button_area input{
	padding: 7px 40px;
	margin: 0 10px;
	border:none;
	font-size: 100%;
	text-indent: 0.1em;
	
   background: #639ac9;
   color: #fff;
   text-decoration: none;
   vertical-align: middle;
}
.button_area input.checkbox,
.button_area input.checkbox:hover,
.button_area input.checkbox:active{
	padding: 7px 3px!important;
	background: none!important;
}

.button_area input:hover {
   background: #28597a;
   color: #ccc;
   cursor: pointer;
}
.button_area input:active {
   background: #1b435e;
   }

.button_area input.back,
.button_area input.delete{
	padding: 7px 20px;
   background: #aaa;
}
.button_area input.new{
   background: #e70012;
}
.button_area input.new:hover{
   background: #b31824;
}

/* pagenav */


#page-nav {
	text-align: center;
	clear: both;
	padding-top: 50px;
}


#page-nav ul.pageNav {
	margin: 0 0 10px;
	padding: 10px 10px 5px;
	background: #fff;
	text-align: center;
}

#page-nav ul.pageNav li {
	display: inline;
	margin: 0 2px;
	padding: 0;
}

#page-nav ul.pageNav li span,
#page-nav ul.pageNav li a {
	display: inline-block;
	margin-bottom: 5px;
	padding: 5px 13px;
	text-decoration: none;
	vertical-align: middle;
	background-color: #EBEBEB;
}

#page-nav ul.pageNav li a:hover {
	color: #000;
	border-color: #00f;
	background-color: #E1E1E1;
}



/* Social Button */

.socialbox {
	float: left;
	padding-top: 20px;
}
.socialbox{ /zoom : 1; }
.socialbox:after{ content : ''; display : block; clear : both; }

.article-excerpt-bottom .socialbox {
	padding-top: 0;
	margin-top: -1px;
}

.socialbox-report {
	clear: both;
	float: left;
	padding-top: 10px;
}
.socialbox-report{ /zoom : 1; }
.socialbox-report:after{ content : ''; display : block; clear : both; }

.sns-button {
	float: left;
}



/* thematic discussion 2015-09-15 */

.report-button a{
	display: block;
	text-align: left;
	height: 60px;
	padding: 20px 25px;
	margin: 0 auto 3px;
	background: url(images/icon_forum.png) no-repeat 270px 60px;
	
	color: #fff;
	font-weight: normal;
	font-size: 124%;
	line-height: 130%;
	cursor: pointer;
	border:none;
	
	border-radius: 1px;
	-webkit-border-radius: 1px;
	-moz-border-radius: 1px;
}
/*
	-webkit-box-shadow: 0px 2px 4px rgba(51,51,51,0.3);
	-moz-box-shadow: 0px 2px 4px rgba(51,51,51,0.3);
	-ms-box-shadow: 0px 2px 4px rgba(51,51,51,0.3);
	box-shadow: 0px 2px 4px rgba(51,51,51,0.3);
*/

.report-button a:hover{
	opacity:0.8;
	filter:alpha(opacity=80);
	-ms-filter: "alpha( opacity=80 )";
}
.report-button-2col{
	width: 677px;
	display: block;
	margin-left: -3px;
}
.report-button-2col li{
	width: 310px;
	float: left;
	margin-left: 3px;
}

/* roadmap 2015-09-15 */

.file-button a{
	display: block;
	width: 80%;
	text-align: center;
	padding: 20px 15px;
	margin: 0 auto 3px;

	color: #fff;
	font-weight: normal;
	font-size: 14px;
	line-height: 130%;
	cursor: pointer;
	border:none;

	border-radius: 3px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;

	-webkit-box-shadow: 0px 2px 4px rgba(51,51,51,0.3);
	-moz-box-shadow: 0px 2px 4px rgba(51,51,51,0.3);
	-ms-box-shadow: 0px 2px 4px rgba(51,51,51,0.3);
	box-shadow: 0px 2px 4px rgba(51,51,51,0.3);
}
/*
*/

.file-button a:hover{
	opacity:0.8;
	filter:alpha(opacity=80);
	-ms-filter: "alpha( opacity=80 )";
}

/* ---------------------------------------------------

Sidebar

--------------------------------------------------- */


#side {
	float: left;
	width: 256px;
	padding-left: 30px;
	padding-bottom: 30px;
}

.side-head {
	font-family: Futura, "Trebuchet MS", Arial, sans-serif;
	font-weight: bold;
	font-size: 131%;
	background-color: #999;
	padding: 7px 7px 6px 9px;
	color: #FFF;
}

.side-container {

}

.side-container .top-banner-wrapper{
	margin-top: 64px;
}

.side-container .org-logo-wrapper{
	margin-top: 40px;
}

.top-banner{
	margin-bottom: 20px;
}

.top-banner a {
	display: block;
	width: 242px;
	height: 54px;
}

.top-banner a.registration {
	background: url(../images/home/banner-registration_2.jpg) no-repeat 0 0;
}
.top-banner a.top10 {
	background:url(../images/home/banner-top10_2.jpg) no-repeat 0 0;
}
.top-banner a.registration_j {
	background:url(../images/home/banner-registration_j.jpg) no-repeat 0 0;
}
.top-banner a.top10_j {
	background:url(../images/home/banner-top10_j.jpg) no-repeat 0 0;
}
.top-banner a.brochure {
	background:url(../images/home/banner-brochure.jpg) no-repeat 0 0;
}
.top-banner a.brochure_j {
	background:url(../images/home/banner-brochure_j.jpg) no-repeat 0 0;
}
.top-banner a.brochure_j-2 {
	background:url(https://www.icef-forum.org/images/home/banner-brochure_j-2.jpg) no-repeat 0 0;
}
.top-banner a.program {
	background:url(../images/home/banner-program.jpg) no-repeat 0 0;
}
.top-banner a.brochure-2016 {
	background:url(../images/home/banner-brochure2016.jpg) no-repeat 0 0;
}
.top-banner a.brochure-2016_j {
	background:url(../images/home/banner-brochure2016_j.jpg) no-repeat 0 0;
}
.top-banner a.brochure-2017 {
	background:url(https://www.icef-forum.org/images/home/banner-brochure2017.jpg) no-repeat 0 0;
}
.top-banner a.sessions2016 {
	background:url(../images/home/banner-sessions2016.jpg) no-repeat 0 0;
}
.top-banner a.program {
	background:url(../images/home/banner-program.jpg) no-repeat 0 0;
}
.top-banner a.program_j {
	background:url(../images/home/banner-program_j.jpg) no-repeat 0 0;
}

.top-banner a.sessions2016_j {
	background:url(../images/home/banner-sessions2016_j.jpg) no-repeat 0 0;
}
.top-banner a.outcomes {
	background:url(../images/home/banner-outcomes.jpg) no-repeat 0 0;
}

.top-banner a.outcomes2016 {
	background:url(../images/home/banner-outcomes2016.jpg) no-repeat 0 0;
}

.top-banner a.roadmaps2016 {
	background:url(../images/home/banner-roadmaps2016.jpg) no-repeat 0 0;
}
.top-banner a.roadmaps2017 {
	background:url(https://www.icef-forum.org/images/home/banner-roadmaps2017.jpg) no-repeat 0 0;
}
.top-banner a.outcomes_j {
	background:url(../images/home/banner-outcomes_j_2.jpg) no-repeat 0 0;
}

.top-banner a.roadmaps2016_j {
	background:url(../images/home/banner-roadmap2016_j.jpg) no-repeat 0 0;
}
.top-banner a.photogallery {
	background:url(../images/home/banner-photogallery.jpg) no-repeat 0 0;
}
.top-banner a.photogallery_j {
	background:url(../images/home/banner-photogallery_j.jpg) no-repeat 0 0;
}
.top-banner a.roadmap {
	background:url(../images/home/banner-roadmap.jpg) no-repeat 0 0;
}
.top-banner a.roadmap_j {
	background:url(../images/home/banner-roadmap_j.jpg) no-repeat 0 0;
}

.top-banner a.workshop {
	background:url(../images/home/banner-workshop.jpg) no-repeat 0 0;
}
.top-banner a.workshop_j {
	background: url(../images/home/banner-workshop_j.jpg) no-repeat 0 0;
}



.top-banner a.icef2016sessions {
	background: url(../images/home/banner-icef2016sessions.png) no-repeat 0 0;
	width: 242px;
	height: 135px;
}

.top-banner a.icef2016sessions-sub {
	background: url(../images/home/banner-icef2016sessions-sub.png) no-repeat 0 0;
	width: 160px;
	height: 89px;
}

/* add 161114 start*/
.top-banner a.banner-icef2016sessions-sub2 {
	background: url(../images/home/banner-icef2016sessions-sub2.jpg) no-repeat 0 0;
	width: 160px;
	height: 53px;
}
.top-banner a.banner-icef2016sessions-sub2_j {
	background: url(../images/home/banner-icef2016sessions-sub2_j.jpg) no-repeat 0 0;
	width: 160px;
	height: 53px;
}

/* add 161114 start*/
.top-banner a.icef2016outcomes-sub {
	background: url(../images/home/banner-icef2016outcomes_sub.png) no-repeat 0 0;
	width: 160px;
	height: 89px;
}
.top-banner a.banner-icef2016outcomes_sub_j {
	background: url(../images/home/banner-icef2016outcomes_sub_j.png) no-repeat 0 0;
	width: 160px;
	height: 89px;
}


/* add 160829 start*/
.top-banner a.icef2016outcomes {
	background: url(../images/home/banner-icef2016outcomes.png) no-repeat 0 0;
	width: 242px;
	height: 135px;
}

/* add 161108 change*/
.top-banner a.banner-icef2016outcomes_j {
	background: url(../images/home/banner-icef2016outcomes_j.png) no-repeat 0 0;
	width: 242px;
	height: 135px;
}

/* add add 161108 end*/
.top-banner a:hover {
	/* background-position: 0 bottom;}*/
		opacity:0.8;
	filter:alpha(opacity=80);
}

.org-logo {
	padding-right: 8px;
	text-align: center;
}


.side-container ul li {
	padding-top: 15px;
	background-image: url(https://www.icef-forum.org/images/arrow-02.png);
	background-repeat: no-repeat;
	background-position: 0px 18px;
	padding-left: 13px;
	line-height: 14px;
}

.side-author-name{
	padding-top: 6px;
	display: block;
}
.entry {

}


.more-side {
	overflow: hidden;
}

.more-side a {
	float: right;
	font-size: 100%;
	padding-top: 10px;
	font-weight: bold;
	font-family: 'Droid Sans', sans-serif;
	color: #09C;
	text-decoration: none;
	overflow: hidden;
}


.side-menu {
	padding-top: 20px;
}


.side-menu ul li a {
	font-size: 124%;
	background-image: url(https://www.icef-forum.org/images/arrow-menu.png);
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #999;
	background-repeat: no-repeat;
	background-position: 8px 14px;
	padding-left: 22px;
	padding-top: 11px;
	padding-bottom: 11px;
	font-weight: bold;
	background-color: #FAFAFA;
	display: block;
	color: #333;
}

.side-menu ul li a:hover {
	background-color: #F5F5F5;
	text-decoration: none;
	color: #09C;
	-webkit-transition: all 0.2s ease;
	-moz-transition: all 0.2s ease;
}

.border-b {
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #999;
}

.side-banner {
	padding-top: 30px;
}


/* ---------------------------------------------------

Footer

--------------------------------------------------- */

#footer-frame {
	width:100%;
	margin: 0 auto;
	position: fixed; /* 	2017/05/30 */
    bottom: 0; /* 	2017/05/30 */
    height: 35px; /* 	2017/05/30 */
}

#footer {
	font-size: 93%;
	text-align: center;
	padding-top: 10px;
	width:962px;
}


.footer-link {
	padding-top: 10px;
	padding-bottom: 10px;
}

.footer-link a {
	padding-right: 10px;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #999;
	padding-left: 10px;
}

.footer-link a.last {
	border-right: none;
	margin: 0;
}

.foot {

}

/* ---------------------------------------------------

Common styles

--------------------------------------------------- */

.mt5{margin-top: 5px;}
.mt10{margin-top: 10px;}
.mt20{margin-top: 20px;}
.mt30{margin-top: 30px;}
.mt40{margin-top: 40px;}
.mt50{margin-top: 50px;}
.mt60{margin-top: 60px;}
.mt70{margin-top: 70px;}
.mt80{margin-top: 80px;}

.mb10{margin-bottom: 10px;}
.mb20{margin-bottom: 20px;}
.mb30{margin-bottom: 30px;}

.mr10{margin-right: 10px;}
.mr20{margin-right: 20px;}
.mr30{margin-right: 30px;}
.mr40{margin-right: 40px;}
.mr50{margin-right: 50px;}
.mr60{margin-right: 60px;}
.mr70{margin-right: 70px;}
.mr80{margin-right: 80px;}
.mr90{margin-right: 90px;}



.pt0{padding-top: 0px;}

.tac{text-align:center;}

.no-border{border: none!important;}

.link-button a:hover{
	opacity:0.8;
	filter:alpha(opacity=80);
	-ms-filter: "alpha( opacity=80 )";
}

/* ---------------------------------------------------

2016/05/19 
--------------------------------------------------- */
div#main-02 h1 {
/* 	border-bottom: 1px solid #999;  05/30 chqange */
 font-family: Helvetica, Meiryo, sans-serif;
 font-size: 220%;
 margin: 0 0 15px;
/* padding-bottom: 15px;
 	 padding-top: 20px;  05/30 chqange */
/*	margin-bottom: 25px;*/
	line-height: 1;
}
div#main-02 h2 {
	color: #333;
 font-size: 177%;
 padding-bottom: 25px;
	line-height: 1.0;
}
div#main-02 h3 {
	border-bottom: 1px dotted #ccc;
 font-size: 138.5%;
 padding: 10px 0;
	margin-bottom: 1em;
	line-height: 1.0;
}
.sidemenubtn li {
font-family:"Neue Helvetica W01", "Helvetica Neue", Helvetica, Arial, sans-serif;
 line-height:50px;
 font-size:100%;
/*		margin-top:15px;*/
	height:50px;
	display:block;
/*		text-align:center;*/
	vertical-align:middle;
	width:160px;
	font-weight: bold;
	-webkit-transition: all 0.2s ease;
	-moz-transition: all 0.2s ease;
	cursor: pointer;
/*		padding-top:5px;*/
	border-bottom:1px solid #005C9C;
/*		border-bottom:none;*/
/*			background: url(../images/common/subumenu-cutch.png) no-repeat 1px 12px; 17/05/15 */
background-image:
    url("https://www.icef-forum.org/images/common/arrow-menu.png");
 background-repeat:
/* 最前面の背景レイヤーに対応 */
	no-repeat;
	background-position:
     2px 20px;
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#b3dced+0,29b8e5+50,bce0ee+100;Blue+Pipe */
background: rgb(179,220,237); /* Old browsers */
background: -moz-linear-gradient(top, rgba(179,220,237,1) 0%, rgba(41,184,229,1) 50%, rgba(188,224,238,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, rgba(179,220,237,1) 0%,rgba(41,184,229,1) 50%,rgba(188,224,238,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, rgba(179,220,237,1) 0%,rgba(41,184,229,1) 50%,rgba(188,224,238,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b3dced', endColorstr='#bce0ee',GradientType=0 ); /* IE6-9 */
}
.sidemenubtn li span {
	margin-left:20px;
}
.sidemenubtn li a {
	color:#fff;
	width:160px;
	display:block;
	font-weight:bold !important;
	-webkit-transition: all 0.2s ease;
	-moz-transition: all 0.2s ease;
} 
.sidemenubtn li a:hover {
	color:#F3E2A9;
	width:160px;
	display:block;
	font-weight:bold !important;
	-webkit-transition: all 0.2s ease;
	-moz-transition: all 0.2s ease;
}

.sidemenubtn li a::after {
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	-webkit-transform: scale(.5);
	transform: scale(.5);
}
.sidemenubtn li a:hover::after {
	background: #333;
	-webkit-transform: scale(1);
	transform: scale(1);
}



.nonlink {
		cursor:auto !important;
		display:block;
		color:#fff !important;
		font-size:110% !important; /* 130% */
}

.sidemenubtn li.disabled {
/*		background-color: #CCC !important;;*/
/*	margin-top:15px;	*/
	color:#2E2E2E !important;/*	#CCC	*/
	display:block;
	vertical-align:middle;
	font-weight:normal !important;
	width:160px;
	cursor: pointer;
	padding-top:10px;
	height:40px;
}



.disabled {
/*		background-color: #CCC !important;;*/
 line-height:2em;
 font-size:120%;
/*	margin-top:15px;	*/
	color:#A9A9A9 !important;/*	#CCC	*/
	height:2.5em;
	display:block;
	vertical-align:middle;
	font-weight:normal !important;
	cursor: pointer;
	padding-top:5px;
}
.sidemenubtn li .select {
	font-weight:700 !important;
	color:#fff;/*	#000	*/
	font-size:110%;
}
div#main-02 p, div#main-02 ul, div#main-02 ol, div#main-02 dl, div#main-02 table {
	margin-bottom: 1em;
}
div#main-02 ul li {
	margin-bottom: 0.25em;
}
div#main-02 .last-child {
	margin-bottom: 0!important;
	padding-bottom: 0!important;
	border-bottom: none!important;
}
/* section */
div#main-02 .section {
	border-bottom: solid #666 1px;
	padding-bottom: 4em;
	margin-bottom: 4em;
	font-size: 108%;	
}
div#main-02 .section *:last-child {
	margin-bottom: 0;
}
div#main-02 .section:last-child {
	margin-bottom: 0;
	padding-bottom: 0;
	border: none;
}
div#main-02 .section div.part:last-child {
	margin-bottom: 0;
	padding-bottom: 0;
	border: none;
}
div#main-02 {
	line-height:1.4em;
	box-sizing: border-box;
	}


#main-02 .btn3 {
	display:inline-block;
	/* width:324px; */
	width: 10em;
	padding:10px 30px 8px;
	border-radius: 2px;
	font-weight: bold;
	background: #639AC9 url(../images/ico/btn.png) no-repeat 93% 50% !important;
	color: #fff !important;
	text-align:center;
	-webkit-transition:all 0.2s linear 0s;
	-moz-transition:all 0.2s linear 0s;
	transition:all 0.2s ease 0s;
	font-size: 120%;
	position: relative;
}

#main-02 .regist a:hover {
	color: #fff !important;
}

html:not([lang*=""]) table {
    border-collapse: separate;
}

.pastevent-btn{
	padding-bottom:20px;
}
.cf:before,
.cf:after {
    content:"";
    display:table;
}
 
.cf:after {
    clear:both;
}
 
/* For IE 6/7 (trigger hasLayout) */
.cf {
    zoom:1;
}
.pastevent-btn li {
	float:left;
 line-height:1.2em;
 font-size:120%;
	margin-top:15px;
	color:#005C9C;
	height:1.5em;
	display:block;
	vertical-align:middle;
 font-weight:100 !important;
	width:130px;/* 140px */
	cursor: pointer;
	padding-top:5px;
	border-top:3px solid #639AC9;
	border-bottom:1px solid #CCC;
	border-right:1px solid #CCC;
	border-left:1px solid #CCC;
	background: url(https://www.icef-forum.org/css/common/image/subumenu-cutch.png) no-repeat;
	background-position: right 10pt center; 
	padding:13px 10px 7px 10px;
	margin:15px;
	text-align:center;
}
.pastevent-backbtn li {
	float:left;
 line-height:1.1em;
 font-size:110%;
	margin-top:15px;
	color:#005C9C;
	height:1.3em;
	display:block;
	vertical-align:middle;
	font-weight:100 !important;
	width:auto;
	cursor: pointer;
	padding-top:5px;
	border:1px solid #333;
/*	background: url(https://www.icef-forum.org/css/image/subumenu-cutch.png) no-repeat;
	background-position: right 10pt center;  */
	margin:15px;
}
.pastevent-btn li a {
		font-weight:100 !important;

}
.pastevent-backbtn li span {
	padding:10px;
	font-weight:100 !important;
}
.back {
 background: url(https://www.icef-forum.org/css/common/image/subumenu-cutch-back.png) no-repeat;
	background-position: right 10pt center; 
	margin:15px;
}
.brochure-catch {
	display:table;
}
.brochure-catch p {
	display:table-cell;
	width:200px;
	text-align:center;
}
.brochure-catch p.catch-01 {
	display:table-cell;
	width:200px;
	padding:0 70px 0 135px;
}

ul#tab {
	zoom: 1;
/*		background: #EFEFEF;*/
	list-style: none;
	margin: 0 auto !important; 
	padding: 0;
}
ul#tab:after { content:"."; display: block; height:0px; clear:both; line-height:0; visibility:hidden; }
ul#tab li {
	float: left;
	text-align: center;
}
/*		ul#tab li:last-child {
	background: none;
} */
ul#tab li a {
	display: block;
	width: 138px;
	padding: 8px 0;
	text-decoration: none;
	color: #222;
	border-left: 1px solid #ccc;
	border-top: 1px solid #ccc;
	border-right: 1px solid #ccc;
}
ul#tab li a .bord-r-01 {
		border-right: 1px solid #ccc!important;
}
ul#tab li a:last-child {
	border-right: 0px solid #ccc;
}
/*		ul#tab li a:hover {
	background: #c95560;
	color: #fff;
}*/
/*	ul#tab li.active,
ul#tab li.active a,
ul#tab li.active a:hover {
	background: #c81528;
	color: #fff;
}  */
#detail {
	clear: both;
	overflow: hidden;
	width: 650px;
	height: auto;
	padding: 20px;
	border: 1px solid #ccc;
}
.tabbox {
	display: none;
}
.flt {
    float: left;
}
.frt {
    float: right;
}


#tab li a:hover {background: #999;}
/* 
#tab li.active {
    background: #999;
}
CSS3 TabAnimation
-------------------------- */
@-webkit-keyframes TabSwitch {
    0% {background: #fff;}
    100% {background: #777;}
}
#tab li:target a {
    -webkit-animation-name: TabSwitch;
    -webkit-animation-duration: 1s;
    -webkit-animation-iteration-count: 1;
    color: #fff;
    font-weight: bold;
    background: #999;
}
 
@-webkit-keyframes ContentsSwitch {
    0% {opacity: 0;}
    100% {opacity: 1;}
}
#tab li a:target {
    -webkit-animation-name: ContentsSwitch;
    -webkit-animation-duration: 1.5s;
    -webkit-animation-iteration-count: 1;
    opacity: 1;
    z-index: 15;
}

.past-tab-selec {
 background: #999 !important;
}
.e18400 a {
color: #e18400 !important;
font-weight: bold !important;
}
/* 16/08/19 */
.e18400 a:hover {
color: #2c99cc !important;
font-weight: bold !important;
text-decoration:none !important;
}
.top-session-btn li {
	float:left;
 line-height:1.2em;
 font-size:110%;
	margin-top:15px;
	color:#005C9C;
	min-height:1.2em;
	display:block;
	vertical-align:middle;
 font-weight:100 !important;
	width:140px;/* 7em */
	cursor: pointer;
	padding-top:5px;
	border-top:3px solid #639AC9;
	border-bottom:1px solid #CCC;
	border-right:1px solid #CCC;
	border-left:1px solid #CCC;
	background-position: right 10pt center; 
	padding:5px;
	text-align:center;
	margin-right:10px;
}
.top-session-btn-concurren li {
	float:left;
 line-height:1.2em;
 font-size:110%;
	margin-top:15px;
	color:#005C9C;
	height:8.5em;
	display:block;
	vertical-align:middle;
 font-weight:100 !important;
	width:140px;/* 7em */
	cursor: pointer;
	padding-top:5px;
	border-top:3px solid #FBBC05;
	border-bottom:1px solid #CCC;
	border-right:1px solid #CCC;
	border-left:1px solid #CCC;
	background-position: right 10pt center; 
	padding:5px;
	text-align:center;
	margin-right:10px;
}
.cl-b {
	clear:both;
}	

/* top-report-button 2016-07-06 */
.top-report-button {
	width: 640px;
	display: block;
}
.top-report-button li{
	width: 315px;/* 208px */
	float: left;
	margin-right: 10px;
		margin-bottom:10px !important;
background-color: #3982b5;
}
.top-report-button a{
	display: block;
	text-align: left;
 height: 72px;
	padding: 10px 25px 5px !important ;;/*10px 25px 18px */
/* 	margin: 0 auto 3px;
background: url(../images/icon_forum.png) no-repeat 275px 50px;*/
	color: #fff;
	font-weight: normal;
	font-size: 130%;
	line-height: 130%;
	cursor: pointer;
	border:none;
	border-radius: 1px;
	-webkit-border-radius: 1px;
	-moz-border-radius: 1px;
	background-color: #3982b5;/* 7/27 */
}
.sub-ttl {
	height:30px !important ; padding:0 25px 10px !important ; display:inline-block;font-size:90%; line-height:120%;
}








.top-report-button-concurrent li{
	width: 315px;/* 208px */
	float: left;
	margin-right: 10px;
		margin-bottom:10px !important;
background-color: #38b5ab;
}
.top-report-button-concurrent a{
	display: block;
	text-align: left;
	height: 60px;
	padding: 10px 25px 18px;/*10px 25px 20px */
/* 	margin: 0 auto 3px;
background: url(../images/icon_forum.png) no-repeat 275px 50px;*/
	color: #fff;
	font-weight: normal;
	font-size: 130%;
	line-height: 130%;
	cursor: pointer;
	border:none;
	border-radius: 1px;
	-webkit-border-radius: 1px;
	-moz-border-radius: 1px;
	background-color: #38b5ab;/* 7/27 */
}
.top-report-button a:hover {
	opacity:0.8;
	filter:alpha(opacity=80);
	-ms-filter: "alpha( opacity=80 )";
		background-color: #55ADD5;/* 7/27 */
}
.top-report-button-concurrent a:hover{
	opacity:0.8;
	filter:alpha(opacity=80);
	-ms-filter: "alpha( opacity=80 )";
		background-color: #66CDAA;/* 7/27 */
}
.top-report-button:after,
.top-report-button-concurrent:after
{ content : ''; display : block; clear : both; }






/* top-report-button 2016-07-11 */
.top-report-button-2 {
	width: 640px;
	display: block;
}
.top-report-button-2 li{
	width: 206px;/* 315px */
	float: left;
	margin-right: 10px;
		margin-bottom:10px !important;
background-color:#e9a91e;;/* #3982b5 */
	position: relative;
	border-radius: 4px !important;
	-webkit-transition: none;
	transition: none;
	box-shadow: 0 3px 0 #5F4C0B;
	/*text-shadow: 0 1px 1px rgba(0, 0, 0, .3);*/
		border-radius: 1px;
	-webkit-border-radius: 1px;
	-moz-border-radius: 1px;
}
.top-report-button-2 a{
	display: block;
	text-align: left;
	height: 70px;/*60px*/
	padding: 10px 15px 18px;/*10px 25px 18px */
/* 	margin: 0 auto 3px;
background: url(../images/icon_forum.png) no-repeat 275px 50px;*/
	color: #fff;
	font-weight: bold !important;
	font-size: 105%;/* 130% */
	line-height: 130%;
	cursor: pointer;
	border:none;
font-family:Kanit , Avenir , "Open Sans" , "Helvetica Neue" , Helvetica , Arial , Verdana , Roboto , "游ゴシック" , "Yu Gothic" , "游ゴシック体" , "YuGothic" , "ヒラギノ角ゴ Pro W3" , "Hiragino Kaku Gothic Pro" , "Meiryo UI" , "メイリオ" , Meiryo , "ＭＳ Ｐゴシック" , "MS PGothic" , sans-serif;
}
/* 	FFのハック*/
@-moz-document url-prefix() {
.top-report-button-2 a {
height: 100px;
padding: 15px;
}
}
/* cromeのハック*/
@media all and (-webkit-min-device-pixel-ratio:0) and (min-resolution: .001dpcm) {
.top-report-button-2 a {
padding: 15px;
}
}



.top-report-button-concurrent-2 li{
	width: 206px;/* 315px */
	float: left;
	margin-right: 10px;
		margin-bottom:10px !important;
background-color: #38b5ab;
	position: relative;
	border-radius: 4px !important;
	-webkit-transition: none;
	transition: none;
	box-shadow: 0 3px 0 #0e8c73;
	/*text-shadow: 0 1px 1px rgba(0, 0, 0, .3);*/
	-webkit-border-radius: 1px;
	-moz-border-radius: 1px;
}
.top-report-button-concurrent-2 a{
	display: block;
	text-align: left;
	height: 70px;/*60px*/
	padding: 10px 15px 18px;/*10px 25px 18px */
/* 	margin: 0 auto 3px;
background: url(../images/icon_forum.png) no-repeat 275px 50px;*/
	color: #fff;
	font-weight: bold !important;
	font-size: 105%;/* 130% */
	line-height: 130%;
	cursor: pointer;
	-webkit-border-radius: 1px;
	-moz-border-radius: 1px;
font-family:Kanit , Avenir , "Open Sans" , "Helvetica Neue" , Helvetica , Arial , Verdana , Roboto , "游ゴシック" , "Yu Gothic" , "游ゴシック体" , "YuGothic" , "ヒラギノ角ゴ Pro W3" , "Hiragino Kaku Gothic Pro" , "Meiryo UI" , "メイリオ" , Meiryo , "ＭＳ Ｐゴシック" , "MS PGothic" , sans-serif;
}
/* 	FFのハック*/
@-moz-document url-prefix() {
.top-report-button-concurrent-2 a {
height: 100px;
padding: 15px;
}
}
/* chromeのハック*/
@media all and (-webkit-min-device-pixel-ratio:0) and (min-resolution: .001dpcm) {
.top-report-button-concurrent-2 a {
padding: 12px 15px 15px;
}
}




.top-report-button-concurrent-2 a:hover {
 background-color: #31c8aa;
	box-shadow: 0 3px 0 #23a188;
}
.top-report-button-2 a:hover {
	background-color: #FFBF00;/* #26A6CD */
	box-shadow: 0 3px 0 #5F4C0B;
}
.top-report-button-2 a:active,
.top-report-button-concurrent-2 a:active{
top: 3px;
box-shadow: none;
}
.top-report-button-2:after,
.top-report-button-concurrent-2:after
{ content : ''; display : block; clear : both; }

/* top-report-button 2016-07-11 */


#main h4 {
	font-size:150%;
	margin:10px 0 10px;
}
/* 2016-08-03 */
.prg-time-table a {
text-decoration: underline !important;
}




/* ouccomes 2016-11-18 */
#main-02 .btn-blue a {
	display:inline-block;
	width: 10em;
	height:40px;
	line-height:2;
	padding:7px 30px 0;
	border-radius: 2px;
	background:#639AC9 url(https://www.icef-forum.org/css/images/ico/btn.png) no-repeat 15px center;
	color:#FFF !important;
	text-align:center;
	box-shadow: 1px 2px 2px 0 #ccc;
	behavior:url("https://www.icef-forum.org/common/css/PIE.htc");
	-webkit-transition:all 0.2s linear 0s;
	-moz-transition:all 0.2s linear 0s;
	transition:all 0.2s ease 0s;
	font-size: 120%;
	position: relative;
	margin-right:50px;
}
#main-02 .btn-blue a:hover {
	opacity:0.5;
	color:#000 !important;
}
#main-02 .btn-d {
		display:inline-block;
  padding-top:0 !important;
	width: 14em;
	height:40px;
	line-height:40px;
	border-radius: 2px;
	background: #ccc !important; 
	color: #AD2E2E !important;
	text-align:center;
	box-shadow: 1px 2px 2px 0 #ccc;
	behavior:url("https://www.icef-forum.org/common/css/PIE.htc");
	-webkit-transition:all 0.2s linear 0s;
	-moz-transition:all 0.2s linear 0s;
	transition:all 0.2s ease 0s;
	font-size: 120%;
	position: relative;
}

#main-02 .btn-summary-out {
/*		background: url(https://www.icef-forum.org/images/ico/pdficon_small.png) no-repeat 50px center #C0C0C0;*/
	background: url(https://www.icef-forum.org/images/ico/pdficon_small.png) no-repeat 50px center #A4A4A4;
	padding: 7px 5px;
	display: inline-block;
	color: #fff;
		-webkit-transition:all 0.2s linear 0s;
	-moz-transition:all 0.2s linear 0s;
	transition:all 0.2s ease 0s;
	font-size: 90%;
border-radius: 2px;
	/*		box-shadow: 1px 2px 2px 0 #ccc;*/
	behavior:url("https://www.icef-forum.org/common/css/PIE.htc");
	line-height: 1em;
height: 1em;
	position: relative;
	width: 15em;
	text-align: center;
	vertical-align:middle;
}

#main-02 .btn-blue-s {
/*	background:#C0C0C0 url(https://www.icef-forum.org/css/images/ico/btn.png) no-repeat 15px center;*/
		background:#A4A4A4 url(https://www.icef-forum.org/css/images/ico/btn.png) no-repeat 15px center;
	padding: 7px 5px;
	display: inline-block;
	color: #fff;
		-webkit-transition:all 0.2s linear 0s;
	-moz-transition:all 0.2s linear 0s;
	transition:all 0.2s ease 0s;
	font-size: 90%;
		border-radius: 2px;
	/*		box-shadow: 1px 2px 2px 0 #ccc;*/
	behavior:url("https://www.icef-forum.org/common/css/PIE.htc");
	line-height: 1.3em;
		height: 1.3em;
	position: relative;
	width: 15em;
	text-align: center;
}
.btn-blue-s:hover,
.btn-summary-out:hover {
	opacity: 0.7;
	-ms-filter: "alpha(opacity=70)";
	color: #fff;
}


#main-02 .outcomes-b, .outcomes-b-2 {
		margin: 5px 0;
}
#main-02 .outcomes-b li,
#main-02 .outcomes-b-2 li {
		padding-bottom: 5px;
}

#main-02 .outcomes-tb {
		text-align:center;
			border: none !important;
}
#main-02 .outcomes-tb-2 {
		text-align:center;
}
#main-02 .outcomes-tb th, td {
		padding: 5px;
/* 		border: none !important; */
}
#main-02 .outcomes-tb-2 th, td {
		padding: 5px;
}
#main-02 .outcomes-tb td b.col-b,
#main-02 .outcomes-tb-2 td b.col-b {
/* 		color: #3982B5; */
				font-size:115%;
				font-weight:bold;
}

/* for link_button used a image_file. 2016-12-08 */
a.link-boxshadow img{
	opacity:1;
	box-shadow: 2px 2px 2px rgba(0,0,0,0.4);
}
a.link-boxshadow img:hover{
	opacity:0.5;
}
a.link-boxshadow img:active{
	box-shadow:none;
	transform: translate(2px,2px);
}

/* common link style 2016-12-08 */
a.tdc-u{
	text-decoration:underline;
}
a.tdc-u:hover{
	text-decoration:none;
}

/* link button to Roadmap in Outcomes 2016-12-08 */
p#roadmap_bnr a{
	width:416px; height:293px;
	background:url("https://www.icef-forum.org/pastevent/icef2016/outcomes/images/btn_roadmap_project_normal.png") no-repeat;
	display:block;		
	overflow: hidden;
	text-indent: 100%;
	white-space: nowrap;
}
p#roadmap_bnr a:hover{
	background:url("https://www.icef-forum.org/pastevent/icef2016/outcomes/images/btn_roadmap_project_hover.png") no-repeat;
}

p#roadmap_bnr a:active{
	background:url("https://www.icef-forum.org/pastevent/icef2016/outcomes/images/btn_roadmap_project_active.png") no-repeat;
}


/* Safari, GoogleChrome用cssハック */
@media screen and (-webkit-min-device-pixel-ratio:0) {
	p#roadmap_bnr a:focus{
		background:url("https://www.icef-forum.org/pastevent/icef2016/outcomes/images/btn_roadmap_project_active.png") no-repeat;
	}
}
/* 文字を下付き */
sub {
	font-size: 60%;
		vertical-align:bottom;
}
/* 文字を上付き */
sup {
	font-size: 60%;
	vertical-align: top;
}


/* グロナビ　dropmenu */
ul.dropmenu {
 *zoom: 1; /*Internet Explorerの独自拡張で、指定要素を拡大表示*/
	list-style-type: none;
	width: 960px; /*メニュー全体の幅*/
	margin: 5px auto 30px; /*メニュー上部に5px分余白あける*/
	padding: 0;
}
ul.dropmenu:before, .dropmenu:after {
	content: "";
	display: table;
}
ul.dropmenu:after {
	clear: both;
}
ul.dropmenu li {
	position: relative;
	width: 134px;
	float: left;
	margin: 0;
	padding: 0;
	text-align: center;
}
ul.dropmenu li a {
	display: block;
	margin: 0;
	padding: 15px 0 12px;
	color: #fff;
	font-size: 14px;
	line-height: 1;
	text-decoration: none;
}
ul.dropmenu li ul {
	list-style: none;
	position: absolute;
	z-index: 9999;
	top: 100%;
	left: 0;
	margin: 0;
	padding: 0;
}
ul.dropmenu li ul li {
	width: 100%;
}
ul.dropmenu li ul li a {
	padding: 13px 15px;
	border-top: 1px solid #0054A7;
	/*background: rgb(167,207,223); /* Old browsers */
	/*background: -moz-linear-gradient(top, rgba(167,207,223,1) 0%, rgba(5,58,128,1) 100%); /* FF3.6-15 */
	/*background: -webkit-linear-gradient(top, rgba(167,207,223,1) 0%, rgba(5,58,128,1) 100%); /* Chrome10-25,Safari5.1-6 */
	/*background: linear-gradient(to bottom, rgba(167,207,223,1) 0%, rgba(5,58,128,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
/*filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a7cfdf', endColorstr='#053a80', GradientType=0 ); /* IE6-9 */
background-color:#2E6098;
	text-align: left;
}
ul.dropmenu li:hover > a {
	/*background: rgb(167,207,223); /* Old browsers */
	/*background: -moz-linear-gradient(top, rgba(167,207,223,1) 0%, rgba(5,58,128,1) 100%); /* FF3.6-15 */
	/*background: -webkit-linear-gradient(top, rgba(167,207,223,1) 0%, rgba(5,58,128,1) 100%); /* Chrome10-25,Safari5.1-6 */
	/*background: linear-gradient(to bottom, rgba(167,207,223,1) 0%, rgba(5,58,128,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
/*filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a7cfdf', endColorstr='#053a80', GradientType=0 ); /* IE6-9 */
background-color:#71CBE9;
}
ul.dropmenu li a:hover {
	/*background: rgb(179,220,237); /* Old browsers */
	/*background: -moz-linear-gradient(top, rgba(179,220,237,1) 0%, rgba(41,184,229,1) 50%, rgba(188,224,238,1) 100%); /* FF3.6-15 */
	/*background: -webkit-linear-gradient(top, rgba(179,220,237,1) 0%, rgba(41,184,229,1) 50%, rgba(188,224,238,1) 100%); /* Chrome10-25,Safari5.1-6 */
	/*background: linear-gradient(to bottom, rgba(179,220,237,1) 0%, rgba(41,184,229,1) 50%, rgba(188,224,238,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
/*filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b3dced', endColorstr='#bce0ee', GradientType=0 ); /* IE6-9 */
background-color:#71CBE9;
}
ul#normal li ul {
	display: none;
}
ul#normal li:hover ul {
	display: block;
}
.selectmenu {
	/*background: rgb(179,220,237); /* Old browsers */
	/*background: -moz-linear-gradient(top, rgba(179,220,237,1) 0%, rgba(41,184,229,1) 50%, rgba(188,224,238,1) 100%); /* FF3.6-15 */
	/*background: -webkit-linear-gradient(top, rgba(179,220,237,1) 0%, rgba(41,184,229,1) 50%, rgba(188,224,238,1) 100%); /* Chrome10-25,Safari5.1-6 */
	/*background: linear-gradient(to bottom, rgba(179,220,237,1) 0%, rgba(41,184,229,1) 50%, rgba(188,224,238,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
/*filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b3dced', endColorstr='#bce0ee', GradientType=0 ); /* IE6-9 */
background-color:#71CBE9;
}
.dropmenu ul li {
width:200px !important;
}
.col-666 {
color: #666 !important;
}
.col-1d8 a {
color: #1d8adc !important;
text-decoration:underline !important;
}

h4.ttl5-2-accodion span {
	/* display: inline-block; */
	vertical-align: middle;
}

h4.ttl5-2-accodion span.toggle-wrap {
	display: inline-block;
	cursor: pointer;
}


h4.ttl5-2-accodion span.toggle-wrap  span {
	text-decoration: underline;

}

h4.ttl5-2-accodion span.toggle-wrap  span:first-child {
	-webkit-transition: all 0.2s ease;
	-moz-transition: all 0.2s ease;	
}


h4.ttl5-2-accodion span.toggle-wrap span.toggle {
	display: inline-block;
	background: url(../images/ico/toggle.gif) no-repeat right bottom;
	height: 15px;
	width: 15px;
	text-decoration: none;
}


h4.toggle-on span.toggle-wrap span.toggle {
		background: url(../images/ico/toggle.gif) no-repeat rightt top;
}



h4.ttl5-2-accodion span.toggle-wrap:hover span {
	text-decoration: none;
	color: #2c99cc;
}


h4.ttl5-2-accodion span.toggle-wrap:hover span.toggle {
		background: url(../images/ico/toggle.gif) no-repeat right bottom;
}


h4.toggle-on span.toggle-wrap:hover span.toggle {
		background: url(../images/ico/toggle.gif) no-repeat right bottom;
}

.pastevent-list li {
		list-style:disc !important;
		line-height:2.2;
		font-size:125%;
}

.pastevent-list {
		margin-left:30px;
}