﻿* html body { background: url(null) fixed;}
body {
	color:#333333;
	font-size:14px;
}

a:link {color:#31b8fe;}
a:hover,
a:active {color:#0b7fbb;}
a:visited {color:#6b31fe;}

/* ========================================
■ヘッダー
======================================== */
#header_bg {
	width:100%;
	background:#eeeeee;
	position:fixed;
	z-index:200;
	top:0;
	left:0;
}
* html #header_bg {
	position:absolute;
	top: expression(eval(document.documentElement.scrollTop+0));
}
#header h1 {
	height:40px;
	margin:0 20px 0;
	line-height:40px;
	font-size:16px;
	font-weight:bold;
	color:#0e3f6c;
}
#header ul {
	margin:-40px 20px 0;
	text-align:right;
	font-size:12px;
}
#header ul li {
	margin:10px 0;
	padding:0 10px;
	border-right:1px solid #888888;
	line-height:20px;
	display:inline-block;
	/display:inline;
	/zoom:1;
}

/* ========================================
■ナビゲーション
======================================== */
#navi {
	height:38px;
	background-color:#3ea1f3;
	background-repeat:repeat-x;
	border-top:1px solid #227dc1;
	border-bottom:1px solid #227dc1;
}
#navi ul {
	margin:0 20px;
	display:inline-block;
	/display:inline;
	/zoom:1;
	border-left:1px solid #227dc1;
	border-right:1px solid #8ccdff;
}
#navi ul li {
	display:inline-block;
	/display:inline;
	/zoom:1;
	border-left:1px solid #8ccdff;
	border-right:1px solid #227dc1;
}
#navi ul li a {
	display:inline-block;
	/display:inline;
	/zoom:1;
	height:100%;
	padding:0 10px;
	line-height:38px;
	color:#ffffff;
	text-decoration:none;
}
#navi ul li a:hover { background:url(../img/navi_bg_on.png) repeat-x top left;}

/* ========================================
■メインコンテンツ
======================================== */
#contents {
	width:800px;
	padding:60px 0 20px;
	margin:0 20px 20px;
}
#contents .error_message {
	border:2px solid #f24242;
	padding:10px 10px 10px 45px;
	color:#f24242;
	font-weight:bold;
	background:url(../img/caution.png) no-repeat 10px center #ffe6e6;
}
#contents p {margin:0 0 10px 0;}
#contents h2 {
	padding:0 10px;
	margin-bottom:10px;
	height:28px;
	line-height:28px;
	background:url(../img/h2_bg.png) repeat-x top left;
	border:1px solid #cccccc;
	color:#0e3f6c;
}
#contents h3 {
	border-left:5px solid #0e3f6c;
	padding:2px 0 2px 5px;
	margin:0 0 5px 0;
	font-weight:bold;
}

#contents table input,
#contents table select { padding:2px; margin:1px 0;}

#contents table input.short { width:50px;}
#contents table input.short2 { width:80px;}
#contents table input.middle { width:200px;}
#contents table input.long { width:400px;}

/* 検索･一覧
---------------------------------------- */
#contents table.form {
	width:100%;
	margin:0 0 10px;
	border:1px solid #7ba0c0;
	font-size:12px;
	color:#555555;
}
#contents table.form th { padding:2px 0 2px 10px;}
#contents table.form td { padding:2px 0 2px 0;}
#contents table.form thead th {
	background:#52A8AF;
	border-bottom:1px solid #7ba0c0;
	font-weight:bold;
	color:#0e3f6c;
	padding:5px;
	font-size:14px;
}
#contents table.form tbody th {
	width:160px;
}
#contents table.form tbody td span {
	margin:0 5px;
	color:#666666;
}
#contents table.form tbody tr.first th,
#contents table.form tbody tr.first td { padding-top:10px;}
#contents table.form tbody tr.last th,
#contents table.form tbody tr.last td { padding-bottom:10px;}

#contents ul.scroll_box,
#contents ul.scroll_box2 {
	background:#eeeeee;
	border:1px solid #cccccc;
	padding:6px;
	margin:5px 0;
	overflow:auto;
}
#contents ul.scroll_box {
	width:300px;
	height:80px;
}
#contents ul.scroll_box2 {
	width:310px;
	height:120px;
}

}
#contents ul.scroll_box2 li {
	margin:0px;
	line-height:20px;
}

/* 集計
---------------------------------------- */
#contents table.noborder { margin-bottom:10px;}
#contents table.noborder th,
#contents table.noborder td {
	padding:2px 3px;
	color:#555555;
}


/* 新規追加
---------------------------------------- */
#contents .add {
	line-height:22px;
	margin-bottom:10px;
}
#contents .add a {
	text-decoration:none;
	color:#0e3f6c;
}
#contents .add a:hover { color:#7ba0c0;}
#contents .add img { margin:0 5px;}


/* ページナビ
---------------------------------------- */
#contents .page_navi {
	text-align:center;
	color:#666666;
}
#contents .page_navi ul { margin:10px 0;}
#contents .page_navi ul li {
	margin:0 5px 0 0;
	display:inline-block;
	/display:inline;
	/zoom:1;
	width:19px;
	height:19px;
	line-height:19px;
	border:1px solid #cccccc;
	vertical-align:middle;
}
#contents .page_navi ul li.prev,
#contents .page_navi ul li.next {
	width:23px;
	height:21px;
	border:none;
}
#contents .page_navi ul li.prev {
	padding-right:5px;
	border-right:1px solid #174809;
}
#contents .page_navi ul li.next {
	padding-left:5px;
	border-left:1px solid #174809;
}
#contents .page_navi ul li.active {
	background:#59b124;
	color:#ffffff;
	font-weight:bold;
}
#contents .page_navi ul li a {
	text-decoration:none;
	display:block;
	width:100%;
	height:100%;
	background:#f3f3f3;
	font-weight:bold;
	color:#59b124;
}
#contents .page_navi ul li a:hover {
	background:#59b124;
	color:#ffffff;
}


/* 検索結果
---------------------------------------- */
#contents table.result {
	width:100%;
	margin:0 0 10px;
	font-size:12px;
	color:#555555;
	border-bottom:2px solid #7ba0c0;
}
#contents table.result colgroup.short { width:40px;}
#contents table.result colgroup.semi-short { width:70px;}
#contents table.result thead th {
	border-top:2px solid #7ba0c0;
	border-bottom:2px solid #7ba0c0;
	background:#52A8AF;
	padding:10px 5px;
	white-space:nowrap;
	color:#333333;
}
#contents table.result tbody td {
	padding:5px;
	white-space:nowrap;
	border-bottom:1px solid #7ba0c0;
}
#contents table.result tbody td img { vertical-align:baseline;}
#contents table.result tbody td.wrap { white-space:normal;}


/* 編集
---------------------------------------- */
#contents table.edit,
#contents table.news {
	width:100%;
	margin:0 0 10px;
	border:1px solid #7ba0c0;
	font-size:12px;
	color:#555555;
}
#contents table.edit th,
#contents table.news th { padding:2px 0 2px 10px;}
#contents table.edit td,
#contents table.news td {
	padding:2px 0 2px 0;
	border-right:1px solid #7ba0c0;
}
#contents table.edit thead th,
#contents table.news thead th {
	background:#52A8AF;
	border-bottom:1px solid #7ba0c0;
	font-weight:bold;
	color:#0e3f6c;
	padding:5px;
	font-size:14px;
}
#contents table.edit tbody td,
#contents table.news tbody td {
	padding:10px;
	font-size:14px;
}
#contents table.edit dl {
	border-bottom:1px dashed #7ba0c0;
	padding:0 5px 10px 5px;
	margin-bottom:10px;
}
#contents table.edit dl dt {
	background:url(../img/edit_arrow.png) no-repeat center left;
	padding-left:15px;
	margin-bottom:5px;
	color:#0e3f6c;
}
#contents table.edit dl.is_error dt {
	background:url(../img/edit_arrow_error.png) no-repeat center left;
	color:#f24242;
	font-weight:bold;
}
#contents table.edit dl dt img { margin:0 10px;}
#contents table.edit dl dd { padding-left:5px; line-height:2em;}
#contents table.edit dl.last {
	border:none;
	margin-bottom:0;
	padding-bottom:0;
}

#contents table.edit dl dd ul.note {
	font-size:12px;
	color:#666666;
	margin:5px;
}
#contents table.edit dl dd ul.note li {
	list-style-type:disc;
	list-style-position:inside;
}
#contents .edit_btn { padding:5px;}

#contents table.news dl {
	margin-bottom:5px;
	padding:5px;
	border-bottom:1px dashed #7ba0c0;
}
#contents table.news dl dt {
	font-weight:bold;
	width:100px;
	font-size:12px;
}
#contents table.news dl dd {
	margin:-1.2em 0 0 100px;
}

/* ログオン
---------------------------------------- */
#header_bg.logon #navi {
	color:#ffffff;
	font-size:16px;
	font-weight:bold;
	padding:0 20px;
	line-height:40px;
}
#contents.logon { padding-top:60px;}
#contents.logon table.edit p { margin:10px 10px 0 10px;}
#contents.logon table.edit p input { padding:5px 10px;}


/* 嶋田追加しました
---------------------------------------- */
dl.hiddenMenu {
	display: none;
}

.red {
	color:red !important;
}