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

.fluid2 {
	width:100%;
	padding:0;}
	
	.item img {
		width:100%;}

.submenu {
    position: relative;
    width: 100%;
    margin: 0 auto;
	background-color:#CF0000 !important;
	
	
}


ul#headerNav2 {
    display: table;
	 float: right;
    height: 20px;
	margin-top:1px;
	margin-right:10px;
}



@media only screen and (max-width: 840px) { 


.submenu {
	 display:block;
	  height: 20px;
    position: relative;
    width: 100%;
    margin: 0 auto;
	background-color:#CF0000 !important;
	
	
}

ul#headerNav2 {
    display: none;
	 
}

.spmenu {
	 display:block;
	}
	

 
}

@media only screen and (min-width: 840px) { 
.spmenu {
	 display:none;
}

.spmenu02 {
	  display:block;
}

}



@media only screen and (max-width: 989px) { 

.spmenu02 {
	display:none !important;
	}

}

ul#headerNav2 li {
    display: table-cell;
    padding-right: 10px;
}
ul#headerNav2 li a {
    display: block;
    padding-left: 15px;
    height: 20px;
    background: no-repeat left center;
    color: #fff;
    font-size: 82%;
    font-weight: bold;
    line-height: 30px;
    white-space: nowrap;
}
ul#headerNav2 li a:hover,
ul#headerNav2 li a:active {
    color: #800000;
    text-decoration: none;
	
}


#headerNav2 .button-hours {
	display: inline-block;
	width: 80px;
	height: 20px;
	 padding-left: 2px;
	margin-top:10px;
	text-align: center;
	text-decoration: none;
	line-height: 20px;
	outline: none;
	background-color: #fff;
	color: #ff0000;
}



#headerNav2 .button-hours:hover {
	background-color: #800000;
	color: #fff;
}


#headerNav2.button-hours::before,
#headerNav2.button-hours::after {
	position: absolute;
	z-index: -1;
	display: block;
	content: '';
	color: #fff;
}
#headerNav2.button-hours,
#headerNav2.button-hours::before,
#headerNav2.button-hours::after {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	-webkit-transition: all .3s;
	transition: all .3s;
	
}



#main-col{
	
width:100%;
max-width:1200px;
margin: 0 auto; /* 内容のセンタリング */
display: block;
padding:10px
/*position: relative;
 overflow: hidden;*/
}


/* --- 会社概要スタイル --- */
#main-col-kaisyagaiyou{
	
width:100%;
max-width:1240px;
margin: 0 auto; /* 内容のセンタリング */
display: block;
padding:10px
/*position: relative;
 overflow: hidden;*/
}

.title-box{
	width:100%;
	margin-top:40px;
	margin-bottom:20px;
	border: 1px solid #ccc;
	height:auto;
	  position: relative;
 overflow: hidden;
}

.title-box img{
	float: right;
}


h1 {
	font-size:22px;
	padding-bottom: .5em;
	display: inline-block;
	border-bottom: 3px solid rgba(215,36,36,1.00);
	font-weight: bold;
	margin-left:20px;
	letter-spacing: 6px;
}
h1 span {
	display: block;
	margin-bottom: 0.6em;
	color: rgba(215,36,36,1.00);
	font-size:12px;
	letter-spacing: 0px;
}


.row-main{
  margin-top:10px;
   margin-bottom:30px;
  width: 100%;
 
}

 #item h2 {
	font-size:18px;
	font-weight: bold;
	padding: .5em .75em;
	background-color: #faf0e6;
	border-left: 6px solid #CF0000;
}

#item02 h2 {
	font-size:18px;
	font-weight: bold;
	padding: .5em .75em;
	background-color:  rgba(147,179,113,0.3);
	border-left: 6px solid #CF0000;
}
 #item h3 {
	color: rgba(215,36,36,1.00);
	font-size:16px;
	padding: .5em .75em;
	background-color: #fff;
	border-top: 1px solid #CF0000;
	border-left: 1px solid #CF0000;
	border-right: 1px solid #CF0000;
	border-bottom: 3px solid #CF0000;
	margin-top: 25px;
	margin-bottom: 25px;
}

#item02 h3 {
	color: rgba(215,36,36,1.00);
	font-size:16px;
	padding: .5em .75em;
	background-color: #fff;
	border-top: 1px solid #CF0000;
	border-left: 1px solid #CF0000;
	border-right: 1px solid #CF0000;
	border-bottom: 3px solid #CF0000;
	margin-top: 25px;
	margin-bottom: 25px;
}




 

 #issue h2 {
	 font-size:18px;
	font-weight: bold;
	padding: .5em .75em;
	position: relative;
	padding: .75em 1em .75em 2em;
	border: 1px solid #ccc;
	border-top: 3px solid #3498db;
	background: -webkit-linear-gradient(top, #fff 0%, #f0f0f0 100%);
	background: linear-gradient(to bottom, #fff 0%, #f0f0f0 100%);
	box-shadow: 0 -1px 0 rgba(255, 255, 255, 1) inset;
}
 #issue h2::after {
	position: absolute;
	top: 1em;
	left: .6em;
	z-index: 2;
	content: '';
	width: 10px;
	height: 10px;
	border: 3px solid #3498db;
	border-radius: 100%
}


 #issue h3 {
	
	font-size:16px;
	font-weight: bold;
	position: relative;
	padding: .25em 0 .5em .75em;
	border-left: 6px solid #ccc;
}
 #issue h3::before {
	position: absolute;
	left: -6px;
	bottom: 0;
	content: '';
	width: 6px;
	height: 50%;
	background-color: #3498db;
}
 #issue h3::after {
	position: absolute;
	left: 0;
	bottom: 0;
	content: '';
	width: 100%;
	height: 0;
	border-bottom: 0px solid #ccc;
}



 #ir h2 {
	display: block;
	font-size:18px;
	font-weight: bold;
	/*position: relative;*/
	padding: .25em 0 .5em .75em;
	border-left: 6px solid #CF0000;
	border-bottom: 1px solid #CF0000;
	margin-top:44px;
		margin-bottom:24px;
}


 #ir p{
	 margin-bottom: 0;
}

 #ir .newsBtn02{
		display: block;
	font-size: 14px;
	margin-top:44px;
	padding: 4px;
	float: right;
	z-index:100;
	font-weight: bold;
}


/*パンくず
------------------------------------------------------*/

/* --- リストエリア --- */
 .topicPath {

display: block;
text-align: left;

margin: 0px 0 50px 0;
/*padding-left:34px;*/
list-style-type: none;
font-size: 90%;
}

/* --- リスト項目 --- */
.topicPath li {
display: block;
float:left;
margin: 0px 10px 0px 0;
}

.topicPath li span{
color:#CF0000;
}

/* --- リンク --- */
.topicPath li a {
margin-right: 6px; /* リンクエリアの右マージン */
}

.topicPath li.hit a{color:#c2141c;}


.txt-bold01 {
   font-size:18px;
	font-weight: bold;
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	
  }
  
 
  
  .txt-bold03 {
   font-size:16px;
	font-weight: bold;
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	
  }

 .txt-bold03-mincho {
   font-family: "ヒラギノ明朝 Pro W6", Hiragino Mincho Pro, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HGS明朝E","ＭＳ Ｐ明朝", serif;
 font-weight: normal;
font-size: 21px!important;
margin:20px 0px 0px 0px;
padding: 0px;
line-height:1.4;
  }



.txt-bold04 {
   font-size:22px;
	display: inline-block!important;
	font-weight: bold;
	margin:20px 0px 0px 15px;
	padding:5px 20px 5px 20px!important;
	border: 2px solid #CF0000;
	background-color: #f5f5f5; 
  }


.txt-center{
	text-align: center;
    font-size:96%;
   display: block;
	margin-top: 0px;
	padding-top: 0px;
	line-height: 0.6em;
   
  }
  
  
.txt-box-right{
	text-align: right;
     padding:10px;
   display: block;
   line-height:1.8;
  }

.txt-border-red{
	color:#CF0000;
	font-size:16px;
	font-weight: bold;
	position: relative;
	padding: .35em 0 .5em 10px !important;
	border-left: 6px solid #CF0000;
	margin-top:15px;
}  
  

 .itemcol-left {
    width: 70%;
	/*padding-right:45px;
	padding-left:14px;*/
	float: left;
   display: block;
  /* margin-right:33px*/
  }
  
 
  
  
 .itemcol-left p{
     padding:10px 10px 0px 0px; 
   display: block;
   line-height:1.8;
  }
  
  
  
 .itemcol-left100 {
    width: 100%;
	padding-top:0px;
   display: block;
  margin-top:0px;
  }


 .itemcol-left100 img {

	margin: 0 auto; /* 内容のセンタリング */
display: block;
	 text-align: center;
  }




  .pixmap  {
 width: 960px;
	margin: 0 auto; /* 内容のセンタリング */
display: block;
	
  }

  .pixmap-sp  {
 
display: none;
	
  }


@media only screen and (max-width: 992px) { 
	
	 .pixmap  {
display: none;
	
  }

  .pixmap-sp  {
 
display: block;
	
  }
  
  
  .itemcol-left100 {
    width: 94%;
	margin: 0 auto; /* 内容のセンタリング */
display: block;
  }
	
	
}
 
  
  
 .itemcol-left100 p{
     padding:10px;
   display: block;
   line-height:1.8;
  }
  
  
  
 
  
   .itemcol-right {
    width: 30%;
float: left;
 margin-top:13px; 
 /* margin-left:20px; */
	 display: block;
	   position: relative;
  }
  
  .clearfix:after {
  display: block;
  clear: both;
  content: "";
}

/* --- --- */
#sidebar ul.newslist {
margin-top: 10px;
padding: 10;
list-style-type: none;
font-size:92%;

line-height:2.8;
text-align: left;

}

/* --- --- */

#sidebar section {
	width: 90%;
	float: right;
margin-top: 5px;
padding:0px; /* 項目のパディング（上右下左） */
border: 1px solid #ccc;
display: block;

}

#sidebar h4 {
margin: 0px;
padding: 5px 0px 5px 8px; /* 項目のパディング（上右下左） */
line-height:1.8;
color:#fff;
background-color:#CF0000; 
display: block;

}

#sidebar h5 {
	font-size:130%;
margin: 0px;
padding: 5px 0px 5px 8px; /* 項目のパディング（上右下左） */
line-height:1.8;
color:#fff;
background-color:#CF0000; 
display: block;

}

#sidebar ul {
margin-top: 5px;
padding: 5px 8px 10px 8px; /* 項目のパディング（上右下左） */
line-height:1.8;

border-bottom: 0px dotted #ccc;
display: block;

}

#sidebar ul.newslist li {
margin-top: 5px;
padding: 5px 0px 10px 8px; /* 項目のパディング（上右下左） */
line-height:1.8;

border-bottom: 1px dotted #ccc;
display: block;

}

#sidebar ul.newslist li p{
margin: 0px;
padding: 0px;


}

#sidebar ul.newslist li:last-child   {
border-bottom: 0px dotted #ccc;
}

#sidebar ul.newslist li a:hover{
text-decoration: underline; 

}

#sidebar ul.newslist li.hit a{color:#c2141c;}

#sidebar span
{
font-size:90%;
color: #999;
margin-right: 10px;

}


/* --- 製品写真エリア --- */
.itembg {
	background: url("../img/share/itembg.png") repeat;
width:100%;
padding: 20px;
display: block;
}


ul.itemlist {
	
width:680px; /* リストエリアの幅 */
margin: 0 auto 0px; /* 内容のセンタリング */
display: block;
padding: 0px 0 0px 0; /* リストエリアのパディング（上、左右、下） */
list-style-type: none;
}

/* --- リスト項目 --- */
ul.itemlist li {
width: 50%; /* 項目の幅 */
/* height: 110px; */ /* 項目の高さ（li要素の高さを指定する場合） */
float: left;
margin-bottom: 5px; /* 項目の下マージン */
text-align: center;
}

ul.itemlist li img{
	
width: 336px;
height:auto;

}


.img-center-item{
width: 336px;
height:auto;	
margin: 0 auto; /* 内容のセンタリング */
display: block;

}

/* --- clearfix --- */
.clearFix:after {
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
}
.clearFix {
min-height: 1px;
}

@media only screen and (max-width: 1200px) { 



ul.itemlist li img{
	

height:auto;

}


}


@media only screen and (max-width: 1000px) { 


.itemcol-left {
    width: 94%;
	/*padding-right:45px;
	padding-left:14px;*/
	float: none;
margin: 0 auto; /* 内容のセンタリング */
display: block;
  /* margin-right:33px*/
  }
  
 
 .itemcol-right {
    width: 94%;
float:none;
margin: 40px auto; /* 内容のセンタリング */
display: block;

	
	 
  }
  
  #sidebar section {
	width: 100%;
	float: right;
margin: 0 auto; /* 内容のセンタリング */
display: block;

border: 1px solid #ccc;
display: block;

}

ul.itemlist {
	
width: 100%; /* リストエリアの幅 */
margin: 0 auto; /* 内容のセンタリング */
display: block;
padding: 0px 0 0px 0; /* リストエリアのパディング（上、左右、下） */
list-style-type: none;
}

}


@media only screen and (max-width: 840px) { 

.itembg {
	background: url("../img/share/itembg.png") repeat;
width:100%;
padding: 10px;
display: block;
}


ul.itemlist li {
width: 100%; /* 項目の幅 */
/* height: 110px; */ /* 項目の高さ（li要素の高さを指定する場合） */
float: none;
margin-bottom: 5px; /* 項目の下マージン */
text-align: center;
}

}


@media only screen and (max-width: 580px) { 


.title-box{
	width:94%;
	margin:0px auto 10px;;
	display: block;
	border: 1px solid #ccc;
	height:auto;
	  position: relative;
 overflow: hidden;
}

.title-box img{
	float: none;
	width: 100%;
	height:auto;
}


	
ul.itemlist li img{
	
width: 90%;
height:auto;

}
	
	.img-center-item{
	
width: 90%;
height:auto;	
margin: 0 auto; /* 内容のセンタリング */
display: block;

}



}



 .pointInner {
	width: 100%;
	padding: 2px;
	
	background: #ffe4e1;
	
	margin: 0 0 50px 0px;
	position: relative;
}

.pointInner02 {
	width: 100%;
	padding: 2px;
	
	background: rgba(210,180,140,0.6);
	
	margin: 0 0 50px 0px;
	position: relative;
}
 
 .pointArea{
	width: 98%;
	margin: 0 auto 10px; /* 内容のセンタリング */
	
display: block;
padding: 15px;
background-color: #fff;
line-height:1.8;
}



 .lead {
	font-size:18px;

margin-left:10px;
padding-left:10px;
font-weight: bold;	
}


.footer-height {

display: block;
height:300px;
}



div.pagination {
	
	margin: 40px auto 40px; 
display: block;
	padding-top: 30px;
	
	text-align: center;

	line-height: 28px;
	
}

div.pagination a {
	padding: 4px 5px 2px 5px;
	margin-right: 2px;
	border: 1px solid #999;
	
	text-decoration: none; 
	color: #aaa;
	background-color: #eee;
}
div.pagination a:hover, div.pagination a:active {
		padding: 4px 5px 2px 5px;
	margin-right: 2px;
	border: 1px solid #999;
	
}
div.pagination span.current {
		padding: 4px 5px 2px 5px;
	margin-right: 2px;
	border: 1px solid #999;
	font-weight: bold;
	background-color: #fff;
	color: #aaa;
}
div.pagination span.disabled {
		padding: 4px 5px 2px 5px;
	margin-right: 2px;
	border: 1px solid #999;
	color: #999;
	
}


.img-center{
width: 100%;
height:auto;
 /* max-width:1800px;*/
  margin:10px auto 20px; /* 内容のセンタリング */
display: block;
    position: relative;
 overflow: hidden;

}	

.img-center02{
width: 60%;
height:auto;
 /* max-width:1800px;*/
  margin:30px auto 20px; /* 内容のセンタリング */
  padding:2px;
  border: 1px solid #ccc;
display: block;
    position: relative;
 overflow: hidden;

}	

.img-center03{
width: 80%;
height:auto;
 /* max-width:1800px;*/
  margin:0px auto 0px; /* 内容のセンタリング */
  
display: block;
    position: relative;
 overflow: hidden;

}	

.img-center04{
width: 300px;
height:auto;
 /* max-width:1800px;*/
  margin:30px auto 20px; /* 内容のセンタリング */
  padding:2px;
 
display: block;
    position: relative;
 overflow: hidden;

}


.img-center05{
width: 100%;
height:auto;
 /* max-width:1800px;*/
  margin:10px auto 0px; /* 内容のセンタリング */
display: block;
    position: relative;
 overflow: hidden;

}	

.img-center06{
width: 30%;
height:auto;
 /* max-width:1800px;*/
  margin:30px auto 20px; /* 内容のセンタリング */
  padding:2px;
  border: 1px solid #ccc;
display: block;
    position: relative;
 overflow: hidden;

}	


@media screen and (orientation: portrait) and (max-width: 480px) {

			
.img-center{
width: 100%;
height:auto;
 /* max-width:1800px;*/
  margin:1px auto 20px; /* 内容のセンタリング */
display: block;
    position: relative;
 overflow: hidden;

}	
			
.img-center02{
width: 100%;
height:auto;
 /* max-width:1800px;*/
  margin:30px auto 20px; /* 内容のセンタリング */
  padding:2px;
  border: 1px solid #ccc;
display: block;
    position: relative;
 overflow: hidden;

}	

.img-center03{
width: 90%;
height:auto;
 /* max-width:1800px;*/
  margin:5px auto 5px; /* 内容のセンタリング */
  
display: block;
    position: relative;
 overflow: hidden;

}	
	
	.img-center04{
width: 80%;
height:auto;
 /* max-width:1800px;*/
  margin:30px auto 20px; /* 内容のセンタリング */
  padding:2px;
 
display: block;
    position: relative;
 overflow: hidden;

}


}

.txt-gray{
	margin:0 0 10px;
	color:#999;}

/* ---  会社概要 --- */


#company h2 {
	 font-size:18px;
	font-weight: bold;
	padding: .5em .75em;
	position: relative;
	padding: .75em 1em .75em 2em;
	border: 1px solid #ccc;
	border-top: 3px solid #3498db;
	background: -webkit-linear-gradient(top, #fff 0%, #f0f0f0 100%);
	background: linear-gradient(to bottom, #fff 0%, #f0f0f0 100%);
	box-shadow: 0 -1px 0 rgba(255, 255, 255, 1) inset;
}
#company h2::after {
	position: absolute;
	top: 1em;
	left: .6em;
	z-index: 2;
	content: '';
	width: 10px;
	height: 10px;
	border: 3px solid #3498db;
	border-radius: 100%
}


#company h3 {
	
	font-size:16px;
	font-weight: bold;
	position: relative;
	padding: .25em 0 .5em .75em;
	border-left: 6px solid #ccc;
}


div.update02 {

font-size: 100%;
margin: 15px 0 15px;
display: block;
}



/* --- 新着リスト --- */
div.update02 dl {
width:100%; 
margin-top: 40px;
border-top: 0px #c0c0c0 dotted; 
}

/* --- 項目エリア --- */
div.update02 dt {

/*clear: left;*/
clear:both;
float: left;
width: 7em; 
 padding: 12px 0em;

line-height: 1.2em;
text-align: left;
color:#666;
font-weight: bold;


}

/* --- 本文エリア --- */
div.update02 dd {
margin-left: 0;
padding: 7px 1em 3px 7.5em; /* 本文エリアのパディング（上右下左） */
border-bottom: 1px #c0c0c0 dotted; /* 本文エリア下境界線 */
line-height: 2.0em;
text-align: left;

}



div.update02 dd:last-child {
margin-left: 0;
padding: 7px 1em 3px 7.5em; /* 本文エリアのパディング（上右下左） */
border-bottom: 0px #c0c0c0 dotted; /* 本文エリア下境界線 */
line-height: 2.0em;
text-align: left;

}

@media only screen and (max-width: 840px) {
	
	/* --- 項目エリア --- */
div.update02 dt {

/*clear: left;*/
clear:both;
float: none;
width: 6em; 
 padding: 12px 0em;

line-height: 1.2em;
text-align: left;
color:#666;
font-weight: bold;


}

/* --- 本文エリア --- */
div.update02 dd {
margin-left: 0;
padding: 2px 0em 3px 0.5em; /* 本文エリアのパディング（上右下左） */
border-bottom: 1px #c0c0c0 dotted; /* 本文エリア下境界線 */
line-height: 2.0em;
text-align: left;
font-size: 90%;

}

div.update02 dd:last-child {
margin-left: 0;
padding: 2px 0em 3px 0.5em; /* 本文エリアのパディング（上右下左） */
border-bottom: 0px #c0c0c0 dotted; /* 本文エリア下境界線 */
line-height: 2.0em;
text-align: left;
font-size: 90%;

}

	
}



div.update02  dd:after {
  content:'';
  display:block;
  clear:both;
}


/* ---  会社沿革 --- */

div.update03 {

font-size: 100%;
margin: 40px 0 15px;
display: block;
}



/* --- 新着リスト --- */
div.update03 dl {
width:100%; 
margin: 0;
border-top: 0px #c0c0c0 dotted; 
}

/* --- 項目エリア --- */
div.update03 dt {

/*clear: left;*/
clear:both;
float: left;
width: 200px; 
 padding: 12px 0em;

line-height: 1.2em;
text-align: left;
color:#666;
font-weight: bold;


}

/* --- 本文エリア --- */
div.update03 dd {

margin-left: 0;
padding: 7px 1em 3px 210px; /* 本文エリアのパディング（上右下左） */
border-bottom: 1px #c0c0c0 dotted; /* 本文エリア下境界線 */
line-height: 2.0em;
text-align: left;

}

div.update03 dd:last-child {
margin-left: 0;
padding: 7px 1em 3px 210px;/* 本文エリアのパディング（上右下左） */
border-bottom: 0px #c0c0c0 dotted; /* 本文エリア下境界線 */
line-height: 2.0em;
text-align: left;

}

@media only screen and (max-width: 840px) {
	
	/* --- 項目エリア --- */
div.update03 dt {

/*clear: left;*/
clear:both;
float: none;
width: 90%; 
 padding: 12px 0em;

line-height: 1.2em;
text-align: left;
color:#666;
font-weight: bold;


}

/* --- 本文エリア --- */
div.update03 dd {

margin-left: 0;
padding: 3px 1em 3px 0.5em; /* 本文エリアのパディング（上右下左） */
border-bottom: 1px #c0c0c0 dotted; /* 本文エリア下境界線 */
line-height: 1.6em;
text-align: left;
font-size: 90%;

}

div.update03 dd:last-child {
margin-left: 0;
padding: 3px 1em 3px 0.5em; /* 本文エリアのパディング（上右下左） */
border-bottom: 0px #c0c0c0 dotted; /* 本文エリア下境界線 */
line-height:  1.6em;
text-align: left;
font-size: 90%;
}
	
}

div.update03  dd:after {
  content:'';
  display:block;
  clear:both;
}

.img-right {
   /* width: 70%;*/
	/*padding-right:45px;
	padding-left:14px;*/
	float: right;
   display: block;
  /* margin-right:33px*/
  }
  
  .img-right-item {
    width: 320px;
	height:auto;
	/*padding-right:45px;
	padding-left:14px;*/
	float: right;
   display: block;
  margin-left:23px
  }
  
 
 /* --- 新着リスト --- */
div.update04 dl {
width:100%; 
margin-top: 20px;
border-top: 1px #c0c0c0 dotted; 
}

/* --- 項目エリア --- */
div.update04 dt {

/*clear: left;*/
clear:both;
float: left;
width: 6em; 
 padding: 12px 0em;

line-height: 1.2em;
text-align: left;
color:#666;
font-weight: bold;


}

/* --- 本文エリア --- */
div.update04 dd {
margin-left: 0;
padding: 7px 1em 3px 7.5em; /* 本文エリアのパディング（上右下左） */
border-bottom: 1px #c0c0c0 dotted; /* 本文エリア下境界線 */
line-height: 2.0em;
text-align: left;

}



@media only screen and (max-width: 840px) {
	
	/* --- 項目エリア --- */
div.update04 dt {

/*clear: left;*/
clear:both;
float: none;
width: 6em; 
 padding: 12px 0em;

line-height: 1.2em;
text-align: left;
color:#666;
font-weight: bold;


}

/* --- 本文エリア --- */
div.update04 dd {
margin-left: 0;
padding: 3px 0em 3px 0.5em; /* 本文エリアのパディング（上右下左） */
border-bottom: 1px #c0c0c0 dotted; /* 本文エリア下境界線 */
line-height: 1.6em;
text-align: left;

}

.img-right {
   width: 80%;
   height:auto;
	/*padding-right:45px;
	padding-left:14px;*/
	float: none;
   display: block;
  margin:0px auto 10px;
  }
  
   .img-right-item {
   width: 80%;
	height:auto;
	/*padding-right:45px;
	padding-left:14px;*/
	float: none;
   display: block;
  margin:0px auto 10px;
  }

	
}

div.update04  dd:after {
  content:'';
  display:block;
  clear:both;
}





/* --- clearfix --- */
.clearFix:after {
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
}
.clearFix {
min-height: 1px;
}


.imgright {
width:100%;
display: block;

text-align: right;
/*  padding-left: 440px;*/
   padding-bottom: 30px;
} 



.imgright p {
text-align: right;
line-height:1.8;
margin:0px;
padding:0px;
	color:#666;
	font-size:13px;
	
} 

.imgright .txt-bold03 {
text-align: right;
margin:0px 0px 20px 0px;
	padding:0px;
	line-height:1.8;
	color:#333;
	font-size:22px;
	font-weight:bold;
	
} 


/* ---  採用情報 --- */


#recruit h2 {
	color:#3498db;
	 font-size:20px;
	font-weight: bold;
	padding: .5em .75em;
	position: relative;
	padding: .75em 1em .75em 1.5em;
	border: 1px solid #ccc;
	border-top: 3px solid #3498db;
	background: -webkit-linear-gradient(top, #fff 0%, #f0f0f0 100%);
	background: linear-gradient(to bottom, #fff 0%, #f0f0f0 100%);
	box-shadow: 0 -1px 0 rgba(255, 255, 255, 1) inset;
}
#recruit h2::after {
	position: absolute;
	top: 1.1em;
	left: .6em;
	z-index: 2;
	content: '';
	width: 10px;
	height: 10px;
	border: 3px solid #3498db;
	border-radius: 100%
}


#recruit h3 {
	display: inline-block;
	color:#CF0000;
	font-size:21px;
	font-weight: bold;
	position: relative;
	padding:10px;
	/*background-color: #CF0000;*/
	border: 3px solid #CF0000;
}

#recruit h4 {
	color:#CF0000;
	font-size:18px;
	font-weight: bold;
	position: relative;
	padding: .25em 0 .5em .75em;
	border-left: 6px solid #CF0000;
	
}

#recruit h5 {
	margin: 0px;
padding: 5px 0px 5px 8px; /* 項目のパディング（上右下左） */
line-height:1.8;
color:#fff;
background-color:#CF0000; 
display: block;
}


.center-line {
	position: relative;
	text-align: center;
	margin:20px auto 20px;
	font-size:120%;
	font-weight: bold;
}
.center-line span {
	position: relative;
	z-index: 2;
	display: inline-block;
	margin: 0 2.5em;
	padding: 0 1em;
	background-color: #fff;
	text-align: left;
}
.center-line::before {
	position: absolute;
	top: 50%;
	z-index: 1;
	content: '';
	display: block;
	width: 100%;
	height: 1px;
	background-color: #ccc;
}

.re-txt01 {
	line-height:1.8;
	font-size:100%;
	display: block;
	padding: 20px !important;
	border: 0px solid #ccc;
	background: url(../img/share/hr-12.png) ;
}


.info-box001 {
 z-index: 1;
 position: relative;
 width: 100%;
/*height: 220px;*/
/* background-color: #f2f2f2;*/
 margin: 40px auto 10px;
}





.info-box002 {
 z-index: 3;
 position: absolute;
 top: -20px;
left: 5%;
 width: 46%;
 height: auto;
background-color: rgba(0,0,0,0.5);
padding:15px;
} 



 .info-box002 p{
	 
line-height:1.6;
 color:#fff;

} 


.info-box003 {
 z-index: 3;
 position: absolute;
 top: -20px;
right: 5%;
 width: 46%;
 height: auto;
background-color: rgba(0,0,0,0.5);
padding:15px;
} 



 .info-box003 p{
	 
line-height:1.6;
 color:#fff;

} 




	


.img-left {
   /* width: 70%;*/
	/*padding-right:45px;
	padding-left:14px;*/
	float: left;
   display: block;
   padding: 2px !important;
   border: 1px solid #ccc;
  /* margin-right:33px*/
  }


.img-left02 {
   /* width: 70%;*/
	/*padding-right:45px;
	padding-left:14px;*/
	float: left;
   display: block;
   padding: 2px !important;
   border: 1px solid #ccc;
 margin-right:13px
  }

.re-txt02 {
	
	font-size:100%;
	display: block;
	margin-left:270px;
	padding: 20px !important;
	border-left: 4px solid #ccc;
}


/* 左カラム */
.sub_left_col {
	
	float: left;
	width:67%;
	margin-top: 15px;
	margin-bottom: 25px;
	margin-right: 0px;
	background-color: #EAEAEA !important;
}


/* 右カラム */
.sub_right_col {
	float: right;
	width: 30%;
background-color: #EAEAEA !important;
	margin-top: 0px;
	margin-bottom: 25px;
	margin-left: 0px;
}

@media screen and (max-width: 840px) {
	
	/* 左カラム */
.sub_left_col {
	
	float: none;
	width:100%;
	margin-top: 15px;
	margin-bottom: 25px;
	margin-right: 0px;
	background-color: #EAEAEA !important;
}
	
	/* 右カラム */
.sub_right_col {
	float: none;
	width:100%;
background-color: #EAEAEA !important;
	margin-top: 0px;
	margin-bottom: 25px;
	margin-left: 0px;
}


	
	
.info-box002 {
 z-index: 3;
 position: relative;
top: 0px;
left:0%;
	
 width: 100%;
 height: auto;
background-color: rgba(0,0,0,0.5);
padding:15px;
margin: 0 auto; /* 内容のセンタリング */
display: block;
} 



 .info-box002 p{
	 
line-height:1.6;
 color:#fff;

} 


.info-box003 {
 z-index: 3;
 position: relative;
 top: 0px;
right: 0%;
 width: 100%;
 height: auto;
background-color: rgba(0,0,0,0.5);
padding:15px;
} 

	
}


.hr{
 	height: 6px;
	background: url(../img/share/hr-11.png) repeat-x 0 0;
    border: 0;
}


#faqbox {
width: 100%; /* ボックスの幅 */
background-color: #ffffff; /* ボックスの背景色 */

display: table;
margin: 0px auto; /* 内容のセンタリング */
padding-top: 20px;


}


#faqbox .faqtitle {
margin: 0; /* 見出しのマージン */
padding: 1px 1px  1px 1px; 
background-color: #fff; /* 見出しの背景色 */
display: table;
overflow: hidden;
}

#faqbox .faqtitle .floor {
font-size:120%;
background-color: #CF0000;
padding: 3px  12px; 
margin: 0px;
float:left;
color: #ffffff;
border:1px solid #CF0000;
font-weight: bold;
}

#faqbox .faqtitle .strong {
overflow: hidden;
color: #00495C;
display: table-cell;
vertical-align:middle;
font-weight: bold;
font-size:110%;
margin-top: 3px;
margin-bottom: 0px;
padding-top: 0px;
padding-left: 16px;

}


#faqbox02 {
width: 100%; /* ボックスの幅 */
background-color: #ffffff; /* ボックスの背景色 */

display: table;
margin: 0px auto 20px; /* 内容のセンタリング */
}


#faqbox02 .faqtitle {
margin: 0; /* 見出しのマージン */
padding: 1px 1px  1px 1px; 

display: block;
overflow: hidden;

}

#faqbox02 .faqtitle .floor {
font-size:120%;
background-color: #fff; /* 見出しの背景色 */
color: #CF0000;
border:1px solid #CF0000;
padding: 3px 12px; 
margin: 0px;
float:left;

font-weight: bold;
}

#faqbox02 .faqtitle .answer {
overflow: hidden;
color: #666;
font-weight: normal;
font-size:100%;
width: 90%; 
display: block;
margin-bottom: 15px;
padding-top: 0px;

padding-left: 18px;
}




@media screen and (max-width: 780px) {
#faqbox02 .faqtitle .answer {
overflow: hidden;
color: #666;
font-weight: normal;
font-size:100%;
width: auto; 
display: block;
margin-bottom: 15px;
padding-top: 10px;

padding-left: 18px;
}
}

/* 1日の流れ */

.oneday {
	width: 100%;
	/*background-color: #f2f2f2 !important;*/
	padding: 0px 10px 10px 10px;
}


.oneday dl {

	line-height: 2;
	overflow: hidden;
	margin-bottom: 10px;
}
.oneday dt {
	float: left;
	display: inline-block;
	width: 57px;
	margin-right: 10px;
	text-align: left;
	font-size: 100%;
}
.oneday dd {
	padding-top: 0px;
	overflow: hidden;
	font-size: 100%;
}


/*募集要項のテーブル*/


.shokai{
margin-top:20px;
  width:100%;
  border: 2px solid #d6ceb4;
overflow: hidden;
 /* word-break: break-all;
  word-wrap: break-word;*/
}
 
.shokai th{
  padding: 6px 8px 5px;
  border-top: solid 1px #ffffff;
  width: 20%;
  overflow: hidden;
  color: #13131e;
  font-style: normal;
  font-weight: bold;
  font-size: 100%;
  text-align: left;
  word-break: break-all;
  word-wrap: break-word;
  vertical-align: top;
  background-color: #eeece4;
}

.shokai th.cols02{
  padding: 6px 8px 5px;
  border-top: solid 1px #ffffff;
  width: 20%;
  overflow: hidden;
  color:#8b4513;
  font-style: normal;
  font-weight: bold;
  font-size: 110%;
  text-align: left;
  word-break: break-all;
  word-wrap: break-word;
  vertical-align: top;
  background-color: #f2f2f2;
}

 
.shokai td{
padding: 10px 10px;
text-align: left;
vertical-align: top;
color: #595960;
background-color: #ffffff;
border-top: dotted 1px #e0dccc;
overflow: hidden;
/*word-break: break-all;
word-wrap: break-word;*/
}
 
@media (max-width: 800px){
.shokai th{
  width:100%;
  display:block;
  margin: 0 auto;
  border:none;
  border-radius: 3px;
}

.shokai th.cols02{
  padding: 6px 8px 5px;
  border-top: solid 1px #ffffff;
  width: 100%;
  overflow: hidden;
  color:#3498db;
  font-style: normal;
  font-weight: bold;
  font-size: 110%;
  text-align: left;
  word-break: break-all;
  word-wrap: break-word;
  vertical-align: top;
  background-color: #f2f2f2;
}

.shokai td{
  display: list-item;
  width: 100%;
  border-top: none !important;
}
}


.sample001 {
 z-index: 1;
 position: relative;
 width: 96%;

 background-color: #fffafa;
 margin: 65px auto 20px;
padding: 50px 20px 20px 20px;
 border: 1px #A48B78 solid; 
 font-size: 100%;
line-height:1.8;

}
.sample002 {
 z-index: 2;
 position: absolute;
 top: -30px;
 left: 10px;
/*width: 80%;*/

 background-color: none;
}

.sample002 img{

width: 120px;
height:auto;


}


 .imgarrow {
	display: block;

  margin: 0px 0px 0px 30px;
  /*padding-left: 5px;*/
} 





.step{
	
width: 640px;
	
	display: inline-block;
	padding: 0px;
	margin-top: 0px;
	margin-bottom: 0px;
	
}


/* サイトマップ*/

.inner-sitemap {
    width: 45%;
    margin: 0 10px 0px 30px;
	float: left;
	/* background-color: #fff;*/
}

.inner-sitemap ul {
    list-style: none;
	  line-height:1.8;
	   margin-left: 0px;
	   padding-left:0px;
}



.inner-sitemap li {
    list-style: none;
	  line-height:1.8;
	   margin-left: 10px;
	   padding-left:0px;
}

.inner-sitemap li strong{
   font-weight: bold;
   display: block;
   margin: 25px auto 10px;
   line-height:1.8;
   border-bottom: 1px dotted #ccc;
   
   
    padding: 1px 0 1px 2px;
    background-image: url("../img/icon_angle_orange.png");
    background-repeat: no-repeat;
    background-position: 0 50%;
    background-size: 9px 13px;
}




@media only screen and (max-width:800px){


.inner-sitemap {
  width: 100%;
    margin:0px;
	float: none;
	/* background-color: #fff;*/
}

}


/* ---  受託加工 --- */


#process h2 {
	 font-size:18px;
	font-weight: bold;
	padding: .5em .75em;
	position: relative;
	padding: .75em 1em .75em 2em;
	border: 1px solid #ccc;
	border-top: 3px solid #CF0000;;
	background: -webkit-linear-gradient(top, #fff 0%, #f0f0f0 100%);
	background: linear-gradient(to bottom, #fff 0%, #f0f0f0 100%);
	box-shadow: 0 -1px 0 rgba(255, 255, 255, 1) inset;
}
#process h2::after {
	position: absolute;
	top: 1em;
	left: .6em;
	z-index: 2;
	content: '';
	width: 10px;
	height: 10px;
	border: 3px solid #CF0000;
	border-radius: 100%
}


#process h3 {
	color:#CF0000;
	font-size:16px;
	font-weight: bold;
	position: relative;
	padding: .25em 0 .5em .75em;
	border-left: 6px solid #CF0000;
	margin:35px 0 10px 0;
}


.policy-num{
	
	display: block;
	/*font-weight: bold;*/
	position: relative;
	padding:0 2px 10px 0px;
	
	
}

div.policy-num {

font-size: 100%;
margin: 15px 0 0px;
display: block;
}




div.policy-num dl {
width:100%; 
margin-top: 20px;
padding-top: 20px;
border-top: 1px #c0c0c0 dotted; 
border-bottom: 1px #c0c0c0 dotted; 
}

/* --- 項目エリア --- */
div.policy-num dt {

/*clear: left;*/
clear:both;
float: left;
width: 6px; 
 padding: 0px 0em;

line-height: 2.0em;
text-align: left;

}

/* --- 本文エリア --- */
div.policy-num dd {
margin-left: 0;
padding: 0px 0px 0px 20px; /* 本文エリアのパディング（上右下左） */
margin-bottom:15px;
line-height: 2.0em;
text-align: left;

}



/* --- CSSモーダルウィンドウ --- */
 
#modal {
    margin: 0 auto;
    padding: 10px 0 50px 0;
    width: 100%;
	
}

@media screen and (orientation: portrait) and (max-width: 992px) {
	
	#modal {
    margin: 0 auto;
    padding: 10px 0 0px 0;
    width: 100%;
}
}



/* viewimage */
.overlay {
	position: fixed;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	display:none;
	z-index: 9999;
	background: rgba(0,0,0,0.6);
}
.overlay a {
	display: table-cell;
	vertical-align: middle;
	text-align:center;
}
.overlay img {
	border: 5px solid #fff;
	
}

.overlay a:hover img {
	opacity: 1.0;
	filter: alpha(opacity=100);
}

.overlay:target {
	display: table;
}
.overlay .right {
	display:block;
	text-align: center;
	line-height: 2em;
}

/* --- CSSモーダルウィンドウ終了 --- */