/* ---------------------------------------------------------------------- */
/*	1. ベーススタイル                                                     */
/* ---------------------------------------------------------------------- */

/*  1-1. 全体
------------------------------------------------------------------------- */
* {
	margin: 0;
	padding: 0;
}

/*  1-2. HTML
------------------------------------------------------------------------- */
html {
	overflow-y: scroll
}

/*  1-3. BODY
------------------------------------------------------------------------- */
body {
	text-align:center;   /* 中央寄せ */
	font-size: 12px;
	background-color: white;
	color: black;
	min-width: 750px;
	min-height: 580px;
}

/*  1-4-1. Tableのヘッダー部
------------------------------------------------------------------------- */
table {
	font-size: 100%;
    border-collapse: collapse;
}

/*  1-4-1. Tableのヘッダー部
------------------------------------------------------------------------- */
table th {
	font-size: 125%;
}

a {
	text-decoration: none;
}

a:hover {
	text-decoration: underline;
}

/* ---------------------------------------------------------------------- */
/*	2. 描画部分								                                            */
/* ---------------------------------------------------------------------- */

/*  2-1. Base
------------------------------------------------------------------------- */
#container {
	margin-left : auto;
	margin-right : auto;
	text-align:left;     /* 中身を左側表示に戻す */
	width:950px;         /* 幅を決定する */
}


/* ---------------------------------------------------------------------- */
/*	3. ヘッダー・フッターの表示                                           */
/* ---------------------------------------------------------------------- */

/*  3-1. ヘッダー全体
------------------------------------------------------------------------- */
#header {
	padding: 14px 0px 13px 10px;
	margin-bottom: 5px;
	background: url(../images/titleback.gif) top left repeat-x;
}

#header #float {
    float: left;
    width: 49%;
}

/*  3-2. ヘッダーイメージ
------------------------------------------------------------------------- */
#header img {
	border: none;
}

/*  3-3. フッター全体
------------------------------------------------------------------------- */
#footer {
	padding: 2px;
	color: rgb(137, 137, 137);
	text-align: center;
	font-size: .8em;
	border-bottom: 3px solid rgb(0, 122, 205);
}


/* ---------------------------------------------------------------------- */
/*	4. ヘッダー・フッターを除く画面表示                                   */
/* ---------------------------------------------------------------------- */

/*  4-1. コア表示
------------------------------------------------------------------------- */
#content {
	padding: 0px 0px 10px 0px;
}


/* ---------------------------------------------------------------------- */
/*	5. フレーム部の表示                                                   */
/* ---------------------------------------------------------------------- */

/*  5-1. 上（検索部）表示
------------------------------------------------------------------------- */
#search {
	margin: 0 10px 0 10px;
}


/* ---------------------------------------------------------------------- */
/*	6. ヘッダ部のユーザ情報の表示                                         */
/* ---------------------------------------------------------------------- */

/*  6-1. 分類ごとのグルーピング
------------------------------------------------------------------------- */
#userInfo {
	padding: 0;
	margin: 0;
}

/*  6-2. 分類の項目に対する表示
------------------------------------------------------------------------- */
#userInfo li {
	margin: 0;
	padding: 2px 7px 3px 9px;
	background: url(../images/nav_bar.gif) left center no-repeat;
	display: inline;
	overflow: hidden;
	list-style:none;
}

#userInfo li.nobar {
	background: none;
}

#userInfo li.selected {
	font-weight: bold;
}



/* ---------------------------------------------------------------------- */
/*	8. 情報メッセージの表示                                             */
/* ---------------------------------------------------------------------- */

/*  8-1. 情報メッセージ表示
------------------------------------------------------------------------- */
#infomsg {
	margin: 5px;
	padding: 4px 5px 5px 40px;
	background: rgb(240, 255, 240);
	border: 1px solid rgb(170, 255, 170);
}

/*  8-2. 情報表示
------------------------------------------------------------------------- */
#infomsg li{
	padding: 3px 0 3px 0;
	color: rgb(0, 192, 0);
	font-weight: bold;
	list-style-position: inside;
	list-style-type: square
}

/*  8-3. 情報タイトル
--------------------------------------------------------------------------- */
#infomsg p{
	padding: 4px 0 4px 0;
	color: rgb(0, 160, 0);
	font-weight: bold;
}

/* ---------------------------------------------------------------------- */
/*	9. エラーメッセージの表示                                             */
/* ---------------------------------------------------------------------- */

/*  9-1. エラーメッセージ表示
------------------------------------------------------------------------- */
#errmsg {
	margin: 5px;
	padding: 4px 5px 5px 40px;
	background: rgb(255, 240, 240);
	border: 1px solid rgb(255, 170, 170);
}

/*  9-2. エラー表示
------------------------------------------------------------------------- */
#errmsg li{
	padding: 3px 0 3px 0;
	color: rgb(192, 0, 0);
	font-weight: bold;
	list-style-position: inside;
	list-style-type: square
}

/*  9-3. エラータイトル
--------------------------------------------------------------------------- */
#errmsg p{
	padding: 4px 0 4px 0;
	color: rgb(160, 0, 0);
	font-weight: bold;
}