/*
 ***************************************************
 * base.css
 * K-Prof用基本スタイルシート
 *
 * Version.2003.04.06
 ***************************************************
 */
body{
    FONT-SIZE: 9pt;
    padding:0px;
    MARGIN: 0px;
    FONT-FAMILY: 'ＭＳ Ｐゴシック', Osaka;
    BACKGROUND-COLOR: black;
    COLOR: white;
}
h1{
	background-color: #333333;
	FONT-FAMILY: 'Verdana';
	BORDER-BOTTOM: #444444 3px solid;
	padding: 2px 0px 2px 4px;
}

h2{
	background-color: #444444;
	FONT-FAMILY: 'Verdana';
	BORDER-BOTTOM: #555555 3px solid;
	padding: 2px 0px 2px 4px;
}
form{
	padding:0;
	margin:0;
}
p{
	padding-left:.5em;
}
p.err{
	color:red;
	background-color:#fff;
	font-weight:bold;
	border:1px dotted red;
	padding:0.5em;
}
a{
	color:#aaaaaa;
	text-decoration:none;
}
a:hover{
	text-decoration:underline;
}
/* メインパネル */
div.datas{
	width:100%;
	color:white;
	margin:0.2em;
	padding:0.2em;
}
/* 各項目 */
div.row{
	clear:both;
	padding-top:0.3em;
	padding-bottom:0.3em;
}
div.not-null div.r-name{
	color:red;
}

/* メニュー */
div.menu{
	clear:left;
	margin:0.5em 0;
	border:1px solid #666666;
	padding:4px;
	background-color:#444444;
}
div.menu span{
	padding:2px 4px;
	border-right:1px solid silver;
}
div.menu a.new{
	font-weight:bold;
}

/* ページ表示 */
div.pages{
	background-color:#666666;
	color:white;
	margin:0.5em 0.5em;
	border:1px solid #606060;
	padding:4px;
	font-size:90%;
}
div.pages span{
	padding:2px 4px;
	border-right:1px dotted silver;
}
div.pages span.current{
	font-weight:bold;
}


/* 検索条件表示 */
div.query{
	margin:0.5em 0.5em;
	border:1px solid #ccb;
	padding:4px;
	font-size:90%;
}
div.query span{
	padding:2px 4px;
	border-right:1px solid silver;
}
div.query span.query-title{
	border-right:1px solid #888;
	font-weight:bold;
}

/* 一覧 */
div.list{
	width:100%;
	margin:0.2em;
	padding:0.2em;
}
table.list{
	width:100%;
	border:1px solid #444;
/*
	border-bottom-style:none;
	border-right-style:none;
	border-collapse:collapse;
*/
}

table.list td,table.list th{
	border:1px solid silver;
	border-top-style:none;
	border-left-style:none;
	padding:2px;
	font-size:9pt;
}
table.th table{
	border-collapse:collapse;
}
table.th td,table.th th{
	border-style:none;
	padding:0px;
	white-space: nowrap;
}
col.birth{
	text-align:center;
}
col.birth_count{
	text-align:right;
}
col.age{
	text-align:center;
}
span.zero{
	font-weight:bold;
	color:red;
}
table.list thead th{
	text-align:center;
	background-color:#444444;
	color:white;
	border-color:#888;
}
table.th td.th{
	font-weight:bold;
}

table.list tr.r1{
	background-color:#333333;
	color:white;
}
table.list tr.r2{
	background-color:#444444;
	color:white;
}
table.list img{
	height:1em;
}
/* ソートボタン */
td.sort-mark{
	font-size:50%;
}
td.sort-mark a{
	text-decoration:none;
	color:white;
}
td.sort-mark a:visited{
	text-decoration:none;
	color:white;
}
td.sort-mark a:hover{
	text-decoration:none;
	color:red;
}
/* ソートボタン（現在） */
span.sort{
	color:red;
}


/* 検索フォーム */
div.search{
	width:46%;
	padding:0.5em;
	float:left;
	background-color:#333333;
	color:white;
	border:1px solid silver;
	margin-right:0.5em;
}
div.search div.row{
	border-bottom:1px dotted silver;
	clear:left;
}
div.search div.row input{
	width:16em;
}
div.search div.r-name{
	float:left;
	width:6em;
	height:1.5em;
}
div.search div.r-data{
	color:white;
	padding-left:3em;
}

/* 使い方・説明 */
div.info{
	width:45%;
	font-size:90%;
	padding:0.5em;
	float:left;
	background-color:#333333;
	color:white;
	border:1px solid silver;
	margin-bottom:0.5em;
}
div.info p{
	margin-left:1em;
}


/* 管理モード入り口 */
div.manage-enter{
	border:1px solid silver;
	background-color:#333333;
	color:white;
	margin:0.5em;
	font-size:90%;
	padding:0.5em;
	text-align:right;
	clear:left;
}

/* 項目編集入り口 */
div.elmconfig-enter{
	margin-top:0.5em;
	width:45%;
	font-size:90%;
	padding:0.5em;
	float:left;
	background-color:#333333;
	color:white;
	border:1px solid silver;
}
div.elmconfig-enter form{
	padding-left:2em;
}
/* 編集画面 */
div.elm-config div.row{
	clear:left;
	height:2em;
}

/* 配布元リンク */
div.footer{
	clear:both;
	margin:0.5em;
	text-align:right;
}
div.footer a.perl{
	font-weight:bold;
	font-family:"Arial Black";
}

/* 管理フォーム */
div.manage{
	width:45%;
	padding:0.5em;
	float:left;
	background-color:#333333;
	color:white;
	border:1px solid silver;
	margin-right:0.5em;
}
div.manage div.row{
	border-bottom:1px dotted silver;
}
div.manage div.r-data{
	color:white;
	padding-left:1em;
}
div.manage div.r-data div{
	font-size:80%;
	color:white;
}
div.manage div.r-data input{
	width:20em;
}
div.manage div.r-data textarea{
	width:20em;
}
div.data-manage select{
	font-family:"ＭＳ ゴシック";
}

/* データ管理 */
div.data-manage{
	margin-top:0.5em;
	width:45%;
	font-size:90%;
	padding:0.5em;
	float:left;
	background-color:#333333;
	color:white;
	border:1px solid silver;
}
div.data-manage h3{
	margin-left:1em;
}
div.data-manage p{
	margin:0 2em;
	font-size:90%;
}
div.data-manage form{
	margin-left:2em;
}

/* 個人フォーム */
div.person-edit{
	width:46%;
	padding:0.5em;
	float:left;
	background-color:#333333;
	color:white;
	border:1px solid silver;
	margin-right:0.5em;
}
div.person-edit div.row{
	border-bottom:1px dotted silver;
}
div.person-edit div.r-data{
	padding-left:1em;
}
div.person-edit div.r-data div{
	font-size:80%;
	color:white;
}
div.person-edit div.r-data input{
	width:20em;
}
div.person-edit div.r-data textarea{
	width:20em;
}
/* メールフォーム */
div.mail div.r-data input{
	width:20em;
}
div.mail div.r-data textarea{
	width:20em;
}


div.submit{
	clear:both;
	margin:1em 0;
}
.sep{
	font-size:1px;
	width:100%;
}

input.readonly{
	background-color:#eee;
	color:white;
}
dl.mail input.readonly{
	font-weight:bold;
}


/*
div{
	border:1px solid red;
}
*/

div.bbs{
	color:#AAAAAA
}

div.bbs-manage{
	width:45%;
	float:left;
}
div.bbs div.comment{
	float:none;
}
div.bbs div.comment input.comment{
	width:15em;
}
div.form{
	margin-bottom:1.3em;
}
div.form input.lock{
	background-color:#ddd;
}

/* ログイン画面 */
div.login{
	width:45%;
	padding:0.5em;
	background-color:#333333;
	color:white;
	border:1px solid silver;
	margin-right:0.5em;
	float:left;
}
div.login form{
	margin:1em;
}