@charset "utf-8";



/*
Theme Name: トップページ
Theme URI: http://clinicalresgov.umin.jp/
Description: 東京大学医学部付属病院臨床ガバナンス部のオリジナルテーマ2025
Version: 3.0.1
Author: clinicalresgov
*/



body {
	margin: 0px;
	padding: 0px;
	text-align: center;
	background-color: #fff;
	word-break: normal !important;
	word-wrap: break-word;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}

/*
#useful01,#useful02,#useful03,#useful04,#useful05,#useful06,#useful07,#useful08,#useful09,
*/
#a01,#a02,#a03,#a04,#a05 {
	margin-top: -120px; /* 固定ナビの高さ分のネガティブマージン */
	padding-top: 120px; /* 打ち消し用のパディング */
}





h1,h2,h3,h4,h5,h6,p,dl,dt,dd{
	margin: 0px;
	padding: 0px;
}

ul{
	margin: 0px;
	padding: 0px;
	list-style: none;
}

ol{
	margin: 0px;
	padding: 0px;
	list-style-position: inside;
}

li {
	margin: 0px;
	padding: 0px;
}

hr {
	clear: both;
	margin: 0px;
	padding: 0px;
	height: 0px;
	border: none;
	
}

img {
	vertical-align: top;
	margin: 0px;
	padding: 0px;
	border: none;
}

a:link,
a:visited,
a:active {
	overflow: visible;
	outline: none;
	color: #006ab7;
}

a:hover {
	overflow: visible;
	outline: none;
	color: #789;
}

.trans {
	opacity: 1;
}

.trans:hover,
.trans:hover img {
	opacity: 0.8;
}

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

.clearfix {display: inline-table; zoom: 1}
/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}

.clearfix {display: block;}
/* End hide from IE-mac */
.center {
	width: 690px;
	text-align: center;
	clear: both;
	margin-right: auto;
	margin-left: auto;
}





/*東大・東大病院ロゴ*/
.logo {
	float: left;
	width: 160px;
	padding-right: 35px;
	padding-top: 15px;
}

/*ガバナンス部ロゴ*/
h1 img {
	float: left;
	width: 260px;
	margin-top: 5px;
}

#heade-box {
	clear: both;
	width: 1080px;
	height: 92px;
	margin: 0px auto;
	padding: 18px 0px 0px 0px;
}

/*文字サイズと検索窓とか*/
.h-box {
	width: 378px;
	float: right;
	padding-top: 10px;
}

/*検索窓*/
.h-box2 {
	width: 378px;
	display: block;
	padding-bottom: 8px;
}

.h-box form{
	width: 240px;
	float: right;
	padding-top: 0px;
	margin-top: 0px;
	height: 26px;
	font-size: 13px;
}

#search {
	position: fixed;
	top: 0;
	width: 100%;
	z-index: 100;
}

.h-box-nav {
	width: 378px;
	height: 21px;
}

/*3点リンクセット*/
.h-box-nav ul{
	text-align: right;
}

.threeLinks li {
	display: inline;
	font-size: 12px;
	border-right: 1px solid #ccc;
}


.threeLinks li:first-child {
	border-left: 1px solid #ccc;
}

.threeLinks li a {
	padding: 0px 7px 0px 0px;
	color: #555;
	text-decoration: none;
}

.threeLinks li a img {
	vertical-align: middle;
	padding: 0px 2px 2px 4px;
}



.fixed {
	position: fixed;
	top: 0;
	width: 100%;
	z-index: 100;
}





.nav-box {
	width: 100%;
	text-align: center;
	height: 51px;
	background: url(images/nav-bg.png) repeat-x left top;
}



/*PC用メニューバー 2020_01_22追記*/
a:link {
	transition-property:	all;
	transition-duration:	0.2s;
	transition-timing-function:	ease-in-out;
}

nav .mainMenu ul {
	width: 1080px;
	margin: 0px auto;
	padding: 0px 0px 0px 0px;
	font-size: 0px;
	z-index:   200;
}

nav .mainMenu ul li {
	position:   relative;
	display: inline-block;
	width: 16.6%;
	margin: 0px;
	padding: 0px;
	font-size: 13px;
	line-height: 1.3;
	vertical-align: middle;
}

nav .mainMenu ul li a:link {
	display: table;
	width: 100%;
	padding: 2px 0px 1px 0px;
	text-align: center;
	color: #fff;
	text-decoration: none;
	background: #006174;
}

nav .mainMenu a:visited,
nav .mainMenu a:active {
	color: #fff;
}

nav .mainMenu ul li a:hover {
	color: #008;
	text-decoration: none;
	text-shadow: 0px 0px 3px #034;
	color: #ddf;
}

nav .mainMenu ul li a span {
	height: 3.3em;
	display: table-cell;
	vertical-align: middle;
	border-left: 1px solid #3381a4;
}

nav .mainMenu ul li:last-child a span {
	border-right: 1px solid #3381a4;
}

nav .mainMenu ul li.current_page_item a {
	background: #1081a4;
}

.index nav .mainMenu ul li.current_page_item a {
	background: #006174;
}



/*メインメニュー子要素*/
nav .mainMenu ul li ul.sub-menu   {
	visibility: hidden;
	position:   absolute;
	top:   57px;
	left:   -55px;
	width:   300px;
	margin: 0px 0px 0px 0px;
	padding:   0px 0px 0px 0px;
	background:   #fff;
	border-right:   1px solid #888;
	border-bottom:   1px solid #888;
	border-left:   1px solid #888;
	top: 80%;
	opacity: 0;
	transition: 0.3s;
}

nav .mainMenu ul li:hover ul.sub-menu {
	top: 103%;
	visibility: visible;
	opacity: 1;
}

nav .mainMenu ul li ul.sub-menu li {
	display:   block;
	margin:   0px 0px 0px 0px;
	padding:   0px 0px 0px 0px;
}

nav .mainMenu ul li ul.sub-menu li a {
	width:   300px;
	margin:   0px 0px 0px 0px;
	padding:   14px 0px 14px 0px;
	font-size:   13px;
	color:   #000;
	text-shadow:   none;
	text-align:   center;
	border-top:   1px solid #aaa;
	background:   none;
	background:   #fff;
}

nav .mainMenu ul li ul.sub-menu li:first-child a {
	border-top:   none;
}

nav .mainMenu ul li ul.sub-menu li a:hover {
	color:   #00c;
	background:   #eef;
}





#wrapper {
}

.pankuzu{
	height: 40px;
	border-bottom: 1px solid #00a7cb;
}

.pankuzu-box{
	width: 1080px;
	margin: 0px auto;
	padding: 12px 0px 0px 0px;
	font-size: 82%;
	text-align: left;
}



/*パンくずのborderの下からpagetopまで*/
.contents {
	width: 1080px;
	text-align: left;
	margin: 0px auto;
}


.spacer {
	clear: both;
	height: 80px;
}

.page-title {
	clear: both;
	height: 90px;
	background: url(images/title-bg.gif) no-repeat left bottom;
}

.page-title h2 {
	color: #00a6cb;
	font-size: 30px;
	padding: 14px 0px 0px 0px;
}



/*左側の本文ブロック*/
.main {
	float: left;
	width: 790px;
	margin: 0px 0px 0px 0px;
	padding: 50px 0px 0px 0px;
/*
		border: 2px dotted #00A7CB;
*/
}

.contents h3 {
	clear: both;
	width: 780px;
	font-size: 130%;
	color: #00a6cb;
	margin: 0px 0px 15px 0px;
	padding-top: 5px;
	padding-bottom: 5px;
	padding-left: 10px;
	background-color: #f3f3f3;
	border-left: 2px solid #00A7CB;
}

.contents h4 {
	clear: both;
	width: 775px;
	margin: 0px 0px 15px 0px;
	padding: 0px 0px 0px 5px;
	font-weight: bold;
	font-size: 120%;
	border-bottom: 1px solid #DFDFDF;
}

.contents h5 {
	clear: both;
	margin: 0px 0px 15px 0px;
	font-weight: bold;
	font-size: 110%;
}

.contents h6 {
	clear: both;
	margin: 0px 0px 10px 0px;
	font-weight: bold;
	font-size: 100%;
}


.contents ul {
	margin-left: 1.8em;
}



.timestamp {
	margin: 0px 0px 10px 0px;
}





/*ページ右ウィジェット*/

.sub-nav {
	float: right;
	width: 250px;
	margin-top: 50px;
}

.index .sub-nav {
	margin-top: 0px;
}


#sub-nav-con2 {
	margin-top: 30px;
	padding: 0px 10px 10px 10px;
	border: 1px solid #e8e8e8;
	background-color: #f5f5f5;
}

#sub-nav-con2 li{
	padding-top: 10px;
}

/*aboutページのページ内リンク*/
#sub-nav-ga {
	width: 237px;
}

#sub-nav-ga ul {
	margin-left: 0em;
}


#sub-nav-ga a{
	display: block;
	width: 237px;
	padding: 12px 0px 12px 13px;
	font-size: 95%;
	line-height: 1.6;
	text-decoration: none;
	color: #00a6cb;
	background: url(images/ga-bg.png) no-repeat 5px 20px;
}

#sub-nav-ga a:hover {
	width: 237px;
	color: #00a6cb;
	background-color: #caf5ff;
}

#sub-nav-ga li{
	width: 250px;
	border-bottom: 1px dotted #ccc;
	background: -moz-linear-gradient(top,#FFF 0%,#EEEEEE);
	background: -webkit-gradient(linear, left top, left bottom, from(#FFF), to(#EEEEEE));
}


/*トップページ 右側のボタン*/
.inLinkBtn li {
	margin: 0px 0px 10px 0px;
}

.inLinkBtn a {
	display: block;
	padding: 18px 0px 18px 0px;
	font-size: 120%;
	line-height: 1.2;
	color: #fff;
	font-weight: bold;
	text-align: center;
	text-decoration: none;
	border-radius: 3px;
	text-shadow: 1px 1px 2px #003;
}

.inLinkBtn a:hover {
	color: #fff;
	text-decoration: none;
	text-shadow: 1px 1px 2px #833;
}

.aboutLow a {
	background: linear-gradient(to bottom right, #dabbc1 0%, #e26262 50%, #dabbc1 100%);
}

.aboutLow a:hover {
	background: linear-gradient(to bottom right, #dabbc1 0%, #b2424a 50%, #dabbc1 100%);
	background: #d2524a;
}

.aboutKansa a {
	background: linear-gradient(to bottom right, #bfdfab 0%, #3c9d00 50%, #bfdfab 100%);
}

.aboutKansa a:hover {
	background: linear-gradient(to bottom right, #3c9d00 0%, #2c8d00 50%, #3c9d00 100%);
	background: #3c9d00;
}

/*お役立ち情報 ボタン*/
.aboutRegenerative a {
	background: linear-gradient(to bottom right, #afcaff 0%, #0065ea 50%, #afcaff 100%);
}

.aboutRegenerative a:hover {
	background: linear-gradient(to bottom right, #afcaff 0%, #0035ca 50%, #afcaff 100%);
	background: #005cea;
}





#page-top {
	text-align: right;
	clear: both;
	padding: 50px 0px 15px 0px;
}





/*フッター*/
.footer {
	width: 100%;
	clear: both;
	margin: 0px;
	padding: 0px;
	background-color: #f5f5f5;
}

/*3点リンクセット*/
.footer2 {
	width: 1080px;
	padding: 10px 0px 10px 0px;
	margin: 0px auto;
	text-align: right;
}

.footer3 {
	clear: both;
	height: 65px;
	background-color: #d7f0ff;
}

.footer3con {
	width: 1080px;
	clear: both;
	margin: 0px auto;
	padding-top: 18px;
}

.footer-logo {
	width: 177px;
	float: left;
}

.copyright {
	float: right;
	padding: 10px 0px 0px 0px;
	font-size: 10px;
	color: #888;
	line-height: 1.0;
	width: 400px;
	text-align: right;
}





/*トップページ*/

#main-bg{
	width: 100%;
	clear: both;
	background: url(images/main-img-bg.png) repeat;
	text-align: center;
}

#main-img img{
	max-width: 1080px;
	margin: 0px auto;
}

/*indexの版面（左右プロック・pagetop含む）*/
#top-con {
	width: 1080px;
	margin-right: auto;
	margin-left: auto;
	margin-top: 0px;
}





/*テロップ*/
.animationBox {
	width: 1080px;
	margin: 25px auto 15px auto;
	text-align: center;

}

.animation {
	width: 778px;
	margin: 0px 0px 0px 0px;
	padding: 3px 0px 3px 0px;
	font-size: 115%;
	line-height: 1.6;
	font-weight: bold;
	overflow   : hidden;

/*　明滅させるやつ
	border: 1px dotted #bbb;
	animation: flash 7.0s linear infinite;
*/
}

.animation span{
	display : inline-block;
	padding-left : 100%;
	white-space : nowrap;
	animation : scrollAnime 10.0s linear infinite;
}

/*スクロールの場合*/
@keyframes scrollAnime {
	0% {
		transform: translateX(0);
	}
	100% {
		transform: translateX(-100%);
	}
}


/*　明滅させる場合
@keyframes flash {
	0%,100% {
	opacity: 0.1;
	color: #c00;
	text-shadow: 0px 0px 1px #fff;
	}

	20% {
	opacity: 1.0;
	color: #c00;
	text-shadow: 2px 2px 7px #aaa;
	}

	70% {
	opacity: 1.0;
	color: #c00;
	text-shadow: 2px 2px 7px #aaa;
	}
}
*/




/*20200123追記　イベント・お知らせ*/

.newsArea {
	float: left;
	width: 780px;
}


.newsTitle {
	margin: 0px 0px 20px 0px;
	padding: 7px 0px 7px 10px;
	font-size: 130%;
	font-weight: bold;
	color: #063e4d;
	background: #fff;
	border-top: 3px solid #063e4d;
	border-bottom: 1px dotted #063e4d;
}

.newsFrameUpper,
.newsFrameLower {
	overflow: auto;
	margin: 0px 0px 0px 0px;
/*
	border: 1px solid #ccc;
*/
}

.newsFrameUpper {
	max-height: 600px;
	margin: 0px 0px 50px 0px;
	padding: 5px 10px 0px 10px;
}

.newsFrameLower {
	max-height: 250px;
	margin: 0px 0px 0px 0px;
	padding: 5px 10px 20px 10px;
}

.news_unit {
	width:   100%;
	margin: 0px 0px 0px 0px;
	padding:  11px 0px 11px 0px;
	color:   #555;
	font-size:   92%;
	border-bottom:   1px dotted #ccc;
}

.news_unit:nth-child(2n)   {
	background:   #f7f9fc;
}

.news_date {
	float:   left;
	font-weight:   bold;
	line-height:   1.5;
}

.news_headline {
	padding: 0px 0px 0px 0px;
	margin-left:   7.5em;
	padding-left:   7.0em;
	font-weight:   bold;
	line-height:   1.5;
}

.newsFrameLower .news_headline {
	margin-left:   8.5em;
	padding-left:   0em;
}



.news_unit .general {
	background: url(images/other.png) no-repeat;
	background-position: 0px 1px;
}

.news_unit .general,
.news_unit .edu-news,
.news_unit .pub,
.news_unit .paper {
	background: url(images/news.png) no-repeat;
	background-position: 0px 1px;
}

.news_unit .news_headline[class*='about'] {
	background: url(images/news.png) no-repeat;
	background-position: 0px 1px;
}

.news_unit .edu-events {
	background: url(images/events.png) no-repeat;
	background-position: 0px 1px;
}

/*
.news_unit .useful {
	background: url(images/ctr.png) no-repeat;
}
*/


.excerpt {
	margin:   5px 0px 0px 0px;
	line-height:   1.7;
	font-weight:   normal;
}





/*臨床ガバナンス部とは*/

/*左各ブロック*/
.con-box {
	width: 790px;
	clear: both;
	padding-bottom: 100px;
}

/*部長あいさつ*/
.greetings {
	clear: both;
	margin-top: 70px;
}

.photo {
	float: right;
	width: 180px;
	padding: 10px 0px 20px 10px;
}

.photo-text{
	font-weight: bold;
	text-align: right;
	padding: 15px 0px 0px 0px;
	font-size: 110%;
}





/*お問い合わせフォーム*/

.contact{
	width: 790px;
	margin: 0px;
	padding: 0px;
}

.contact table{
	width: 100%;
	color: #555;
	border-bottom: 1px dotted #bbb;
}

.contact th{
	width: 200px;
	padding: 20px 10px 10px 10px;
	text-align: left;
	vertical-align: top;
	background-color: #f3faff;
	font-weight: bold;
	border-top: 1px dotted #bbb;
}

.contact td{
	padding: 20px 0px 20px 30px;
	border-top: 1px dotted #bbb;
}

.contact input,
.contact textarea {
	width: 100%;
	padding: 5px 0px;
	font-size: 16px;
	border: 2px solid #ccd;
}

/*送信ボタンのあるエリア*/
.contact p {
	width: 790px;
	padding-top: 30px;
	text-align: center;
}

.contact .submitBtn {
	width: 250px;
	margin: 0px auto;
	padding: 10px 10px;
	background: -moz-linear-gradient(top,#FFF 0%,#E6E6E6);
	background: -webkit-gradient(linear, left top, left bottom, from(#FFF), to(#E6E6E6));
	border: 2px solid #ddd;
	color: #111;
	border-radius: 4px;
	box-shadow: 1px 1px 1px rgba(000,000,000,0.3);
}

/*前の画面に戻る*/
.contact .returnBtn {
	width: 250px;
	padding: 7px 10px;
	background: #fff;
	border: 2px solid #ddd;
	color: #333;
	border-radius: 4px;
}

/*必須*/
.contact table th span {
	font-size: 92%;
	color: #f25;
	font-weight: normal;
}

/*エラー*/
.contact table td span {
	dsiplay: block;
	padding: 2px;
	color: #f33;
	background: #ffc;
}





/*個人情報保護　このページは未使用*/

.privacyPolicy dl {
	width: 100%;
	margin-top: 30px;
	padding-bottom: 60px;
	border-top: 1px solid #ccc;
}

.privacyPolicy dt {
	color: #333;
	font-weight: bold;
	font-size: 110%;
	padding-top: 30px;
}

.privacyPolicy dd {
}

.privacyPolicy li{
	list-style-position: outside;
	margin-left: 25px;
}





/*検索結果*/

.search dl {
	margin-top: 30px;
	padding-bottom: 0px;
	border-top: 1px dotted #ccc;
}

.search dt {
	margin-top: 30px;
	font-weight: bold;
	font-size: 110%;
	line-height: 1.6;
}

.search dt a {
	color: #358;
}

.search dd {
	margin-top: 10px;
	line-height: 1.7;
}





/*添付ファイルのアイコン表示*/
a[href $='.pdf']    {
	display:   block;
	margin:   5px 0px 5px 0px;
	padding:   7px 0px 7px 35px;
    background:   url(images/pdf.png) no-repeat center left;
}

a[href $='.doc']    {
	display:   block;
	margin:   5px 0px 5px 0px;
	padding:   7px 0px 7px 35px;
    background:   url(images/doc.png) no-repeat center left;
}

a[href $='.docx']    {
	display:   block;
	margin:   5px 0px 5px 0px;
	padding:   7px 0px 7px 35px;
    background:   url(images/doc.png) no-repeat center left;
}

a[href $='.xls']    {
	display:   block;
	margin:   5px 0px 5px 0px;
	padding:   7px 0px 7px 35px;
    background:   url(images/xls.png) no-repeat center left;
}

a[href $='.xlsx']    {
	display:   block;
	margin:   5px 0px 5px 0px;
	padding:   7px 0px 7px 35px;
    background:   url(images/xls.png) no-repeat center left;
}

a[href $='.ppt']    {
	display:   block;
	margin:   5px 0px 5px 0px;
	padding:   7px 0px 7px 35px;
    background:   url(images/ppt.png) no-repeat center left;
}

a[href $='.pub']    {
	display:   block;
	margin:   5px 0px 5px 0px;
	padding:   7px 0px 7px 35px;
    background:   url(images/pub.png) no-repeat center left;
}





/*お問い合わせフォーム*/

.contactFormArea {
	width: 790px;
	margin: 0px;
	padding: 0px;
}

.contactFormArea table {
	width: 100%;
	color: #555;
	text-align: left;
	border-bottom: 1px dotted #bbb;
}

.contactFormArea table th {
	width: 200px;
	padding: 20px 10px 10px 10px;
	text-align: left;
	vertical-align: top;
	background-color: #f3faff;
	font-weight: bold;
	border-top: 1px dotted #bbb;
}

.contactFormArea table td {
	padding: 20px 0px 20px 30px;
	border-top: 1px dotted #bbb;
}

.contactFormArea input,
.contactFormArea textarea {
	width: 100%;
	padding: 5px 0px;
	font-size: 16px;
	border: 2px solid #ccd;
}

.contactFormArea .btnArea {
	width: 790px;
	padding-top: 30px;
	text-align: center;
}

.contactFormArea .submitBtn {
	width: 250px;
	margin: 0px auto;
	padding: 10px 10px;
	background: -moz-linear-gradient(top,#FFF 0%,#E6E6E6);
	background: -webkit-gradient(linear, left top, left bottom, from(#FFF), to(#E6E6E6));
	border: 2px solid #ddd;
	color: #111;
	border-radius: 4px;
	box-shadow: 1px 1px 1px rgba(000,000,000,0.3);
}


/*
.contactFormArea .returnBtn {
	width: 250px;
	padding: 7px 10px;
	background: #fff;
	border: 2px solid #ddd;
	color: #333;
	border-radius: 4px;
}

.contactFormArea table th span {
	font-size: 92%;
	color: #f25;
	font-weight: normal;
}

.contactFormArea table td .error {
	dsiplay: block;
	padding: 2px;
	color: #f33;
	background: #ffc;
}
*/









/*--------------------------------------
マージン設定
--------------------------------------*/
.mt00 { margin-top: 0   !important;}
.mt04 { margin-top: 4px !important;}
.mt05 { margin-top: 5px !important;}
.mt08 { margin-top: 8px !important;}
.mt10 { margin-top:10px !important;}
.mt12 { margin-top:12px !important;}
.mt15 { margin-top:15px !important;}
.mt20 { margin-top:20px !important;}
.mt25 { margin-top:25px !important;}
.mt30 { margin-top:30px !important;}
.mt35 { margin-top:35px !important;}
.mt40 { margin-top:40px !important;}
.mt45 { margin-top:45px !important;}
.mt50 { margin-top:50px !important;}
.mt60 { margin-top:60px !important;}
.mt70 { margin-top:70px !important;}
.mt80 { margin-top:80px !important;}
.mt90 { margin-top:90px !important;}
.mt100 { margin-top:100px !important;}
.mr00 { margin-right: 0   !important;}
.mr05 { margin-right: 5px !important;}
.mr09 { margin-right: 9px !important;}
.mr10 { margin-right:10px !important;}
.mr12 { margin-right:12px !important;}
.mr15 { margin-right:15px !important;}
.mr18 { margin-right:15px !important;}
.mr20 { margin-right:20px !important;}
.mr25 { margin-right:25px !important;}
.mr30 { margin-right:30px !important;}
.mr35 { margin-right:35px !important;}
.mr40 { margin-right:40px !important;}
.mr45 { margin-right:45px !important;}
.mr50 { margin-right:50px !important;}
.mb00 { margin-bottom: 0   !important;}
.mb05 { margin-bottom: 5px !important;}
.mb10 { margin-bottom:10px !important;}
.mb12 { margin-bottom:12px !important;}
.mb15 { margin-bottom:15px !important;}
.mb16 { margin-bottom:16px !important;}
.mb20 { margin-bottom:20px !important;}
.mb25 { margin-bottom:25px !important;}
.mb30 { margin-bottom:30px !important;}
.mb35 { margin-bottom:35px !important;}
.mb40 { margin-bottom:40px !important;}
.mb45 { margin-bottom:45px !important;}
.mb50 { margin-bottom:50px !important;}
.mb60 { margin-bottom:60px !important;}
.mb80 { margin-bottom:80px !important;}
.mb100 { margin-bottom:100px !important;}
.ml00 { margin-left: 0   !important;}
.ml05 { margin-left: 5px !important;}
.ml10 { margin-left:10px !important;}
.ml12 { margin-left:12px !important;}
.ml15 { margin-left:15px !important;}
.ml16 { margin-left:16px !important;}
.ml17 { margin-left:17px !important;}
.ml20 { margin-left:20px !important;}
.ml25 { margin-left:25px !important;}
.ml30 { margin-left:30px !important;}
.ml35 { margin-left:35px !important;}
.ml40 { margin-left:40px !important;}
.ml45 { margin-left:45px !important;}
.ml50 { margin-left:50px !important;}

/*--------------------------------------
パディング設定
--------------------------------------*/

.pt00 { padding-top: 0   !important;}
.pt05 { padding-top: 5px !important;}
.pt10 { padding-top:10px !important;}
.pt12 { padding-top:12px !important;}
.pt15 { padding-top:15px !important;}
.pt20 { padding-top:20px !important;}
.pt25 { padding-top:25px !important;}
.pt30 { padding-top:30px !important;}
.pt35 { padding-top:35px !important;}
.pt40 { padding-top:40px !important;}
.pt45 { padding-top:45px !important;}
.pt50 { padding-top:50px !important;}
.pt60 { padding-top:60px !important;}
.pr00 { padding-right: 0   !important;}
.pr05 { padding-right: 5px !important;}
.pr10 { padding-right:10px !important;}
.pr12 { padding-right:12px !important;}
.pr15 { padding-right:15px !important;}
.pr20 { padding-right:20px !important;}
.pr25 { padding-right:25px !important;}
.pr30 { padding-right:30px !important;}
.pr35 { padding-right:35px !important;}
.pr40 { padding-right:40px !important;}
.pr45 { padding-right:45px !important;}
.pr50 { padding-right:50px !important;}
.pr57 { padding-right:57px !important;}
.pr120 { padding-right:120px !important;}
.pb00 { padding-bottom: 0   !important;}
.pb05 { padding-bottom: 5px !important;}
.pb10 { padding-bottom:10px !important;}
.pb12 { padding-bottom:12px !important;}
.pb15 { padding-bottom:15px !important;}
.pb20 { padding-bottom:20px !important;}
.pb25 { padding-bottom:25px !important;}
.pb30 { padding-bottom:30px !important;}
.pb35 { padding-bottom:35px !important;}
.pb40 { padding-bottom:40px !important;}
.pb45 { padding-bottom:45px !important;}
.pb50 { padding-bottom:50px !important;}
.pl00 { padding-left: 0   !important;}
.pl05 { padding-left: 5px !important;}
.pl10 { padding-left:10px !important;}
.pl12 { padding-left:12px !important;}
.pl15 { padding-left:15px !important;}
.pl20 { padding-left:20px !important;}
.pl25 { padding-left:25px !important;}
.pl30 { padding-left:30px !important;}
.pl35 { padding-left:35px !important;}
.pl40 { padding-left:40px !important;}
.pl45 { padding-left:45px !important;}
.pl50 { padding-left:50px !important;}
.pl57 { padding-left:57px !important;}


































/*______________________________

for PC (over 769px)
______________________________*/


.sm,
.smMenu,
.nav_sm {
	display: none;
}




/*タブレット・iPhone7の縦位置用*/
@media only screen and (max-width: 768px){



	/*PC用メニューとか文字サイズと検索窓とか*/
	.mod_headerbox_size,
	.h-box-nav,
	.h-box-nav ul,
	#fixedBox,
	.nav-box,
	.pankuzu,
	.pc,
	.mainMenu {
		display: none;
	}



	html {
		overflow-y: scroll;
		overflow-x: hidden;
	}

	body {
		-webkit-text-size-adjust: 100%;
		margin: 0px;
		padding: 0px;
		text-align: left;
}



	/*ページトップの黒帯とか*/
	.sm,
	.nav_sm  {
		display: block;
	}

	.nav_sm a {
		display: block;
		padding: 8px 8px 8px 8px;
		color: #fff;
		background: #333;
		font-size:	14px;
		line-height: 1.5;
		text-align: right;
	}



#wrapper {
}



#a01,#a02,#a03,#a04,#a05{
		margin-top: 0px; /* 固定ナビの高さ分のネガティブマージン */
		padding-top: 0px; /* 打ち消し用のパディング */
}





#heade-box {
		width: 100%;
		height: auto;
		margin: 0px auto;
		padding: 2% 0% 0% 0%;
}

/*東大・東大病院ロゴ*/
.logo {
		float: left;
		width: 140px;
		padding: 0px 15px 0px 10px;
}

/*ガバナンス部ロゴ*/
h1 img {
		display: block;
		clear: left;
		float: none;
		width: 300px;
		padding: 12px 0px 0px 10px;
}

.h-box {
		width: 100%;
		float: none;
		margin-top: 10px;
		padding: 10px 0px 10px 0px;
		background: #eee;
		border-top: 1px solid #cde;
}

.h-box2 {
		width: 100%;
		margin: 0px;
		padding: 0px;
		text-align: right;
}

/*検索窓*/
.h-box form{
		width: 98%;
		height: auto;
		margin: 0px;
		padding: 0% 2% 0% 0%;
		font-size: 15px;
}





/*トップページ*/

#main-bg {
		margin: 0px;
		padding: 0px;
		background: none;
		border-top: 4px solid #abc;
		border-bottom: 4px solid #abc;
}

#main-img img {
		margin: 0px;
		padding: 0px;
		width: 100%;
}



/*indexの版面（左右プロック・pagetop含む）*/
#top-con {
		width: 96%;
		margin: 25px 0px 0px 0px;
		padding: 0% 2%;
}



/*テロップ*/

	.animationBox {
		width: 100%;
		margin: 8px 0px 0px 0px;
		}

	.animation {
		width: 94%;
		padding: 1% 3%;
		}



/*パンくずのborderの下からpagetopまで*/
.contents {
		width: 96%;
		margin: 0px;
		padding: 0% 2%;
}


.newsArea {
	float: none;
	width: 100%;
}

.newsFrameLower {
	height: auto;
	max-height: 250px;
}

	.news_headline {
		margin-left:   7.5em;
		padding-left:   0em;
}






/*スマートフォン用ナビゲーション*/
.smMenu {
		display: block;
}
	#menu_sm ul {
		width: 100%;
		margin: 0px 0px 0px 0px;
		font-size: 0px;
		border-top: 2px solid #8ac;
	}

	#menu_sm ul li {
		display: block;
		margin: 0px;
		padding: 0px;
		font-size: 15px;
		line-height: 1.3;
		vertical-align: middle;
	}

	#menu_sm ul li a {
		display: block;
		width: 98%;
		padding: 18px 0px 18px 0px;
		padding-left: 2%;
		text-align: left;
		color: #000;
		text-decoration: none;
		background: #ccf;
		border-top: 1px solid #eef;
		border-bottom: 1px solid #88a;
		border-left: 6px solid #8ac;
	}

	#menu_sm ul li a:hover {
		color: #fff;
		text-decoration: none;
		text-shadow: none;
		background: #557;
		border-top: 1px solid #cce;
		border-bottom: 1px solid #003;
		border-left: 6px solid #a85;
	}
	

	#menu_sm ul li.totop a {
		text-align: center;
		background: #ccd;
}

	#menu_sm ul li.totop a:hover {
		color: #fff;
		background: #667;
	}



	/*目立たせるボタン*/
	.smMenu .lower_sm {
		width: 98%;
		margin: 20px 0px 0px 0px;
		padding: 0% 1% 0% 1%;
	}

	.smMenu .lower_sm ul li a {
		display: block;
		width: 96%;
		margin: 0px 0px 10px 0px;
		padding: 3% 2% 3% 2%;
		font-size: 18px;
		line-height: 1.3;
		color: #fff;
		text-align: center;
		text-decoration: none;
		text-shadow: none;
		border-radius: 5px;
		border: none;
	}

	smMenu. .lower_sm ul li a:hover {
		color: #fff;
		text-decoration: none;
		text-shadow: none;
	}

	/*監査相談*/
	.smMenu .aboutLow a {
		background: #d2666c;
	}
	.smMenu .aboutLow a:hover {
		background: #b2464c;
	}

	/*お役立ち*/
	.smMenu .aboutRegenerative a {
		background: #1968fa;
	}
	.smMenu .aboutRegenerative a:hover {
		background: #0048da;
}











.page-title {
		clear: both;
		height: 80px;
		background: url(images/title-bg.gif) no-repeat left bottom;
}

.page-title h2 {
		color: #00a6cb;
		font-size: 27px;
		padding: 14px 0px 0px 0px;
}



/*左側の本文ブロック*/
.main {
		float: none;
		width: 96%;
		padding: 0% 2% 0% 2%;
		margin: 50px 0px 50px 0px;
}

.contents h3 {
		clear: both;
		width: 98%;
		margin: 0px 0px 15px 0px;
		padding: 1% 0% 1% 2%;
		font-size: 130%;
		color: #00a6cb;
		background-color: #f3f3f3;
		border-left: 2px solid #00A7CB;
}

.contents h4 {
		clear: both;
		width: 98%;
		margin: 0px 0px 15px 0px;
		padding: 1% 0% 1% 2%;
		font-weight: bold;
		font-size: 120%;
		border-bottom: 1px solid #DFDFDF;
}

.contents h5 {
		clear: both;
		margin: 0px 0px 15px 0px;
		font-weight: bold;
		font-size: 110%;
}

.contents h6 {
		clear: both;
		margin: 0px 0px 10px 0px;
		font-weight: bold;
		font-size: 100%;
}



.timestamp {
		margin: 0px 0px 10px 0px;
}





/*ページ右ウィジェット*/

.index .sub-nav {
		float: none;
		width: 100%;
		margin: 20px 0px 10px 0px;
		padding: 10px 0px 10px 0px;
		text-align: center;
		border: 1px solid #ccc;
		background: #eee;
}

.index .sub-nav li {
		padding-top: 10px;
}

#sub-nav-con2 {
		margin: 0px 0px 0px 0px;
		padding: 0px 0px 0px 0px;
		border: none;
		background-color: #eee;
}

#sub-nav-con2 li{
		padding: 10px 0px 0px 0px;
}

/*aboutページのページ内リンク*/
#sub-nav-ga {
		display: none;
}





#page-top {
		display: none;
}





/*フッター*/
.footer {
		width: 96%;
		clear: both;
		margin: 0px;
		padding: 2% 2% 4% 2%;
		background-color: #fff;
}

.footer2 {
		display: none;
}

.footer3 {
		clear: both;
		height: auto;
		background-color: #fff;
}

.footer3con {
		width: 100%;
		clear: both;
		margin: 0px;
}

.footer-logo {
		width: 200px;
		float: none;
}

.copyright {
		float: none;
		padding: 10px 0px 0px 0px;
		font-size: 12px;
		color: #888;
		line-height: 1.0;
		width: 100%;
		text-align: left;
}





/*臨床ガバナンス部とは*/

/*左各ブロック*/
.con-box {
		width: 100%;
		clear: both;
		padding-bottom: 100px;
}

/*部長あいさつ*/
.greetings {
		clear: both;
		margin-top: 70px;
}

.photo {
		float: right;
		width: 160px;
		padding: 10px 0px 20px 10px;
}

.photo-text{
		font-weight: bold;
		text-align: right;
		padding: 15px 0px 0px 0px;
		font-size: 100%;
}





/*お問い合わせフォーム*/

.contact {
		width: 100%;
		margin: 0px;
		padding: 0px;
}

.contact table {
		width: 100%;
		color: #555;
		border-bottom: 1px dotted #bbb;
}

.contact th {
		width: 8.5em !important;
		padding: 20px 0px 10px 0px;
		text-align: left;
		vertical-align: top;
		background-color: #f3faff;
		font-weight: bold;
		border-top: 1px dotted #bbb;
}

.contact td {
		padding: 20px 0px 20px 0px;
		border-top: 1px dotted #bbb;
}

.contact input,
.contact textarea {
		width: 100%;
		padding: 5px 0px;
		font-size: 16px;
		border: 2px solid #ccd;
}

/*送信ボタンのあるエリア*/
.contact p{
		clear: both;
		width: 100%;
		padding-top: 30px;
		text-align: center;
}

.contact .submitBtn {
		width: 100%;
		padding: 15px 15px;
		background: -moz-linear-gradient(top,#FFF 0%,#E6E6E6);
		background: -webkit-gradient(linear, left top, left bottom, from(#FFF), to(#E6E6E6));
		border: 2px solid #ddd;
		color: #111;
		border-radius: 4px;
		box-shadow: 1px 1px 1px rgba(000,000,000,0.3);
}

/*必須*/
.contact table th span {
		font-size: 92%;
		color: #f25;
		font-weight: normal;
}

/*エラー*/
.contact table td span {
		dsiplay: block;
		padding: 2px;
		color: #f33;
		background: #ffc;
}





/*個人情報保護*/

.privacyPolicy dl {
		width: 100%;
		margin-top: 30px;
		padding-bottom: 60px;
		border-top: 1px solid #ccc;
}

.privacyPolicy dt {
		color: #333;
		font-weight: bold;
		font-size: 110%;
		padding-top: 30px;
}

.privacyPolicy dd {
}

.privacyPolicy li{
		list-style-position: outside;
		margin-left: 25px;
}





/*検索結果*/

.search dl {
		margin-top: 30px;
		padding-bottom: 0px;
		border-top: 1px dotted #ccc;
}

.search dt {
		margin-top: 30px;
		font-weight: bold;
		font-size: 110%;
		line-height: 1.6;
}

.search dt a {
		color: #358;
}

.search dd {
		margin-top: 10px;
		line-height: 1.7;
	}





/*トップページ 青赤緑のボタン*/
	.inLinkBtn {
		margin: 0px 0px 20px 0px;
	}

	.inLinkBtn li {
		margin: 0px 10px 0px 10px;
	}

	.inLinkBtn a {
		padding: 14px 0px 14px 0px;
		font-size: 100%;
		line-height: 1.4;
	}





/*お問い合わせフォーム*/

.contact {
		width: 100%;
		margin: 0px;
		padding: 0px;
	}

.contact table {
		width: 100%;
		color: #555;
		border-bottom: 1px dotted #bbb;
	}

.contact th {
		width: 8.5em !important;
		padding: 20px 0px 10px 0px;
		text-align: left;
		vertical-align: top;
		background-color: #f3faff;
		font-weight: bold;
		border-top: 1px dotted #bbb;
	}

.contact td {
		padding: 20px 0px 20px 0px;
		border-top: 1px dotted #bbb;
	}

.contact input,
.contact textarea {
		padding: 5px 0px;
		font-size: 16px;
		border: 2px solid #ccd;
	}

/*送信ボタンのあるエリア*/
.contact p{
		clear: both;
		width: 100%;
		padding-top: 30px;
		text-align: center;
	}

.contact .submitBtn {
		width: 100%;
		padding: 15px 15px;
		background: -moz-linear-gradient(top,#FFF 0%,#E6E6E6);
		background: -webkit-gradient(linear, left top, left bottom, from(#FFF), to(#E6E6E6));
		border: 2px solid #ddd;
		color: #111;
		border-radius: 4px;
		box-shadow: 1px 1px 1px rgba(000,000,000,0.3);
	}

/*必須*/
.contact table th span {
		font-size: 92%;
		color: #f25;
		font-weight: normal;
	}

/*エラー*/
.contact table td .error {
		dsiplay: block;
		padding: 2px;
		color: #f33;
		background: #ffc;
	}






}