@charset "UTF-8";

@import "reset.css";
@import "fonts.css";

/*body { font-family:'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','ＭＳ Ｐゴシック','メイリオ',Meiryo,sans-serif;}*/
/*body { font-family:"Hiragino Maru Gothic Pro","ヒラギノ丸ゴ Pro W4",sans-serif;}*/



/*-------------------------------------------------------------------------
body
-------------------------------------------------------------------------*/
html	{ overflow-y:scroll;}  
body	{ background:#FDF5F2 url(../img/base/bg.jpg) repeat-x; text-align:center; color:#333;}

a			{ color:#0c0; text-decoration:underline;}
a:visited	{ color:#090; text-decoration:underline;}
a:hover		{ color:#f60; text-decoration:none;}
a:active	{ color:#f60; text-decoration:none;}

/*-------------------------------------------------------------------------
container
-------------------------------------------------------------------------*/
#container{ width:908px; margin:0 auto; background:#fff url(../img/base/mainBg.jpg) repeat-y; text-align:center;}

/*-------------------------------------------------------------------------
header
-------------------------------------------------------------------------*/
#header{ position:relative; width:908px; height:117px; background:url(../img/base/header.jpg) no-repeat;}
h1{ display:inline; position:absolute; top:5px; right:11px; font-size:1em;}
#logo{ position:absolute; top:20px; left:17px;}
#HeadTel{ position:absolute; top:42px; right:263px;}
#HeadSchedule{ position:absolute; top:38px; right:22px;}

/*-------------------------------------------------------------------------
main
-------------------------------------------------------------------------*/
#main{ margin:0; padding:0 0 0 0; text-align:left; font-size:0.8em;}
#mainBtm{ clear:both; width:908px; height:15px; background:url(../img/base/mainBtm.jpg);}

/*navi, flash, heading*/
#naviBox { display:block; width:908px; background:url(../img/base/NaviBg.jpg) no-repeat; text-align:center;}
#naviBox ul{ display:block; list-style:none; margin:0; padding:0 0 0 6px;}
#naviBox li{ float:left;}
#heading{ margin:0 0 0 0; text-align:center;}

/*contents*/
#contents{ margin:0 auto; text-align:center;}

/*leftSideArea*/
#leftContent{ float:left; width:662px; margin:0; padding:10px 0 0 8px; text-align:left; background:;}
#leftContent h2{ margin:0 0 0.8em 0;}

#topAbout{ width:330px;}
#topAboutList li{ padding:0 0 8px 0;}

#TopEmBox_01{ position:relative; float:left; width:318px; height:173px; margin:0 5px 15px 0; background:url(../img/base/topEmBox_01.jpg) no-repeat;}
#TopEmBox_02{ position:relative; float:left; width:318px; height:173px; margin:0 5px 15px 0; background:url(../img/base/topEmBox_02.jpg) no-repeat;}
/*禁煙外来に許可が下りるまで保留*/
#TopEmBox_03{ position:relative; float:left; width:318px; height:173px; margin:0 5px 15px 0; background:url(../img/base/topEmBox_03.jpg) no-repeat;}
#TopEmBox_04{ position:relative; float:left; width:318px; height:173px; margin:0 5px 15px 0; background:url(../img/base/topEmBox_04.jpg) no-repeat;}
#TopEmBox_05{ position:relative; clear:both; width:643px; height:163px; margin:0 0 5px 0; background:url(../img/base/topEmBox_05.jpg) no-repeat;}

#TopEmBox_05{ position:relative; clear:both; width:643px; height:163px; margin:0 0 15px 0; background:url(../img/base/topEmBox_05.jpg) no-repeat;}
#TopEmBox_04{ position:relative; float:left; width:318px; height:173px; margin:0 5px 15px 0; background:url(../img/base/topEmBox_04.jpg) no-repeat;}

#TopEmBox_01 h3, #TopEmBox_02 h3, #TopEmBox_03 h3, #TopEmBox_04 h3, #TopEmBox_05 h3{ position:absolute; top:18px; left:138px;}
#TopEmBox_01 p, #TopEmBox_02 p, #TopEmBox_03 p, #TopEmBox_04 p{ position:absolute; top:65px; right:12px; width:170px;}
#TopEmBox_05 p{ position:absolute; width:495px; top:65px; right:12px;}
#TopEmBox_01 a, #TopEmBox_02 a, #TopEmBox_03 a, #TopEmBox_04 a{ position:absolute; right:20px; bottom:15px;}
#TopEmBox_05 a{ position:absolute; right:20px; bottom:15px;}

.unit	{ margin:0 0 5px 0; padding:0 5px 0 10px;}
.unit h2{ margin-bottom:0.8em;}
.unit p	{ font-size:1.2em; line-height:1.4; margin-bottom:0.8em;}

.undrUnit	{ width:620px; margin:0 0 20px 15px; padding:0 5px 0 10px;}
.undrUnit p { font-size:1.3em; line-height:1.5; margin-bottom:0.8em;}
.undrUnit p strong{ color:#c30; font-weight:bold; font-size:1.0em;}

#leftContent h3{ clear:both; margin:0 0 20px 0;}
#GreetingPage .undrUnit h4{ height:; margin:0 0 15px 0; padding:2px 0 4px 6px; border-bottom:1px solid #f90; border-left:8px solid #c30; font-size:1.6em; font-weight:bold;}
#GreetingPage .undrUnit h4.h4Short{ width:420px;}
.undrUnit h4{ padding:0 0 5px 0; color:#c30; font-weight:bold; font-size:1.4em;}

.undrUnit ul{ list-style:none; padding:0 0 5px 5px;}
.undrUnit ul li{ padding:0 0 8px 0;}

.bold{ font-weight:bold;}

/*rightSideArea*/
#rightContent{ float:right; width:200px; margin:0 0 0 0; padding:6px 12px 0 0;}
#rightContent .rightBox { position:relative; width:198px; margin:0 0 10px 0; padding:0; background:#fff; border:1px solid #c00; text-align:left;}
.rightBox a,.rightBox img { border:none;}
#rightContent .infoBox { background:#fff url(../img/base/infoBoxBg.jpg) no-repeat right bottom;}
#rightContent .miniMap { height:156px; background:#fff url(../img/base/rightBoxMap.jpg) no-repeat right bottom;}

.rightBoxBtn { display:block; position:static; text-align:right;}
.rightBoxBtnAb { display:block; position:absolute; right:0; bottom:0;}
.topicsUnit{ width:180px; height:auto; margin:0 0 10px 10px; }
.mobileInBox{ width:180px; height:auto; margin:0 0 10px 10px; }
.mobileInBox p{ padding:0 0 8px 0;}
.mobileInBox p img{ padding:0 8px 8px 0;}
.mobileInBox a		{ color:#333; text-decoration:none;}
.mobileInBox a:hover{ color:#f60; text-decoration:none;}


/*decolation*/
.seikatu_table{ width:100%; margin:0 0 5px 0; border-top: 2px solid #c30; border-bottom: 2px solid #c30; font-size:1.4em;}
.seikatu_table caption{ font-weight:bold;}
.seikatu_table th{ width:19%; padding:15px 20px; background:#ffc; font-weight:bold; text-align:center;}
.seikatu_table th.RedNote{ width:auto !important; padding:8px 20px !important; color:#f00;}
.seikatu_table td{ padding:15px 20px; background:#fff; text-align:left;}
.seikatu_table .leftBdr{ width:30%; border-left:1px solid #c30;}
.seikatu_table .dotBdr{ border-bottom:1px dotted #666;}
.seikatu_table strong{ color:#000; font-weight:bold;}
#Note { padding:0 0 10px 0; color:#f00; font-size:1.2em; line-height:1;}

.info_table{ width:100%; margin:0 0 20px 0; border-top: 2px solid #c30; border-bottom: 2px solid #c30; font-size:1.4em;}
.info_table caption{ color:#f00;}
.info_table th{ width:50px; padding:5px; background:#ffc; font-weight:bold; text-align:center;}
.info_table th.ampm{ width:auto !important;}
.info_table td{ padding:5px; text-align:center;}
.info_table .dotBdr{ border-bottom:1px dotted #666;}
.info_table .leftBdr{ border-left:1px solid #c30;}
.dr1 { color:#090;}
.dr2 { color:#f69;}
.dr3 { color:#06c;}
.close{ background:#f2f2f2; color:#f00;}
.holiday{ background:#f9c !important; padding:10px 0 !important; color:#fff;}

/*-------------------------------------------------------------------------
footer
-------------------------------------------------------------------------*/
.totop{ clear:both; margin:20px 0 0 0; text-align:center;}
#footer{ position:relative; width:908px; height:135px; margin:0 auto; background:url(../img/base/footer.jpg) no-repeat top; font-size:0.7em; text-align:center;}

#footerLogo{ position:absolute; width:180px; height:24px; top:19px; left:17px;}
address{ display:block; position:absolute; top:60px; left:15px; color:#fff; font-size:1.4em; text-align:left;}

#footerLink { display:block; position:absolute; top:10px; right:10px; color:#fff; text-align:right; font-size:1.2em; line-height:1.4;}
#footerLink a			{ color:#fff; text-decoration:underline;}
#footerLink a:visited	{ color:#fff; text-decoration:underline;}
#footerLink a:hover		{ color:#fff; text-decoration:none;}
#footerLink a:active	{ color:#fff; text-decoration:none;}

#copyright{ position:absolute; bottom:10px; left:270px; font-family:Arial, Helvetica, sans-serif; font-size:1.4em; color:#333;}
#getFlash{ position:absolute; right:15px; top:52px;}


.center{ margin:0 auto; text-align:center;}
.mgn{ margin:0 0 15px 0;}
.fl{ float:left;}
.fr{ float:right;}
.cb{ clear:both;}
.cl{ clear:left;}
.cr{ clear:right;}
.flimg{ float:left; padding:0 10px 10px 0;}
.frimg{ float:right; padding:0 0 10px 10px;}
.flimg2{ float:left; padding:0 15px 15px 10px;}
.frimg2{ float:right; padding:0 15px 15px 10px;}