/**********************************************************************
project name : CRIEPI [ /common/css/database.css ]

08.01.XX
**********************************************************************/

html,
body{
	height: 100%;
}

body#TypeSIMPLE.type-database #Container{
	position: relative;
	min-height: 100%;
}

* html body#TypeSIMPLE.type-database #Container{
	height: 100%;
}

body#TypeSIMPLE.type-database #ContentsArea{
	padding-bottom: 54px;
}

/* body#TypeSIMPLE.type-database #FootArea{
	position: absolute;
	bottom: 0;
} */

/*---------------------------------------------
 FontSize
---------------------------------------------*/
#ContentsArea h2.title01{
	font-size: 140%;
}

/*---------------------------------------------
 FontColor
---------------------------------------------*/
#DataBaseList table th,
#ContentsArea table.tb-base01 th{ color: #ffffff; }

#DataBaseList table td.td-list-num { color: #003399; }

#DataBaseList .data-hit-num{ color: #ff9933; }

#DataBaseDetail dt{ color: #669900; }

#ContentsArea .data-error{ color: #cc0000; }

/*---------------------------------------------
 Table
---------------------------------------------*/


/*---------------------------------------------
 ContentsArea
---------------------------------------------*/
#ContentsArea .button01{ width: 110px; height: 23px;}
#ContentsArea .button02{ width: 60px; height: 23px;}

#ContentsArea h2.title01{
	padding: 0 10px;
	margin-bottom: 15px;
	line-height: 2.0;
	background-color: #f0f0f0;
	border: 1px #cccccc solid;
	border-bottom: 4px #a7bbef solid;
}

#ContentsArea .howto-use{
	width: 630px;
	margin: 0 auto 0.5em auto;
	text-align: right;
}

#ContentsArea ul.data-pdf-down{
	text-align: right;
	margin-bottom: 10px;
}

#ContentsArea ul.data-pdf-down li{
	display: inline;
	margin-right: 8px;
	padding: 2px 0 5px 19px;
	background: url(../img/icon_pdf.gif) 0 0 no-repeat;
}

#ContentsArea ul.data-pdf-down li.lnk-icon-media{
	display: inline;
	margin-right: 8px;
	padding: 2px 0 5px 19px;
	background: url(../img/icon_media.gif) 0 0 no-repeat;
}

#ContentsArea .data-operation-box{
	text-align: center;
	padding: 6px 10px;
	margin-bottom: 30px;
	background-color: #fff6cd;
	border: 1px #fed001 solid;
}

#ContentsArea .data-operation-box p{
	margin: 0;
}

#ContentsArea .data-operation-box strong{
	vertical-align: middle;
	margin-right: 8px;
}

#ContentsArea .data-send{
	text-align: center;
	margin-bottom: 40px;
}

#ContentsArea input,
#ContentsArea span{
	vertical-align: middle;
}

#ContentsArea label{
	padding: 0 3px;
	vertical-align: middle;
}

#DataBaseFind .data-operation-box{ text-align: center; }
#DataBaseList .data-operation-box{ text-align: right; }
#HeadOperation.data-operation-box{
	margin-bottom: 15px;
}

#DataBaseFind{
	padding-top: 3px;
	margin: 0 auto;
	width: 630px;
	background: url(../img/dotline.gif) 0 0 repeat-x;
}

#DataBaseFind table{
	margin-bottom: 15px;
	width: 630px;
}

#DataBaseFind table th,
#DataBaseFind table td{
	background: url(../img/dotline.gif) 0 100% repeat-x;
}

#DataBaseFind table th{
	padding: 8px 8px 4px 8px;
	text-align: right;
	width: 120px;
}

#DataBaseFind table td{
	padding: 8px 8px 4px 5px;
	text-align: left;
	width: 495px;
}

#DataBaseFind table th.th-odd { background-color: #dfdfdf; }
#DataBaseFind table th.th-even{ background-color: #f0f0f0; }

#DataBaseList{}

#DataBaseList.index{
	padding-bottom: 30px;
	margin-bottom: 30px;
	background: url(../img/dotline.gif) 0 100% repeat-x;
}

#DataBaseList.index .data-operation-box{
	margin-bottom: 0;
}

#DataBaseList .data-hit-num{
	margin-bottom: 10px;
	font-weight: bold;
}

#DataBaseList table{
	width: 870px;
	margin-bottom: 30px;
}

#DataBaseList table td{
	background: url(../img/dotline.gif) 0 100% repeat-x;
}

#DataBaseList table th{
	text-align: left;
	padding: 8px;
	background-color: #666666;
}

#DataBaseList table td{
	padding: 8px;
}

#DataBaseList table p{
	margin: 0;
}

#DataBaseList table tr.odd td { background-color: #ffffff; }
#DataBaseList table tr.even td{ background-color: #f1f5fe; }

#DataBaseList table th.th-list-id             { width: 40px;}
#DataBaseList table th.th-list-check          { width: 44px;}
#DataBaseList table th.th-list-num            { width: 80px;}
#DataBaseList table th.th-list-report-name    { width: 400px;}
#DataBaseList table th.th-list-reporter       { width: 120px;}
#DataBaseList table th.th-list-data01         { width: 80px;}
#DataBaseList table th.th-list-data02         { width: 80px;}

#DataBaseList table td.td-list-id             { text-align:center;  font-size: 85%; }
#DataBaseList table td.td-list-check          { text-align:center; }
#DataBaseList table td.td-list-num            { text-align:center; font-weight: bold; }
#DataBaseList table td.td-list-report-name    { font-size: 95%; }
#DataBaseList table td.td-list-reporter       { font-size: 95%; }
#DataBaseList table td.td-list-data01         { font-size: 85%; }
#DataBaseList table td.td-list-data02         { font-size: 85%; }
#DataBaseList table td.td-list-report-name    { font-size: 100%; }
#DataBaseList table td.td-list-reporter       { font-size: 100%; }
#DataBaseList table td.td-list-data01         { font-size: 100%; }
#DataBaseList table td.td-list-data02         { font-size: 100%; }

#DataBaseList.index table th.th-list-class       { width: 100px;}
#DataBaseList.index table th.th-list-num         { width: 80px;}
#DataBaseList.index table th.th-list-report-name { width: 460px;}
#DataBaseList.index table th.th-list-data01      { width: 80px;}
#DataBaseList.index table th.th-list-data02      { width: 80px;}

#DataBaseList table td.td-list-num p{
	padding-left: 19px;
	background: url(../img/icon_arrow02.gif) 0 2px no-repeat;
}

#DataBaseDetail{
	width: 630px;
	margin: 0 auto 30px auto;
	padding-bottom: 10px;
	background: url(../img/dotline.gif) 0 100% repeat-x;
}

#DataBaseDetail dl{
	padding: 7px 7px 7px 0;
	background: url(../img/dotline.gif) 0 0 repeat-x;
}

#DataBaseDetail dt{
	font-weight: bold;
	margin-bottom: 3px;
}


/*---------------------------------------------
 Form
---------------------------------------------*/
#ContentsArea input.radio{
	width: 12px;
	height: 15px;
}

#ContentsArea input.check{
	height: 17px;
}

#DataBaseFind input.find-num,
#DataBaseFind input.find-reporter{ width: 128px; }

#DataBaseFind input.find-subject,
#DataBaseFind input.find-keyword{ width: 308px; }

#DataBaseFind input.find-date   { width: 38px; }

#DataBaseFind input.find-num,
#DataBaseFind input.find-reporter,
#DataBaseFind input.find-subject,
#DataBaseFind input.find-keyword,
#DataBaseFind input.find-date{
	padding-top: 2px;
	height: 17px;
	border: 1px #999999 solid;
}



/*********************************************************************/