

TABLE#baseTable {
	border-collapse     : collapse;
	width		        : 100%;
}

TABLE#postitTable {
	border-collapse     : collapse;
	width		        : 300px;
	background-color	: #ffc;
	border              : thin solid #888;
    font-family         : arial, Helvetica;
    font-size           : 10pt;
    box-shadow          : 5px 5px 10px 3px #aaa;
}
TD#postitTD {
    vertical-align      : top;
}

#title-bar {
	background-color	: #4da; /* #3c9; */
	font-size			: 10pt;
	font-family			: arial, Helvetica;
    color               : #333;
    padding             : 5px 0 3px 0;
}
#title-bar:after {
    content: ".";  /* 新しい要素を作る */
    display: block;  /* ブロックレベル要素に */
    clear: both;
    height: 0;
    visibility: hidden;
}

DIV#bar {
	padding-top         : 3px;
	padding-bottom      : 3px;
	background-color	: #3c9;
	font-size			: 10pt;
	font-family			: arial, Helvetica;
}

DIV#alert{
    padding             : 2px 8px;
    color               : #f06;
    background-color    : #fff;
	font-size			: 12pt;
}

SPAN#string {
	padding-left        : 10px;  
	padding-right:      : 10px;  
}

SPAN#chartHeader {
	padding-left        : 10px;  
	padding-right:      : 10px;  
}

DIV#tab {
	padding-left:  10px;  
	padding-bottom:  5px;
}
SPAN#tab {
	padding:  1px 10px;  
	background-color:  #eee;
}


TD#leftSide {
	padding-left:  5px;  
	padding-top:  2px;
	padding-bottom:  2px;
}

TD#rightSide {
	padding-right:  5px;
	padding-top:  2px;
	padding-bottom:  2px;
	text-align: right;
}

DIV#_debug {
    padding:        5px 5px;
    font-size:      10pt;
}

#messageShelterArea {
    padding-left:   10px;
    font-size:      9pt;
    color:           #00f;
}

#pidArea {
    float: left;
    display: inline;
    font-size:      13pt;
    position: relative;
    top: 1px;
}

#toolIconArea {
    float: right;
    min-height: 1px;
    width: 75%;
    text-align: right;
    padding-top: 1px;
    padding-right: 5px;
}
#toolIconArea:after {
    /* clearfix */
    content: ".";  /* 新しい要素を作る */
    display: block;  /* ブロックレベル要素に */
    clear: both;
    height: 0;
    visibility: hidden;
    font-size:0;
}

.titleBar__ {
	background-color	: #3c9;
	font-size			: 10pt;
	font-family			: arial, Helvetica;
    padding             : 3px 5px;
    color               : #333;
    background: -webkit-linear-gradient(linear,left top,left bottom,from(#3c9),to(#666)); /* old web-kit */
    background: -webkit-linear-gradient(top, #3c9, #aaa); /* new web-kit */
    background: -moz-linear-gradient(top, #3c9, #666); /* new web-kit */
    background: linear-gradient(to bottom, #3c9, #666); /* W3C */
}

.addNewChart {
    font-size: 9pt;
    margin-right: 10px;
    padding: 0px 3px;
    background: #3c9;
    border-radius: 10px;
    border: thin solid #fff;
    box-shadow: 2px 2px 10px 2px #999;
}
.addNewChart:hover {
    background: #00f;
    color: #ff0;
}

#body {
    /* -- カルテ本体基盤 -- */
    background-color: #efefef;
}

.pageFrame {
    /* -- ターゲット・ページ --*/
    background: #fff;
    border-radius: 10px;
    margin: 10px;
    border: thin solid #aaa;
    box-shadow: 1px 1px 8px 3px #ccc;
    padding: 10px;
}
.pageNonFrame {
    /* -- 非ターゲット・ページ --*/
    border-bottom: thin solid #aaa;
    margin: 0px 12px 0px 10px;
    padding: 8px;
}

.dateTag:hover {
    /* -- 年月日タグ -- */
    background-color: #ddd;
}

.pageBox {
    font-family: times, arial, Helvetica;
    padding: 0;
    margin: 0;
}

.pageHeader {
    border-radius: 0px 5px 0px 0px;
    background-color: #cfe;
    font-size: 10pt;
    font-family: arial, Helvetica;
}
.pageHeader:after {
    /* clearfix */
    content: ".";  /* 新しい要素を作る */
    display: block;  /* ブロックレベル要素に */
    clear: both;
    height: 0;
    visibility: hidden;
    font-size:0;
}

.labelBox {
    /* -- ラベル -- */
    width: 60px;
    vertical-align: top;
}
.labelBox:hover {
    background-color: #efefef;
}
.omittedLabelBox {
    width: 60px;
    vertical-align: top;
}

/* -- panelEditor -- */
.basicLabel {
    vertical-align: top;
    width: 80px;
    padding-left: 5px;
}
.basicLabel:hover {
    background-color: #ddd;
}
.basicValue {
    padding: 2px 5px;
    border-bottom: thin solid #ccc;
}
.basicValue:hover {
    font-size: 12pt;
}


#panelEditorTitle {
    padding: 0px 0px;
    background: #fff;
    border-bottom: thin solid #eee;
}
#panelEditorTitle:after {
    /* clearfix */
    content: ".";  /* 新しい要素を作る */
    display: block;  /* ブロックレベル要素に */
    clear: both;
    height: 0;
    visibility: hidden;
}

.patient-tab {
    margin-left: 3px;
    padding: 2px 5px;
    background: #eee;
    border: thin solid #eee;
    border-radius: 10px;
    font-size: 9pt;
}
.patient-tab:hover {
    background: #00f;
    color: #ff0;
}
.waiting-patient-tab {
    margin-left: 3px;
    padding: 2px 5px;
    background: #ffa;
    border: thin solid #ccc;
    border-radius: 10px;
    font-size: 9pt;
}
.waiting-patient-tab:hover {
    background: #00f;
    color: #ff0;
}

.reserved-patient-tab {
    margin-left: 3px;
    padding: 2px 5px;
    background: #fdd;
    border: thin solid #ccc;
    border-radius: 10px;
    font-size: 9pt;
}
.reserved-patient-tab:hover {
    background: #00f;
    color: #ff0;
}

.logTable {
    font-family: arial, Helvetica;
	width: 100%;
    background: #888;
    color: #000;
    border: thin solid #555;
    font-size: 9pt;
}
.logTitle {
    padding: 0px 5px;
    background: #555;
    color: #fff;
    text-align: center;
}
.logColumn {
    padding: 0px 5px;
    color: #fff;
}

.editorField {
    outline: none;
    background: #fff;
    margin: 0px 8px;
    padding: 8px 8px;
    border-radius: 5px;
    box-shadow: inset 1px 1px 10px 1px #bbb;
}
.editorField:focus {
    border: thin solid #888;
    box-shadow: inset 1px 1px 10px 1px #888;
}

.warm {
    font-size: 11pt;
    font-family: arial, Helvetica;
    padding: 10px 30px;
    border-radius: 10px;
    background: #669;
    color: #fff;
    width: 350px;
}
.warm:hover {
    box-shadow: 2px 2px 10px 2px #555;
}

/* 添付画像を拡大 */
@-webkit-keyframes hoverSpread { /* === image transforme === */
    0% {-webkit-transform:scale(1);opacity: 0.7;}
    100% {-webkit-transform:scale(8.0);opacity: 1;}
}
.imageClass {
    -webkit-box-shadow: 2px 2px 10px #333;
}
.imageClass:hover {
    -webkit-animation-name: hoverSpread;
    -webkit-animation-duration: 0.7s;
    -webkit-animation-iteration-count: 1;
	-webkit-transform-origin: 0% 0%; /* 左上を原点に拡大 */
    -webkit-transform: scale(8.0);
    -webkit-box-shadow: 0 0 10px #333;
    opacity: 1;
    z-index: 20;
}

/* 地図を開くエレメント */
.showMapElement:hover {
    padding: 5px 10px;
    font-size: 14px;
    position: relative;
    left:-20px;
    border-radius: 10px;
    -webkit-box-shadow: 0 0 10px 8px #ccc;
}

/* 受診者リスト */
.bookingControls {
    display: inline;
    width: 200px;
}
.bookingTable {
    font-family: arial, Helvetica;
	width: 100%;
    background: #77f;
    color: #000;
    font-size: 9pt;
}
.bookingTitle {
    padding: 0px 5px;
    background: #44f;
    color: #fff;
    text-align: center;
}
.bookingColumn {
    padding: 0px 5px;
    color: #fff;
}

.accepted {
    background: #ff0;
    color: #000;
    padding: 0px 5px;
    border: 1px solid #aaa;
    border-radius: 10px;
    text-align: center;
}
.finished {
    color: #fff;
    padding: 0px 5px;
    text-align: center;
}
.reserved {
    background: #fee;
    color: #000;
    padding: 0px 5px;
    border: 1px solid #aaa;
    border-radius: 10px;
    text-align: center;
}

#bookingOpen {
    padding-left: 5px;
    color: #fff;
    font-size: 10pt;
}
#bookingOpen:hover {
    color: #0f0;
    font-size: 10pt;
}
#bookingSortTab:hover {
    background-color: #fff;
    color: #333;
    font-weight: bold;
}
/* 受診者リスト */

#_test {
    padding-left        : 5px;
    color               : #00f;
	font-size			: 9pt;
}

