@charset "utf-8";

* {
	margin:0;
	padding:0;
}

body {
	color:#000;
	font-size:14px;
	font-family:"ＭＳ Ｐゴシック", Arial, Helvetica, sans-serif;
	text-align:center;
	margin:0;
	background-image:url("image/background_body.gif");
	background-repeat:repeat-y;
	background-position:center top;
}


html>/**/body {
	background-image:url("image/background_body2.gif");
}

body #window {
	background-image:none;
}

/* リンク */
a:link, a:visited {
	color:#00c;
	text-decoration:underline;
}

a:hover, a:active {
	color:#00c;
	text-decoration:none;
}


/* 見出し */
h1 {
	text-align:center;
	margin:0;
	padding:9px 0 0 0;
}

h2 {
	color:#fff;
	font-size:100%;
	margin:0;
	padding:0;
}

h3 {
	padding:2px 15px;
	border-left:10px solid red;
	border-bottom:1px solid red;
}


/* 画像 */
img {
	vertical-align:bottom;
	border:none;
}


/* 段落 */
dl {margin-top:10px;}

dt {font-weight:bold;}

dd {margin:5px auto 10px 10px;}


/*テーブル*/
table {
	font-size:14px;
	font-family:"ＭＳ Ｐゴシック", Arial, Helvetica, sans-serif;
	border-collapse:collapse;
	background-color:#fff;
}

table.button_submit {
	width:100%;
	text-align:center;
	margin:20px auto 0 auto;
}

table .even {
	background-color:#e3e8f9;
}

table th.ind {
	color:blue;
}


/* フォーム関連 */
form {
	margin:0;
	padding:0;
}

input, button, select, textarea {
	font-size:14px;
	font-family:"ＭＳ Ｐゴシック", Arial, Helvetica, sans-serif;
	padding:1px;
}

/* センタリング */
.centering {text-align:center;}

/* float */
.left {float:left;}

.right {float:right;}


/* float解除 */
.clear {clear:both;}


/* 文字サイズ */
.px10 {font-size:10px;}

.px12 {font-size:12px;}


/* 文字装飾 */
.b {font-weight:bold;}

.u {text-decoration:underline;}

.red {color:red;}

.blue {color:blue;}


/* アウトライン */
#outline {
	width:950px;
	margin:0 auto;
}

#window #outline {
	width:100%;
	margin:0;
	padding:0;
}


/* ヘッダー */
#header {
	height:100px;
	margin:0;
	background-image:url("image/background_header.gif");
	background-repeat:no-repeat;
	background-position:left top;
}

#header p.button {
	text-align:right;
	margin:-20px 10px 0 0;
	padding:0;
}

#header p.logout {
	text-align:right;
	margin:-40px 10px 0 0;
	padding:0;
}

/* ナビゲーション */
#navi {
	font-size:14px;
	height:18px !important;
	height:22px;
	text-align:left;
	padding:4px 0 0 10px;
	background-image:url("image/background_bar.gif");
	background-repeat:no-repeat;
	background-position:left center;
}


/* 左カラム */
#left {
	float:left;
	font-size:14px;
	width:200px;
	margin:20px 0 20px 20px;
}

#left .space {
	margin:20px 0 0 0;
}

#left .space_s {
	margin:7px 0 0 0;
}

/* 中央カラム */
#center {
	float:left;
	font-size:14px;
	width:200px;
	margin:20px 0 20px 20px;
}


/* 右カラム */
#right {
	float:left;
	width:460px !important;
	width:420px;
	margin:20px;
}


/* メイン */
#main {
	float:left;
	width:650px;
	margin:20px 0 20px 30px;
}

/* システム */
#system {
	width:900px;
	margin:20px auto;
}

/* 項目タイトル */
div.title {
	margin:0;
}


/* index ボタン */
ul.menu {
	margin:0;
	padding:0;
	list-style-type:none;
}

ul.menu li {
	text-align:center;
	vertical-align:middle;
	margin:10px 0 0 0;
	padding:0;
}

ul.menu a {
	width:180px;
	height:27px !important;
	height:40px;
	display:block;
	margin:0 auto;
	padding:13px 0 0 0;
}


/* index ボタン 青背景画像 */
ul.blue a:link, ul.blue a:visited {
	color:#00c;
	font-weight:bold;
	text-decoration:none;
	background-image:url("image/button_menu_blue.gif");
	background-repeat:no-repeat;
	background-position:center top;
}

ul.blue a:hover, ul.blue a:active {
	color:#fff;
	font-weight:bold;
	text-decoration:none;
	background-position:center bottom;
}


/* index ボタン 赤背景画像 */
ul.red a:link, ul.red a:visited {
	color:#c06;
	font-weight:bold;
	text-decoration:none;
	background-image:url("image/button_menu_red.gif");
	background-repeat:no-repeat;
	background-position:center top;
}

ul.red a:hover, ul.red a:active {
	color:#fff;
	font-weight:bold;
	text-decoration:none;
	background-position:center bottom;
}


/* システム ボタン */
ul.menu_m {
	margin:0;
	padding:1px;
	list-style-type:none;
}

ul.menu_m li {
	text-align:center;
	vertical-align:middle;
	margin:10px 0 0 0;
	padding:0;
}

ul.ss li {
	margin:5px 0 0 0;
}

ul.menu_m a {
	width:180px;
	height:21px !important;
	height:28px;
	display:block;
	margin:0 auto;
	padding:7px 0 0 0;
}


/* システム ボタン 青背景画像 */
ul.blue_m a:link, ul.blue_m a:visited {
	color:#00c;
	font-weight:bold;
	text-decoration:none;
	background-image:url("image/button_menu_blue_m.gif");
	background-repeat:no-repeat;
	background-position:center top;
}

ul.blue_m a:hover, ul.blue_m a:active {
	color:#fff;
	font-weight:bold;
	text-decoration:none;
	background-position:center bottom;
}


/* システム ボタン 赤背景画像 */
ul.red_m a:link, ul.red_m a:visited {
	color:#c06;
	font-weight:bold;
	text-decoration:none;
	background-image:url("image/button_menu_red_m.gif");
	background-repeat:no-repeat;
	background-position:center top;
}

ul.red_m a:hover, ul.red_m a:active {
	color:#fff;
	font-weight:bold;
	text-decoration:none;
	background-position:center bottom;
}


/* システム ボタン オレンジ背景画像 */
ul.orange_m a:link, ul.orange_m a:visited {
	color:#f30;
	font-weight:bold;
	text-decoration:none;
	background-image:url("image/button_menu_orange_m.gif");
	background-repeat:no-repeat;
	background-position:center top;
}

ul.orange_m a:hover, ul.orange_m a:active {
	color:#fff;
	font-weight:bold;
	text-decoration:none;
	background-position:center bottom;
}


/* お知らせ */
div.information {
	width:390px !important;
	width:410px;
	height:110px !important;
	height:120px;
	overflow:auto;
	color:#666;
	font-size:16px;
	text-align:left;
	line-height:1.3em;
	margin:10px auto 0 auto;
	padding:0 10px 10px 10px;
	border:1px solid #ccc;
}

div.admin {
	width:600px !important;
	width:620px;
	height:110px !important;
	height:120px;
	margin-bottom:20px;
}

div.user {
	width:600px !important;
	width:620px;
	height:auto !important;
	margin-bottom:20px;
}

div.information p {
	margin-top:10px;
}

/* フッター */
#footer {clear:both;}

/* リンク集 */
#footer .links {
	color:#ccc;
	font-size:12px;
	text-align:left;
	margin:0;
	padding:4px 0 0 110px;
	height:16px !important;
	height:20px;
	border-top:1px solid #ccc;
	border-bottom:1px solid #ccc;
	background-image:url("image/background_links.gif");
	background-repeat:no-repeat;
	background-position:left top;
}

#footer .links a:link, #footer .links a:visited {
	color:#666;
	text-decoration:none;
}

#footer .links a:hover, #footer .links a:active {
	color:#f30;
	text-decoration:none;
}


/* ページトップ */
#footer .pagetop {
	margin:0;
	padding:0;
	border-top:1px solid #ccc;
}

#footer .pagetop a {
	display:block;
	width:948px;
	height:20px;
	margin:0 auto;
	padding:0;
}

#footer .pagetop a span {
	display:none;
}

#footer .pagetop a:link, #footer .pagetop a:visited {
	background-image:url("image/background_pagetop.gif");
	background-repeat:no-repeat;
	background-position:center top;
}

#footer .pagetop a:hover, #footer .pagetop a:active {
	background-image:url("image/background_pagetop.gif");
	background-repeat:no-repeat;
	background-position:center bottom;
}


/* 著作権表示 */
#footer .copyright {
	color:#fff;
	font-size:14px;
	font-weight:bold;
	text-align:center;
	margin:0;
	padding:6px 0 0 0;
	height:24px !important;
	height:30px;
	border-top:1px solid #ccc;
	background-image:url("image/background_bar.gif");
	background-repeat:no-repeat;
	background-position:left top;
}

#footer .copyright a:link, #footer .copyright a:visited {
	color:#fff;
}

#footer .copyright a:hover, #footer .copyright a:active {
	color:#9cf;
	text-decoration:none;
}


/* ログイン画面 */
div.login_form {
	width:450px;
	text-align:center;
	margin:30px auto;
	padding:50px 0;
}

table.login {
	width:350px;
	margin:0 auto 20px auto;
	text-align:center;
}

table.login td {
	padding:5px;
	border:1px solid #ccc;
}

table.login td.title {
	font-weight:bold;
	background-color:#f4fdff;
}

.inq {
	width:400px;
	color:#666;
	font-size:14px;
	text-align:center;
	font-weight:bold;
	line-height:2em;
	margin:0 auto 70px auto;
	padding:5px;
	border:2px dashed #ccc;
}

/* ログイン履歴 */
div.login_log {
	width:630px;
	margin:0 auto;
	padding:0;
}

div.login_log p {
	text-align:right;
	margin:0;
	padding:0;
}

div.login_log table {
	width:100%;
	margin:0 auto;
	text-align:left;
}

div.login_log table th {
	text-align:center;
	background-color:#ccc;
}

div.login_log table th, div.login_log table td {
	padding:2px;
	border:1px solid #999;
}


/* システム 入力フォーム */
#system table.form_input {
	width:100%;
	margin:0 auto;
	text-align:left;
}

#system table.form_input th {
	text-align:center;
	background-color:#ccc;
}

#system table.management th {
	width:100px;
}

#system table.membersite th {
	width:100px;
}

#system table.membersite th.textarea {
	width:100%;
	text-align:left;
	padding-left:20px;
}


#system table.form_input th, #system table.form_input td {
	padding:7px 5px;
	border-top:1px solid #999;
	border-left:1px solid #999;
	border-right:1px solid #999;
}

#system table.member th, #system table.member td {
	padding:1px;
}

#system table.mutual_aid th, #system table.mutual_aid td {
	padding:3px 5px;
}

#system table.transfer th, #system table.transfer td {
	padding:1px 5px;
	border-bottom:1px solid #999;
}

#system table.membersite th, #system table.membersite td {
	padding:3px 5px;
}

#system table.transfer_h th {
	width:120px;
}

#system table.form_input .ed {
	border-bottom:1px solid #999;
}


/* システム 検索フォーム */
#system table.form_search {
	width:400px;
	margin:0 auto;
	text-align:left;
}

#system table.form_search th {
	width:150px;
	text-align:center;
	background-color:#eee;
}

#system table.form_search th, #system table.form_search td {
	padding:5px;
	border:1px solid #999;
}


/* システム マスタ管理フォーム */
#system table.form_master {
	width:650px;
	margin:0 auto;
	text-align:left;
}

#system table.form_master th {
	width:150px;
	text-align:center;
	background-color:#eee;
}

#system table.form_master th, #system table.form_master td {
	padding:5px;
	border:1px solid #999;
}


/* システム 検索結果 */
#system p.srch_count {
	text-align:left;
	padding:0 0 10px 10px;
}

#system table.page_navi, #system table.list_search {
	width:100%;
	margin:0 auto;
	text-align:left;
}

#system table.page_navi td {
	padding:2px;
}

#system table.page_navi .button {
	width:110px;
	text-align:center;
}

#system table.page_navi input {
	width:100px;
}

#system table.list_search th {
	text-align:center;
	padding:5px;
	background-color:#ddd;
}

#system table.list_search td {
	padding:1px 2px;
}

#system table.list_search th, #system table.list_search td {
	border:1px solid #999;
}


/* システム 会費明細 */
#system table.list_fee {
	width:100%;
	font-size:12px;
	margin:0 auto;
	text-align:left;
}

#system table.list_fee th {
	text-align:center;
	padding:2px 0;
	background-color:#ddd;
	border-top:1px solid #999;
	border-left:1px solid #999;
	border-right:1px solid #999;
}

#system table.list_fee td {
	text-align:center;
	padding:0;
	border:1px solid #999;
}

#system table.list_fee input, #system table.list_fee select {
	font-size:12px;
}

/* システム 集計ボタン */
#system p.button {
	margin:20px auto;
}

#system p.button input {
	width:300px;
	padding:10px 0;
}


/* システム メッセージ */
#system .message {
	color:red;
	font-size:16px;
	font-weight:bold;
	text-align:center;
	margin:50px auto 0 auto;
	padding:92px 0 0 0;
	width:500px;
	height:108px !important;
	height:200px;
	background-image:url("image/background_systemmessage.gif");
	background-repeat:no-repeat;
	background-position:left top;
}

#system .message2 {
	color:red;
	font-size:16px;
	font-weight:bold;
	text-align:center;
	margin:50px auto 0 auto;
	padding:85px 0 0 0;
	width:500px;
	height:115px !important;
	height:200px;
	background-image:url("image/background_systemmessage.gif");
	background-repeat:no-repeat;
	background-position:left top;
}

#system .message3 {
	color:red;
	font-size:16px;
	font-weight:bold;
	text-align:center;
	margin:50px auto 0 auto;
	padding:75px 0 0 0;
	width:500px;
	height:125px !important;
	height:200px;
	background-image:url("image/background_systemmessage.gif");
	background-repeat:no-repeat;
	background-position:left top;
}

.err_msg {
	width:80%;
	color:red;
	text-align:left;
	margin:20px auto;
	padding:10px;
	line-height:1.3em;
	border:2px solid red;
}

.fatal {
	width:500px;
	font-weight:bold;
	text-align:center;
	padding:20px;
	line-height:2em;
}

/* システム サイト入力フォーム */
dl.form_web {
	color:#666;
	text-align:left;
}

dl.upload {
	margin:-30px 0 -20px 0;
	padding:10px;
}

dl.form_web dt {
	margin-top:20px;
	padding:2px 0 2px 25px;
	background:url("image/acc_01.png") left top no-repeat;
}

dl.form_web dd {
	margin-top:10px;
	padding:10px 10px 10px 60px;
	border:3px solid #ccc;
	background:#eee;
}

dl.form_web dd.ind {
	background:url("image/form_ind.png") #eee 10px 50% no-repeat;
}

dl.form_web dd.info, dl.upload dd {
	padding-left:10px;
}

dl.form_web dd img.frame {
	border:3px solid #ddd;
}

dl.form_web dd img.frame:hover {
	border:3px solid orange;
}

dl.form_web span.rest {
	color:#00a0e9;
	font-size:12px;
	font-weight:bold;
}

dl.form_web span.att {
	color:#eb6100;
}