/*
 ***************************************************
 * base.css
 * K-Prof用基本スタイルシート
 *
 * Version.2004.04.30
 ***************************************************
 */
body{
	color:#000;
	background-color:#fff;
}
h1{
	background-color:#800;
	color:#fff;
	padding-left:.5em;
}
h2{
	background-color:#eed;
	color:#000;
	padding-left:.5em;
	margin-top:0;
}
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:#00f;
	text-decoration:none;
}
a:hover{
	text-decoration:underline;
}
/* メインパネル */
div.datas{
	clear:both;
	width:100%;
	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 #bb8;
	padding:4px;
	background-color:#ddb;
}
div.menu span{
	padding:2px 4px;
	border-right:1px solid silver;
}
div.menu a.new{
	font-weight:bold;
}

/* ページ表示 */
div.pages{
	background-color:#eed;
	color:#000;
	margin:0.5em 0.5em;
	border:1px solid #ccb;
	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;
}
table.th table{
	border-collapse:collapse;
}
table.th td,table.th th{
	border-style:none;
	padding:0px;
}
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:#ddc;
	color:#000;
	border-color:#888;
}
table.th td.th{
	font-weight:bold;
}

table.list tr.r1{
	background-color:#ffe;
	color:#000;
}
table.list tr.r2{
	background-color:#eed;
	color:#000;
}
table.list img{
	height:1em;
}
/* ソートボタン */
td.sort-mark{
	font-size:50%;
}
td.sort-mark a{
	text-decoration:none;
	color:#fff;
}
td.sort-mark a:visited{
	text-decoration:none;
	color:#fff;
}
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:#ffe;
	color:#000;
	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.row input.check{
	width:1em;
}
div.search div.r-name{
	float:left;
	width:6em;
}
div.search div.r-data{
	float:left;
	padding-left:3em;
}

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


/* 管理モード入り口 */
div.manage-enter{
	border:1px solid silver;
	background-color:#ffe;
	color:#000;
	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:#ffe;
	color:#000;
	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:#ffe;
	color:#000;
	border:1px solid silver;
	margin-right:0.5em;
}
div.manage div.row{
	border-bottom:1px dotted silver;
}
div.manage div.r-data{
	padding-left:1em;
}
div.manage div.r-data div{
	font-size:80%;
	color:#444;
}
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:#ffe;
	color:#000;
	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:#ffe;
	color:#000;
	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:#444;
}
div.person-edit div.r-data input{
	width:20em;
}
div.person-edit div.r-data input.check{
	width:1em;
}
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:#000;
}
dl.mail input.readonly{
	font-weight:bold;
}

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.pbox-message{
	padding-left:2em;
}
table.pbox td.no{
	font-weight:bold;
}
table.pbox tr.readed td.no{
	font-weight:normal;
}
table.pbox tr.new td.no{
	color:red;
}
table.pbox tr.readed{
	color:#888;
}
div.pbox-message span.quotation{
	color:#888;
}
table.pbox col.no{
	width:2em;
	text-align:right;
}
table.pbox col.from{
	width:25%;
}
table.pbox col.date{
	width:25%;
}

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

label{
	display:block;
	height:1em;
}
form.menu{
	display:inline;
	padding:0;
	margin:0;
	float:left;
}
input.link{
	padding:0;
	margin:0;
}

/*
div{
	border:1px solid red;
}
*/
div.plugin{
	float:left;
/*
	clear:both;
*/
	font-family:Verdana,Arial,Helvetica,sans-serif;
}