﻿/*
@prefix : <http://purl.org/net/ns/doas#> .
 :title "Common Stylesheet - second8";
 :shortdesc "Common stylesheet for XHTML pages of this site.";
 :created "2011-11-16";
 :release [:revision "3.1"; :created "2013-01-08"];
 :author [:name "second8";];
 :license (C)second8.
*/

@charset "utf-8";
/* Reset
-----------------------------------------------*/
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
	margin:0;
	padding:0;
	border:0;
	outline:0;
	font-weight:normal;
	background: transparent;
}
body {
	font-family:"Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ ProN W3",Myriad, Arial, "Meiryo", "メイリオ", sans-serif; 
	_font-family:'ＭＳ Ｐゴシック', sans-serif;
	font-size:13px;
	*font-size:82%;
	line-height:1.6;
	word-break:break-all; 
}
ul {
	list-style:none;
}
blockquote, q {
	quotes:none;
}
a	{
	color:#666;
}
:focus {
	outline:0;
}
ins {
	text-decoration:none;
}
del {
	text-decoration:line-through;
}
table {
	border-collapse:collapse;
}
img {
	vertical-align:top;
	border-style:none;
}
/* Font-size list (base: 13px)
-----------------------------------------------
 62% =  8px
 70% =  9px
 77% = 10px
 85% = 11px        162% = 21px        239% = 31px
 93% = 12px        170% = 22px        247% = 32px
100% = 13px        177% = 23px        254% = 33px
108% = 14px        185% = 24px        262% = 34px
116% = 15px        193% = 25px        270% = 35px
124% = 16px        200% = 26px        277% = 36px
131% = 17px        208% = 27px        285% = 37px
139% = 18px        216% = 28px        293% = 38px
147% = 19px        224% = 29px        300% = 39px
154% = 20px        231% = 30px        308% = 40px
*/

/* for IE
----------------------------------------------- */
img {
	-ms-interpolation-mode:bicubic;
}
/* Links
----------------------------------------------- */
a {
	text-decoration:underline;
	color:#0000CC;
}
a:visited {
	color:#660099;
}
a:hover {
	text-decoration:underline;
	color:#0099FF;
}
a:active {
	color:#0000CC;
}
/* Strong
----------------------------------------------- */
strong {
	font-weight:normal;
}
/* Font
----------------------------------------------- */
.bold {
	font-weight:bold;
}
.red {
	color:#FF0000;
}
/* Align
----------------------------------------------- */
.left {
	text-align:left;
}
.right {
	text-align:right;
}
.center {
	text-align:center;
}

.rowspace30{margin-bottom:30px;}

/* Alfa
----------------------------------------------- */
a:hover img {
	-moz-opacity:0.60;
	opacity:0.60;
}
a:hover img.btn, ul.allbtn li a:hover img {
	-moz-opacity:1;
	opacity:1;
}
/* Top & Second Style
----------------------------------------------- */
body	{
  color:#333;
  background:url(../img_top/bg.jpg) center 100px no-repeat;
}
#page	{
  width:960px;
  padding:0 10px;
  overflow:hidden;
  margin:0 auto 50px;
}
.aside	{
  float:left;
  width:230px;
  margin-right:20px;
  height: 1700px;
}
.contents	{
  width:710px;
  float:left;
}
.nav	{
  overflow:hidden;
  margin-bottom:30px;
  width:710px;
}
.nav li	{
  float:left;
  margin-right:1px;
}

/* 求人情報追加のため、css追加(220902)*/
#right {
	border: 3px solid #E50012;
	margin: 5px 0 20px 0;
    padding: 20px 10px 20px 10px;
}
/*
.recruit_info {
	position: relative;
  	display: inline-block;
  	padding: 0 303px;
	font-size: 26px;
}
.recruit_info:before, .recruit_info:after {
  	content: '';
 	position: absolute;
  	top: 50%;
  	display: inline-block;
  	width: 45px;
  	height: 1px;
  	background-color: black;
}

h1:before {
  left:0;
}
h1:after {
  right: 0;
}
*/
.recruit_info img {
	margin: 0 -10px 0 -10px;

}
.work {
	font-size:16px;
	margin: 5px 5px 0 15px;
}

.tb_company {
	width:100%;
	margin-bottom:px;
}
.tb_company th {
	border-bottom:#E50012 solid 2px;
	padding:10px;
	width:126px;
	font-size:14px;
	color:#523A39;
	font-weight:bold;
	vertical-align:text-top;
}
.tb_company td {
	border-bottom:#C8C9C9 solid 1px;
	padding:10px 10px 10px 20px;
	font-size:13px;
	color:#333;
}
	/*採用のお問合せ*/
.employ {
	display:flex;
	font-size:16px;	
    justify-content: space-evenly;
	margin: 20px 0 10px 0;
}
.employ_tag {
	padding:5px 0 0 0;
}
	/*電話番号*/
.employ_number {
	margin: 5px 0 0 0;
}
.employ_number a {
	text-decoration:none;
	color: #fff;
	background-color:#06F;
	border: 2px solid #06F;
	padding:5px 50px;
	border-radius:5px;
}
.employ_number:hover {
	background-color:#fff;
	color:#06f;
}
.employ_number a:hover {
	background-color:#fff;
	color:#06f;
}
/* ここまで　求人情報追加のため、css追加(220902)*/

.puckup-contents	{
  background:url(../img_top/bg_pickup.png) left top no-repeat;
  min-height:206px;
  overflow:hidden;
  padding:0 5px 0;
  margin-bottom:20px;
}
.puckup-contents li	{
  float:left;
  margin:23px 15px 0;
}
.order-bn-wrap	{
  margin-bottom:30px;
}
.contact-nav	{
  overflow:hidden;
  padding:20px 10px;
  border-bottom:3px solid #dcdcdc;
}
.contact-nav li	{
  float:left;
  margin:0 10px;
}
.copyright	{
  text-align:center;
  padding:20px 0 10px;
}
.copyright small	{
  font-size:100%;
}
.copyright a,
.copyright a:link,
.copyright a:visited	{
  color:#333;
  text-decoration:none;
}
.catch-wrap	{
  height:393px;
}
.info-wrap	{
  height:232px;
  overflow-x:hidden;
  overflow-y:scroll;
  margin-bottom:30px;
}
.info-wrap dd	{
  padding-bottom:10px;
  margin:5px 20px 10px 0;
  border-bottom:1px dotted #333;
  text-align:justify;
	text-justify:distribute;
  line-height:19px;
}
.conpany-info-map	{
  text-align:center;
}
.conpany-info	{
  margin:12px 0 8px;
  line-height:19px;
  text-align:justify;
	text-justify:distribute;
}
.foot_wrap{
  background:#43af3e;
  padding:50px 0;
  color:#fff;
}
.foot_wrap a{
  color:#fff !important;
}
.foot-nav	{
  text-align:center;
}
.foot-nav li 	{
  list-style-type:none;
	display:inline;
  background:url(../img_top/ico_foot_link.png) left center no-repeat;
  padding-left:13px;
  margin-right:10px;
}
.foot-nav li a,
.foot-nav li a:link,
.foot-nav li a:visited	{
  color:#333;
}
.foot-nav li a:hover	{
  text-decoration:none;
}
.slogan-wrap	{
  text-align:right;
  margin:15px -10px 0 0;
}
#head	{
  margin:0 auto;
  padding:25px 0 0;
  background:url(../img_top/bg_head.png) top right repeat-x;
  /zoom:1;
}
#head h1	{
  font-size:100%;
  margin-bottom:5px;
}
.head-inner	{
  overflow:hidden;
  width:960px;
  margin:0 auto;
}
.site-tit	{
  width:720px;
  float:left;
}
.head-tel	{
  float:left;
  width:240px;
  margin-top:5px;
}
/*150807追加*/
.holiday{
	border:2px solid #06F;
	padding:15px;
	text-align:center;
	font-size:15px;
	margin-bottom:30px;
	background:#FFF;
}
.holiday p.tit{
	font-size:18px;
	font-weight:bold;
}
.holiday p{
	padding-bottom:10px;
}
/*150824追加*/
.recruit_box{
	border:#43af3e 1px solid;
	padding:20px;
	background:#FFF;
	margin-bottom:30px;
}
.bg_recruit{
	background:url(../img_top/bg_recruit.png) no-repeat right bottom #FFF;
}
.recruit_box p.tit{
	text-align:center;
	font-size:18px;
	font-weight:bold;
	color:#0000aa;
	margin-bottom:15px;
}
.rowspace15{
	margin-bottom:15px;
}
/*151104追加*/
.stit {
  background:url(../img_top/bg_title.png);
  height:36px;
  line-height:38px;
  font-size:16px;
  font-weight:bold;
  padding-left:12px;
}
.bg-contents_txt {
  font-size:15px;
  line-height:30px;
  overflow:hidden;
  padding:10px;
  margin-bottom:15px;
}
.youtube_wrap{
	margin-bottom:30px;
}
/*180420追加*/
#silage_wrap{
	background:url(../img_top/bg_silage.png) no-repeat top center;
	padding:12px 12px 24px 12px;
	margin-bottom:20px;
}
#silage_wrap h3{
	margin-bottom:5px;
	text-align:center;
}
#silage_wrap ul.photo{
	margin-bottom:30px;
	overflow:hidden;
}
#silage_wrap ul.photo li{
	float:left;
	margin:0 8px;
}
#detail_box{
	overflow:hidden;
	margin-bottom:14px;
}
.detail_wrap{
	width:305px;
	background:url(../img_top/bg_textarea.png);
	color:#FFF;
	padding:11px 10px;
	float:left;
	margin:0 8px;
}
.detail_wrap dt{
	background:url(../img_top/bg_detail_name.png) no-repeat bottom left;
	font-size:20px;
	line-height:35px;
	font-weight:bold;
	margin-bottom:4px;
}
.detail_wrap dd{
	line-height:28px;
	font-size:16px;
	border-bottom:#FFF 1px dotted;
}

#silage_wrap #text_area{
	clear:both;
	background:url(../img_top/ph_silage03.png) no-repeat left center;
	padding-left:217px;
	min-height:205px;
}
#silage_wrap #text_area ul li{
	font-size:17px;
}
.contact_btn{
	overflow:hidden;
}
.contact_btn li{
	float:left;
	margin-right:9px;
}
/* 休み掲載 */
.font15 {
	font-size:15px;
}
.red02 {
	color:#C00;
}
.blue {
	color:#0000CC;
}
.rowSpace10 {
	margin-bottom:10px;
}