/* ===================================================================
CSS information

 File Name  : contents.css
 Style Info : コンテンツ内のスタイル
=================================================================== */


div.main	{
	width: 100%;
}

h3	{
	margin-bottom: 5px;
}

table	{
	border-collapse: collapse;	
	border-spacing: 0;
	width: 100%;
	margin-bottom: 30px;
}
th	{
	padding: 5px 15px;
}

td	{
	padding: 1px 2px;
}

.align-r	{
	text-align: right;
}

.tr-white	{
	background-color:white;
}

.xvlBtn {
	padding : 0px;
	width :40px;
	height:20px;
	font-size : 12px;
}

/* 各リスト画面のフッタのスタイル */
.listFooter {
	left:0px;
	width: 98% ;
    position: absolute;
    top: calc(100% - 30px);
}

/* 各メイン画面のタイトルエリアのスタイル */
.titlearea {
	background-color:#dddddd;
	text-align: center;
	font-size:23px;
	width:100%;
	height:30px; 
	line-height: 30px;
	background: linear-gradient(white, #dddddd);
	#border : solid 1px black;
}

.thcenter{
	text-align: center;
}


/* メニューボタン */
.menuitem {
	background-color:white;
	border: 1px solid #DDD;  
	width: 150px;  
	height:50px;
	cursor : pointer;
	font-
}


/* メニューボタン（マウスオーバー時） */
.pointmenu {
	background: #d9f3f3;
	border: 1px solid #DDD;  
	width: 150px;  
	height:50px;
	cursor : pointer;
}

/* カレントメニューボタン（マウスオーバー時） */
.pointmenu_current {
	background: #d9f3f3;
	border: 1px solid #DDD;  
	width: 150px;  
	height:50px;
	cursor : pointer;
	color: #00A7AC;  
	font-weight:bold;
}


/* メニューボタン（カレントメニュー） */
.currentmenu {
	padding:0px;
	background-color:#F2F2F2;
	border: 1px solid #DDD;  
	color: #00A7AC;  
	width: 150px;  
	height:50px;
	cursor : pointer;
	font-weight:bold;
}

tr.over {
	background: #ffefd5;
}

/* リスト内：奇数行のスタイル */
tr.odd	{
	background: #E5F2F8;
}

/* リスト内：偶数行のスタイル */
tr.even	{
	background: white;
}

/* 共通ボタンのスタイル */
.defBtn { 
	* 文字サイズを1.4emに指定 */ 
	font-size: 1.4em; 
	* 文字の太さをboldに指定 */ 
	font-weight: bold; 
	* 縦方向に10px、 
	* 横方向に30pxの余白を指定 */ 
	padding: 10px 30px; 
	/* 背景色を濃い青色に指定 */ 
	background-color: #00A7AC; 
	/* 文字色を白色に指定 */ 
	color: #fff; 
	/* ボーダーをなくす */ 
	border-style: none; 
	width:85px;
	height:23px;
	cursor: pointer;
	line-height: 23px;
	vertical-align : middle;
} 


/* お気に入りボタンのスタイル */
.favBtn { 
	* 文字サイズを1.4emに指定 */ 
	font-size: 1.4em; 
	* 文字の太さをboldに指定 */ 
	font-weight: bold; 
	* 縦方向に10px、 
	* 横方向に30pxの余白を指定 */ 
	padding: 10px 30px; 
	/* 背景色を濃い青色に指定 */ 
	background-color: #00A7AC; 
	/* 文字色を白色に指定 */ 
	color: #fff; 
	/* ボーダーをなくす */ 
	border-style: none; 
	width:100px;
	height:23px;
	cursor: pointer;
	line-height: 23px;
	vertical-align : middle;
} 



/* 共通ボタンのマウスオーバー時のスタイル */
.defBtn:hover {
	background-color: #018484; 
}

/* 共通ボタンの無効時のスタイル*/
.defBtn:disabled {
    color:#848484!important;
    text-shadow:1px 1px 0px #eaeaea;
    background:#dcdcdc;
    #cursor: no-drop;
    cursor: default;
}

/* お気に入りボタンの無効時のスタイル*/
.favBtn:disabled {
    color:#848484!important;
    text-shadow:1px 1px 0px #eaeaea;
    background:#dcdcdc;
    #cursor: no-drop;
    cursor: default;
}



/* テーブルヘッダ(tr)のスタイル */
tr.tableheader {
	background: #dddddd;
}

/* テーブルヘッダ(th)のスタイル */
th.tableheader {
	padding : 5px 1px;
}

td.searchlavel{
	text-align : right;
	padding : 0px 15px 0px 0px;
	line-height:23px;
	vertical-align : middle;
}


#resultList  {
	position:absolute; 
	top:0px;left:0px; 
	width:100%; 
	height:425px; 
	overflow: auto;
	
}

#resultFooter {
	position:absolute;
	top:430px;
	left:0px;
	width:900px;
}


#contents	{
	top:0px; 
	left:0px; 
	#width:1050px;
	width:100%;
	height:100%
}


#header_area	{
	background-color:#00A7AC;
	position: absolute;
	left:0px;
	top:0px;
	#width:1050px;
	width:100%;
	height:120px;
	border-style: none ;
	border-width: 1px  1px 0px 1px;
}


#header_area_nomenu	{
	background-color:#00A7AC;
	position: absolute;
	left:0px;
	top:0px;
	#width:1050px;
	width:100%;
	height:96px;
	border-style: none ;
	border-width: 1px  1px 0px 1px;
}


#menu_area	{
	position: absolute;
	left:0px;
	top:90px;	
	width:150px;
	height: calc(100% - 90px);
	border-style: none ;
	border-width: 1px  ;
	border-right:1px solid #DDD ;
	#border-width: 0px  1px 0px 0px ;
	z-index : 999;
}


#maincontents	{
	position: absolute;
	left:151px;
	top:90px;
	#width:900px;
	width: calc(100% - 153px) ;
	height: calc(100% - 90px);
	border-style: solid ;
	border-width: 0px 0px 0px 1px  ;
	border-left:1px solid #DDD ;
	overflow: auto;
	z-index:999;
	background-color:white;
}

#maincontents_nomenu	{
	position: absolute;
	left:0px;
	top:66px;
	width:100%;
	height: calc(100% - 90px);
	border-style: none ;
	border-width: 1px  ;
	overflow: auto;
}

#maincontents_nomenu_login	{
	position: absolute;
	left:0px;
	top:90px;
	width:100%;
	height: calc(100% - 90px);
	border-style: none ;
	border-width: 1px  ;
	overflow: auto;
	z-index:999;
	background-color:white;
}

.resultTable td {
	word-break:break-all;
}

