@charset "utf-8";

/* -----------------------------------------------------------------------------
 PC
----------------------------------------------------------------------------- */

/***** contents  *****/

#contentsArea a:link,
#contentsArea a:visited,
#contentsArea a:active {
	color:#6b3914;
	text-decoration:underline;
}
#contentsArea a:hover {
	color:#C15F48;
	text-decoration:none;
}

#contentsArea {
    width: 100%;
}
#contentsAreaIn {
	margin: 50px auto 75px;
    width: 960px;
}
#topicPath {
	background: #F7F5F2;
	padding: 3px 0 2px;
}
#topicPath ul {
	width: 960px;
	margin: 0 auto;
	font-size: 0.85em;
}
#topicPath ul li:first-child::before {
    content: none;
}
#topicPath ul li::before {
    content: " > ";
}
#topicPath ul li {
    color: #a8a8a8;
    display: inline-block;
	padding-right: 0.5em;
}
#topicPath ul li a {
    color: #7F7F7F !important;
}

#contentsArea h1 {
	color: #595959;
	font-size: 2.5em;
	font-weight: normal;
	text-align: center;
	position: relative;
	padding: 0.3em 0 0.3em 0;
	margin: 10px 0 0;
	border-bottom: 2px solid #F7F5F2;
}
#contentsArea h1:after {
	position: absolute;
	bottom: -3px;
	left: 48%;
	z-index: 2;
	content: '';
	width: 4%;
	height: 2px;
	background-color: #5CB468;
}
#contentsArea h2 {
	color: #494949;
	font-size: 1.8em;
	font-weight: normal;
	position: relative;
	padding: 0.2em 0.5em;
	margin: 2.5em 0 30px;
	border-left: 7px solid #33A142;
}

#contentsArea .research h2 {
	color: #494949;
	font-size: 1.5em;
	font-weight: normal;
	position: relative;
	padding: 0.2em 0.5em;
	margin: 2.5em 0 30px;
	border-left: 7px solid #33A142;
	position: relative;
}

#contentsArea .research h2 a{
	position: relative;
}

#contentsArea .research h2 a::after{
	content: "";
	position: absolute;
	right: -20px;
	top: calc(50% - 8px);
	width: 16px;
	height: 16px;
	background-image: url(../../img/icon_pdf.png);
	background-position: right center;
}

#contentsArea h3 {
	color: #494949;
	font-size: 1.5em;
	font-weight: normal;
	position: relative;
	padding: 0.3em 0.5em;
	margin: 1.5em 0 1em;
	border-bottom: 3px double #5CB468;
}
#contentsArea h4 {
	font-size: 1.3em;
	font-weight: normal;
	margin: 1.5em 0 1em;
	padding: 0.25em 0.5em;
	border-bottom: 1px solid #ccc;
	background: #f6f6f6;
}


/***** class  *****/
#contentsArea .staffBox {
	border-top: 1px dotted #5CB468;
	border-bottom: 1px dotted #5CB468;
	border-right: 1px dotted #5CB468;
	border-left: 2px solid #5CB468;
	margin-bottom: 2.5em;
}
#contentsArea dl.nameDl {
	margin-bottom: 0;
}
#contentsArea dl.nameDl dt {
	display: inline-block;
	font-size: 1.4em;
	padding: 0.7em 1em;
	width: 5em;
	vertical-align: top;
}
#contentsArea dl.nameDl dd {
	display: inline-block;
	font-size: 1.2em;
	margin: 0.7em 0 0.7em 1em;
}
#contentsArea dl.nameDl dd .position {
	background: #FFF0CF;
	padding: 0.3em 1em;
	margin-bottom: 0.5em;
	display: inline-block;
}
#contentsArea dl.nameDl dd .specialist {
	background: #fff;
	font-size: 0.8em;
	margin-bottom: 0;
}
#contentsArea dl.expertDl {
	margin-bottom: 0;
}
#contentsArea dl.expertDl dt {
	border-top: 1px solid #dbd8d1;
    float: left;
    padding: 0.7em 0 0.7em 2em;
    width: 6em;
-webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
         -o-box-sizing: border-box;
        -ms-box-sizing: border-box;
            box-sizing: border-box;
}
#contentsArea dl.expertDl dt:after {
	content: "　:";
}
#contentsArea dl.expertDl dd {
	border-top: 1px solid #dbd8d1;
    margin-left: 6em;
    padding: 0.7em 1em;
-webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
         -o-box-sizing: border-box;
        -ms-box-sizing: border-box;
            box-sizing: border-box;
}


/***** section  *****/

#contentsArea h2 span {
	background : #FFD6A9;
	display: inline-block;
	font-size: 0.8em;
	padding: 0.2em 0.75em;
	margin-left: 1em;
}
#contentsArea h2 span.small {
	background : #FFF;
	display: inline-block;
	font-size: 0.7em;
	padding: 0.2em 0.75em;
	margin-left: 1em;
}
#contentsArea .photoArea {
	margin-bottom: 2em;
}
#contentsArea ul.photo {
	margin-bottom: 0;
}
#contentsArea ul.photo li {
	float: left;
    height: 180px;
    margin: 0 10px 10px 0;
}
#contentsArea ul.photo li img {
    height: 100%;
    width: auto;
}
#contentsArea .cap {
	color: #C15F48;
	position: relative;
	padding-left: 25px;
}
#contentsArea .cap:before {
	display: block;
	content: '';
	position: absolute;
	top: .8em;
	left: 3px;
	width: 15px;
	height: 1px;
	background-color: #888;
}
#contentsArea .cap02 {
	padding-left: 1em;
}
#contentsArea .cap02:before{
	content: "■";
	color: #5CB468;
}
#contentsArea strong.dot {
	font-weight: normal;
   -webkit-text-emphasis: filled dot;
   text-emphasis: filled dot;
}


/***** achievements  *****/

#contentsArea .surgery {
	width: 70%;
}
#contentsArea .surgery th {
	font-size: 1.1em;
}
#contentsArea .surgery th:first-child {
	width: 70%;
}


/***** treatise  *****/

#contentsArea .submenu {
	background: #F7F5F2;
}
#contentsArea .submenu li {
	display: inline-block;
	padding: 0.5em 1em;
}
#contentsArea .submenu li:before {
	content: ">";
	padding-right: 0.3em;
	color: #442714;
}
#contentsArea ul.treatiseList01 li {
	text-indent: -1.5em;
	padding-left: 1.5em;
	margin-bottom: 1em;
}
#contentsArea ul.treatiseList02 li {
	text-indent: -1.2em;
	padding-left: 1.2em;
	margin-bottom: 1em;
}


/***** visitor  *****/

#contentsArea .infoBox {
	padding: .5em .75em;
	margin: 0 0 2em;
	background: #F9F8F6;
	border-top: 1px dashed #ccc;
	border-bottom: 1px dashed #ccc;
	-webkit-box-shadow: 0 7px 10px -5px rgba(222, 221, 220, .2) inset;
	-moz-box-shadow: 0 7px 10px -5px rgba(222, 221, 220, .2) inset;
	-ms-box-shadow: 0 7px 10px -5px rgba(222, 221, 220, .2) inset;
	box-shadow: 0 7px 10px -5px rgba(222, 221, 220, .2) inset;
}
#contentsArea .infoBox p {
	margin-bottom: 0.5em;
}
#contentsArea .btn {
	display: block;
	background: #F7F5F2;
	margin: 2em 0;
	padding: 20px;
}
#contentsArea .btn a {
	display: block;
	width: 50%;
	background: url(../../img/icon_arrow01.gif) no-repeat right 1.75em #fff;
	color: #008913;
	font-size: 1.1em;
	text-decoration: none;
	padding: 1.5em 2em;
	margin: 0 auto;
	-webkit-box-shadow: 1px 1px 2px rgba(51,51,51,0.2);
	-moz-box-shadow: 1px 1px 2px rgba(51,51,51,0.2);
	-ms-box-shadow: 1px 1px 2px rgba(51,51,51,0.2);
	box-shadow: 1px 1px 2px rgba(51,51,51,0.2);
}
#contentsArea .btn a:hover {
	filter: alpha(opacity=75);
	-moz-opacity:0.75;
	opacity:0.75;
}

/***** resident  *****/
#contentsArea .aboutList strong {
	font-weight: normal;
	font-size: 1.2em;
	color: #008913;
}

/***** form  *****/
.formArea span.required {
    bottom: -0.4em;
    color: #e93636;
    font-size: 2em;
    padding: 0 0.2em 0 0;
    position: relative;
}
.formArea th {
	width: 30%;
}
.formArea th span.required {
    margin-left: 0.2em;
}
.formArea select {
    border: 1px solid #969696;
    box-sizing: border-box;
    font-family: "Hiragino Kaku Gothic Pro","ヒラギノ角ゴ Pro W3",Meiryo,メイリオ,Osaka,"MS PGothic",arial,helvetica,sans-serif;
    font-size: 1.1em;
    height: 2.7em;
    margin: 0 2% 0 0;
    padding: 0.5em;
    width: 5em;
}
.formArea input {
    border: 1px solid #969696;
    box-sizing: border-box;
    font-family: "Hiragino Kaku Gothic Pro","ヒラギノ角ゴ Pro W3",Meiryo,メイリオ,Osaka,"MS PGothic",arial,helvetica,sans-serif;
    font-size: 1.1em;
    margin: 0;
    padding: 0.5em;
    width: 80%;
}
.formArea textarea {
    border: 1px solid #969696;
    box-sizing: border-box;
    font-family: "Hiragino Kaku Gothic Pro","ヒラギノ角ゴ Pro W3",Meiryo,メイリオ,Osaka,"MS PGothic",arial,helvetica,sans-serif;
    font-size: 1.1em;
    margin: 0;
    padding: 0.5em;
    width: 80%;
}
.btn .btnGreen {
    background: url(../../img/icon_arrow03.png) no-repeat right center #008913;
    border: medium none;
    box-sizing: border-box;
    color: #fff;
    display: block;
    font-size: 1.1em;
    font-weight: bold;
    padding: 1em;
    text-align: center;
    text-decoration: none;
    transition: all 0.3s ease 0s;
	width: 30%;
	margin: 0 auto;
}
.btn .btnGreen:hover {
	cursor: pointer;
	filter: alpha(opacity=85);
	-moz-opacity:0.85;
	opacity:0.85;
}
#contentsArea .btn a.btnGrlay {
	background: url(../../img/icon_arrow04.png) no-repeat left center #888;
    border: medium none;
    box-sizing: border-box;
    color: #fff;
    display: block;
    font-size: 1.1em;
    font-weight: bold;
    padding: 1em;
    text-align: center;
    text-decoration: none;
    transition: all 0.3s ease 0s;
	width: 30%;
	margin: 0 auto;
}
.btn2 {
	text-align: center;
}
.btn2 input,.btn2 a {
	display: inline-block !important;
	width: 30%;
	margin: 0 2% !important;
}

ul.ullist{}
ul.ullist li{
	background:url(../../img/icon_arrow02.gif) no-repeat 0 12px;
	padding-left:15px;
	}


/* -----------------------------------------------------------------------------
 tab
----------------------------------------------------------------------------- */
@media screen and (max-width: 1023px) {
/***** contents  *****/
#contentsArea {
    width: 100%;
}
#contentsAreaIn {
	margin: 40px auto 75px;
    width: 96%;
}
#topicPath ul {
	width: 96%;
	margin: 0 auto;
	font-size: 0.85em;
}

/***** achievements  *****/

#contentsArea .surgery {
	width: 100%;
}

}


/* -----------------------------------------------------------------------------
 tab,smt
----------------------------------------------------------------------------- */
@media screen and (max-width: 767px) {
/***** contents *****/
#contentsAreaIn {
	margin: 30px auto 75px;
    width: 90%;
}
#topicPath {
	display: none;
}

#contentsArea h1 {
	color: #595959;
	font-size: 2em;
	font-weight: normal;
	text-align: center;
	position: relative;
	padding: 0.3em 0 0.3em 0;
	margin: 10px 0 0;
	border-bottom: 2px solid #F7F5F2;
}
#contentsArea h1:after {
	position: absolute;
	bottom: -3px;
	left: 44%;
	z-index: 2;
	content: '';
	width: 10%;
	height: 2px;
	background-color: #5CB468;
}
#contentsArea h2 {
	color: #494949;
	font-size: 1.5em;
	font-weight: normal;
	position: relative;
	padding: 0.2em 0.5em;
	margin: 2em 0 30px;
	border-left: 7px solid #33A142;
}

#contentsArea h3 {
	color: #494949;
	font-size: 1.3em;
	font-weight: normal;
	position: relative;
	padding: 0.3em 0.5em;
	margin: 1.5em 0 1em;
	border-bottom: 3px double #5CB468;
}
#contentsArea h4 {
	font-size: 1.2em;
	font-weight: normal;
	margin: 1.5em 0 1em;
	padding: 0.25em 0.5em;
	border-bottom: 1px solid #ccc;
	background: #f6f6f6;
}


/***** class  *****/
#contentsArea dl.nameDl dt {
	display: inline-block;
	font-size: 1.4em;
	padding: 0.5em 1em 0.3em;
	width: 5em;
}
#contentsArea dl.nameDl dd {
	display: block;
	margin: 0 1em 0.5em;
	font-size: 1em;
}
#contentsArea dl.nameDl dd .position {
	background: #FFF0CF;
	padding: 0.2em 1em;
	margin-bottom: 0.5em;
	display: block;
}
#contentsArea dl.nameDl dd .specialist {
	background: #fff;
	font-size: 0.8em;
	margin-bottom: 0;
}
#contentsArea dl.nameDl dd .specialist br {
	display: none;
}

/***** section  *****/

#contentsArea h2 span {
	background : #FFD6A9;
	display: inline-block;
	font-size: 0.8em;
	padding: 0.2em 0.75em;
	margin-left: 1em;
}
#contentsArea .photoArea {
	margin-bottom: 2em;
}
#contentsArea ul.photo {
	margin-bottom: 0;
}
#contentsArea ul.photo li {
	float: left;
    height: 100px;
    margin: 0 10px 10px 0;
}
#contentsArea ul.photo li img {
    height: 100%;
    width: auto;
}

/***** achievements  *****/

#contentsArea .surgery {
	width: 100%;
}
#contentsArea .surgery th {
	font-size: 1.1em;
	padding: 1em;
}
#contentsArea .surgery th:first-child {
	width: 70%;
	padding: 1em;
}


/***** form  *****/
.formArea span.required {
    bottom: -0.4em;
    color: #e93636;
    font-size: 1.2em;
    padding: 0 0.2em 0 0;
    position: relative;
}
.formArea input {
    width: 95%;
}
.formArea textarea {
    width: 95%;
}
.btn .btnGreen {
	width: 90%;
}
.btn2 .btnGreen {
	width: 45%;
}
#contentsArea .btn2 a.btnGrlay {
	width: 45%;
}
.btn2 input,.btn2 a {
	display: inline-block !important;
	width: 45%;
	margin: 0 2% !important;
}

}


/* -----------------------------------------------------------------------------
 smt
----------------------------------------------------------------------------- */
@media screen and (max-width: 479px) {




/***** visitor  *****/

#contentsArea .btn {
	display: block;
	background: #F7F5F2;
	margin: 2em 0;
	padding: 20px;
}
#contentsArea .btn a {
	display: block;
	width: 100%;
	background: url(../../img/icon_arrow01.gif) no-repeat right 1.75em #fff;
	color: #008913;
	font-size: 1.1em;
	text-decoration: none;
	padding: 1.5em 2.5em 1.5em 2em;
	margin: 0 auto;
	-webkit-box-shadow: 1px 1px 2px rgba(51,51,51,0.2);
	-moz-box-shadow: 1px 1px 2px rgba(51,51,51,0.2);
	-ms-box-shadow: 1px 1px 2px rgba(51,51,51,0.2);
	box-shadow: 1px 1px 2px rgba(51,51,51,0.2);
	-webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
         -o-box-sizing: border-box;
        -ms-box-sizing: border-box;
            box-sizing: border-box;
}




}


.newsArea {
	margin: 40px 0 30px;
}
.newsArea h2 {
	color: #008913;
	font-size: 2.5em;
	font-weight: normal;
	line-height: 1.3;
	margin: 0 0 30px;
}
.newsArea h2 span {
	font-size: 0.4em;
	color: #606060;
	padding-left: 1em;
}
.newsArea dl {
	border-bottom: 1px dotted #DBD8D1;
}
.newsArea dt {
	color: #686868;
	background:url(../../img/icon01.gif) no-repeat 10px 1.6em;
	float: left;
	width: 14em;
	border-top: 1px dotted #DBD8D1;
	padding: 1em 1em 1em 30px;
	-webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
         -o-box-sizing: border-box;
        -ms-box-sizing: border-box;
            box-sizing: border-box;
}
.newsArea dd {
	margin-left: 14em;
	border-top: 1px dotted #DBD8D1;
	padding: 1em;
	-webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
         -o-box-sizing: border-box;
        -ms-box-sizing: border-box;
            box-sizing: border-box;
}
.newsArea dt:first-child {
	border-top: 1px solid #DBD8D1;
}
.newsArea dt:first-child + dd {
	border-top: 1px solid #DBD8D1;
}


/* -----------------------------------------------------------------------------
 smt
----------------------------------------------------------------------------- */
@media screen and (max-width: 479px) {

/***** news *****/
.newsArea h2 {
	color: #008913;
	font-size: 2em;
	font-weight: normal;
	line-height: 1.3;
	margin: 0 0 15px;
}
.newsArea dt {
	color: #686868;
	background:url(../../img/icon01.gif) no-repeat 10px 1.2em;
	float: none;
	width: 100%;
	border-top: 1px solid #DBD8D1;
	padding: 0.5em 1em 0.5em 30px;
	-webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
         -o-box-sizing: border-box;
        -ms-box-sizing: border-box;
            box-sizing: border-box;
}
.newsArea dd {
	margin-left: 0;
	border-top: 1px dotted #DBD8D1;
	padding: 0.5em 1em;

}
}

.cap03{
	font-weight: normal;
	font-size: 1.2em;
	color: #008913;
	position: relative;
}
.cap03:before {
    content: '■';
    color: #008913;
    margin-right: .5em;
}
#contentsArea p.cap03 {
    margin-bottom: .2em;
}


img.pdf {
	vertical-align: baseline;
}