/** Shopify CDN: Minification failed

Line 494:6 Expected ":"

**/
#main {
}


@media screen and (max-width: 415px) {
   #main { width:100%; float:none; }
}

#main #sort_header {
	width:750px;
	border-bottom:solid #e9e9e9 1px;
	border-top:solid #e9e9e9 1px;
	font-size:11px;
	color:#282828;
}

#main a {
	color:#757575;
  background: none;
}

#main #sort_header a:hover {
	text-decoration:none;
	color:#ccc;
}


#main #sort_header #sort01 {
	overflow:hidden;
	width:750px;
	border-top:solid #e9e9e9 1px;
	
}

#main #item_de .path {
	margin:10px 0;
	padding:5px 20px;
	font-size:11px;
}



#main #sort_header #sort01 .select {
	float:left;
	margin:10px 0;
	padding:5px 0 5px 20px;
}


#main #sort_header #sort01 .selectname2 a {
	color:#FFFFFF;
}

#main #sort_header #sort01 .selectname2 a:hover {
	color:#ccc;
}

.selectname {
	font-weight:bold;
	color:#282828;
	margin-right:10px;
}


.selectname2 {
	font-weight:bold;
	background:#575757;
	color:#fff;
	margin-right:10px;
	padding:5px;
}


#main #sort_header #sort02 {
	overflow:hidden;
	width:797px;
	
}


#main #sort_header #sort02 .view {
	float:left;
	margin:10px 0;
	padding:5px 20px;
	border-right:1px solid #e9e9e9;
}

#main #sort_header #sort02 .view2 {
	float:left;
	margin:10px 0;
	padding:5px 20px;
	border-right:1px solid #e9e9e9;
}

#main #sort_header #sort02 .view3 {
	float:left;
	margin:10px 0;
	padding:5px 0 5px 20px;
}


#sort02 .selectname {
	margin-right:0;
}



#main #original {
	padding: 0px;
	width: 750px;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	text-align: left;
}

#main #original h1 {
	margin: 0px;
	padding: 0px;
	font-size: 1.8em;
	font-weight: bold;
	color: #666666;
	font-size: 18px;
	}

#main #original h2 {
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	color: #b4b1a9;    
	border-style: none none solid solid;
	border-width: medium medium 1px 10px;
	padding: 5px 10px;
	margin-bottom: 1em;
	font-size: 14px;
	margin-top: 10px;
	margin-bottom: 10px;
	font-weight:bold;
	}

#main #original h3 {
	font-size: 14px;
	color: #666666;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 10px;
	margin-left: 60px;
	font-weight:bold;
	}
	
#main #original h4 {
	font-size: 14px;
	color: #666666;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 10px;
	margin-left: 30px;
	font-weight:bold;
	}

	
#main #original p {
	font-size: 11px;
	margin: 10px;
	padding-left: 3em;
	margin-left: 60px;
	line-height:24px;
}

#main #original ul {
  display: flex;
  flex-wrap: wrap;
  text-align: center;
  margin-left: 0;
	padding-left: 0;
	font-size: 12px;
	vertical-align:bottom;
	line-height: 24px;
}





/**お取引先様限定【ダウンロードツール】ページ　ここから**/

/**20121112追加　ここから**/
#main #original #download .setsumei_txt {
	display:block;
	max-width: 700px;
	margin: 10px auto;
	padding-left: 15px;
	padding-right: 15px;
	padding-top: 15px;
	padding-bottom: 20px;
	border-style: solid; 
	border-width: thin;
}

#main #original #download .setsumei_txt h7 {
	font-size: 1.4em;
	font-weight: bold;
}
/**20121112追加　ここまで**/

#main #original #download .news-content {
	width:375px;
	float:left;
	margin-top: 0;
	margin-right: 10px;
	margin-bottom: 0px;
	margin-left: 0px;
}

#main #original #download .news-content  h1 {
	font-size: 1.8em;
	margin:0 0 20px 0;
}

#main #original #download h6 {
	font-size: 1.5em;
	margin: 0 0 5px
}

#main #original #download .news-content a.latest-item {
	padding:10px;
	float:left;
	display:block;
	width: 355px;
	margin-top: 10px;
	margin-right: 0px;
	margin-bottom: 10px;
	margin-left: 0px;
}

#main #original #download .news-content .latest-item p {
	float: right;
	clear: none;
}

#main #original #download .news-content a.latest-item:link,

#main #original #download .news-content a.latest-item:visited {
	background-color:#CCCCCC;
	color:#333333;
	text-decoration:none;
}

#main #original #download .news-content a.latest-item:hover,

#main #original #download .news-content a.latest-item:active {
	background-color:#999999;
	color:#FFFFFF;
	text-decoration:none;
}

#main #original #download .news-content a.latest-item:link h6,

#main #original #download .news-content a.latest-item:visited h6 {
	font-size: 1.0em;	
	color:#333333;
}

#main #original #download .news-content a.latest-item:hover h6,

#main #original #download .news-content a.latest-item:active h6 {
	color:#FFFFFF;
} 


#main #original #oroshi_dl p {
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 150px;
	margin-left: 40px;
} 


#main #original #oroshi_dl h5 {
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 15px;
	font-size: 14px;
	font-weight: bold;
} 

/**お取引先様限定【ダウンロードツール】ページ　ここまで**/





/****************************お取引先様限定ダウンロードページ　ここから（2016/2/29～）******************************/


    #main #original #oroshi_shops {
	list-style-type: none;
	width: 700px;
	padding: 10px;
	background: #fff;
	border: 2px #ccc dotted;
	height: 80px;
	margin-top: 30px;
	margin-right: 0;
	margin-bottom: 30px;
	margin-left: 30px;
	}
 	
	#oroshi_shops li {
	position: relative;
	width: 180px;
	float: left;
	margin: 5px 5px 5px 5px;
	padding: 0;
	text-align: center;
	list-style-type: none;
  	height: 33px;
	background: #fff;
	border:1px #ccc solid;
	}
	
	#oroshi_shops li a {
	display: block;
	margin: 0px;
	padding: 5px 5px 5px 5px;
	color: #a19f97;
	font-size: 11px;
	font-weight: bold;
	line-height: 1.0em;
	text-decoration: none;
	}
	
	#oroshi_shops li:hover > a{
	  background: #b4b1a9;
	  color: #fff;
	}
	
	#main #original #oroshi_shops #box {
	font-size: 8px;
    float: center;
	margin-left: 50px;
	}	  

	
/****************************お取引先様限定ダウンロードページ　ここまで（2016/2/29～）******************************/	


/********タブ　ここから（2016/3/28～）******************/

ul.tab {
	margin: 0;
	padding: 0;
	border-bottom: 1px #ddd solid;
}
ul.tab li {
	float: left;
	margin: 0 0 0 5px;
	position: relative;
	bottom: -2px;
	list-style-type: none;
	border: 1px #ddd solid;
	border-top: none;
	border-bottom: 1px #ddd solid;
}
ul.tab li.none {
	border-bottom: 2px #fff solid;
	font-weight: bold;
}
ul.tab li a {
	color: #000;
	display: block;
	padding: 3px 10px 5px;
	text-decoration: none;
	background: #fff;
}
ul.tab li a.blue {
	border-top: 5px #c9e3fb solid;
}
ul.tab li a.green {
	border-top: 5px #c9fbdf solid;
}
ul.tab li a.red {
	border-top: 5px #fadbdb solid;
}
ul.tab li a.yellow {	
	border-top: 5px #fafbc9 solid;
}
ul.tab li a:hover {
	position: relative;
	bottom: 6px;
}
/* clerfix */
.clear:after {
    content:"";
    display:block;
    overflow:hidden;
}
.clear:after {
    clear:both;
}
.clear {
    zoom:1;
}

/********タブ　ここまで（2016/3/28～）******************/


/**テーブル装飾　ここから（2016/3/28～）**/
#main #original table#table-02 {
    border: 1px #E3E3E3 solid;
    border-collapse: collapse;
    border-spacing: 0;
	margin-bottom: 30px;
	margin-left: 100px;
	}	  

#main #original table#table-02 th {
    padding: 5px;
    border: #E3E3E3 solid;
    border-width: 0 0 1px 1px;
    background: #F5F5F5;
    font-weight: bold;
    line-height: 120%;
    font-size: 12px;
    text-align: center;
}

#main #original table#table-02 td {
    padding: 5px;
    border: 1px #E3E3E3 solid;
    border-width: 0 0 1px 1px;
	font-size: 12px;
    text-align: left;
}
/**テーブル装飾　ここまで（2016/3/28～）**/



/**発注書DL　ここから（2016/3/28～）**/



   #main #original #haccyu {
	list-style-type: none;
	width: 900px;
	padding: 10px;
	background: #fff;
	border: 0px;
	margin-top: 10px;
	margin-right: 0;
	margin-bottom: 160px;
	margin-left: 100px;
	}
 	
	#haccyu li {
	position: relative;
	width: 600px;
	float: left;
	margin: 5px 5px 5px 5px;
	padding: 0;
	text-align: center;
	list-style-type: none;
  	height: 33px;
	background: #fff;
	border:1px #ccc solid;
	}
	
	#haccyu li a {
	display: block;
	margin: 0px;
	padding: 12px 10px 10px 10px;
	color: #a19f97;
	font-size: 13px;
	  font-weight: bold;
	  line-height: 1.0em;
	  text-decoration: none;
	}
	
	#haccyu li:hover > a{
	  background: #b4b1a9;
	  color: #fff;
	}
	
	#haccyu #box {
	font-size: 8px;
　　   float: center;
	margin-left: 50px;
	}

	
/**発注書DL　ここまで（2016/3/28～）**/	





/**コンテンツ　ここから**/
#main #original .dl-content {
	width:700px;
	margin-top: 0;
	margin-right: 10px;
	margin-bottom: 0px;
	margin-left: 10px;
}

#main #original .dl-content h3 {
	font-size: 0.9em;
	margin: 0 0 30px;
	font-weight:bold;
	font-size: 15px;
}

#main #original .dl-content a.latest-item {
	padding: 5px;
	display:block;
	width:700px;
	margin-top: 5px;
	margin-right: 0px;
	margin-bottom: 5px;
	margin-left: 0px;
}

#main #original .dl-content a.latest-item {
	padding:10px;
	display:block;
	width: 700px;
	margin-top: 5px;
	margin-right: 0px;
	margin-bottom: 5px;
	margin-left: 0px;
}

#main #original .dl-content .latest-item p {
	clear: none;
}


#main #original .dl-content a.latest-item:link,

#main #original .dl-content a.latest-item:visited {
	background-color:#ffffff;
	color:#333333;
	text-decoration:none;
}

#main #original .dl-content a.latest-item:hover,

#main #original .dl-content a.latest-item:active {
	background-color:#f0efef;
	color:#000;
	text-decoration:none;
}

#main #original .dl-content p {
	font-size: 0.9em;
	margin: 0 0 30px;
	font-size: 11px;
}


#main #original .dl-content a.latest-item:link p,

#main #original .dl-content a.latest-item:visited p {
	color:#000;
}

#main #original .dl-content a.latest-item:hover p,

#main #original .dl-content a.latest-item:active p {
	color:#7a7a7a;
	} 

#main #original .dl-content .latest-item .thumb {
	float: left;
	margin-left: 10px;
	margin-bottom: 10px;
	margin-right: 50px;
}
/**コンテンツ　ここまで**/


/**画像反転　ここから**/
#main #original .dl-image a img {
	opacity: 1; /* IE以外透過設定 */
	filter: Alpha(opacity=100);
	margin-left: 30px;
	margin-right: 15px;
	margin-bottom: 20px;
}



#main #original .dl-image a:hover img {
	opacity: 0.5; /* IE以外透過設定 */
	filter: Alpha(opacity=50); /* IE用透過設定 */
}
/**画像反転　ここまで**/



/*2020/06/18追加*/
#main .aboutft {
	margin-bottom: 40px;
}
#main .aboutft ul li {
	display: inline-block;
	vertical-align: top;
}

#main .aboutft ul li:first-child {
	margin-right: 20px;
}

#main .aboutft ul li a {
	color: #000;
	font-weight: normal;
	line-height: 40px;
}


#main .index {
	width: 600px;
	margin: 20px auto 100px auto;
}

#main #original .index p {
	align-items: center;
	font-weight: bold;
	font-size: 18px;
	margin: 0;
	padding: 0;
	display: flex;
}

#main #original .index p:before, #main #original .index p:after {
	content: "";
	flex-grow: 1;
	height: 1px;
	background: #444;
	display: block;
}
#main #original .index p:before {
	margin-right: .4em;
}
#main #original .index p:after {
	margin-left: .4em;
}

#main .index ul {
	width: 100%;
}

#main .index li {
	width: 45%;
	display: inline-block;
  margin-top: 0;
	margin-bottom: 20px;
	border: #b4b1a9 solid 1px;
	height: 40px;
}

#main .index li:hover{
	background: #CFCFCF;
}

#main .index li a {
	display: block;
	padding: 10px;
	color: #000;
	text-decoration: none;
	font-weight: bold;
	font-size: 12px;
	vertical-align: middle;
  background: none!important;
  text-align: left;
}

#main .index .listleft {
	margin-right: 20px;
}

#main .dl-image {
  position: relative;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-evenly;
}
#main .dl-image:after{
  content:"";
  display: block;
  width:38%;
}
#main .dl-image a{
  position: relative;
  display: block;
  width: 38%;
  margin:0 0 20px;
}

@media screen and (max-width: 767px){
  #main #original{
    width: 100%;
  }
  #main .index{
    width: 100%;
  }
  #main #original ul{
    display:bloxk;
  }
  #main .index li{
    width: 100%;
    margin: 0 0 20px;
  }
  #main .index .listleft{
    margin-right:0;
  }
  #main #original img{
    width:100%;
    margin-right:0!important;
    margin-left:0!important;
  }
  #main .aboutft ul li{
    display: block;
    margin: 0;
    text-align: left;
  }
  #main .aboutft ul li:first-child{
    margin:0;
  }
  #main #original p{
    margin-left: 0;
  }
  #main .movie div{
    margin-left:0!important;
  }
  #main #original table#table-02{
    width:100%;
    margin: 0 0 30px;
  }
  #main #original table#table-02 th,
  #main #original table#table-02 td{
    display:block;
    width:100%;
    padding:10px;
  }
  
  #main #original table#table-02 td iframe{
    width:100%;
  }
  
}