﻿@charset "utf-8";
/*
飛騨会計
*/

body{
	margin: 0;
	padding: 0;
	color: #404040;
	font-size: 90%;
	line-height: 1.6;
	text-align: center;
	background: #cdcdcd url(../images/bg.gif) repeat-y scroll center;
}#body{
	font-size: 85%;
}html*#body{
	font-size: smaller;
}

h1, h2, h3, h4 {
	margin: 0px;
	padding: 0px;
	}

#container {
	width: 800px;
	margin-left: auto;
	margin-right: auto;
	text-align: left;
	}

#header {
	position: absolute;
	top: 0px;
	width: 800px;
	height: 110px;
	background-color: #0000cc;
	}

#header h1 {
	color: #ffffff;
	font-size: 9pt;
	font-weight: normal;
	line-height: 15px;
	height: 15px;
	text-align: center;
	margin: 0px;
	padding: 0px;
	}

#header h1 a {
	color: #ffffff;
	text-decoration: none;
	}

#global-navi {
	position: absolute;
	top: 110px;
	width: 800px;
	height: 20px;
	font-size: 10px;
	line-height: 1.0;
	background: url(../images/header_bar.gif) repeat-x;
	}

#global-navi ul {
	margin: 0px;
	padding: 0px;
	list-style: none;
	}

#global-navi li {
	margin: 0px;
	padding: 0px;
	float: right;
	}

#global-navi ul li a {
	display: block;
	height: 20px;
	text-indent: -9999px;
	}

#global-navi ul li a:focus {outline: none;}

#glblnav-01 { height: 20px; width: 101px; background: transparent url(../images/global-navi.gif) 0px 0px no-repeat;}
#glblnav-02 { height: 20px; width: 100px; background: transparent url(../images/global-navi.gif) -101px 0px no-repeat;}
#glblnav-03 { height: 20px; width: 100px; background: transparent url(../images/global-navi.gif) -201px 0px no-repeat;}
#glblnav-04 { height: 20px; width: 100px; background: transparent url(../images/global-navi.gif) -301px 0px no-repeat;}
#glblnav-05 { height: 20px; width: 100px; background: transparent url(../images/global-navi.gif) -401px 0px no-repeat;}
#glblnav-06 { height: 20px; width: 100px; background: transparent url(../images/global-navi.gif) -501px 0px no-repeat;}

#glblnav-01 a:hover { background: url(../images/global-navi.gif) 0px -20px no-repeat;}
#glblnav-02 a:hover { background: url(../images/global-navi.gif) -101px -20px no-repeat;}
#glblnav-03 a:hover { background: url(../images/global-navi.gif) -201px -20px no-repeat;}
#glblnav-04 a:hover { background: url(../images/global-navi.gif) -301px -20px no-repeat;}
#glblnav-05 a:hover { background: url(../images/global-navi.gif) -401px -20px no-repeat;}
#glblnav-06 a:hover { background: url(../images/global-navi.gif) -501px -20px no-repeat;}


#main-container {
	position: absolute;
	top: 130px;
	width: 800px;
	background-color: #ffffff;
	}

#contents {
	width: 580px;
	float: right;
	margin: 20px 20px 20px 0px;
	_margin-right: 10px;
	}

#contents h2 {
	margin-bottom: 10px;
	}

#contents h3 {
	color: #000000;
	font-size: 120%;
	line-height: 26px;
	background: url(/images/bar.gif) no-repeat left center;
	padding-left: 30px;
	margin: 20px 0px 10px 0px;
	}

#contents h4 {
	color: #ff6600;
	font-size: 100%;
	padding-left: 20px;
	margin: 20px 0px 10px 0px;
	}

#contents p {
	margin: 10px 20px 10px 30px;
	}

#contents ul {
	font-weight: bold;
	margin-left: 40px;
	padding-left: 0px;
	}

#contents li {
	font-weight: normal;
	margin-left: 30px;
	margin-top: 5px;
	padding-left: 0px;
	}

#side-container {
	width: 190px;
	float: left;
	margin: 0px 0px 0px 0px;
	padding: 0px;
	background: url(../images/sidebar_bg.gif) no-repeat right bottom;
	}

.sidebar {
	width: 165px;
	margin-top: 10px;
	margin-left: 10px;
	padding: 0px;
	font-size: 85%;
	}

.sidebar ul {
	margin: 0px 0px 10px 0px;
	padding: 0px;
	list-style: none;
	}

.sidebar li {
	margin: 0px;
	padding: 0px;
	}

.sidebar ul li a {
	display: block;
	height: 100%;
	font-size: 10px;
	text-indent: -9999px;
	}

.sidebar ul li a:focus {outline: none;}

#sidenav-01 { height: 40px; width: 160px; background: transparent url(../images/side_menu.gif) 0px 0px no-repeat;}
#sidenav-02 { height: 40px; width: 160px; background: transparent url(../images/side_menu.gif) 0px -40px no-repeat;}
#sidenav-03 { height: 40px; width: 160px; background: transparent url(../images/side_menu.gif) 0px -80px no-repeat;}
#sidenav-04 { height: 40px; width: 160px; background: transparent url(../images/side_menu.gif) 0px -130px no-repeat;}
#sidenav-05 { height: 40px; width: 160px; background: transparent url(../images/side_menu.gif) 0px -170px no-repeat;}
#sidenav-06 { height: 30px; width: 160px; background: transparent url(../images/side_menu.gif) 0px -210px no-repeat;}
#sidenav-07 { height: 30px; width: 160px; background: transparent url(../images/side_menu.gif) 0px -240px no-repeat;}
#sidenav-08 { height: 30px; width: 160px; background: transparent url(../images/side_menu.gif) 0px -270px no-repeat;}
#sidenav-09 { height: 30px; width: 160px; background: transparent url(../images/side_menu.gif) 0px -300px no-repeat;}
#sidenav-10 { height: 30px; width: 160px; background: transparent url(../images/side_menu.gif) 0px -330px no-repeat;}
#sidenav-11 { height: 40px; width: 160px; background: transparent url(../images/side_menu.gif) 0px -380px no-repeat;}
#sidenav-12 { height: 40px; width: 160px; background: transparent url(../images/side_menu.gif) 0px -420px no-repeat;}
#sidenav-13 { height: 40px; width: 160px; background: transparent url(../images/side_menu.gif) 0px -470px no-repeat;}
#sidenav-14 { height: 40px; width: 160px; background: transparent url(../images/side_menu.gif) 0px -520px no-repeat;}
#sidenav-15 { height: 60px; width: 160px; background: transparent url(../images/side_menu.gif) 0px -570px no-repeat;}
#sidenav-16 { height: 60px; width: 160px; background: transparent url(../images/side_menu.gif) 0px -640px no-repeat;}
#sidenav-17 { height: 40px; width: 160px; background: transparent url(../images/side_menu.gif) 0px -710px no-repeat;}
#sidenav-18 { height: 31px; width: 160px; background: transparent url(../images/side_menu.gif) 0px -750px no-repeat;}

#sidenav-01 a:hover { background: url(../images/side_menu.gif) -160px 0px no-repeat;}
#sidenav-02 a:hover { background: url(../images/side_menu.gif) -160px -40px no-repeat;}
#sidenav-03 a:hover { background: url(../images/side_menu.gif) -160px -80px no-repeat;}
#sidenav-04 a:hover { background: url(../images/side_menu.gif) -160px -130px no-repeat;}
#sidenav-05 a:hover { background: url(../images/side_menu.gif) -160px -170px no-repeat;}
#sidenav-06 a:hover { background: url(../images/side_menu.gif) -160px -210px no-repeat;}
#sidenav-07 a:hover { background: url(../images/side_menu.gif) -160px -240px no-repeat;}
#sidenav-08 a:hover { background: url(../images/side_menu.gif) -160px -270px no-repeat;}
#sidenav-09 a:hover { background: url(../images/side_menu.gif) -160px -300px no-repeat;}
#sidenav-10 a:hover { background: url(../images/side_menu.gif) -160px -330px no-repeat;}
#sidenav-11 a:hover { background: url(../images/side_menu.gif) -160px -380px no-repeat;}
#sidenav-12 a:hover { background: url(../images/side_menu.gif) -160px -420px no-repeat;}
#sidenav-13 a:hover { background: url(../images/side_menu.gif) -160px -470px no-repeat;}
#sidenav-14 a:hover { background: url(../images/side_menu.gif) -160px -520px no-repeat;}
#sidenav-15 a:hover { background: url(../images/side_menu.gif) -160px -570px no-repeat;}
#sidenav-16 a:hover { background: url(../images/side_menu.gif) -160px -640px no-repeat;}
#sidenav-17 a:hover { background: url(../images/side_menu.gif) -160px -710px no-repeat;}
#sidenav-18 a:hover { background: url(../images/side_menu.gif) -160px -750px no-repeat;}

#about_hidakaikei {
	width: 160px;
	margin: 38px 0px 50px 0px;
	padding: 8px 0px 8px 0px;
	border-top: 1px solid #666666;
	border-bottom: 1px solid #666666;
	font-size: 10px;
	}

.sidebar-txt {
	}

#footer {
	clear: both;
	width: 800px;
	font-size: 10px;
	}

#footer_link {
/*	font-size: 120%; */
	padding: 0px 0px 20px 0px;
	text-align: center;
	line-height: 2;
	border-bottom: 1px solid #666666;
	}

#footer_link img {
	margin-top: 5px;
	}

#footer table tr td {
	vertical-align: top;
	}

#footer_copyright {
	height: 20px;
	padding-right: 20px;
	color: #ffffff;
	background-color: #0000cc;
	font-size: 10px;
	line-height: 20px;
	text-align: right;
	}

#sitemap ul li {
	font-weight: bold;
	margin-bottom: 20px;
	}

#sitemap ul li ul {
	margin-left: 30px;
	}

#sitemap ul li ul li {
	font-weight: normal;
	margin-left: 0px;
	margin-bottom: 5px;
	list-style-image: url(../sitemap/images/mark.gif);
	}

img {
	vertical-align: text-bottom;
	}

a img {
	border: 0px;
	}

.red_bold {
	color: #ff3300;
	font-weight: bold;
	}

.red {
	color: #ff3300;
	}

.blue {
	color: #0000cc;
	}

.center {
	text-align: center;
	}

.right {
	text-align: right;
	}

.pad10 {
	padding: 10px;
	}
	
.mgn-0 {
	margin: 0px;
	}

.mgn-btm-5 {
	margin-bottom: 5px;
	}

.mgn-btm-10 {
	margin-bottom: 10px;
	}

.mgn-btm-15 {
	margin-bottom: 15px;
	}

.mgn-btm-20 {
	margin-bottom: 20px;
	}

.mgn-lt-50 { margin-left: 50px; 
	}

.gray-border {
	border: 1px solid #666666;
	}

.banner{
	border-width: 0px;
	float: left;
	clear: both;
	margin-bottom: 10px;
	}

.listmark {
	margin: 0px 5px 0px 10px;
	}

.linkbox {
	line-height: 110%;
	padding-left: 110px;
	}

.pic-left {
	margin: 0px 10px 10px 0px;
	float: left;
	}

.pic-right {
	margin: 0px 0px 10px 10px;
	float: right;
	}

.blue_caption {
	padding-bottom: 5px;
	margin-bottom: 20px;
	border-bottom: 1px solid #666666;
	}

.orange_box {
	padding: 0px;
	margin: 0px 10px 0px 30px;
	border: 1px solid #ff6600;
	}

.clear_both {
	clear: both;
	}

.left_blue_box {
	width: 235px;
	float: left;
	border-left: 5px solid #0000cc;
	padding: 0px 0px 5px 10px;
	margin-bottom: 20px;
	}

.left_blue_box div {
	padding: 10px 0px 0px 10px;
	}

.org_line_top {
	border-top: 3px solid #ff3300;
	padding-top: 20px;
	}

hr.line-1 {
	height: 1px;
	border: 1px solid #a0a0a0;
	margin: 0px 50px 0px 30px;
	padding: 0px;
	clear: both;
	}

.clearfix:after {
	content: ".";  /* 新しい要素を作る */
	display: block;  /* ブロックレベル要素に */
	clear: both;
	height: 0;
	visibility: hidden;
	}

.clearfix {
	min-height: 1px;
	}

* html .clearfix {
	height: 1px;
	/*\*//*/
	height: auto;
	overflow: hidden;
	/**/
	}
