@charset "utf-8";

/*------------------------------------------------------------------------------
Date: 2016-01-18
Copyright (C) Osaka Science Museum. All Rights Reserved.
------------------------------------------------------------------------------*/

/******************************************
- Title Style
- Section Style
- List Style
- Button Style
- Table Style
- Form Style
- Text Style
- Stopgap Class
- Clearfix
*******************************************/

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

- Title Style

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

/* title
------------------------------- */

.tit01 {
	margin-bottom: 20px;
	padding: 0.5em 0.8em 0.3em;
	color: #fff;
	background: url(/files/img/common/tit_h1_01.png) no-repeat;
	font-size: 246.2%;
	font-weight: 700;
	line-height: 1.2;
}
.tit01.spc {
	margin-bottom: 0;
	padding: 1.6em 1.2em 2.5em;
	background: url(/files/img/common/tit_h1_02.png) no-repeat;
}
.tit02 {
	margin-bottom: 20px;
	padding: 0.7em 0.8em 0.4em;
	font-size: 169.3%;
	font-weight: 700;
	line-height: 1.2;
	background: url(/files/img/common/tit_h2_01.png) 0 100% no-repeat;
}
.tit02.spc {
	background: #0f2d69;
	color: #fff;
}
.tit02.bdn {
	background: none;
	padding: 0;
}
.tit02 span {
	margin-left: 2em;
	font-size: 72.8%;
}
.tit03 {
	margin-bottom: 15px;
	padding: 2px 0 0 10px;
	border-left: 6px solid #015db2;
	font-size: 138.5%;
	font-weight: 700;
	line-height: 1.2;
}
.tit04 {
	margin-bottom: 15px;
	font-size: 123.1%;
	font-weight: 700;
	line-height: 1.2;
	color: #006699;
}

@media screen and (max-width:767px){
	.tit01 {
		font-size: 153.9%;
	}
	.tit01.spc {
		background: url(/files/img/common/tit_h1_02.png) 63% 18% no-repeat;
		background-size: 140%;
	}
	.tit02 {
		font-size: 123.1%;
	}
	.tit03 {
		font-size: 123.1%;
	}
}
@media screen and (max-width:478px){
	.tit02 span {
		display: block;
		margin: 5px 0 0 0;
	}
}


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

- Section Style

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

/* section
------------------------------- */

.section01 {
	padding-top: 49px;
	margin-top: -49px;
}


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

- PageNavi

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

.pageNav01 {
	display: table;
	width: 100%;
	margin-bottom: 0;
	background-color: #e9f0fa;
	border-bottom: 1px solid #c2d2e8;
}
.pageNav01.last,
.pageNav01:last-child {
	border-bottom: none;
}
.pageNav01 li {
	width: 25%;
	display: table-cell;
	border-right: 1px solid #c2d2e8;
}
.pageNav01 li:last-child {
	border-right: none;
}
.pageNav01 li a {
	display: block;
	color: #333;
	padding: 15px;
	padding-left: 30px;
	background: url(/files/img/common/ico_arw_04.png) 15px 22px no-repeat;
}

@media screen and (max-width:767px){
	.pageNav01.last {
		border-bottom: none;
	}
	.pageNav01 li {
		width: 100%;
		display: block;
		border-right: none;
		border-bottom: 1px solid #c2d2e8;;
	}
	.pageNav01 li:last-child {
		border-bottom: none;
	}
	.pageNav01.last li:last-child {
		border-bottom: 1px solid #c2d2e8;
	}
	.pageNav01 li a {
		display: block;
	}
	.pageNav01 li.spNone {
		display: none;
	}
}


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

- indexNavi

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

.indexNav01 {
	display: none;
}
.display {
	display: block;
}
.indexNav01 {
	margin-bottom: 20px;
}
.indexNav01 li {
	float: left;
	width: 50%;
	margin-bottom: 20px;
	display: table-cell;
}
.indexNav01 li a {
	display: block;
	color: #333;
	margin-right: 20px;
	padding-left: 35px;
	font-size: 123.1%;
	font-weight: 700;
	background: url(/files/img/common/ico_arw_01_pc.png) 15px 50% no-repeat;
	border-left: 1px dotted #bbb;
}
.indexNav01 li a:hover {
	background-color: #e9f0fa;
}
.indexNav01 li p {
	margin: 5px 0 0 35px;
}

@media screen and (max-width:767px){
	.indexNav01 {
		display: inherit;
	}
	.indexNav01 li {
		width: 100%;
		display: block;
		margin-bottom: 10px;
	}
	.indexNav01 li a {
		display: block;
		margin-right: 0;
	}
}

.display {
	display: block;
}
.indexNav02 {
	margin-bottom: 20px;
}
.indexNav02 li {
	float: left;
	width: 50%;
	margin-bottom: 20px;
	display: table-cell;
}
.indexNav02 li a {
	display: block;
	color: #333;
	margin-right: 20px;
	padding-left: 35px;
	font-size: 123.1%;
	font-weight: 700;
	background: url(/files/img/common/ico_arw_01_pc.png) 15px 50% no-repeat;
	border-left: 1px dotted #bbb;
}
.indexNav02 li a:hover {
	background-color: #e9f0fa;
}
.indexNav02 li p {
	margin: 5px 0 0 35px;
}

@media screen and (max-width:767px){
	.indexNav02 {
		display: inherit;
	}
	.indexNav02 li {
		width: 100%;
		display: block;
		margin-bottom: 10px;
	}
	.indexNav02 li a {
		display: block;
		margin-right: 0;
	}
}


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

- List Style

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

/* list
------------------------------- */

ul.list01 {

}

ul.list01 li {
	list-style-type: none;
}

/* defaultList
------------------------------- */

.defList01 {

}

.defList01 li {
	margin-left: 1em;
	text-indent: -1em;
}

.defList02 li {
	margin: 0 0 5px;
	border: none;
	padding: 0 0 0 13px;
	background: url(/files/img/common/dot_list_01.png) 0 6px no-repeat;
}

.defList01.ind2em li {
	margin-left: 2em;
	text-indent: -2em;
}
.defList01.ind3em li {
	margin-left: 3em;
	text-indent: -3em;
}
.defList03 li {
	margin-left: 2em;
	text-indent: -2em;
}

/* defaultList
------------------------------- */

.defaultList {
	padding-left: 30px;
}

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

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

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

- Button Style

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

/* btn
------------------------------- */

.btnUnit01 {
	text-align: center;
}

.btnUnit01 li {
	display: inline;
	padding: 0 10px;
}

.btnUnit01 li input {
	vertical-align: bottom;
}

@media screen and (max-width:767px){
	.btnUnit01 li {
		padding: 0;
	}
}


/* btnStl
------------------------------- */
a.btnStl01 {
	background-color: #eee;
	font-size: 115.4%;
	font-weight: 700;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	-moz-box-shadow: 0 3px 0 #ccc;
	-webkit-box-shadow: 0 3px 0 #ccc;
	-o-box-shadow: 0 3px 0 #ccc;
	-ms-box-shadow: 0 3px 0 #ccc;
	box-shadow: 0 3px 0 #ccc;
	display: inline-block;
	text-decoration: none;
	padding: 7px 30px 5px 30px;
	*padding-top: 5px;
	letter-spacing: 1px;
	line-height: 1.666;
	color: #333;
	vertical-align: bottom;
}
a.btnStl01 span {
	background:  url(/files/img/common/ico_arw_01_pc.png) no-repeat 0 6px;
	padding-left: 15px;
}
a.btnStl01:hover {
	margin-top: 2px;
	padding-top: 7px;
	*padding-top: 6px;
	padding-bottom: 3px;
	background-color: #ccc;
	-moz-box-shadow: 0 3px 0 #ccc;
	-webkit-box-shadow: 0 3px 0 #ccc;
	-o-box-shadow: 0 3px 0 #ccc;
	-ms-box-shadow: 0 3px 0 #ccc;
	box-shadow: 0 3px 0 #ccc;
	color: #333;
}

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

- Table Style

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

/* tbl
------------------------------- */

table.tbl01 {
	width: 100%;
	margin-bottom: 20px;
	table-layout: fixed;
}

table.tbl01 th,
table.tbl01 td {
	padding: 0.5em 1em 0.4em;
	border: 1px solid #ccc;
	vertical-align: top;
}

table.tbl01 th {
	background-color: #eee;
	font-weight: 700;
}
table.tbl01.color02 th {
	background-color: #e9f0fa;
}


table.tbl01.th01 th,
table.tbl01.th03 th {
	text-align: left;
	vertical-align: middle;
	background-color: #e9f0fa;
}
table.tbl01.th02 th {
	text-align: center;
}
table.tbl01.th03 th {
	padding: 0.5em 0.5em 0.4em;
}
table.tbl01.th04 th {
	background-color: #e9f0fa;
}
table.tbl02 {
	width: 100%;
	border-top: 1px solid #ccc;
}
table.tbl02 th,
table.tbl02 td {
	padding: 10px 1em 9px;
	border-bottom: 1px solid #ccc;
	vertical-align: middle;
}
table.tbl02 th {
	text-align: center;
}
table.tbl02.th03 th {
	font-weight: 700;
	background-color: #e9f0fa;
}
table.tdC td {
	text-align: center;
	vertical-align: middle;
}

table.tbl04 {
	border-top: 1px solid #CCC;
	width: 100%;
}
table.tbl04 th,
table.tbl04 td {
	border-bottom: 1px solid #CCC;
	padding: 8px;
}
table.tbl04 th {
	background-color: #e9f0fa;
	padding: 8px 8px 8px 15px
}
table.tbl04 td:last-child {
	text-align: right;
	min-width: 5em;
}

table.tbl05 {
	margin-bottom: 30px;
	border-top: 2px solid #CCC;
	width: 100%;
}
table.tbl05 th,
table.tbl05 td {
	border-bottom: 1px solid #CCC;
	padding: 8px 5px;
}
table.tbl05 tr:nth-child(3) {
	background-color: #eee;
}
table.tbl05 tr:nth-child(3) td {
	width: 25%;
}
table.tbl05 td h4 strong {
	font-weight: 700;
	margin-right: 10px;
	font-size: 107.7%;
}


@media screen and (max-width:576px){

	.spTblWrap {
		overflow-x: auto;
	}
	.pcNone2 {
		display: block;
		color: #f00
	}
}



/* col
------------------------------- */

.colW05 { width: 5%;}
.colW08 { width: 8%;}
.colW10 { width: 10%;}
.colW11 { width: 11%;}
.colW15 { width: 15%;}
.colW18 { width: 17%;}
.colW20 { width: 20%;}
.colW25 { width: 25%;}
.colW30 { width: 30%;}
.colW33 { width: 33%;}
.colW35 { width: 35%;}
.colW40 { width: 40%;}
.colW45 { width: 45%;}
.colW50 { width: 50%;}

.colW11em { 
	width: 11em;
}


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

- Form Style
(input要素の幅は適宜調整する)

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

input.txt,
textarea.txt,
select.txt {
	padding: 2px;
	border: 1px solid #ccc;
	vertical-align: baseline;
}

input.small01 { width: 5em;}
input.small02 {	width: 50px;}

input.medium01 { width: 150px;}
input.medium02 { width: 250px;}
input.medium02 { width: 350px;}

textarea.large01,
input.large01 {
	width: 98%;
}

.selectYear {
	margin-bottom: 20px;
}
.selectYear select {
    -webkit-appearance: button;
	-moz-appearance:none;
    appearance: button;
    width: 15em;
    height: 40px;
    line-height: 40px;
    vertical-align: middle;
    border: 1px solid #CCC;
    padding: 0 1.5em;
	background: #fff url(/files/img/common/ico_arw_04.png) 93% center no-repeat;
    border-radius: 0;
	text-indent: 0.01px;
	text-overflow: "";
}


@-moz-document url-prefix() { /* for firefox */
    .pullDown select {
        background:none;
        background-color: #FFF;
    }
}


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

- Text Style

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

a.link {
	padding-left: 30px;
	background: url(/files/img/common/ico_arw_01_pc.png) 15px 50% no-repeat;
}
a.link0 {
	padding-left: 15px;
	background: url(/files/img/common/ico_arw_01_pc.png) 0 50% no-repeat;
}
.innre_link01 a.link0 {
	width: auto;
    margin-right: 20px;
    display: inline-block;
}
.fSize12 {
	font-size: 92.4%;
}
.fWt700 {
	font-weight: 700;
}

.outLink:after {
	font-family: FontAwesome;
    font-style: normal;
    margin-left: 0.5em;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: "\f08e";
    color: #fff;
}
.noAround {
	overflow: auto;
}
.splnote {
	font-size: 12px;
	text-align: right;
}
#main p.profname {
	font-size: 15px;
    font-weight: 700;
	margin-bottom: 0;
	overflow: visible;
    word-break: break-word;
}
.profSec {
    margin-bottom: 3px;
}

@media screen and (max-width:767px){
	.splnote {
		text-align: left;
	}
	#main .profSec p.proftxt {
		margin-bottom: 1em;
	}
	.innre_link01 a.link0 {
		width: auto;
		display: block;
	}
}


/*closeSec*/
.closeSec {
	text-align: center;
}




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

- img Style

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

img.imgL {
	float: left;
	margin: 0 1em 1em 0;
}
img.imgR {
	float: right;
	margin: 0 0 1em 1em;
}
.boxL {
	float: left;
	margin: 0 1em 1em 0;
}

#main p.imgCap {
	font-size: 12px;
	line-height: 1.3;
	margin: 5px 0 0 0;
	overflow: visible;
    word-break: break-word;
}

@media screen and (max-width:767px){
	img.max50 {
		max-width: 50%;
	}
	.boxL {
		max-width: 40%;
	}
}


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

- Width

---------------------------------------- */
.w50     { width: 50px !important;}
.w150    { width: 150px !important;}
.w100    { width: 100px !important;}
.w200    { width: 200px !important;}
.w250    { width: 250px !important;}
.w300    { width: 300px !important;}
.w350    { width: 350px !important;}
.w5per  { width: 5% !important;}
.w8per  { width: 8% !important;}
.w10per  { width: 10% !important;}
.w15per  { width: 15% !important;}
.w20per  { width: 20% !important;}
.w23per  { width: 23% !important;}
.w25per  { width: 25% !important;}
.w30per  { width: 30% !important;}
.w35per  { width: 35% !important;}
.w40per  { width: 40% !important;}
.w45per  { width: 45% !important;}
.w50per  { width: 50% !important;}
.w60per  { width: 60% !important;}
.w70per  { width: 70% !important;}
.w80per  { width: 80% !important;}
.w90per  { width: 90% !important;}
.w100per { width: 100% !important;}
.w5em    {  width: 5em !important;}
.w10em   {  width: 10em !important;}
.w15em   {  width: 15em !important;}
.w20em   {  width: 20em !important;}
@media screen and (max-width:767px){
  .spwAuto    { width: auto !important;}
	.sp_w50     { width: 50px !important;}
	.sp_w150    { width: 150px !important;}
	.sp_w100    { width: 100px !important;}
	.sp_w200    { width: 200px !important;}
	.sp_w250    { width: 250px !important;}
	.sp_w300    { width: 300px !important;}
	.sp_w350    { width: 350px !important;}
	.sp_w5per   { width: 5% !important;}
	.sp_w8per   { width: 8% !important;}
	.sp_w10per  { width: 10% !important;}
	.sp_w15per  { width: 15% !important;}
	.sp_w20per  { width: 20% !important;}
	.sp_w23per  { width: 23% !important;}
	.sp_w25per  { width: 25% !important;}
	.sp_w30per  { width: 30% !important;}
	.sp_w35per  { width: 35% !important;}
	.sp_w40per  { width: 40% !important;}
	.sp_w45per  { width: 45% !important;}
	.sp_w50per  { width: 50% !important;}
	.sp_w60per  { width: 60% !important;}
	.sp_w70per  { width: 70% !important;}
	.sp_w80per  { width: 80% !important;}
	.sp_w90per  { width: 90% !important;}
	.sp_w100per { width: 100% !important;}
	.sp_w5em    { width: 5em !important;}
	.sp_w10em   { width: 10em !important;}
	.sp_w15em   { width: 15em !important;}
	.sp_w20em   { width: 20em !important;}
}

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

- Stopgap Class
(以下は暫定的、又はイレギュラーな場合のみ使用。通常は使用しない)

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

.clear {
	clear: both;
}

.hidden {
	height: 0;
	width: 0;
	overflow: hidden;
}

.mgt0 { margin-top: 0;}
.mgt5 { margin-top: 5px;}
.mgt10 {	margin-top: 10px;}
.mgt15 {	margin-top: 15px;}
.mgt20 {	margin-top: 20px;}
.mgt30 {	margin-top: 30px;}
.mgb0 { margin-bottom: 0;}
.mgb0I { margin-bottom: 0 !important;}
.mgb5 { margin-bottom: 5px;}
.mgb10 { margin-bottom: 10px;}
.mgb15 { margin-bottom: 15px;}
.mgb20 { margin-bottom: 20px;}
.mgb30 { margin-bottom: 30px;}
.mgb40 { margin-bottom: 40px;}
.mgb50 { margin-bottom: 50px;}
.mgl1em {	margin-left: 1em;}
.mgr20 { margin-right: 20px;}

.alnC { text-align: center;}
.alnR { text-align: right;}
.nowrap { white-space: nowrap;}
.breakWord { word-wrap: break-word;}

.vtckAl { vertical-align: middle!important;}

.bdrBtmNone {border-bottom: none!important;}

img.mgr20 {	margin-right: 20px;}


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

eng

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

html:lang(en) .innre_link01 a.link0  {
	width: 100%;
}
@media screen and (max-width:767px){
	html:lang(en) .innre_link01 a.link0 {
		background: url(http://www.sci-museum.jp/files/img/common/ico_arw_01_pc.png) 0 6px no-repeat;
	}
}

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

chn

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

html:lang(zh-cn) .innre_link01 a.link0  {
	width: 100%;
}
@media screen and (max-width:767px){
	html:lang(zh-cn) .innre_link01 a.link0 {
		background: url(http://www.sci-museum.jp/files/img/common/ico_arw_01_pc.png) 0 6px no-repeat;
	}
}

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

kor

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

html:lang(ko) .innre_link01 a.link0  {
	width: 100%;
}
@media screen and (max-width:767px){
	html:lang(ko) .innre_link01 a.link0 {
		background: url(http://www.sci-museum.jp/files/img/common/ico_arw_01_pc.png) 0 6px no-repeat;
	}
}



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

clearfix (基本的にクラス指定では使用しない、必要なければ消す)

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

/* Modern Browsers
------------------------------- */
.profSec:after,
.indexNav01:after {
	display: block;
	visibility: hidden;
	clear: both;
	height: 0;
	content: ".";
	line-height: 0;
}

/* Legacy IE
------------------------------- */
.profSec,
.indexNav01 {
	*zoom: 1;
}