@charset "utf-8";

/* Birth Hospital Tmp Ver1.0 */

/* ---------------------------------------------------------------- */
/* common setting */
/* ---------------------------------------------------------------- */

/* #MainContent a:link{ text-decoration:underline;}*/
#MainContent a:hover{ text-decoration:none;}

.ImgCircle{ border-radius:50%;}
.ImgCorners{ border-radius:8px;}

@media screen and (max-width: 640px) {
div.OddBox div.InnerBox,div.OddBox2 div.InnerBox,
div.EvenBox div.InnerBox,
footer div.FooterInnerBox{ width:90%; margin:0 5%; padding:40px 0px;}
div#MainContent{padding:60px 0px 0px;}
}

html{font-size: 62.5%;}
*{margin:0; padding:0;}
img {margin: 0;padding: 0;border-style: none;vertical-align:bottom; border:none;}
p{word-break: break-all;word-wrap: break-word;}
strong {font-weight: bold;}
hr {width: 100%;margin: 0;padding: 0;border-top: 1px solid #CCCCCC; margin-bottom:20px !important; border-bottom-style: none;border-left-style: none;border-right-style: none;}
li{list-style:none;}
a{ cursor:pointer;}

.RedTxt{ color:#CC0000;}
a:link,a:visited,a:hover{text-decoration:none;}
.NumberStyle{ font-family: Helvetica , "游ゴシック" , "Yu Gothic" , sans-serif;}

.NewsPage .NewsBox .LeftBox li a:hover,
.NewsPage .NewsBox .RightBox li a:hover,
.LocalNav li a:hover{ opacity:0.8;}
.FooterBottom nav a:hover{ }

/* ---------------------------------------------------------------- */
/* clearfix 設定 */
/* ---------------------------------------------------------------- */

.ColumnUnit02:after,.ColumnUnit03:after,.ColumnUnit04:after,.ColumnUnit05:after,.ColumnUnit02L30:after,.ColumnUnit02R30:after,.ColumnUnit02L20:after,.ColumnUnit02R20:after,
.clearfix:after,LinkStyle01:after,.LinkStyle02:after,.LinkStyle02 li a:after,.AcStandardStyle dd:after,.AcQaStyle dd:after,.AcQaStyleEditColor dd:after,.AcStandardStyleEditColor dd:after {
  content: ".";  /* 新しい要素を作る */
  display: block;  /* ブロックレベル要素に */
  clear: both;
  height: 0;
  visibility: hidden;
}

.ColumnUnit02,.ColumnUnit03,.ColumnUnit04,.ColumnUnit05,.ColumnUnit02L30,.ColumnUnit02R30,.ColumnUnit02L20,.ColumnUnit02R20,LinkStyle01,.LinkStyle02,.LinkStyle02 li a,.AcStandardStyle dd,.AcQaStyle dd,.AcQaStyleEditColor dd,.AcStandardStyleEditColor dd,
.clearfix {
  min-height: 1px;
}

* html .ColumnUnit02,* html .ColumnUnit03,* html .ColumnUnit04,* html .ColumnUnit05,* html .ColumnUnit02L30,* html .ColumnUnit02R30,* html .ColumnUnit02L20,* html .ColumnUnit02R20,* html .LinkStyle01,* html .LinkStyle02,* html .LinkStyle02 li a,* html .AcStandardStyle dd,
* html .clearfix {
  height: 1px;
  /*\*//*/
  height: auto;
  overflow: hidden;
  /**/
}

@media screen and (max-width: 640px) {
.SpColumCancel .ColumnItem:after, .SpColumCancel li:after {
  content: ".";  /* 新しい要素を作る */
  display: block;  /* ブロックレベル要素に */
  clear: both;
  height: 0;
  visibility: hidden;
}

.SpColumCancel .ColumnItem, .SpColumCancel li{
  min-height: 1px;
}

* html .SpColumCancel .ColumnItem, * html .SpColumCancel li {
  height: 1px;
  /*\*//*/
  height: auto;
  overflow: hidden;
  /**/
}
}

/* ---------------------------------------------------------------- */
/* このトリガーはいじらない */
/* ---------------------------------------------------------------- */

@media only screen and (min-width: 641px) and (max-width: 1000px) {
div.OddBox div.InnerBox,div.OddBox2 div.InnerBox,
div.EvenBox div.InnerBox,
footer div.FooterInnerBox{
	width: 92%;
	margin: 0 4%;
	padding: 30px 0px;
}
div.Pankuzu ul{ width:92%; margin:0 4%;}
}

@media only screen and (min-width: 1001px) {
div.OddBox div.InnerBox,div.OddBox2 div.InnerBox,
div.EvenBox div.InnerBox,
footer div.FooterInnerBox{
	max-width: 1000px;
	margin: 0 auto;
	padding: 30px 0px;
}
}

@media only screen and (min-width: 641px) {

footer div.FooterInnerBox div.InnerBox div.RightBox table{ font-size:1.4rem !important;}
footer div.FooterInnerBox div.InnerBox div.RightBox table th,
footer div.FooterInnerBox div.InnerBox div.RightBox table td{ padding:4px !important;}

footer div.FooterInnerBox div.InnerBox div.LeftBox{ width:40% !important;}
footer div.FooterInnerBox div.InnerBox div.LeftBox dl dt{ font-size:3.2rem !important; line-height:3.2rem !important; width:30px !important;}
footer div.FooterInnerBox div.InnerBox div.LeftBox dl dd { font-size:2.4rem !important; line-height:2.4rem !important; }

footer div.FooterInnerBox div.InnerBox div.RightBox{ width:58% !important;}
}

/* ---------------------------------------------------------------- */
/* Common setting .EX */
/* ---------------------------------------------------------------- */

.br-both {clear: both;}
.hr-both {clear: both;border:none;}

.section:after {  
    content: ".";  
    display: block;  
    visibility: hidden;  
    height: 0.1px;  
    font-size: 0.1em;  
    line-height: 0;  
    clear: both;  
}  
   
.section {  
    zoom: 1;  
}  

/* -- Item layout style setting -- ------------------------------ */
/* -- 困ったことにこの書き方でないと、Windoes、Macの各ブラウザで表示を統一できません。 -- */

li{list-style:none;}
li img{ vertical-align:top;}

ul.ListNumber li{ list-style-type: decimal !important;}
ul.ListNumber02 li{ list-style-type: decimal-leading-zero !important;*list-style-type: decimal !important;}
ul.ListNumber02 li{ list-style-type: decimal-leading-zero !important;*list-style-type: decimal !important;}
ul.ListDisc li{ list-style-type: disc !important; }
ul.ListSquare li{ list-style-type: square !important; }
ul.ListAlphabet li{ list-style-type: lower-alpha !important;}
ul.ListAlphabet02 li{ list-style-type: upper-latin !important;*list-style-type: lower-alpha !important; }

ul.ListDisc li,
ul.ListSquare li,
ul.ListAlphabet li,
ul.ListAlphabet02 li{ margin-left:25px;list-style:outside;}
ul.ListNumber li,
ul.ListNumber02 li{ margin-left:29px;list-style:outside;}

ul.ListNumber li,
ul.ListNumber02 li,
ul.ListDisc li,
ul.ListSquare li,
ul.ListAlphabet li,
ul.ListAlphabet02 li{ margin-bottom:6px;}

ul.ListNumber,
ul.ListNumber02,
ul.ListDisc,
ul.ListSquare,
ul.ListAlphabet,
ul.ListAlphabet02{ margin-bottom:30px;}

/* -------------------------------------------------- */
/* リンクのアニメーション */

.Ts01s,
.Ts01s a{
	-webkit-transition: all 0.1s ease-in-out;
	-moz-transition: all 0.1s ease-in-out;
	-o-transition: all 0.1s ease-in-out;
	-ms-transition: all 0.1s ease-in-out;
	transition: all 0.1s ease-in-out;
	}
	
.Ts03s,
.Ts03s a{
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	-ms-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
	}
	
.Ts06s,
.Ts06s a{
	-webkit-transition: all 0.6s ease-in-out;
	-moz-transition: all 0.6s ease-in-out;
	-o-transition: all 0.6s ease-in-out;
	-ms-transition: all 0.6s ease-in-out;
	transition: all 0.6s ease-in-out;
	}
	
.Ts10s,
.Ts10s a{
	-webkit-transition: all 1s ease-in-out;
	-moz-transition: all 1s ease-in-out;
	-o-transition: all 1s ease-in-out;
	-ms-transition: all 1s ease-in-out;
	transition: all 1s ease-in-out;
	}
	
/* -------------------------------------------------- */
/* アコーディオン強化css */

/* 初期・基本設定 */

div.Accordion{ padding:20px 0px; width:40%;}

div.Accordion dl dt a{
	display:block;
	background:url(../images/toggle.gif) no-repeat 14px 10px #f5f5f5;
	padding:7px 10px 7px 37px;
	-webkit-transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
	-o-transition: all 0.2s ease-in-out;
	-ms-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;
	}
	
div.Accordion dl dt a{ text-decoration:none;}
div.Accordion dl dt a:hover{ background-color:#cccccc;}

div.Accordion dl dd{ background-color:#e9e9e9; padding:15px;}
	
/* オープン時 */
div.Accordion dl dt a.ToggleOpen,
div.Accordion dl dt a.toggleFirst{background:url(../images/toggle_on.gif) no-repeat 14px 11px #d6d6d6;}

/* 閉じる時のhover */
div.Accordion dl dt a.ToggleOpen:hover,
div.Accordion dl dt a.toggleFirst:hover{background:url(../images/toggle_on.gif) no-repeat 14px 8px #005599; color:#ffffff;}

/* 初回オープン用が閉じた時（注：順番を入れ替えると動かなくなります） */
div.Accordion dl dt a.ToggleClose{background:url(../images/toggle.gif) no-repeat 14px 11px #f5f5f5;}

/* オープン時のhover */
div.Accordion dl dt a:hover,
div.Accordion dl dt a.ToggleClose:hover{background:url(../images/toggle.gif) no-repeat 14px 14px #d6d6d6;}

/* -------------------------------------------------- */
/* pagetop */

.pagetop {display: none;position: fixed; bottom: 20px; right: 20px;}
.pagetop a {
    display: block;
	border-radius:5px;
	width:50px;
	height:50px;
	line-height:50px;
    background-color: #777;
	opacity:0.7;
    text-align: center;
    color: #fff !important;
    font-size: 18px;
    text-decoration: none;
}

/* -------------------------------------------------- */
/* block item Width */

.wid10Per {width: 10% !important;}
.wid15Per {width: 15% !important;}
.wid20Per {width: 20% !important;}
.wid25Per {width: 25% !important;}
.wid30Per {width: 30% !important;}
.wid35Per {width: 35% !important;}
.wid40Per {width: 40% !important;}
.wid45Per {width: 45% !important;}
.wid50Per {width: 50% !important;}
.wid55Per {width: 55% !important;}
.wid60Per {width: 60% !important;}
.wid65Per {width: 65% !important;}
.wid70Per {width: 70% !important;}
.wid75Per {width: 75% !important;}
.wid80Per {width: 80% !important;}
.wid85Per {width: 85% !important;}
.wid90Per {width: 90% !important;}
.wid95Per {width: 95% !important;}
.wid100Per {width: 100% !important;}

.wid50 {width: 50px !important;}
.wid100 {width: 100px !important;}
.wid150 {width: 150px !important;}
.wid200 {width: 200px !important;}
.wid250 {width: 250px !important;}
.wid300 {width: 300px !important;}
.wid350 {width: 350px !important;}
.wid400 {width: 400px !important;}
.wid450 {width: 450px !important;}
.wid500 {width: 500px !important;}
.wid550 {width: 550px !important;}
.wid600 {width: 600px !important;}
.wid650 {width: 650px !important;}
.wid700 {width: 700px !important;}
.wid750 {width: 750px !important;}
.wid800 {width: 800px !important;}
.wid850 {width: 850px !important;}
.wid900 {width: 900px !important;}
.wid950 {width: 950px !important;}

/* -------------------------------------------------- */
/* block item Margin */

/* - All margin */
.marA0 {margin: 0px !important;}
.marA5 {margin: 5px !important;}
.marA10 {margin: 10px !important;}
.marA15 {margin: 15px !important;}
.marA20 {margin: 20px !important;}
.marA25 {margin: 25px !important;}
.marA30 {margin: 30px !important;}
.marA40 {margin: 40px !important;}
.marA50 {margin: 50px !important;}
.marA60 {margin: 60px !important;}
.marA70 {margin: 70px !important;}
.marA80 {margin: 80px !important;}
.marA90 {margin: 90px !important;}

/* - Top margin */
.marT0 {margin-top: 0px !important;}
.marT5 {margin-top: 5px !important;}
.marT10 {margin-top: 10px !important;}
.marT15 {margin-top: 15px !important;}
.marT20 {margin-top: 20px !important;}
.marT25 {margin-top: 25px !important;}
.marT30 {margin-top: 30px !important;}
.marT40 {margin-top: 40px !important;}
.marT50 {margin-top: 50px !important;}
.marT60 {margin-top: 60px !important;}
.marT70 {margin-top: 70px !important;}
.marT80 {margin-top: 80px !important;}
.marT90 {margin-top: 90px !important;}

/* - Bottom margin */
.marB0 {margin-bottom: 0px !important;}
.marB5 {margin-bottom: 5px !important;}
.marB10 {margin-bottom: 10px !important;}
.marB15 {margin-bottom: 15px !important;}
.marB20 {margin-bottom: 20px !important;}
.marB25 {margin-bottom: 25px !important;}
.marB30 {margin-bottom: 30px !important;}
.marB40 {margin-bottom: 40px !important;}
.marB50 {margin-bottom: 50px !important;}
.marB60 {margin-bottom: 60px !important;}
.marB70 {margin-bottom: 70px !important;}
.marB80 {margin-bottom: 80px !important;}
.marB90 {margin-bottom: 90px !important;}

/* - Left margin */
.marL0 {margin-left: 0px !important;}
.marL5 {margin-left: 5px !important;}
.marL10 {margin-left: 10px !important;}
.marL15 {margin-left: 15px !important;}
.marL20 {margin-left: 20px !important;}
.marL25 {margin-left: 25px !important;}
.marL30 {margin-left: 30px !important;}
.marL40 {margin-left: 40px !important;}
.marL50 {margin-left: 50px !important;}
.marL60 {margin-left: 60px !important;}
.marL70 {margin-left: 70px !important;}
.marL80 {margin-left: 80px !important;}
.marL90 {margin-left: 90px !important;}

/* - Right margin */
.marR0 {margin-right: 0px !important;}
.marR5 {margin-right: 5px !important;}
.marR10 {margin-right: 10px !important;}
.marR15 {margin-right: 15px !important;}
.marR20 {margin-right: 20px !important;}
.marR25 {margin-right: 25px !important;}
.marR30 {margin-right: 30px !important;}
.marR40 {margin-right: 40px !important;}
.marR50 {margin-right: 50px !important;}
.marR60 {margin-right: 60px !important;}
.marR70 {margin-right: 70px !important;}
.marR80 {margin-right: 80px !important;}
.marR90 {margin-right: 90px !important;}

/* -------------------------------------------------- */
/* block item Padding */

/* - All padding */
.padA0 {padding: 0px !important;}
.padA5 {padding: 5px !important;}
.padA10 {padding: 10px !important;}
.padA15 {padding: 15px !important;}
.padA20 {padding: 20px !important;}
.padA25 {padding: 25px !important;}
.padA30 {padding: 30px !important;}
.padA40 {padding: 40px !important;}
.padA50 {padding: 50px !important;}
.padA60 {padding: 60px !important;}
.padA70 {padding: 70px !important;}
.padA80 {padding: 80px !important;}
.padA90 {padding: 90px !important;}

/* - Top padding */
.padT0 {padding-top: 0px !important;}
.padT5 {padding-top: 5px !important;}
.padT10 {padding-top: 10px !important;}
.padT15 {padding-top: 15px !important;}
.padT20 {padding-top: 20px !important;}
.padT25 {padding-top: 25px !important;}
.padT30 {padding-top: 30px !important;}
.padT40 {padding-top: 40px !important;}
.padT50 {padding-top: 50px !important;}
.padT60 {padding-top: 60px !important;}
.padT70 {padding-top: 70px !important;}
.padT80 {padding-top: 80px !important;}
.padT90 {padding-top: 90px !important;}

/* - Bottom padding */
.padB0 {padding-bottom: 0px !important;}
.padB5 {padding-bottom: 5px !important;}
.padB10 {padding-bottom: 10px !important;}
.padB15 {padding-bottom: 15px !important;}
.padB20 {padding-bottom: 20px !important;}
.padB25 {padding-bottom: 25px !important;}
.padB30 {padding-bottom: 30px !important;}
.padB40 {padding-bottom: 40px !important;}
.padB50 {padding-bottom: 50px !important;}
.padB60 {padding-bottom: 60px !important;}
.padB70 {padding-bottom: 70px !important;}
.padB80 {padding-bottom: 80px !important;}
.padB90 {padding-bottom: 90px !important;}

/* - Left padding */
.padL0 {padding-left: 0px !important;}
.padL5 {padding-left: 5px !important;}
.padL10 {padding-left: 10px !important;}
.padL15 {padding-left: 15px !important;}
.padL20 {padding-left: 20px !important;}
.padL25 {padding-left: 25px !important;}
.padL30 {padding-left: 30px !important;}
.padL40 {padding-left: 40px !important;}
.padL50 {padding-left: 50px !important;}
.padL60 {padding-left: 60px !important;}
.padL70 {padding-left: 70px !important;}
.padL80 {padding-left: 80px !important;}
.padL90 {padding-left: 90px !important;}

/* - Right padding */
.padR0 {padding-right: 0px !important;}
.padR5 {padding-right: 5px !important;}
.padR10 {padding-right: 10px !important;}
.padR15 {padding-right: 15px !important;}
.padR20 {padding-right: 20px !important;}
.padR25 {padding-right: 25px !important;}
.padR30 {padding-right: 30px !important;}
.padR40 {padding-right: 40px !important;}
.padR50 {padding-right: 50px !important;}
.padR60 {padding-right: 60px !important;}
.padR70 {padding-right: 70px !important;}
.padR80 {padding-right: 80px !important;}
.padR90 {padding-right: 90px !important;}

/* - Font size */
.txt10px{font-size: 1.0rem !important;}
.txt11px{font-size: 1.1rem !important;}
.txt12px{font-size: 1.2rem !important;}
.txt13px{font-size: 1.3rem !important;}
.txt14px{font-size: 1.4rem !important;}
.txt15px{font-size: 1.5rem !important;}
.txt16px{font-size: 1.6rem !important;}
.txt17px{font-size: 1.7rem !important;}
.txt18px{font-size: 1.8rem !important;}
.txt19px{font-size: 1.9rem !important;}
.txt20px{font-size: 2.0rem !important;}
.txt21px{font-size: 2.1rem !important;}
.txt22px{font-size: 2.2rem !important;}
.txt23px{font-size: 2.3rem !important;}
.txt24px{font-size: 2.4rem !important;}
.txt25px{font-size: 2.5rem !important;}
.txt26px{font-size: 2.6rem !important;}
.txt27px{font-size: 2.7rem !important;}
.txt28px{font-size: 2.8rem !important;}
.txt29px{font-size: 2.9rem !important;}
.txt30px{font-size: 3.0rem !important;}
.txt31px{font-size: 3.1rem !important;}
.txt32px{font-size: 3.2rem !important;}
.txt33px{font-size: 3.3rem !important;}
.txt34px{font-size: 3.4rem !important;}
.txt35px{font-size: 3.5rem !important;}
.txt36px{font-size: 3.6rem !important;}
.txt37px{font-size: 3.7rem !important;}
.txt38px{font-size: 3.8rem !important;}
.txt39px{font-size: 3.9rem !important;}
.txt40px{font-size: 4.0rem !important;}

/* - Font color */
.txtclrR{
	color: #ba0000;
}

/* -line-height */
.LH100{line-height:1.0 !important;}
.LH110{line-height:1.1 !important;}
.LH120{line-height:1.2 !important;}
.LH130{line-height:1.3 !important;}
.LH140{line-height:1.4 !important;}
.LH150{line-height:1.5 !important;}
.LH160{line-height:1.6 !important;}
.LH170{line-height:1.7 !important;}
.LH180{line-height:1.8 !important;}
.LH190{line-height:1.9 !important;}
.LH200{line-height:2.0 !important;}

/* Float setting */
.flt-L {float: left !important;}
.flt-R {float: right !important;}

/* Align setting */
.ali-L {text-align: left !important;}
.ali-C {text-align: center !important;}
.ali-R {text-align: right !important;}

/* V-Align setting */
.vali-T {vertical-align: top !important;}
.vali-M {vertical-align: middle !important;}
.vali-B {vertical-align: bottom !important;}

/* V-Align setting */
.line-B {
	border-bottom: 1px solid #CCCCCC;
	}

/* ▼テキストの左側に配置する場合は「afterをbeforeに変更する」 */
#MainContent a.pdf:after,#MainContent a.doc:after,#MainContent a.xls:after,#MainContent a.ppt:after,#MainContent a.zip:after,#MainContent a.external:after,#MainContent a.mailto:after{font-family: FontAwesome; margin-left:3px;}

/* ▼a要素の前にclassをつけて領域を限定すると良い */
#MainContent a.pdf:after{content: " \f1c1";} 
#MainContent a.doc:after{content: " \f1c2";} 
#MainContent a.xls:after{content: " \f1c3";} 
#MainContent a.ppt:after{content: " \f1c4";} 
#MainContent a.zip:after{content: " \f1c6";} 
#MainContent a.external:after{content: " \f08e";} 
#MainContent a.mailto:after{content: " \f003";} 
/* ▼自動アイコンを設置したくない領域に設置 */
a.LinkNoIcon:after, .LinkNoIcon a:after, a.NoExternalLink:after, .NoExternalLink a:after{ display:none !important;}
/* -------------------------------------------------- */
/* yuga.child */
/* ↓リストの一番始め */
body .child .first-child{ background-color:#000000; color:#FFFFFF;}
/* ↓リストの一番最後 */
body .child .last-child{ background:#000000; color:#FFFFFF;}
/* ↓奇数 */
.Border .odd{ background-color:#e9e9e9;}
/* ↓偶数 */
.Border .even{ background-color:#CCCCCC;}



/* ---------------------------------------------------------------- */
/* 予約ブロック */
/* ---------------------------------------------------------------- */

footer div.YoyakuInnerBox{ width:90%; margin:0 5%; padding:40px 0px;}

@media only screen and (min-width: 641px) and (max-width: 1000px) {
div.OddBox div.InnerBox,div.OddBox2 div.InnerBox,
div.EvenBox div.InnerBox,
div.YoyakuInnerBox{ width:92%; margin:0 4%; padding:50px 0px;}
div.Pankuzu ul{ width:92%; margin:0 4%;}
}

@media only screen and (min-width: 1001px) {
div.OddBox div.InnerBox,div.OddBox2 div.InnerBox,
div.EvenBox div.InnerBox,
footer div.YoyakuInnerBox{ max-width:1000px; margin:0 auto; padding:50px 0px;}
}

@media only screen and (min-width: 641px) {

footer div.YoyakuInnerBox div.InnerBox div.RightBox table{ font-size:1.4rem !important;}
footer div.YoyakuInnerBox div.InnerBox div.RightBox table th,
footer div.YoyakuInnerBox div.InnerBox div.RightBox table td{ padding:4px !important;}

footer div.YoyakuInnerBox div.InnerBox div.LeftBox{ width:40% !important;}
footer div.YoyakuInnerBox div.InnerBox div.LeftBox dl dt{ font-size:3.2rem !important; line-height:3.2rem !important; width:30px !important;}
footer div.YoyakuInnerBox div.InnerBox div.LeftBox dl dd { font-size:2.4rem !important; line-height:2.4rem !important; }

footer div.YoyakuInnerBox div.InnerBox div.RightBox{ width:58% !important;}
}