@charset "Shift_JIS";
/* CSS Document */

/*about NISSEIについて*/


/*H2-3 見出し2-3*/
.aboutDetailH2 {
	margin:0px 0px 10px 0px;
	padding:0;
	font-size:131%;
	font-weight: bold;
	line-height: 160%;
}

.aboutDetailH3 {
	margin: 0;
	padding-bottom: 5px;
	font-size: 13px;
	color: #005CC1;
	}



em {
	font-style: normal;	
}


/*代表取り締約のご挨拶
-------------------------------------------------------------------------------------------------------------------------*/
.greetingBorderArea {
	margin:30px auto 0 auto;
	padding: 40px;
	border:8px solid #EEE;
	box-szing:border-box;	
	}
@media screen and (max-width: 640px)  {
.greetingBorderArea {
	margin:10px auto 0 auto;
	padding: 4%;
	}
}

.greetingBorderArea p {
	font-size:115%;
	line-height: 180%;
	width:auto;
	margin:0;
	padding: 0;
	}

.greetingDetailH2 {
	width: 457px;
	padding:30px 0px;
	font-size:180%;
	font-weight: bold;
	line-height: 206%;
	float:right;
	font-family:"ヒラギノ明朝 ProN W6","HiraMinProN-W6","HG明朝E","ＭＳ Ｐ明朝","MS PMincho","MS 明朝",serif;
	color:#001D74;
	white-space : nowrap;
	}
@media screen and (max-width: 640px)  {
.greetingDetailH2 {
	margin:0px auto 8% auto;
	padding:10px 0px 0px 0px;
	font-size:146%;
	line-height: 170%;
	width: 100%;
	float:none;
	white-space : normal;
	}
.greetingDetailH2 br {
	display:none;
	}
}

.greetingImg {
	width:158px;
	height:auto;
	margin:2px 30px 40px 6px;
	text-align: center;
	line-height:130%;
	float:left;
	}

@media screen and (max-width: 640px)  {
.greetingImg {
	width:60%;
	margin:0px auto 20px auto;
	float:none;
	}
}

.greetingImg img {
	width:100%;
	}

.greetingImg span {
	margin:0px;
	padding:5px 0px 0px 0px;
	line-height:160%;
	font-size:13px;
	font-weight:bold;
	letter-spacing:0.1em;
	display:block;
}
.greetingImg p {
	margin:0px;
	padding:0px;
	line-height:160%;
	font-size:18px;
	font-weight:bold;
	letter-spacing:0.15em;
	display:block;
}

.greetingRuby {
	font-size: 9px;
	margin-top:0px;
	font-weight:bold;
	letter-spacing:0.65em;
	}



/*企業理念
-------------------------------------------------------------------------------------------------------------------------*/
.philosophyBorderArea {
	margin:0px auto 20px auto;
	padding: 10px 0px;
}
.philosophyBorderArea  em {
	font-style: normal;
	}
.philosophyBorderArea p {
	font-size:115%;
	line-height: 180%;
	text-align:center;
	width:auto;
	margin:0;
	padding: 0;
	}
@media screen and (max-width: 640px)  {
.philosophyBorderArea p {
	text-align:left;
	margin:0px auto 0px auto;;
	width:98%;
	}
.philosophyBorderArea p br {
	display:none;
	}
}

.philosophyDetailH2 {
	margin:10px auto 25px auto;
	padding:1% 0 0 0;
	font-size:200%;
	line-height: 130%;	
	font-weight: bold;
	text-align:center;
	display:block;
	color:#007ADA;
	font-family:"ヒラギノ明朝 ProN W6","HiraMinProN-W6","HG明朝E","ＭＳ Ｐ明朝","MS PMincho","MS 明朝",serif;
	border:1px solid #009AFF;
	border-radius:50px;
	min-height: 80px;
	vertical-align: middle;
	font-weight: bold;
	}
.philosophyDetailH2 b {
	font-size:80%;
	}
.philosophyDetailH2 span {
	line-height: 76px;
	}
@media screen and (max-width: 640px)  {
.philosophyDetailH2 {
	padding:2%;
	font-size:130%;
	line-height: 138%;	
	min-height: auto;
	}
.philosophyDetailH2 span {
	line-height: 100%;	
	}	
.philosophyDetailH2 img {
	display:none;
	}
}


.about_rinenL {
	width:48%;
	height:auto;
	float:left;
	font-size: 108%;
	margin-top:10px;
	line-height:150%;
	}
@media screen and (max-width: 640px)  {
.about_rinenL {
	margin:10px auto 0px auto;;
	width:98%;
	float:none;
	}
}
.about_rinenL img{	
	margin-top:10px;
	}


#middle {	
	vertical-align: middle;
}
.about_rinenR {
	width:48%;
	height:auto;
	float:right;
	font-size: 108%;
	margin-top:10px;
	line-height:150%;
}
@media screen and (max-width: 640px)  {
.about_rinenR {
	margin:10px auto 0px auto;;
	width:98%;
	float:none;
	}
}

.about_rinenR img{	
	margin-top:10px;
}
.about_rinenR em {
	font-style: normal;
	font-weight: bold;
}

.about_rinenR em .red{
	color:#F00;
}
.about_rinenL p , .about_rinenR p {
	margin:0px 0px 15px 0px;
	}
.about_rinenL h3 , .about_rinenR h3 {
	margin:15px 0px 8px 0px;
	padding:0px 0px 0px 0x;
	color:#121212;
	border-bottom:1px solid #349BFF;
	border-top:1px solid #349BFF;
	font-weight:bold;
	line-height:24px;
	}
.about_rinenL h3 span , .about_rinenR h3 span {
	padding:0px 0px 0px 13px;
	border-left:5px solid #007ADA;
	line-height:32px;
	}

.about .about_rinenL ul {
	margin:13px 0px 28px 0px;
	}
.about .about_rinenL li {
	margin:0px 0px 10px 0px;
	padding:0px 0px 0px 18px;
	font-size: 96%;
	list-style:none;
	background:url(../images/btn_about_arrow01.png) no-repeat left center;
	color:#006DD2;
	}
.about .about_rinenL li a  {
	color:#001D74;
	text-decoration: underline;
	}



/* 事業部門
-------------------------------------------------------------------------------------------------------------------------*/
.bumon {
	width:100%;
	height:auto;
	margin: 0;
	padding: 0;
	}


.bumon_box_l {
	width:48%;
	margin: 0 4% 0 0;
	padding: 0;
	float: left;
	box-sizing: border-box;
	}
@media screen and (max-width: 640px) {
.bumon_box_l {
	width:100%;
	}
}

.bumon_box_r {
	width:48%;
	margin: 0;
	padding: 0;
	float: right;
	box-sizing: border-box;
}
@media screen and (max-width: 640px) {
.bumon_box_r {
	width:100%;
	}
}

.bumon_box {
	width:100%;
	height:100%;
	background: url(../images/section_box_bg.jpg) bottom left repeat-x;
	border: solid 1px #999;
	margin: 20px 0 0px 0;
	padding: 10px;
	box-sizing:border-box;
}

.bumon h2 {
	width:100%;
	height:32px;
	box-sizing:border-box;
	margin: 0 auto;
	padding: 0;
	display: block;
	text-align: center;
	font-size: 14px;
	font-weight: bold;
	line-height: 32px;
	color: #fff;
	-moz-border-radius:4px;
	-webkit-border-radius:4px;
	-o-border-radius:4px;
	-ms-border-radius:4px;
	background: #7dc7ff; /* Old browsers */
	background: -moz-linear-gradient(top,  #7dc7ff 0%, #6fb2ff 34%, #3f92fd 98%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top,  #7dc7ff 0%,#6fb2ff 34%,#3f92fd 98%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom,  #7dc7ff 0%,#6fb2ff 34%,#3f92fd 98%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#7dc7ff', endColorstr='#3f92fd',GradientType=0 ); /* IE6-9 */
	}

@media screen and (max-width: 640px)  {
.bumon h2 {
	width:100%;
	height:auto;
	line-height: 200%;

	}
}

.bumon p {
	margin: 0;
	padding: 10px 0 0 0;
	text-align: left;
	}
.bumon em {
	font-size: 12px;
	font-weight: bold;
	margin: 0;
	padding: 0;
	text-align: left;
	font-style: normal;
	}


.about .bumon ul {
	margin:13px 0px 0px 0px;
	}
.about .bumon li {
	margin:0px 0px 10px 0px;
	padding:0px 0px 0px 18px;
	font-size: 96%;
	list-style:none;
	background:url(../images/btn_about_arrow01.png) no-repeat left center;
	color:#006DD2;
	}
.about .bumon li a  {
	color:#001D74;
	text-decoration: underline;
	}


.bumon .bumon01 {
	height:164px;
	}
.bumon .bumon02L {
	height:236px;
	}
.bumon .bumon02R {
	height:420px;
	}
.bumon .bumon03 {
	height:150px;
	}
.bumon .bumon04 {
	height:158px;
	}
.bumon .bumon05 {
	height:178px;
	}
.bumon .bumon06 {
	height:146px;
	}
@media screen and (max-width: 640px)  {
.bumon .bumon01 , .bumon .bumon02L , .bumon .bumon02R, .bumon .bumon03 , .bumon .bumon04 , .bumon .bumon05 , .bumon .bumon06 {
	height:auto;
	}
}



/*表組み01
----------------------------------------------------------------------------------------------------------------------------------------------------------*/
table.table_ab_normal {
	float:left;
	padding: 0;
	border: none;
	font-size: 100%;
	line-height: 1.2em;
	table-layout: fixed;
	width: 100%;
	margin: 0px 0px 20px 0px;
	border-top: 1px solid #cccccc;
	box-sizing: border-box;
	}


.table_ab_normal thead {
	color: #005CC1;
	background-color: #D1E6FF;
	font-weight: bold;
	}
.table_ab_normal thead th {
	padding: 9px 0px 6px 0px;
	text-align: center;
	font-weight: bold;
	}
.table_ab_normal thead td {
	padding: 9px 0px 6px 0px;
	text-align: center;
	width: auto;
	}
.table_ab_normal tbody th {
	padding: 11px 0px 8px 0px;
	vertical-align: middle;
	text-align: left;
	font-size: 100%;
	color: #005CC1;
	}
.table_ab_normal tbody td {
	padding: 11px 0px 8px 0px;
	vertical-align: middle;
	text-align: left;
	line-height:150%;
	}

.table_ab_normal tr {
	border-bottom: 1px solid #cccccc;

	}


/*表組み「事業所一覧」
----------------------------------------------------------------------------------------------------------------------------------------------------------*/
.tableOfficeFactory {
	float:left;
	border: none;
	width: 100%;
	margin: 0px 0px 20px 0px;
	border-top:1px solid #999999;
	box-sizing: border-box;
	}

.tableOfficeFactory th {
	vertical-align:top;
	margin-bottom: 10px;
	padding: 10px;
	color: #005CC1;
	font-weight:bold;
	background-color:#EEEEEE;
	background-repeat:no-repeat;
	text-align: left;
	border-bottom:1px solid #999999;
	line-height:160%;
	box-sizing: border-box;	
	}
.tableOfficeFactory th img {
	vertical-align: middle;
	margin:5% 0% 0% 0%;
	}
@media screen and (max-width: 640px)  {
.tableOfficeFactory th {
	padding: 2% 2% 2.5% 2%;
	width: auto;
	border-bottom:none;
	margin:0% 0% 0% 0%;
	line-height:120%;
	display:block;
	}
.tableOfficeFactory th img {
	max-width: 100%;
	margin:0px 0% 3% 0px;
	}
.tableOfficeFactory th br {
	display:none;
	}
.tableOfficeFactory th a {
	margin:-1% 0% 0% 0px;
	float:right;
	}
.tableOfficeFactory tr {
	border-bottom:1px solid #999999;
	}
}
.tableOfficeFactory td {
	vertical-align:top;
	padding: 10px 0 10px 10px;
	border-bottom:1px solid #999999;
	line-height:150%;
	}
.tableOfficeFactory td img {
	float:right;
	width:180px;
	}

@media screen and (max-width: 640px)  {
.tableOfficeFactory td {
	display:inline-block;
	border-bottom:none;
	margin:0px 2% 0px 0%;
	width:58%;
	padding:1.5% 0% 2% 0%;
	}
.tableOfficeFactory td:last-child {
	width:40%;
	margin:0px 0% 0px 0%;
	}
.tableOfficeFactory td img {
	width: 100%;	
	margin:0px 0% 0% 0px;
	}
}
a.btnOfficeMap {
	background:#0088FF;
	margin: 0 auto;
	padding:0.5% 1.5%;
	min-width:46px;
	text-align: center;
	font-size: 12px;
	font-weight: bold;
	color:#ffffff;
	text-decoration: none;
	border:solid 2px #0088FF;
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
	-o-border-radius: 2px;
	-ms-border-radius: 2px;
	}


/*表組み04（関連会社）
----------------------------------------------------------------------------------------------------------------------------------------------------------*/
.table04 {
	float:left;
	width:100%;
	margin: 0px 0px 20px 0px;
	line-height:150%;
	}
.table04 a:link {
	text-decoration: underline;
}
@media screen and (max-width: 640px)  {
.table04 {
	float:none;
	}
	}
.table04 th {
	vertical-align:middle;
	padding:7px 0px 3px 0px;
	padding-left:10px;
	color:#FFF;
	background-color:#349BFF;
	text-align:left;
	font-size:108%;
	font-weight:normal;
	border-bottom:1px solid #FFFFFF;
	border-left:1px solid #349BFF;
	border-right:1px solid #349BFF;
	}

.table04 td {
	vertical-align:top;
	padding-bottom:10px;
	padding:10px;
	border-right:1px solid #999999;
	border-left:1px solid #999999;
	border-bottom:1px solid #999999;
	line-height:150%;
	}


.table04 td img{
	margin-top:-1px;
	vertical-align:middle;
	}
@media screen and (max-width: 640px)  {
.table04 th img {
	width: 100%;
	}
}


.w10 {
	width: 10%;
	}
.w15 {
	width: 15%;
	}

.w20 {
	width: 20%;
	}
.w25 {
	width: 25%;
	}
.w30 {
	width: 30%;
	}
.w40 {
	width: 40%;
	}
.w45 {
	width: 45%;
	}	
.w55 {
	width: 55%;
	}	
.w60 {
	width: 60%;
	}
.w70 {
	width: 70%;
	}
.w75_d_l {
	width: 75%;	
	border-left:1px dotted #999999;
	}
.w80 {
	width: 80%;
	}

@media screen and (max-width: 640px)  {
.w10 , .w15 , .w20 , .w25 , .w30 , .w40 , .w45 , .w55 , .w60 , .w70 , .w75_d_l , .w80 {
	width: auto;
	}
}

.company_th {
	width: 70px;
	}
.history_year {
	width: 62px;
	}
.history_month {
	width: 42px;
	color: #005CC1;
	text-align: left;
	padding-right: 10px;
	}


/*資料ダウンロード
----------------------------------------------------------------------------------------------------------------------------------------------------------*/
.btnDownload {
	margin:12px 0px 0px 0px;
	text-align:center;
	font-weight:normal;
	display:inline-block;		
	}
.btnDownload a {
	margin:0px 12px 8px 0px;
	padding:5px 8px 4px 8px;
	background-color:#D1E6FF;
	border:2px solid #005CC1;
	color:#005CC1;
	font-size: 108%;
	font-weight:bold;
	line-height:140%;
	display:inline;
	text-align:left;
	float:left;
	}
.btnDownload a span {
	margin:0px 0px 0px 6px;
	display:inline;
	}
.btnDownload a:hover {
	text-decoration:none;
	}
@media screen and (max-width: 640px)  {
.btnDownload a {
	margin:0px 12px 8px auto;
	font-size: 98%;
	line-height:140%;
	}
}

/*その他ページ
----------------------------------------------------------------------------------------------------------------------------------------------------------*/	.sub_midashi{
	margin-top:14px;
	border-bottom:1px dotted #666666;
	padding-bottom: 5px;
	margin-bottom:14px;
	}

----------------------------------------------------------------------------------------------------------------------------------------------------------*/
.table05 {
	float:left;
	width:100%;
	margin: 0px 0px 20px 0px;
	line-height:150%;
	}
.table05 th {
	vertical-align:middle;
	padding:7px 0px 3px 0px;
	padding-left:10px;
	color:#FFF;
	background-color:#349BFF;
	text-align:left;
	font-size:108%;
	font-weight:normal;

	border-bottom:1px solid #FFFFFF;
	border-left:1px solid #349BFF;
	border-right:1px solid #349BFF;


	}
.table05 td {
	vertical-align:top;
	padding-bottom:10px;
	padding:10px;
	border-right:1px solid #999999;
	border-left:1px solid #999999;
	border-bottom:1px solid #999999;
	line-height:150%;
	}
.table05 tr {

	}
.table05 td img{
	margin-top:-1px;
	vertical-align:middle;
	}
.haccpEm {
	margin-left:5px;
	margin-bottom:6px;
	color:#005CC1;
	line-height:150%;
	font-weight:bold;
	
}
.haccpP {
	margin-left:65px;
	
}
.table06 {
	border: none;
	margin-top: 20px;
	margin-bottom: 20px;
	width: 100%;
	}
.table06 th {
	vertical-align:top;
	margin-bottom: 10px;
	color:#005CC1;
	text-align: left;
	}
.table06 th img {
    vertical-align: middle;
	margin-right: 3px;
	}
.table06 td {
	vertical-align:top;
	padding-bottom: 10px;	
	}
.iso {
	padding: 3px 0px 1px 10px;
	line-height: 25px;
	font-size: 12px;
	font-weight: bold;
	background-color: #c5dfff;
	color:#005CC1;
	}
@media screen and (max-width: 640px)  {
.iso_table {
	margin: 0px 0px 30px 0px;
	padding:0px 0px 0px 0px;
	}
.iso_table th {
	display: block;
	padding:10px 0px 0px 0px;
	}
.iso_table td {
	display: block;
	padding:0px 0px 10px 0px;
	border-bottom:1px solid #999999;
	}
}


.table07 {
	margin-top: 10px;
	width:100%;
	}
@media screen and (max-width: 640px)  {
.table07 {
	width: 100%;
	}
}
.table07 th {
	vertical-align:middle;
	padding:6px 0px 3px 6px;
	padding-left:10px;
	color:#FFF;
	background-color:#36C;
	text-align:left;
	}
.table07 td {
	vertical-align:top;
	padding-bottom:10px;
	padding-top:10px;
	line-height:150%;
		}
@media screen and (max-width: 640px)  {
.table07 td {
	width: auto;
	padding-bottom:10px;
	}
}
.table07 td img {
	vertical-align:bottom;
	}
@media screen and (max-width: 640px)  {
.table07 td img {
	margin:10px 6px 0px 0px ;
	}
}
.guidance {
	margin-bottom: 10px;
	line-height: 25px;
	font-size: 12px;
	font-weight: normal;
	background-color: #c5dfff;
	color:#005CC1;
	padding:2px 0px 1px 3px;
	}
.box_eco3{
	margin: 10px 0px;
	float:left;
	width:460px;
	}
.box_eco4{
	margin: 10px 0px;
	float:right;
	width:130px;
	}
@media screen and (max-width: 640px)  {
.box_eco3{
	margin: 10px 0px 0px 0px;
	float:none;
	width:auto;
	}
}
.box_top{
	float:right;
	padding:2px;
	text-align:left;
	}
.readCopy_fruitpr {
	width:644px;
	line-height: 180%;
}
@media screen and (max-width: 640px)  {
.readCopy_fruitpr{
	width:auto;
	}
}
.table08 {
	border-top:1px solid #36C;
	border-bottom:1px solid #36C;
	width:644px;
	margin-top:20px;
	}
@media screen and (max-width: 640px)  {
.table08 {
	clear:both;
	width:auto;
	}
}
.table08 th {
	vertical-align:middle;
	padding:10px 0px 6px 10px;
	color:#36C;
	border-bottom:1px dotted #36C;
	text-align:left;
	}
.table08 td {
	vertical-align:top;
	padding-bottom:10px;
	padding:10px;
		}