﻿@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;

	/**/

	}


