@charset "utf-8";

body {
	font-size: 12px;
	line-height: 1.4;
	color: #5A3D1B;
	margin: 0px;
	padding: 0px;
	text-align: center;
	background: #FFFFFF url(../images/bg-01.jpg);
}
h1{
	font-size: 12px;
	margin: 0px;
	padding: 0px;
	font-weight: normal;

}

h2,h3,h4,p,ul,li{
	margin: 0px;
	padding: 0px;
}
ul{
	list-style-type: none;
}
img {
	border: none;
}
a {
	color: #5A3D1B;
	text-decoration: none;
}
a:hover {
	color: #FF0000;
}
.look {
	background: #FFFF99;
}
br { letter-spacing:0em;}
p {
	margin-top: 15px
}

/*フォント
------------------------------------------------------------------*/
.big_bold {
	font-size: 14px;
	font-weight: bold;
}
.red_bold {
	color: #FF0000;
	font-weight: bold;
}
.red {
	color: #FF0000;
}
.green {
	color: #009900;
	font-weight: bold;
}


/*ヘッダー
------------------------------------------------------------------*/
#info {
	margin-top: 10px;
	margin-right: auto;
	margin-left: auto;
}

#header_contents {
	font-size: 12px;
	margin-right: auto;
	margin-left: auto;
}

#header_contents ul li {
	display: inline;
	padding-right: 5px;
	padding-left: 5px;
	border-right: 1px solid #CCCCCC;
}

#header_contents .menutop {
	border-left: 1px solid #CCCCCC;
}

#header {
	background: url(../images/header_bg.gif) no-repeat center top;
	width: 820px;
	margin-right: auto;
	margin-left: auto;
}

#header h2 {
	font-size: 10px;
	font-weight: normal;
	text-align: right;
	padding-right: 10px;
	height: 15px;
	line-height: 15px;
}

#header #main-img {
	width: 800px;
	height: 255px;
	margin-right: auto;
	margin-left: auto;
	background-image: url(../images/header4.jpg);
	background-repeat: no-repeat;
	background-position: center bottom;
	display:block;
	text-indent:-9877em;
	text-decoration:none;
}

/*メインメニュー
------------------------------------------------------------------*/
#menu li {
	display: inline;
}



/*コンテンツ枠
------------------------------------------------------------------*/
#contents {
	background: url(../images/contents3_bg.gif) no-repeat center bottom;
	width: 800px;
	margin-right: auto;
	margin-left: auto;
	text-align: left;
	padding-right: 11px;
	padding-left: 11px;
}

#navi {
    clear: both;
	height:29px;
	width: 800px;

}

#navi ul {
	margin: 0 0 0;
    padding: 0;
    list-style: none;
	}
#navi li {
	display:inline;
	list-style-type:none;
}
#navi li a {
	height:29px;
	display:block;
	float:left;
	text-indent:-9877em;
	text-decoration:none;
	overflow:hidden;
}
/*------off*/
#navi li.navi01 a {
	background:url(../images/navi.jpg) no-repeat 0px 0px;
	width:110px;
}
#navi li.navi02 a {
	background:url(../images/navi.jpg) no-repeat -110px 0px;
	width:110px;
}
#navi li.navi03 a {
	background:url(../images/navi.jpg) no-repeat -220px 0px;
	width:110px;
}
#navi li.navi04 a {
	background:url(../images/navi.jpg) no-repeat -330px 0px;
	width:110px;
}
#navi li.navi05 a {
	background:url(../images/navi.jpg) no-repeat -440px 0px;
	width:94px;
}
#navi li.navi06 a {
	background:url(../images/navi.jpg) no-repeat -533px 0px;
	width:110px;

}
#navi li.navi07 a {
	background:url(../images/navi.jpg) no-repeat -643px 0px;
	width:156px;

}

/*------hover*/
#navi li.navi01 a:hover {
	background:url(../images/navi.jpg) no-repeat 0px -29px;
}
#navi li.navi02 a:hover {
	background:url(../images/navi.jpg) no-repeat -110px -29px;
}
#navi li.navi03 a:hover {
	background:url(../images/navi.jpg) no-repeat -220px -29px;
}
#navi li.navi04 a:hover {
	background:url(../images/navi.jpg) no-repeat -330px -29px;
}
#navi li.navi05 a:hover {
	background:url(../images/navi.jpg) no-repeat -440px -29px;
}
#navi li.navi06 a:hover {
	background:url(../images/navi.jpg) no-repeat -533px -29px;
}
#navi li.navi07 a:hover {
	background:url(../images/navi.jpg) no-repeat -643px -29px;
}



/*メインコンテンツ
------------------------------------------------------------------*/
#main {
	clear:both;
	float: right;
	width: 575px;
	display: inline;
	margin-right: 10px;
	margin-top: 10px;
}

#main h2 {
	background: url(../images/bg_line_green.gif) no-repeat;
	font-size: 24px;
	line-height: 30px;
	padding-left: 50px;
	padding-top: 5px;
	padding-bottom: 5px;
	margin-top: 20px;
	color: #5A3D1B;
}

#main h3 {
	background: url(../images/bg_line_blue.gif) no-repeat;
	font-size: 24px;
	line-height: 30px;
	padding-left: 50px;
	padding-top: 5px;
	padding-bottom: 5px;
	margin-top: 20px;
	color: #5A3D1B;
}

#main h4 {
	background: url(../images/bg_line_pink.gif) no-repeat;
	font-size: 24px;
	line-height: 30px;
	padding-left: 50px;
	padding-top: 5px;
	padding-bottom: 5px;
	margin-top: 20px;
	color: #5A3D1B;
}

#top1 {
	margin: 0px;
	padding: 0px;
	width: 575px;
	height:523px;	
}

#top2 {
	margin: 0px;
	padding: 0px;
	border: solid 1px #5A3D1B;
	background: url(../images/niji.gif) no-repeat right;
	margin-top: 10px;
}

#footer_contents {
	font-size: 11px;
	margin-right: auto;
	margin-left: auto;
	height: 50px;
	padding-top: 50px;
}

#footer_contents ul li {
	display: inline;
	padding-right: 5px;
	padding-left: 5px;
	border-right: 1px solid #CCCCCC;
}

#footer_contents .menutop {
	border-left: 1px solid #CCCCCC;
}

/*アテンション
------------------------------------------------------------------*/

#attention {
	margin-right: auto;
	margin-left: auto;
	padding: 5px;
	border: double 10px #FF0000;
	background: #FFCCCC;
	color: #FF0000;
	line-height: 20px;
	text-align: center;
}

#attention2 {
	margin-right: auto;
	margin-left: auto;
	padding: 5px;
	border: double 10px #FF0000;
	background: #FFCCCC;
	color: #FF0000;
	line-height: 20px;
	text-align: left;
}

/*メインコンテンツ内、各ページ
------------------------------------------------------------------*/
#bg_bar{
	background: url(../images/bg_bar.gif) no-repeat;
	font-size: 14px;
	line-height: 30px;
	padding-left: 10px;
	margin-top: 10px;
	color: #5A3D1B;
	font-weight: bold;
}

#bg_bar_blue{
	background: url(../images/bg_bar_blue.gif) no-repeat;
	font-size: 14px;
	line-height: 30px;
	padding-left: 10px;
	margin-top: 10px;
	color: #5A3D1B;
	font-weight: bold;
}

.bottom_bar {
	font-size: 14px;
	font-weight: bold;
	color: #FF6600;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #5A3D1B;
	margin-bottom: 0px;
	white-space: nowrap;
}

.bottom_bar2 {
	font-size: 16px;
	font-weight: bold;
	color: #FF6600;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #5A3D1B;
	margin-bottom: 0px;
	white-space: nowrap;
}

.kaisya_title01 {
	background: url(../images/kaisya_title01.gif) no-repeat center top;
	width: 341px;
	height: 62px;
	margin-right: auto;
	margin-left: 0px;
	margin-top: 20px;
}

.kaisya_title02 {
	background: url(../images/kaisya_title02.gif) no-repeat center top;
	width: 575px;
	height: 62px;
	margin-right: auto;
	margin-left: 0px;
	margin-top: 10px;
}

.kaisya_title03 {
	background: url(../images/kaisya_logo2.jpg) no-repeat center top;
	width: 575px;
	height: 145px;
	margin-right: auto;
	margin-left: 0px;
	margin-top: 10px;
}

.font_plus2 {
	font-size: 14px;
}

.accent_red {
	position: static;
	border-style: solid;
	border-width: 0px 0px 0px 5px;
	border-color: #cc0000;
	padding: 2px 0px 1px 3px;
	font-size: 14px;
	font-weight: bold;
	color: #FF6600;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #5A3D1B;
	margin-bottom: 0px;
	white-space: nowrap;
}

.accent_blue {
	position: static;
	border-style: solid;
	border-width: 0px 0px 0px 5px;
	border-color: #0066FF;
	padding: 2px 0px 1px 3px;
	font-size: 14px;
	font-weight: bold;
	color: #FF6600;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #5A3D1B;
	margin-bottom: 0px;
	white-space: nowrap;
}

.accent_green {
	position: static;
	border-style: solid;
	border-width: 0px 0px 0px 5px;
	border-color: #006600;
	padding: 2px 0px 1px 3px;
	font-size: 14px;
	font-weight: bold;
	color: #FF6600;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #5A3D1B;
	margin-bottom: 0px;
	white-space: nowrap;
}

.accent_pink {
	position: static;
	border-style: solid;
	border-width: 0px 0px 0px 5px;
	border-color: #FF33CC;
	padding: 2px 0px 1px 3px;
	font-size: 14px;
	font-weight: bold;
	color: #FF6600;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #5A3D1B;
	margin-bottom: 0px;
	white-space: nowrap;
}


/*テーブル系
------------------------------------------------------------------*/

.pink_t {
	border-style: solid;
	border-color: #FF66FF;
	white-space: nowrap;
}

.pink_bg {
	background-color: #FFCCFF;
	color: #FF33CC;
	text-align: center;
}

.blue_t {
	border-style: solid;
	border-color: #0099FF;
	white-space: nowrap;
}

.blue_bg {
	background-color: #99FFFF;
	color: #0066FF;
	text-align: center;
}

.green_t {
	border-style: solid;
	border-color: #009900;
	white-space: nowrap;
}

.green_bg {
	background-color: #CCFF99;
	color: #006600;
}

.green_bg2 {
	background-color: #CCFF99;
}

.brown_t {
	border-style: solid;
	border-color: #5A3D1B;
	white-space: nowrap;
}

.brown_bg {
	background-color: #FFFFCC;
	text-align: center;
 	height: 30px;
}

.ryoukin_pink {
	background-color: #FFCCFF;
	color: #FF33CC;
	text-align: center;
	font-size: 9px;
 	height: 16px;
}

.ryoukin_blue {
	background-color: #99FFFF;
	color: #0066FF;
	text-align: center;
	font-size: 9px;
 	height: 16px;
}

.ryoukin_green {
	background-color: #CCFF99;
	color: #006600;
	text-align: center;
	font-size: 9px;
 	height: 16px;
}

.ryoukin {
	text-align: left;
	font-size: 9px;
 	height: 16px;
}

/*サブコンテンツ
------------------------------------------------------------------*/
#sub {
	float: left;
	width: 180px;
	display: inline;
	margin-left: 15px;
	margin-top: 10px;
	height: 790px;
}

#sub p {
	padding-bottom: 0.5em;
	padding-top: 0.5em;
}

/*サブコンテンツ内、サブメニュー
------------------------------------------------------------------*/
#sub .waku ul.navmenu li a {
	text-decoration: none;
	display: block;
	border-bottom: 1px dotted #999999;
	background: url(../img/arrow2.gif) no-repeat left center;
	padding-left: 20px;
	line-height: 30px;
	zoom: 1;
}

#sub .waku ul.navmenu li a:hover {
	background: #bdbdbd url(../img/arrow2over.gif) no-repeat 3px center;
	color: #FFFFFF;
}

#sub .katopen {
	margin-top: 5px;

}

#backtop {
	clear:both;
	width: 180px;
	height:35px;
    padding: 0;
	display:inline;	
}
#backtop a {
	height:35px;
	display:block;
	text-indent:-9877em;
	text-decoration:none;
	overflow:hidden;
}

/*------off*/
#backtop .backtop01 a {
	background:url(../images/left_toppage.gif) no-repeat 0px 0px;
	width:180px;
}
/*------hover*/
#backtop .backtop01 a:hover {
	background:url(../images/left_toppage.gif) no-repeat 0px -35px;
}

/*サブコンテンツ内のテーブル
------------------------------------------------------------------*/
#sub_contens {
	line-height: 1.5;
	margin: 0px;
	padding: 0px;
	text-align: right;
	width: 180px;
	margin-top: 10px;
	border: solid 1px #5A3D1B;
	background-color: #F5F2E6;	
}

#sub_contens ul li {
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #5A3D1B;
	white-space: nowrap;
	padding: 7px;
}

.bg01 {
	background: url(../images/contents_staff01.gif) no-repeat left bottom;
}

.bg02 {
	background: url(../images/contents_staff02.gif) no-repeat left bottom;
}

.bg03 {
	background: url(../images/contents_staff03.gif) no-repeat left bottom;
}

.bg04 {
	background: url(../images/contents_staff04.gif) no-repeat left bottom;
}

.bg05 {
	background: url(../images/contents_staff05.gif) no-repeat left bottom;
}

.bg06 {
	background: url(../images/contents_staff06.gif) no-repeat left bottom;
}

#js {
	line-height: 1.5;
	margin: 0px;
	padding: 0px;
	text-align: right;
	background: url(../images/left_js_baketsu.gif);
	width: 180px;
	height: 43px;
 	margin-top: 10px;
}

#js ul li {
	display: inline;
	text-align: left;
	padding: 1px;
	margin-right: auto;
	margin-left: auto;
	margin-top: auto;
	margin-bottom: auto;
}

#jigyosho {
	clear:both;
	line-height: 1.5;
	margin: 0px;
	padding: 0px;
	text-align: center;
	width: 180px;
	font-size: 11px;
 	margin-top: 20px;
}

#jigyosho ul li {
	border-bottom-width: 1px;
	border-bottom-style: dashed;
	border-bottom-color: #660000;
	margin-bottom: 4px;
	white-space: nowrap;
}

#frow {
 	margin-top: 10px;
}

#sub .waku {
	border: 0px solid #999999;
	padding: 0px;
	margin-bottom: 20px;
}

#icas {
	clear:both;
	width: 180px;
	height:64px;
    padding: 0;
	display:inline;	
 	margin-top: 20px;
}
#icas a {
	height:64px;
	display:block;
	text-indent:-9877em;
	text-decoration:none;
	overflow:hidden;
 	margin-top: 20px;
}

/*------off*/
#icas .icas01 a {
	background:url(../images/left_icas.gif) no-repeat 0px 0px;
	width:180px;
}
/*------hover*/
#icas .icas01 a:hover {
	background:url(../images/left_icas.gif) no-repeat 0px -64px;
}

#l_miracool {
	clear:both;
	width: 180px;
	height:64px;
    padding: 0;
	display:inline;	
}
#l_miracool a {
	height:64px;
	display:block;
	text-indent:-9877em;
	text-decoration:none;
	overflow:hidden;
}

/*------off*/
#l_miracool .link_miracool a {
	background:url(../images/left_miracool.gif) no-repeat 0px 0px;
	width:180px;
}
/*------hover*/
#l_miracool .link_miracool a:hover {
	background:url(../images/left_miracool.gif) no-repeat 0px -64px;
}

#l_zeolite {
	clear:both;
	width: 180px;
	height:64px;
    padding: 0;
	display:inline;	
 	margin-top: 20px;
}
#l_zeolite a {
	height:64px;
	display:block;
	text-indent:-9877em;
	text-decoration:none;
	overflow:hidden;
 	margin-top: 20px;
}

/*------off*/
#l_zeolite .link_zeolite a {
	background:url(../images/left_zeolite.gif) no-repeat 0px 0px;
	width:180px;
}
/*------hover*/
#l_zeolite .link_zeolite a:hover {
	background:url(../images/left_zeolite.gif) no-repeat 0px -64px;
}

/*ダウンロード
------------------------------------------------------------------*/
#miracool {
	width: 575px;
	height:105px;
    padding: 0;
	display:inline;	
 	margin-top: 20px;
}
#miracool a {
	height:105px;
	display:block;
	text-indent:-9877em;
	text-decoration:none;
	overflow:hidden;
 	margin-top: 20px;
}

/*------off*/
#miracool .miracool_pdf a {
	background:url(../images/miracool/miracool_pdf.jpg) no-repeat 0px 0px;
	width:575px;
}
/*------hover*/
#miracool .miracool_pdf a:hover {
	background:url(../images/miracool/miracool_pdf.jpg) no-repeat 0px -105px;
}

#zeolite {
	width: 575px;
	height:105px;
    padding: 0;
	display:inline;	
 	margin-top: 20px;
}
#zeolite a {
	height:105px;
	display:block;
	text-indent:-9877em;
	text-decoration:none;
	overflow:hidden;
 	margin-top: 20px;
}

/*------off*/
#zeolite .zeolite_pdf a {
	background:url(../images/zeolite/zeolite_pdf.jpg) no-repeat 0px 0px;
	width:575px;
}
/*------hover*/
#zeolite .zeolite_pdf a:hover {
	background:url(../images/zeolite/zeolite_pdf.jpg) no-repeat 0px -105px;
}

/*フッター
------------------------------------------------------------------*/
#copyright {
	line-height: 1.2;
	font-size: 12px;
	margin-top: 5px;
	padding-bottom: 10px;
}


/*フォーム
------------------------------------------------------------------*/
div#mf_wrapper {
	width: 640px;
	text-align: left;
	margin: 0px auto 0px auto;
	font-family: sans-serif;
}
div#mf_header h1 {
	font-size: 24px;
	border-bottom: solid 1px #999999;
	margin: 0px;
	padding: 0px;
}
div#mf_header h2 {
	font-size: 16px;
	color: #999999;
	font-weight: normal;
	margin: 0px;
	padding: 0px;
}
form#mailform {
	padding: 5px;
}
table.mailform {
	width: 100%;
}
table.mailform tr th,table.mailform tr td {
	text-align: left;
	font-weight: normal;
	font-size: 12px;
	border-bottom: solid 1px #999999;
	padding: 7px 5px 7px 5px;
}
table.mailform tr th {
	width: 150px;
}
table.mailform tr th span {
	color: #CC0000;
	font-size: 10px;
}
table.mailform tr th p {
	margin: 0px;
	padding: 0px;
	font-size: 10px;
	color: #999999;
}
table.mailform tr td textarea {
	width: 100%;
	height: 120px;
}

/*clearfix
------------------------------------------------------------------*/
#contents:after {
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
}
#contents { display: inline-block; }

/* Hides from IE-mac ¥*/
*html #contents { height: 1%; }
#contents { display: block; }
/* End hide from IE-mac */