.borderbox {
	-moz-box-sizing: border-box;
	box-sizing: border-box
}
.clearfix:after {
	content: '';
	display: block;
	clear: both;
	height: 0;
	visibility: hidden
}
.clearfix {
	zoom: 1
}
.flex {
	display: -webkit-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex
}
.flexWrap {
	-webkit-flex-wrap: wrap;
	flex-wrap: wrap
}
.flex-space-between {
	-webkit-justify-content: space-between;
	justify-content: space-between
}
.flex-space-around {
	-webkit-justify-content: space-around;
	justify-content: space-around
}
.flex-space-center {
	-webkit-justify-content: center;
	justify-content: center
}

html {
	font-size: 62.5%
}
@media (max-width:640px) {
		html {
			font-size: 62.5%
		}
}

body {
	font-size: 14px;
	font-size: 1.32rem;
	line-height: 2.2rem;
	background-color: #ffffff;
	background: url(../img/pc/bg.jpg) repeat-x center top;
}
body a:link {
	color: #1A55A3
}
body a:visited {
	color: #1A55A3
}
body a:hover {
	color: #216CCF
}
body a:active {
	color: #1A55A3
}
@media (max-width:640px) {
		body {
			line-height: 2.4rem;
			font-size: 16px;
			font-size: 1.4rem;
			background-image: none;
		}
}

h1 {
	font-size: 30px;
	font-size: 3rem
}

h3 {
	font-size: 140%;
	font-weight: bold;
	color: #FFF;
	letter-spacing: 1px;
	background-color: #00908B;
	margin: 3em -16px 1em;
	position: relative; /* for IE6 */
	padding: 0.35em 0.5em 0.25em;
}
@media (max-width:640px) {
		h3 {
			width: 95%;
			font-size: 133%;
			margin-left: auto;
			margin-right: auto;
		}
}

h4, li {
	font-size: 14px;
	font-size: 1.4rem
}
@media (max-width:640px) {
h4, li {
	font-size: 18px;
	font-size: 1.8rem
}
}
/**/
#page h4 {
	font-size: 130%;
	font-weight: bold;
	font-family:Arial, Verdana, "Noto Sans Japanese", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "游ゴシック", YuGothic, Osaka, sans-serif;
	line-height: 105%;
	background: url(../../img/pc/h4_bg.jpg)  repeat-x left bottom;
	margin: 2em -10px 0.8em;
	padding: 0.28em 0 0.4em 24px;
	position: relative; /* for IE6 */
	zoom: 1;
}
#page h4::before {
	position: absolute;
	content: "";
	top: 50%;
	left: 5px;
	width: 11px;
	height: 11px;
	margin-top: -7px;
	background: url(" ../../img/pc/h4_icon.jpg") top left no-repeat;
	background-size: 11px 11px;
}
@media (max-width:640px) {
	#page h4 {
			width: 95%;
			font-size: 123%;
			margin-left: auto;
			margin-right: auto;
		}
	#page li {
		font-size: 1em;
	}
}


@media (max-width:640px) {
h5 {
	font-size: 18px;
	font-size: 1.8rem
}
}
.copyLight {
	font-size: 9px;
	font-size: .9rem
}

@media (max-width:640px) {
.copyLight {
	font-size: 12px;
	font-size: 1.2rem
}
}

#wrapper {
	position: relative;
	/*text-align: center;*/
	width: 1040px;
	/*width: 100%;*/
  /*position: absolute;*/
	background: url(../img/pc/bg_wrap.jpg) no-repeat center top;
	overflow: hidden; /* 回・E・猜float)の解・E+ 内部要素の高さを自動補正 */
	zoom: 1; /* for IE6 */
	margin: 0 auto -4px;
	padding-bottom: 30px;
}
@media (max-width:640px) {
		#wrapper {
			width: 100%;
			font-size: 1.4rem;
			background-image: none;
			margin-bottom: -10px;
		}
}

#kuruppa {
	position: absolute;
	width: 156px;
	height: 81px;
	right: 20px;
	bottom: 0;
}
#kuruppa img {
	width: 100%;
	height: auto;
}
@media (max-width:640px) {
		#kuruppa {
			position: absolute;
			width: 100%;
			height: auto;
			left: 0;
			bottom: 0;
			text-align: center;
		}
		#kuruppa img {
			width: 35%;
			height: auto;
		}
}

/*-----header-----*/
#header {
	height: 250px;
	position: relative;
}
@media (max-width:640px) {
		#header {
			height: auto;
			line-height: 0;
			margin-bottom: 0;
		}
}

#header #btn-home {
	position: absolute;
	width: 104px;
	height: 32px;
	right: 3px;
	bottom: 28.5px;
}
@media (max-width:640px) {
		#header #btn-home {
			display: none;
		}
}

#header #btn-home a:hover img {
	 filter:alpha(opacity=80);
 -moz-opacity: 0.8;
 opacity: 0.8;
}
/**/

#mainArea {
	width: 998px;
	margin: 0 auto;
	overflow: hidden; /* 回・E・猜float)の解・E+ 内部要素の高さを自動補正 */
	zoom: 1; /* for IE6 */
}

@media (max-width:640px) {
#mainArea {
	width: 100%;
	position: relative
}
}
#mainArea #menuSP {
	display: none
}

@media (max-width:640px) {
#mainArea #menuSP {
	background-image: url("../img/sp/menuIcon.png");
	background-repeat: no-repeat;
	background-position: 20px center;
	text-align: left;
	display: block;
	background-color: #00908B;
	color: #ffffff;
	font-weight: bold;
	height: 52px;
	font-size: 25px;
	font-size: 2.1rem;
}
}
#mainArea #menuSP p {
	padding-top: 27px;
	padding-left: 70px
}
#mainArea #menu {
	width: 248px;
	/*min-width: 227px;*/
  /*margin-right: 15px;*/
	line-height: 0;
	float: left;
}

@media (max-width:640px) {
#mainArea #menu {
	float: none;
	width: 100%;
	min-width: inherit;
}
}

#mainArea #menu .menuAreaBanner {
	text-align: center;
	margin-top: 20px;
}
#mainArea #menu .menuAreaBanner img {
	max-width: 210px;
}
#mainArea #menu .menuAreaBanner a:hover {
	background: none;
}

#mainArea #menu ul {
	font-weight: bold;
	text-align: left;
	padding: 0 19px;
}
#mainArea #menu li {
/*border-bottom: 1px dotted;*/
  /*padding: 10px 0 10px 10px;*/
}

@media (max-width:640px) {
#mainArea #menu li {
}
}
#mainArea #menu li a {
	/*width: 100%;*/
	display: block;
	color: #FFF;
	text-decoration: none;
	background-color: #02327A;
	/* border-radius */    
	border-radius: 5px;        /* CSS3草案 */
	-webkit-border-radius: 5px;    /* Safari,Google Chrome用 */
	-moz-border-radius: 5px;   /* Firefox用 */
	margin-bottom: 1px;
	padding: 10px 20px;
}

@media (max-width:640px) {
#mainArea #menu li a {
}
}
/*バックグラウンド：パープ・E/
#mainArea #menu .menuBgc-ppl li a {
	background-color: #A34A8E;
}
/*-------------------------*/
#mainArea #menu a:hover, 
#mainArea #menu .menu-welcome-message #welcome-message a,
#mainArea #menu .menu-general-information #general-information a,
#mainArea #menu .menu-program #program a,
#mainArea #menu .menu-registration #registration a,
#mainArea #menu .menu-sankasha #sankasha a,
#mainArea #menu .menu-information-attendees #information-attendees a,
#mainArea #menu .menu-information-presenters #information-presenters a,
#mainArea #menu .menu-call-for-abstracts #call-for-abstracts a,
#mainArea #menu .menu-photography-competition #photography-competition a,
#mainArea #menu .menu-associate-company #associate-company a,
#mainArea #menu .menu-access #access a {
	background-color: #F4F2F5;
	background: url(../img/pc/menuBgCurrent.jpg) no-repeat left top;
}

/*-------------------------*/
#mainArea #menu .menu-other ul {
	margin-bottom: 1.5em;
}
@media (max-width:640px) {
		#mainArea #menu .menu-other ul {
			margin: 2em 0 4em;
		}
}

#mainArea #menu .menu-other ul li {
	text-align: center;
	margin: 0 0 0.7em;
}

#mainArea #menu .menu-other ul li#home {
	display: none;
}
@media (max-width:640px) {
		#mainArea #menu .menu-other ul li#home {
			display: block;
		}
}

#mainArea #menu .menu-other ul li a {
	position: relative;
	color: #02327A;
	background: #FFF;
	border: #02327A solid 1px;
	margin: 0 27px;
}
@media (max-width:640px) {
		#mainArea #menu .menu-other ul li a {
			color: #00908B;
			background: #FFF;
			border: #00908B solid 1px;
		}
}

#mainArea #menu .menu-other ul li#english a::before {
	position: absolute;
	content: "";
	top: 50%;
	right: 15px;
	width: 4px;
	height: 6px;
	margin-top: -3px;
	background: url( ../img/pc/icon_arrow_menu.jpg) no-repeat;
	background-size: 4px 6px;
}
@media (max-width:640px) {
		#mainArea #menu .menu-other ul li#english a::before {
			position: absolute;
			content: "";
			top: 50%;
			right: 15px;
			width: 4px;
			height: 6px;
			margin-top: -3px;
			background: url( ../img/sp/icon_arrow_menu.jpg) no-repeat;
			background-size: 4px 6px;
		}
}

/*#mainArea #menu .menu-other ul li a:hover::before {
	position: absolute;
	content: "";
	top: 50%;
	right: 15px;
	width: 4px;
	height: 6px;
	margin-top: -3px;
	background: url( ../img/pc/icon_arrow_menu.jpg) no-repeat;
	background-size: 4px 6px;
}
@media (max-width:640px) {
		#mainArea #menu .menu-other ul li a:hover::before {
			position: absolute;
			content: "";
			top: 50%;
			right: 15px;
			width: 4px;
			height: 6px;
			margin-top: -3px;
			background: url( ../img/sp/icon_arrow_menu.jpg) no-repeat;
			background-size: 4px 6px;
		}
}*/
/*-------------------------*/

#mainArea #menuInfo {
	width: 100%;
	line-height: 1
}
@media (max-width:640px) {
		#mainArea #menuInfo {
			background-image: url();
			display: none;
			margin-bottom: 3em;
		}
}

#mainArea #menuInfo h2 {
	text-align: left;
	margin: 16px 19px 10px;
}

#mainArea #menuInfo h2 img {
	width: 100%;
	height: auto;
}
@media (max-width:640px) {
		#mainArea #menuInfo h2 img {
			width: 80%;
			height: auto;
		}
}

/*----------#areaContent---------------*/
#mainArea #areaContent {
	float: left;
	margin-left: 20px;
}
@media (max-width:640px) {
		#mainArea #areaContent {
			float: none;
			width: 100%;
			max-width: inherit;
			margin-left: 0;
		}
}

/*----------#centerArea----------*/
#mainArea #centerArea {
	float: left;
	width: 483px;
	/*text-align: left;*/
	background-color: #FFF;
	/*margin-left: 20px;*/
}

@media (max-width:640px) {
#mainArea #centerArea {
	float: none;
	width: 95%;
	margin: 1.5em auto 0;
	padding: 0;
}
}

/*----------rightArea----------*/
#mainArea #rightArea {
	float: left;
	width: 190px;
	/*width: 210px;*/
	min-height: 960px;
	text-align: center;
	background: url(../img/pc/bg_rigtharea.jpg) repeat-x center top;
	margin-top: -18px;
	margin-left: 37px;
	padding: 18px 10px;
}
@media (max-width:640px) {
		#mainArea #rightArea {
			min-height: inherit;
			background: url(../img/sp/bg_rigtharea.jpg) repeat-x center top;
			float: none;
			width: 100%;
			margin: 4em 0;
			padding: 4em 0;
		}
}

#mainArea #rightArea img {
	width: 100%;
	height: auto;
}
@media (max-width:640px) {
		#mainArea #rightArea img {
			width: 80%;
			height: auto;
		}
}

#mainArea #rightArea ul {
	margin-top: 0.8em;
}
#mainArea #rightArea ul li {
	margin-top: 0.2em;
}

#mainArea #rightArea #rightAreaBG {
	position: absolute;
	right: 21px;
	top: 232px;
	width: 210px;
	height: 17px;
}
@media (max-width:640px) {
		#mainArea #rightArea #rightAreaBG {
			display: none;
		}
}


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


/*--トップページ / Pick Up--*/
#mainArea #areaContent #pickupArea {
	border: #00908B solid 2px;
	padding: 15px;
}

#mainArea #areaContent #pickupArea h2 {
	color: #00908B;
	font-size: 1.5em;
	letter-spacing: 0.1em;
	border: 0;
	margin-bottom: 0.5em;
}
@media (max-width:640px) {
		#mainArea #areaContent #pickupArea h2 {
			width: auto;
			}
}

#mainArea #areaContent #pickupArea #pickupAreaInr {
	/*height: 160px;*/
	font-size: 1.13rem;
	line-height: 150%;
	/*overflow-x: auto;
	overflow-y: scroll;
	zoom: 1;
	padding-right: 1em;*/
}
@media (max-width:640px) {
#mainArea #areaContent #pickupArea #pickupAreaInr {
	font-size: 1.3rem;
	overflow-y: visible;
	height: inherit;
}
}

#mainArea #areaContent #pickupArea #pickupAreaInr img {
	width: 100%;
	height: auto;
}

/*--トップページ / News and Topics--*/
#mainArea #newsAndTopicArea {
	border-bottom: #02327A solid 1px;
	margin-top: 25px;
	padding-bottom: 18px;
}
@media (max-width:640px) {
#mainArea #newsAndTopicArea {
		margin-top: 3em;
		padding-bottom: 0.3em;
}
}

#mainArea #newsAndTopic {
	margin: 0 auto;
	margin-top: 10px;
}
@media (max-width:640px) {
		#mainArea #newsAndTopic {
			width: 100%;
			margin-top: 5px;
			line-height: 1.5;
		}
}

#mainArea #newsAndTopic #newsAndTopicInr {
	height: 170px;
	overflow-y: scroll;
}
@media (max-width:640px) {
		#mainArea #newsAndTopic #newsAndTopicInr {
			height: auto;
			overflow-y: visible;
		}
}

#mainArea #newsAndTopic dl {
	line-height: 150%;
	font-size: 95%;
	text-align: left;
	overflow: hidden; /* */
	zoom: 1; /* for IE6 */
	margin: -8px auto 0;
}
@media (max-width:640px) {
		#mainArea #newsAndTopic dl {
			width: 100%;
			min-height: 180px;
			overflow-y: visible;
			height: inherit;
		}
}

#mainArea #newsAndTopic dl dt, 
#mainArea #newsAndTopic dl dd {
	display: block;
	float: left;
	background: url(../img/pc/line_dot_gry.jpg) repeat-x left top;
	margin: 0;
	padding: 0.7em 0 0.5em;
}
@media (max-width:640px) {
		#mainArea #newsAndTopic dl dt, 
		#mainArea #newsAndTopic dl dd {
			display: inline;
			clear: both;
		}
}

#mainArea #newsAndTopic dl dt {
	position: relative;
	width: 20%;
	font-weight: normal;
	padding-left: 22px;
}
@media (max-width:640px) {
		#mainArea #newsAndTopic dl dt {
			display: block;
			width: 100%;
			padding: 0.7em 0 0.4em;
			padding-left: 1.5em;
		}
		#mainArea #newsAndTopic dl dt:first-child {
			background-image: none;
	}
}

#mainArea #newsAndTopic dl dt::before {
	position: absolute;
	content: "";
	top: 50%;
	left: 6px;
	width: 5px;
	height: 5px;
	margin-top: -2.5px;
	background: url(" ../img/pc/icon_dot_news.jpg") top left no-repeat;
	background-size: 5px 5px;
}
@media (max-width:640px) {
		#mainArea #newsAndTopic dl dt::before {
			left: 0.5em;
			width: 100%;
			height: 100%;
			margin-top: -0.2em;
			background: url(" ../img/pc/icon_dot_news.jpg") top left no-repeat;
			background-size: 0.6em 0.6em;
		}
}

#mainArea #newsAndTopic dl dd {
	width: 70%;
	padding-right: 0.5em;
}
@media (max-width:640px) {
	#mainArea #newsAndTopic dl dd {
		width: 90%;
		background-image: none;
		margin-left: 1.5em;
		padding-top: 0;
	}
}

#mainArea #newsAndTopic dl dd a:link {
	color: "#0033CC"
}
#mainArea #newsAndTopic dl dd a:visited {
	color: "#0033CC"
}
#mainArea #newsAndTopic dl dd a:hover {
	color: "#0033CC"
}
#mainArea #newsAndTopic dl dd a:active {
	color: "#0033CC"
}
#mainArea #newsAndTopic dl dd a {
	color: #0033CC
}

/*トップページ/メインイメージ*/
#mainArea #topImage {
	width: 100%;
	margin-top: 40px;
}
#mainArea #topImage img {
	width: 100%;
	height: auto;
}

/*トップページ／事務局*/
#mainArea #areaContent .topJimu {
	position: relative;
}
#mainArea #areaContent .topJimu #bannerKurumedaigaku {
	position: absolute;
	right: 10px;
	top: 110px;
}
#mainArea #areaContent .topJimu #bannerKurumedaigaku img {
	width: 151px;
	height: auto;
}

@media (max-width:640px) {
#mainArea #areaContent .topJimu #bannerKurumedaigaku {
	position: static;
}
#mainArea #areaContent .topJimu #bannerKurumedaigaku img {
	width: 31.26%;
	height: auto;
}
}

#mainArea #areaContent .topJimu h2 {
	font-size: 1.6rem;
	color: #FFF;
	letter-spacing: 0.2em;
	background-color: #A44A90;
	border: 0;
	margin: 35px 0 0.8em;
	padding: 0.2em 0.5em 0.1em;
}
@media (max-width:640px) {
		#mainArea #areaContent .topJimu h2 {
			width: 96%;
			font-size: 1.4em;
			letter-spacing: 0;
			padding: 0.3em 0.5em 0.2em;
		}
}

#mainArea #areaContent .topJimu dl {
	margin: 0.5em;
}

#mainArea #areaContent .topJimu dl dt {
	font-weight: bold;
	margin: 0.5em 0;
}

@media (max-width:640px) {
		#mainArea #areaContent .topJimu .spbox {
			display: block;
		}
}


/**/
/*----------#中ページ---------------*/
#mainArea #areaContent h2 {
	width: 100%;
	color: #013279;
	font-size: 2.5em;
	line-height: 140%;
	border-bottom: #02327A solid 2px;
	padding: 20px 0 0.1em;
}
@media (max-width:640px) {
		#mainArea #areaContent h2 {
			width: 90%;
			margin: auto;
			padding-top: 0.3em;
		}
}

#mainArea #areaContent h2 img {
	width: auto;
	height: 36px;
}
@media (max-width:640px) {
		#mainArea #areaContent h2 img {
			width: 100%;
			height: auto;
		}
}

#mainArea #areaContent #contents {
	width: 678px;
}
@media (max-width:640px) {
		#mainArea #areaContent #contents {
			width: 100%;
		}
}

#mainArea #areaContent #contents #page {
	width: 646px;
	margin: 33px auto 0;
}
@media (max-width:640px) {
		#mainArea #areaContent #contents #page {
			width: 90%;
			margin: 2em auto 0;
		}
}

#mainArea #areaContent #contents #junbi {
	text-align: center;
	margin: 10em 0 20em;
}
@media (max-width:640px) {
		#mainArea #areaContent #contents #junbi {
			text-align: center;
			margin: 5em 0 5em;
		}
}

/*-------------------------*/
/**/
#footer {
	clear: both;
	width: 100%;
	background-color: #02327A;
	margin: 0 auto;
	padding-bottom: 30px;
	padding-top: 30px
}
#footer p {
	color: #FFF;
	text-align: center;
	font-size: 0.95em;
}
@media (max-width:640px) {
		#footer {
			width: 100%;
			line-height: 130%;
			max-width: inherit;
			padding: 1.5em 0;
		}
		#footer p {
			font-size: 0.7em;
			}
}

/*---PAGETOP-------------------------------*/
#pagetop {
	text-align: right;
	padding: 30px 0 60px;
}
@media (max-width:640px) {
		#pagetop {
			text-align: right;
			padding: 3em 0.5em 50px;
		}
}

#pagetop a:hover img {
	 filter:alpha(opacity=80);
 -moz-opacity: 0.8;
 opacity: 0.8;
}

@media (max-width:640px) {
#pagetop a img {
	width: 21%;
	height: auto;
}
}
/*-----------------------------------------*/

.fb-banner {
	margin: 30px 0 10px;
}

@media (max-width:640px) {
.fb-banner {
	width: 100%
}
}
.copyLight {
	color: #0B233F
}

@media (max-width:640px) {
.copyLight {
	color: #0B233F;
	padding: 0 15px
}
}
.fbold {
	font-weight: bold
}
.pcimg {
	display: inline
}

@media (max-width:640px) {
.pcimg {
	display: none
}
}
.spimg {
	display: none
}

@media (max-width:640px) {
.spimg {
	display: inline;
	width: 100%
}
}


/*--------------------------------------------------------------------------
  共通スタイ・E
----------------------------------------------------------------------------*/
.mt0 {
	margin-top: 0 !important;
}
.mb15 {
	margin-bottom: 15px
}
.mb35 {
	margin-bottom: 35px
}

.pt0 {
	padding-top: 0 !important;
}

/** 画・E硫・縫謄⑤好伐鵑・・狢**/
.img-float {
	float: left;
	margin-right: 15px;
}
.img-float-r {
	float: right;
	margin-left: 15px;
}