@charset "UTF-8"; 
 
/* トップイメージ */ 
#topImageBox {
}
#topImage {
	position: relative;
	width: 580px;
	height: 386px;
	margin: 0 auto;
	overflow: hidden;
}
#controls {
	position: absolute;
	top: 8px;
	right: 4px;
	z-index: 11;
	text-align: left;
	overflow: hidden;
}
#controls li {
	float: left;
	width: 12px;
	height: 12px;
	margin-left: 7px;
}
#controls li a {
	display: block;
	width: 12px;
	height: 12px;
	text-indent: -9999em;
	overflow: hidden;
	background-color: #fff;
}
#controls li.current a {
	background-color: #c20d23;
}

#prevBtn {
	display: none;
}
#nextBtn {
	display: none;
}
 	
/* 新着情報 */ 

#listWrapper { 
	overflow-y:auto;
	overflow-x:hidden;
	width:98%;
	height:150px;
	padding:5px;
	margin-bottom:15px;
}

.newsList {
	z-index: 1;
	margin-bottom: 1.5em;
}
 
/* X SANYO */ 

.xsanyoBox {
	width: 554px;
	margin: 1.5em 0;
	padding: 10px;
	background-image: url(../img/xsanyobg.jpg);
	background-repeat: no-repeat;
	border: 3px solid #1a1b7f;
}

.xsanyoLogo {
	float: left;
	width: 120px;
	padding: 5px 5px;
}

.xsanyoCopy {
	float: right;
	width: 410px;
	padding: 10px 0 5px;
}
.xsanyoComment {
	float: right;
	width: 410px;
	font-size: 90%;
}

.xsanyoLink {
	float: right;
	width: 200px;
}
 
/* 営業所住所 */ 

.officeAddress {
	margin-top:15px;
	clear:both;
}/* 2017.9.8追加 */ 

.officeAddress li {
	font-size: 90%;
}

.officeAddress .officeName {
	font-weight: bold;
	width: 105px;
	display: inline-block;
	float: left;
}

.officeAddress .officeInfo {
	display: inline-block;
	float: left;
	width: 80%;
}

.officeAddress .officeTel {
	font-weight: bold;
	color: #171c61;
}
 
/* 本文 */ 

#main {
	padding-bottom: 10px;
}
 
/* コピーライト */ 
.copyright {
	padding-top: 0;
}
 
/* サイド コンテンツナビ */ 

.worksNavi {
	margin: 30px 0;
}
.worksNavi a {
	font-size: 90%;
	color: #fff;
	text-decoration: none;
}
.worksNavi a:hover {
	color: #171c61;
}

.worksNavi li {
	width: 180px;
}
.worksNavi a {
	display: block;
	width: 103px;
	margin: 5px 10px;
	padding: 15px 0px;
	padding-left: 55px;
	background-repeat: no-repeat;
	background-position: left;
}
.worksNavi .dyeing { background-image: url(../img/work_dyeing.jpg); }
.worksNavi .indigo { background-image: url(../img/work_indigo.jpg?2018); }
.worksNavi .printing { background-image: url(../img/work_printing.jpg); }
.worksNavi .processing { background-image: url(../img/work_processing.jpg); }
.worksNavi .manufacture { background-image: url(../img/work_manufacture.jpg); }
.worksNavi .quality { background-image: url(../img/work_quality.jpg); }
.worksNavi .environment { background-image: url(../img/work_environment.jpg); }
.worksNavi .sanyosenko { background-image: url(../img/work_sanyosenko.jpg?2018); }
 
/* バナー */ 
.bn {
}

/* SNS追加 */ 
.fb_wrapper {
	float:left;
}

.insta_wrapper {
	float:right;
}

.sns_bn {
	border:1px solid #ccc;
	width:580px;
	clear:both;
	margin-top:435px;
}

/* 動画追加 */
.movie_bn {
	clear: both;
	padding: 15px 0 15px 15px;
	padding-left: 300px;
	font-size: 80%;
}

.movie_bn .bnWrap {
	display:inline-block;
	vertical-align:top;
	text-align:center;
}

.movie_bn .bnWrap img {
	width:140px;
	height:auto;
}

.movie_bn .bnWrap .lcm {
	margin:0 1px;
}