/*
石川県板金工業組合
service 20241228
*/

.fsb {
  font-weight: bold;
}

/* SHOP CONTENTS SHARE
---------------------------------------------------- */

#svc-box {
	margin: 0 0 50px;
}
.svcnavi {
	margin: 0 0 20px;
	padding: 4px 20px;
	background-color: #f8fae0;
}
.selectbox {
	display: inline-flex;
	align-items: center;
	position: relative;
}
.selectbox::after {
	position: absolute;
	right: 15px;
	width: 10px;
	height: 7px;
	background-color: #535353;
	clip-path: polygon(0 0, 100% 0, 50% 100%);
	content: '';
	pointer-events: none;
}
.selectbox select {
	appearance: none;
	min-width: 230px;
	height: 2.0em;
	padding: .1em calc(.8em + 30px) .1em .8em;
	border: 1px solid #d0d0d0;
	border-radius: 3px;
	background-color: #fff;
	color: #333333;
	font-size: 0.96em;
	cursor: pointer;
}

h3#pgctgsub {
	width:655px;
	height:42px;
	margin:0 0 20px;
	padding:0;
	background: url(../../../images/pgctgsub.png) 0 0;
}
h3#pgctgsub em {
	margin:0 0 0 20px;
	font-size:120%;
	color:#ffffff;
	font-weight:normal;
	line-height:42px;
}
h3#pgctgsub2 {
	width:655px;
	height:30px;
	padding:0;
	background:url(../../../images/line_1.png) repeat-x 0 bottom;
}
h3#pgctgsub2 em {
	margin:0 0 0 12px;
	font-size:120%;
	color:#336600;
	font-weight:normal;
	line-height:20px;
}

.txtbox {
	padding:0 16px;
	clear:both;
}
.txtbox a,.txtbox a:visited {
	padding:0 2px;
	color:#577431;
	text-decoration:underline;
}
.txtbox a:hover {
	padding:0 2px;
	color:#577431;
	text-decoration:none;
}
.type1 {
	font-size: 0.93em;
	color:#333;
	font-weight:normal;
	line-height:2em;
}
.type2 {
	font-size:120%;
	color:#333;
	font-weight:normal;
	line-height:1em;
}
.type2 span {
	color:#ff0000;
}
.txtbox .flr-img {
	float:right;
	padding:0 0 10px 12px;
}
.txtbox ul.sublist {
	padding:8px 0 8px 12px;
}
.txtbox ul.sublist li {
	padding:0 0 0 24px;
	text-indent:-2em;
}
.txtbox ul.fklist {
	padding:10px 0 20px 12px;
}
.txtbox ul.fklist li {
	font-size:110%;
	color:#111;
}
.txtbox ul.fklist li.fk1 {
	padding:10px 0 6px 50px;
	background:url(../images/reform/rf-qua_fuk1.png) no-repeat 0 bottom;
}
.txtbox ul.fklist li.fk2 {
	padding:12px 0 10px 66px;
	background:url(../images/reform/rf-qua_fuk2.png) no-repeat 0 bottom;
}
.txtbox ul.fklist li.fk3 {
	padding:12px 0 10px 66px;
	background:url(../images/reform/rf-qua_fuk3.png) no-repeat 0 bottom;
}
.txtbox ul.fklist li.fk4 {
	padding:10px 0 6px 50px;
	background:url(../images/reform/rf-qua_fuk4.png) no-repeat 0 bottom;
}
.type1 mark.fsred {
	padding:0 2px;
	color:#cc0000;
	background:none;
	background:#ffffdd;
}
.type1 mark.bgline {
	padding:4px 3px;
	font-size:120%;
	color:#111;
	line-height:2em;
	background:url(../../../images/line_2.png) repeat-x 0 bottom;
}
.tablebox {
	padding:0 16px;
}

.tbtype1 {
	width:630px;
	margin:0;
	padding:0;
	line-height:1.5em;
	border-top: 1px solid #b6c615;
	border-left: 1px solid #b6c615;
	border-collapse: collapse;
}
.tbtype1 th {
	padding:8px 12px 6px;
	font-size: 0.93em;
	color:#555;
	font-weight:bold;
	border-right: 1px solid #b6c615;
	border-bottom: 1px solid #b6c615;
	background:#f8fae0 url(../images/bg_tbtype1.gif) repeat 0 0;
	text-align: left;
	white-space: normal;
}
.tbtype1 td {
	padding:8px 12px 6px;
	font-size: 0.93em;
	border-right: 1px solid #b6c615;
	border-bottom: 1px solid #b6c615;
	background:#fffff2;
	text-align: left;
}
.tbtype1 td span {
	font-size:90%;
}
.tbtype1 caption {
	caption-side: bottom;
	padding:6px 4px;
}
.tbtype1 caption ul {
	font-size:80%;
}

.imgbox {
	padding:6px 0;
	clear:both;
}




.type3 {
	font-size:108%;
	color:#333;
	font-weight:normal;
	line-height: 1.6em;
}
.type3 span {
	color:#ff0000;
}
.filebox2 {
	width: 960px;
	margin: 0 auto;
	padding: 10px 0 20px;
}
.filebox2 ul {
	float: left;
}
.filebox2 ul li {
	float: left;
	display: inline;
	margin: 0 5px 10px;
}

.filebtn2 {
	width: 180px;
	height: 180px;
		-moz-border-radius:8px;
		-webkit-border-radius:8px;
	border-radius:8px;
	border: 1px solid #577431;
	background: url(../member/images/bg_kyohan01.png) repeat-x center 0;

	cursor:pointer;
	text-align: center;
}
.filebtn2 p {
	padding-top: 110px;
	color:#fff;
	font-family:arial;
	font-size : 14px;
	line-height: 1.5em;
	text-decoration:none;
}
.filebtn2:hover {
	color: #111 !important;
	background: url(../member/images/bg_kyohan02.png) repeat-x center 0;
}
.filebtn2:hover p {
	color: #111 !important;
}
.filebtn2:active {
	position:relative;
	top:2px;
}


.ass_onus {
	width:630px;
	margin:0 0 0 8px;
	padding:0;
	border:solid 3px #c2d299;
	border-radius: 10px;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	position:relative;
}
.ass_onus p {
	padding:26px 30px 8px;
	font-size:110%;
	color:#333;
	font-weight:normal;
	line-height:1.8em;
}
.ass_onus mark {
	padding:0 2px;
	color:#cc0000;
	background:none;
	background:#ffffdd;
}
.ass_onus p.sv_secimg {
	padding:26px 100px 8px;
}
.ass_onus p.sv_secimg img {
	width: 100%;
	height: auto;
}
#sv_flowbox {
	width: 100%;
	height: auto;
	min-height: 100px;
	padding: 0 0 20px;
}
#sv_flowbox p {
	padding:20px 30px 0 0;
	font-size:120%;
	color:#336600;
	font-weight:normal;
	line-height:1.8em;
}
.sv_flow1 {
	background:url(../../../images/service/sv_flow1.png) no-repeat 0 0;
}
.sv_flow2 {
	background:url(../../../images/service/sv_flow2.png) no-repeat 0 0;
}
.sv_flow3 {
	background:url(../../../images/service/sv_flow3.png) no-repeat 0 0;
}
.sv_flow4 {
	background:url(../../../images/service/sv_flow4.png) no-repeat 0 0;
}
.sv_flow5 {
	background:url(../../../images/service/sv_flow5b.png) no-repeat 0 0;
}
.sv_flow1 p,.sv_flow3 p,.sv_flow5 p {
	margin:0 0 0 90px;
}
.sv_flow2 p,.sv_flow4 p {
	margin:0 0 0 140px;
}

h4#noicon {
	width:655px;
	height:40px;
	padding:0;
}
.assicon1 {
	background:url(../../../images/association/no1.png) no-repeat 12px 0;
}
.assicon2 {
	background:url(../../../images/association/no2.png) no-repeat 12px 0;
}
.assicon3 {
	background:url(../../../images/association/no3.png) no-repeat 12px 0;
}
h4#noicon strong {
	margin:0 0 0 50px;
	font-size:110%;
	color:#336600;
	font-weight:normal;
	line-height:32px;
}
h4#noicon strong strong {
	margin:0;
	padding:0 4px;
	color:#aa0000;
}
.ass_yakuinbox {
	width:630px;
	margin:0 0 0 8px;
	padding:0;
	border:solid 3px #f0eada;
	border-radius: 10px;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	position:relative;
}
.ass_yakuinbox img {
	width: 600px;
	margin: 0 0 0 15px;
	padding:0;
}
.ass_yakuinbox li {
	text-indent:100%;
	white-space:nowrap;
	overflow:hidden;
}
h6.pdflink_btn {
	width:600px;
	padding:0 30px 0 0;
	background:url(../../../images/icon_arrow1.png) no-repeat right center;
	text-align:right;
}
h6.pdflink_btn a,h6.pdflink_btn a:visited {
	color:#5d881b;
	text-decoration:none;
}
h6.pdflink_btn a:hover {
	color:#666;
	text-decoration:underline;
}


.txtbox .flr-img {
	float:right;
	padding:0 0 10px 12px;
}
.txtbox ul.sublist {
	padding:8px 0 8px 12px;
}
.txtbox ul.sublist li {
	padding:0 0 0 24px;
	text-indent:-2em;
}
.txtbox ul.fklist {
	padding:10px 0 20px 12px;
}
.txtbox ul.fklist li {
	font-size:110%;
	color:#111;
}
.txtbox ul.fklist li.fk1 {
	padding:10px 0 6px 50px;
	background:url(../../../images/reform/rf-qua_fuk1.png) no-repeat 0 bottom;
}
.txtbox ul.fklist li.fk2 {
	padding:12px 0 10px 66px;
	background:url(../../../images/reform/rf-qua_fuk2.png) no-repeat 0 bottom;
}
.txtbox ul.fklist li.fk3 {
	padding:12px 0 10px 66px;
	background:url(../../../images/reform/rf-qua_fuk3.png) no-repeat 0 bottom;
}
.txtbox ul.fklist li.fk4 {
	padding:10px 0 6px 50px;
	background:url(../../../images/reform/rf-qua_fuk4.png) no-repeat 0 bottom;
}
.type1 mark.fsred {
	padding:0 2px;
	color:#cc0000;
	background:none;
	background:#ffffdd;
}
.type1 mark.bgline {
	padding:4px 3px;
	font-size:120%;
	color:#111;
	line-height:2em;
	background:url(../../../images/line_2.png) repeat-x 0 bottom;
}

.ass_onus {
	width:630px;
	margin:0 0 0 8px;
	padding:0;
	border:solid 3px #c2d299;
	border-radius: 10px;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	position:relative;
}

.ass_onus p {
	padding:26px 30px 8px;
	font-size:120%;
	color:#333;
	font-weight:normal;
	line-height:1.8em;
}

.ass_onus mark {
	padding:0 2px;
	color:#cc0000;
	background:none;
	background:#ffffdd;
}

.rf_quabox {
	width: 96%;
	margin: 0 2%;
	padding:0;
	border-radius: 10px;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	position:relative;
}
.rf_quabox h3.rf_medal em {
	margin: 0 0 0 34px;
	padding: 0;
	font-size: 130%;
	color: #111;
	font-weight: normal;
	background: url(../../../images/line_2.png) repeat-x 0 bottom;
}
.rf_quabox1 {
	border:solid 3px #c05457;
	background:url(../../../images/reform/rf-qua-bg1.jpg) repeat 0 0;
}
.rf_quabox2 {
	border:solid 3px #c2d299;
	background:url(../../../images/reform/rf-qua-bg1.jpg) repeat 0 0;
}
.rf_quabox h3.rf_medal {
	margin:0 0 0 24px;
	padding:30px 0 4px 0;
	background:url(../../../images/reform/rf_medal1.png) no-repeat left 24px;
}
.rf_quabox h3.rf_medal em {
	margin:0 0 0 34px;
	padding:0;
	font-size:130%;
	color:#111;
	font-weight:normal;
	line-height:1.8em;
	background:url(../../../images/line_2.png) repeat-x 0 bottom;
}
.rf_quabox p {
	padding:10px 30px 6px 30px;
	font-size:94%;
	color:#555;
	font-weight:normal;
	line-height:1.8em;
}
.rf_quabox p em {
	font-size:116%;
	color:#ff0000;
	background:none;
	line-height:2em;
}
.rf_quabox p mark {
	padding:0 2px;
	color:#cc0000;
	background:none;
	background:#ffffdd;
}


#bgflowbox {
	width:655px;
	height:800px;
	padding:0;
	background:url(../../../images/reform/bg_flow.gif) repeat-x 0 bottom;
}
.rf_flowbox {
	width:655px;
	height:100px;
	padding:0;
	background:url(../../../images/reform/bg_flow.gif) repeat-x 0 bottom;
}
.rf_flowbox dl dt{
	padding:14px 30px 0 0;
	font-size:120%;
	color:#336600;
	font-weight:normal;
}
.rf_flowbox dl dd{
	padding:4px 30px 0 0;
	font-size:100%;
	color:#666;
	font-weight:normal;
	line-height:1.4em;
}
.rf_flow1 {
	background:url(../../../images/service/sv_flow1.png) no-repeat 0 0;
}
.rf_flow2 {
	background:url(../../../images/service/sv_flow2.png) no-repeat 0 0;
}
.rf_flow3 {
	background:url(../../../images/service/sv_flow3.png) no-repeat 0 0;
}
.rf_flow4 {
	background:url(../../../images/service/sv_flow4.png) no-repeat 0 0;
}
.rf_flow5 {
	background:url(../../../images/service/sv_flow5.png) no-repeat 0 0;
}
.rf_flow6 {
	background:url(../../../images/service/sv_flow6.png) no-repeat 0 0;
}
.rf_flow7 {
	background:url(../../../images/service/sv_flow7.png) no-repeat 0 0;
}
.rf_flow8 {
	background:url(../../../images/service/sv_flow8b.png) no-repeat 0 0;
}
.rf_flow1 dl,.rf_flow3 dl,.rf_flow5 dl,.rf_flow7 dl {
	margin:0 50px 0 90px;
}
.rf_flow2 dl,.rf_flow4 dl,.rf_flow6 dl,.rf_flow8 dl {
	margin:0 20px 0 140px;
}


h3.wiki_index {
	margin:0;
	padding:30px 0 4px 0;
	background:url(../../../images/reform/icon_index.png) no-repeat 0 bottom;
}
h3.wiki_index em {
	margin:0 0 0 34px;
	padding:0;
	font-size:130%;
	color:#111;
	font-weight:normal;
	background:url(../../../images/line_2.png) repeat-x 0 bottom;
}
#wikinavi {
	width: 96%;
	margin: 0 2%;
	padding:10px 0 0 0;
	overflow: hidden;
}
#wikinavi ul {
	list-style:none;
	margin:0;
}
#wikinavi ul li {
	float:left;
	margin:0 10px 8px 0;
	padding:3px 0 3px 0;
	font-size:100%;
	color:#fff;
	font-weight:normal;
	border-radius: 10px;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	position:relative;
}
li.wnv01 {
	background:#6282bc;
}
li.wnv02 {
	background:#d06677;
}
li.wnv03 {
	background:#de984d;
}
li.wnv04 {
	background:#6b8f2e;
}
li.wnv05 {
	background:#7f5986;
}
li.wnv06 {
	background:#c0c951;
}
li.actwnv {
	background:#ccc;
}
#wikinavi ul li a,#wikinavi ul li a:visited {
	padding:4px 24px;
	color:#fff;
	text-decoration:none;
}
#wikinavi ul li a:hover {
	color:#eee;
	text-decoration:none;
}

.rfm_wikibox {
	width: 96%;
	margin: 0 auto;
	padding:0;
	border:solid 3px #c2d299;
	border-radius: 10px;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	position:relative;
}

.rfm_wikibox p {
	padding:6px 30px 8px;
	font-size:120%;
	color:#333;
	font-weight:normal;
	line-height:1.8em;
}
dl#faqbox {
	display: block;
	width: 94%;
	margin:10px auto 20px;
	border-bottom:dotted 1px #999;
}
dl#faqbox dt {
	margin:0 0 5px 0;
	padding:8px 0 12px 60px;
	font-size:12pt;
	line-height:1.6em;
	background:url(../../../images/reform/faq_bgques.png) no-repeat 0 0;
}
dl#faqbox dd {
	margin:0 0 5px 0;
	padding:10px 0 20px 80px;
	font-size:10pt;
	line-height:1.6em;
	background:url(../../../images/reform/faq_bgansw.png) no-repeat 20px 0;
}
.rfm_wikitxt {
	padding:20px 20px 20px;
	font-size:100%;
	color:#333;
	font-weight:normal;
	line-height:1.8em;
}
.rfm_wikitxt img {
	float:right;
	padding:0 0 8px 8px;
}


.rfm_wikibox .tbtype3 {
	width: 100%;
	margin: 0;
	padding:0;
	line-height:1.5em;
	border-collapse: collapse;
	table-layout:fixed;
	border: none;
}
.rfm_wikibox .tbtype3 th {
	padding:4px 6px 6px 20px;
	font-size:96%;
	color:#555;
	font-weight:bold;
	white-space:nowrap;
	border: none;
	border-bottom: none;
	background: none;
}
.rfm_wikibox .tbtype3 td {
	padding:4px 8px 3px 20px;
	font-size:90%;
	text-align:left;
	vertical-align:top;
	border-bottom: none;
}
.rfm_wikibox .tbtype3 td img {
	width: 90%;
	height: auto;
}
.rfm_wikibox .tbtype3 .rborder {
	border-right:solid 1px #ccc;
	border-bottom: none;
	background: none;
}
.rfm_wikibox .tbtype3 td span {
	font-weight:bold;
}


/* ----------------- w896 ------------------------------------------------------------------------------------------------------- */

@media only screen and (max-width: 896px){

.fiximg img {
	width: 100%;
	height: auto;
}
/* pgctbox
---------------------------------------------------- */
#pgctbox {
	width: 100%;
	margin: 0;
	padding: 0;
}

h3#pgctgsub {
	width: 100%;
	height: auto;
	padding: 10px 16px 8px;
	background: #6c7a3c url(../../../images/pgctgsub.png) 0 0;
		-moz-box-sizing: border-box;
		-webkit-box-sizing: border-box;
	box-sizing: border-box;
}
h3#pgctgsub em {
	margin: 0;
	font-size: 110%;
	line-height: 1.3em;
}
h3#pgctgsub2 {
	width: 96%;
	height: auto;
	margin: 0 auto;
	padding: 0 0 8px;
	line-height:1.4em;
	background:url(../../../images/line_1.png) repeat-x 0 bottom;
}
h3#pgctgsub2 em {
	margin: 0;
	padding: 0;
}

.type1 mark.bgline {
	padding:4px 3px;
	font-size: 114%;
	color:#111;
	line-height: 1.3em;
	background:url(../../../images/line_2.png) repeat-x 0 bottom;
}
.tablebox {
	width: 100%;
	margin: 0;
	padding: 0;
}
.tbtype1 {
	width: 100%;
	margin: 0 auto;
	padding: 0;
}
.tbtype1 .nwrp {
	white-space: nowrap;
}

.txtbox .flr-img {
	float: none;
	display: block;
	margin: 0 auto;
	padding: 10px 12px;
	text-align: center;
}
.ass_onus {
	width: 96%;
	margin: 0 auto;
	padding:0;
	border:solid 3px #c2d299;
	border-radius: 10px;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	position:relative;
}

.ass_onus p {
	padding:26px 30px 8px;
	font-size:110%;
	color:#333;
	font-weight:normal;
	line-height:1.8em;
}
.ass_onus mark {
	padding:0 2px;
	color:#cc0000;
	background:none;
	background:#ffffdd;
}

h4#noicon {
	width: 100%;
	height: auto;
	padding:0;
	line-height:1.4em;
}
.assicon1 {
	background:url(../../../images/association/no1.png) no-repeat 12px 0;
}
.assicon2 {
	background:url(../../../images/association/no2.png) no-repeat 12px 0;
}
.assicon3 {
	background:url(../../../images/association/no3.png) no-repeat 12px 0;
}
h4#noicon strong {
	margin:0 0 0 50px;
	font-size:110%;
	color:#336600;
	font-weight:normal;
	line-height:32px;
}
h4#noicon strong strong {
	margin:0;
	padding:0 4px;
	color:#aa0000;
}


.imgbox img {
	width: 100%;
	height: auto;
}

#bgflowbox {
	width: 96%;
	margin: 0 2%;
	height: auto;
	padding:0;
	background: none;
}
.rf_flowbox {
	width: 96%;
	margin:0 2%;
	height:100px;
	padding:0;
	background:url(../../../images/reform/bg_flow.gif) repeat-x 0 bottom;
}
.rf_flowbox dl dt{
	padding:14px 30px 0 0;
	font-size: 110%;
	color:#336600;
	font-weight:normal;
}
.rf_flowbox dl dd{
	padding:4px 30px 0 0;
	font-size: 90%;
	color:#666;
	font-weight:normal;
	line-height:1.4em;
}
.rf_flow1 {
	background:url(../../../images/service/sv_flow1.png) no-repeat 0 0;
}
.rf_flow2 {
	background:url(../../../images/service/sv_flow2.png) no-repeat 0 0;
}
.rf_flow3 {
	background:url(../../../images/service/sv_flow3.png) no-repeat 0 0;
}
.rf_flow4 {
	background:url(../../../images/service/sv_flow4.png) no-repeat 0 0;
}
.rf_flow5 {
	background:url(../../../images/service/sv_flow5.png) no-repeat 0 0;
}
.rf_flow6 {
	background:url(../../../images/service/sv_flow6.png) no-repeat 0 0;
}
.rf_flow7 {
	background:url(../../../images/service/sv_flow7.png) no-repeat 0 0;
}
.rf_flow8 {
	background:url(../../../images/service/sv_flow8b.png) no-repeat 0 0;
}
.rf_flow1 dl,.rf_flow3 dl,.rf_flow5 dl,.rf_flow7 dl {
	margin:0 50px 0 90px;
}
.rf_flow2 dl,.rf_flow4 dl,.rf_flow6 dl,.rf_flow8 dl {
	margin:0 20px 0 140px;
}



}


/* ==================================================================================
 横幅768px以下用スタイル
================================================================================== */

@media screen and (max-width: 768px) {





}


/* ==================================================================================
 横幅640px以下用スタイル
================================================================================== */

@media screen and (max-width: 640px) {

  .ass_onus p.sv_secimg {
    padding: 26px 50px 8px;
  }

  .scrlltab {
    width: 94%;
    margin: 0 auto;
    padding: 0 0 10px;
    overflow: auto;
    white-space: nowrap;
  }

.rf_flowbox dl dt{
	padding:14px 10px 0 0;
	font-size: 3.2vw;
}
.rf_flowbox dl dd{
	padding:4px 10px 0 0;
	font-size: 2.4vw;
}

.rfm_wikitxt img {
	float: none;
	display: block;
	width: 50%;
	height: auto;
	margin: 0 auto;
	padding: 10px 12px;
	text-align: center;
}



}


/* ----------------- w480 ------------------------------------------------------------------------------------------------------- */

@media only screen and (max-width: 480px){


.rf_flowbox dl dt{
	padding:14px 10px 0 0;
	font-size: 4.4vw;
}
.rf_flowbox dl dd{
	padding:4px 10px 0 0;
	font-size: 3.0vw;
	line-height: 1.2em;
}

}