<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">@charset "utf-8";
/*----------------------------------------------------
	基本
----------------------------------------------------*/
body {
	font-size: 13px;
	font-family: "メイリオ", "Yu Gothic", YuGothic, "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", sans-serif;
	background:url(../img/common_bg_n.jpg) repeat 0 0;
	min-width:1400px;
}
input, textarea {
	font-family: "游ゴシック体", "Yu Gothic", YuGothic, "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", sans-serif;
}
/* for IE6 */
* html body { font-family: "ＭＳ Ｐゴシック", "MS PGothic", Sans-Serif; }
* html input, * html textarea { font-family: "ＭＳ Ｐゴシック", "MS PGothic", Sans-Serif; }
img {
	/* [disabled]display: block; */
	margin: 0 auto;
	vertical-align: bottom;
}
/* HEADDER
---------------------------*/
header{
	position:relative;
	width:1000px;
	margin:0 auto;
	height:90px;
	}
header h1{
	position:absolute;
	top:0 ;
	left:0;
	z-index:1000;

	}
header ul{
	margin:45px 0 0 240px;
	float:left;
		}	
header ul li{
		float:left;
		margin:0 20px 0 0;
		display:block;	
		background:url(../img/nav_bg_sq.png) no-repeat 0 center;
		}	
		
header a:hover img{
opacity:0.4;
filter: alpha(opacity=80);
-ms-filter: "alpha( opacity=80 )";
		    -webkit-transition: 0.3s ease-in-out;  
       -moz-transition: 0.3s ease-in-out;  
         -o-transition: 0.3s ease-in-out;  
            transition: 0.3s ease-in-out;  

}
header p{
		float:left;
		width:193px;
    padding: 23px 90px 15px 25px;
		background:url(../img/head_tel_bg.png) no-repeat right center;
		}
/*スライダー	*/
#imgPhoto{
	width:100%;
	height:586px;	
	}

#theTarget .skippr-nav-element-block {
    width: 100px;
    height: 6px;
    margin: 0 10px;
}

/* トップページ
---------------------------*/
.top_cont01{
	background:url(../img/top_cont_bg01.png) no-repeat 0 0;
	width:1000px;
	margin:0 auto;
	}
.top_cont01 h1{
	padding:80px 0 50px;
	text-align:center;
	background:url(../img/common_img01.png) no-repeat center bottom;
	margin:0 0 50px;
	}
.pd45{
		padding:45px 0 75px;
		}
.top_cont02 h1{
	padding:80px 0 50px;
	text-align:center;
	background:url(../img/common_img01.png) no-repeat center bottom;
	margin:80px 0 48px;
	}
.top_cont02_inbox{
		width:1000px;
		margin:0 auto;
		padding:0 0 1px;
		background:url(../img/top_cont_bg02.png) no-repeat;
    background-position: right 65px;
				}
.top_cont02_inbox02{
	width:100%;
	background:url(../img/top_cont_bg03.png) no-repeat ;
	background-size: cover;
		}
.top_cont02_inbox03{
	width:1000px;
	margin:0 auto;
	padding:35px 0 35px;
	}
	/*商品*/
.top_cont02_inbox03 .list01{
		float:left;
		width:275px;
		text-align:center;
		}
.top_cont02_inbox03 .list02{
		float:left;
		width:285px;
		text-align:center;
		margin:0 80px 0;
		}
		
.top_cont02_inbox03 .list03{
		float:left;
		width:280px;
		text-align:center;
		}
		
.top_cont03{
		width:100%;
		background:url(../img/top_cont_bg04.png) no-repeat center 0;
		background-size:cover;
		margin:0 0 1px;
		}		
.top_cont03_inbox{
		width:1000px;
		margin:0 auto;
		background:url(../img/top_cont_bg05.png) no-repeat left 67%, url(../img/top_cont_bg06.png) no-repeat right 71%;
		padding:85px 0 225px;
		position:relative;
		}
		
/*スクロール*/
.scroll{
		text-align:center;
		}
.scroll a {
	padding-top: 60px;
	color: #fff;
	font-size: 20px;
	text-decoration:none !important;
}
.scroll a span {
	position: absolute;
	left: 47.1%;
	width: 24px;
	height: 24px;
	margin-left: -16px;
	-webkit-transform: rotate(0deg);
	transform: rotate(0deg);
	-webkit-animation: sdb 2s infinite;
	animation: sdb 2s infinite;
	box-sizing: border-box;
	top: 535px;
}
@-webkit-keyframes sdb {
	0% {
		-webkit-transform: rotate(0deg) translate(0, 0);
	}
	20% {
		-webkit-transform: rotate(0deg) translate(-10px, 10px);
	}
	40% {
		-webkit-transform: rotate(0deg) translate(0, 0);
	}
}
@keyframes sdb {
	0% {
		transform: rotate(0deg) translate(0, 0);
	}
	20% {
		transform: rotate(0deg) translate(-10px, 10px);
	}
	40% {
		transform: rotate(0deg) translate(0, 0);
	}
}
.top_cont04 li { margin: 0 0 1px; }

.top_cont04 li a {
	width: 100%;
	display: block;
}
.top_cont04 { padding: 0 0 2px; }
.top_cont04 li a span{
	display: block;
	width: 1000px;
	margin: 0 auto;
}
.top_cont04 .kougei_btn {
	background: transparent url(../img/top_cont_bg07.png) no-repeat 50% 0;
	background-size: cover;
	padding:70px 0 70px;
}
.top_cont04 .kakou_btn {
	background: transparent url(../img/top_cont_bg08.png) no-repeat 50% 0;
	background-size: cover;
	padding:70px 0 70px;
}
.banner{
		margin:60px 0 50px;
		}
.top_img15 img{
		margin:0 0 55px;
		}
.li210{
		line-height:210%;
		}
/* FOOTER
---------------------------*/
footer{
	width:100%;
	background:#131e33;
	position:relative;
	padding:190px 0  0;
	}
.footer_logo01{
		position:absolute;
		top:-68px;
		left:45%;
		background:url(../img/footer_logo03.png) no-repeat center bottom;
		padding: 0 0 80px;		
		}

.footer_inner{
		width:1000px;
		margin:0 auto;
		color:#fff;
		font-size:14px;
		text-align:center;
				}
footer .copyright {
	font-size:1.3em;
	padding: 80px 0 20px;
}

/* 加工品
----------------------------------------------------*/
.mv{
		background:url(../img/processed_mv.png) no-repeat 50% 0;
		background-size:cover;
		}
.mv_bg{	
	width:1000px;
	margin:0 auto;
	text-align:right;
	padding:50px 0 50px;
	}
.processed_cont01{
	width:1000px;
	margin:0 auto; background:url(../img/processed_cont_bg02.png) no-repeat;
	background-position: 3% -3%;		
			}
.processed_img01{
	text-align:center;
	padding:85px 0 25px;
	
	}
.processed_img01 span{
	text-align:center;
	display:block;
	padding:25px 0 0;
	}
.processed_cont01 .ul1{
	margin:0 0 50px;
	}	
.processed_cont01 .ul1 li{
	float:left;
	display:block;
	width:50%;
	}	
.processed_cont01 .ul1 li span{
	display:block;
	text-align:center;
	padding:25px 0 0;
	}	
.ul2{
		width:1000px;
		margin:0 auto;
		padding:30px 0 30px;
		}
.ul2_bg {	
background:url(../img/processed_cont_bg03.png) no-repeat 50% 0;
background-size:cover;
margin:0 0 60px;
}
.ul2 li span{
	display:block;
	}

.ul2 li{
		float:left;
		text-align:center;
	}
.processed_img07{
	margin: 0 135px 0 0;	
		 }
.processed_img08{	
	padding:15px 0 0;
}

.processed_img09{	
	padding:35px 0 0;
}

.processed_img11{	
	padding:25px 0 0;
}
.processed_img12{
	margin: 15px 0px 0px 265px;
}
.processed_img19{	
	padding: 50px 0 0 70px;	
	}
	
.processed_img19 img{	
	padding: 0 0 20px;	
	}
.processed_cont02{ 
	width:1000px;
	margin:0 auto;
	}	
.processed_cont02 h1 span{
		display:block;
		padding:30px 0 30px ;
		
		}
/* 工芸品
----------------------------------------------------*/
.text_01{
	line-height: 220%;
	letter-spacing: 0.28em;
	padding:0 0 60px;
}
.craft_cont01 ul {
	margin:0 0 50px;
		}	
.craft_cont01 ul li{
		float:left;
		width:48%;
		}	
.craft_cont01 ul .cr01{ 
	display:block;
	text-align:center;	
	font-size:18px;
	padding:15px 0 25px;

		}	
.craft_cont01 ul .cr02{ 
	display:block;
	font-size:14px;
		}	
.kougeihin_img06{
	padding: 0px 0 0 40px;
    background: url(../img/kougeihin_bg01.png) no-repeat 1% 40%;
}		
.max{
		background:url(../img/kougeihin_bg02.png) no-repeat right 0;
		padding: 0px 12px 120px 0;
		background-size:contain;
		}
.zone{
		width:1000px;
		margin:0 auto;
		}	
.kougeihin_img09{
	margin:125px 0 0;
	}
.sc_bg{
	background:url(../img/kougeihin_bg03.png) no-repeat 0 0;
	background-size: cover;
	}
.sc_in{
	width:1000px;
	margin:0 auto;
	background:url(../img/kougeihin_bg04.png) no-repeat;
	padding: 50px 0 500px;
	background-position: 49% 40%;
		}
.sc_bg ul{
	
}

.sc_bg ul li{
	float:left;
	width:225px;
}

.sc_bg ul li span{
	display: block;
			}
.sc01{ 
	font-size:18px;
	padding:20px 0 20px;
	}
.craft_cont02{
	width:1000px;
	margin: 0 auto;
}
.craft_cont02 h1 span{
		text-align:center;
	display:block;
	padding:25px 0 0;
}
.img19 p{
	float:left;
		}
.kougeihin_img22{
	background:url(../img/kougeihin_bg05.png) no-repeat 50% 0;
	padding: 100px 0 20px 675px;	
		}
.craft_cont03{
		width:1000px;
		margin:0 auto;
		}
.craft_cont03 span{
	text-align:center;
	display:block;
	padding:25px 0 0;
		}
.craft_cont03 .kougeihin_img27 span{
	display: block;
	text-align:left;
	font-size:14px;
	letter-spacing: 0.28em;
	}
.craft_cont04{
	width:1000px;
	margin:0 auto;
		}
.craft_cont04 span{
	text-align:center;
	display:block;
	padding:25px 0 0;
	margin:0 0 35px;
		}
	
.byobu{
	background:url(../img/kougeihin_bg06.png) no-repeat 50% 0;
	background-size:cover;
	}
.byoubu_in{
	width:1000px;
	margin:0 auto;
	}
.byou
bu_in h1{
	text-align: left;
	padding: 170px 0 135px;
	background: url(../img/contact_bg.png) no-repeat 98% 100%;	
	margin: 0 0 35px;
}


/*お問い合わせ
----------------------------------------------------*/
.contact_cont01{
	width:1000px;
	margin:0 auto;
		}
.contact_cont01 h1{
	text-align:left;
		}
.contact_form{
		width:1000px;
		margin:0 auto;
		}
.contact_form h1{
	background:url(../img/contact_bg02.png) no-repeat 0 0;
	padding:10px 0 15px 15px;
	margin:0 0 30px;
		}
.contct_in{
	background: url(../img/contact_bg.png) no-repeat 98% 60%, url(../img/processed_cont_bg02.png) no-repeat 3% -3%;
 padding: 208px 0 137px;	
}
.contact_form .cont_text{
	line-height:180%;
	letter-spacing:0.28em;
	margin:0 0 30px;
		}
.required, .must {
    color: #fff;
    padding: 0 8px;
    font-size: 0.8em;
    font-weight: normal;
    background-color: #bb0c0c;
    border-radius: 3px;
}
.mailform dt {
	float: left;
	width: 265px;
	padding: 25px 0 14px;
	position: relative;
	border-top: 1px dotted #ccc;
		}
.mailform dd {
	float: left;
	width: 680px;
	padding: 20px 0 20px;
	border-top: 1px dotted #ccc;
	}
.mailform dt .must {
	position: absolute;
	right: 5%;
	top: 20px;
	}
.plivacy_policy {
	height: 200px;
	padding: 20px;
	border: 1px solid #ccc;
	overflow-y: scroll;
	background: #fff;
	width: 90%;
	margin: 30px auto 40px;
		}
.co_bg{
	background: url(../img/contact_btn_bg.png) no-repeat 0 15%;
	padding: 55px 0 150px;	
	}

#submit_button {
	border-style:none;
	background:none;
}
/* サンキューページ
----------------------------------------------------*/
.thanks_cont h1{
	background: url(../img/contact_bg02.png) no-repeat 0 0;
	padding: 20px 0 15px 15px;
	margin: 135px 0 30px 30px;		
	}
.thanks_cont {
	line-height:230%;

		}
.thanks_tel {
    color: #111c31;
    font-size: 2em;
    font-weight: bold;
}
.top_link_btn a {
    color: #fff;
    margin: 0 auto 120px;
    text-align: center;
    padding: 10px 20px;
    text-decoration: none !important;
    display: block;
    width: 200px;
    background-color: #111c31;
}
/* リンク
----------------------------------------------------*/
a {
	color: #0000FF;
	text-decoration: underline;
	outline: none;
}
a:link { text-decoration: underline; }
a:visited { text-decoration: none; }
a:hover { text-decoration: none; }
a:active { text-decoration: none; }
a:hover img{
opacity: 0.6;
filter: alpha(opacity=60);
-moz-opacity:0.6;
}
/* よく使いそうなCSS3
----------------------------------------------------*/
#selectors {
/* 角丸 */
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;

/* 角丸個別 */
	-webkit-border-top-right-radius: 15px;
	-moz-border-radius-topright: 15px;
	border-top-right-radius: 15px;

/* ボックスに影 */
	-webkit-box-shadow: 1px 1px 3px #999;
	-moz-box-shadow: 1px 1px 3px #999;
	box-shadow: 1px 1px 3px #999;

/* テキストに影 */
	text-shadow: 1px 1px 0px #999;

/*アルファ設定*/
	filter:alpha(opacity=80); 
	-moz-opacity:0.80; 
	opacity:0.80; 
	-khtml-opacity:0.80;

/*グラデーション*/
	/* Firefox */
	background: -moz-linear-gradient(top center, #fff 0%, #999 100%);
	/* Chrom と Safari */
	background: -webkit-gradient(linear, center top, center bottom, from(#fff), to(#999));
	/* 共通 */
	background: linear-gradient(top center, #fff 0%, #999 100%);

}
/* 汎用
----------------------------------------------------*/
.mb10 { margin-bottom: 10px; }
.mb15 { margin-bottom: 15px; }
.mb20 { margin-bottom: 20px; }
.mb25 { margin-bottom: 25px; }
.mb30 { margin-bottom: 30px; }
.mb40 { margin-bottom: 40px; }
.mb45 { margin-bottom: 45px; }
.mb50 { margin-bottom: 50px; }
.mb55 { margin-bottom: 55px; }
.mb60 { margin-bottom: 60px; }
.mb70 { margin-bottom: 70px; }
.mb80 { margin-bottom: 80px; }
.mt90 { margin-top: 90px; }
.pr25 { padding:0 0 0 25px; }
.pr32 { padding:0 0 0 32px; }
.pr35 { padding:0 0 0 35px; }
.pr40 { padding:0 0 0 40px; }
.pr45 { padding:0 0 0 45px; }

/* CLEAR FIX
---------------------------*/
.clearfix:before,
.clearfix:after {
    content: " ";
    display: table;
}
.clearfix:after { clear: both; }
.clearfix { *zoom: 1; }

/* BUTTON
---------------------------*/
.btn,
.btn img {
	display: block;
}
.btn:hover  {
	filter:alpha(opacity=70); 
	-moz-opacity:0.70; 
	opacity:0.70; 
	-khtml-opacity:0.70;
}
.out {
	text-indent: 110%;
	white-space: nowrap;
	overflow: hidden;
}

/* TEXT DECORATION &amp; LAYOUT
---------------------------*/
.red { color: #C00; }
.blue { color: #00C; }
.bold { font-weight: bold; }
.ellipsis {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-text-overflow: ellipsis;
  -o-text-overflow: ellipsis;
}
.angle {
	text-indent: -0.5em;
}

/* TEXT ALIGN
---------------------------*/
.alignleft { text-align: left; }
.aligncenter { text-align: center; }
.alignright { text-align: right; }
.alignjust { text-align: justify; }

/* FLOAT
---------------------------*/
.imgR {
	float: right;
	margin: 0 0 10px 10px;
}
.imgL {
	float: left;
	margin: 0 10px 10px 0;
}
.left { float: left; }
.right { float: right; }
.clear { clear: both; }

/* POSITION
---------------------------*/
.relative{ position: relative; }
.absolute{
	position: absolute;
	z-index: 1;
}

/* BOX MODEL
---------------------------*/
.block { display: block; }

/* =====================================================================
*    common
* =================================================================== */
.ggmap {
position: relative;
padding-bottom: 56.25%;
padding-top: 30px;
height: 0;
overflow: hidden;
}
 
.ggmap iframe,
.ggmap object,
.ggmap embed {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
/* =====================================================================
*    common
* =================================================================== */
.font_ff{
		color:#fff;
		}
/*googlemap ポインター無効化*/
.map iframe{
pointer-events: none;
}
/* =====================================================================
*    common
* =================================================================== */
#page-top {
    position: fixed;
    bottom: 20px;
    right: 20px;
		z-index:100;
}
.line_hegth220{
	line-height: 220%;
	}</pre></body></html>