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

/* DEFAULT-table
------------------------------------------------------------ */
table {
	line-height: 1.4em;
	border-spacing: 0;
	border-collapse: collapse;
	width: 100%;
}
th {
	font-weight: normal;
	text-align: left;
	white-space: nowrap;
	background: #FBFBFB url(../img/page/bac_th.gif) repeat-x 0 0;
	border: solid 1px #E1E1E1;
	padding: 10px;
}
td {
	background-color: #FFF;
	border: solid 1px #E1E1E1;
	padding: 10px;
}



/* DEFAULT-crumb
------------------------------------------------------------ */
#crumb {
	font-size: 78%;
	padding: 0 20px 15px 20px;
}
#crumb li { display: inline; }
#crumb li a {
	background: url(../img/page/ico_crumb.gif) no-repeat right center;
	padding-right: 15px;
}



/* DEFAULT-title
------------------------------------------------------------ */
h2, h3, h4, h5 { font-size: 100%; }
h2 {
	position: relative;
	width: 650px;
}
h2 a {
	position: absolute;
	top: 17px;
	right: 10px;
}



/*------------------------------------------------------------
   PAGE PARTS / .pageNav /
------------------------------------------------------------ */
.pageNav ul {
	text-align: center;
	padding: 20px 20px 0 20px;
}
.pageNav li {
	line-height: 1em;
	word-break: keep-all;
	border-right: solid 1px #CCC;
	display: inline-block;
	height: 1em;
	padding: 0 13px;
	*padding: 2px 13px 3px 13px;
	margin-bottom: 7px;
	*zoom: 1;
	*display: inline;
}



/*------------------------------------------------------------
   PAGE PARTS / .pagetop /
------------------------------------------------------------ */
.pagetop {
	font-size: 85%;
	text-align: right;
	clear: both;
	padding: 10px 0;
}
#main .pagetop a {
	background: url(../img/page/ico_pagetop.gif) no-repeat 0 3px;
	padding: 0 0 2px 16px;
}



/*------------------------------------------------------------
   PAGE PARTS / .contact /
------------------------------------------------------------ */
#main .contact {
	position: relative;
	padding-top: 20px;
}
#main .contact a {
	position: absolute;
	top: 80px;
	right: 7px;
}



/*------------------------------------------------------------
   PAGE / INDEX /
------------------------------------------------------------ */
#main .pageindex { padding: 0 10px 20px 10px; }
#main .pageindex .lead { padding: 55px 0 25px 0; }
#main .navigationTit {
	font-size: 110%;
	color: #FFF;
	background-color: #019FE8;
	padding: 5px 10px;
	_padding: 8px 10px 2px 10px;
	margin-top: 20px;
}
#main .navigation { padding-top: 20px; }
#main .navigation li {
	line-height: 1.2em;
	float: left;
	padding: 0 0 10px 10px;
}
#main .navigation li a {
	text-decoration: none;
	border: solid 1px #E1E1E1;
	display: block;
	width: 181px;
	padding: 10px;
}
#main .navigation li a:hover {
	background-color: #F1FBFE;
	border: solid 1px #95DDFF;
}
#main .navigation li strong {
	background: url(../img/page/ico_link.gif) no-repeat 0 11px;
	display: block;
	padding: 10px 0 7px 15px;
}
#main .navigation li a span {
	font-size: 85%;
	color: #333;
}



/*------------------------------------------------------------
   PAGE / 01.COMPANY /
------------------------------------------------------------ */
#company { padding: 0 10px 20px 10px; }
#company h3 {
	font-size: 110%;
	color: #FFF;
	background-color: #019FE8;
	padding: 5px 10px;
	_padding: 8px 10px 2px 10px;
	margin: 20px 0;
}
#company h3 span {
	font-size: 85%;
	padding-left: 10px;
}
#company h4 {
	border-bottom: solid 2px #019FE8;
	padding: 20px 0 7px 0;
	margin-bottom: 7px;
}
#company h5 {
	background:url(../img/common/ico_square.gif) no-repeat 0 0.45em;
	padding:0 0 0 20px;
	margin:20px 0 0 0;
}
#company .pdg10 table {
	margin:10px 0;
}


/* mission.html */
#company .principle {
	font-size: 250%;
	line-height: 1.2em;
	text-align: center;
	padding: 10px;
}
#company .mission {
	background: url(../company/img/bac_mission.jpg) no-repeat 0 0;
	padding: 15px 15px 10px 15px;
}
#company .mission li {
	height: 85px;
	padding-bottom: 5px;
}
#company .mission li img { vertical-align: top; }

/* outline.html */
#company table th { width: 100px; }
#company table td strong { display: block; }
#company table td.office { width: 200px; }

/* map.html */
#company .map small { display: block; }

/* history.html */
.history dt {
	font-weight: bold;
	border-top: solid 2px #019FE8;
	display: block;
	float: left;
	clear: both;
	width: 120px;
	padding: 10px 0 10px 10px;
}
.history dd {
	border-top: solid 2px #E1E1E1;
	display: block;
	float: left;
	width: 480px;
	padding: 10px 10px 20px 10px;
}

#company .imgRight {
	float:right;
	margin-left:10px;
}
#company ul.charter {
	background:url(../company/img/bac_charter.jpg) no-repeat 0 0;
	padding:20px 0 10px 0;
	margin:20px 0;
}
#company ul.charter li {
	line-height:0;
	text-align:center;
	padding:0 0 5px 0;
}
#company ul.charter li.tit {
	padding-bottom:16px;
}



.mapinfo dl {
line-height: 1.2;
padding: 5px 0 5px 0;
}

.mapinfo dl dt {
	border-left: solid 4px #019FE8;
	font-weight: bold;
	margin-top: 10px;
	margin-right: 0;
	margin-bottom: 0;
	margin-left: 0;
	padding-top: 0;
	padding-right: 0;
	padding-bottom: 1.2em;
	padding-left: 10px;
}

.mapinfo dl dd {
	border-left: solid 4px #019FE8;
	border-bottom: 1px dotted #999;
	position: relative;
	padding-top: 0;
	padding-right: 0;
	padding-bottom: 5px;
	padding-left: 14px;
	margin-top: -0.6em;
	margin-right: 0;
	margin-bottom: 0;
	margin-left: 0;
}

.btnEnv {
	text-align: center;
	margin-bottom: 20px;
}

/* nextgeneration.html */
.nj h4 {
	background-color:#EEE;
	padding: 5px 10px;
	margin: 20px 0px 5px;
}
.nj ul li strong {
	color:#333 !important;
}
.nj dd {
	border:none !important;
	margin-bottom:0 !important;
}
.nj hr {
	margin-bottom:10px;
height: 1px;
border: none;
	border-top:1px dotted #CCC;
}

/*------------------------------------------------------------
   PAGE / 02.BUSINESS /
------------------------------------------------------------ */
#business { padding: 0 10px 20px 10px; }
#business h3 {
	font-size: 110%;
	color: #FFF;
	background-color: #019FE8;
	padding: 5px 10px;
	_padding: 8px 10px 2px 10px;
	margin: 20px 0;
}

/* environment_disposal.html */
#business .flow { padding: 3px 30px 10px 30px; }
#business .flow dt {
	border: solid 1px #019FE8;
	border-bottom: none;
	width: 530px;
	padding: 15px 19px 0 19px;
	margin-top: 7px;
}
#business .flow dd {
	background: url(../business/img/environment/disposal/bac_flow.gif) no-repeat center bottom;
	padding: 0 0 43px 0;
}
#business .flow dd.none {
	background: none;
	padding: 0;
}
#business .flow dd:last-child {
	background: none;
	padding: 0;
}
#business .flow dd span {
	line-height: 1.4em;
	display: block;
	border: solid 1px #019FE8;
	border-top: none;
	padding: 5px 20px 10px 20px;
}

/* environment_facility.html */
#business .facility {
	line-height: 1.4em;
	position: relative;
	width: 650px;
}
#business .facility li {
	display: block;
	float: left;
	width: 306px;
	padding: 0 18px 25px 0;
}
#business .facility li img { border: solid 1px #F2F2F2; }
#business .facility li strong {
	font-size: 110%;
	color: #019FE8;
	display: block;
	padding: 5px 0;
}

/* environment_license.html */
#business .pageNav { padding: 0 0 10px 0; }
#business .license { padding: 0 0 20px 0; }
#business .license h4 {
	font-size: 110%;
	line-height: 1.2em;
	background-color: #FFFBEE;
	border-left: solid 3px #FFED99;
	padding: 7px 0 4px 7px;
	_padding: 9px 0 2px 7px;
}
#business .license th { width: 130px; }
#business .license dl {
	line-height: 1.4em;
	padding: 15px 0 8px 0;
}
#business .license dt {
	float: left;
	clear: both;
	width: 100px;
	padding: 0 0 10px 11px;
}
#business .license dd {
	display: block;
	padding: 0 0 10px 111px;
}
#business .license span.red {
	font-size: 90%;
	border: solid 1px #C00;
	padding: 2px 5px 1px 5px;
	margin-left: 10px;
}
#business .license .gray {
	font-size: 90%;
	background-color: #F9F9F9;
	padding: 15px;
	margin-top: 20px;
}
#business .license .gray dl { padding: 5px 0 0 0; }
#business .license .gray dt { padding-top: 10px; }
#business .license .gray dd {
	border-top: solid 1px #E8E8E8;
	padding-top: 10px;
}
#business .license .haulage th { width: 80px; }
#business .license .haulage td { text-align: right; }
#business .license .haulage td .num {
	text-align: left;
	display: block;
	float: left;
	width: 180px;
}

/* environment_rpf.html */
#business .rpf {
	border: solid 2px #E1E1E1;
	padding: 19px;
	margin: 0 0 40px 0;
}
#business .rpf h4 { padding-bottom: 10px; }
#business .rpf .rFlt { padding-left: 10px; }

/* environment_analytics.html */
#business .arrow { padding: 10px 10px 20px 10px; }

/* green_tree.html */
.tree { padding: 40px 10px 20px 10px; }
.tree .lead { padding-bottom: 25px; }
.tree strong { color: #A84944; }

/* green_reform.html */
.reformSet {
	border-bottom: solid 2px #F7F7F7;
	margin-top: 20px;
}
.reform { border: solid 1px #E3E3E3; }
.reform h5 { padding: 19px; }
.reform ul {
	line-height: 1.4em;
	padding-bottom: 10px;
	overflow: hidden;
}
.reform li {
	display: block;
	float: left;
	width: 297px;
	padding: 0 0 18px 18px;
}
.reform li img { border: solid 1px #F2F2F2; }
.reform li strong {
	font-size: 110%;
	color: #389278;
	display: block;
	padding: 5px 0;
}
.reform .otherBox {
	margin:-10px 20px 20px 20px;
	background:#F5F5F5;
	padding:8px 15px;
}
.reform .otherBox dt {
	font-weight:bold;
	color:#019fe8;
	font-size:114%;
	padding-bottom:4px;
	border-bottom:1px solid #CCC;
}
.reform .otherBox dd {
	background:url(../img/common/icon_circle.gif) no-repeat 0 0.5em;
	float:left;
	padding-left:14px;
	margin:5px 20px 0 0;
}
.reform .lead {
	margin:0 20px 20px 20px;
	border-top:1px solid #CCC;
	font-weight:bold;
	padding-top:15px;
	font-size:124%;
}

/* green_greening.html */
.greening {
	clear: both;
	padding-top: 20px;
}
.greening .lFlt {
	background: url(../business/img/green/greening/bac_list.gif) no-repeat 10px 18px;
	width: 250px;
	height: 248px;
	padding: 24px 6px 6px 16px;
}
.greening .lFlt ul { padding: 15px 10px; }
.greening .lFlt .red {
	line-height: 1.4em;
	padding: 0 10px;
}
.greening .rFlt {
	width: 350px;
	padding: 15px 10px 0 0;
}
.greening .rFlt img { padding-top: 2px; }
.greening .lead {
	margin:20px 0 40px 0;
	border-top:1px solid #CCC;
	border-bottom:1px solid #CCC;
	font-weight:bold;
	padding:15px;
	font-size:124%;
}

/* green_cleaning.html */
.hygiene { padding-bottom: 40px; }
.hygiene .lead {
	background:#e3f1df;
	border-radius:5px;
	padding:10px;
	margin:0 20px 20px 60px;
}
.hygiene h4 {
	clear: both;
	padding: 30px 0 14px 0;
}
.hygiene ul {
	float: left;
	width: 369px;
}
.hygiene .lFlt {
	width: 181px;
	padding: 0 20px 0 60px;
}
.hygiene .clear { padding-top: 40px; }


/* service_security.html */
.security {
	margin:0 0 30px 0;
}
.security .lFlt {
	border-radius:8px;
	border:1px solid #d7b462;
	width: 250px;
	margin:16px 0 0 10px;
	padding: 6px 6px 6px 6px;
}
.security .lFlt ul { padding: 15px 10px; }
.security .lFlt .red {
	line-height: 1.4em;
	padding: 0 10px;
}
.security .rFlt {
	width: 350px;
	padding: 15px 10px 0 0;
}
.security .rFlt img { padding-top: 2px; }
.security .lead {
	margin:0;
	padding:5px 0;
	text-align:center;
	background:#f6efb8;
	border-radius:6px;
}


.fire .lFlt {
	border-radius:8px;
	border:1px solid #d76a62;
	width: 250px;
	margin:16px 0 0 10px;
	padding: 6px 6px 6px 6px;
}
.fire .rFlt {
	width: 350px;
	padding: 15px 10px 0 0;
}
.fire .rFlt img { padding-top: 2px; }
.fire .lead {
	margin:6px 0;
	padding:5px 10px !important;
	background:#f6d8cb;
	border-radius:6px;
}
.fire .lFlt p {
	line-height:1.4;
	padding:0 10px 6px 10px;
}

/* service_system.html */
.system .txtBox {
	border:1px solid #DDD;
	margin:30px 0 0 0;
	padding:0 0 20px 0;
}
.system .txtBox h4,
.system .txtBox p {
	padding:20px 0 0 20px;
}
.system .sys {
	background:url(../business/img/service/system/bac_system.jpg) no-repeat 0 0;
}
.system .pc {
	background:url(../business/img/service/system/bac_pc.jpg) no-repeat 0 0;
}


/* service_education.html */
.education {
	margin:30px 0 0 0;
}
.education .txtBox {
	margin:10px 0 0 70px;
}
.education .txtBox ul.list,
.education .txtBox ul.list5,
.education .txtBox ul.list4 {
	margin:20px 0;
}
.education .txtBox ul.list li,
.education .txtBox ul.list5 li,
.education .txtBox ul.list4 li {
	background:url(../img/common/icon_circle.gif) no-repeat 0 0.6em;
	padding-left:16px;
	float:left;
	width:45%;
}
.education .txtBox ul.list4 li {
	width:auto;
	margin-right:70px;
}
.education .txtBox ul.list5 li {
	width:15%;
}
.education .txtBox .voice {
	background:#f3f7c3;
	border-radius:6px;
	padding:10px 20px 20px 20px;
	margin:20px 0;
}
.education .txtBox .voice li {
	background:url(../img/page/ico_arrow.gif) no-repeat 0 0.6em;
	padding-left:10px;
	line-height:1.4;
	margin-top:8px;
}
.education .txtBox .img {
	text-align:center;
	margin:20px 0;
}
.education .txtBox h5 {
	font-size:114%;
	border-bottom:3px solid #c8373a;
	padding-bottom:5px;
	margin-bottom:10px;
}

/*------------------------------------------------------------
   PAGE / 03.PRODUCT /
------------------------------------------------------------ */
#product li img { vertical-align: top; }
/*page_info*/
#product .page_info {
  padding: 0 4px;
  margin-bottom: 40px;
}
#product .page_info h2 {
	position: relative;
	margin: 20px 0 10px;
}
#product .page_info h2 a {
	position: absolute;
	top: 2px;
	right: 18px;
}
#product .page_info dl {
	border-bottom: dotted 1px #B9B0AC;
}
#product .page_info dt {
	color: #666;
	float: left;
	clear: both;
	width: 110px;
	padding: 10px 0 10px 5px;
}
#product .page_info dd {
	background: url(../img/common/ico_arrow.gif) no-repeat 136px 16px;
	border-top: dotted 1px #B9B0AC;
	display: block;
	padding: 10px 6px 10px 150px;
}
#product .page_info dd span.icon-new {
	color: #8fd4f4;
	border: 1px solid #8fd4f4;
	padding: 0 5px;
	margin: 0 0 0 5px;
	font-size: 85%;
}


/* enbi.html */
#product .enbi {
	position: relative;
	padding: 0 0 30px 10px;
}
#product .enbi .btn {
	position: absolute;
	top: 40px;
	right: 10px;
}
#product .enbi_usage {
	padding: 35px 0 30px 0;
	margin-left: 30px;
	overflow: hidden;
}
#product .enbi_usage li {
	line-height: 1.2em;
	display: block;
	float: left;
	width: 119px;
	padding: 0 35px;
}
#product .enbi_usage li+li { border-left: solid 1px #E8E8E8; }
#product .enbi_usage strong {
	display: block;
	padding: 7px 0 7px 0;
}
#product .movie {
	clear: both;
	padding: 0 0 30px 65px;
	_margin-top: 30px;
}

/* jokkin.html */
#product .jokkin_set { padding: 10px; }
#product .jokkin_set dl { padding-bottom: 30px; }
#product .jokkin_set dt {
	float: left;
	clear: both;
	width: 220px;
}
#product .jokkin_set dd {
	display: block;
	padding-left: 220px;
}

/* agriculture.html */
#product .egs_recycle {
	border: solid 2px #94BFAD;
	padding: 2px 2px 7px 2px;
	margin-top: 30px;
}
#product .egs_recycle p { padding: 10px 18px; }
#product .egs_recycle strong { color: #FF3300; }
#product .egs_data h4 { padding: 35px 0 15px 0; }
#product .egs_data table {
	width: 630px;
	margin: 0 10px;
}
#product .egs_data table.item td { width: 33%; }
#product .egs_data table.analytics { text-align: center; }
#product .egs_data table.analytics th { text-align: center; }
#product .egs_data table.analytics td { width: 25%; }
#product .egs_data li {
	line-height: 1.4em;
	background: url(../img/page/ico_arrow.gif) no-repeat 15px 6px;
	padding: 0 10px 10px 25px;
}

/* plate.html */
#product .lead { padding: 20px 10px; }
#product .plate {
	background: url(../product/img/plate/bac_plate.gif) repeat 0 0;
	margin-bottom: 35px;
}
#product .plate h4 {
	text-align: right;
	padding-top: 15px;
}
#product .plate p {
	background-color: #FFF;
	padding-left: 24px;
	margin-left: 216px;
}
#product .plate p img { padding-top: 10px; }


/* irc.html */
#product .irc h4 {
	background:#0b2e91;
	border-radius:5px;
	padding:8px 14px;
	color:#FFF;
	font-size:124%;
	margin:20px 0 10px;
}
#product .irc .cautionBox {
	color:#666;
	font-size:86%;
	line-height:1.6;
	border-top:1px solid #CCC;
	border-bottom:1px solid #CCC;
	padding:8px;
	margin:15px 0;
}
#product .irc .readBox {
	background:#ceebf9;
	text-align:center;
	font-size:114%;
	font-weight:bold;
	border-top:5px solid #a5def9;
	padding:10px 0;
	margin:0 0 50px;
}
#product .irc .readBox .title {
	color:#039;
	font-size:114%;
	background:#FFF;
	margin:0 20px 10px 20px;
	padding:10px;
}
#product .irc .readBox strong {
	color:#039;
	font-size:114%;
	line-height:2;
}
#product .irc h5 {
	background:url(../product/img/irc/icon.gif) no-repeat 12px 0.8em;
	font-size:114%;
	border:1px solid #CCC;
	border-bottom:3px solid #0b2e91;
	padding:6px 6px 6px 30px;
	margin:20px 0 10px 0;
}
#product .irc ul li {
	background:url(../product/img/irc/icon_circle.gif) no-repeat 0 0.7em;
	padding-left:12px;
}


/* atshield.html */
#product .atshield h4 {
	margin:30px 0 10px 0;
}
#product .atshield .readBox {
	margin:20px 0;
}
	#product .atshield .readBox p span {
		color:#FF3300;
	}
#product .atshield .featureBox {
	background:#ffffa4;
	padding:0 10px;
}
	#product .atshield .featureBox h5 {
		padding:20px 0 10px 0;
	}
	#product .atshield .featureBox p {
		padding:0 0 10px 0;
	}
	#product .atshield .featureBox p.imgRight {
		float:right;
		margin:0 0 0 10px;
	}
#product .atshield .txtBox {
	padding:0 10px;
}
#product .atshield .cautionBox {
	border:1px solid #CCC;
	margin:20px 0;
	padding:20px;
}
#product .atshield .cautionBox h4 {
	margin-top:0 !important;
}
#product .atshield .cautionBox ol {
	margin:20px 0;
}
#product .atshield .cautionBox p strong {
	background:#FF3300;
	border:1px solid #CCC;
	color:#FFF;
	text-align:center;
	display:block;
	padding:4px 0;
}


/* jokkin.html */
#product .njkT01{
	margin-top:27px;
	margin-bottom:54px;
}
#product .njkT01 + p {
	font-size: 108%;
}
#product .njkT02{
	margin:27px 0;
}
#product .njkT02 + p {
	margin-bottom:10px;
}

#product .njkImproveList{
	margin-left:27px;
	margin-bottom: 48px;
}
#product .njkImproveList li{
    background-image: url(../product/img/jokkin/new/listMark_njk.png);
    background-repeat: no-repeat;
    background-position: 0 10px;
    font-size: 114%;
    margin-bottom: 16px;
    padding-left: 20px;
}
#product .njkImproveList li span{
	font-weight:bold;
}
#product .njkImproveList li strong{
	font-size:130%;
	color:#f30526;
}
#product .njkImproveList li br {
	display: none;
}

#product .njkStepList{
	width:574px;
	margin:0 auto 32px;
}
#product .njkStepList li{
	width:178px;
	float:left;
	margin-right:20px;
	font-size: 105%;
	line-height: 1.5;
}
#product .njkStepList li:last-child{
		margin-right:0px;
}
#product .njkStepList li img{
	display:block;
	margin-bottom:10px;
}

#product .njkH3{
    background: #e56c12;
    border-radius: 5px;
    padding: 8px 14px;
    color: #FFF;
    font-size: 124%;
    margin: 20px 0 10px;
}

#product .njkSetList{
	margin:34px 0 38px;
}
#product .njkSetList li {
	width:310px;
	margin-bottom:34px;
	font-size: 105%;
	line-height: 1.5;
}
#product .njkSetList li:nth-child(odd){
	float:left;
}
#product .njkSetList li:nth-child(even){
	float:right;
}
#product .njkSetList li h4 {
	font-size: 105%;
	margin-top: 6px;
}
#product .njkSetList li img{
	float:left;
	margin-right:10px;
}

#product .njkResult h3 {
	background-color: #0f72cd;
	color: #fff;
	text-align: center;
	font-size: 180%;
	line-height: 1.4;
	border-radius: 5px;
	padding: 20px;
	margin: 0 0 30px;
}
#product .njkResult h3 span {
	display: inline-block;
	background: #fff;
	color: #0f72cd;
	border-radius: 8px;
	padding: 2px 12px;
	margin: 0 0 10px;
	font-family: 'Times New Roman', Times, serif;
}
#product .njkResult h4 {
	font-size: 124%;
	position: relative;
	overflow: hidden;
	margin: 40px 0 20px 0;
	padding: 0.8em 2em 0.6em 80px;
	border-top: 3px solid #0f72cd;
}
#product .njkResult h4:before {
	position: absolute;
	top: -150%;
	left: -100px;
	width: 160px;
	height: 300%;
	content: '';
	-webkit-transform: rotate(25deg);
	transform: rotate(25deg);
	background: #0f72cd;
}
#product .njkResult h4 span {
	font-size: 144%;
	position: absolute;
	z-index: 1;
	top: 0;
	left: 0;
	display: block;
	padding-top: 10px;
	padding-left: 15px;
	color: #fff;
}
#product .njkResult h5 {
	position: relative;
	padding: 0 0 0.8em 0;
	margin: 30px 0 15px;
	font-size: 114%;
}
#product .njkResult h5:after {
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 6px;
	content: '';
	background-image: -webkit-repeating-linear-gradient(135deg, #f4c300, #f4c300 1px, transparent 2px, transparent 5px);
	background-image: repeating-linear-gradient(-45deg, #f4c300, #f4c300 1px, transparent 2px, transparent 5px);
	background-size: 7px 7px;
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
}
#product .njkResult p {
	font-size: 106%;
	line-height: 1.4;
	margin: 10px 0 20px;
}
#product .njkResult p + .table-wrap {
	margin-top: -10px;
}
#product .njkResult table {
	font-size: 90%;
	margin: 5px 0;
}
#product .njkResult table th {
	padding: 8px 5px;
	text-align: center;
}
#product .njkResult table td {
	padding: 8px 5px;
}
#product .njkResult table td.none {
	font-weight: bold;
	background: #fffad7;
	color: #F60;
}
#product .njkResult .resultTxt p {
	font-size: 134%;
	line-height: 1.4;
	margin: 20px 0 30px;
	padding: 0.6em 1em;
	text-align: center;
	font-weight: bold;
	background: #fbea2c;
	box-shadow: 4px 4px 0 #dbca0b;
}
#product .njkResult .resultTxt p strong {
	font-size: 134%;
	color: #ec0000;
}

/*　インタビュー動画　*/
#product .page_info .btnMovie {
	text-align: center;
	margin: 20px 0 0 0;
}
#product .page_info .btnMovie a {
	background: #019fe8;
	color: #fff;
	text-decoration: none;
	padding: 5px 15px;
	display: inline-block;
	border-radius: 5px;
}
#product .page_info .btnMovie a:hover {
	background: #0081dd;
}
#product .page_info .btnMovie a i {
	position: relative;
	display: inline-block;
	width: 10.5px;
	height: 6.2px;
	margin: 0 0 0 5px;
}
#product .page_info .btnMovie a i::before,
#product .page_info .btnMovie a i::after {
	content: "";
	position: absolute;
	bottom: 0;
	left: calc(50% - 1px);
	width: 2px;
	height: 8px;
	border-radius: 9999px;
	background-color: #ffffff;
	transform-origin: 50% calc(100% - 1px);
}
#product .page_info .btnMovie a i::before {
	transform: rotate(45deg);
}
#product .page_info .btnMovie a i::after {
	transform: rotate(-45deg);
}
#product .njkInterviewMovie {
	margin: 0 0 60px;
}
#product .njkInterviewMovie h3 {
	background-color: #0f72cd;
	color: #fff;
	text-align: center;
	font-size: 180%;
	line-height: 1.4;
	border-radius: 5px;
	padding: 20px;
	margin: 0 0 30px;
}
#product .njkInterviewMovie h3 span {
	display: inline-block;
	background: #fff;
	color: #0f72cd;
	border-radius: 8px;
	padding: 2px 12px;
	margin: 0 0 10px;
	font-family: 'Times New Roman', Times, serif;
}
#product .njkInterviewMovie h4 {
	margin: 0 0 20px;
	position: relative;
	color: #0f72cd;
	font-size: 164%;
	line-height: 1.4;
	text-align: center;
}
#product .njkInterviewMovie h4:before {
	position: absolute;
	top: calc(50% - 1px);
	left: 0;
	width: 100%;
	height: 2px;
	content: '';
	background: #0f72cd;
}
#product .njkInterviewMovie h4 span {
	position: relative;
	padding: 0 0.5em;
	background: #FFF;
	display: inline-block;
}
#product .njkInterviewMovie .movieBox {
	width: 100%;
	aspect-ratio: 16 / 9;
	margin-bottom: 50px;
}
#product .njkInterviewMovie .movieBox iframe {
	width: 100%;
	height: 100%;
}
#product .njkInterviewMovie .interviewBox dl {
	margin-top: -20px;
}
#product .njkInterviewMovie .interviewBox dl dt {
	position: relative;
	margin-top: 50px;
}
#product .njkInterviewMovie .interviewBox dl dt div {
	position: relative;
	color: #0a98ca;
	font-size: 116%;
	font-weight: bold;
	width: calc(100% - 110px);
	margin: 0 0 0 110px;
	padding: 10px 0 30px;
	letter-spacing: 0.05em;
}
#product .njkInterviewMovie .interviewBox dl dt::after {
	position: absolute;
	content: "イージーエス販売担当";
	font-size: 10px;
	line-height: 1.2;
	text-align: center;
	padding-top: 170px;
	bottom: -80px;
	left: 0;
	width: 100px;
	height: 80px;
	background: url(../product/img/jokkin/new/interview_egs.png) no-repeat center;
	background-size: 100px auto;
}
#product .njkInterviewMovie .interviewBox dl dt div::before {
	content: "Q.";
}
#product .njkInterviewMovie .interviewBox dl dd {
	position: relative;
	margin: 0 0 15px;
}
#product .njkInterviewMovie .interviewBox dl dd div {
	border-radius: 10px;
	margin: 0 0 0 110px;
	padding: 12px 20px;
	position: relative;
	background: #e6f4fa;
	width: calc(100% - 260px);
}
#product .njkInterviewMovie .interviewBox dl dd::after {
	position: absolute;
	content: "(株)ゆう菜様";
	font-size: 10px;
	line-height: 1.2;
	text-align: center;
	padding-top: 170px;
	bottom: -85px;
	right: 0;
	width: 100px;
	height: 80px;
	background: url(../product/img/jokkin/new/interview_murakami.png) no-repeat center;
	background-size: 100px auto;
}
#product .njkInterviewMovie .interviewBox .matome {
	text-align: center;
	font-size: 105%;
	margin: 30px 0 0 0;
	border: 2px solid #0a98ca;
	color: #0a98ca;
	font-weight: bold;
	padding: 20px;
}

/*------------------------------------------------------------
   PAGE / 04.EFFORT /
------------------------------------------------------------ */
#effort { padding: 0 10px 20px 10px; }
#effort h3 {
	font-size: 110%;
	color: #FFF;
	background-color: #019FE8;
	padding: 5px 10px;
	_padding: 8px 10px 2px 10px;
	margin: 20px 0;
}
#effort p { padding: 0 10px; }
#effort ol {
	background: url(../effort/img/bac_environment.jpg) no-repeat 0 0;
	list-style: none;
	padding: 30px 0 25px 15px;
	margin: 15px 10px;
}
#effort ol.effort2 {
	background: none !important;
	margin: 0 auto !important;
	padding-top:0 !important;
}
#effort li img { vertical-align: top; }
#effort dt {
	font-weight: bold;
	background: url(../img/page/ico_arrow.gif) no-repeat 15px 8px;
	padding-left: 25px;
}
#effort dd {
	border-bottom: dotted 1px #CCC;
	padding: 0 10px 10px 25px;
	margin-bottom: 10px;
}
#effort th { width: 75px; }
#effort strong { color: #019FE8; }



/*------------------------------------------------------------
   PAGE / INQUIRY /
------------------------------------------------------------ */
#inquiry .lead { padding: 20px 10px; }
#inquiry th { width: 150px; }
#inquiry th span {
	font-size: 85%;
	line-height: 1.4em;
	text-align: center;
	color: #FFF;
	background-color: #C00;
	display: block;
	width: 3em;
	*padding-top: 2px;
	margin-top: 2px;
}
#inquiry td span.red {
	font-size: 85%;
	display: block;
}
.formBtn {
	text-align: center;
	padding-top: 20px;
}
.formBtn p {
	display: inline;
	padding: 0 5px;
}



/*------------------------------------------------------------
   PAGE / FAQ /
------------------------------------------------------------ */
.faqTit {
	font-size: 110%;
	border-top: solid 2px #019FE8;
	padding: 10px 5px 0 5px;
	margin-top: 30px;
}
.faqSet {
	border-bottom: solid 2px #F7F7F7;
	border-radius: 3px 3px 3px 3px;
	margin-top: 20px;
}
.faq {
	border: solid 1px #E3E3E3;
	border-radius: 3px 3px 3px 3px;
	position: relative;
	padding: 15px 20px 15px 20px;
}
.faq .Q {
	font-size: 120%;
	line-height: 1.2em;
	padding-left: 45px;
	cursor: pointer;
}
.faq .Q:hover { color: #019FE8; }
.faq .Q img {
	position: absolute;
	top: -5px;
	left: 20px;
}
.faq .A {
	line-height: 1.4em;
	background: #E2F5FE url(../faq/img/bac_a.gif) repeat-x 0 0;
	display: none;
	padding: 27px 10px 10px 10px;
	_padding: 28px 10px 8px 10px;
	margin-top: 10px;
}



/*------------------------------------------------------------
   PAGE / PRIVACY /
------------------------------------------------------------ */
#privacy { padding: 0 10px 20px 10px; }
#privacy h3 {
	border-bottom: solid 2px #019FE8;
	padding: 20px 0 7px 0;
	margin-bottom: 7px;
}
#privacy ol { padding-top: 10px; }



/*------------------------------------------------------------
   PAGE / INFO /
------------------------------------------------------------ */
.infoSet {
	border-bottom: solid 2px #F7F7F7;
	border-radius: 3px 3px 3px 3px;
	margin-top: 20px;
}
.info {
	border: solid 1px #E3E3E3;
	border-radius: 3px 3px 3px 3px;
	padding: 20px;
}
.info h3 {
	font-size: 110%;
	border-bottom: solid 2px #019FE8;
	padding: 0 0 7px 0;
}
.info h3 a:link, .info h3 a:visited {
	color: #333;
	text-decoration: none;
}
.info h3 a:hover, .info h3 a:active {
	color: #019FE8;
	text-decoration: underline;
}
.info .time {
	font-size: 85%;
	line-height: 20px;
	text-align: right;
	color: #019FE8;
	border-bottom: dotted 1px #019FE8;
	_padding-top: 2px;
	margin-bottom: 15px;
}
.info .more {
	background: url(../img/page/ico_more.gif) no-repeat 3px 17px;
	padding: 10px 0 0 17px;
}



/*------------------------------------------------------------
   PAGE / SITEMAP /
------------------------------------------------------------ */
#sitemap { padding: 0 10px 0 10px; }
#sitemap dt {
	font-size: 110%;
	font-weight: bold;
	border-bottom: solid 2px #019FE8;
	padding: 20px 0 7px 0;
	margin-bottom: 7px;
}
#sitemap dd {
	background: url(../img/page/ico_arrow.gif) no-repeat 6px 8px;
	padding-left: 15px;
}
#sitemap dd li {
	background: url(../img/page/ico_arrow.gif) no-repeat 6px 8px;
	padding-left: 15px;
}
#sitemap .lFlt, #sitemap .rFlt { width: 305px; }



/* ADJUSTMENT
------------------------------------------------------------ */
.pdg10 { padding: 10px; }
.pdt10 { padding-top: 10px; }
.pdt15 { padding-top: 15px; }
.pdt20 { padding-top: 20px; }
.pdt30 { padding-top: 30px; }
.pdt40 { padding-top: 40px; }
.pdb10 { padding-bottom: 10px; }
.pdb20 { padding-bottom: 20px; }
.pdb30 { padding-bottom: 30px; }
.pdb40 { padding-bottom: 40px; }
.pdw10 { padding: 0 10px; }
.pdh20 { padding: 20px 0; }
.small { font-size: 85%; }
.big { font-size: 200%; }
.red { color: #C00; }
.pdf {
	background: url(../img/page/ico_pdf.png) no-repeat 0 4px;
	display: block;
	padding: 5px 0 5px 25px;
}
.arrow li {
	line-height: 1.4em;
	background: url(../img/page/ico_arrow.gif) no-repeat 5px 6px;
	padding: 0 0 7px 15px;
}
.limited {
	line-height: 1.4em;
	color: red;
	border: solid 2px red;
	clear: both;
	padding: 15px;
	margin-top: 20px;
}
.limited .big {
	border-bottom: solid 1px red;
	padding: 10px 0 15px 0;
	margin-bottom: 15px;
}


/* PAGENATION
------------------------------------------------------------ */
#navi {
		margin: 30px 0;
		text-align: center;
	}
#navi a {
			background: #faf9f0;
			border: 1px solid #edeacd;
			padding: 7px 10px;
		}
#navi span {
			background: #faf9f0;
			border: 1px solid #edeacd;
			padding: 7px 10px;
		}
#navi span.current_page {
			background: #008cd2;
			border: 1px solid #008cd2;
			color: #ffffff;
			padding: 7px 10px;
		}
#navi span a {
				background: none;
				border: none;
				padding: 0;
			}
			
#mapBox {
	margin-top: 20px;
	border: 1px solid #CCC;
}
#side .submenu.Box ul li ul li {
	background-image: url(../img/page/ico_more.gif);
	background-repeat: no-repeat;
	background-position: 1.4em;
	border-top-style: dashed;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	border-top-width: 1px;
	border-top-color: #E1E1E1;
}
#side .submenu.Box ul li ul {
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}


#side .submenu.Box ul li ul li a:hover, #side .submenu.Box ul li ul li a:active {
	background-image: url(../img/page/ico_more.gif);
	background-repeat: no-repeat;
	background-position: 1.4em;
}

#side .submenu.Box ul li ul li .select {
	color: #049EE6 !important;
	background-image: url(../img/page/ico_more.gif);
	background-repeat: no-repeat;
	background-position: 1.4em;
}

/* sustainability
------------------------------------------------------------ */
/*base*/
#sustainability p {
  margin-bottom: 16px;
}
#sustainability h3 {
  font-size: 110%;
  color: #FFF;
  background-color: #019FE8;
  padding: 5px 10px;
  margin: 20px 0;
}
#sustainability .imgBox-center {
  text-align: center;
  margin-top: 30px;
  margin-bottom: 40px;
}
/*page_info*/
#sustainability .page_info {
  padding: 0 4px;
  margin-bottom: 40px;
}
#sustainability .page_info h2 {
  position: relative;
  margin: 20px 0 10px;
}
#sustainability .page_info h2 a {
  position: absolute;
  top: 2px;
  right: 18px;
}
#sustainability .page_info dl {
  border-bottom: dotted 1px #B9B0AC;
}
#sustainability .page_info dt {
  color: #666;
  float: left;
  clear: both;
  width: 130px;
  padding: 10px 0 10px 5px;
}
#sustainability .page_info dd {
  background: url(../img/common/ico_arrow.gif) no-repeat 136px 18px;
  *background-position: 135px 19px;
  border-top: dotted 1px #B9B0AC;
  display: block;
  padding: 10px 6px 10px 150px;
}
/*pdfLinkBox*/
#sustainability .pdfLinkBox {
  margin-top: 30px;
  margin-bottom: 40px;
}
#sustainability .pdfLinkBox_item {
  width: 200px;
  margin: 0 auto;
}
#sustainability .pdfLinkBox_item img {
  border: 1px solid #CCC;
}
#sustainability .pdfLinkBox_item_link {
  font-weight: bold;
  padding: 0 0 0 18px;
  background: url(../img/page/ico_link.gif) no-repeat 1px 6px;
  display: block;
  margin-top: 8px;
}
/*initiative_box*/
#sustainability .initiative_box {
  background-color: #DBF4FF;
  background-image: url(../sustainability/img/initiative_box_pattern.jpg);
  padding: 10px;
  margin-top: 20px;
  margin-bottom: 60px;
}
#sustainability .initiative_box p {
  margin-bottom: 0;
}
#sustainability .initiative_box > ul > li {
  background: #FFF;
  border-bottom: 1px solid #CCEBFA;
  padding: 10px 16px 12px 16px;
  margin-bottom: 10px;
}
#sustainability .initiative_box > ul > li:last-child {
  margin-bottom: 1px;
}
#sustainability .initiative_box > ul > li > h4 {
  font-size: 15px;
  color: #009CE6;
  margin: 4px 0 10px;
  position: relative;
  padding-left: 12px;
}
#sustainability .initiative_box > ul > li > h4::before {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  background: #009CE6;
  width: 3px;
  height: 21px;
}
#sustainability .initiative_box > ul > li > h4::after {
  content: "";
  display: block;
  position: absolute;
  top: 18px;
  left: 0;
  background: #99D7F5;
  width: 3px;
  height: 3px;
}
.initiative_cont {
  margin-top: 10px;
  margin-bottom: 6px;
}
.initiative_cont-img p {
  width: 420px;
  float: left;
}
.initiative_cont-img img {
  float: right;
  margin-top: 3px;
  width: 160px;
}
#sustainability .initiative_box_link {
  padding: 0 0 0 18px;
  background: url(../img/page/ico_link.gif) no-repeat 1px 6px;
}

/* 20240604 */
.link-box {
	border: 4px solid #019fe8;
    padding: 10px;
    box-sizing: border-box;
}
.link-box_links {
	padding: 0 0 0 18px;
	background: url(../img/page/ico_link.gif) no-repeat 1px 4px;  
}