@charset "utf-8";

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

¥Ñ¥ó¤¯¤º

---------------------------------------------- */
.pan {
text-align:center;
padding: 0;
background-color:#155077;
}

.panbox *,
.panbox *:after,
.panbox *:before {
	-webkit-box-sizing: border-box;
	        box-sizing: border-box;
}
.panbox {
width: 1080px;
text-align: left;
	overflow: hidden;
margin: 0 auto;
	padding: 0;
	list-style: none;
}

ul.panbox {
font-size: 0;
}

.panbox li {
display: inline-block;
padding: 0;
margin: 0;
}

.panbox a {
font-size: 13px;
	position: relative;
	display: inline-block;
	margin: 0 0 0 0.5em;
	padding: 0.3em 1em 0.3em 2em;
	text-decoration: none;
	color: #ffffff;
	background-color: #155077;
}
.panbox li:first-child a {
	padding-left: 1.5em;
	border-radius: 5px 0 0 5px;
}
.panbox a::after,
.panbox a::before {
	position: absolute;
	top: 50%;
	right: -1.5em;
	margin-top: -1.48em;
	content: '';
	border-top: 1.48em solid transparent;
	border-bottom: 1.48em solid transparent;
	border-left: 1.5em solid;
	}
.panbox a::after {
	z-index: 2;
	border-left-color: #155077;
}
.panbox a::before {
	z-index: 1;
	right: -1.8em;
	border-left-color: #ffffff;
}

.panbox li:nth-child(1) a {margin:0;}
.panbox li:nth-child(2) a       { background:        #155077; }
.panbox li:nth-child(2) a:after { border-left-color: #155077; }
.panbox li:nth-child(3) a       { background:        #155077; }
.panbox li:nth-child(3) a:after { border-left-color: #155077; }
.panbox li:nth-child(4) a       { background:        #155077; }
.panbox li:nth-child(4) a:after { border-left-color: #155077; }
.panbox li:nth-child(5) a       { background:        #155077; }
.panbox li:nth-child(5) a:after { border-left-color: #155077; }

/*
.panbox li:last-child a {
	cursor: default;
	pointer-events: none;
	background:        #155077;
	border-radius: 0 5px 5px 0;
}
.panbox li:last-child a:hover {
	background: none;
}
.panbox li:last-child a::before,
.panbox li:last-child a::after {
	content: normal;
	}
	*/


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

¥³¥ó¥Æ¥ó¥Ä

---------------------------------------------- */
.contentsbox {
padding: 3em 0;
background-color: #f4f4f4;
}

.main {
width: 1040px;
margin:0 auto;
text-align:left;
}

.main h3 {
font-size: 32px;
font-weight: normal;
line-height: 1.6;
margin: 0 0 1em 0;
}

.mainbox {
text-align:left;
}

.mainbox h3 {
font-size: 22px;
color :#FFF;
margin: 2em 0 1em 0;
padding: 0.5em;
line-height: 1.3;/*Ðиß*/
background: #1f6fb0;
vertical-align: middle;
border-radius: 25px;/*×ó‚ȤνǤòÍ褯*/
}

.mainbox h3:before {
  content: '¡ñ';
  color: white;
  margin-right: 8px;
}

.mainbox h4 {
font-size: 22px;
line-height: 1.5;
color: #1f6fb0;
padding: 0 0 0.5em 0;
margin: 2em 0 1em 0;
border-bottom:1px dotted #999;
}

.mainbox h3 + h4 {
margin: 1.5em 0 1em 0;
}

.mainbox h5 {
font-size: 18px;
color :#FFF;
line-height: 1.5;
padding: 0.5em 1em;
background-color :#155077;
display:inline-block;
margin: 0 0 1em 0;
}

@media screen and (max-width: 768px) {
	.contentsbox {
	padding: 1.5em 0 1.5em 0;
	}
	.panbox {
	width: 100%;
	}
	.main {
	width: 90%;
	margin: 0 auto;
	}
	.main h3 {
	font-size: 26px;
	margin: 0 0 0.8em 0;
	text-align:center;
	}
	.mainbox h3 {
	font-size: 18px;
	border-radius: 6px;
	text-align:left;
	}
	.mainbox h3:before {
	content: '';
	margin-right: 0;
	}
	.mainbox h4 {
	font-size: 18px;
	}
	.mainbox h5 {
	font-size: 16px;
	border-radius: 6px;
	}
}

.mainbox p.day {
font-weight:700;
text-align:right;
padding: 0 1em;
}

blockquote {
border:1px solid #CCC;
background-color:#FFF;
padding:1.5em 2em 0.5em 2em;
margin: 2em 0 2em 0;
}

.mainbox blockquote h4 {
font-size: 20px;
margin: 0 0 0.6em 0;
}

.textcenter { text-align:center;}

.aligncenter{
    max-width:100%;
    margin:0 auto 1em auto;
    vertical-align: bottom;
    display:block;
}

.alignright {
    float:right;
    max-width:300px;
    padding: 5px;
    margin:0 0 1em 1em;
    border: 1px solid #CCC;
    vertical-align: bottom;
}

.alignleft {
    float:left;
    max-width:300px;
    padding: 5px;
    margin:0 1em 1em 0;
    border: 1px solid #CCC;
    vertical-align: bottom;
    }


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

¥ê¥¹¥Èϵ

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

.mainbox ul {
padding:0 0 0 26px;
margin:0 0 1em 0;
overflow:hidden;
}

.mainbox ul li {
list-style-type:disc;
}

.mainbox ol {
padding:0 0 0 26px;
margin:0 0 1em 0;
}

.mainbox ol li {
list-style-type:decimal;
}

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

¥Æ©`¥Ö¥ë

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

.mainbox table {
width:100%;
margin: 0 0 1em 0;
}

.mainbox th {
width: 50%;
text-align:center;
padding:12px 20px;
}

.mainbox td {
width: 50%;
text-align:center;
padding:12px 20px;
}

/* –˜¾€¤¢¤ê */

.mainbox table.border {
width: auto;
min-width:50%;
}

.mainbox table.border th {
text-align:left;
width: auto;
background-color:#EEE;
border:1px solid #CCC;
}

.mainbox table.border td {
text-align:left;
width: auto;
background-color:#FFF;
border:1px solid #CCC;
}


/* дÕæÓà */

.mainbox table.forimg td {
padding:0 6px;
}

.mainbox table.forimg td img {
vertical-align:bottom;
margin: 0!important;
}


/* ²Î¼Ó‡âÌå */

.mainbox table.t_institutions {
width: auto;
min-width: 70%;
}

.mainbox table.t_institutions td {
width: 50%;
padding: 0;
text-align:left;
vertical-align:top;
}

.mainbox table.t_institutions td ul {
padding:0;
margin: 0;
}

.mainbox table.t_institutions td li {
list-style-type:none;
font-weight: 700;
padding: 0 0 0 60px;
margin: 0 0 0.6em 0;
background-image:url(/satreps/images/flag_japan.png);
background-repeat:no-repeat;
background-position:0 0.2em;
background-size: 40px 26px;
}

.mainbox table.t_institutions td:last-child li {
background-image:url(/satreps/images/flag_thailand.png);
}



@media screen and (max-width: 768px) {
	.mainbox table.forimg td {
	padding:0 0 6px 0;
	}
	.mainbox table.t_institutions {
	min-width: 100%;
	}
	.mainbox table.t_institutions td {
	width: 100%;
	}
}

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

Information

---------------------------------------------- */
.topnav {
margin: 0 0 1em 0;
}

.topnav ul {
width: 100%;
text-align:left;
font-size:0;
padding:0;
}

.topnav ul li {
list-style-type:none;
display:inline-block;
margin: 0 2px 1em 2px;
text-align:center;
}

.topnav ul li a {
display:block;
font-size: 14px;
color: #FFF;
padding: 0.3em 0.8em;
border-top-left-radius:6px;
border-top-right-radius:6px;
background-color: #0075B9;
text-decoration:none;
}

.topnav ul li a:hover {
background-color: #181818;
}

.informationbox dl {
overflow:hidden;
padding: 0.5em 0;
margin: 0.5em 0;
border-bottom: 1px dotted #666;
}

.informationbox dt {
width: 25%;
float:left;
padding-left: 6px;
}

.informationbox dl.dlcat dt {
width: 20%;
}

.informationbox dt span.news {
font-size: 13px;
font-weight: normal;
color: #FFF;
padding: 2px 1em;
margin: 0 1.5em 0 0;
background-color: #1f6fb0;
}

.informationbox dt span.research-activity {
font-size: 13px;
font-weight: normal;
color: #FFF;
padding: 2px 1em;
margin: 0 1.5em 0 0;
background-color: #12a289;
}

.informationbox dd {
width:75%;
float:right;
}


.informationbox dl.dlcat dd {
width: 80%;
}


#pagefooter {
margin: 3em 0 0 0;
text-align:center;
}

#pagefooter a {
font-size: 14px;
color: #FFF;
padding: 0.5em 2em;
background-color: #181818;
text-decoration:none;
}

#pagefooter a:hover {
background-color: #0075B9;
}

@media screen and (max-width: 768px) {
	/* ¥Æ©`¥Ö¥ë -*/
	.mainbox td {
	width: 100%;
	display:block;
	}

	/* information -*/
	.topnav ul li {
	width: auto;
	margin: 0 2px 0 2px;
	}
	.topnav ul li a {
	display:block;
	font-size: 13px;
	padding: 0.2em 1em;
	margin: 0 0 0.4em 0;
	border-top-left-radius:0;
	border-top-right-radius:0;
	}
	.informationbox dt,
	.informationbox dl.dlcat dt {
	width: 100%;
	display:block;
	padding:0;
	}
	.informationbox dd,
	.informationbox dl.dlcat dd {
	width: 100%;
	display:block;
	padding:0;
	}
	#pagefooter a {
	padding: 0.2em 1em;
	}
}


/*-----------------------------------------------
¥ê¥ó¥¯Ïµ¥¢¥¤¥³¥ó
------------------------------------------------*/
.mainbox ul li a.pdf {
padding: 0 30px 0 0;
margin: 0 1em 0 0;
background-image: url(/satreps/images/icn_pdf.png);
background-repeat: no-repeat;
background-position: right 0;
}

.mainbox ul li a.wrd {
padding: 0 30px 0 0;
margin: 0 1em 0 0;
background-image: url(/satreps/images/icn_word.png);
background-repeat: no-repeat;
background-position: right 0;
}

.mainbox ul li a.xls {
padding: 0 30px 0 0;
margin: 0 1em 0 0;
background-image: url(/satreps/images/icn_xls.png);
background-repeat: no-repeat;
background-position: right 0;
}

.blank a {
padding: 0 20px 0 0;
margin: 0 1em 0 0;
background-image: url(/satreps/images/icn_blank.png);
background-repeat: no-repeat;
background-position: right 0.35em;
}

a.blank {
padding: 0 20px 0 0;
margin: 0 1em 0 0;
background-image: url(/satreps/images/icn_blank.png);
background-repeat: no-repeat;
background-position: right 0.35em;
}