@charset "utf-8";

/*------------------------------------------

	@ Style Name	/css/common/base.css

--------------------------------------------

		- Reset
		- html, body
		- Frame
		- Navigation
		- Module

------------------------------------------*/
.clearfix {zoom:1;}
.clearfix:after{content:"";display:block;clear:both;}
.clear{clear:both;}
.taR {text-align:right;}
.fwB {font-weight:bold;}
.pdfSize {
margin:0 0 0 2px;
padding:2px 0 2px 22px;
background:url(../images/ico_pdf.png) 0 0 no-repeat;
color:#ec4300;
}
.dummy {color:#00f;}

/*------------------------------------------
 *	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,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,icenter,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;font:inherit;vertical-align:baseline;}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block;}ol,ul{list-style:none;}blockquote,q{quotes:none;}blockquote:before,blockquote:after,q:before,q:after{content:'';content:none;}table{border-collapse:collapse;border-spacing:0;}img{vertical-align:bottom;}

/*------------------------------------------
 *	html, body
------------------------------------------*/
html {font-size:62.5%;}
body {
	color:#262626;
	background:url(../images/bg_body.gif) center 0 no-repeat;
	line-height:1.6;
	font-size:12px;
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}
a {
	color:#262626;
	text-decoration:underline;
}
a:hover {color:#ec4300;}
a[href$='.pdf'] {}
.icoArrowL {
	padding:0 0 0 10px;
	background:url(../images/ico_arrow02.png) 0 center no-repeat;
}
.icoCircle {
	padding:0 0 0 15px;
	background:url(../images/ico_circle.png) 0 center no-repeat;
}
.icoCircleM {
	padding:0 0 0 20px;
	background:url(../images/ico_circle_m.png) 0 center no-repeat;
}
em {
	color:#ec4300;
	font-style:normal;
}

/*------------------------------------------
 *	Frame
------------------------------------------*/
/*	Header
------------------------------------------*/
#siteHeader {
	margin:0 auto 30px auto;
	width:950px;
}
#logo {
	float:left;
	margin:0 0 20px 0;
	width:151px;
}
#siteHeader .inner {
	float:right;
	margin:30px 0 20px 0;
	width:788px;
}
#siteHeader .inner .tagline {
	float:left;
	margin:9px 20px 0 0;
}

/* #navHeader  */
#navHeader {
	float:right;
	width:495px;
}
#navHeader li {float:left;}
#navHeader li a {
	display:block;
	height:35px;
	background:url(../images/nav_header.png) 0 0 no-repeat;
	text-indent:-5000px;
}
#navHeader .faq a {width:121px; background-position:0 0;}
#navHeader .base a {width:121px; background-position:-121px 0;}
#navHeader .webds a {width:121px;background-position:-242px 0;}
#navHeader .contact a {width:132px;background-position:-363px 0;}
#navHeader .faq .current,#navHeader .faq a:hover {background-position:0 -35px;}
#navHeader .base .current,#navHeader .base a:hover {background-position:-121px -35px;}
#navHeader .webds .current,#navHeader .webds a:hover {background-position:-242px -35px;}
#navHeader .contact .current,#navHeader .contact a:hover {background-position:-363px -35px;}

/* #navGlobal  */
#navGlobal {
	clear:both;
	overflow:hidden;
	margin:0 0 0 -4px;
}
#navGlobal li {
	float:left;
	margin:0 0 0 4px;
}
#navGlobal li a {
	display:block;
	height:30px;
	background:url(../images/nav_global.png) 0 0 no-repeat;
	text-indent:-5000px;
}
#navGlobal .home a {width:74px;background-position:0 0;}
#navGlobal .vending a {width:105px;background-position:-78px 0;}
#navGlobal .tea a {width:78px;background-position:-187px 0;}
#navGlobal .officecoffee a {width:183px;background-position:-269px 0;}
#navGlobal .quality a {width:165px;background-position:-456px 0;}
#navGlobal .ecology a {width:132px;background-position:-625px 0;}
#navGlobal .company a {width:90px;background-position:-761px 0;}
#navGlobal .recruit a {width:95px;background-position:-855px 0;}
#navGlobal .home .current,#navGlobal .home a:hover {background-position:0 -30px;}
#navGlobal .vending .current,#navGlobal .vending a:hover {background-position:-78px -30px;}
#navGlobal .tea .current,#navGlobal .tea a:hover {background-position:-187px -30px;}
#navGlobal .officecoffee .current,#navGlobal .officecoffee a:hover {background-position:-269px -30px;}
#navGlobal .quality .current,#navGlobal .quality a:hover {background-position:-456px -30px;}
#navGlobal .ecology .current,#navGlobal .ecology a:hover {background-position:-625px -30px;}
#navGlobal .company .current,#navGlobal .company a:hover {background-position:-761px -30px;}
#navGlobal .recruit .current,#navGlobal .recruit a:hover {background-position:-855px -30px;}

/*	Container
------------------------------------------*/
#container {
	margin:0 auto;
	width:950px;
}

/*	Breadcrumb
------------------------------------------*/
#breadcrumb {
	margin:0 0 10px 250px;
}
#breadcrumb li {display:inline;}
#breadcrumb li a {
	color:#ec4300;
}
#breadcrumb li {
	margin:0 5px 0 0;
	padding:0 15px 0 0;
	background:url(../images/ico_arrow02.png) 100% center no-repeat;
}
#breadcrumb li:last-child {background:none;}
#breadcrumb li.current {font-weight:bold;}

/*	Wrapper
------------------------------------------*/
#wrapper {
	margin:0 auto;
	width:950px;
}

/*	Main
------------------------------------------*/
#main {
	float:right;
	margin:0 0 40px 0;
	width:700px;
}
#main h1 {margin:0 0 15px 0;}
#main section {
	*zoom:1;
	margin:0 0 50px 0;
}
#main h2:not(.catchcopy) {
	margin:0 0 10px 0;
	padding:5px 0 0 25px;
	min-height:35px;
	font-size:16px;
	font-size:1.6rem;
	font-weight:bold;
	background:url(../images/bg_h2ttl.gif) 0 0 no-repeat;
}
#main h2.catchcopy {margin:40px 0 20px 0;}
#main h3 {
	margin:0 0 15px 0;
	padding:0 0 5px 15px;
	min-height:33px;
	background:url(../images/bg_h3ttl.gif) 0 5px no-repeat;
	font-size:16px;
	font-size:1.6rem;
	font-weight:bold;
}
#main h4 {
	margin:0 0 5px 0;
	font-size:14px;
	font-size:1.4rem;
	font-weight:bold;
}
#main p {margin:0 0 10px 0;}
#main ul,
#main ol {margin:0 0 10px 15px;}
#main ul li {list-style:disc;}
#main ol li {list-style:decimal;}
#main table {
	margin:0 0 20px 0;
	width:100%;
}
#main table caption {
	padding:8px;
	background:#fff0de;
	border:1px solid #e6d5be;
	font-weight:bold;
	text-align:left;
}
#main table th {
	padding:8px;
	background:#fff0de;
	border:1px solid #e6d5be;
	font-weight:bold;
	text-align:left;
	vertical-align:top;
}
#main table td {
	padding:8px;
	border:1px solid #e6e2da;
}
#main section p:last-child {margin:0;}
#main section ul:last-child,
#main section ol:last-child {margin:0 0 0 25px;}

/* .navAnchor */
#main .navAnchor {text-align:right;}
#main .navAnchor li {
	display:inline;
	padding:0 15px;
	background:url(../images/bg_navanchor.gif) 100% center no-repeat;
	list-style:none;
}
#main .navAnchor li:last-child {
	padding:0 0 0 15px;
	background:none;
}
#main .navAnchor li a {
	padding:0 0 0 20px;
	background:url(../images/ico_arrow03.png) 0 center no-repeat;
}

/* .col2 */
#main .col2 {
	float:left;
	margin:0 0 20px 0;
	padding:0 0 10px 0;
	background:url(../images/bg_col2_shadow.png) center bottom no-repeat;
}
#main .col2.even {margin:0 0 20px 40px;}
#main .col2 a,#main .col3 a {
	display:block;
	text-decoration:none;
	cursor:pointer;
}
#main .col2 a:hover,#main .col3 a:hover {
	background:url(../images/bg_col_hover.jpg) 0 0 repeat-x;
	color:#262626;
}
#main .col2 .photo {
	float:left;
	padding:5px 5px 10px 5px;
	width:80px;
	background:url(../images/bg_col2_photo.png) 0 0 no-repeat;
}
#main .col2 .inner {
	padding:12px;
	width:300px;
	border:3px solid #f4ecd9;
}
#main .col2 .inner .body {
	float:right;
	width:195px;
}
#main .col2 .inner .body h3 {
	margin:0 0 5px 0;
	padding:0 0 0 20px;
	background:url(../images/ico_arrow01.png) 0 5px no-repeat;
}

/* .col3 */
#main .col3 {
	float:left;
	margin:0 0 20px 0;
	padding:0 0 5px 0;
	background:url(../images/bg_col3_shadow.png) center bottom no-repeat;
}
#main .col3.center {margin:0 20px 20px 20px;}
#main .col3 .inner {
	width:214px;
	border:3px solid #f4ecd9;
}
#main .col3 .inner .body {
	float:right;
	padding:12px 12px 12px 0;
	width:112px;
}
#main .col3 .inner .body h3 {
	padding:0 0 0 20px;
	min-height:auto;
	background:url(../images/ico_arrow01.png) 0 0 no-repeat;
	font-size:13px;
	font-size:1.3rem;
	line-height:1.2;
}
#main .col3 .inner .photo {
	float:left;
	width:78px;
}

#main .btnCenter {text-align:center;}

/* Contact Area*/
#main .contactArea {margin:0 0 30px 0;}

/* Pagetop */
#main .btnTop {
	text-align:right;
	zoom:1;
}
#main .btnTop a {
	padding:0 0 0 20px;
	background:url(../images/ico_arrow_top.png) 0 center no-repeat;
}

/*	Sidebar
------------------------------------------*/
#sidebar {
	float:left;
	margin:0 0 40px 0;
	width:200px;
}
#navLocal {margin:0 0 20px 0;}
#navLocal h2 {
	position:relative;
	padding:0 0 10px 0;
	background:url(../images/bg_navlocal.png) center 100% no-repeat;
}
#navLocal ul {
	margin:-11px 0 0 0;
	border-top:1px solid #bfb8ac;
}
#navLocal li {border-bottom:1px solid #e6e2da;}
#navLocal li a {
	display:block;
	*zoom:1;
	padding:5px 5px 5px 30px;
	background:url(../images/ico_sidebar_arrow01.png) 15px center no-repeat;
	text-decoration:none;
}
#navLocal li .current,#navLocal li a:hover {
	color:#262626;
/*
	background-color:#ffdcba;
	background-color:rgba(255,220,186,.4);
*/
	background:#ffdcba url(../images/ico_sidebar_arrow01.png) 15px center no-repeat;
	background:rgba(255,220,186,.4) url(../images/ico_sidebar_arrow01.png) 15px center no-repeat;
}
#navLocal li ul {
	margin:0;
	border:0;
}
#navLocal li ul li {
	border-top:1px solid #e6e2da;
	border-bottom:none;
}
#navLocal li ul li a {
	padding:5px 0 5px 45px;
	background:url(../images/ico_sidebar_arrow01.png) 30px center no-repeat;
}
#navLocal li ul li .current,#navLocal li ul li a:hover {
	padding:5px 0 5px 45px;
	background:#ffdcba url(../images/ico_sidebar_arrow01.png) 30px center no-repeat;
	background:rgba(255,220,186,.4) url(../images/ico_sidebar_arrow01.png) 30px center no-repeat;
}
#navLocal li .current {font-weight:bold;}
#sidebar .btnArea {}
#sidebar .btnArea li {margin:0 0 15px 0;}
#sidebar .btnArea li:last-child {margin:0;}

/* Ecology */
#navLocal .ecology li a {background:url(../images/ico_sidebar_arrow02.png) 15px center no-repeat;}
#navLocal .ecology li .current,#navLocal .ecology li a:hover {
	background:#cbeba5 url(../images/ico_sidebar_arrow02.png) 15px center no-repeat;
	background:rgba(203,235,165,.4) url(../images/ico_sidebar_arrow02.png) 15px center no-repeat;
}
#navLocal .ecology li ul li a {
	background:#f3ffe4 url(../images/ico_sidebar_arrow02.png) 30px center no-repeat;
	background:rgba(243,255,228,.4) url(../images/ico_sidebar_arrow02.png) 30px center no-repeat;
}
#navLocal .ecology li ul li .current,#navLocal .ecology li ul li a:hover {
	background:#cbeba5 url(../images/ico_sidebar_arrow02.png) 30px center no-repeat;
	background:rgba(203,235,165,.4) url(../images/ico_sidebar_arrow02.png) 30px center no-repeat;
}


/* 180327new */
#navLocal li.tit-nav {
	font-size: 13px;
	font-weight: bold;
	background: #f3f3f3;
	padding: 10px 10px;
	border-bottom:none;
	box-sizing: border-box;
}
#navLocal li.tit-nav-in a {
	padding: 11px 5px 11px 36px;
	box-sizing: border-box;
	font-size: 90%;
}
#navLocal li.tit-nav-in {
	border-top: 1px dotted #999999;
	border-bottom: none;
}
#navLocal li.tit-nav-in-end {
	border-bottom: 1px solid #dcc5a7;
}
#navLocal li.tit-nav-in a,
#navLocal li.tit-nav-in .current,
#navLocal li.tit-nav-in a:hover {
	background-position: 24px center;
}
#navLocal li.tit-base {
	border-bottom: 1px solid #dcc5a7;
}
#navLocal li.tit-base a {
	font-size: 13px;
	font-weight: bold;
	padding: 10px 25px;
	background-image: url(../images/ico_arrow01.png);
	background-position: 6px 12px;
	background-repeat: no-repeat;
}


/*	Footer
------------------------------------------*/
#siteFooter {
	padding:0 0 20px 0;
	width:100%;
	background:url(../images/bg_footer.jpg) 0 0 repeat;
	border-top:1px solid #f5efde;
}
#siteFooter .inner {
	margin:0 auto;
	padding:19px 0 0 0;
	width:950px;
}
#siteFooter .inner .navFooter {
	float:left;
	width:600px;
}
#siteFooter .inner .navFooter li {
	display:inline;
	margin:0 20px 0 0;
	padding:0 0 0 15px;
	background:url(../images/ico_arrow02.png) 4px center no-repeat;
}
#siteFooter .inner .navFooter li a {text-decoration:none;}
#siteFooter .inner .copyright {
	float:right;
	width:280px;
	line-height:1;
	text-align:right;
}
#siteFooter .inner .copyright img {margin:0 0 10px 0;}
#siteFooter .inner:last-child {
	background:none;
	border-top:1px solid #f5efde;
}

/*------------------------------------------
 *	Clear fix
------------------------------------------*/
#siteHeader:after,
#container:after,
#wrapper:after,
#main:after,
#main section:after,
#main section section:after,
#main .each:after,
#main .colGroup:after,
#main .col2 .inner:after,
#main .col3 .inner:after,
#siteFooter:after,
#siteFooter .inner:after {
	visibility:hidden;
	clear:both;
	display:block;
	content:" ";
	height:0;
	font-size:0;
}
*:first-child+html #siteHeader,
*:first-child+html #container,
*:first-child+html #wrapper,
*:first-child+html #main,
*:first-child+html #main section,
*:first-child+html #main section section,
*:first-child+html #main .each,
*:first-child+html #main .colGroup,
*:first-child+html #main .col2 .inner,
*:first-child+html #main .col3 .inner,
*:first-child+html #siteFooter,
*:first-child+html #siteFooter .inner {zoom:1; /* IE7 */}