@charset "utf-8";
/* CSS Document */


@import url("common.css");
@import url("formcommon.css");
@import url("contentscommon.css");

body,
button, fieldset, input, label, legend, select, textarea
{
	font-family: "メイリオ",Meiryo,"ＭＳ Ｐゴシック",arial,sans-serif;	
}


/*safari*/
@media screen and (min-color-index:0)
   and(-webkit-min-device-pixel-ratio:0) { @media {
body,button, fieldset, input, label, legend, select, textarea{
	font-family:"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro",arial, sans-serif;
}


}}




/*liquid  base------------------------------------------------------------------------------*/

html{    height:100%;}
body{    height:100%; 	background:#FAFBFC;}
* html div#container{height:100%;}
div#container{ position:relative;    min-height: 100%; }
body > #container {   height: auto;}
#foot{	position:absolute; bottom:0px;}

#wrapper{ width:98%;}
#main{ float:right; width:100%; }
#mainContent{margin-left:220px; min-width:750px; margin-top:35px; padding-bottom:160px; position:relative;}
#side{ width:185px; float:left;  margin-right:-185px;}




/*head--------------------------------------------------------------------------------------*/

#head{ background-image: url(../images/common/baseBg.png);  display:table;  width:100%; min-width:970px;  padding:20px 0 ; }
#head h1{display: inline; padding: 0 0 0 12px;}
.logout{display:inline;  float:right; margin:20px 25px 0 0;}
#head .headRight{ float:right; color:#FFF;}
#head .headRight p{ margin: 20px 40px 0 0; float:left; }

/*foot------------------------------------------------------------------------------*/

#foot{	width:100%; border-top-width:4px ; border-top-style:solid; padding:20px 0 20px ; background:#FFF; clear:both;}


#foot .footBlock{ float:left; padding: 0 0 0 20px;}
#foot .footBlock p.tel{ float:left;}
#foot .footBlock dl{ float:right; border-left: solid 1px #CCCCCC; margin:0 0 0 20px; padding:10px 0 10px 20px;}
#foot .footBlock dl dt{ color:#4FA0C8; font-weight:bold; margin-bottom:8px;}


#foot ul.footMenu{ float:right; padding-right:20px;} 
#foot ul.footMenu li{ display:inline; line-height:1;  margin-left:20px;} 
#foot ul.footMenu li a{ background:url(../images/footLink.png) no-repeat left center  ; padding: 0 0 0 10px; color:#333333; } 



#pagetop {
  display: none;
  position: fixed;
  bottom:0px;
  right: 10px;
  padding-bottom:10px;
}





/*side menu------------------------------------------------------------------------------*/

#side { padding-top: 5px; font-size:14px;}

#side ul{ width:173px; margin:auto;}
#side  a{ color:#333333;}
#side  a:hover{ color:#7FB2E5; }


#side ul li{ padding: 0; position: relative; margin-bottom:14px; }
#side ul li span{padding:8px 0 5px 32px; display:block; }

#side ul li a{  background: url(../images/common/side_menuBody.png) repeat-y; display:block; padding: 7px 0 ; }
#side ul li:before { content: url(../images/common/side_menuHead.png); position: absolute; top:-5px;}
#side ul li:after {content: url(../images/common/side_menuFoot.png);   position: absolute;   bottom:-5px;}

#side ul li.on a{  background-image: url(../images/common/side_menuBody_on.png) ; }
#side ul li.on:before { content: url(../images/common/side_menuHead_on.png);}
#side ul li.on:after {content: url(../images/common/side_menuFoot_on.png);}

#side dl{ width:173px; margin:0 auto 14px;  background: url(../images/common/side_menuBody.png) repeat-y left 50px; position:relative;  }
#side dd:after {content: url(../images/common/side_menuFoot.png);   position: absolute;   bottom:-5px;}
#side dd.on:after {content: url(../images/common/side_menuFoot_on.png);   position: absolute;   bottom:-5px;}



#side dl span{padding-left:30px; display:block; padding-top:5px; padding-bottom:5px;}
#side dl dt{ background-image: url(../images/common/baseBg.png);  padding:3px 0; border-radius: 3px 3px 0 0 ; color:#FFF; margin-top:-3px;  }
#side dl dt span{ padding-top:7px; padding-bottom:3px}

#side dl dd a{ padding: 8px 0; display:block; background:url(../images/common/sideicon_arrow.png) no-repeat 14px center;  }
#side dl dd { background:url(../images/common/dotline.png) no-repeat center bottom; z-index:100;}
#side dl dd:last-child { background-image:none;}
#side dl dd:last-child a{  padding-bottom: 4px; }

#side dl dd.on{ background-color:rgba(255,255,204,0.8);}

#side ul li span,
#side dl dt span{ background-repeat:no-repeat; background-position:8px center;}

#side ul li.menu_home span{ background:url(../images/sideicon_home.png) no-repeat 8px center; }
#side ul li.menu_member span{ background:url(../images/sideicon_member.png) no-repeat 8px center; }

#side dl.menu_reserve dt span{ background-image:url(../images/sideicon_reserve.png);}
#side dl.menu_member dt span{ background-image:url(../images/sideicon_member.png);}
#side dl.menu_patient dt span{ background-image:url(../images/sideicon_patient.png);}


/*-------------------------------------------------------------------------------------------------------------------------------------------*/

/*　ベースデザインカラー*/

/*-------------------------------------------------------------------------------------------------------------------------------------------*/



/* a　*/

a{	color: #0099CC;
	text-decoration: none;
}

a:hover{	color: #7FB2E5;}
#main a:hover,#popup a:hover{  filter:alpha(opacity=80);    -moz-opacity: 0.8;    opacity: 0.8;}


/* インターフェイスベースカラー　*/

#head,
#side dl dt
{ background-color:#4FA0C8;}

#foot{ border-top-color:#4FA0C8;}

#head{border-bottom:8px solid #DFEDF4;}
#container{ background:url(../images/sideBg.jpg) repeat-y;}


/* 基本見出し　*/

#main h2:before,
#main h3:before{ 
	 border-left-color:#4FA0C8;
}


/* ボーダーカラー　*/

.bgBlock{ border: solid 1px #EFEFEF; }
table.basic,
table.basic th,
table.basic td{ border:#B8DCED solid 1px;}
table.basic th,
table.listTable td.bgtd{ background-color:#F2FCFF; }



/* 注意色　*/


.attention { color:#FF3300;}
.attention a { color:#FF3300 !important;}
.attention a:hover{ color:#FF6633 !important;}