@charset "UTF-8";

#top #whole {
	width:100%;
	min-width:1024px;
	margin: 0;
}


.top_menu_{
	background-color: #FFF;
	height: 6px;
}


#top #content_whole {
	position:relative;
	background:#fff;
	width:100%;
	z-index:2000;
	margin-top:-154px;
	padding:0;
}
#top a{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;}

li{
	list-style:none;
	margin:0;
	padding:0;
}
img{
	border:none;
}

/*	----------------------------------------------------------------
	MaxCycle (Fullscreen Slideshow for use with jQuery Cycle Plugin)
	----------------------------------------------------------------
	
	Demo at: http://www.aaronvanderzwan.com/maxcycle/
	Download and Info at: http://github.com/akv2/MaxCycle---jQuery-Plugin/
	Copyright (c) 2007-2011 Aaron Vanderzwan
	Dual licensed under the MIT and GPL licenses.
	
*/
/*! Version: 2.0.73 (12-Oct-2012) */


.mc-hide-scrolls{
	overflow:hidden;
}

body .mc-cycle {
	height:100%;
	left:0;
	overflow:hidden;
	position:fixed;
	top:0;
	z-index:-1;
}

div.mc-image {
	/*NOTE: Mozilla flickers when fading and using 'all', so we have to be specific with what property we want to transition:
	 	If you are using fading transitions, use 'opacity: */
	-webkit-transition: opacity 1s ease-in-out; 
	-moz-transition: opacity 1s ease-in-out; 
	-o-transition: opacity 1s ease-in-out; 
	transition: opacity 1s ease-in-out;
	
	/*If you are using horizontal slide transitions, use the following CSS:
	-webkit-transition: left 1s ease-in-out; 
	-moz-transition: left 1s ease-in-out; 
	-o-transition: left 1s ease-in-out; 
	transition: left 1s ease-in-out;*/
	
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	background-position:center center;
	background-repeat:no-repeat;
	height:100%;
	overflow:hidden;
	width:100%;
}

.mc-old-browser .mc-image {
	overflow:hidden;
}



#holder {
	overflow: hidden;
	width:100%;
	min-width:1024px;
	height:649px;
}
#maximage {
	position:fixed !important;
	display:none;
}


/*Set my logo in bottom left*/
#mainInfo {
	top:0;
	left:0px;
	position:absolute;
	z-index:1000;
	width:100%;
}
#mainInfo div {
	display:none;
	margin:0 auto;
}
#mainInfo div #coverTex{
	display:block;
	list-style:none;
	width:1024px;
	margin:0 auto;
	overflow: hidden;
}
#mainInfo div #coverTex img{
	display:block;
	/*margin-left:-45px;*/
	margin-top: 100px;
}

#mainInfo #left_box{width: 70%;float:left;}
#mainInfo #right_box{width: 30%;float:left;}
#mainInfo #right_box .catalog51 a:link, #mainInfo .right_box .catalog51 a:visited{display: block; width: 250px;height: 110px;background: url("../images/home/btn_catalog51.jpg") no-repeat top left;text-indent: 100%;white-space: nowrap;overflow: hidden;}
#mainInfo #right_box .catalog51 a:hover, #mainInfo .right_box .catalog51 a:active{background: url("../images/home/btn_catalog51_ov.jpg") no-repeat top left;}


/*#coverTex li{
	display:block;
}*/
#formBtn{
	width:619px;
	height:57px;
	background:url(../images/home/contact_form_bg.png) left top no-repeat;
	padding:15px 0 0 15px;
	/*margin:-26px 0 0 -31px;*/
	margin:-26px 0 0 0;
	position:relative;
	z-index:1010;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
}
#formBtn a{
	width:198px;
	height:42px;
	float:left;
	display:inline;
	text-indent:-9999px;
	margin:0 8px 0 0;
	background:url(../images/home/s.png) left top no-repeat;
	
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	background-position:center center;
	background-repeat:no-repeat;
}
#formBtn a.btn1:hover{background-image:url(../images/home/contact_form_btn1.png);}
#formBtn a.btn2:hover{background-image:url(../images/home/contact_form_btn2.png);}
#formBtn a.btn3:hover{background-image:url(../images/home/contact_form_btn3.png);}
#formBtn a:hover{
}
#formTitle{
	margin:-40px 0 0 13px;
}
#telNum{
	width:647px;
	height:67px;
	position:relative;
}
#telNum img{
	display:block;
	position:absolute;
	width:647px;
	height:67px;
	top:-23px;
	left:14px;
}

/* topContent */
.contentInner{
	width:1024px;
	margin:0 auto;
	/*margin-bottom:85px;*/
	margin-bottom:0;
}
.contentInner:after {
   content: "."; display: block; clear: both; height: 0; visibility: hidden; font-size: 0;
}
.topContentLeft{
	width:220px;
	float:left;
	display:inline-block;
	margin: 1em 0 3em 0;
	/*margin:56px 0 0;*/
}
.topContentRight{
	width:780px;
	float:right;
	display:inline-block;
	/*margin:56px 0 0;*/
	padding: 0;
	margin: 1em 0 0 0 !important;
}

/* newsBox */
#newsBox{width:100%;padding-bottom: 2em;}
#newsBox .title{border-bottom:solid 2px #000;}
#newsBox .title h2{display:inline-block;padding: 0.5em 0;margin: 0;}
#newsBox dl{width:100%;font-size:100%;line-height:1.5em;margin: 0em 0 0 0;padding: 0;}
#newsBox dl dt{/*width:100%;display:block;color:#ff1d25;font-weight:bold;padding:1.5em 0 0.5em 0;margin:0;font-size: 90%;line-height: 1;*/display: none;}
#newsBox dl dd{width:100%;display:block;padding: 1em 0 1em 1.5em;margin:0;border-bottom: #cccccc 1px solid;font-size:120%;background:url("../images/home/icon_arrow2.png") no-repeat left;box-sizing: border-box;}
#newsBox dl dt.last,#newsBox dl dd.last{padding:0;}
#newsBox p{padding-top: 1em;}
#newsBox p a{display:block;width:200px;height:16px;background:url(../images/home/news_btn2_off.png) right top no-repeat; white-space: nowrap; text-indent:100%;overflow: hidden;}
#newsBox p a:hover,#newsBox p a:active,#newsBox p a:focus{background:url(../images/home/news_btn2_on.png) right top no-repeat;}

#left_banner{display: block; clear: both; border-top: #000000 2px solid;margin-top: 1em !important;}
#left_banner a{display: block;}
#left_banner img:hover{opacity: 0.7;}
#left_banner p{padding-bottom: 0.5em;border-bottom: #cccccc 1px solid;margin: 0;}

/* pickupBox */
#pickupBox{clear: both;width: 100%;padding: 2em 0 !important;}
#pickupBox:after {content: "."; display: block; clear: both; height: 0; visibility: hidden; font-size: 0;}
#pickupBox .title{margin-bottom: 2em;
	/*margin-top:75px;
	margin-bottom:30px;*/
}
#pickupBox .title:after {
   content: "."; display: block; clear: both; height: 0; visibility: hidden; font-size: 0;
}
#pickupBox .title h2{margin:0;padding: 0;}
#pickupBox .title a{
	width:170px;
	height:16px;
	text-indent:-9999px;
	float:right; display:inline;
	background:url(../images/home/pickup_btn_off.png) left top no-repeat;
	margin-top:5px;
}
#pickupBox .title a:hover{background:url(../images/home/pickup_btn_on.png) left top no-repeat;}


/* slide */
.list_carousel {
	/*width:700px;*/
	width: 100%;
	margin:0px;
	padding:0px;
	position:relative;
	box-sizing: border-box;
}
.list_carousel ul {
	/*margin:0 auto !important;*/
	margin: 0 0 0 16px;
	padding:0 !important;
	list-style: none;
	display: block;
	/*width: 660px;*/
	width: 100%;
	height:100px;
	overflow: hidden;
	box-sizing: border-box;
}
.list_carousel li {
	width: 320px;
	height:100px;
	padding: 0;
	margin: 0;
	display:inline;
	float: left;
	line-height:1em;
	overflow:hidden;
	margin-right:14px !important;
}
.list_carousel li a:hover {filter: alpha(opacity=70); -moz-opacity:0.70;opacity:0.70;}
#next,
#prev {
	position: absolute;
	top: 35px;
	display: block;
	width: 29px;
	height: 29px;
	background: url(../images/home/pickup_arrow_l.png) left top no-repeat;
	text-indent: -9999px;
}
#prev {
	left: -15px;
}
#prev:hover {
	background:url(../images/home/pickup_arrow_l_on.png) left top no-repeat;
}
#next {
	right: -15px;
	background: url(../images/home/pickup_arrow_r.png) left top no-repeat;
}
#next:hover {
	background:url(../images/home/pickup_arrow_r_on.png) left top no-repeat;
}

/* contentsLinkBox
#contentsLinkBox{
	margin-top:6px;
	width:250px;
}
#contentsLinkBox li{
	border-bottom:solid 1px #ccc;
	padding:0 0 25px;
	margin-bottom:25px;
}
#contentsLinkBox li.last{
	border-bottom:none;
}
#contentsLinkBox li a{
	display:block;
	width:250px;
	height:82px;
}

#contentsLinkBox li p{
	display:block;
	width:250px;
	height:82px;
}



#contentsLinkBox .btnL{
	float:left;
	width:150px;
	height:82px;
}
#contentsLinkBox .btnR{
	float:right;
	width:82px;
	height:82px;
}
.bannerList li{
	padding-bottom:25px;
}
.bannerList li.last{
	padding-bottom:0;
}
.topContentRight a:hover {filter: alpha(opacity=70); -moz-opacity:0.70;opacity:0.70;}
 */

/* accessBox 
#accessBox{
	width:1024px;
	margin:0px auto;
	clear:both;
	font-size:14px;
	line-height:1.6em;
}
#accessBox:after {content: "."; display: block; clear: both; height: 0; visibility: hidden; font-size: 0;}
#accessBox .contentLeft{
	width:402px;
	float:left; display:inline;
}
#accessBox .contentRight{
	width:560px;
	float:right; display:inline;
}
#accessBox .title{
	margin-bottom:100px;
}
#accessBox .title:after {
   content: "."; display: block; clear: both; height: 0; visibility: hidden; font-size: 0;
}
#accessBox .title h2{
	float:left;
	margin:0;
}
#accessBox .title a{
	width:180px;
	height:16px;
	text-indent:-9999px;
	float:right; display:inline;
	background:url(../images/home/access_btn_off.png) left top no-repeat;
	margin-top:8px;
}
#accessBox .title a:hover{background:url(../images/home/access_btn_on.png) left top no-repeat;}
#accessBox h3{
	margin:20px 0 0;
}
#accessBox p{
	margin:4px 0 0;
}*/

/* Blog */
#BlogBox{width: 100%;margin: 0; padding: 0;}
#BlogBox .title{border-bottom: #000 2px solid;}
#BlogBox .title h2{margin: 0;padding: 0.5em 0;}
#BlogBox .blog_listblock{width: 100%;display: flex;flex-wrap: wrap;padding: 0.5em 0;}
#BlogBox .blog_list{border: #ccc 1px solid;box-sizing: border-box;width: calc(33.3% - 10px); margin: 5px;background: #fff;padding: 1em; position: relative;}
#BlogBox .blog_list h3{font-size: 120%;margin:1em 0 0 0;padding: 0;line-height: 1.3; font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;}
#BlogBox .blog_list a{display: block; position: absolute; top:0; left:0; width: 100%; height: 100%;}
#BlogBox .blog_list img{width: 100%; margin: 0;padding: 0;}
#BlogBox .blog_list:hover{opacity: 0.8 !important;border: #000 1px solid;}
#BlogBox .blog_btn{text-align: right;padding: 1em 0;}
#BlogBox .blog_btn a:link,#BlogBox .blog_btn a:visited{display:inline-block;width: 160px;height: 16px;margin: 0;padding: 0;background: url("../images/home/blog_btn_off.jpg") no-repeat top left;text-indent: 100%;white-space: nowrap;overflow: hidden;}
#BlogBox .blog_btn a:hover,#BlogBox .blog_btn a:active,#BlogBox .blog_btn a:focus{background: url("../images/home/blog_btn_on.jpg") no-repeat top left;}

#left_contact{padding: 1em 0;font-size: 120%;}
#left_contact .title{border-bottom: #000 2px solid;margin: 0 0 1em 0;}
#left_contact .title h2{margin: 0;padding: 0.5em 0;}
#left_contact p{padding: 0;margin: 0 0 0.5em 0 !important;}
#left_contact ul{padding:0;margin: 0;}
#left_contact ul li{display:block;margin: 0 0 1em 0; padding: 0 0 0 1.5em;background: url("../images/home/icon_arrow.jpg") no-repeat 0 0.2em;}




/**/
.shop_linkbox{display: block; padding: 0.8em !important; background-color: #f2f2f2; box-sizing: border-box;margin: 0 0 1em 0;font-size: 90% !important;line-height: 1.5;}
.shop_linkbox a{display: block !important; font-size: 110% !important;font-weight: bold;text-decoration: underline;margin: 0.5em 0 0 0 !important;}


/*ラベルテンプレートダウンロード用css追加 20230616*/
#labeltemplate_dl {
}

#labeltemplate_dl_btn {
	background-color: darkgray;
	color: white;
	padding: 5px 0px 5px 9px;
	border-radius: 5px;
	width: 160px;
	margin-top: 20px;
	font-weight: bold;
}

#labeltemplate_dl_btn:hover {
	background-color: firebrick;
}

#labeltemplate_dl_btn:active {
	background-color: black;
}

#labeltemplate_dl_btn a {
	color: white;
	text-decoration: none;
	display: block;
}