@charset "utf-8";

@import "layout.css";

#wrap {
	background: url("/next/images/intro/body_bg.gif") repeat-y 0 0;
}

#body {
	padding: 0 0 30px;
	background: url("/next/images/intro/body_bottom_bg.gif") no-repeat 0 bottom;
}
#sidebar div.login-area {
	padding: 5px 0 0 5px;
	height: 25px;
	overflow: hidden;
	color: #fff;
	background: url("/next/images/intro/login_area_bg.gif") no-repeat 0 0;
}
#sidebar div.login-area span {
	padding: 0 0 0 10px;
	background: url("/next/images/content/login_area_bul.gif") no-repeat 0 center;
}
#sidebar div.login-area strong {
	color: #ffe400;
}
#sidebar div.login-area img {
	vertical-align: middle;
}
#sidebar h2 {
	padding: 0 0 10px;
	background: #fff;
}
#sidebar div.category ul {
	margin: 10px 0 0 10px;
	width: 158px;
}
#sidebar div.category ul li {
	padding: 4px 0 3px 10px;
	border-bottom: 1px solid #d0ec85;
	background: url("/next/images/common/side_category_bul.gif") no-repeat 0 6px;
}
#sidebar div.category ul li.selected {
	padding: 4px 0 0 10px;
}
#sidebar div.category ul li a {
	color: #376b1a;
}
#sidebar div.category ul li ul.submenu {
	margin: 2px 0 0 -10px;
	width: 158px;
}
#sidebar div.category ul li ul.submenu li {
	padding: 4px 0 3px 10px;
	border: 0;
	background: url("/next/images/common/side_category_bul2.gif") no-repeat 0 6px;
}

div.Intro {
	margin: 0 0 0 10px;
	width: 652px;
}
div.Intro h3 {
	padding: 20px 0 20px 36px;
	color: #494949;
	background: #fff url("/next/images/content/h3_category_bul.gif") no-repeat 20px center;
}
div.viewIntroduction div.content-box {
	margin: 0 0 20px 15px;
	width: 621px;
	background: url("/next/images/intro/content_box_bottom.gif") no-repeat 0 bottom;
}
div.viewIntroduction div.content-box h4 {
	height: 29px;
	background: #fff url("/next/images/intro/content_box_top.gif") no-repeat 0 24px;
}
div.viewIntroduction div.content-box ul.intro-view {
	margin: 0 17px 0 17px;
}
div.viewIntroduction div.content-box ul.intro-view li {
	padding: 12px 0 12px 15px;
	border-top: 1px dotted #afaf8b;
	background: url("/next/images/common/icon_arrow2.gif") no-repeat 0 15px;
}
div.viewIntroduction div.content-box ul.intro-view li.first-child,
div.viewIntroduction div.content-box ul.intro-view li:first-child {
	border-top: 0;
}
div.viewIntroduction div.content-box ul.intro-view li p {
	letter-spacing: -1px;
}
div.viewIntroduction div.content-box ul.intro-view li p.title {
	padding: 0 0 3px;
	font-weight: bold;
	color: #818181;
}
div.viewIntroduction div.content-box ul.intro-view li p.content {
	padding: 0 0 5px;
}
div.viewIntroduction div.content-box ul.intro-view li ul.sub-content li {
	padding: 0 0 10px;
	border-top: 0;
	background: none;
}
div.viewIntroduction div.content-box ul.intro-view li ul.sub-content li p.sub-content {
	padding: 0 0 10px 14px;;
	line-height: 1.8em;
	text-indent: -14px;
}

div.request-process {
	width: 652px;
}
div.request-process ul.menu {
	margin: -30px 0 20px;
	text-align: right;
}
div.request-process ul.menu li {
	display: inline;
}
div.request-process div.service-info {
	padding: 0 0 25px;
	width: 652px;
	background: url("/next/images/common/box_bottom_bg.gif") no-repeat 0 bottom;
}
div.request-process div.service-info h4 {
	height: 24px;
	background: #fff;
}
div.request-process div.service-info ul {
	padding: 20px 20px 0 20px;
	background: url("/next/images/common/box_top_bg.gif") no-repeat 0 0;
}
div.request-process div.service-info ul li {
	padding: 12px 0 12px 15px;
	border-top: 1px dotted #afaf8b;
	background: url("/next/images/common/icon_arrow2.gif") no-repeat 0 15px;
}
div.request-process div.service-info ul li.first-child,
div.request-process div.service-info ul li:first-child {
	border-top: 0;
}
div.request-process div.service-info ul li img {
	margin: 5px 0 0;
}
div.request-process div.service-info p.info {
	margin: 0 0 0 20px;
	padding: 0 0 0 15px;
	color: #ff7420;
	background: url("/next/images/common/icon_warning.gif") no-repeat 0 2px;
}
div.request-process div.online-service {
	margin: 35px 0 0;
}
div.request-process div.online-service h4 {
	height: 32px;
}
div.request-process div.online-service ul {
	float: left;
	padding: 0 0 0 30px;
}
div.request-process div.online-service ul li {
	float: left;
}
div.request-process div.online-service ul li img {
	vertical-align: top;
}
div.request-process div.online-print {
	margin: 35px 0 0;
}
div.request-process div.online-print h4 {
	height: 32px;
}
div.request-process div.online-print ul {
	padding: 0 0 0 20px;
}
div.request-process div.online-print ul li {
	padding: 12px 0 12px 15px;
	border-top: 1px dotted #afaf8b;
	background: url("/next/images/common/icon_arrow2.gif") no-repeat 0 15px;
}
div.request-process div.online-print ul li.first-child,
div.request-process div.online-print ul li:first-child {
	border-top: 0;
}
div.request-process div.online-print div.document-number {
	margin: 0 0 0 20px;
	padding: 7px 0 0;
	height: 30px;
	text-align: center;
	background: url("/next/images/intro/document_number_bg.gif") no-repeat 0 0;
}
div.request-process div.online-print div.document-number label {
	padding: 0 0 0 8px;
	vertical-align: middle;
	background: url("/next/images/common/list_dot.gif") no-repeat 0 center;
}
div.request-process div.online-print div.document-number input {
	vertical-align: middle;
}
div.request-process div.online-print div.document-number input.textbox {
	width: 198px;
	height: 18px;
	border: 1px solid #ccc;
}m
div.request-process div.online-print div.verification {
	margin: 10px 0 0 22px;
	padding: 16px 0 0;
	width: 621px;
	border-top: 1px solid #ddd;

}
div.request-process div.online-print div.verification h5 {
	padding: 0 0 15px 15px;
	background: url("/next/images/intro/icon_arrow01.gif") no-repeat 0 3px;
}
div.request-process div.online-print div.verification p.text03,
div.request-process div.online-print div.verification p.text05 {
	padding: 10px 0;
	font-weight: bold;
	text-align: center;
}
div.request-process div.service-info div.reading-possibility {
	padding: 5px 0 0 20px;
	width: 570px;

}
div.request-process div.service-info div.reading-possibility h5 {
	padding: 0 0 0 15px;
	color: #ff7420;
	background: url("/next/images/common/icon_warning.gif") no-repeat 0 2px;
}
div.request-process div.service-info div.reading-possibility ul {
	padding: 5px 0 0;;
	background: #fff;
}
div.request-process div.service-info div.reading-possibility ul li {
	padding: 0 0 5px 10px;
	text-indent: -10px;
	border: 0;
	color: #526fa9;
	background: #fff;
}
div.request-process div.opening-request {
	margin: 35px 0 0;
}
div.request-process div.opening-request h4 {
	height: 32px;
}
div.request-process div.opening-request ul {
	padding: 0 0 0 20px;
	float: left;
}
div.request-process div.opening-request ul li {
	float: left;
}
div.request-process div.opening-request ul li img {
	vertical-align: top;
}
div.request-process div.opening-request ul li ul {
	padding: 0;
}
div.request-process div.opening-request ul li ul li {
	clear: both;
	padding: 0 0 5px;
}

div.possession-status {
	width: 652px;
}
div.possession-status h4 {
	margin: 20px 0 0;
}
div.possession-status p.date {
	margin: -15px 0 0;
	padding: 0 0 5px;
	color: #564db5;
	text-align: right;
}
div.possession-status p.info {
	padding: 5px 0 0;
}
div.possession-status table {
	width: 100%;
	border-top: 2px solid #75b6d8;
}
div.possession-status table caption {
	height: 0;
	font-size: 0;
	line-height: 0;
	visibility: hidden;
}
div.possession-status table thead tr th {
	padding: 5px 0;
	color: #4ea5d2;
	background: #f1faff;
	border: 1px solid #e2e2e2;
}
div.possession-status table tfoot tr td {
	padding: 5px 0;
	font-weight: bold;
	border: 1px solid #e2e2e2;
	text-align: center;
}
div.possession-status table tfoot tr td.left {
	padding-left: 10px;
	text-align: left;
}
div.possession-status table tfoot tr td.right {
	padding-right: 10px;
	text-align: right;
}
div.possession-status table tbody tr td {
	padding: 5px 0;
	border: 1px solid #e2e2e2;
	text-align: center;
}
div.possession-status table tbody tr td.left {
	padding-left: 10px;
	text-align: left;
}
div.possession-status table tbody tr td.right {
	padding-right: 10px;
	text-align: right;
}
div.possession-status table tbody tr.total td {
	font-weight: bold;
}
div.web-db {
	width: 652px;
}
div.web-db table {
	width: 100%;
	border-top: 2px solid #75b6d8;
}
div.web-db table caption {
	height: 0;
	font-size: 0;
	line-height: 0;
	visibility: hidden;
}
div.web-db table thead tr th {
	padding: 5px 0;
	color: #4ea5d2;
	background: #f1faff;
	border: 1px solid #e2e2e2;
}
div.web-db table tbody tr td {
	padding: 5px;
	border: 1px solid #e2e2e2;
}
div.web-db table tbody tr td.db-name {
	text-align: center;
}
div.web-db table tbody tr td.content ul li {
	padding: 2px 0 1px 10px;
	background: url("/next/images/intro/li_dot.gif") no-repeat 0 5px;
}
div.web-db table tbody tr td.process p {
	padding: 5px 0;
}
div.relation-organ {
	padding: 0 0 0 15px;
}
div.relation-organ h4 {
	height: 29px;
	background: #fff url("/next/images/intro/content_box_top.gif") no-repeat 0 24px;
}
div.relation-organ ul {
	margin: 0 0 20px 0;
	padding: 10px 15px;
	width: 591px;
	background: url("/next/images/intro/content_box_bottom.gif") no-repeat 0 bottom;
}
div.relation-organ ul li {
	padding: 0 0 5px 15px;
	background: url("/next/images/intro/icon_arrow01.gif") no-repeat 0 3px;
}