body {
	background-color:#F9F8F3;
		text-align:center;
}



#header {
	background-image: url(images/heder_bg.jpg);
	background-repeat: repeat-x;
	height: 87px;
}


#heder_wrapper {
	background-image: url(images/heder_wrapper.jpg);
	background-repeat: no-repeat;
	height: 87px;
	width: 890px;
	margin:auto;
	text-align:left;
}

#heder_contena {
	width: 808px;
	margin-left:40px;
	padding-top:15px;

}


h1 {
padding-top:10px;
font-size:0.6em;
color:#990000;
text-align:right
}

#logo_box {
text-align:left;
width:550px;
padding-top:2px;
float:left
}
#header_menubox {
	height: 1%;
	width: 237px;
	margin-top:14px;
	float:right
}


/* メインコンテンツ  */


#wrapper {
	background-image: url(images/wrapper.jpg);
    background-repeat: repeat-y;
	width: 890px;
	margin:auto;
	text-align:left;
}


#contena {
	width: 800px;
	margin-left:45px;
	padding-top:13px;

}


#left_contents {
	float:left;
	width:200px;
}

#left_line {
	width:200px;
	display:block;
	border: none;
	overflow: hidden;
	background-image: url(images/left_bg.jpg);
	background-repeat: repeat-y;
}


#right_contents {
	float:right;
	width:568px;
	text-align:left;

}

/* header_navi  */



#h_navi1 a{display:block;
	border: none;
	background-image: url(images/sitemap_btn.gif);
	width: 92px;
	background-repeat: no-repeat;
	font-size:0.6em;
	text-align:center;
	padding-top:17px;
	float:left;
	overflow: hidden;
}

#h_navi1  a:hover,.h_navi1 a:active {
	border: none;
	display:block;
	background-image: url(images/sitemap_btn_f2.gif);
	width: 92px;
	background-repeat: no-repeat;
	font-size:0.6em;
	text-align:center;
	padding-top:17px;
	float:left;
	overflow: hidden;
}


#h_navi2 a{
  display:block;
	border: none;
	background-image: url(images/tel_btn.gif);
	width: 83px;
	background-repeat: no-repeat;
	font-size:0.6em;
	text-align:center;
	padding-top:17px;
	float:left;
	overflow: hidden;
}

#h_navi2  a:hover,.h_navi2 a:active {
	border: none;
	display:block;
	background-image: url(images/tel_btn_f2.gif);
	width: 83px;
	background-repeat: no-repeat;
	font-size:0.6em;
	text-align:center;
	padding-top:17px;
	float:left;
	overflow: hidden;
}


#h_navi3 a{
    display:block;
	border: none;
	background-image: url(images/home_btn.gif);
	width: 62px;
	background-repeat: no-repeat;
	font-size:0.6em;
	text-align:center;
	padding-top:17px;
		float:left;
	overflow: hidden;
}


#h_navi3  a:hover,.h_navi3 a:active {
	border: none;
	display:block;
	background-image: url(images/home_btn_f2.gif);
	width: 62px;
	background-repeat: no-repeat;
	font-size:0.6em;
	text-align:center;
	padding-top:17px;
		float:left;
	overflow: hidden;
}


#mainimg {
margin-bottom:25px;
}

ul {
list-style-type: none;
}
/* 左メニュー  */


.left_navi a{display:block;
	border: none;
	background-image: url(images/navi_bg.jpg);
	width: 205px;
	height:100%;
	background-repeat: no-repeat;
	font-size:12px;
	color:#000000;
	overflow: hidden;
	padding-left:20px;
	padding-top:8px;
	padding-bottom:12px;

}

.left_navi  a:hover,.left_navi a:active {
display:block;
	border: none;
	background-image: url(images/navi_bg_f2.jpg);
	width: 205px;
	height:100%;
	background-repeat: no-repeat;
	font-size:12px;
	color:#990000;
	overflow: hidden;
	padding-left:20px;
	padding-top:8px;
	padding-bottom:12px;
}

/* 左バナー  */
.navi_btm {
	height:20px;

}

#infortop {
	height:26px;

}
#left_bannaer1 a{
	display:block;
	border: none;
	overflow: hidden;
	background-image: url(images/top-mail_light_ban.jpg);
	width: 200px;
	height:97px;
	background-repeat: no-repeat;
	font-size:12px
}

#left_bannaer1  a:hover,.left_bannaer1 a:active {
	display:block;
	border: none;
	overflow: hidden;
	background-image: url(images/top-mail_light_ban_f2.jpg);
	width: 200px;
	height:97px;
	background-repeat: no-repeat;
		font-size:12px
}

#left_bannaer2 a{
	display:block;
	border: none;
	overflow: hidden;
	background-image: url(images/top-mail_ban.jpg);
	width: 200px;
	height:100px;
	background-repeat: no-repeat;
}

#left_bannaer2  a:hover,.left_bannaer2 a:active {
	display:block;
	border: none;
	overflow: hidden;
	background-image: url(images/top-mail_ban_f2.jpg);
	width: 200px;
	height:100px;
	background-repeat: no-repeat;
}

#left_bannaer3 a{
    display:block;
	border: none;
	overflow: hidden;
	background-image: url(images/top-web_ban.jpg);
	width: 200px;
	height:100px;
	background-repeat: no-repeat;
}

#left_bannaer3  a:hover,.left_bannaer3 a:active {
    display:block;
	border: none;
	overflow: hidden;
	background-image: url(images/top-web_ban_f2.jpg);
	width: 200px;
	height:100px;
	background-repeat: no-repeat;
}


.bannaerbox {
width:200px;
height:58px;
text-align:center;
}


/* トップ右  */

#top_news {
	width: 568px;
	background-image: url(images/news_bar.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	padding-top: 33px;
	padding-left:2px;
	padding-right:5px;
	margin-bottom:8px;
	text-align:left
}
.date {
	font-family: Arial, Helvetica, sans-serif;
	color: #4674BF;
	float: left;
	width: 5em;
	border-left-width: 3px;
	border-left-style: solid;
	border-left-color: #006699;
	font-size:0.7em;
	padding-left:4px;
}
.news {
	font-family: "ＭＳ ゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
	line-height: 145%;
	font-weight: normal;
	font-size:12px;
	color:#666666;
	padding-left:75px;
}

.newsdot {
	background-image: url(images/dot1.jpg);
	background-repeat: repeat-x;
	clear: both;
	height: 10px;
	margin-bottom:1px;
	margin-top:1px;
}

#top_temp {
	width: 568px;
	background-image: url(images/temp_bar.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	padding-top: 8px;
	padding-bottom:23px;
	margin-top:18px	;
	text-align:left;

}

#atention {
	width: 568px;
	margin-top:17px	;
	margin-bottom:8px;
	height:21px;
	font-size:0.6em;
	background-image: url(images/atention.gif);
	background-repeat: no-repeat;
}

em {
	visibility: hidden;
}


#top_temp_btn a{
	width: 100px;
	background-image: url(images/temp_btn.jpg);
	background-repeat: no-repeat;
	background-position: right top;
	text-align:right;
	color:#000000;
	font-size:0.6em;
	padding-right:11px;
	margin-left:460px


}

#top_temp_btn a:hover,.top_temp_btn a:active {
	width: 100px;
	background-image: url(images/temp_btn_f2.jpg);
	background-repeat: no-repeat;
	background-position: right top;
	text-align:right;
	color:#cc0000;
	font-size:0.6em;
	padding-right:11px;
	margin-left:460px

}





#temp_thum_l {
	background-image: url(images/dot2.jpg);
	background-repeat: repeat-x;
	background-position: bottom;
	float: left;
	width: 167px;
	padding-top: 6px;
	padding-bottom:7px;
	font-size: 0.6em;
	color: #555555;
	margin-right:32px;
	margin-left:1px;
	letter-spacing: 0.1em;
}

#temp_thum_c {
	background-image: url(images/dot2.jpg);
	background-repeat: repeat-x;
	background-position: bottom;
	float: left;
	width: 167px;
	padding-top: 6px;
	padding-bottom:5px;
	font-size: 0.6em;
	color: #555555;
	letter-spacing: 0.1em;

}

#temp_thum_r {
	background-image: url(images/dot2.jpg);
	background-repeat: repeat-x;
	background-position: bottom;
	float: right;
	width: 167px;
	padding-top: 6px;
	padding-bottom:7px;
	font-size: 0.6em;
	color: #555555;
	margin-left:32px;
	letter-spacing: 0.1em;
}
.thum_title {
	margin-top: 6px;
	margin-bottom: 4px;
	font-size: 1em;
	color: #666666;
}

#temp_btn {
text-align:right;
padding-right:5px;
clear:both
}

.cs1 {
clear:both;
height:1%;
}
.cs {
clear:both;
height:10px;
}

.cs20 {
clear:both;
height:20px;
}
.cs30 {
clear:both;
height:30px;
}


/* footer  */

#copy {
	font-family:Arial, Helvetica, sans-serif;
	font-size: 0.6em;
	color: #E4E4E4;
	padding: 40px;
	text-align:center;
	background-image: url(images/copy_bg.jpg);
	background-repeat: repeat-x;
	height: 22px;
}

#footer_navi li {
	font-size:0.65em;
	list-style-type: none;
	display: inline;
	padding-right: 20px;
	padding-left: 10px;
	margin-top:10px;
	line-height:1.7em;
	background-image: url(images/f_arrow.gif);
	background-repeat: no-repeat;
	background-position: left;
}

#footer_wrapper {
	border-top-width: 1px;
	border-top-color: #DFDFDF;
	margin-top:10px;
	padding-top:5px;
	padding-bottom:10px;
	width:800px;
	margin-left:auto;
	margin-right:auto;
	clear:both;
	border-top-style: solid;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;

}


/* テキスト  */
.txt_rb {
	color: #ff0000;
}


.tbl_service_01{
  margin: 2em 0 0 0;
  width: 100%;
}
.tbl_service_01 .ws_rt{
  float: none;
  display: inline-block;
  vertical-align: middle;
  margin: 0 0 0 20px;
}

/*------------------------------------------------------
ここからはサイトリニューアル用マスク設定
------------------------------------------------------*/
#mask {
	display: block;
	background: rgba(255,207,53,0.75);
	position: fixed;
	z-index: 1000;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

#mask .mask_wrapper {
	display: inline-block;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	width: 50vw;
	width: 50vmax;
	max-width: 90vw;
}

#mask .mask_wrapper .text_area {
	background: rgba(255,255,255,0.9);
	padding: 23px 10px;
	border-radius: 8px;
	border: 2px solid #F68424;
	margin-bottom: 20px;
	text-align: center;
	font-size: 16px;
}

#mask .mask_wrapper .text_area .text {
	line-height: 1.4;
	margin-bottom: 20px;
	letter-spacing: 0.05em;
}
#mask .mask_wrapper .text_area .text span {
	display: block;
}
#mask .mask_wrapper .text_area .text span + span {
	margin-top: 10px;
}
#mask .mask_wrapper .text_area .tel_link {
	font-weight: bold;
	font-size: 1.5em;
	vertical-align: middle;
}
#mask .mask_wrapper .text_area .tel_link img {
	height: 0.9em;
	width: auto;
	margin-right: 5px;
}

#mask .mask_wrapper .bnr_area {
	display: flex;
	justify-content: space-between;
	align-items: center;
	opacity: 0.9;
}