@charset            "Shift_JIS";

/* BASIC ELEMENT
----------------------------------------------- */
body {
	margin: 0px;
	background-color: #FFFFFF;
	line-height: 150%;
	color: #333333;
	font-size: 91%;
}
th,td {
	line-height: 150%;
	color: #333333;
	font-size: 91%;
}
h1,h2,h3,h4,h5,h6 {
	margin: 0px;
	font-size: 100%;
}
ul,ol,dl,form {
	margin: 0px;
	padding: 0px;
	clear: both;
}
p {
	margin: 0px;
}
img {
	border: none;
}


/* LINK
----------------------------------------------- */
a:link {
	color: #0022AA;
}
a:visited {
	color: #660099;
}
a:hover, a:active {
	color: #FF0033;
}


/* ID
----------------------------------------------- */
#header {
	width: 100%;
	clear: both;
}
#navi {
	width: 100%;
	clear: both;
	background-color: #EEEEEE;
	text-align: right;
}
#content {
	position: absolute;
	width: 100%;
	clear: both;
}
#menu {
	background-color: #F5F8F8;
	position: absolute;
	top: 0px;
	left: 0px;
	width: 200px;
	margin: 4px 10px;
	padding: 0px 0px 20px 0px;
	border-right: 1px solid #A4B4C1;
	border-top: 1px solid #D5DBDF;
	border-bottom: 1px solid #A4B4C1;
	border-left: 1px solid #D5DBDF;
}
#main {
	margin: 0px 10px 0px 220px;
}
#main02 {
	margin: 0px 0px 0px -210px;
}
#footer {
	padding: 4px 0px;
	clear: both;
	margin: 4px 0px 8px 0px;
	font-size: 90%;
	color: #444;
	line-height: 130%;
	border-top: 2px solid #544;
}
#leaf {
	position: absolute;
	top: 4px;
	left: 180px;
}


/* HEADER
----------------------------------------------- */
#header .headerLeft {
	margin: 0px 0px 0px 4px;
	padding: 0px;
	float: left;
}
#header .headerRight {
	float: right;
	text-align: right;
	width: 35%;
	margin: 8px 8px 0px 0px;
	padding: 0px;
}
#header p.fontSize {
	margin: 0px 0px 4px;
	padding: 2px;
	float: right;
	background-color: #F9F9F9;
	border: 1px solid #BBB;
	font-weight: bold;
	text-align: center;
	width: 200px;
}


/* NAVIGATION
----------------------------------------------- */
#navi li {
	display: inline;
	margin: 0px 10px 0px 0px;
	padding: 0px 10px 0px 0px;
	border-right: 1px solid #BBB;
	list-style-type: none;
}
#navi .shadowTop {
	width: 100%;
	background: url(../img/head_shadow_top.gif);
}
#navi .shadowBottom {
	width: 100%;
	background: url(../img/head_shadow_bottom.gif);
}


/* MENU
----------------------------------------------- */
#menu h2 {
	padding: 1px 0px 1px 6px;
	margin: 4px;
	font-size: 91%;
	background-image: url(../img/menu_back_03.gif);
	color: #FFF;
    background-color: #339;
}
#menu h3 {
	padding: 1px 0px 1px 6px;
	margin: 0px 4px;
	font-size: 91%;
	background-color: #FFF;
	border-bottom: 1px solid #CCC;
}
#menu ul.menu01 {
	list-style-image: url(../img/point_menu_01.gif);
	margin: 0px 0px 0px 25px;
	padding: 0px;
}
#menu ul.menu01 a:hover {
	list-style-image: url(../img/point_menu_02.gif);
}
#menu ul.menu02 {
	list-style-image: url(../img/point_menu_03.gif);
	line-height: 130%;
	margin: 0px 0px 10px 25px;
	padding: 0px;
}
#menu ul.menu03 {
	list-style-image: url(../img/point_menu_03.gif);
	margin: 0px 0px 0px 15px;
	padding: 0px;
}
#menu img {
	margin: 0px 12px;
}


/* MAIN
----------------------------------------------- */
#main h1 {
	margin: 0px 0px 20px 0px;
	padding: 12px 0px 4px 8px;
	font-size: 140%;
	font-weight: bold;
	color: #00F;
	border-top: 2px solid #554;
	border-bottom: 1px dotted #554;

}
#main h2 {
	margin: 20px 0px 12px 0px;
	padding: 6px 40px 4px 10px;
	background-color: #EEE;
	border-left: 1px solid #CCC;
	border-bottom: 1px solid #CCC;
	background-image: url(../img/h2.gif);
	background-repeat: no-repeat;
	background-position: right top;
	width: 350px;
}
#main h3 {
	color: #000000;
	margin: 20px 0px 10px;
	font-weight: bold;
}
#main ul,ol {
	margin: 0px 0px 0px 40px;
}
#main p.pan {
	font-size: 90%;
	float: left;
	margin: 2px 0px;
}
#main p.day {
	font-size: 90%;
	float: right;
	margin: 2px 0px;
}



/* CONTENTS
----------------------------------------------- */
/* HOME
----------------------------------------------- */
#main h3.titleNews {
	color: #030;
	margin: 3px 0px 10px 0px;
	padding: 3px 0px 3px 8px;
	background-color: #F4FBF8;
	border-top:2px solid #339933;
	border-right:2px solid #CCC;
	border-bottom:1px solid #CCC;
}
#main h3.titleJigyou {
	color: #300;
	margin: 3px 0px 10px 0px;
	padding: 3px 0px 3px 8px;
	background-color: #FFF8EE;
	border-top:2px solid #993300;
	border-right:2px solid #CCC;
	border-bottom:1px solid #CCC;
}
#main h4.title3jigyou {
	margin: 0px 6px 6px 150px;
	padding: 0px 0px 2px 4px;
	border-left: 3px solid #3399CC;
	border-bottom: 1px solid #CCC;
}
#main .box {
	padding: 4px 0px;
	width: 100%;
	background-color: #FAF9F8;
	border-right: 2px solid #CCC;
	border-bottom: 1px solid #CCC;
}
#main .imageTop {
	clear: left;
	float: left;
	margin: 4px 8px 4px 4px;
}
#main .details {
	width: 100%;
	font-size: 90%;
	margin: 0px 6px 0px 0px;
}
#main dl.news {
	margin: 0px 0px 0px 10px;
}
#main dl.news dt {
	float: left;
}
#main dl.news dd {
	padding: 0px 0px 0px 70px;
}
#main .newsOld {
	margin: 8px 0px 16px 10px;
}


/* COMPANY
----------------------------------------------- */
#main .aisatsu {
	clear: left;
	float: left;
	font-size: 90%;
	text-align: center;
	color: #000033;
	line-height: 110%;
	background-color: #FBF9FB;
	border-right: 1px solid #999;
	border-bottom: 1px solid #999;
	margin: 0px 8px 8px 0px;
	padding: 8px;
}
#main .aisatsu img {
	margin: 4px 0px;
}
#main dl.ayumi {
	margin: 8px 0px 8px 20px;
}
#main dl.ayumi dt {
	float: left;
	clear: left;
	margin: 0px;
	padding: 0px 4px 0px 0px;
	background-color: #FCF9E0;
	border-right: 1px solid #E3DE9F;
	border-bottom: 1px solid #E3DE9F;
	text-align: right;
	width: 170px;
	color: #300;
	font-size: 90%;
}
#main dl.ayumi dd {
	margin: 0px;
	padding: 2px 0px 2px 180px;
}
#main dl.ayumiTop {
	margin: 8px 0px 8px 20px;
}
#main dl.ayumiTop dt {
	float: left;
	clear: left;
	margin: 0px;
	padding: 0px;
	font-weight: bold;
}
#main dl.ayumiTop dd {
	font-weight: bold;
	margin: 0px;
	padding: 0px 0px 0px 180px;
}


/* BUSSINESS
----------------------------------------------- */
#main ul.photo {
	width: 100%;
	margin: 20px 0px 0px 0px;
}
#main ul.photo li {
	font-size: 90%;
	float: left;
	margin:  0px 20px 10px 0px;
	color: #630;
	width: 200px;
	list-style: none;
}


/* BUSDGET
----------------------------------------------- */
#main .syokei1 {
	padding:  0px 0px 0px 12px;
	background-image: url(../img/point_menu_03.gif);
	background-repeat: no-repeat;
	background-position: 0px 4px;
}
#main .syokei2 {
	padding:  0px 0px 0px 32px;
	background-image: url(../img/point_menu_03.gif);
	background-repeat: no-repeat;
	background-position: 20px 4px;
}
#main .line {
	border-bottom: 1px solid #666;
}
#main .pdf {
	background-color: #F7F7F0;
	font-size: 90%;
	line-height: 120%;
	margin: 20px 0px 0px 0px;
	padding: 8px;
}
#main dl.budget {
	width: 450px;
}
#main dl.budget dt {
	float: left;
}
#main dl.budget dd {
	text-align: right;
}



/* SITEMAP
----------------------------------------------- */
#main ul.linkList {
	list-style-type: none;
}
#main ul.linkList ul {
	margin: 4px 0px 0px 25px;
	background-image: url(../site_map/img/first.gif);
	background-repeat: repeat-y;
	background-position: 0px;
	list-style-type: none;
}
#main ul.linkList ul li {
	padding: 0px 0px 0px 25px;
	background-image: url(../site_map/img/all.gif);
	background-repeat: no-repeat;
	background-position: 0px 8px;
	list-style-type: none;
}
#main ul.linkList li.lastitem {
	margin: 0px 0px 8px 0px;
	background-image: url(../site_map/img/last.gif);
	background-repeat: no-repeat;
	background-position: 0px 8px;
	list-style-type: none;
}


/* Q&A
----------------------------------------------- */
#main dl.q {
	padding: 10px 0px 4px 8px;
}
#main dl.q dt {
	font-weight: bold;
	color: #FF0033;
}
#main dl.q dd {
	margin: 0px 0px 0px 0px;
}
#main dl.a {
	background-color: #F9FBFB;
	padding: 8px;
	border: 1px solid #9CC;
}
#main dl.a dt {
	font-weight: bold;
	color: #0066FF;
}
#main dl.a dd {
	margin: 0px 0px 0px 0px;
}


/* INQUIRY
----------------------------------------------- */
#main .star {
	margin: 0px 4px;
	font-size: 60%;
	color: #FF6600;
}


/* OPTION
----------------------------------------------- */
.alignRight{
	clear: right;
	float: right;
	margin: 0px 0px 0px 8px;
}
.alignLeft {
	clear: left;
	float: left;
	margin: 0px 8px 0px 0px;
}
.clear {
	clear: both;
}
.hide {
	display: none;
}
.invisible {
	visibility: hidden;
}
.imageBorder {
	border: 1px solid #999;
}
ul.sub li {
	display: inline;
	margin: 0px 10px 0px 0px;
	padding: 0px 10px 0px 0px;
	border-right: 1px solid #999;
	list-style-type: none;
}


/* TABLE
----------------------------------------------- */
.tableForm {
	border: none;
	margin: 2px 0px 10px 0px;
	border-top: 2px solid #363;
	border-right: 1px dotted #D0D0D0;
	border-bottom: 1px solid #333;
}
.tableForm th {
	border: none;
	color: #333;
	font-size: 84%;
	padding: 2px 10px;
	background-color: #F3FAF9;
	border-bottom: 1px solid #D0D0D0;
	border-left: 1px dotted #D0D0D0;
}
.tableForm td.tableLeft {
	border: none;
	padding: 2px 10px;
	background-color: #F9F9F9;
	border-bottom: 1px solid #D0D0D0;
	border-left: 1px dotted #D0D0D0;
}
.tableForm td {
	border: none;
	padding: 2px 10px;
	background-color: #FFF;
	border-bottom: 1px solid #D0D0D0;
	border-left: 1px dotted #D0D0D0;
}
.tableForm caption {
	font-size: 90%;
	text-align: right;
}