﻿/* 表示エリアの区分等に関するCSS */
body{
	margin:0;
	word-wrap: break-word;
}
.body_loading{
	visibility:hidden;
	height:100%;
	width:100%;
}
.body_loading::after{
	display:block;
	position:fixed;
	top:0;
	left:0;
	content:"現在初期処理中です。しばらくお待ち下さい。尚、時間が経過しても画面が切り替わらない場合、JavaScriptのエラーが発生している可能性があります。";
	visibility:visible;
}

.top_title{
	position:absolute;
	height:35px;
	width:500px;
	overflow:hidden;
	display:block;
	margin:0;
	padding:0;

}
.menuArea{
	position:fixed;
	left:0px;
	width:300px;
	overflow-y:auto;
	overflow-x:hidden;
	background-color: #FFFFFF ;
	top:100px;
	bottom:0px;
	display:block;
	border:1px solid black;
}
.consoleArea{
	border-bottom:1px solid black;
	position:fixed;
	left:0px;
	right:0px;
	top:0px;
	height:100px;
	overflow-y:hidden;
	overflow-x:hidden;
	background-color: #FFFFFF ;
}

.dataArea{
	position:absolute;
	left:0px;
	right:0px;
	top:100px;
	overflow-y:hidden;
	overflow-x:hidden;
	padding:5px;
}
.data_area_with_menu{
	left:300px;
}
.data_area_with_abb{
	right:300px;
}


.dataAreaMenu{
	position:absolute;
	left:300px;
	right:0px;
	top:100px;
	overflow-y:hidden;
	overflow-x:hidden;
	padding:5px;
}
.dataAreaAbb{
	position:absolute;
	left:0px;
	right:300px;
	top:100px;
	overflow-y:hidden;
	overflow-x:hidden;
	padding:5px;
}
.dataAreaMenuAbb{
	position:absolute;
	left:300px;
	right:300px;
	top:100px;
	overflow-y:hidden;
	overflow-x:hidden;
	padding:5px;
}
.dictionaryArea{
	position:fixed;
	right:0px;
	top:100px;
	border:1px solid black;
	width:300px;
	overflow-y:auto;
	overflow-x:hidden;
	background-color: #FFFFFF ;
	display:block;
	bottom:0px;
}
/* 以下、データ部分のCSS */
.dataBlock{
	word-break:break-all;
	word-wrap: break-word;
	
}
/*１行で出すデータ*/
.block_as_line{
	display:block;
	margin:2px 1px;
}
/*表形式の縦１列*/
.block_as_table_col{
	display:inline-block;
	margin:2px 1px;
	padding:0px;
	vertical-align:top;
}
/*表形式の各セルに相当*/
.block_as_table_cell{
	display:block;
	min-height:1.5em;
}

/*以下、表示切替関連*/

.chkBlock{
}/*※恐らく不要となる*/


.configShow{
	right:0px;
	position:Fixed;
	top:0px;
	background: #EFEFEF;
	border: 1px solid #DFDFDF;
	border-radius: 0px 0px 8px 8px;
	-moz-border-radius: 0px 0px 8px 8px;
	-webkit-border-radius: 0px 0px 8px 8px;
	color: #1F1F1F;
	height:32px;
	width:100px;

}

.configArea{
	position:Fixed;
	border:1px solid black;
	right:10px;
	top:10px;
	font-size:12px;
	border-radius: 8px;
	-moz-border-radius: 8px;
	-webkit-border-radius: 8px;
	background-color:#FFFFFF;
	padding-right:38px;
	display:block;
}

.configClose{
	position:Fixed;
	right:16px;
	top:18px;
	background: #EFEFEF;
	border: 1px solid #DFDFDF;

	border-radius: 3px 3px 3px 3px;
	-moz-border-radius: 3px 3px 3px 3px;
	-webkit-border-radius: 3px 3px 3px 3px;

	color: #1F1F1F;
	height:20px;
	width:20px;
	font-weight:bold;
	font-size:13px;

}

.allON{
	background: #EFEFEF;
	border: 1px solid #DFDFDF;
	border-radius: 4px 0px 0px 4px;
	-moz-border-radius: 4px 0px 0px 4px;
	-webkit-border-radius: 4px 0px 0px 4px;
	color: #1F1F1F;
	width:70px;
	height:19px;
	margin-left:auto;
	margin-right:0;
}
.allOFF{
	background: #EFEFEF;
	border: 1px solid #DFDFDF;
	border-radius: 0px 4px 4px 0px;
	-moz-border-radius: 0px 4px 4px 0px;
	-webkit-border-radius: 0px 4px 4px 0px;
	color: #1F1F1F;
	width:70px;
	height:19px;
	margin-left:0;
	margin-right:auto;
}




.soundButton{
	width: 100px;
	height: 30px;
	background: #EFEFEF;
	border: 1px solid #DFDFDF;
	border-radius: 8px;
	-moz-border-radius: 8px;
	-webkit-border-radius: 8px;
	color: #1F1F1F;
}
.soundAllButton{
	position:absolute;
	top:35px;
	left:400px;
	width: 100px;
	height: 30px;
	background: #EFEFEF;
	border: 1px solid #DFDFDF;
	border-radius: 8px;
	-moz-border-radius: 8px;
	-webkit-border-radius: 8px;
	color: #1F1F1F;
}
.soundType{
	position:absolute;
	top:35px;
	left:300px;
	width: 100px;
	height: 30px;
//	background: #EFEFEF;
	border: 1px solid #DFDFDF;
	border-radius: 8px;
	-moz-border-radius: 8px;
	-webkit-border-radius: 8px;
//	color: #1F1F1F;
}


/* 以下、コンソール部分のCSS */
.audioPlayer{
	position:absolute;
	left:0px;
	top:35px;
	width:300px;
	height:30px;
}
.sndAll{
	position:absolute;
	left:300px;top:0px; 
}

.chkShw{
}

.chgUT{
	display:block;
	margin-bottom:5px;
	background: #EFEFEF;
	border: 1px solid #DFDFDF;
	border-radius: 4px 4px 4px 4px;
	-moz-border-radius: 4px 4px 4px 4px;
	-webkit-border-radius: 4px 4px 4px 4px;
	color: #1F1F1F;
	width:200px;
	height:20px;
}

/*
以下、メニュー部分のCSS
*/
.menuShow{
	position:Fixed;
	left:0px;
	top:72px;
	background: #EFEFEF;
	border: 1px solid #DFDFDF;
	border-radius: 8px 8px 0px 0px;
	-moz-border-radius: 8px 8px 0px 0px;
	-webkit-border-radius: 8px 8px 0px 0px;
	color: #1F1F1F;
	height:28px;
	width:120px;
}

.linkMain {
	display:block;
	border:1px solid #DFDFDF;
	text-decoration: none;
	padding:5px
}
.linkMain:link,visited {
}
.linkMain:hover {
	font-style:italic;
	color:green;
	background-color:#FF7F00;
}


.contentsTop{
}
.categoly{
}
.retLink{
	display:block;
	text-decoration: none;
	padding:5px;
	font-size: 8px;

}




/*
以下、略語一覧部分のCSS
*/
.dictionaryTitle{
}
.dicShow{
	right:100px;
	position:Fixed;
	top:72px;
	background: #EFEFEF;
	border: 1px solid #DFDFDF;
	border-radius: 8px 8px 0px 0px;
	-moz-border-radius: 8px 8px 0px 0px;
	-webkit-border-radius: 8px 8px 0px 0px;
	color: #1F1F1F;
	height:28px;
	width:200px;

}

.dicTable{
	border-collapse:collapse;
}
.dicTHead{
	background-color:#FFFFFF;
	position:absolute;
	top:63px;
	height:40px;
	overflow:hidden;
	table-layout: fixed;
}
.dicTBody{

	position:absolute;
	display:block;
	overflow-y:scroll;
	bottom:0px;
	top:103px;
}
.dicTBody>*>*{
	text-overflow: ellipsis;
	white-space:nowrap;
	word-wrap: break-word;
}
.dicTitle{
	height:30px;
	display:block;
	overflow-y:scroll;
}

.dicAbb{
	border:1px solid black;
	width:80px;
	max-width:80px;
	background-color:#EFFFFF;
	max-height:40px;
	min-height:40px;
	height:40px;
}
.dicWrd{
	border:1px solid black;
	width:190px;
	max-width:190px;
	background-color:#EFFFFF;
	max-height:40px;
	min-height:40px;
	height:40px;
}
.dicAbbOdd{
	border:1px solid black;
	width:80px;
	max-width:80px;
	background-color:#FFFFFF;
}
.dicAbbEven{
	border:1px solid black;
	width:80px;
	max-width:80px;
	background-color:#FFFFEF;
}
.dicWrdOdd{
	border:1px solid black;
	width:190px;
	max-width:190px;
	background-color:#FFFFFF;
}
.dicWrdEven{
	border:1px solid black;
	width:190px;
	max-width:190px;
	background-color:#FFFFEF;
}


.helpShow{
	right:0px;
	position:Fixed;
	top:72px;
	background: #EFEFEF;
	border: 1px solid #DFDFDF;
	border-radius: 8px 8px 0px 0px;
	-moz-border-radius: 8px 8px 0px 0px;
	-webkit-border-radius: 8px 8px 0px 0px;
	color: #1F1F1F;
	height:28px;
	width:90px;

}
.helpClose{
	position:Fixed;
	right:12px;
	top:202px;
	background: #EFEFEF;
	border: 1px solid #DFDFDF;
	border-radius: 8px 8px 8px 8px;
	-moz-border-radius: 8px 8px 8px 8px;
	-webkit-border-radius: 8px 8px 8px 8px;
	color: #1F1F1F;
	height:32px;
	width:32px;
	font-weight:bold;
	font-size:25px;

}
.helpArea{
	position:Fixed;
	right:10px;
	top:200px;
	border:1px solid black;
	width:500px;
	height:400px;
	background-color: #FFFFFF ;
	display:block;
	overflow-y:scroll;
}
.closeBtnFloat{
	position:Fixed;
	top:200px;
	right:10px;
	border:1px solid black;
	height:35px;
	width:35px;
	background-color: #FFFFFF ;
	
}
.helpImg{
	width: 480px;
	max-width: 480px;
	height: auto;
}

.ulDispChgs{
	padding-left:0px;
	list-style:none;
	height:auto;
	width:auto;
}
.ulDispChgs>li{
	position:relative;
	display:block;
	height:auto;
}
.ulDispChgs>li>label{
	display:inline-block;
	padding:3px;
}
