@charset "euc-jp"
html, body, div, h1, h2, p{
	margin 0;
	padding 0;
}
html, body{
	height: 100%;
}
h1{
	*margin-top: 30px;
	margin-left: 30px;
	_margin-left: 10px;
	margin-bottom: 0;
	*margin-bottom: 5px;
	background-color: #ffffff;
	width: 300px;
}
h2{
	border-left: solid 3px #2284c6;
	border-bottom: solid 1px #2284c6;
	margin-top: 3px;
	padding: 5px;
	font-size: 0.9em;
	width: 660px;
}
img{
	border-style: none;
}
dt{
	padding:5px;
	border-top: solid 1px #2284c6;
	border-bottom: dotted 1px #2284c6;
}
dd{
	margin-left: 1em;
	margin-bottom: 10px;
	padding: 5px;
}
a{
	text-decoration: none;
	color: #0080ff;
}
a:hover{
	color: #00d56a;
	font-weight: bold;
}

#navi{
	width: 525px;
	overflow: hidden;
}
#navi li{
	float: left;
	width: 75px;
	height: 20px;
	display: block;
}
#navi li a{
	display: block;
	overflow: hidden;
	height: 0;
	background-image: url("../img/navi.jpg");
	padding-top: 20px;
}

#navi li .home_current{width: 75px; background-position: 0 0;}
#navi li .compliment_current{width: 75px; background-position: -75px 0;}
#navi li .workshop_current{width: 75px; background-position: -150px 0;}
#navi li .sale_current{width: 75px; background-position: -225px 0;}
#navi li .report_current{width: 75px; background-position: -300px 0;}
#navi li .link_current{width: 75px; background-position: -375px 0;}
#navi li .inquiry_current{width: 75px; background-position: -450px 0;}

#home a:hover{width: 75px; background-position: 0 0;}
#compliment a:hover{width: 75px; background-position: -75px 0;}
#workshop a:hover{width: 75px; background-position: -150px 0;}
#sale a:hover{width: 75px; background-position: -225px 0;}
#report a:hover{width: 75px; background-position: -300px 0;}
#link a:hover{width: 75px; background-position: -375px 0;}
#inquiry a:hover{width: 75px; background-position: -450px 0;}

#home a{width: 75px; background-position: 0 -20px;}
#compliment a{width: 75px; background-position: -75px -20px;}
#workshop a{width: 75px; background-position: -150px -20px;}
#sale a{width: 75px; background-position: -225px -20px;}
#report a{width: 75px; background-position: -300px -20px;}
#link a{width: 75px; background-position: -375px -20px;}
#inquiry a{width: 75px; background-position: -450px -20px;}


#container_top_header{
	width: 880px;
	border-top: solid 2px #c8c9cb;
	border-left: solid 2px #c8c9cb;
	border-right: solid 2px #c8c9cb;
	margin: 15px auto 0;
	*margin: 0 auto;
}
#container_top_body{
	width: 880px;
	height: 924px;
	background-image: url("../img/compliment_bk.gif");
	background-repeat: no-repeat;
	border-left: solid 2px #c8c9cb;
	border-right: solid 2px #c8c9cb;
	border-bottom: solid 2px #c8c9cb;
	margin: 0 auto;
	font-family: "ＭＳ ゴシック", 平成角ゴシック, "MS GOTHIC", sans-serif;
	font-size: 16px;
	color: #676767;
}
#content{
	margin-left: 10px;
}


#logo{
	float: left;
	width: 300px;
}
#gr_navi{
	float: right;
	width: 525px;
	margin-top: 15px;
	margin-right: 45px;
	*margin-top: 40px;
	_margin-left: 0;
	_margin-right: 2px;
	_padding-left: 0;
}


#main{
	float: right;
	width: 680px;
	margin: 0;
	padding: 30px 10px 0;
}
#side{
	float: left;
	width: 160px;
	margin: 0;
	padding-top: 15px;
	*padding-top: 30px;
	padding-left: 15px;
}
.wksp{
	position: absolute;
	top: 228px;
	*top: 260px;
}
.txt{
	line-height: 1.5;
	font-size: 0.8em;
}
.tbl{
	margin-left: 50px!important;
	width: 92%;
	border: 1px solid #000;
	border-collapse: collapse;
	font-family: arial, sans-serif;
	font-size: small;
	margin-left: 5px;
}
.tbl td, .tbl th{
	text-align: center;
	border: 1px solid #676767;
}
.tbl th{
	background-color: #fcebec;
	color: #676767;
}
.tbl .on{
	background-color: #f1f1f2;
}
.tbl .off{
	background-color: #ffffff;
}
.tbl .end{
	background-color: #c0c0c0;
	color: #ffffff;
}
.col4_td1{
	width: 108px;
}
.col4_td2{
	width: 210px;
}
.col4_td3{
	width: 210px;
}
.col5_td1{
	width: 108px;
}
.col5_td2{
	width: 80px;
}
.col5_td3{
	width: 140px;
}
.col5_td4{
	width: 80px;
}
.td_align{
	text-align: left!important;
	padding-left: 5px!important;
}
.attention{
	color: #d5131b;
}
.emp{
	font-weight: bold;
}
.notice1{
	margin-right: 10px;
	text-align: right;
}
.notice2{
	margin-left: 50px;
	margin-right: 25px;
	text-align: justify;
	text-justify: distribute;
	color: #004080;
}
.notice3{
	margin-left: 1em;
	display: block;
	text-indent: -1em;
}
.notice4{
	font-size: x-large;
}