@charset "utf-8";
/* CSS Document */

html {margin:0;padding:0;overflow-y:scroll;}

body {
	margin:0;
	padding:0;
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-size:12px;
	line-height:1.5;
	color:#000;
	-webkit-text-size-adjust:100%;
}
a:link {color: #000000;text-decoration:none;}
a:visited {color: #000000;text-decoration:none;}
a:hover {color: #F33;text-decoration:underline;}
a:active {color: #999999;text-decoration:none;}
p {padding:0;margin:0;}

#whole {width:1024px;margin: 0px auto;}
#content_whole {width:1024px;margin: 0px auto;}
#content_whole_top {width:1024px;border:#000 solid 1px;height:590px;}






/* menu
========================================== */
#menu_text{
	margin:0;
	padding:0;
	position:relative;
	z-index:1010;
	background:#fff;
	/*height:154px;*/height:145px;
}
#menu_text ul{
	width:1024px;
	/*height:154px;*/height:145px;
	position:relative;
	margin: 0px auto 0px auto;
	padding: 0px 0px 0px 0px;
	/*background:url(../images/head_foot/nav_bg.png) 381px 25px no-repeat;*/
	background:url(../images/head_foot/nav_bg2.png) no-repeat 29em 1em;
}
#menu_text li{
	margin:0;
	padding:0;
	list-style:none;
	position:absolute;
	z-index: 50;
	font-size: 13px;
	font-weight: bold;
}
#menu_text a{
	display:block;
	width: 116px; height:16px;
	transition: all 0.2s ease-out; -webkit-transition: all 0.2s ease-out; -moz-transition: all 0.2s ease-out; -o-transition: all 0.2s ease-out;
	text-decoration: none;
	font-size: 14px;
}
#menu_text .currentPage a,
#menu_text a:hover{ color: #FF0000;}


#menu_text .label00{ top:10px; left:350px; color: #999999; }
#menu_text .label01{ top:10px; left:430px; color: #999999; }
#menu_text .label02{ top:10px; left:580px; color: #999999; }
#menu_text .label03{ top:10px; left:730px; color: #999999; }
#menu_text .label04{ top:10px; left:880px; color: #999999; }

/*　----------------------------　logo　----------------------------　*/
#menu_text .menu00{ top:45px; left:0px;}
#menu_text .menu00 a{width: 213px; height:70px; text-indent: -9999px; background:url(../images/head_foot/logo2019.png) left top no-repeat;}
#menu_text .menu00 a:hover {filter: alpha(opacity=70); -moz-opacity:0.70;opacity:0.70;}

/*　----------------------------　HOME　----------------------------　*/
#menu_text .menu01 { top:110px;left:350px; }
#menu_text .menu01 a{width:30px; height:24px; text-indent: -9999px; background:url(../images/head_foot/nav_btn_home_off.png) left top no-repeat;}
#menu_text .menu01.currentPage a,
#menu_text .menu01 a:hover{ background:url(../images/head_foot/nav_btn_home_on.png) left top no-repeat;}

/*　----------------------------　お知らせ　----------------------------　*/
#menu_text .menu02 { top:115px; left:430px;}
#menu_text .menu02 a{background-position:-84px -61px;}



/*　----------------------------　商品カタログ　----------------------------　*/
#menu_text .menu04 {top:65px; left:580px;}
#menu_text .menu04 a{background-position:-234px -25px;}

/*　----------------------------　商品検索　----------------------------　*/
#menu_text .menu05 {top:90px; left:580px;}
#menu_text .menu05 a{background-position:-234px -43px;}

/*　----------------------------　オーダーメイド　----------------------------　*/
#menu_text .menu06 { top:115px; left:580px;}
#menu_text .menu06 a{background-position:-234px -61px;}



/*　----------------------------　会社概要　----------------------------　*/
#menu_text .menu07 { top:40px; left:730px;}
#menu_text .menu07 a{background-position:-384px -25px;}

/*　----------------------------　交通案内　----------------------------　*/
#menu_text .menu08 { top:65px; left:730px;}
#menu_text .menu08 a{background-position:-384px -43px;}

/*　----------------------------　お問い合わせ　----------------------------　*/
#menu_text .menu09 { top:90px; left:730px;}
#menu_text .menu09 a{background-position:-384px -61px;}

/*　----------------------------　twitter　----------------------------　*/
#menu_text .menu10 { top:115px; left:730px;}
#menu_text .menu10 a{background-position:-533px -25px;}




/*　----------------------------　note　----------------------------　*/
#menu_text .menu11 { top:40px; left:880px;width: 130px;}
#menu_text .menu11 a{background-position:-533px -43px;}

/*　----------------------------　stores　----------------------------　*/
#menu_text .menu12 { top:65px; left:880px;}
#menu_text .menu12 a{background-position:-533px -61px;}

#menu_text .menu13 { top:90px; left:880px;}
#menu_text .menu13 a{background-position:-533px -61px;}

#menu_text .menu14 { top:115px; left:880px;}
#menu_text .menu14 a{background-position:-533px -61px;}












/* menu
========================================== */
#menu{
	margin:0;
	padding:0;
	position:relative;
	z-index:1010;
	background:#fff;
	/*height:154px;*/height:120px;
}
#menu ul{
	width:1024px;
	/*height:154px;*/height:120px;
	position:relative;
	margin:0 auto;
	padding:0;
	/*background:url(../images/head_foot/nav_bg.png) 381px 25px no-repeat;*/
	background:url(../images/head_foot/nav_bg.png) no-repeat 29em 1em;
}
#menu li{
	margin:0;
	padding:0;
	list-style:none;
	position:absolute;
	z-index: 50;
}
#menu a{
	display:block;
	/*width: 106px;*/width:90px; height:16px;
	text-indent:-9999px;
	background-image:url(../images/head_foot/nav_btn_off.png);
	background-repeat:no-repeat;
	transition: all 0.2s ease-out; -webkit-transition: all 0.2s ease-out; -moz-transition: all 0.2s ease-out; -o-transition: all 0.2s ease-out;
}
#menu .currentPage a,
#menu a:hover{background-image:url(../images/head_foot/nav_btn_on.png);}




/*　----------------------------　logo　----------------------------　*/
#menu .menu00{ top:25px; left:0px;}
#menu .menu00 a{width: 213px; height:70px; background:url(../images/head_foot/logo2019.png) left top no-repeat;}
#menu .menu00 a:hover {filter: alpha(opacity=70); -moz-opacity:0.70;opacity:0.70;}

/*　----------------------------　HOME　----------------------------　*/
#menu .menu01 { top:75px;left:350px; }
#menu .menu01 a{width:55px; height:20px; background-position:left -57px;}

/*　----------------------------　お知らせ　----------------------------　*/
#menu .menu02 { top:80px; left:430px;}
#menu .menu02 a{background-position:-84px -61px;}



/*　----------------------------　商品カタログ　----------------------------　*/
#menu .menu04 {top:40px; left:580px;}
#menu .menu04 a{background-position:-234px -25px;}

/*　----------------------------　商品検索　----------------------------　*/
#menu .menu05 {top:60px; left:580px;}
#menu .menu05 a{background-position:-234px -43px;}

/*　----------------------------　オーダーメイド　----------------------------　*/
#menu .menu06 { top:80px; left:580px;}
#menu .menu06 a{background-position:-234px -61px;}



/*　----------------------------　会社概要　----------------------------　*/
#menu .menu07 { top:40px; left:730px;}
#menu .menu07 a{background-position:-384px -25px;}

/*　----------------------------　交通案内　----------------------------　*/
#menu .menu08 { top:60px; left:730px;}
#menu .menu08 a{background-position:-384px -43px;}

/*　----------------------------　お問い合わせ　----------------------------　*/
#menu .menu09 { top:80px; left:730px;}
#menu .menu09 a{background-position:-384px -61px;}



/*　----------------------------　twitter　----------------------------　*/
#menu .menu10 { top:40px; left:880px;}
#menu .menu10 a{background-position:-533px -25px;}

/*　----------------------------　note　----------------------------　*/
#menu .menu11 { top:60px; left:880px;width: 130px;}
#menu .menu11 a{background-position:-533px -43px;}

/*　----------------------------　stores　----------------------------　*/
#menu .menu12 { top:80px; left:880px;}
#menu .menu12 a{background-position:-533px -61px;}



































/*.header_update{position: relative; width: 1024px; margin: -40px auto 0 auto; height: 20px;background: #ddd;}
.header_update p.update {position: absolute; top: 0px; right: 0; width: 120px; margin: 0; padding: 0; font-size: 12px; line-height: 1; text-align: right; color:#ff1d25; font-weight: bold;}*/

.header_update{position: absolute; bottom:0.2em; right: 0;}
.header_update p.update {line-height: 1; text-align: right; color:#ff1d25; font-weight: bold;}


#top_flash {
	clear: both;
	padding-bottom: 10px;
	height: 115px;
	/*background-color:#CCC;*/
	text-align:center;
}

#top_flash_alacarte {
	clear: both;
	padding-bottom: 10px;
	height: 115px;
	background-color:#9ED8F6;
	text-align:center;
}


#main_content {padding: 0 0 10px 0 !important;text-align:center;}

#main_content_catalog {padding: 0px;text-align:center;}

#main_content02 {padding: 0 0 10px 0 !important;text-align:center;overflow: hidden;}

#footer {
	clear: both;
	width:100%;
	background:#fff;
	padding:40px 0 80px;
}
#footer:after {
   content: "."; display: block; clear: both; height: 0; visibility: hidden; font-size: 0;
}
#footer ul{
	width:1024px;
	margin:0 auto;
	padding:0;
}
#footer .copy{
	float:right; display:inline;
	width:448px;
	height:12px;
	text-indent:-9999px;
	background:url(../images/head_foot/copyright.png) left top no-repeat;
}
#footer .copy_text{
	float:right; display:inline;
	width:448px;
	height:12px;
	text-align: right;
	font-size: 12px;
	line-height: 12px;
}


#footer .pp{
	float:left; display:inline;
}
#footer .pp a{
	display:block;
	width:140px;
	height:13px;
	text-indent:-9999px;
	background:url(../images/head_foot/privacypolicy_btn_off.png) left top no-repeat;
	transition: all 0.2s ease-out; -webkit-transition: all 0.2s ease-out; -moz-transition: all 0.2s ease-out; -o-transition: all 0.2s ease-out;
}
#footer .pp a:hover{background:url(../images/head_foot/privacypolicy_btn_on.png) left top no-repeat;}

#footer .guide{
	float:left; display:inline-block;margin-left: 2em;
}
#footer .guide a{
	display:block;
	width:140px;
	height:13px;
	text-indent:-9999px;
	background:url(../images/head_foot/guide_btn_off.png) left top no-repeat;
	transition: all 0.2s ease-out; -webkit-transition: all 0.2s ease-out; -moz-transition: all 0.2s ease-out; -o-transition: all 0.2s ease-out;
}
#footer .guide a:hover{background:url(../images/head_foot/guide_btn_on.png) left top no-repeat;}


#pageTopBtn{
	width:1024px;
	margin:0 auto;
	padding:0;
	border-bottom:solid 1px #ccc;
	margin-bottom:80px;
	height:46px;
}
#pageTopBtn a{
	width:84px;
	height:17px;
	float:right; display:inline;
	background:url(../images/head_foot/pagetop_btn_off.png) left top no-repeat;
	text-indent:-9999px;
	transition: all 0.2s ease-out; -webkit-transition: all 0.2s ease-out; -moz-transition: all 0.2s ease-out; -o-transition: all 0.2s ease-out;
}
#pageTopBtn a:hover{background:url(../images/head_foot/pagetop_btn_on.png) left top no-repeat;}


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

#top_contents{
	margin: 0px auto;
	padding: 70px 0px;
	width:776px;
}

#top_contents .logo{
	float:left;
	width:165px;
}

#top_contents .logo01{
	padding: 40px 0px 168px 0px;
}


.catalog2019_link{width: 100%; background: #DDDD9F;box-sizing: border-box;margin: 2em auto 0 auto;padding: 1em;border: #e8e8c9 3px solid;}
.catalog51_link{width: 100%; background: #DDDD9F;box-sizing: border-box;margin: 2em auto 0 auto;padding: 1em;border: #e8e8c9 3px solid;}
.catalog2020_link{width: 100%; background: #DDDD9F;box-sizing: border-box;margin: 2em auto 0 auto;padding: 1em;border: #e8e8c9 3px solid;}

.catalog_link_inner{overflow: hidden;}
.catalog51_link .catalog_link_inner{width: 580px !important;margin: 0 auto;}
.catalog2019_link .catalog_link_inner{width: 76% !important;margin: 0 auto;}
.catalog2020_link .catalog_link_inner{width: 76% !important;margin: 0 auto;}

.catalog_link_inner p{float: left;margin-right: 1em !important;font-size: 120%;box-sizing: border-box;}
.catalog_link_inner p img{height: 77px;border: #fff 1px solid;}
.catalog_link_inner p.link_copy{padding: 2.2em 0 0 0 !important;text-align: center;width: 220px;font-weight: bold;}
.catalog_link_inner p.link_title{padding: 2em 0 0 0 !important;font-weight: bold;}

.catalog_link_inner .link_digi{display: block;width: 160px;height: 77px;background: #fff;border:#98C9D7 1px solid;padding-top: 6px;box-sizing: border-box;font-size: 80% !important;}
.catalog_link_inner .link_digi span{display: block;width: 150px;height: 63px;margin: 0px auto;border-left:#98C9D7 5px solid;padding: 15px 0px 0px 8px;box-sizing: border-box;}
.catalog_link_inner .link_digi:hover{border:#6CB1C5 1px solid;}

.catalog_link_inner .link_PDF{display: block;width: 160px;height: 77px;background: #fff;border:#E2C7B4 1px solid;padding-top: 6px;box-sizing: border-box;font-size: 80% !important;}
.catalog_link_inner .link_PDF span{display: block;width: 150px;height: 63px;margin: 0px auto;border-left:#E2C7B4 5px solid;padding: 15px 0px 0px 8px;box-sizing: border-box;}
.catalog_link_inner .link_PDF:hover{border:#E1B18F 1px solid;}
.catalog_link_inner .link_PDF span:hover{border-left:#E1B18F 5px solid;}

.catalog_return{padding: 2em 0 0 0;text-align: left;}
.catalog_return a{text-decoration: underline !important;}


/**/
.shop_linkbtn{width: 100%;text-align: center;padding: 1em 0 2em 0;}
.shop_linkbtn a{display: block;font-size: 120%;width: 300px;margin: 0 auto;padding: 1.5em 1em;box-sizing: border-box;border-radius: 0.5em;}
.shop_linkbtn a:link,.shop_linkbtn a:visited{border: #333333 1px solid;background: #ffffff url("../images/home/icon_arrow2.png") no-repeat 98% 50%;}
.shop_linkbtn a:hover,.shop_linkbtn a:active{border: #ff0000 1px solid;background: #ffffff url("../images/home/icon_arrow2_on.png") no-repeat 98% 50%;}


/*--mailのテキストを赤にする設定を追加20240801--*/
.mailtextred {
	color: orangered;
}

/*--交通案内のtelfaxmailの文字を大きく設定20240801--*/
.text-morelarge {
	font-size: 17px;
	font-weight: bold;
}