@charset "utf-8";
/*
	width: px;
*/


/*全ページ共通　レイアウト指定*/
*{
/*
	border:	1px dotted #fa0;
*/
}

html {
}

body {
	text-align:	center;
	font-family:	Avenir, "Open Sans", "Helvetica Neue", Helvetica, Arial, Verdana, Roboto, "HGMaruGothicMPRO"; "游ゴシック" , "Yu Gothic" , "游ゴシック体" , "YuGothic" , "ヒラギノ角ゴ W3" , "Hiragino Kaku Gothic" , "Meiryo UI" , "メイリオ" , Meiryo , "ＭＳ Ｐゴシック" , "MS PGothic" , sans-serif;
/*
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
*/
}

a {
transition-property:	all;
transition-duration:	0.2s;
transition-timing-function:	ease-in-out;
}

#wrapper	{
	position: relative;
	max-width: 1000px;
	min-width: 800px;
	margin: 0px auto;
	text-align:	left;
	line-height: 1.8;
	background: #fff;
	box-shadow: 0px 0px 10px #aaa;
}

.page #wrapper {
	background: url(../images/page_bg.png) repeat-y;
}


/*左アキの値変更*/
@media only screen and (max-width: 900px){
	.page #wrapper  {
		background: url(../images/page_narrow_bg.png) repeat-y;
	}
}


.header {
	position: absolute;
	top: 0;
	left: 54px;
	width: 272px;
	height: 326px;
	z-index: 40;
	box-shadow: 1px 1px 5px #777;
}

/*左アキの値変更*/
@media only screen and (max-width: 900px){
	.header  {
		left: 30px;
	}
}





/*INDEXページ*/

/*線画の枠サイズを規定。はみ出た部分は隠す*/
.index .container {
	max-width: 1000px;
	overflow: hidden;
}

.container {
	max-width: 1000px;
}



/*臨床に学ぶ*/
.catch {
	position: absolute;
	z-index: 60;
	max-width: 4.8%;
	margin-top: 1%;
	margin-left: 58%;
}

.doctors {
	position: relative;
	z-index: 10;
	max-width: 72%;
	margin-top: 1%;
	margin-left: 30%;
}

.topArch {
	position: relative;
	z-index: 20;
	max-width: 1000px;
	max-height: 92px;
	margin-top: -100px;
}



/*白抜き文字がある領域*/
.index .content {
	margin:   0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	background: #005783;
}

/*白抜き文字画像*/
.index h1 {
	position: relative;
	z-index: 30;
	max-width: 59%;
	margin-top: -25px;
	padding: 0% 4% 5% 37%;
	line-height: 1;
}


/*左アキの値変更*/
@media only screen and (max-width: 900px){
	.index h1  {
		max-width: 57%;
		padding: 0% 4% 5% 39%;
	}
}





/*サイドナビケーション*/
.sideNav  {
	position: absolute;
	top: 366px;
	left: 50px;
	z-index: 50;
	width: 272px;
	height: 821px;
	margin:   0px 0px 0px 0px;
	padding:   0px 4px 0px 4px;
	background: url(../images/menu_bg.png) repeat-y;
}

.page .sideNav  {
	background: none;
}


/*左アキの値変更*/
@media only screen and (max-width: 900px){
	.sideNav  {
		left: 26px;
	}
}


.sideNav li img   {
	vertical-align: middle;
	padding: 0px 7px 4px 0px;
}

.sideNav li a   {
	display: block;
	width:   255px;
	margin:   0px 0px 2px 0px;
	padding: 14px 0px 8px 10px;
	color:   #003;
	background:   #fff;
	font-size:   1.45rem;
	line-height:   1.4;
	font-weight:   bold;
	font-weight:   normal;
	border:   1px solid #8496b7;
}

.sideNav li a:hover   {
	color:   #333;
	background:   #add7ff;
	background:   #f2dcc4;
	text-decoration: none;
}

/*当該ページ*/
.sideNav li.open a	{
	color:   #003;
	background:   #cde7ff;
	background:   #5ac6ff;
}





/*フッター*/
.footer {
	position: relative;
	z-index: 60;
	padding: 20px 0px 30px 50px;
	border-top: 8px solid #aabee9;
	background: #fff;
}


/*左アキの値変更*/
@media only screen and (max-width: 900px){
	.footer  {
		padding: 20px 0px 30px 30px;
	}
}


.footerTitle{
	margin: 10px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	font-weight: bold;
	font-size:	1.3rem;
	line-height: 1.5;
	color:	#777;
}

.footer .address {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	font-size:	1.3rem;
	line-height: 1.5;
	color:	#555;
}

.footer .cr {
	margin: 10px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	font-size:	1.2rem;
	line-height: 1.5;
	color:	#888;
}





.clear {
	clear: left;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	border: none;
}





/*右ブロック*/

/*右上イラスト*/
.pagecatchArea {
	max-width: 62%;
	height: 108px;
	margin:   0% 0% 9% 38%;
	padding:  4px 0px 0px 0px;
	text-align: right;
	border-bottom: #005783 8px solid;
}

.pagecatch {
	max-width: 300px;
}





/*本文*/
.textArea {
	width: 57%;
	min-height: 770px;
	margin-left: 38%;
	padding: 0px 0px 100px 0px;
	background: none;
}


/*左アキの値変更*/
@media only screen and (max-width: 900px){
	.textArea  {
		width: 55%;
		margin-left: 40%;
	}
}





/*font指定* for Page*/

.textArea h1 {
	margin: 0px 0px 30px 0px;
	padding: 0px 0px 0px 0px;
	color: #333;
	font-size: 2.8rem;
	font-weight: bold;
	letter-spacing:	0.15rem;
}

h2 {
	margin: 40px 0px 40px 0px;
	padding: 6px 0px 2px 10px;
	color: #333;
	font-size: 1.7rem;
	font-weight: bold;
	border-right: 1px solid #a88;
	border-bottom: 1px solid #a88;
	background: linear-gradient(to top, #ecc, #fff);
}

h3 {
	margin: 40px 0px 10px 0px;
	padding: 2px 0px 1px 10px;
	color: #333;
	font-size: 1.5rem;
	font-weight: bold;
	border-bottom: 2px dotted #ccb;
	border-left: 3px solid #bba;
}

h4  {
	margin: 30px 0px 10px 0px;
	padding: 0px 0px 0px 0px;
	color: #333;
	font-size: 1.4rem;
	font-weight: bold;
}

h5 {

}

h6 {

}

p {
	margin: 0px 0px 5px 12px;
	padding: 0px 0px 0px 0px;
	font-size:	1.4rem;
	line-height: 1.8;
	color:	#333;
}

p.greeting {
	margin: 0px 0px 5px 0px;
	line-height: 2.2;
}


p.note {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	font-size:	1.25rem;
	color:	#555;
	text-align: center;
}


dl {
	margin: 0px 0px 0px 12px;
	padding: 0px 0px 0px 0px;
	font-size:	1.4rem;
	color:	#333;
}

dl dt {
	margin: 20px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	font-weight: bold;
}

dl dd {
	margin: 0px 0px 5px 0px;
	padding: 0px 0px 0px 0px;
}


dl.inline {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	color:	#333;
}

dl.inline dt {
	float: left;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	font-weight: bold;
}

dl.inline dd {
	margin: 0px 0px 0px 0px;
	margin-left: 6em;
	padding: 0px 0px 0px 0px;
}


/*プログラムページ*/
.program dl.inline dt {
	float: left;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 15px;
	font-weight: normal;
}

.program dl.inline dd {
	margin: 0px 0px 0px 0px;
	margin-left: 4.5em;
	padding: 0px 0px 0px 0px;
}

.programTitle{
	font-weight: bold;
}







ul {
	margin: 0px 0px 5px 0px;
	padding: 0px 0px 0px 0px;
	font-size:	1.4rem;
	color:	#333;
}

ul.list li {
	list-style-type: disc;
	margin: 0px 0px 10px 20px;
}

ol {
	margin: 0px 0px 5px 0px;
	padding: 0px 0px 0px 0px;
	font-size:	1.4rem;
	color:	#333;
}



.layoutTable {
	width: 100%;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	border: none;
}

.layoutTable td {
	padding: 0px 0px 0px 0px;
	vertical-align: top;
	border: none;
}



table.BasicTable {
	width: 100%;
	margin: 5px 0px 5px 0px;
	padding: 0px 0px 0px 0px;
	font-size:	1.4rem;
	border: 1px solid #ccc;
	border-collapse: collapse;
}

table.BasicTable th {
	padding: 8px 5px 8px 10px;
	vertical-align: top;
	border: 1px solid #ccc;
}

table.BasicTable td {
	padding: 8px 5px 8px 10px;
	vertical-align: top;
	border: 1px solid #ccc;
}





.photo {
	padding: 2px;
	border: 1px solid #ccb;
	border-radius: 0px;
	background: #fff;
/*
	box-shadow: 2px 2px 2px #edd;
*/
}

.floatLeft {
	float: left;
}

.floatRight {
	float: right;
}

.photo.floatLeft {
	margin: 0px 10px 0px 0px;
}

.photo.floatRight {
	margin: 0px 0px 0px 10px;
}





/*ボタン　ロングバージョン　青*/
.btn_long    {
width: 360px;
margin:   0px auto;
font-size:	2rem;
line-height:   1.7;
	letter-spacing:	0.2rem;
}

a.btn_long   {
display:   block;
padding:   8px 0px 8px 0px;
text-align:	center;
font-weight:	bold;
text-decoration:   none;
color:	#fff;
background:   #07d;

border-radius: 5px; 
-webkit-border-radius: 5px; 
-moz-border-radius: 5px;

	text-shadow: 1px 1px 2px #038;
}

a:hover.btn_long    {
color:	#fff;
background:   #05c;
}





/*ボタン　ロングバージョン　緑*/
.btn_long_green    {
width: 300px;
margin:   0px auto;
font-size:	1.7rem;
line-height:   1.7;
	letter-spacing:	0.15rem;
}

a.btn_long_green   {
display:   block;
padding:   6px 0px 6px 0px;
text-align:	center;
font-weight:	bold;
text-decoration:   none;
color:	#fff;
background:   #5a0;

border-radius: 5px; 
-webkit-border-radius: 5px; 
-moz-border-radius: 5px;

	text-shadow: 1px 1px 2px #050;
}

a:hover.btn_long_green    {
color:	#fff;
background:   #491;
}



/*ボタン　ショートバージョン 2つ並び*/

.btn_short    {
width: 250px;
margin:   0px auto;
font-size:	1.5rem;
line-height:   1.5;
}

.btn_short:first-child    {
float: left;
margin-left: 50px;
}

.btn_short:last-child    {
float: right;
margin-right: 50px;
}

a.btn_short   {
display:   block;
padding:   12px 0px 12px 0px;
text-align:	center;
font-weight:	bold;
text-decoration:   none;
color:	#fff;
background:   #e08a97;
border:   1px solid #c06a77;

border-radius: 5px; 
-webkit-border-radius: 5px; 
-moz-border-radius: 5px;
transition-property:	all;
transition-duration:	0.1s;
transition-timing-function:	ease-in-out;

}

a:hover.btn_short    {
color:	#fff;
background:   #c06a77;
}



/*背景色*/
.bgBlue {
	background:   #e0eaf7;
}

.bgGreen {
	background:   #e0faf0;
}

.bgPink {
	background:   #f0eaef;
}








/*Page top*/ 
#page-top {
	position: fixed;
	bottom: 50px;
	right: 10%;
	z-index: 70;
}
#page-top a {
	background: url(../images/toTop.png) no-repeat;
	width: 54px;
	height: 55px;
	display: block;
}
#page-top a:hover{
	filter:alpha(opacity=80);
	-moz-opacity: 0.8;
	opacity: 0.8;
}










/*701px以上の画面　※スマートフォン用ナビの非表示*/

	.sm,
	.nav_sm,
	.sideNav li a.toTop {
		display: none;
}





/*スマートフォン 縦位置のサイズ*/
@media only screen and (max-width: 700px){

	p, dl, ul, ol {
		font-size: 1.7rem;
	}

	#wrapper,
	.page #wrapper {
		max-width: 100%;
		min-width: 100%;
		width: 100%;
		margin:   0px 0px 0px 0px;
		padding: 0px 0px 0px 0px;
		box-shadow: none;
		display: block;
		display: -webkit-box;
		display: -moz-box;
		display: box;
		-webkit-box-orient: vertical;
		-moz-box-orient: vertical;
		box-orient: vertical;
		background: #fff;
	}



	.pc, 
	#page-top {
		display: none;
}

	.sm {
		display: block;
	}



/*MENUボタン*/
	.nav_sm {
		position: fixed;
		top: 0;
		z-index: 100;
		display: block;
		width: 3em;
		height: 15px;
		padding: 14px 10px 10px 10px;
		background: #082c5d;
		background: #005783;
		font-size:	1.5rem;
		font-weight: bold;
		line-height: 1.5;
		filter:alpha(opacity=80);
		-moz-opacity: 0.8;
		opacity: 0.8;
		border-radius: 0px 0px 5px 0px;
	}

	.nav_sm a {
		color: #fff;
	}



	.container {
		display: block;
		-webkit-box-ordinal-group: 1;
		-moz-box-ordinal-group: 1;
		box-ordinal-group: 1;
		max-width: 100%;
		min-width: 100%;
		width: 100%;
		margin:   0px 0px 0px 0px;
		padding: 0px 0px 50px 0px;
	}

	.index .container {
		padding: 0px 0px 0px 0px;
	}





	.sideNav  {
		display: block;
		-webkit-box-ordinal-group: 2;
		-moz-box-ordinal-group: 2;
		box-ordinal-group: 2;
		width: 100%;
		height: 100%;
		margin:   0px 0px 30px 0px;
		padding: 0px 0px 0px 0px;
		border-top:   1px solid #cfe1eb;
		position: static;
		background: none;
		border-top: 40px solid #7d9eaf;
		box-shadow:0px 5px 10px #aaa;
	}

		.index .sideNav {
		margin:   -10px 0px 30px 0px;
	}

	.sideNav li a   {
		display: block;
		width:   auto;
		margin:   0px 0px 0px 0px;
		padding: 18px 0px 18px 15px;
		color:   #415987;
		color:   #333;
		background:   #fff;
		font-size:   1.7rem;
		line-height:   1.5;
		border:   none;
		border-bottom:   1px solid #7486a7;
	}

	.sideNav li a.toTop {
		display: block;
		margin:   0px 0px 0px 0px;
		padding: 20px 0px 20px 0px;
		text-align: center;
	}

	.sideNav li:first-child a   {
		border-top:   1px solid #7486a7;
	}





	.textArea {
		display: block;
		-webkit-box-ordinal-group: 1;
		-moz-box-ordinal-group: 1;
		box-ordinal-group: 1;
		width: 92%;
		height: 100%;
		min-height: 100%;
		margin:   20px 0px 20px 0px;
		padding: 0% 4%;
	}





	.footer  {
		margin:   0px 0px 0px 0px;
		padding: 0px 0px 10px 10px;
		border: none;
		display: block;
		-webkit-box-ordinal-group: 3;
		-moz-box-ordinal-group: 3;
		box-ordinal-group: 3;

	}

	.footer .footerTitle,
	.footer .address,
	.footer .cr {
		margin: 0px 0px 0px 0px;
		padding: 0px 0px 5px 0px;
		padding-right: 2%;
		padding-left: 2%;
		color:   #333;
		font-size:   1.5rem;
		border: none;
	}



	.pagecatchArea {
		max-width: 100%;
		height: 108px;
		margin:   0% 0% 0% 0%;
		padding:  4px 0px 0px 0px;
		text-align: right;
		border-bottom: none;
		}

	.pagecatch {
		max-width: 300px;
	}


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



	.btn_long,
	.btn_long_green    {
		width: 100%;
	}


}