@charset "UTF-8";

body{
	margin:0;
	padding:0;
	width:100%;height:100%;
	background-color:#fff;
	font-size:100%;
	line-height:1.57;
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro" ,Osaka, "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	position:absolute;
	top:0;

	-webkit-text-size-adjust: 100%;
}


body.safari{
	-webkit-font-smoothing:antialiased;
	font-smoothing:antialiased;
}

a:link{
	color:#0068b7;
	text-decoration:none;
}
a:visited{
	color:#00345c;
	text-decoration:none;
}

a:hover,
a:active{
	color:#e93b16;
	text-decoration:underline;
}

a img{
	opacity:0.99;
	-webkit-transform:translate3d(0,0,0)
}

a:hover img{
	opacity:0.5;
}

/*
a要素の最後にアイコン表示(テキストの場合のみ付与)
***********************/

/*a.pdf{*/

/*}*/

/*a.word{*/

/*}*/

/*a.exel{*/

/*}*/

/*a.zip{*/

/*}*/

/*a.blank{*/

/*}*/

.sp{
	display:none;
}

#wrapper{
	font-size:0.875em;
	color:#090909;
	position:relative;
	padding-top:1px;

}

.pc_wrap #wrapper{
	min-width:1000px;
}

#wrapper.large{
	font-size:1.17em;
}

.content_wrap{
	max-width:980px;
	padding-left:0.95%;
	padding-right:0.95%;
	width:98%;
	position:relative;
	margin:0 auto;
	zoom:1;
}

/*body.pc_wrap .content_wrap{*/
	/*width:980px;*/
/*}*/


.content_wrap:after{
	content:"";
	display:block;
	clear:both;
	font-size:0;
	line-height:0;
	visibility:hidden;
}

/*
headerr
****************************/

header{
	width:100%;
	position: absolute;
	top:0;
	z-index: 2
}

header .control a:hover img{
	opacity:0.5;filter:alpha(opacity=50);
}

header .control{
	width:100%;
	background-image:url(../img/header/header_top_back.png);
}

header .content_wrap>div{
	float:left;
}

header .language{
	margin-left:28.47%;
	width:13.4%;
	max-width:130px;
	position:relative;
}

header .language>div{
	position:relative;
}

header .language a{
	display:block;
	position:relative;
}

header .language p{
	width:100%;
	position:absolute;
	top:0.1em;
	text-align:center;
	color:#090909;
	font-size:0.85em;
	/*font-size:0.75rem;*/
	line-height: 3.2;
}

#wrapper.large header .language p{
	font-size:0.635em;
}

header .language a:hover p{
	color:#8f8f8f;
}

header .language .active a:hover p{
	color:#090909;
}

header .language img{
	position:absolute;
	top:0;
	left:0;
}

header .language img.on{
	position:relative;
	opacity:0;
	filter:alpha(opacity=0);
}

header .language .active img{
	opacity:0;
	filter:alpha(opacity=0);
}



header .language .active img.on{
	opacity:1;
	filter:alpha(opacity=100) ;
}

header .language .active:hover img{
	opacity:0;
	filter:alpha(opacity=0);
}

header .language .active a:hover img{
	opacity:0 !important;
	filter:alpha(opacity=0) !important;
}

header .language .active:hover img.on{
	opacity:1 ;
	filter:alpha(opacity=100) ;
}

header .language .active a:hover img.on{
	opacity:1  !important;
	filter:alpha(opacity=100)  !important;
}

header .language .jp{
	float:left;
	width:55.4%;
	max-width:72px;
}


header .language .en{
	float:left;
	width:44.6%;
	max-width:58px;
}

header .language .active a:hover img{
	opacity:1;
	filter:alpha(opacity=100);
}



header .size{
	width:18.7%;
	max-width:177px;
	position:relative;
}

header .size>div{
	position:relative;
	cursor:pointer;
}

header .size>div a{
	position:relative;
	display:block;
}

header .size>div img{
	position:absolute;
	cursor:pointer;
	top:0;
	left:0;
}


header .size>div:hover img.on{
	opacity:1 !important;
	filter:alpha(opacity=100) !important;
}

header .size>div img.on{
	position:relative;
	opacity:0;
	filter:alpha(opacity=0);
}

header .size>div.active img{
	opacity:0;
	filter:alpha(opacity=0);
}

header .size>div.active img.on{
	opacity:1;
	filter:alpha(opacity=100);
}



header .size>div.active:hover img{
	opacity:0;
	filter:alpha(opacity=0) !important;
}

header .size>div:hover img{

	opacity:0;filter:alpha(opacity=0) !important;
}
header .size>div:hover img.on{
	opacity:0.5 !important;
	filter:alpha(opacity=50) !important;
}

header .size>div.active:hover img.on{
	opacity:1 !important;
	filter:alpha(opacity=100) !important;
}



header .size>img{
	display:block;
	float:left;
	width:55%;
	max-width:97px;
}

header .size .normal{
	float:left;
	width:23.7%;
	max-width:42px;
}



header .size .big{
	float:left;
	width:21.3%;
	max-width:38px;
}



header form{
	width:24.6%;
	max-width:241px;
	float:left;
	margin-left:2em;
}

#wrapper.large header form{
	margin-left: 1.5em;
}

header form .input_area{
	float:left;
	width:80%;
	max-width:193px;
	position:relative;
}

header form input{
	display:block;
	position:absolute;
	border:none;
	top:27%;
	font-size: 1em;
	left:14%;
	width:86%;
}

#wrapper.large header form input{
	font-size: 0.854em;
}


header form button{
	display:block;
	width:20%;
	max-width:48px;
	border:none;
	cursor:pointer;
}

header form button:hover img{
	opacity:0.5;filter:alpha(opacity=50);
}

header .content_wrap .social_btn{
	float:right;
	margin-right:0.3%;
	width:6.14%;
	max-width:60px;
}



header .social_btn a{
	display:block;
	width:50%;
	float:left;
	max-width:30px;
}



header .nav_area{
	background-image:url(../img/header/header_nav_back.png);
}

header .nav_area li{
	float:left;
	position:relative;
}

header .nav_area li a{
	display:block;
}


/*
logo
********/

h1{
	float:left;
	width:24.3%;
	max-width:237px;
}

h1 a:hover img{
	opacity:1;
	/*filter:alpha(opacity=100);*/
}

header nav.sub{
	float:right;
	width:28.4%;
	max-width:278px;
	margin-top: 1.3%;
	/*font-size:0;*/
}

header nav.sub p{
	position:absolute;
	font-size:0.85em;
	/*font-size:0.75rem;*/
	line-height:1;
	top:0;
	height:100%;
	width:100%;
	text-align:center;
	color:#124268;
}

#wrapper.large header nav.sub p{
	font-size:0.635em;
}

header nav.sub .sub03 p{
text-align: right;
}

header nav.sub a:hover p{
	color:#78a6c8;
}

header nav.sub li,
header nav.sub li a{
	display:block;

}

header .sub01{
	width:35.25%;
	max-width:98px;

}
header .sub02{
	width:35.25%;
	max-width:98px;
}
header .sub03{
	width:29.4%;
	max-width:82px;
}

header .global{
	width:73%;
	max-width:728px;
	position:absolute;
	bottom:0;
	right:0.95%;
	background-image:url(../img/header/header_nav_line.png);
	background-size:contain;
	background-position:right;
	background-repeat:no-repeat;
}


header .global li{
	background-image:url(../img/header/header_nav_line.png);
	background-size:contain;
	background-position:left;
	background-repeat:no-repeat;
	position:relative;
}



header .global li img{
	display:block;
}

header .global li img.on{
	position:absolute;
	opacity:0;
	top:0;
	left:0;
	cursor:pointer;
}

header.ie8 .global li img.on{
	visibility:hidden;
}

header .global li:hover img.on{
	opacity:1;
}

header.ie8 .global li:hover img.on{
	visibility:visible;
}

header .global01,
header .global03,
header .global04,
header .global06{
	width:16.6%;
	max-width:121px;
}

header .global02,
header .global05{
	width:16.8%;
	max-width:122px;
}

header .global li.stay a{
	background-image:url(../img/header/header_nav_stay_01.png);
	background-size:100% 100%;
	display:block;
	position:absolute;
	top:0;
	width:100%;
	height:100%;
}

header .global .global02.stay a,
header .global .global05.stay a{
	background-image:url(../img/header/header_nav_stay_02.png);
	background-size:100% 100%;
	display:block;
	position:absolute;
	top:0;
	width:100%;
	height:100%;
	background-repeat:no-repeat;
}

/*
megatop
**********************/
#megatop{
	background-image:url(../img/megadrop/megadrop_back.png);
	background-repeat:repeat-x;
	/*display:none;*/
	position:absolute;
	z-index:1;
	width:100%;

	-webkit-transition:opacity 0.3s ease-in-out 0.1s;
	transition:opacity 0.3s ease-in-out 0.1s;

	visibility:hidden;
	opacity:0;
	overflow:hidden;
}

#megatop.ie8 {
	display:none;
}

#megatop.active{
	/*display:block;*/
	visibility:visible;
	opacity:1;
}

#megatop.ie8.active{
	display:block;
}

#megatop .content_wrap>div:first-child{
	position:relative;
}
#megatop .content_wrap>div{

	/*display:none;*/
	visibility:hidden;
	-webkit-transition:opacity 0.3s ease-in-out;
	transition:opacity 0.3s ease-in-out;
	opacity:0;
	position:absolute;
	top:0;
	left:0;
}

#megatop.ie8 .content_wrap>div{
	/*display:none;*/
}

#megatop.ie8 .content_wrap>div.active{
	/*display:block;*/

}


#megatop .content_wrap>div.active{
	/*display:block;*/
	visibility:visible;
	opacity:1;
}

#megatop .linkbtn{
	width:22.15%;
	max-width:217px;
	position:absolute;
	top:32%;
	left:0;
}

#megatop a:link,
#megatop a:visited,
#megatop a:active{
	color:#000000;
	text-decoration:none;
}
#megatop a:hover{
	color:#888888;
	text-decoration:none;
}

#megatop .right_block{
	position:absolute;
	width:74.2%;
	max-width:728px;
	top:0;
	margin-top:1.3%;
	right:0;

}

#megatop .right_block>ul>li{
	float:left;
	width:31.7%;
	max-width:231px;
	background:url(../img/megadrop/megadrop_underbar.png) no-repeat bottom;
	padding-bottom: 0.1em;
}



#megatop .right_block .center{
	margin-left:2.4%;
}

#megatop .right_block .right{
	float:right;
}

#megatop li,#megatop dt,#megatop dd{
	position:relative;
}

#megatop a,
#megatop span{
	display:block;
	position:absolute;
	vertical-align:middle;
	top:0;
	left:0;
	width:100%;
}

#megatop .li_01 a{
	line-height:3.8em;
}

#megatop .li_03 a{
	line-height:1.7em;
	padding-top:1em;
}

#megatop .dt_01 a,
#megatop .dt_01 span{
	line-height:3.8em;
}

#megatop .dt_02 a{
	line-height:3.8em;
}

#megatop .dt_03 a{
	line-height:1.7em;
	padding-top:1em;
}

#megatop .dd_01 a{
	line-height:1.7em;
	padding-left:0.4em;
}

#megatop .dd_02 a{
	line-height:1.7em;
	padding-left:0.4em;
}

#megatop .about .right_block .left{
	padding-bottom: 0.25em;
}

#megatop .about .right_block .right dl{
	padding-bottom: 0.13em;
}

#megatop .research .right_block .left dl{
	padding-bottom: 0.1em;
}

#megatop .research .right_block .center dl{
	padding-bottom: 0.25em;
}

#megatop .research .right_block .right li{
	padding-bottom: 0.2em;
}

#megatop .education .right_block .center{

}

#megatop .resources .right_block .left dl{
	padding-bottom: 0.1em;
}

#megatop .resources .right_block .center dl{
	padding-bottom: 0.1em;
}

/* ------------1月26日jobs追加--------------- */
#megatop .education .right_block,
#megatop .resources .right_block,
#megatop .news .right_block,
#megatop .jobs .right_block{
	margin-top:9.2%;
}



#main{

}

.content{

}



/*footer{*/
	/*width:100%;*/
	/*background-color:#eceff1;*/
	/*height:auto;*/
	/*padding-bottom:4.08%;*/
/*}*/

/*footer.tmp{*/
	/*padding-top:3.1em;*/
/*}*/
/*footer .footer_banner_set{*/
	/*width:100%;*/
	/*padding-top:5.61%;*/
	/*margin-bottom:4.59%;*/
/*}*/
/*footer .footer_banner{*/
	/*float:left;*/
/*}*/

/*!* 京都大学医学部付属病院iPS細胞臨床開発部 *!*/
/*footer .footer_banner1{*/
	/*!* margin-left:0; *!*/
	/*margin-left:1.8%;*/
	/*width:15.3%;*/
	/*max-width:150px;*/
/*}*/
/*!* iPS Trend *!*/
/*footer .footer_banner2{*/
	/*!* margin-left:1.8%;	 *!*/
	/*float:right;*/
	/*width:15.1%;*/
	/*max-width:148px;*/
/*}*/
/*!* 上廣倫理研究部門 *!*/
/*footer .footer_banner3{*/
	/*margin-left:1.8%;*/
	/*width:15.1%;*/
	/*max-width:148px;*/
/*}*/
/*!* 京都大学 *!*/
/*footer .footer_banner4{*/
	/*margin-left:1.8%;*/
	/*width:13.37%;*/
	/*max-width:131px;*/
/*}*/
/*!* iCeMS *!*/
/*footer .footer_banner5{*/
	/*!* margin-left:3.57%;	 *!*/
	/*margin-left:1.8%;*/
	/*width:15.82%;*/
	/*max-width:155px;*/
/*}*/
/*!* 再生医科学研究所 *!*/
/*footer .footer_banner6{*/
	/*!* float:right; *!*/
	/*!* margin-right:1.12%; *!*/
	/*margin-left:1.8%;*/
	/*width:13.78%;*/
	/*max-width:135px;*/
/*}*/

/*!*-------en--------*!*/
/*footer .footer_banner_set{*/
	/*width:100%;*/
	/*padding-top:5.61%;*/
	/*margin-bottom:4.59%;*/
/*}*/
/*footer .footer_banner_en{*/
	/*float:left;*/
/*}*/

/*!* 京都大学医学部付属病院iPS細胞臨床開発部 *!*/
/*footer .footer_banner1_en{*/
	/*!* margin-left:0; *!*/
	/*margin-left:3.0%;*/
	/*width:11.3%;*/
	/*max-width:150px;*/
/*}*/
/*!* iPS Trend *!*/
/*footer .footer_banner2_en{*/
	/*!* margin-left:1.8%;	 *!*/
	/*float:right;*/
	/*width:15.1%;*/
	/*max-width:148px;*/
/*}*/
/*!* 上廣倫理研究部門 *!*/
/*footer .footer_banner3_en{*/
	/*margin-left:1.8%;*/
	/*width:15.1%;*/
	/*max-width:148px;*/
/*}*/
/*!* 京都大学 *!*/
/*footer .footer_banner4_en{*/
	/*margin-left:3.0%;*/
	/*width:13.37%;*/
	/*max-width:131px;*/
/*}*/
/*!* iCeMS *!*/
/*footer .footer_banner5_en{*/
	/*!* margin-left:3.57%;	 *!*/
	/*margin-left:1.8%;*/
	/*width:15.82%;*/
	/*max-width:155px;*/
/*}*/
/*!* 再生医科学研究所 *!*/
/*footer .footer_banner6_en{*/
	/*!* float:right; *!*/
	/*!* margin-right:1.12%; *!*/
	/*margin-left:3.0%;*/
	/*width:14.78%;*/
	/*max-width:187px;*/
/*}*/



/*footer .footer_navi_set{*/
	/*width:100%;*/
	/*font-size:0.86em;*/
	/*line-height:1.58em;*/
	/*margin-bottom:9.18%;*/
/*}*/
/*footer .footer_navi_set dl{*/
	/*float:left;*/
	/*position:relative;*/
	/*left:1em;*/
/*}*/
/*footer .footer_navi_set .footer_navi_dl1{*/
	/*width: 17.08%;*/
	/*max-width:138px;*/
/*}*/
/*footer .footer_eng .footer_navi_dl1{*/
	/*width: 18.08%;*/
	/*max-width: 175px;*/
/*}*/

/*footer .footer_navi_set .footer_navi_dl2{*/
	/*width:15.82%;*/
	/*max-width:155px;*/
/*}*/
/*footer .footer_navi_set .footer_navi_dl3{*/
	/*width:15.82%;*/
	/*max-width:155px;*/
/*}*/

/*footer .footer_eng .footer_navi_dl3{*/
	/*width: 19%;*/
	/*max-width: 188px;*/
/*}*/


/*footer .footer_navi_set .footer_navi_dl4{*/
	/*width:14.29%;*/
	/*max-width:140px;*/
	/*margin-left:-3%;*/
/*}*/
/*footer .footer_eng .footer_navi_dl4{*/
	/*width: 17%;*/
	/*max-width: 161px;*/
	/*!* margin-left:-2.76%; *!*/
/*}*/

/*footer .footer_navi_set .footer_navi_dl5{*/
	/*width:16.02%;*/
	/*max-width:157px;*/
/*}*/

/*footer .footer_eng .footer_navi_dl5{*/
	/*width: 12%;*/
	/*max-width: 117px;*/
	/*margin-left: -2%;*/
/*}*/
/*footer .footer_navi_set .footer_navi_dl6{*/
	/*width:20.20%;*/
	/*max-width:198px;*/
/*}*/

/*footer .footer_eng .footer_navi_dl6{*/
	/*width: 11%;*/
	/*max-width: 108px;*/
/*}*/

/*footer .footer_navi_set .footer_navi_dl7{*/
	/*width:7%;*/
	/*max-width:72px;*/
	/*margin-left:-1em;*/
/*}*/
/*footer .footer_navi_set dt a,*/
/*footer .footer_navi_set dt a:visited{*/
	/*color:#000;*/
/*}*/
/*footer .footer_navi_set dt{*/
	/*text-indent:-1em;*/
/*}*/
/*footer .footer_copy_set{*/
	/*width:100%;*/
/*}*/
/*footer .footer_copy_left{*/
	/*float:left;*/
	/*font-size:0.86em;*/
/*}*/
/*footer .footer_copy_right{*/
	/*float:right;*/
	/*font-size:0.71em;*/
	/*color:#78909c;*/
/*}*/

/*footer a:hover,*/
/*footer a:active{*/
	/*text-decoration:none;*/
	/*color:#228ad9;*/
/*}*/

#go_top{
	position:fixed;
	right:1em;
	bottom:2em;
	width:9.38%;
	max-width:60px;
	position:fixed;
	cursor:pointer;
	-webkit-transition:opacity 0.5s ease-out;
	transition:opacity 0.5s ease-out;
	opacity:0;
	z-index:2;
	visibility:hidden;
}

#go_top.show{
	opacity:1;
	visibility:visible;
}

#go_top:hover img.nopc{
	opacity:1 !important;
}
#go_top:hover img{
	opacity:0.5;
}

#go_top:active{
	opacity:1;
}

/*footer .footer_banner_set a:hover img{*/
	/*opacity:0.5;*/
	/*filter:alpha(opacity=50);*/
/*}*/



/*
test
****************/
.box{
	/*width:160px;*/
}

.content_wrap{

	/*border:solid red 1px;*/
}

.hidden{
	display: none !important;
}

.clearfix:after{
	content:"";
	display:block;
	clear:both;
	font-size:0;
	line-height:0;
	visibility:hidden;
}