﻿/* informationグリッドレイアウト
----------------------------------------------------------*/
.information-area {
	display: table;
	table-layout: fixed;
	border: 1px solid #e0e0e0;
	width: 600px;
}

.information-area .information-row {
	display: table-row;
	border: 1px solid #e0e0e0;
	border-collapse: collapse;
	background-color:  #FFFFF0;
	
}

.information-area .information-row .information-cell{
	display: table-cell;
}

.information-area .information-row .information-cell .title{
	display: table-cell;
	background-color: #507cd1;
	color: #ffffff;
	height: 20px;
    padding: 4px;
	margin: 0px;
	text-align: left;
	vertical-align:middle;
	word-wrap: break-word;
}

.information-area .information-row .information-cell .field{
	display: table-cell;
	text-align: left;
	vertical-align: middle;
	height: 26px;
	padding: 0px 4px 0px 4px;
	margin: 1px;
	word-wrap: break-word;
}

.information-area .information-altrow {
	display: table-row;
	border: 1px solid #e0e0e0;
	background-color: #F4FBFE;
}

.information-area .information-altrow .information-cell{
	display: table-cell;
}

.information-area .information-altrow .information-cell .title{
	display: table-cell;
	background-color: #507cd1;
	color: #ffffff;
	height: 20px;
    padding: 4px;
	margin: 0px;
	text-align: left;
	word-wrap: break-word;
}

.information-area .information-altrow .information-cell .field{
	display: table-cell;
	text-align: left;
	vertical-align: middle;
	height: 26px;
	padding: 0px 4px 0px 4px;
	margin: 1px;
	word-wrap: break-word;
}

/* カーソルon時レイアウト
----------------------------------------------------------*/

.setsumei
{
    position: relative;
}
.setsumei span.remark
{
    display: none;
}

.setsumei a:hover span.remark {
    background-color: #EEFFEE;
    border: 1px solid #e0e0e0;
    color: #000000;
    display: block;
    position: absolute;
    margin: 1px;
    top: -5px;
    left: -240px;
    width: 320px;
    z-index: 999;
}

/* configグリッドレイアウト
----------------------------------------------------------*/
.config-area {
	display:table;
	table-layout: fixed;
	width: 600px;
	
}

.config-area .config-row {
	display: table-row;
	word-wrap: break-word;
}

.config-area .config-row .config-cell{
	display: table-cell;
}

.config-area .config-row .config-cell .field{
	display: table-cell;
	vertical-align:top;
	text-align: left;
	height: 26px;
	padding: 0px 4px 0px 4px;
	word-wrap: break-word;
}

/* setグリッドレイアウト(configグリット内)
----------------------------------------------------------*/
.set-area {
	display: table;
	table-layout: fixed;
}

.set-area .set-row {
	display: table-row;	
}

.set-area .set-row .set-cell{
	display: table-cell;
}

.set-area .set-row .set-cell .field{
	display: table-cell;
	text-align: left;
	width: 170px;
	vertical-align:middle;
	padding: 1px;
	border-top: 1px solid #e0e0e0;
	border-left: 1px solid #e0e0e0;
	word-wrap: break-word;
}

/* 単項目項目 コントロール幅
----------------------------------------------------------*/
/*術者/施設*/
.information-area .information-row .information-cell .field .h-ENMSIST {
	width: 240px;
}
/*患者情報（イニシャル・ID）*/
.information-area .information-altrow .information-cell .field .h-ENMKANJA {
	width: 240px;
}
/*等価球面度数*/
.information-area .information-row .information-cell .field .h-EVLSE {
	width: 100px;
}
/*惹起乱視*/
.information-area .information-altrow .information-cell .field .h-EVLSIA {
	width: 60px;
}
/*切開位置*/
.information-area .information-altrow .information-cell .field .h-EVLIL {
	width: 60px;
}
/*弱主経線*/
.information-area .information-row .information-cell .field .h-EVLK1 {
	width: 60px;
}
/*軸*/
.information-area .information-row .information-cell .field .h-EVLAXIS {
	width: 60px;
}
/*強主経線*/
.information-area .information-row .information-cell .field .h-EVLK2 {
	width: 60px;
}
/*角膜屈折率*/
.set-area .set-row .set-cell .field .h-EKBCORNEA {
	width: 90px;
}

/* 計算結果明細レイアウト
----------------------------------------------------------*/
/*選択*/
.information-area .details-area .details-table .hd-SELECT {
    text-align: center;
	width: 30px;
	background-color: #FFFFF0 !important;
}
/*明細-ヘッダ*/
.information-area .details-area .details-table .h-detail {
	text-align: center;
	width: 190px;
	background-color: #FFFFF0 !important;
	color: Black !important;
	font-weight: normal;
}
/*明細-詳細*/
.information-area .details-area .details-table .d-detail {
	text-align: left;
	width: 190px;
	background-color: #FFFFF0 !important;
	color: Black !important;
	font-weight: normal;
}
/*角膜度数*/
.information-area .details-area .details-table .d-EVLCORNEA {
	display: none;
}
/*選択行*/
.information-area .details-area .details-table .selected {
    background-color: #ffcc66 !important;
}

/* フッタ部
----------------------------------------------------------*/
/*項目名*/
.footer-col {
    width: 180px;
    border-left: 1px solid #e0e0e0;
    border-bottom: 1px solid #e0e0e0;
}
/*値*/
.footer-value {
    width: 420px;
    border-right: 1px solid #e0e0e0;
    border-left: 1px solid #e0e0e0;
    border-bottom: 1px solid #e0e0e0;
}

/* 使用許諾
----------------------------------------------------------*/
.editor-row .editor-group .input-area .input-group .h-Lisence-Info {
    height: 380px;
    border:1px solid #696969;
    overflow: auto;
    padding:20px;
	font-family: "Trebuchet MS", Verdana, Helvetica, Sans-Serif;
	font-size:11pt;
    text-align:justify;
}
/*カテゴリ*/
.editor-row .editor-group .input-area .input-group .h-Lisence-Info .category {
    font-weight: bold;
    padding-top: 15px;
}
/*情報*/
.editor-row .editor-group .input-area .input-group .h-Lisence-Info .info {
    padding-top: 8px;
}
/*情報 - 段落番号行*/
.editor-row .editor-group .input-area .input-group .h-Lisence-Info .info .paragraph-no {
    text-indent:-3em;
    padding-left:40px;
}
/*情報 - 段落行*/
.editor-row .editor-group .input-area .input-group .h-Lisence-Info .info .paragraph {
    padding-left:40px;
}
/*使用許諾チェック*/
.editor-row .editor-group .input-area .input-group .h-EFGLICENSE {
    vertical-align: middle;
    width: 24px;
    height: 24px;
}