@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@400;500;700&display=swap');

* {
 margin: 0px;
 padding: 0px;
}
body {
	font-size: 80%;
	line-height: 140%;
	background-color: #F4F8F9;
}
.clear {
 font-size: 0px;
 clear: both;
}
a:link {
	TEXT-DECORATION: none;
 color: #333;
}
a:visited {
	TEXT-DECORATION: none;
}
a:hover {
	TEXT-DECORATION: none;
}
a:active {
	TEXT-DECORATION: none;
}
#footer a:link {
	TEXT-DECORATION: none;
	color: #666666;
}
#footer a:visited {
	TEXT-DECORATION: none;
	color: #666666;
}
#footer a:hover {
 TEXT-DECORATION: none;
 color: #0068B7;
}
#footer a:active {
	TEXT-DECORATION: none;
	color: #666666;
}
#header {
	width: 900px;
	border-right-width: 1px;
	border-left-width: 1px;
	border-right-style: solid;
	border-left-style: solid;
	border-right-color: #CCCCCC;
	border-left-color: #CCCCCC;
	margin-right: auto;
	margin-left: auto;
	background-image: url(img/head_bg.jpg);
	background-repeat: no-repeat;
	height: 113px;
}
#header .head_logo {
	float: left;
	padding-left: 30px;
	padding-top: 26px;
}
#header .head_right {
	float: right;
	text-align: right;
	padding-right: 4px;
}
#header h1 {
	font-size: 12px;
	font-weight: normal;
	padding-top: 10px;
	padding-right: 16px;
	margin-bottom: 35px;
}
#content {
	width: 900px;
	margin-right: auto;
	margin-left: auto;
	border-right-width: 1px;
	border-left-width: 1px;
	border-right-style: solid;
	border-left-style: solid;
	border-right-color: #CCCCCC;
	border-left-color: #CCCCCC;
	background-color: #FFFFFF;
	padding-bottom: 55px;
}
#pankuzu {
	background-image: url(img/pankuzu_bg.gif);
	background-repeat: repeat-x;
	background-position: bottom;
	padding-top: 15px;
	padding-bottom: 16px;
	padding-left: 20px;
}
#pankuzu li {
	display: inline;
}
#content h2 {
	background-image: url(img/h2_bg.jpg);
	background-repeat: no-repeat;
	height: 31px;
	padding-left: 15px;
	margin-top: 20px;
	margin-bottom: 20px;
	padding-top: 20px;
	margin-right: 30px;
	margin-left: 30px;
}
#content h2.tit01 {
	background-image: url(img/h2_bg.jpg);
	background-repeat: no-repeat;
 background-position: left bottom;
	font-size: 22px;
 color: #0068b7;
 font-family: 'Noto Sans JP', sans-serif;
 font-weight: 500;
 margin: 20px 30px;
 padding: 20px 0 0 15px;
 height: 30px;
 letter-spacing: 1px;
}
#content h2.tit01 span{
 font-size: 16px;
 font-weight: 400;
}



#content h3 {
	background-image: url(img/h3_bg.jpg);
	background-repeat: no-repeat;
	height: 28px;
	font-size: 15px;
	color: #FFFFFF;
	padding-top: 10px;
	padding-left: 15px;
	margin-top: 20px;
	margin-bottom: 15px;
	margin-right: 30px;
	margin-left: 30px;
}
#content h4 {
	font-size: 14px;
	background-image: url(img/h4_bg.gif);
	background-repeat: no-repeat;
	background-position: left;
	padding-left: 10px;
	margin-top: 15px;
	margin-bottom: 10px;
	padding-top: 3px;
}
#content p {
	margin-bottom: 15px;
}
#content ol {
	margin-left: 40px;
	margin-right: 20px;
}
#content .flash {
	padding-bottom: 20px;
	padding-top: 5px;
}
#content .top_box_left {
	float: left;
	width: 600px;
	margin-top: 20px;
	padding-left: 20px;
}
#content .top_box_right  {
	float: right;
	width: 227px;
	margin-top: 20px;
	padding-right: 20px;
}
#content .top_box_right img {
	margin-bottom: 10px;
}
#content .top_title {
	background-image: url(img/top_title_bg1.gif);
	background-repeat: no-repeat;
	height: 24px;
	padding-left: 20px;
	padding-top: 10px;
}
#content .top_title2 {
	margin-bottom: 6px; 
}
#content .top_title2 a{
 font-size: 14px;
 line-height: 20px; 
 font-family: 'Noto Sans JP', sans-serif;
 font-weight: 700;  
}
#content .top_title2.blue01 a{
 background: url("img/arrow05_1.png") no-repeat 0 0;
 color: #3457b4;
 padding: 0 0 0 15px; 
}
#content .top_title2.red01 a{
 background: url("img/arrow05_2.png") no-repeat 0 0;
 color: #dd3a35;
 padding: 0 0 0 15px; 
}
#content .top_title2.yellow01 a{
 background: url("img/arrow05_3.png") no-repeat 0 0;
 color: #e5923a;
 padding: 0 0 0 15px; 
}
#content .top_title2.green01 a{
 background: url("img/arrow05_4.png") no-repeat 0 0;
 color: #2ea953;
 padding: 0 0 0 15px; 
}
#content .top_box {
	padding-left: 20px;
}
#content .top_box1 {
	border: 5px solid #DDE2EA;
	padding: 10px;
	width: 177px;
	float: left;
	margin-right: 10px;
	height: 171px;
}
#content ul.top {
	margin-top: 6px;
}
#content ul.top li {
	background-image: url(img/arrow2.gif);
	background-repeat: no-repeat;
	background-position: left center;
	padding-left: 15px;
	list-style-type: none;
}
#content .scroll {
	overflow: auto;
	height: 202px;
	scrollbar-face-color: #FFFFFF;
	scrollbar-highlight-color: #FFFFFF;
	scrollbar-shadow-color: #FFFFFF;
	scrollbar-3dlight-color: #FFFFFF;
	scrollbar-arrow-color: #0068B7;
	scrollbar-darkshadow-color: #FFFFFF;
	margin-left: 10px;
	margin-right: 5px;
	margin-top: 10px;
}
#content .news_date {
	color: #0068B7;
	font-weight: bold;
}
#content .indent1 {
	padding-right: 45px;
	padding-left: 45px;
}
#content .content_box1 {
	margin-right: 20px;
	float: left;
}
#content .content_box_left1 {
	float: left;
}
#content .content_box_left2 {
	float: left;
	width: 370px;
}

#content .content_box_right1 {
	float: right;
	width: 600px;
	padding-left: 20px;
}

#content table {
	border-collapse: collapse;
	margin-bottom: 15px;
}
#content .td_white {
	padding: 10px;
	border: 1px solid #CCCCCC;
}
#content .td_box1 {
	width: 810px;
	background-image: url(img/td_box_bg1.gif);
	background-repeat: repeat-y;
	background-position: left;
	margin-bottom: 10px;
}
#content .td_box2 {
	width: 620px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #FFFFFF;
	background-image: url(img/td_box_bg2.gif);
	background-repeat: repeat-y;
}
#content .td1 {
	padding: 10px;
	width: 100px;
	float: left;
	color: #666666;
}
#content .td2 {
	padding: 10px;
	width: 670px;
	float: right;
}
#content .td3 {
	padding: 10px;
	float: left;
	width: 150px;
	font-weight: bold;
}
#content .td4 {
	padding: 10px;
	float: right;
	width: 430px;
}
#content ul.company li {
	background-image: url(img/arrow3.gif);
	background-repeat: no-repeat;
	background-position: left;
	float: left;
	width: 255px;
	padding-left: 15px;
	list-style-type: none;
}
#content ul.equipment  {
	margin-top: 5px;
}
#content ul.equipment li {
	background-image: url(img/arrow3.gif);
	background-repeat: no-repeat;
	background-position: left center;
	list-style-type: none;
	padding-left: 10px;
}
#content .contact_box {
	width: 620px;
	margin-top: 20px;
}
#content .equipment_box1 {
	float: left;
	width: 162px;
}
#content .equipment_box2 {
	float: left;
	width: 202px;
}
#content .consulting_box {
	border: 1px solid #CCCCCC;
	padding-right: 15px;
	padding-bottom: 15px;
	padding-left: 15px;
	width: 778px;
	margin-bottom: 20px;
}
#content .consulting_title {
	background-image: url(img/consulting_title_bg.gif);
	background-repeat: no-repeat;
	background-position: bottom;
	padding-bottom: 4px;
	padding-top: 15px;
	font-size: 16px;
	font-weight: bold;
	color: #0C6AAB;
}
#content .consulting_box_left {
	float: left;
	margin-top: 10px;
}
#content .consulting_box_right {
	float: right;
	width: 558px;
	margin-top: 10px;
	padding-left: 20px;
}
#content .cleaning_box1 {
	border: 3px solid #E6E6E6;
	background-image: url(img/cleaning_box_bg.gif);
	background-repeat: repeat-y;
	background-position: left;
	width: 716px;
	margin-bottom: 15px;
}
#content .cleaning_box2 {
	width: 810px;
	margin-bottom: 15px;
}

#content .cleaning_title {
	font-size: 14px;
	font-weight: bold;
	margin-bottom: 6px;
}
#content .cleaning_text {
	font-weight: bold;
	margin-bottom: 5px;
}

#content ul.cleaning {
	margin-left: 30px;
}
#content .cleaning_box_left1 {
	float: left;
	width: 210px;
	padding: 10px;
	color: #FFFFFF;
}
#content .cleaning_box_right1 {
	float: right;
	width: 466px;
	padding: 10px;
}
#content .cleaning_box_left2 {
	float: left;
}
#content .cleaning_box_right2 {
	float: right;
	width: 700px;
}
#content .btn_box1 {
	text-align: center;
	width: 620px;
	margin-top: 15px;
}
#content .btn_box2 {
	float: left;
	padding-left:0; 
 background: url("img/btn02_bg.png") no-repeat 0 0;
 font-family: 'Noto Sans JP', sans-serif;
 font-weight: 700; 
}

#content .btn_box2.blue02 a{
 display: block;
 background: url("img/arrow06_1.png") no-repeat 8px 50%;
 color: #3457b4;
 padding: 0 0 0 25px;
 font-size: 14px;
 width: 158px;
 height: 35px;
 line-height: 35px; 
 margin: 0 15px 0 0;
}
#content .btn_box2.red02 a{
 display: block;
 background: url("img/arrow06_2.png") no-repeat 8px 50%;
 color: #dd3a35;
 padding: 0 0 0 25px;
 font-size: 14px;
 width: 158px;
 height: 35px;
 line-height: 35px; 
 margin: 0 15px 0 0;
}
#content .btn_box2.yellow02 a{
 display: block;
 background: url("img/arrow06_3.png") no-repeat 8px 50%;
 color: #e5923a;
 padding: 0 0 0 25px;
 font-size: 14px;
 width: 158px;
 height: 35px;
 line-height: 35px;
 margin: 0 15px 0 0;
}
#content .btn_box2.green02 a{
 display: block;
 background: url("img/arrow06_4.png") no-repeat 8px 50%;
 color: #2ea953;
 padding: 0 0 0 25px;
 font-size: 14px;
 width: 158px;
 height: 35px;
 line-height: 35px; 
}


.font_red {
	color: #FF0000;
}
.font14 {
	font-size: 14px;
}
.font14_blue {
	font-size: 14px;
	color: #237BBD;
}

.formfield1 {
	width: 260px;
}
.formfield2 {
	width: 300px;
}


#footer {
	width: 900px;
	border-right-width: 1px;
	border-left-width: 1px;
	border-right-style: solid;
	border-left-style: solid;
	border-right-color: #CCCCCC;
	border-left-color: #CCCCCC;
	margin-right: auto;
	margin-left: auto;
	background-image: url(img/foot_bg.gif);
	background-repeat: no-repeat;
	background-position: bottom;
	height: 65px;
	background-color: #FFFFFF;
}
#footer .foot_link {
	float: left;
	padding-left: 15px;
	color: #666666;
}
#footer .top_btn {
	float: right;
	padding-right: 15px;
	background-image: url(img/arrow1.gif);
	background-repeat: no-repeat;
	background-position: left 5px;
	padding-left: 15px;
}
#footer .foot_copyright {
	text-align: center;
	color: #FFFFFF;
	margin-top: 18px;
}

.main_visual {
    margin: 0 0 20px;
}