/*===================== 初期化 =====================*/
/* 1.タグの初期化
-------------------------------------------*/
body, div, dl, dt, dd, ul, ol, li,
h1, h2, h3, h4, h5, h6,
object, iframe, pre, code, p, blockquote,
form, fieldset, legend,
table, th, td, caption, tbody, tfoot, thead,
article, aside, figure, footer, header,
hgroup, menu, nav, section, audio, video, canvas {
  margin: 0;
  padding: 0;
}
article, aside, figure, figcaption,footer,
h1, h2, h3, h4, h5, h6, header, hgroup, menu, nav, section {
  display: block;
}
li { list-style: none; }
table,tr,th,td {border-collapse: collapse; }
img { vertical-align: top;border: none;}


/* 2.HTML＆BODY設定
-------------------------------------------*/
html { overflow-y: scroll; } /* for mozilla: always display scrollbar */

body {
  color: #040000;
  font-family: 'Lucida Grande','Hiragino Kaku Gothic ProN',Meiryo,sans-serif;
  font-size: 14px;
  line-height: 1.0;
  *font-size: 100%;
  word-break: break-all;
   -webkit-text-size-adjust: 100%;
}
html.osMac body, body.osMac {
  font-family: Myriad, Helvetica, Arial, "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ ProN W3", "Meiryo","メイリオ",  sans-serif;
}
body.en {
  word-break: normal;
}

a, a img {
  outline: none;
}
a:link, a:visited { text-decoration: none; }
a:hover, a:active  { text-decoration: none;}
a:hover .over {
  opacity: 0.8;
  filter: alpha(opacity=80);
}

/*clear fix
-------------------------------------------*/
.fix:after{
  content: ".";
  display: block;
  height: 0;
  font-size:0;
  clear: both;
  visibility:hidden;
}
.fix{
  display: inline-block;
}
/* Hides from IE Mac */
* html .fix{
  height: 1%;
}
.fix{
  display:block;
}

* {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -o-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
}



.fl {
  float: left;
}

.fr {
  float: right;
}

p {
  background-image: url("../img/touka.gif");
}


/*	オリジナル	*/

/*
--------------------------------------------------

	名古屋仏壇商工共同組合 / PC stylesheet

--------------------------------------------------
*/

/*	header	*/
header {
	width: 100%;
	height: auto;
	margin: 0 0 35px 0;
	border-top: 11px solid #dad9cc; 
}
header > section {
	width: 960px;
	margin: 0 auto;
}
header > section .fl {
	padding: 17px 0 0 0;
}
header > section .fr {
	padding: 23px 0 0 20px;
}

/*	nav	*/
nav {
	width: 910px;
	height: 68px;
	margin: 0 auto 24px auto;
}
nav ul {
	display: flex;
	width: 100%;
	height: auto;
}
nav ul li {
	/*float: left;*/
	border-left: 1px solid #bbb7b7;
	flex-shrink: 1;
}
nav ul li:last-child {
	border-right: 1px solid #bbb7b7;
}
nav ul li img{
	width:100%;
}

/*	container	*/
#container {
	display: block;
}
.underbox_index {
	width: 910px;
	margin: 0 auto;
}
.catch {
	margin: 0 0 30px 0;
}

/*	下層用960px	*/
.contents {
	width: 910px;
	margin: 0 auto;
}

/*	cont	*/
h2 {
	margin: 0 0 15px 0;
	border-bottom: 1px solid #c5a074;
}
h3 {
	height: 34px;
	padding: 0 0 0 13px;
	background: #eeede7;
}
.news {
	width: 100%;
	height: 265px;
	padding: 6px 10px 26px 20px;
	border: 1px solid #9fa0a0;
}
.news dl {
	display: block;
	height: 250px;
	line-height: 1.6;
	overflow: auto;
}
.news dt {
	float: left;
	clear: left;
	padding: 20px 0 0 0;
}
.news dd {
	margin: 0 20px 0 0;
	padding: 20px 0 26px 140px;
	border-bottom: 1px solid #6f6f6f;
}

/*	footer	*/
footer {
	width: 100%;
	min-height: 158px;
	margin: 28px 0 0 0;
	background: #eeede7;
}
footer > section {
	width: 960px;
	margin: 0 auto;
	padding: 20px 0 15px 0;
}
footer > section .fr {
	width: 280px
}
footer > section ul {
	display: block;
	height: 51px;
	margin: 0 0 11px 0;
}
footer > section ul li {
	float: left;
	width: 140px;
	margin: 0 0 9px 0;
	font-size: 11px;
	color: #595757;
}
footer > section ul li:last-child {
	margin: 0;
}
footer > section ul li a {
	display: inline-block;
	margin: 0 0 0 2px;
	font-size: 11px;
	color: #595757;
}
footer > section ul li a:hover {
	color: #898989;
}
address {
	background: #231815;
}
address span {
	display: block;
	width: 960px;
	margin: 0 auto;
	padding: 9px 0 6px 0;
	text-align: right;
}

/*	安心のしるし	*/
.underbox_anshin {
	width: 910px;
	margin: 0 auto;
	padding: 49px 0 82px 0;
	color: #3e3a39;
}
.under_txt {
	margin: 0 0 45px 0;
	line-height: 1.6;
}

/*	3カラムリスト	*/
.collist {
	display: block;
	width: 100%;
	margin: 0 0 117px 0;
}
.collist li {
	float: left;
	height: 390px;
	text-align: center;
}
.collist li:nth-child(1) {
	width: 28%;
	border-right: 1px solid #b6b6b7;
}
.collist li:nth-child(2) {
	width: 42%;
	border-right: 1px solid #b6b6b7;
}
.collist li:nth-child(3) {
	width: 30%;
}

/*	職人マーク	*/
.mark {
	width: 910px;
	min-height: 185px;
	margin: 28px 0 0 0;
	padding: 40px 0 0 205px;
	line-height: 1.8;
	background: url('./img/bg_mark.jpg') no-repeat top;
}
.mark p {
	text-indent: 1em;
}

/*	名古屋仏壇とは	*/
.underbox_about {
	padding: 18px 0 28px 0;
	color: #3e3a39;
}
.underbox_about > h2 {
	width: 100%;
	height: 169px;
	margin: 0;
	text-align: center;
	background: url('./img/bg_title_about.jpg') center;
	border: none;
}
.contents_about {
	width: 100%;
	padding: 44px 0 0 0;
	background: #eeede7;
}
.contents_about > div {
	width: 960px;
	margin: 0 auto;
	padding: 0 0 40px 0;
	text-align: center;
}
.contents_about > div > img:first-child {
	margin: 0 0 58px 0;
}
.outline_a {
	width: 100%;
	margin: 44px 0 0 0;
	padding: 10px 15px;
	border: 2px solid #c19a6b;
	text-align: left;
	font-size: 15px;
	line-height: 1.6;
	color: #b28146;
}
.underbox_about .contents {
	padding: 120px 0 0 0;
}
.underbox_about .contents .fl {
	width: 650px;
	line-height: 1.8;
	text-align: right;
}
.underbox_about .contents .fl p {
	text-align: left;
}
.underbox_about .contents .fl a {
	display: inline-block;
	width: 211px;
	height: 32px;
	padding: 3px 0 0 0;
	border: 1px solid #c5a074;
	border-radius: 6px;
	text-align: center;
	color: #b28146;
	-webkit-transition: .3s ease-in;
			   -moz-transition: .3s ease-in;
				 -o-transition: .3s ease-in;
					transition: .3s ease-in;
}
.underbox_about .contents .fl a:hover {
	background: #c5a074;
	color: #ffffff;
}


/*	匠の技	*/
.underbox_takumi {
	padding: 18px 0 28px 0;
	color: #3e3a39;
}
.underbox_takumi > h2 {
	width: 100%;
	height: 360px;
	margin: 0;
	text-align: center;
	background: url('./img/bg_title_takumi.jpg') center;
	border: none;
}
.contents_takumi {
	width: 777px;
	margin: 0 auto;
	padding: 44px 0 0 0;
	background: #ffffff;
}
.contents_takumi > div {
	width: 777px;
	margin: 0 auto;
	text-align: center;
}
.underbox_takumi .contents_takumi .fl {
	width: 368px;
	line-height: 1.8;
	text-align: left;
	background: #231815;
	color: #ffffff;
}
.underbox_takumi .contents_takumi .fix {
	margin: 0 0 20px 0;
}
.underbox_takumi .contents_takumi .fl p {
	text-align: left;
}
.imgbox {
	padding: 27px 30px 0 26px;
}
#linkf .imgbox,
#linkg .imgbox,
#linki .imgbox {
	padding: 27px 0 0 14px;
}

.takumitxt {
	height: 149px;
	padding: 12px 30px 0 26px;
}
.takimg {
	margin: 0 0 76px 0;
}
.jnav {
	width: 100%;
	height: 13px;
	margin: 0 0 80px 0;
	text-align: right;
}
.jnav li {
	display: inline;
	padding: 0 0 0 21px;
}
.jnavlast {
	width: 100%;
	height: 13px;
	margin: 0;
	text-align: right;
}
.jnavlast li {
	display: inline;
	padding: 0 0 0 21px;
}


/*	加盟店一覧	*/
.underbox_address {
	width: 960px;
	margin: 0 auto;
	padding: 28px 0 86px 0;
}
.underbox_address > h2 {
	text-align: center;
	border-bottom: none;
}
.underbox_address table {
	width: 787px;
	margin: 0 auto -20px auto;		/*	0 auto 80px auto	*/
	border-top: 6px solid #9e9e9f;
	border-left: 1px solid #b6b6b7;
	color: #231815;
}
.underbox_address table td {
	padding: 12px 0 12px 21px;
	border: 1px solid #b6b6b7;
	border-width: 0 1px 1px 0;
	vertical-align: middle;
}
.underbox_address table tr td:nth-child(1) {
	width: 242px;
	font-size: 19px;
}
.underbox_address table tr td:nth-child(2) {
	width: 212px;
	font-size: 12px;
	line-height: 1.4;
}
.underbox_address table tr td:nth-child(3) {
	width: 164px;
	font-size: 12px;
	line-height: 1.4;
}
.underbox_address table tr td:nth-child(4) {
	width: 169px;
	padding: 0;
	text-align: center;
}
.underbox_address table tr:last-child td {
	border-right: 1px solid #b6b6b7;
	border-bottom: 6px solid #9e9e9f;
}
.underbox_address table td ul {
	text-align: center
}
.underbox_address table td ul li {
	display: inline;
	margin: 0 4px;
}
.bgc {
	background: #eeeeef;
}






/*	20201022修正-----------------------加盟店一覧   */

.underbox_address2 {
	width: 960px;
	margin: 0 auto;
	padding: 28px 0 86px 0;
}
.underbox_address2 > h2 {
	text-align: right;
	border-bottom: none;
}
.underbox_address2 table {
	width: 787px;
	margin: 0px auto 0px auto;
	border-top: 0px solid #9e9e9f;
	border-left: 0px solid #b6b6b7;
	color: #03C;
}
.underbox_address2 table td {
	padding: 12px 0 12px 21px;
	border: 0px solid #b6b6b7;
	border-width: 0 0 0 0;
	vertical-align: middle;
}
.underbox_address2 table tr td:nth-child(1) {
	width: 287px;
	font-size: 14px;
}
.underbox_address2 table tr td:nth-child(2) {
	width: 100px;
	font-size: 12px;
}
.underbox_address2 table tr td:nth-child(3) {
	width: 200px;
	padding: 0;
	text-align: right;
}
.underbox_address2 table tr td:nth-child(4) {
	width: 200px;
	padding: 0;
	text-align: right;
}
.underbox_address2 table tr:last-child td {
	border-right: 0px solid #06F;
	border-bottom: 0px solid #0C0;
}
.underbox_address2 table td ul {
	text-align: right;
}
.underbox_address2 table td ul li {
	display: inline;
	margin: 0 4px;
}
.bgc {
	background: #eeeeef;
}

/*	ここまで-----------------------加盟店一覧   */










/*	20160324	*/
footer .fl {
	width: 654px;
	height: 95px;
	padding: 4px 0 0 105px;
	font-size: 12px;
	line-height: 1.5;
	background: url('./img/img_foottxt.gif') no-repeat;
	color: #595757;
}
.pcnone {
	display: none;
}
.spnone {
	display: block;
}
.splink {
	cursor: pointer;
	color: #b28146;
}



#modal-main {
	display: none;
	width: 920px;
	height: 90%;
	margin: 0;
	font-size: 14px;
	color: #ffffff;
	font-family: serif;
	padding: 0;
	position:fixed;
	z-index: 2;
}
#modal-bg {
	display:none;
	width:100%;
	height:100%;
	background-color: rgba(41,41,27,0.9);
	position:fixed;
	top:0;
	left:0;
	z-index: 1;
}
.modal_head {
	width: 100%;
	padding: 0 0 20px 0;
	height: 106px;
}
.modatitle {
	float: left;
	padding: 50px 0 0 140px;
}
.closebox {
	float: right;
	width: 85px;
	height: 86px;
	cursor: pointer;
}
.closebox img:hover {
	opacity: 0;
}
.closebox:hover {
	background: url('./img/dis_close_on.png') no-repeat top;
}
.hish3 {
	width: 860px;
	margin: 0 auto;
	border-bottom: 3px solid #ffffff;
	font-size: 18px;
	font-family: serif;
	color: #231815;
}
.hish3 span {
	display: inline-block;
	height: 24px;
	padding: 4px 40px 2px 6px;
	background: #ffffff;
}
.hish3:after {
	content: '';
	display: inline-block;
	width: 0;
	height: 0;
	line-height: 0;
	vertical-align: bottom;
	border-bottom: 24px solid #ffffff;
	border-top: 24px solid transparent;
	border-right: 24px solid transparent;
}
.historybox {
	height: 82%;
	overflow: auto;
}
.historybox dl {
	width: 860px;
	margin: 0 auto 40px auto;
	line-height: 1.8;
}
.historybox dl:last-child {
	margin: 0 auto;
}
.historybox dl dt {
	float: left;
	clear: both;
	width: 120px;
}
.historybox dl dt:first-child {
	padding-top: 10px;
}
.historybox dl dd:nth-child(2) {
	padding-top: 10px;
}
.historybox dl dd {
	margin: 0 0 0 120px;
	padding-left: 30px;
	border-left: 2px solid #9e9e98;
}
.historybox dl dd span {
	font-size: 12px;
	color: #c8c8b4;
	font-family: sans-serif;
}
.pb30 {
	padding-bottom: 30px;
}
.indem {
	text-indent: 1em;
}
.em1 {
	position: relative;
	top: 9.2em;
}
.em2 {
	position: relative;
	top: 1.8em;
}
.em3 {
	position: relative;
	top: 3.7em;
}
.em4 {
	position: relative;
	top: 7.3em;
	z-index: 10;
}
.em5 {
	display: inline;
	position: relative;
	top: 14.6em;
	z-index: 100;
}

.motable {
	width: 634px;
	margin: 0 0 25px 0;
	border: solid #ffffff;
	border-width: 2px 0 0 2px;
	line-height: 1.8;
}

.motable .nobor th {
	padding: 0 25px;
	border: solid #ffffff;
	border-width: 0 2px 0 0;
}
.motable .nobor td {
	padding: 0 30px;
	border: solid #ffffff;
	border-width: 0 2px 0 0;
}
.motable .nobor_top th {
	padding: 20px 25px 0 25px;
	border: solid #ffffff;
	border-width: 0 2px 0 0;
}
.motable .nobor_top td {
	padding: 20px 30px 0 30px;
	border: solid #ffffff;
	border-width: 0 2px 0 0;
}
.motable .nobor_bottom th {
	padding: 0 25px 20px 25px;
	border: solid #ffffff;
	border-width: 0 2px 2px 0;
}
.motable .nobor_bottom td {
	padding: 0 30px 20px 30px;
	border: solid #ffffff;
	border-width: 0 2px 2px 0;
}
.motable th {
	padding: 20px 25px;
	vertical-align: top;
	font-weight: normal;
	border: solid #ffffff;
	border-width: 0 2px 2px 0;
}
.motable td {
	padding: 20px 30px;
	border: solid #ffffff;
	border-width: 0 2px 2px 0;
}
.sanko li {
	font-size: 12px;
	color: #c8c8b4;
	line-height: 1.8;
}
		
		
		
		
		
		
		
		
		
		.underbox_craftman{
			padding: 18px 0 0 0;
			color: #3e3a39;
		}
		.underbox_craftman h2{
			width: 100%;
			height: 356px;
			margin: 0;
			text-align: center;
			background: url('./img/bg_title_takumi.jpg') center;
			border: none;
		}
		.underbox_craftman h2 img{
			max-width:960px;
		}
		.contents_craftman{
			width: 777px;
			margin: 0 auto;
			padding: 60px 0 0 0;
			background: #ffffff;
			font-size:140%;
			line-height:180%;
		}
		.contents_craftman ul{
			margin:20px 0 50px;
		}
		.contents_craftman li{
			border-bottom:1px dotted rgba(158,158,158,1.0);
			padding:10px 0;
			text-align:center;
		}
		.contents_craftman a{
			color:#000;
		}
		.contents_craftman a:hover{
			opacity:0.7;
		}
		
		
		.craftman_waku{
			width:905px;
			margin:0 auto 100px;
		}
		
		.craftman_waku div.craftman_top{
			margin:0 auto 40px;
		}
		.craftman_waku div.craftman_top img{
			clear:both;
			margin:20px 0 0;
		}
		.craftman_waku div.craftman_top img.logo{
			width:200px;
			float:right;
		}
		.craftman_waku h1{
			margin:0 0 40px 0;
		}
		
		.craftman{
			width:535px;
			font-size:18px;
			line-height:200%;
			float:left;
		}
		.craftman th{
			text-align:left;
			vertical-align:top;
			padding:0;
			width:110px;
		}
		.craftman td{
			padding:0;
		}
		.craftman a{
			color:#000;
		}
		.craftman a:hover{
			opacity:0.7;
		}
		
		.craftman_photo{
			width:350px;
			float:right;
		}