@charset "utf-8";
/* CSS Document */
#Top_B01 {
	width: 1006px;
	margin: 0 auto;
}
#Top_B01_cbox {
	padding: 11px 17px;
}
.h1_s01 p{line-height: 1.5em;}


.Top_B01_block {
	padding: 10px;
	width: 460px;
	float: left;
	margin-bottom: 10px;
}
.Top_B01_blockL {
	width: 190px;
	height: 118px;
	float: left;
	margin-right: 21px;
	border: #A3A098 1px solid;
}
.Top_B01_blockL img {
	width: 100%;
	height: 100%;
}
.Top_B01_blockR {
	width: 245px;
	float: left;
}
.Top_B01_date {
	
}
#Top_B01_btnBox {
	text-align: center;
	padding: 50px 0 0;
}


.index_info{color: red;
			font-weight:bold;}

	@media screen and (max-width: 800px) {
		#Top_B01 {
			width: 95%;
			margin: 0 auto;
		}
		#Top_B01_cbox {
			padding: 11px 0;
		}
		.Top_B01_block {
			padding: 10px 0;
			width: 90%;
			float: none;
			margin: 0 auto 10px;
			border-bottom: #dcdcdc 3px dotted;
		}
		.Top_B01_blockL {
			display: none;
		}
		.Top_B01_blockR {
			width: 100%;
			float: none;
		}
		#Top_B01_btnBox {
		text-align: center;
		padding: 50px 0 0;
		}
	}


#Top_B02 {
	width: 100%;
	margin-top: 37px;
}
#Top_B02_cbox {
	width: 100%;
	background-color: #eaeaea;
	padding: 38px 0;
}
.top_b02_ul {
	max-width:  1500px;
  padding: 0;
	margin: 90 0 0;
  position: relative;
}
.top_b02_ul li {
  color: b;
  background: #E8EEFF;
  line-height: 1.5;
  padding: 0.5em 0.5em 0.5em 2em;
  border-bottom: 1px dashed white;
  list-style-type: none!important;
}
.top_b02_ul li:first-child{
	background: #000000;
	font-size: 1.1em;
  	color: #fff;
  	font-weight: bold;
}



.top_b02_ul li:before {/*疑似要素*/
  font-family: "Font Awesome 5 Free";
  position: absolute;
  left : 0.5em/*左端からのアイコンまでの距離*/;
  color: white;/*アイコン色*/
}
.top_b02_ul li:last-of-type{
  border-bottom: none;/*最後のliの線だけ消す*/
}
/*--
.top_b02_ul li:after {/*タイトルタブ*/
  /*--	background: #ffb03f;
	font-size: 1.1em;
  	color: #fff;
  	font-weight: bold;
  	position: absolute;
  	left: -2px;
  	bottom: 100%;
  	padding: 1px 7px;
  	content: "ノンスリップは体育館や教室等で使用してきたワックスに替わるメンテナンス剤です。";/*タブの文字
  	letter-spacing: 0.05em;/*字間
  }*/
.Top_B02_block {
	width: 285px;
	height: auto;
	float: left;
	margin-left: 61px;
}
.Top_B02_block_p {
	margin-top: 18px;
	padding-bottom: 20px;
}
.Top_B02_block img {
	width: 285px;
	height: 285px;
	margin-bottom: 24px;
}
#Top_B02_cbox_inner {
	width: 1100px;
	margin: 0 auto;
}
.Top_B02_block_txt {
	padding: 0 20px;
}
.Top_B02_dlock_txt {
	padding: 20px;
}
	@media screen and (max-width: 800px) {
		#Top_B02 {
			width: 100%;
			margin-top: 37px;
		}
		#Top_B02_cbox {
			width: 100%;
			background-color: #eaeaea;
			padding: 38px 0;
		}
		.Top_B02_block {
			width: 45%;
			height: auto;
			float: left;
			margin-left: 2%;
			margin-right: 2%;
			margin-bottom: 30px;
		}
		.Top_B02_block_p {
			margin-top: 18px;
			padding-bottom: 20px;
		}
		.Top_B02_block img {
			width: 100%;
			height: auto;
			margin-bottom: 0;
		}
		#Top_B02_cbox_inner {
			width: 90%;
			margin: 0 auto;
		}
		.Top_B02_block_txt {
			font-family:Avenir , "Open Sans" , "Helvetica Neue" , Helvetica , Arial , Verdana , Roboto , "游ゴシック" , "Yu Gothic" , "游ゴシック体" , "YuGothic" , "ヒラギノ角ゴ Pro W3" , "Hiragino Kaku Gothic Pro" , "Meiryo UI" , "メイリオ" , Meiryo , "ＭＳ Ｐゴシック" , "MS PGothic" , sans-serif;
			width: 96%;
			padding: 10px 2% 0;
			margin-left: 0;
		}
		.Top_B02_block_txt h3 {
			font-size: 1.2em;
		}
		.Top_B02_block_txt p {
			font-size: 1.0em;
		}
	}
#Top_B03 {
	width: 100%;
	padding: 20px 0;
}
#Top_B03_tabbox {
	width: 1099px;
	margin: 0 auto;
}
#tabs {
	position: relative;
    z-index: 20;
}
#ftabs {
	position: relative;
    z-index: 20;
}
#tabs dd {
	text-align: center;
	width: 365px;
	height: 48px;
	padding-top: 15px;
	font-size: 2.3em;
	line-height: 0.7;
	color: #201c19;
	float: left;
	background-color: #FBF6D8;
	border-top: #2e3192 1px solid;
	border-left: #2e3192 1px solid;	
	border-bottom: none;	
	cursor:pointer;
}
#ftabs li {
	text-align: center;
	width: 365px;
	height: 48px;
	padding-top: 15px;
	font-size: 2.3em;
	line-height: 0.7;
	color: #201c19;
	float: left;
	background-color: #fbded8;
	border-top: #f2e3192 1px solid;
	border-left: #2e3192 1px solid;	
	border-bottom: none;	
	cursor:pointer;
}
#tab_3 {
	border-right: #2e3192 1px solid;
}
.tabBtn_span {
	font-size: 0.6em;
}
#tabs dd.selected {
	background-color:#fff;
	border-bottom: #FFF 1px solid;	
	cursor:default;

}
#ftabs li.selected {
	background-color:#fff;
	border-bottom: #FFF 1px solid;	
	cursor:default;

}
#textArea {
	position: relative;
	top: -1px;
	width: 1097px;
	margin: 0 auto;
	border-top: #2e3192 1px solid; 
	border-left: #2e3192 1px solid; 
	border-right: #2e3192 1px solid; 
	border-bottom: #2e3192 1px solid; 
	padding-top: 28px;
	padding: 32px 0;
}
.tabCont_box {
	width: 235px;
	margin-bottom: 35px;
	margin-left: 32px;
	float: left;
	min-height: 480px;
}
.tabCont_box img {
	width: 233px;
	height: 233px;
	margin-bottom: 14px;
	border: #010101 1px solid;
}
#tabCont_btnBox {
	margin-top: 40px;
	margin-bottom: 15px;
	float: none;
	text-align: center;
}
	@media screen and (max-width: 800px) {
		#Top_B03 {
			width: 100%;
			padding: 20px 0;
		}
		#Top_B03_tabbox {
			width: 95%;
			margin: 0 auto;
		}
		#tabs {
			position: relative;
			border-right: none;
			z-index: 20;
			padding-left: 4%;
		}
		#ftabs {
			position: relative;
			border-right: none;
			z-index: 20;
			padding-left: 4%;
		}
		#tabs dd {
			font-family:Avenir , "Open Sans" , "Helvetica Neue" , Helvetica , Arial , Verdana , Roboto , "游ゴシック" , "Yu Gothic" , "游ゴシック体" , "YuGothic" , "ヒラギノ角ゴ Pro W3" , "Hiragino Kaku Gothic Pro" , "Meiryo UI" , "メイリオ" , Meiryo , "ＭＳ Ｐゴシック" , "MS PGothic" , sans-serif;
			text-align: center;
			display: inline;
			text-align: center;
			width: 32%;
			height: 48px;
			padding-top: 15px;
			font-size: 1.2em;
			line-height: 0.7;
		}
		#ftabs li {
			font-family:Avenir , "Open Sans" , "Helvetica Neue" , Helvetica , Arial , Verdana , Roboto , "游ゴシック" , "Yu Gothic" , "游ゴシック体" , "YuGothic" , "ヒラギノ角ゴ Pro W3" , "Hiragino Kaku Gothic Pro" , "Meiryo UI" , "メイリオ" , Meiryo , "ＭＳ Ｐゴシック" , "MS PGothic" , sans-serif;
			text-align: center;
			display: inline;
			text-align: center;
			width: 32%;
			height: 48px;
			padding-top: 15px;
			font-size: 1.2em;
			line-height: 0.7;
		}
		.tabCont_wrap{
			width: 95%;
			margin: 0 auto;
		}
		.tabBtn_span {
			font-size: 0.4em;
		}
		#tabs dd.selected {
			background-color:#fff;
			border-bottom: #FFF 1px solid;	
			cursor:default;
		}
		#ftabs li.selected {
			background-color:#fff;
			border-bottom: #FFF 1px solid;	
			cursor:default;
		}
		#textArea {
			width: 100%;
		}
		#ftab_cont {
			width: 100%;
		}
		.tabCont_box {
			width: 45%;
			margin-bottom: 35px;
			margin-left: 0;
			padding: 0 2%;
			float: left;
			min-height: 380px;
		}
		.tabCont_box img {
			width: 100%;
			height: auto;
			margin-bottom: 14px;
			border: #010101 1px solid;
		}
		.tabCont_box h3 {
			font-size: 1.2em;
		}
		.tabCont_box p {
			font-size: 1.0em;
		}
		#tabCont_btnBox {
			margin-top: 40px;
			margin-bottom: 15px;
			float: none;
			text-align: center;
		}
	}
#Top_B04_contents_wrap {
	width: 1100px;
	padding: 36px 0;
	margin: 0 auto;
	background: url(../img/border_top_d.jpg) top left repeat-x;
}
.Top_B04_block {
	width: 462px;
	border: #c0c0c0 1px solid;
	background-color: #efefef;
	padding: 8px;
	float: left;
	margin-left: 46px;
	margin-bottom: 24px;
}
.Top_B04_blockL {
	float: left;
	width: 296px;
	height: 162px;
}
.Top_B04_blockL img {
	width: 100%;
	height: 100%;
}
.Top_B04_blockR {
	float: left;
	width: 166px;
	height: 162px;
	background-color: #FFF;
}
.Top_B04_blockR p {
	display: table-cell;
	width: 166px;
	height: 118px;
	vertical-align: middle;
	text-align: center;
}
.Top_B04_btnBox {
	text-align: center;
	margin: 0 auto;
}
	@media screen and (max-width: 800px) {
		#Top_B04_contents_wrap {
			width: 100%;
		}
		#Top_B04_contents_inner {
			width: 100%;
			margin: 0 auto;
		}
		.Top_B04_block {
			width: 41%;
			margin-left: 2%;
			margin-right: 2%;
			margin-bottom: 24px;
			padding: 10px 2%;
		}
		.Top_B04_blockL {
			width: 100%;
			height: auto;
			float: none;
		}
		.Top_B04_blockL img {
			width: 100%;
			height: auto;
		}
		.Top_B04_blockR {
			float: none;
			width: 100%;
			height: auto;
			background-color: #FFF;
		}
		.Top_B04_blockR p {
			display: block;
			width: 100%;
			height: 50px;
			padding: 15px 0;
			text-align: center;
		}
		.Top_B04_btnBox {
			padding-bottom: 15px;
		}
		
		
	}
#Top_B05 {
	width: 1100px;
	margin: 0 auto;
	padding-bottom: 50px;
}
#Top_B05_Box01 {
	width: 480px;
	text-align: center;
	margin-left: 46px;
	float: left;
}
#Top_B05_Box01 img {
	width: 46px;
	height: 31px;
	margin-right: 10px;
	padding-bottom: 3px;
}
#Top_B05 .txt_03 {
	margin: 6px 0;
}
#Top_B05_Box02 {
	width: 480px;
	text-align: center;
	margin-left: 46px;
	float: left;
}
#Top_B05_Box01 h4,#Top_B05_Box02 h4 {
	margin-bottom: 6px; 
}
#Top_B05_Box02 .txt_03 {
	color: #C30D23;
}
	@media screen and (max-width: 800px) {
		#Top_B05 {
			width: 100%;
		}
		#Top_B05_Box01 {
			width: 90%;
			text-align: center;
			margin-left: auto;
			margin-right: auto;
			margin-bottom: 30px;
			float: none;
		}
		#Top_B05_Box02 {
			width: 90%;
			text-align: center;
			margin-left: auto;
			margin-right: auto;
			float: none;
		}
	}
#Top_B06 {
	width: 1100px;
	margin: 0 auto;
	padding-bottom: 85px;
}
#Top_B06_contents_wrap {
	background: url(../img/border_top_d.jpg) top left repeat-x;
	width: 1100px;
	padding-top: 34px;
}
.Top_B06_block {
	width: 394px;
	padding: 25px 25px;
	border: #C6C6C6 1px solid;
	background: url(../img/top_b06_deco01.jpg) top right no-repeat;
	margin-left: 69px;
	float: left;
}
.Top_B06_ctitle {
	margin-bottom: 13px;
}
.Top_B06_ctitle p {
	display: inline-block;
	color: #FFF;
	font-size: 1.6em;
	padding: 5px 52px;
	border-radius: 3px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
}
.Top_B06_cont {
	font-family:Avenir , "Open Sans" , "Helvetica Neue" , Helvetica , Arial , Verdana , Roboto , "游ゴシック" , "Yu Gothic" , "游ゴシック体" , "YuGothic" , "ヒラギノ角ゴ Pro W3" , "Hiragino Kaku Gothic Pro" , "Meiryo UI" , "メイリオ" , Meiryo , "ＭＳ Ｐゴシック" , "MS PGothic" , sans-serif;
}
.Top_B06_cont img {
	width: 394px;
	height: 190px;
	margin-bottom: 8px;
}
.Top_B06_cont h3 {
	font-size: 2em;
	font-weight: bold;
	text-align: justify;
	margin-bottom: 8px;
}
.Top_B06_cont p {
	font-size: 1.6em;
	text-align: justify;
	line-height: 1.2;
}
	@media screen and (max-width: 800px) {
		#Top_B06 {
			width: 100%;
		}
		#Top_B06_contents_wrap {
			width: 100%;
		}
		.Top_B06_block {
			width: 41%;
			padding: 25px 2%;
			margin-left: 2%;
			margin-right: 2%;
		}
		.Top_B06_ctitle {
			margin-bottom: 13px;
		}
		.Top_B06_ctitle p {
			display: inline-block;
			color: #FFF;
			font-size: 1.6em;
			padding: 5px 20px;
			border-radius: 3px;
			-webkit-border-radius: 3px;
			-moz-border-radius: 3px;
		}
		.Top_B06_cont {
			font-family:Avenir , "Open Sans" , "Helvetica Neue" , Helvetica , Arial , Verdana , Roboto , "游ゴシック" , "Yu Gothic" , "游ゴシック体" , "YuGothic" , "ヒラギノ角ゴ Pro W3" , "Hiragino Kaku Gothic Pro" , "Meiryo UI" , "メイリオ" , Meiryo , "ＭＳ Ｐゴシック" , "MS PGothic" , sans-serif;
		}
		.Top_B06_cont img {
			width: 100%;
			height: auto;
			margin-bottom: 8px;
		}
		.Top_B06_cont h3 {
			font-size: 1.7em;
			font-weight: bold;
			text-align: justify;
			margin-bottom: 8px;
		}
		.Top_B06_cont p {
			font-size: 1.2em;
			text-align: justify;
			line-height: 1.2;
		}

	}