@charset "UTF-8";

#wrap {width: 940px; margin: 0 auto;}
	
/*===========================
Header
===========================*/
#header {
	width: 900px;
	height: 50px;
	margin: 0 auto;
	padding: 20px 0 0 0;
	text-align: left;
}
#header h1 {width: 297px; float: left;}
#header p {width: 300px; float: right; text-align: right;}


/*===========================
Footer
===========================*/
#footer {
	width: 900px;
	margin: 5px auto;
	text-align: left;
	padding-bottom: 10px;
}
#footer .footlinks {
	width: 450px;
	float: left;
	font-size: 11px;
}
#footer .footlinks a {color: #333333; text-decoration: none;}
#footer .footlinks a:hover {text-decoration: underline;}
#footer .copy {
	width: 450px;
	float: right;
	font-size: 11px;
	text-align: right;
}

/********************************
CONTENTS
********************************/

#flash {
	width: 940px;
	margin-top: 15px;
	margin-bottom: 10px;
	position: relative;
}
#flash .logoarea {
	position: absolute;
	width: 371px;
	height: 319px;
	top: 1px;
	left: 83px;
	z-index: 15;
}
#flash .mainmenu {
	position: absolute;
	top: 320px;
	left: 20px;
	z-index: 10;
}
#flash .mainmenu li {float: left; width: 180px; height: 42px;}
.globalmenu {width: 900px; margin: 15px auto;}
.globalmenu li {float: left; width: 180px; height: 42px;}

#contents {
	width: 898px;
	border-left: 1px solid #dfdfdf;
	border-right: 1px solid #dfdfdf;
	margin: 0 auto;
	background: #fff;
	padding-bottom: 5px;
}
#contents .maincol {
	width: 560px;
	float: left;
	padding-left: 15px;
	padding-top: 10px;
	text-align: left;
}

#contents .crumbs {text-align: left; font-size: 11px; padding-left: 15px;}

/*===========================
サイドメニュー
===========================*/
#contents .sidecol {
	width: 290px;
	float: right;
	padding-right: 15px;
	padding-top: 10px;
	text-align: left;
}
#contents .sidecol .newsarea {
	padding: 13px;
	background: #f7f7f7;
	border: 1px solid #dfdfdf;
	text-align: left;
}
#contents .sidecol .newsarea h3 {padding-bottom: 8px; border-bottom: 1px solid #dfdfdf; margin-bottom: 10px;}
#contents .sidecol .newsarea li {margin-bottom: 10px;}
#contents .sidecol .newsarea li dl dt {font-weight: bold; margin-bottom: 2px;}

#contents .sidecol .sidemenu {
	padding: 13px;
	border: 1px solid #dfdfdf;
	text-align: left;
	margin-bottom: 15px;
}
#contents .sidecol .sidemenu ul li {
	background: url(../images/arrow.png) 0 50% no-repeat;
	padding-left: 13px;
	margin-bottom: 5px;
}
#contents .sidecol .sidebnr {margin-top: 15px;}
#contents .sidecol .sidebnr li {height: 60px; margin-bottom: 5px;}

/*===========================
トップページ
===========================*/
#contents .maincol .topmenu ul {
	border-bottom: 1px solid #cff2d8;
	margin-bottom: 5px;
	padding-bottom: 5px;
}
#contents .maincol .topmenu ul.last {
	border-bottom: 0;
	margin-bottom: 15px;
	padding-bottom: 0;
}
#contents .maincol .topmenu ul li {
	margin: 0;
	height: 56px;
	float: left;
	padding-right: 5px;
	border-right: 1px solid #cff2d8;
	margin-right: 5px;
}
#contents .maincol .topmenu ul li.end {
	padding-right: 0;
	border-width: 0;
	margin-right: 0;
}
#contents .maincol .topbnr ul li {
	height: 63px;
	float: left;
	margin-bottom: 4px;
	margin-right: 4px;
}
#contents .maincol .topbnr ul li.even {
	margin-right: 0;
}

/********************************
下層
********************************/
#contents .maincol .mainin {padding: 10px;}

 /*会社概要*/
#contents .maincol .mainin .compoutline th {
	background: #eeeeee;
	font-weight: bold;
	padding: 10px 15px 10px 10px;
	white-space: nowrap;
	border-right: 1px solid #cccccc;
	border-bottom: 1px solid #cccccc;
}
#contents .maincol .mainin .compoutline td {
	padding: 10px 5px 10px 10px;
	border-bottom: 1px solid #cccccc;
}
#contents .maincol .mainin .compoutline .last th, #contents .maincol .mainin .compoutline .last td {
	border-bottom: 0;
}
/*海外メーカー*/
#contents .maincol .mainin .foreign th {
	background: #eeeeee;
	font-weight: bold;
	padding: 10px 15px 10px 10px;
	white-space: nowrap;
	border-right: 1px solid #cccccc;
	border-bottom: 1px solid #cccccc;
}
#contents .maincol .mainin .foreign td.name {
	background: #d8fde1;
	padding: 10px 15px 10px 10px;
	white-space: nowrap;
	border-right: 1px solid #cccccc;
	border-bottom: 1px solid #cccccc;
}
#contents .maincol .mainin .foreign td {
	padding: 10px 5px 10px 10px;
	border-bottom: 1px solid #cccccc;
}
#contents .maincol .mainin .foreign .last th, #contents .maincol .mainin .foreign .last2 td {
	border-bottom: 0;
}
/*交通案内*/
#contents .maincol .mainin .access p {
	padding: 5px 10px 20px 10px;
}

/*お問い合わせ*/
#contents .maincol .mainin span {color:#ffa200; font-weight: bold;}
#contents .maincol .mainin .contactform table, #contents .maincol .mainin .contactform th, #contents .maincol .mainin .contactform td {
	border: 1px solid #cccccc;
	border-collapse: collapse;
}
#contents .maincol .mainin .contactform th {
	background: #eeeeee;
	font-weight: bold;
	padding: 10px 15px 10px 10px;
	white-space: nowrap;
}
#contents .maincol .mainin .contactform td {
	padding: 10px 5px 10px 10px;
	font-size: 11px;
}
#contents .maincol .mainin .contactform td input.txt {width: 220px;}
#contents .maincol .mainin .contactform td textarea {width: 370px;}
#contents .maincol .mainin .contactform .btn {text-align: center; margin: 15px 0 20px 0;}
#contents .maincol .mainin .contactform .error {padding-bottom: 10px; color: #ff0000; font-weight: bold;}
#contents .maincol .mainin .contactform .send {padding-top: 20px; text-align: center;}

/*ニュース*/
#contents .newscontent {
	padding: 24px;
	text-align: left;
}

/*リンク*/
#contents .maincol ul.linklist li {
	padding: 15px 0;
	height: 60px;
	border-bottom: 1px solid #dfdfdf;
}
#contents .maincol ul.linklist li.last {
	padding: 15px 0 30px 0;
	border-bottom: 0;
}
#contents .maincol ul.linklist li img {
	margin-right: 15px;
	vertical-align: middle;
}

/*製品案内*/
#contents .maincol .mainin .prdctList {
	width: 400px;
	float: left;
	margin-bottom: 30px;
}
#contents .maincol .mainin .prdctList ul {
	margin-bottom: 15px;
}
#contents .maincol .mainin .prdctList ul li.ktr {
	background: url(../images/arrow.png) 0 5px no-repeat;
	padding-left: 10px;
	margin-bottom: 5px;
	margin-right: 5px;
	float: left;
	width: 200px;
}
#contents .maincol .mainin .prdctList ul li.short {
	width: 170px;
	background: url(../images/arrow.png) 0 5px no-repeat;
	padding-left: 10px;
	margin-bottom: 5px;
	margin-right: 5px;
	float: left;
}
#contents .maincol .mainin .prdctList ul li {
	background: url(../images/arrow.png) 0 5px no-repeat;
	padding-left: 10px;
	margin-bottom: 5px;
	margin-right: 5px;
}
#contents .maincol .mainin .prdctList ul li.anchor {
	background: none;
}
#contents .maincol .mainin .prdctpic {
	width: 132px;
	float: right;
	margin-bottom: 30px;
}

/*製品詳細ページ*/
.sideprdct {
	width: 240px;
	float: left;
	padding-top: 10px;
	padding-left: 15px;
}
.sideprdct ul li.firstcl {
	height: 33px;
}
.sideprdct ul li {
	background: url(../images/sideborder.gif) 0 0 repeat-y;
}
.sideprdct ul li ul {
	border-left: 1px solid #c6c6c6;
	border-right: 1px solid #c6c6c6;
	border-bottom: 1px solid #c6c6c6;
}
.sideprdct ul li ul li {
	text-align: left;
	padding-bottom: 2px;
	background: none;
}
.sideprdct ul li ul li a {
	padding: 2px 0 2px 33px;
	background: url(../images/arrblck.png) 13px 50% no-repeat;
	display: block;
}
.sideprdct ul li ul li a:hover {
	padding: 2px 0 2px 33px;
	background: url(../images/arrwhite.png) 13px 50% no-repeat #999;
	color: #fff;
	display: block;
}
.sideprdct ul li ul li.onlink {
	padding: 2px 0 2px 33px;
	background: url(../images/arrwhite.png) 13px 50% no-repeat #999 !important;
	color: #fff;
	margin-bottom: 2px
}
.sideprdct ul li ul li.in {
	padding: 1px 0 1px 0;
}
.sideprdct ul li ul li.in a {
	color: #333333;
	display: block;
	text-decoration: none;
	background: none;
	padding: 1px 0 1px 33px;
}
.sideprdct ul li ul li.in a:hover {
	color: #fff;
	background: #999;
}

.mainprdct {
	width: 610px;
	float: right;
	padding-top: 10px;
	padding-right: 15px;
}
.mainprdct h2 {
	margin-bottom: 15px;
}
.mainprdct h3 {
	margin-bottom: 20px;
}

.mainprdct .coffh4 {
	border: 1px solid #ccc;
	margin-bottom: 15px;
}
.mainprdct .coffh4 h4{
	color: #04972c;
	font-size: 15px;
	font-weight: bold;
	text-align: left;
	background: #efefef;
	margin-bottom: 0 !important;
	padding: 8px;
	border: 4px solid #fff;
}

.mainprdct h4 {
	background: url(../images/grndot.png) 0 bottom repeat-x;
	padding: 0 0 2px 10px;
	margin-bottom: 10px;
	color: #04972c;
	font-size: 14px;
	font-weight: bold;
	text-align: left;
}
.mainprdct h4 span {color: #333;}


.mainprdct h5 {
	background: url(../images/grndot.png) 0 bottom repeat-x;
	padding: 0 0 2px 10px;
	margin-bottom: 10px;
	color: #04972c;
	font-size: 14px;
	font-weight: bold;
	text-align: left;
}
.mainprdct h5 span {color: #333;}
.mainprdct h5 span span {font-size:11px;}

.mainprdct .roastmidashi {
	font-size: 14px;
	font-weight: bold;
	color: #b12323;
	line-height: 1.6;
	border-left: 6px solid #b12323;
	padding-left: 6px;
	margin-left: 6px;
}
.mainprdct .hotroast {
	background: url(../images/coffbg.gif) 0 0 no-repeat;
	width: 562px;
	height: 222px;
	padding: 18px 24px 0 24px;
}

.mainprdct .prdctpics li {
	border: 1px solid #c6c6c6;
	width: 190px;
	height: 190px;
	padding: 2px;
	float: left;
	margin-right: 11px;
	margin-bottom: 10px;
}
.mainprdct .prdctpics li.last {
	margin-right: 0;
}
.mainprdct .btns {
	padding: 5px 0 15px 0;
	text-align: left;
}
.mainprdct .prdcttxt {
	text-align: left;
	margin-bottom: 20px;
}
.mainprdct .prdcttxt table.nobordtbl, .mainprdct .prdcttxt table.nobordtbl th, .mainprdct .prdcttxt table.nobordtbl td {
	border: none !important;
	text-align: left !important;
}
.mainprdct .prdcttxt table, .mainprdct .prdcttxt table th, .mainprdct .prdcttxt table td {
	border: 1px solid #c6c6c6;
	border-collapse: collapse;
}
.mainprdct .prdcttxt table th {
	background: #999;
	color: #fff;
	text-align: center;
	padding: 3px;
	font-weight: bold;
}
.mainprdct .prdcttxt table td {
	padding: 3px 8px;
	text-align: center;
}
.mainprdct .prdcttxt table td.txtleft {
	text-align: left;
}
.mainprdct .prdcttxt table td.modelname {
	background: #f3f7ff;
}
.mainprdct .prdcttxt table td.blnktd {
	background: #f9f9f9;
}

.mainprdct .prdcttxt table.coffeetable {
	border: none;
}
.mainprdct .prdcttxt table.coffeetable th {
	background: none;
	color: #333;
	font-weight: bold;
	border: none;
	text-align: left;
	width: 100px;
	vertical-align: top;
}
.mainprdct .prdcttxt table.coffeetable th.hotth {
	border-bottom: 1px solid #933e3e;
	padding-bottom: 3px;
}

.mainprdct .prdcttxt table.coffeetable td {
	border: none;
}

.mainprdct .prdcttxt table tr.even td {background: #efefef;}

.mainprdct .txtin {
	padding: 0 10px;
}

.mainprdct .prdctnavi {
	background: #F0EEEF;
	padding: 15px;
	text-align: left;
	margin: 30px 0 5px 0;
}
.mainprdct .prdctnavi ul li a {
	padding: 4px 0 4px 13px;
	background: url(../images/arrblck2.png) 0 50% no-repeat;
}
.mainprdct .prdctnavi ul li.in {
	padding: 1px 0 1px 0;
}
.mainprdct .prdctnavi ul li.in a {
	color: #333333;
	display: block;
	text-decoration: none;
	background: none;
	padding: 1px 0 1px 13px;
}
.mainprdct .prdctnavi ul li.in a:hover {
	color: #fff;
	background: #999;
}
.mainprdct .backtop {
	margin-bottom: 20px;
	text-align: right;
}

.mainprdct .prdinpic {
	border: 1px solid #c6c6c6;
	width: 190px;
	height: 190px;
	padding: 2px;
}

.mainprdct .analyzeBox {
	width: 407px;
	height: 200px;
	background: url(../images/analyze_02.jpg) right top no-repeat #c7d9ef;
	padding-right: 203px;
	text-align: left;
	margin-bottom: 15px;
}
.mainprdct .analyzeBox .analhead {
	float: left;
	width: 203px;
}
.mainprdct .analyzeBox .analheadtxt {
	float: left;
	width: 204px;
	text-align: center;
	padding-top: 15px;
}
.mainprdct .analyzeBox .analheadtxt .analyaddr {
	font-size: 11px;
	line-height: 1.3;
}
.mainprdct .analytxt {
	padding: 15px;
	text-align: left;
}
.mainprdct .analypr {
	text-align: left;
}

h3.ana01 {
	margin-bottom: 0 !important;
}

.mainprdct .anaBox01 {
	border-left: 1px solid #cdcdcd;
	border-right: 1px solid #cdcdcd;
	border-bottom: 1px solid #cdcdcd;
	width: 560px;
	padding: 0 24px 24px 24px;
	text-align: left;
}
.mainprdct .anaBox01 h4 {
	margin: 0 0 10px 0 !important;
	border: none !important;
	padding: 0 !important;
	background: none !important;
}
.mainprdct .anaBox01 p {text-align: left;}
.mainprdct .anaBox01 .splitdiv {
	width: 270px;
	padding-left: 10px;
	float: left;
}
.mainprdct .anaBox01 th, .mainprdct .anaBox01 td {
	border-collapse: collapse;
	border-bottom: 1px solid #cdcdcd;
	font-size: 11px;
	padding: 3px 0;
}
.mainprdct .anaBox01 th {
	border-right: 1px solid #cdcdcd;
}
.mainprdct .anaBox01 td {
	padding-left: 5px;
}
.mainprdct .anaBox01 th.last {
	border-bottom: none;
}
.mainprdct .anaBox01 td.last {
	border-bottom: none;
}
.mainprdct .anaBox01 .tblBox {
	width: 176px;
	float: left;
	padding-right: 10px;
}

.mainprdct .conveymidashi {
	font-size: 14px;
	font-weight: bold;
	color: #0D3E8A;
	margin-bottom: 15px;
	text-align: left;
}
.mainprdct h4.blue {
	color: #0d3e8a;
	background: url(../images/bluedot.png) 0 bottom repeat-x;
}

.mainprdct h4.bluer {
	color: #0033cc;
	background: url(../images/bluerdot.png) 0 bottom repeat-x;
}
.mainprdct .convlist {
	margin-left: 20px;
	margin-bottom: 20px;
}
.mainprdct .convlist li {
	list-style: disc;
}

#contents .saiyoutbl span {color: #ffa200;}
#contents .saiyoutbl ul {margin: 0 !important;padding: 0 !important;}
#contents .saiyoutbl li {list-style: disc; margin-left: 20px;}
#contents .twojikutbl,
#contents .twojikutbl td {
	border: none;
	text-align: left;
}
a.nolink {color: #000; text-decoration: none;}

.mainprdct .prdctbordbox {
	border: 2px solid #d7d7d7;
	padding: 10px;
	text-align: left;
}
.mainprdct .biomasstbl td {font-size: 11px;}
.mainprdct .lightgraybg {background: #e0e0e0;}
.mainprdct span.mixzu {font-weight: bold; color:#008526;}
.mainprdct .roasttbl th {background: #666 !important;}
.mainprdct .roasttbl th.textleft {padding-left: 8px;}
.mainprdct .picleft {float: left; margin-right: 20px;}
.mainprdct .txtovfl {overflow: hidden;}
.mainprdct .kogyobox {border: 1px solid #ccc; padding: 10px; display: inline-block;}
.mainprdct .kogyotbl {border: none !important}
.mainprdct .kogyotbl th {
	background: #fff !important;
	color: #000 !important;
	border-top: none !important;
	border-left: none !important;
	border-right: none !important;
	border-bottom: 1px solid #000 !important;
	padding:  5px 30px !important;
	font-weight: normal !important;
}
.mainprdct .kogyotbl td {
	border: none !important;
	padding: 0 !important;
	font-weight: bold;
}
.mainprdct .kogyotbl .first td {
	padding-top: 10px !important;
}
.mainprdct .kogyotbl td.kata {
	text-align: left !important;
	padding-left: 30px !important;
}
.mainprdct .kogyotbl td.batch {
	text-align: right !important;
	padding-right: 30px !important;
}
.mainprdct .kogyotbl td.max {
	text-align: right !important;
	padding-right: 20px !important;
}

.extrlist {
	padding-left: 20px;
}
.extrlist li {
	list-style: disc;
	margin-bottom: 3px;
}

.longtable {
	height: auto;
	overflow-x: scroll;
	margin-bottom: 20px;
}
.longtable table th {
	white-space: nowrap;
}
.longtable table .yellow {
	background: #ffec93;
}
.mainprdct .prdctpics2 li {
	border: 1px solid #c6c6c6;
	width: 294px;
	height: 221px;
	padding: 2px;
	float: left;
	margin-right: 10px;
	margin-bottom: 10px;
}
.mainprdct .prdctpics2 li.last {
	margin-right: 0;
}
.medals {overflow: hidden; margin-bottom: 20px;}
.medals img {
	float: right;
	margin-left: 15px;
}
.medals div {overflow: hidden;}
.medals li {font-size: 105%; margin-bottom: 8px;}


/*==============================================
【CMS】累積一覧ページ
==============================================*/
#list_all{
	margin:10px 0 15px 20px;
}
#list_all dt{
	font-size:medium;
	font-weight:bold;
	color:#c00;
	margin-top:15px;
	border-bottom:1px solid #c00;
	border-left:5px solid #f99;
	padding-left:5px;
}
#list_all dd{
	border-bottom:1px dotted #c00;
	margin:2px 0 2px 10px;
	padding-bottom:2px;
}
#list_all dd span{
	margin-right:20px;
}



/*==============================================
【CMS】詳細ページ
==============================================*/
h3.detailTitle{
	font-size:15px;
	font-weight:bold;
	background-color:#efefef;
	border-bottom:1px solid #dfdfdf;
	text-indent:0.5em;
	line-height:1.1;
	padding:4px 0 3px 0;
}
/*ie7用*/
*:first-child+html h3.detailTitle{
	padding:5px 0 2px 0;
}

.detailDate{text-align:right;}

#detailBox{margin-top:20px;}
#detailBox img{
	display:block;
	float:right;
}

#detailBox p.exp img{
	display:inline;
	float:none;
}
img.managedImage{
	border:5px solid #dfdfdf;
	margin-bottom:15px;
}


/*==============================================
【CMS】アンカーで飛んだ先の詳細表示
==============================================*/

#detailAreaFormAnchor{
	margin-top:30px;
	margin-left:20px;
	padding-bottom:15px;
}


#detailAreaFormAnchor h3{
	font-size:medium;
	border-top:3px solid #ddd;
	clear:both;
}

#detailAreaFormAnchor div.expbox{
	padding-bottom:20px;
	zoom:1;
}
#detailAreaFormAnchor div.expbox:after{
	content:"";
	display: block;
	clear:both;
}

#detailAreaFormAnchor p{
	line-height:1.8;
	width:440px;
}

#detailAreaFormAnchor p.date{
	text-align:right;
	margin-bottom:1em;
	width:100%;
}

#detailAreaFormAnchor .expbox img{
	display:block;
	float:right;
}
#detailAreaFormAnchor .expbox p img{
	display:inline;
	float:none;
}


/*slideshow*/
div#slideshow {
	width: 940px; height: 377px;
	overflow: scroll; /* Allows the slides to be viewed using scrollbar if Javascript isn't available */ 
	position: relative; z-index: 1;
}
	div#slideshow a {border: none;}
	
	div#slideshow ul#nav {
		display: none;
		list-style: none;
		position: relative; top: 250px; z-index: 15;
	}
		div#slideshow ul#nav li#prev {
			float: left; margin: 0 0 0 20px;
		}
		div#slideshow ul#nav li#next {
			float: right; margin: 0 20px 0 0;
		}
		div#slideshow ul#nav li a {
			display: block; width: 80px; height: 80px; text-indent: -9999px;
		}
			div#slideshow ul#nav li#prev a {
				background: url(../images/prevslide.png);
			}
			div#slideshow ul#nav li#next a {
				background: url(../images/nextslide.png);
			}

	div#slideshow ul#slides {
		list-style: none;
	}
		div#slideshow ul#slides li {
			margin: 0 0 20px 0;
		}