@charset "UTF-8";

/*
The Oto-Rhino-Laryngological Society of Japan, Inc. CSS
Author: Kazuya Tahara(Hdj)
Version:180122
*/


/*-----------------------------------------------
 __Initial Setting
-----------------------------------------------*/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
margin: 0;
padding: 0;
border: 0;
font-style:normal;
font-weight: normal;
font-size: 100%;
vertical-align: baseline;
}

article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
display: block;
}

html{
overflow-y: scroll;
}

blockquote, q {
quotes: none;
}

blockquote:before, blockquote:after,
q:before, q:after {
content: '';
content: none;
}

input, textarea{
margin: 0;
padding: 0;
}

ol, ul{
list-style:none;
}

table{
border-collapse: collapse; 
border-spacing:0;
}

caption, th{
text-align: left;
}

a:focus {
outline:none;
}

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

.clearfix {
min-height: 1px;
}

* html .clearfix {
height: 1px;
/*¥*//*/
height: auto;
overflow: hidden;
/**/
}

/*-----------------------------------------------
 __Base Setting
-----------------------------------------------*/
a:link , a:visited {
	color:#0698EA;
}
a:hover {
	color:#F90;
}
body {
	margin:0px;
	line-height:1.6;
	color: #333;
	min-width: 960px;
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
    background:#083138;
}
.ClearBoth {
	clear:both;
}
.Article {
	margin:0 auto;
}
.Wrapper {
	width:960px;
	display:flex;
	flex-direction:row-reverse;
	margin:0 auto;
	background-color:#FFF;
}
.Content {
    width:760px;
	background:url(refer/bg_visual.jpg) no-repeat 0 0;
}

/*-----------------------------------------------
 __HEADER
-----------------------------------------------*/
#Header {
	box-sizing:border-box;
	height:157px;
	width:760px;
	margin:0 auto;
	padding-top:36px;
}
#Header h1 {
	margin:0 auto auto 41px;
}
#Header .En{
	font-size:1px;
	text-indent:-9999px;
}

/*-----------------------------------------------
 __Footer
-----------------------------------------------*/
footer {
	width:100%;
	margin:0 auto;
	padding-top:20px;
	padding-bottom:20px;
	position:relative;
}
footer .Copyright {
	font-size:88%;
	font-family:Arial, Helvetica, sans-serif;
	color:#FFF;
	text-align: center;
}
footer .PageTop {
	width:69px;
	height:68px;
	font-size:1px;
	text-indent:-9999px;
	background:url(refer/bg_pagetop.png) no-repeat 0 0;
	position:fixed;
	bottom:20px;
	right:20px;
}
footer .PageTop a {
	display:block;
	width:69px;
	height:68px;
}

/*-----------------------------------------------
 __Navi
-----------------------------------------------*/
.Nav{
	width:200px;
	padding-top:55px;
    position:relative;
	background: #8C2F06 url(refer/bg_nav.png) no-repeat 0 0;
}
.Nav nav ul{
	margin-bottom:20px;
}
.Nav nav ul li{
	font-weight:bold;
	color: rgba(255,255,255,0.4);
	line-height:30px;
	padding-left:10px;
	margin:0 10px 5px 10px;
}
.Nav nav ul li a{
	display:block;
	height:100%;
	width:100%;
	color:#FFF;
	font-weight:bold;
	padding-left:10px;
	margin-left:-10px;
	text-decoration:none;
	border-radius:4px;
	transition-property:background-color,color;
	transition-duration:0.5s;
	transition-timing-function:ease-out;
}
.Nav  nav ul li a:hover{
	background-color:rgba(255,255,255,0.3);
	border-radius:4px;
}
.Nav .NavHandson{
	box-sizing:border-box;
	width:180px;
	height:100px;
	margin:0 auto 20px;
	font-size:1px;
	text-indent:-9999px;
	background:url(refer/bn_handson.png) no-repeat 0 0;
	background-size:contain;
	box-shadow:4px 4px 4px rgba(0,0,0,0.3);
}
.Nav .NavHandson a{
	display:block;
	box-sizing:border-box;
	width:100%;
	height:100%;
}
.Nav .NavHandson a:hover{
	animation: bg-color 0.5s forwards;
}
@keyframes bg-color {
  0% { background-color: rgba(255,255,255,0); }
  100% { background-color: rgba(255,255,255,0.3) }
}
.Nav .Office{
	box-sizing:border-box;
	width:180px;
	color:#FFF;
	font-size:14px;
	padding:10px;
	margin:0 auto;
	background-color:rgba(0,0,0,0.2);
	border-radius:5px;
}
.Nav .Office dt{
	font-weight:bold;
	padding-bottom:0.3em;
}
.Nav .Office dd{
	font-weight:bold;
	font-size:12px;
	line-height:16px;
}
.Nav .Office a{
	color:#FFF;
}


/*FixPosition*/
.NavFixPosition{
	padding-bottom:30px;
	z-index:100;
	position:fixed;
	top:0px;
}



/*-----------------------------------------------
 __OutlineBox
-----------------------------------------------*/
.OutlineBox{
	box-sizing:border-box;
	width:100%;
	height:470px;
	border:1px solid rgba(255,255,255,0);
}
.OutlineBox dl{
	width:436px;
	height:247px;
	margin:60px 45px auto auto;
	background:url(refer/title_outline.png) no-repeat 0 0;
}
.OutlineBox dt,
.OutlineBox dd{
	font-size:1px;
	text-indent:-9999px;
}


/*-----------------------------------------------
 __Article
-----------------------------------------------*/
.Article {
	width:680px;
	min-height:700px;
	margin-top:30px;
	padding:40px 40px;
background: linear-gradient(to bottom, rgba(255,255,255,0.8) 0%,rgba(255,255,255,0.8) 50px,rgba(255,255,255,1) 600px); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
}
.Article h2{
	font-size:200%;
	color: #8C2F05;
	font-weight:bold;
	margin-bottom:1em;
}
.Article h3{
	font-size:125%;
	font-weight:bold;
	padding:0 0 0px 30px;
	margin:2em 0 10px;
	border-bottom:1px solid rgba(140,47,5,0.3);
	background: url(refer/bg_title.png) no-repeat 0 100%;
	background-size:24px;
}
.Article h2 + h3{
	margin-top:1em;
}
.Article h4{
	font-size:100%;
	font-weight:bold;
	color: #283991;
	margin:1.5em 0 0.5em;
}
.Article h5{
	font-size:88%;
	font-weight:bold;
	margin:0.5em 0 0.2em;
}
.Article p{
	margin:0 0 1em;
}
.Article ul{
	margin:0 0 1em;
}
.Article ul li{
}
.Article ol{
	margin:0 0 1em;
}
.Article dl{
	margin:0 0 1em;
}
.Article dl dt{
}
.Article dl dd{
}
.Article strong del{
	font-weight:bold;
}
.Article table{
	margin:0  auto 1em 0;
	border-top:1px solid #CCC;
	border-left:1px solid #CCC;
}
.Article table +  h3 {
	margin-top:2em;
}
.Article table caption{
	text-align:left;
}
.Article table th{
	font-weight:normal;
	padding:10px 1em;
	text-align:center;
	vertical-align:middle;
	background:#EFEFEF;
	border-bottom:1px solid #CCC;
	border-right:1px solid #CCC;
}
.Article table td{
	padding:10px 1em;
	vertical-align:middle;
	background-color:#FFF;
	border-bottom:1px solid #CCC;
	border-right:1px solid #CCC;
}
.Article sup{
	font-size:10px;
	vertical-align:top;
}
.Article sub{
	font-size:10px;
	vertical-align:bottom;
}
.Article .ListIc li{
	padding-left:16px;
	margin-bottom:0.5em;
    background:url(refer/ic_list.png) no-repeat 0 0.4em;
}
.Article .ListNote li{
	text-indent:-1em;
	padding-left:1em;
	margin-bottom:0.5em;
}
.Article .ListNum li{
	margin-left:2em;
	list-style-type:decimal;
	padding-bottom:10px;
}
.Article .Red{
	color:#F00;
}
.Article .Flex{
	display:flex;
}
.Article .Prepare{
	font-size:100%;
	margin:2em 20px 0;
}
.Article .Blank{
	padding-right:16px;
	background:url(refer/blank.png) no-repeat 100% 50%;
}
.Article .Bt{
    width:70%;
    height:50px;
    text-align:center;
    color:#FFF;
    font-weight:bold;
    line-height:50px;
    margin:30px auto 40px;
    background:#00649B;
    border-radius:5px;
}
.Article .Bt a{
    display:block;
    width:100%;
    height:100%;
    color:#FFF;
    font-weight:bold;
    text-decoration:none;
    border-radius:5px;
    background-color: rgba(255, 255, 255, 0);
}
.Article .Bt a:hover{
    background-color: rgba(255, 255, 255, 0.2);
}
.Article .BtPDF{
    background:#C30 url(refer/ic_pdf.png) no-repeat 20px 50%;
}
.Article .BtKey{
    background-image:url(refer/ic_key.png);
    background-repeat:no-repeat;
    background-position: 20px 50%;
}


/*ArticleTop*/
.ArticleTop {
	padding-top:50px;
}
.ArticleTop  .WhatsNew{
	margin:0 40px;
}
.ArticleTop  .WhatsNew h2{
	font-size:150%;
	color:#8C2F06;
	padding:0 0 0px 50px;
	margin-bottom:0.5em;
	background:url(refer/bg_title.png) no-repeat 0 100%;
	background-size:40px;
	border-bottom:2px solid #8C2F06;
}
.ArticleTop  .WhatsNew ul{
	max-height:240px;
	overflow-y: auto;
	margin-bottom:50px;
}
.ArticleTop .WhatsNew li {
	padding-bottom:0.7em;
	margin-bottom:0.7em;
	padding-left:7em;
	position:relative;
	border-bottom:1px solid #E5E5E5;
}
.ArticleTop .WhatsNew li .Date {
	color:#8C2F06;
	font-family:Arial, Helvetica, sans-serif;
	position:absolute;
	left:0;
	top:0;
}
.ArticleTop .InfoStay{
	margin:0 40px 40px;
	padding:30px 30px  calc(30px - 1em) ;
	background:rgba(255,238,113,0.4) url(refer/bg_info.png) no-repeat 100% 100%;
	background-size:contain;
	border-radius:20px;
}
.ArticleTop .InfoStay h2{
	font-size:125%;
	font-weight:bold;
	color:#8C2F06;
	margin-bottom:0.5em;
}
.ArticleTop .InfoStay p{
	font-weight:bold;
	font-size:88%;
	margin-bottom:1em;
}
.ArticleTop .InfoStay p a{
	font-weight:bold;
}
.ArticleTop .InfoStay hr{
	margin-top:1em;
	margin-bottom:1em;
	border:1px solid rgba(114,48,26,0.3);
}

/*-----------------------------------------------
 __Outline
-----------------------------------------------*/
.Outline .BlankLink li{
	padding-left:18px;
	background:url(refer/ic_link.png) no-repeat 0 0.3em;
}

/*-----------------------------------------------
 __Link
-----------------------------------------------*/
.Link .LinkList li{
	padding-left:18px;
	margin-bottom:1em;
	padding-bottom:1em;
	background:url(refer/ic_link.png) no-repeat 0 0.3em;
	border-bottom:1px solid rgba(140,47,5,0.3);
}
.Link .LinkList li a{
	color:rgba(0,0,0,1.00);
	text-decoration:none;
}
.Link .LinkList li a:hover{
	color:rgba(255,155,0,1.00);
}

/*-----------------------------------------------
 __Greet
-----------------------------------------------*/
.Greet .President{
	font-size:88%;
	text-align:right;
}
.Greet .President strong{
	font-size:114%;
	font-weight:normal;
}
/*-----------------------------------------------
 __Handson
-----------------------------------------------*/
.Handson .NoteBox{
	padding:1em 1em 0;
	border:2px solid rgba(140,47,5,1.00);
}
.Handson .RegTerm{
	text-align:center;
	margin-top:-30px;
	margin-bottom:40px;
}
.Handson table .Course{
	text-align:left;
}
.Handson .OutlineImg{
	margin-bottom:40px;
}
.Handson .OutlineImg img{
	border:1px solid #CCC;
}
/*-----------------------------------------------
 __Lecture
-----------------------------------------------*/
.Lecture .JitugiSub li{
	position:relative;
	padding-left:4em;
}
.Lecture .JitugiSub li .Num{
	width:3em;
	text-align:right;
	position:absolute;
	left:0;
	top:0;
}
.Lecture .JitugiSub li .Author{
	position:absolute;
	right:0;
	top:0;
}
/*-----------------------------------------------
 __RegPart
-----------------------------------------------*/
.RegPart .Term{
	display:flex;
	justify-content:flex-start;
	color:#F00;
	border:2px solid #F00;
	padding:1em;
}
.RegPart .Term span{
	font-weight:bold;
}
.RegPart table .Sanka{
	border-bottom:0;
}
.RegPart table .Konshin{
	border-top:1px solid #CCC;
	background-color:#F9F9F9;
}
.RegPart table .Jitsugi{
	background-color:#F9F9F9;
}
/*-----------------------------------------------
 __Credit
-----------------------------------------------*/
.Credit .ListNum02 li{
	text-indent:-3em;
	padding-left:3em;
	margin-bottom:0.5em;
}
/*-----------------------------------------------
 __Schedule
-----------------------------------------------*/
.Schedule .ScheTable{
	margin-bottom:3em;
}
.Schedule .ScheTable th,
.Schedule .ScheTable td{
	font-size:75%;
}
.Schedule .ScheTable td{
	text-align:center;
	padding:0.5em 0.1em;
	background-color:#FFF;
}
.Schedule .ScheTable th.Day{
	font-size:100%;
	font-weight:bold;
	color:#FFF;
	background-color: rgba(140,47,5,1.00) ;
}
.Schedule .ScheTable .GSK{
	background:#F9F9F9;
}
.Schedule .AboutGSK{
	font-size:75%;
	margin-top:-3em;
	margin-bottom:3em;
}
/*-----------------------------------------------
 __Nursery
-----------------------------------------------*/
.Nursery .BtReg{
	width:40%;
}

/*-----------------------------------------------
 __Lecture
-----------------------------------------------*/
.Lecture h2{
	font-size:150%;
}
.Lecture table th,
.Lecture table td{
	font-size:88%;
}
 .Lecture table caption{
	font-weight:bold;
}