@charset "utf-8";

* {
	margin:0;
	padding:0;
}

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


html > body {background-image:url("../images/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 {
	margin:0;
	padding:9px 0 0 0;
	text-align:center;
}

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

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

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

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

dt {font-weight:bold;}

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

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

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

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

table .odd { }

table .even { }

table th.ind {color:blue;}

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

input, button, select, textarea {
	font-family:"ＭＳ Ｐゴシック", Arial, Helvetica, sans-serif;
	font-size:14px;
	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 {
	margin:0 auto;
	width:950px;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

#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 {
	border-top:1px solid #ccc;
	margin:0;
	padding:0;
}

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

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

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

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


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

#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 {
	margin:30px auto;
	padding:50px 0;
	text-align:center;
	width:450px;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

#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 {
	border-bottom:1px solid #999;
	padding:1px 5px;
}

#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 {
	margin:0 auto;
	text-align:left;
	width:400px;
}

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

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

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

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

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

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

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

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

#system table.page_navi .page { }

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

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

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

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

#system table.list_search td.v_middle {
	padding:1px 10px;
	vertical-align:middle;
}

#system table.list_search td.v_top {
	color:#666;
	padding:1px 10px;
	vertical-align:top;
}

#system table.list_search th, #system table.list_search td {
	border:none;
}

#system table.list_search .list_img img {width:70px;}

#system table.list_search .list_img a {
	border:1px solid #ddd;
	display:block;
	margin:5px 0;
}

#system table.list_search .list_img a:hover {border:1px solid red;}

#system table.list_search td.v_middle img {
	border:none;
	margin:0 0 0 10px;
	vertical-align:top;
}

#system table.list_search td.line {
	background:url("../images/a/line_900.png") no-repeat right;
	border:none;
	height:2px;
}

#system table.list_search hr {
	background-color:white;
	border:none;
	border-top:2px dashed #999;
	color:white;
	margin:2px 0 2px 0;
	padding:0;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

dl.form_web  #dt2 {
	background:none;
	margin-top:0;
	padding:2px 0 2px 25px;
	text-align:center;
}

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

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

#map {
	background:url("../images/haikei.jpg") left top no-repeat;
	clear:both;
	height:510px;
	margin:10px 0 20px 0;
	text-align:center;
	width:650px;
}

#map div.tiku_1 {
	clear:both;
	padding-top:180px;
	padding-left:220px;
	text-align:left;
}

#map div.tiku_2 {
	clear:both;
	padding-top:20px;
	padding-left:160px;
	text-align:left;
}

#map div.tiku_3 {
	clear:both;
	padding-top:60px;
	padding-left:90px;
	text-align:left;
}

#map div.tiku_4 {
	clear:both;
	padding-top:0;
	padding-left:350px;
	text-align:left;
}

#map div.tiku_5 {
	clear:both;
	padding-top:5px;
	padding-left:280px;
	text-align:left;
}

#map div.tiku_6 {
	clear:both;
	float:left;
	padding-top:5px;
	padding-left:200px;
	text-align:left;
}

#map div.tiku_7 {
	padding-top:5px;
	padding-left:315px;
	text-align:left;
}

#map div.tiku_8 {
	clear:both;
	padding-top:7px;
	padding-left:100px;
	text-align:left;
}

#map div.tiku_9 {
	clear:both;
	padding-top:7px;
	padding-left:250px;
	text-align:left;
}

#map div.tiku_10 {
	clear:both;
	padding-top:1px;
	padding-left:390px;
	text-align:left;
}

#map div.tiku_11 {
	clear:both;
	padding-top:1px;
	padding-left:320px;
	text-align:left;
}

#map div.tiku_12 {
	clear:both;
	padding-top:2px;
	padding-left:210px;
	text-align:left;
}

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;}

ul.sitenew li{
	list-style-type:none;
	margin-top:5px;
}

ul.sitenew a {
	border:1px solid #ccc;
	display:block;
	margin:0 auto;
	padding:5px;
	text-align:left;
	width:180px;
}

ul.sitenew a:hover {
	background:#ff6;
	border:1px solid red;
	color:#f06;
}

#ind {
	clear:both;
	display:block;
	margin:15px auto 0 0;
}

#ind_img {
	clear:both;
	margin:0;
	text-align:center;
}

#ind_img li {
	display:inline;
	float:left;
	margin-left:18px;
	width:140px;
}

#ind_img li.ind_img5 {
	clear:both;
	margin-left:85px;
}

#ind_img li.ind_img5, #ind_img li.ind_img6, #ind_img li.ind_img7 {
	margin-top:10px;
}

#category_img {
	clear:both;
	margin:15px auto 0 0;
	text-align:center;
}

#category_img li {
	display:inline;
	float:left;
	margin-left:8px;
	margin-bottom:25px;
	width:204px;
}

#category_img li a{
	border:2px solid #ddd;
	display:block;
}

#category_img li a:hover {border:2px solid red;}

#category {clear:both;}

#category .container {padding:5px 0;}
