@charset "UTF-8";
/*--- CSSMenu -------------
= default
= typography
= Layout
  #wrapper > header
  #wrapper > header > globalNav1
  #wrapper > header > globalNav2
  #wrapper > footer
= module
= print
-------------------------
= default
-------------------------*/
/*Reset Style*/
body, div, h1, h2, h3, h4, h5, h6,p, blockquote, pre, address,ul, ol, li, dl, dt, dd,table, th, td,form,fieldset,legend,input,textarea {padding: 0;margin: 0;}
h1,h2,h3,h4,h5,h6 {font-size: 100%;font-weight: normal;}
address,em {font-style: normal;font-weight: normal;}
/* =Basic
-------------------------*/
html {font-size: 62.5%;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%;box-sizing:border-box;overflow-y: scroll;}
body {border-top:5px solid #806020;
font-size: 15px;
font-size: 1.5em;
line-height: 1.75;
color: #473F4D;
font-family: "メイリオ",Meiryo,"Hiragino Kaku Gothic Pro","ヒラギノ角ゴ Pro W3","ＭＳ Ｐゴシック",sans-serif;
}
a,
a:link {color:#314DFF;text-decoration: none;outline:none;}
a:visited {color:#243DE1;text-decoration: none;}
a:hover {color:#C75510;text-decoration: underline;}
a:active {color:#C75510;text-decoration: underline;}

ul,ol {list-style: none;}
img,fieldset {border: none;}
hr {border: 0; border-top : 1px dashed #8CB5BE;margin:1.5em auto ;clear:both;}
table {border-collapse:collapse;border-spacing:0;font-size: inherit;font: 100%;}
table th {font-weight: normal;text-align: left;}
caption,th {text-align: left;}
label:hover {cursor:pointer;}
input {margin-right:1em;}

/*チェックボックス*/
.checkArea {margin:0 auto 30px ;}
.checkArea label{position: relative; width: 99%; margin-bottom: 8px;display: block;}
.checkArea label span {display: inline-block;margin-left: 32px;}
.checkArea label input[type="checkbox"] { position: absolute;top:0;left: 0;opacity: 0;}
.checkArea label input[type="checkbox"] + span::before, label input[type="checkbox"] + span::after {position: absolute; top:0px;left: 0;display: inline-block;content: ''; box-sizing: border-box;}
.checkArea label input[type="checkbox"] + span::before { z-index: 0; background-color: transparent; width: 20px; height: 20px; border: 1px #8CB5BE solid;}
.checkArea label input[type="checkbox"] + span::after { z-index: 1;margin: 5px 8px;width: 6px; height: 9px;}
.checkArea label input[type="checkbox"]:checked + span::before {background-color: #8CB5BE;}
.checkArea label input[type="checkbox"]:checked + span::after {border: 2px solid #fff; border-width: 0 2px 2px 0; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg);transform: rotate(45deg);}

/* = typography
-------------------------*/
p {margin-bottom:1em;line-height:1.8;}
#main > p {line-height:1.8;margin-bottom:20px;}
h1,h2,h3,h4,h5 {font-weight:bold;line-height: 1.2;}
h1 a,h2 a,h3 a,h4 a,h5 a {text-decoration: underline;}
h1 {font-size: 166.6666666%;}/*25px*/
h2 {font-size: 146.6666666%;}/*22px*/
h3 {font-size: 133.3333333%;}/*20px*/
h4 {font-size: 120%;}/*18px*/
h5 {font-size: 106.6666666%;}/*16px*/
#main h1{border-bottom: 2px solid #473F4D; margin-bottom: 36px; position: relative;}
#main h1::before{background:#FF9E1B; position: absolute;content: "";width: 100%; height: 2px; bottom: -6px;}
h2 {color: #C75510; border-left: 7px solid #C75510; padding-left: 12px; margin-top: 30px; margin-bottom: 20px;}
h2 > .bgorange{margin-left: -19px; font-size:80%; padding: 0 5px; line-height: 1}
h3 {margin-bottom:15px;border-bottom:1px dashed #707070;color:#806020; padding-bottom: 5px;}
h4 {margin-top:25px;margin-bottom:0.8em;}
h5 {margin-bottom:0.5em;color: #404040;border-bottom:1px dotted #C60;}

/* = Layout
-------------------------*/
#content {width: 1024px;margin: auto;}

/*  #wrapper > header */
#header {
	height:180px;
	position: relative;
	border-top: 10px solid #FF9E1B;
	margin-bottom: 40px;
}
#header_content {
	display: block;
    height: 130px;
    width: 1024px;
    margin: 0 auto;
    padding: 0;
    position: relative;
}
#header h1.logo {text-indent:-9999px;position:absolute;top:20px;left:0;}
#header h1.logo a{background:url("/med/bun-in/dementia/common/images/logo.svg") no-repeat;display:block;width:340px;height:58px;}
#header .tel{
	background:url("/med/bun-in/dementia/common/images/tel.png") no-repeat;
	background-size: 264px 66px;
	text-indent:-9999px;
	width:264px;
	height:66px;
	position:absolute;
	top:20px;
	right:0;
}
#header .tel a{pointer-events: none;}
/*.no-call{pointer-events: none;}*/
/* ホーム?リンク?附属病院リンク */
#topic-link {
	width:270px;
	position:absolute;
	top:40px;
	right:270px;
}
#topic-link a {
	padding-left:22px;
	margin-right:1em;
	color: #473F4D;
}
a.bt-home{background:url(/med/bun-in/dementia/common/images/home.png) no-repeat 0 0;background-size: 20px 20px;}
a.bt-link{background: url(/med/bun-in/dementia/common/images/blank.png) no-repeat 0 0;background-size: 20px 20px;}
a.bt-return{background: url(/med/bun-in/dementia/common/images/return.png) no-repeat 0 0;background-size: 20px 20px;}
/* #wrapper > header > globalNav1 */
#globalNav .Nav1_container {
background: #C75510;
display: block;
clear: both;
white-space: nowrap;
}
#globalNav ul#G-Nav1 {
width: 1024px;
max-height: 50px;
margin: auto;
font-size: 0;
}
#globalNav ul#G-Nav1 li {
width:25%;
line-height:50px;
display: inline-block;
box-sizing: border-box;
border-left: 2px solid #fff;
}
#globalNav ul#G-Nav1 li:last-child {margin-right:0;	border-right: 2px solid #fff;}
#globalNav ul#G-Nav1 li a {
	display:block;
	color:#FFF; 
	padding-left:50px; 
	font-size:large; 
	font-weight:bold;
}
#globalNav ul#G-Nav1 li#nav01 a {background:url("/med/bun-in/dementia/common/images/G-Nav_01.png") 10px center no-repeat;}
#globalNav ul#G-Nav1 li#nav02 a {background:url("/med/bun-in/dementia/common/images/G-Nav_02.png") 10px center no-repeat;}
#globalNav ul#G-Nav1 li#nav03 a {background:url("/med/bun-in/dementia/common/images/G-Nav_03.png") 10px center no-repeat;}
#globalNav ul#G-Nav1 li#nav04 a {background:url("/med/bun-in/dementia/common/images/G-Nav_04.png") 10px center no-repeat;}
#globalNav ul#G-Nav1 li.pc_del a:hover,#globalNav ul#G-Nav1 li#nav01 a:hover,#globalNav ul#G-Nav1 li#nav02 a:hover,
#globalNav ul#G-Nav1 li#nav03 a:hover,#globalNav ul#G-Nav1 li#nav04 a:hover{	text-decoration:none;background-color: #dc6f2e;}
/* #wrapper > header > globalNav2 */
#globalNav .Nav2_container {
background: #F7F4ED;
display: block;
clear: both;
white-space: nowrap;
position: absolute;
left: 0;
right: 0;
bottom: 50px;
}
#globalNav ul#G-Nav2 {
	width: 1024px;
	max-height: 30px;
	margin: auto;
	font-size: 0;
}
#globalNav ul#G-Nav2 li {
	line-height:30px;
	font-size: 14px;
	display: inline-block;
	margin-right: 2em;
}
#globalNav ul#G-Nav2 li a {display: block; color:#806020; font-weight:bold; padding-left:10px; padding-right:10px;}
#globalNav ul#G-Nav2 li a:hover {color:#FF9E1B; text-decoration:none;}
/* メインイメージ */
/*#imagearea:after {clear: both;height: 0;visibility: hidden;display: block;content: ".";}
#imagearea {width:100%;position:relative;display: inline-block;zoom: 1;}*/
/*マルチカラムレイアウト-*/
#main {margin:30px 0;}
.sideBar {margin:30px 0;}
.oneCol #main {width: 100%;}
/* 3カラムレイアウト 
.thrCol .sideBar {float: right;width: 180px;margin-right: 10px;display: inline;background-color: #CCC;}
.thrCol .sideBar.first {float: left;margin-left: 10px;display: inline;}
.thrCol #main {float: left;width: 550px;}*/
/* 2カラムレイアウト　左袖 
.twoColLt .sideBar {float: left;width: 180px;margin-left: 10px;display: inline;background-color: #CCC;}
.twoColLt #main {float: right;width: 740px;margin-right: 10px;display: inline;}*/
/* 2カラムレイアウト　右袖 */
.twoColRt #main {float:left;width: 740px;margin-right: 20px;}
.twoColRt .sideBar {float: right;width: 245px;}
.twoColRt .sideBar #nav h4{color: #C75510; font-size: 120%; line-height:1.3;margin:0 0 15px;border-bottom:2px solid #C75510; padding-bottom: 5px;}
.twoColRt .sideBar #nav{
	margin-bottom: 20px;
	padding:15px;
	border:1px solid #FF9E1B;
}
.twoColRt .sideBar #nav ul.arr{margin-bottom:0;}
.twoColRt .sideBar #nav ul.arr li{background: none; border-bottom: 1px dashed #C8C8C8; margin-bottom: 0;}
.twoColRt .sideBar #nav ul.arr li::before{top: 16px;}
.twoColRt .sideBar #nav ul.arr a{color:#473F4D;padding-top: 10px;display: block;}
.twoColRt .sideBar #nav ul.arr a:hover{background-color:#F2F3ED;}

/*パンくずリスト-*/
.topicpath {padding: 0 0 1em 0.5em;}
.topicpath dl {padding: 0;}
.topicpath dt {display: none;}

/*  #wrapper > footer */
p.gotop {clear: both;width: 100%;height: 20px;position: relative;}
p.gotop a {position: absolute;right: 10px;bottom: 0;width: 58px;height: 58px;background: #C8C8C8;text-decoration: none;text-indent: -9999px;outline: none;display: inline-block;}
p.gotop a::before{position: absolute;top:0;right: 0;bottom: 0;left:0;margin: auto;content:""; vertical-align: middle;}
p.gotop a::before{
    width: 18px;
    height: 18px;
    border-top: 3px solid #FFF;
    border-right: 3px solid #FFF;
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
}
#footer {background: #F7F4ED; padding: 40px 0 30px;}
#footer #footer_box{width: 100%; max-width: 1024px;margin: 0 auto;}
#footer p{ margin-bottom:0; line-height: 1.3;}
#footer p .img-left{margin-bottom: 0;}
#copyright {padding: 3px 0;color: #FFF; background:#C75510;text-align: center;font-size: 93.3333%;}

/* = module
-------------------------*/
.clear {clear: both;}
.skip,.hide {display: none;}
.pc_del{ display:none !important;}
/* 最終更新日 */
#lastupdated {margin: 0 0 0.2em;text-align: right;}
/* 署名 */
#signature {margin: 0 0 1em;text-align: right;}

/* リンクボタン（茶） */
p.btnLink1 a{
font-size: 120%;
	display: inline-block;
 text-align: center;
 text-decoration: none;
 min-width: 210px;
 padding: 5px 20px;
 font-weight: bold;
 -webkit-border-radius: 5px;
 -moz-border-radius: 5px;
 -ms-border-radius: 5px;
 border-radius: 5px;
 color: #fff;
 background-color: #C75510;
 position: relative;
 margin-left: 10px;
}
p.btnLink1 a::after{
	content: '＞';
	position: absolute;
	left: 15px;
	top: 8px;
}
p.btnLink1 a:hover{background: #da5f26;}
/* リンクボタン（青） */
p.btnLink2 a{
	display: inline-block;
 text-decoration: none;
	text-align: center;
 width: 360px;
 padding: 15px 0;
 font-size: 146.666666%;
 font-weight: bold;
 border: 1px solid #8CB5BE;
	box-sizing: border-box;
 color: #473F4D;
 background:url("/med/bun-in/dementia/common/images/ico_btnlink2.png") 15px center no-repeat #E0F0F0;
	background-size: 18px 16px;
 position: relative;
}

/*  floatプロパティを利用した画像の寄せと流し込み設定  */
/*float*/
.innerbox {display: inline-block;zoom: 1;}
.innerbox:after {clear: both;height: 0;visibility: hidden;display: block;content: ".";}
/*IE*/.innerbox {display: block;}
.innerbox p:last-child{margin-bottom:0;}
/* ===== 列の設定 ===== */
/* 48% */
.unit1of2 {float: left;width: 48%;}
.unit1of2:nth-of-type(2n) {float: right;}
/* 33% */
.unit1of3 {float: left;width: 33.3333%;}
/* 25% */
.unit1of4 {float: left;width: 25%;}
.unit2of3 {float: left;width: 66.6666%;}
.unit1of2 div,.unit1of3 div,.unit1of4 div,.unit2of3 div {padding:.5em;}

.mt00 { margin-top: 0   !important;}
.mt10 { margin-top:10px !important;}
.mt20 { margin-top:20px !important;}
.mt30 { margin-top:30px !important;}
.mb00 { margin-bottom: 0   !important;}
.mb10 { margin-bottom:10px !important;}
.mb20 { margin-bottom:20px !important;}
.mb30 { margin-bottom:30px !important;}
/* テキスト寄せ */
.txtleft {text-align: left;}
.txtcenter {text-align: center;}
.txtright {text-align: right;}
.txtindent {text-indent: 1em;}
/* End hide from IE Mac */
img.img-right {float: right;margin: 0 0 1em 1em;}
img.img-left {float: left;margin: 0 1em 1em 0;}
img.img-center {margin: 0 auto;display: block;}
/*  Photobox  */
.photobox-center {border:1px solid #ccc;margin: 1em auto;text-align:center;padding:5px;}
.photobox-right {float:right;border:1px solid #ccc;margin: auto 0 auto 1em;text-align:center;padding:5px;display:inline;}
/*  引用文  */
blockquote {padding: 10px;margin: 1em 0;border: 1px solid #d6dae1;}
/*  リストの設定  */
ul li,ol li{margin-bottom:10px;}
/* 丸 */
ul.list li {position: relative;	margin-bottom:0.5em; padding-left:20px;}
ul.list li:before{content: "";background:  url("/med/bun-in/dementia/common/images/list.png") no-repeat 0 0;background-size: 10px 10px; width: 10px; height: 10px;position: absolute;top:5px;left:0;}
ul.list li a{padding-left: 18px; margin-left: -18px;}
/* 矢印リスト */
ul.arr {margin-bottom: 1.5em;}
ul.arr li {position: relative; padding-left: 18px;}
ul.arr li:before{content: "";background:  url(/med/bun-in/dementia/common/images/ico_list.png) no-repeat 0 0;background-size: 12px 11px; width: 12px; height: 11px;position: absolute;top:5px;left: 0;}
ul.arr li a{padding-left: 18px; margin-left: -18px;}
ul.arr.f-large li{margin-bottom: 10px !important;}
/* 黒四角 */
ul.list-square li {list-style: square inside;text-indent:-18px;margin-left: 20px;}
/* 算用数字 */
ol.list li {list-style: decimal inside;text-indent:-20px;margin-left: 20px;}
/* 大文字のアルファベット */
ol.alpha {list-style: upper-alpha inside;text-indent: -20px;margin-left: 20px;}

/* PDF */
a.pdf[href $='.pdf'] { padding: 3px 20px 3px 0;background: transparent url(/med/bun-in/dementia/common/images/icon-pdf.gif) no-repeat center right; }
* html ul.pdf li a,* html a.pdf {padding: 3px 0 3px 22px;background: url(/med/bun-in/dementia/common/images/icon-pdf.gif) no-repeat left center;}
/*  PDFファイルのダウンロード  */
.get-adobe-reader {padding-top: 10px;padding-left:170px;margin-top: 30px;font-size: 86%;line-height:85%;background: url(/med/bun-in/dementia/common/images/line-dot.gif) repeat-x top;position: relative; }
.get-adobe-reader p{line-height:1.3;}
.get-adobe-reader img {position: absolute;  left: 0px;  top: 10px;}
.get-adobe-reader a{color: #473F4D;font-weight: bold;text-decoration: underline;}
/*  定義する用語とその用語の説明を一対にしたリスト  */
dl.list {line-height: 1.5em;margin-bottom: 1.5em;}
dl.list dt {font-weight: bold;}
dl.list dd {margin-left: 2em;}
table td dl.list {margin-bottom:.5em;}
/* 定義リストをインラインで表示 */
dl.inline dt {width: 5em;line-height: 1.5em;}
dl.inline dd {margin-top: -1.5em;margin-left: 7em;line-height: 1.5em;}
/* お問い合わせ先 */
dl.contactunit {margin: 0 0 0.5em;}
dl.contactunit dt {padding: 0 0 0.2em;margin: 0 0 0.2em;border-bottom: 1px dotted #666;}
dl.contactunit address {margin-left: 1em;}
/*  関連リンクを包含するためのBox  */
.borderbox {padding: 5px;margin: 0 0 0.5em;border: 1px solid #d6dae1;}
.borderbox p.btm0,.borderbox ol.btm0,.borderbox ul.btm0 {margin-bottom: 0;/* 段落のmarginを0に */
}
/*■ コメント ■*/
.comment {border : 2px #C75510 solid ;margin:1em;padding:5px;}
.comment-r {border:1px solid #C00;background: #FFE1E2;margin:1em;padding:5px;}
/*  テキストリンクユニット  */
.txtlinkunit {margin: 0 0 1em;}
.txtlinkunit li a,.txtlinkunit p a {padding-left: 1.3em;background: url(/med/bun-in/dementia/common/images/list-arr-red.gif) no-repeat 0 0;}
/* 罫線（点線） */
.line-dot {padding-bottom: 10px;margin-bottom: 10px;background: url(/med/bun-in/dementia/common/images/line-dot.gif) repeat-x bottom;}
/* ===== テーブル（表）の設定 ===== */
caption {padding-bottom: .5em;font-weight: bold;}
/* テーブル（表）セルを罫線で囲む */
.bordered {width: 100%;margin: 0 0 1.5em;border-top: 1px solid #d6dae1;border-left: 1px solid #d6dae1;border-collapse: collapse;border-spacing: 0;}
.bordered th,.bordered td {padding:.5em;font-size:14px;border-right: 1px solid #d6dae1;border-bottom: 1px solid #d6dae1;background: #fff;}
.bordered th {font-weight: bold;background: #f0f0f0;}
/* センター揃え */
table.txtcenter th,table.txtcenter td {text-align: center;}
/* テーブル（セル）内にリストを配置した際のmarginの設定 */
td ul,td ol {margin-bottom: 0;}
table th.row1of2,table td.row1of2 {width: 50%}
table.row4 th,table.row4 td,table th.row1of4,table td.row1of4 {width: 25%}
table.row5 th,table.row5 td,table th.row1of5,table td.row1of5 {width: 20%}
table th.row2of5,table td.row2of5 {width: 40%}
table th.row3of5,table td.row3of5 {width: 60%}
/* 開閉ボックス */
#slide dl {margin:0 0 40px 0;}
#slide dl dt {position:relative;color: #C75510;font-weight:bold;font-size:115%;margin-bottom:1em;}
#slide dl dt:hover{text-decoration:underline;}
#slide dl dt span{padding:0 0.8em;margin-right:0.5em;line-height:2; font-size: 15px;}
#slide dl dd {padding:10px 0;margin-bottom:20px;}
#slide dl dd span{font-weight:bold;padding:0 0.8em;}
#slide dl dd hr{margin-top: 3px; margin-bottom: 15px;}

/*  フォント色の設定  */
.orange {color: #FF9E1B;}
.orange_dark {color: #C75510;}
.brown {color: #806020;}
.lightblue {color:#8CB5BE;}
/*  フォントサイズ  */
.f-xlarge {font-size: 146.666666%; line-height: 1.3;} /*22px*/
.f-large {font-size: 120%; line-height: 1.3;} /*18px*/
.f-midium {font-size: 100%}/*15px*/
.f-small {font-size: 86.666%;}/*13px*/
.f-bold {font-weight: bold;}
/*  背景色の設定  */
.bgorange {background-color: #C75510; color:#fff; padding:0 0.2em;}
.bgblue {background-color: #8CB5BE; color:#fff; padding:0 0.2em;}


/*-----------------------
= print
-------------------------*/
@media print {
body {font-size: 100%;color: #000;line-height: 1.5;background-color: #FFF;}
#wrapper{width: 100%;display: block;}
a:link,a:visited {text-decoration: underline;}
img {border: 0;}
#footer{clear: both;}
#gmenu,
p.gotop,
.hide {display: none;}
}