@charset "Shift_JIS";

/*-------CONTENTS-------

1.基本要素
2.TOPページ要素
3.中面要素
4.コーヒー生豆検索要素
5.ロースティングコメント＆カッピングコメント要素
6.コーヒーカッパー要素
7.フェアートレード要素
8.ロースティング日記＆当社のテスト要素
9.駐在員日記要素
10.新着情報

*/

/*-------1.基本要素-------*/
body{background:#E8DCB3;font-size:80%;color:#464646;line-height:150%;margin:0;}
h1,h2,h3,h4,h5,h6{margin:0;}
img{border:none;margin:0;}
td{text-align:left;vertical-align:top;}
address{padding:0px;}
/*address{border-top:solid 2px #471B0D;padding-top:8px;margin:50px auto 0 auto;width:756px;}*/
ul{list-style-type:none;margin:0;padding:0;}
p{margin:0;padding:0;}
a:link{color:#464646;text-decoration:underline;}
a:visited{color:#464646;text-decoration:underline;}
a:hover{color:#A02316;text-decoration:underline;}
a:active{color:#464646;text-decoration:underline;}
.clear{clear:both;margin:0;padding:0;}
table.footer{border-top:solid 2px #471B0D;margin:50px 0 0 0;}
table.footer td{padding-top:8px;}

/*-------2.TOPページ要素-------*/
div#content-bg{background : url(img/common/content_bg.gif) repeat-y;margin:0 auto;padding-bottom:20px;width:792px;}
div#content-bg .header-bg{background : url(img/common/header_bg.jpg) no-repeat right center;}
table td.flash-area{background : url(img/top/flash_bg.gif) no-repeat;padding:10px 10px 10px 10px;}
/*インフォメーション要素*/
table#top .main-area{padding-left:6px;}
table#top #info{margin:0 0 0 20px;width:508px;}
table#top #info dl{margin:10px 0 0 0;padding:0;}
table#top #info dt{background : url(img/top/info_icon.gif) no-repeat 0px 3px;margin:0;padding:0 0 0 15px;width:80px;line-height: 1.2em;}
table#top #info dd{position:relative; top:-1.2em; left:80px;border-width: 0px; margin:0;padding:0;z-index:1;width:390px;line-height: 1.2em;}
table#top #info p{margin:0;padding:0;}

table#news .main-area{padding-left:6px;}
table#news #info{margin:0 0 0 0;width:600px;}
table#news #info dl{margin:10px 0 0 0;padding:0;}
table#news #info dt{background : url(img/top/info_icon.gif) no-repeat 0px 3px;margin:0;padding:0 0 0 15px;width:80px;line-height: 1.2em;}
table#news #info dd{position:relative; top:-1.2em; left:80px;border-width: 0px; margin:0;padding:0;z-index:1;width:490px;line-height: 1.2em;}
table#news #info p{margin:0;padding:0;}
/*検索要素*/
table#top #search{margin-left:17px;}
table#top #search h3{margin:8px 0;}
table#top #search h4{margin:0 0 5px 0;}
table#top #search h4.space{margin:6px 0 5px 0;}
table#top #search .middle-bg{background : url(img/top/search-middle_bg.gif) repeat-y;padding:5px 9px 10px 8px;}
table#top #search .middle-bg ul{font-size:85%;}
table#top #search .middle-bg ul.space{list-style-type:none;margin:8px 0 0 0;padding:0;font-size:85%;}
table#top #search .middle-bg li{color:#010101;list-style-type:none;margin:1px 0 0 0;padding:0;}
table#top #search .middle-bg li a{color:#000000;text-decoration:none;padding:0 0 0 4px;width:141px;display:block;}
table#top #search .middle-bg li a:hover{background:#D4D4CA;color:#000000;}
table#top #search .middle-bg li.guatemala{background : #e8dcb3 url(img/top/guatemala_icon.gif) no-repeat 124px 4px;color:#461B0D;list-style-type:none;margin:0;padding:2px 0 2px 4px;width:141px;}
table#top #search .middle-bg li.costarica{background : #e8dcb3 url(img/top/costarica_icon.gif) no-repeat 124px 4px;color:#461B0D;list-style-type:none;margin:0;padding:2px 0 2px 4px;width:141px;}
table#top #search .middle-bg li.salvador{background : #e8dcb3 url(img/top/salvador_icon.gif) no-repeat 124px 4px;color:#461B0D;list-style-type:none;margin:0;padding:2px 0 2px 4px;width:141px;}
table#top #search .middle-bg li.nicaragua{background : #e8dcb3 url(img/top/nicaragua_icon.gif) no-repeat 124px 4px;color:#461B0D;list-style-type:none;margin:0;padding:2px 0 2px 4px;width:141px;}
table#top #search .middle-bg li.honduras{background : #e8dcb3 url(img/top/honduras_icon.gif) no-repeat 124px 4px;color:#461B0D;list-style-type:none;margin:0;padding:2px 0 2px 4px;width:141px;}
table#top #search .middle-bg li.colombia{background : #e8dcb3 url(img/top/colombia_icon.gif) no-repeat 124px 4px;color:#461B0D;list-style-type:none;margin:0;padding:2px 0 2px 4px;width:141px;}
table#top #search .middle-bg li.ethiopia{background : #e8dcb3 url(img/top/ethiopia_icon.gif) no-repeat 124px 4px;color:#461B0D;list-style-type:none;margin:0;padding:2px 0 2px 4px;width:141px;}
table#top #search .middle-bg li.brazil{background : #e8dcb3 url(img/top/brazil_icon.gif) no-repeat 124px 4px;color:#461B0D;list-style-type:none;margin:0;padding:2px 0 2px 4px;width:141px;}
table#top #search .middle-bg li.tanzania{background : #e8dcb3 url(img/top/tanzania_icon.gif) no-repeat 124px 4px;color:#461B0D;list-style-type:none;margin:0;padding:2px 0 2px 4px;width:141px;}
table#top #search .middle-bg li.kenya{background : #e8dcb3 url(img/top/kenya_icon.gif) no-repeat 124px 4px;color:#461B0D;list-style-type:none;margin:0;padding:2px 0 2px 4px;width:141px;}
table#top #search .middle-bg li.indonesia{background : #e8dcb3 url(img/top/indonesia_icon.gif) no-repeat 124px 4px;color:#461B0D;list-style-type:none;margin:0;padding:2px 0 2px 4px;width:141px;}
/*サイドバー要素*/
table#top .sub-area{padding-top:19px;}
table#top #column{margin-left:7px;}
table#top #column .middle-bg{background : url(img/top/column-middle_bg.gif) repeat-y;padding:5px 0 5px 10px;}
table#top #column .middle-bg ul{color:#505050;font-size:85%;width:200px;}
table#top #column .middle-bg li{background : url(img/top/column_icon.gif) no-repeat 0px 3px;margin:0 0 5px 0;padding-left:15px;;list-style:none;width:185px;}
table#top #column .middle-bg li span{color:#1E1E1E;display:block;}
table#top #column div img{margin-top:10px;}
table#top #link{margin-top:20px;}
table#top #link ul{color:#505050;font-size:85%;margin:10px 0 0 17px;width:200px;}
table#top #link li{background : url(img/top/link_icon.gif) no-repeat 0px 3px;margin:0 0 5px 0;padding-left:15px;;list-style:none;width:185px;}


/*-------3.中面共通要素-------*/
.pankuzu{background : url(img/common/pankuzu_bg.gif) repeat-x center top;color:#451A0D;font-size:90%;padding:11px 0 10px 12px;width:768px;}
.pankuzu a:link{color:#451A0D;text-decoration:none;}
.pankuzu a:visited{color:#451A0D;text-decoration:none;}
.pankuzu a:hover{color:#451A0D;text-decoration:underline;}
.pankuzu a:active{color:#451A0D;text-decoration:none;}
table#title{margin-top:15px;}
table#title h2{margin-left:12px;}
table#title td{vertical-align:middle;}
div.other-mean{background : url(img/search/green_icon.gif) no-repeat 0px 3px;padding-left:15px;}
div.other-mean-gray{background : url(img/common/gray_icon.gif) no-repeat 0px 3px;padding-left:15px;}
.main-area{padding:0px 0 0 75px;}
td.common-space{padding:0 0 0 75px;}
div.common-border{border-top:solid 2px #323232;padding:15px 10px 0 10px;width:655px;}

table#layout01 p{margin:0 0 15px 0;width:365px;}
table#layout01 div.img-space{margin-top:30px;}
#layout02 p{width:620px;}
#layout02 h3{margin-top:15px;}
#layout02 div.center-position{padding:10px 15px;width:645px;}
#layout02 div.center-position .sp1 table{margin-bottom:1px;}
#layout02 div.center-position dl{margin:0;padding:0;}
#layout02 div.center-position dt{margin:0;padding:0;width:120px;line-height: 1.2em;}
#layout02 div.center-position dd{position:relative;top:-1.2em;left:120px;border-width:0px;margin:0;padding:0;z-index:1;width:390px;line-height:1.2em;}
#layout02 div.center-position .sp1 table{margin-bottom:1px;}
#layout02 div.center-position td.koumoku{background:#CEC589;padding:3px 0 3px 5px;}
#layout02 div.center-position td.data{background:#E5E0BB;padding:3px 0;text-align:center;}
#layout02 div.center-position td.baisen{background:#E5E0BB;padding:3px 8px;height:150px;}
#layout02 div.center-position p.koutei{margin-bottom:10px;width:320px;}
#layout02 div.center-position p.red{color:#D43528;margin-bottom:10px;}
#layout02 div.center-position .img-center{text-align:center;}
#layout02 div.center-position .img-center img{margin-bottom:20px;}
#layout02 div.explanation h4{background:#DEE8CA;padding:3px 0 3px 15px;font-size:100%;margin-top:15px;width:635px;}
#layout02 div.explanation p{margin:0 0 0 15px;}


/*-------4.コーヒー生豆検索要素-------*/
td.search-space{padding:0 75px 0 75px;}
div.search-border{border-top:solid 2px #323232;padding:10px 10px 50px 10px;width:610px;}
table#search h4{margin:0 0 5px 0;}
table#search h4.space{margin:6px 0 5px 0;}
table#search .middle-bg{background : url(img/search/search-middle_bg.gif) repeat-y;padding:5px 9px 10px 8px;}
table#search .middle-bg ul{font-size:85%;}
table#search .middle-bg ul.space{list-style-type:none;margin:8px 0 0 0;padding:0;font-size:85%;}
table#search .middle-bg li{color:#010101;list-style-type:none;margin:1px 0 0 0;padding:0;}
table#search .middle-bg li a{color:#000000;text-decoration:none;padding:0 0 0 4px;width:185px;display:block;}
table#search .middle-bg li a:hover{background:#D4D4CA;color:#000000;}
table#search .middle-bg li.guatemala{background : #e8dcb3 url(img/top/guatemala_icon.gif) no-repeat 168px 4px;color:#461B0D;list-style-type:none;margin:0;padding:2px 0 2px 4px;width:185px;}
table#search .middle-bg li.costarica{background : #e8dcb3 url(img/top/costarica_icon.gif) no-repeat 168px 4px;color:#461B0D;list-style-type:none;margin:0;padding:2px 0 2px 4px;width:185px;}
table#search .middle-bg li.salvador{background : #e8dcb3 url(img/top/salvador_icon.gif) no-repeat 168px 4px;color:#461B0D;list-style-type:none;margin:0;padding:2px 0 2px 4px;width:185px;}
table#search .middle-bg li.nicaragua{background : #e8dcb3 url(img/top/nicaragua_icon.gif) no-repeat 168px 4px;color:#461B0D;list-style-type:none;margin:0;padding:2px 0 2px 4px;width:185px;}
table#search .middle-bg LI.honduras{background : #e8dcb3 url(img/top/honduras_icon.gif) no-repeat 168px 4px;color:#461B0D;list-style-type:none;margin:0;padding:2px 0 2px 4px;width : 185px;}
table#search .middle-bg li.colombia{background : #e8dcb3 url(img/top/colombia_icon.gif) no-repeat 168px 4px;color:#461B0D;list-style-type:none;margin:0;padding:2px 0 2px 4px;width:185px;}
table#search .middle-bg li.ethiopia{background : #e8dcb3 url(img/top/ethiopia_icon.gif) no-repeat 168px 4px;color:#461B0D;list-style-type:none;margin:0;padding:2px 0 2px 4px;width:185px;}
table#search .middle-bg li.brazil{background : #e8dcb3 url(img/top/brazil_icon.gif) no-repeat 168px 4px;color:#461B0D;list-style-type:none;margin:0;padding:2px 0 2px 4px;width:185px;}
table#search .middle-bg LI.tanzania{background : url(img/top/tanzania_icon.gif) no-repeat 168px 4px;background-color : #e8dcb3;color:#461B0D;list-style-type:none;margin:0;padding:2px 0 2px 4px;width:185px;}
table#search .middle-bg LI.kenya{background : url(img/top/kenya_icon.gif) no-repeat 168px 4px;background-color : #e8dcb3;color:#461B0D;list-style-type:none;margin:0;padding:2px 0 2px 4px;width:185px;}
table#search .middle-bg LI.indonesia{background : url(img/top/indonesia_icon.gif) no-repeat 168px 4px;background-color : #e8dcb3;color:#461B0D;list-style-type:none;margin:0;padding:2px 0 2px 4px;width:185px;}

table#search{margin-top:3px;}
table#search .main-area p{margin:0 0 15px 0;width:330px;}
table#search .main-area p.no-space{margin:0;width:330px;}
table#search .main-area div.big-image{margin:5px 0 15px 0;}
table#search .main-area .right{float:right;margin:3px 0 3px 5px;}
table#search .border{border-top:solid 2px #323232;border-bottom:solid 2px #323232;padding-top:15px;width:353px;}
table#search h5{color:#1B7A2F;font-size:100%;margin-bottom:5px;}
table#search .logos{margin-top:10px;}

table#search table.data{margin-top:1px;}
table#search table.data td.koumoku{background:#DBD5A3;font-weight:normal;padding:3px 0 3px 5px;text-align:left;vertical-align:top;width:80px;}
table#search table.data td.naiyou{background:#F2F0DE;padding:3px 0 3px 5px;}
table#search table.data li{list-style-type:none;margin:0 0 3px 0;padding:0;}
table#search .bottun-area{margin-top:15px;}
table#search .taste{margin-top:20px;}


/*-------5.ロースティングコメント＆カッピングコメント要素-------*/
#comment {margin-top:10px;}
#comment .border-top{border-top:dashed 1px #000000;}
#comment td.koumoku{background:#CEC589;color:#000000;padding:5px 0;}
#comment td.koumoku a:link{color:#000000;text-decoration:none;}
#comment td.koumoku a:visited{color:#000000;text-decoration:none;}
#comment td.koumoku a:hover{color:#000000;text-decoration:underline;}
#comment td.koumoku a:active{color:#000000;text-decoration:none;}
#comment td.koumoku div{margin-left:10px;}
#comment td.sentence{background:#E5E0BB;padding:5px 0px;}
#comment td.sentence p{margin:0 10px;}
#comment .border-bottom{border-bottom:dashed 1px #000000;padding-bottom:15px;margin-top:15px;}
#comment .main-img{border-top:dashed 1px #000000;padding:15px 10px;}
#comment p.top-sentence{width:300px;margin-bottom:15px;}


/*-------6.カッパー要素-------*/
#connoisseur table{height:435px;}
#connoisseur td.bg{background:#E8DCB3;padding-bottom:10px;text-align:center;}
#connoisseur h3{margin-bottom:5px;}
#connoisseur ul{margin:5px 0 0 13px;text-align:left;}
#connoisseur li{margin:0 0 8px 0;padding:0;list-style-type:none;font-size:85%;}


/*-------7.フェアートレード要素-------*/
#fairtrade p{margin:0 0 15px 0;width:625px;}
#fairtrade h3{margin:30px 0px 10px 0;}
#fairtrade ul{margin:5px 0 0 0;text-align:left;}
#fairtrade li{background : url(img/fairtrade/sankaku_icon.gif) no-repeat 0px 3px;margin:0 0 5px 0;padding-left:15px;list-style-type:none;}


/*-------8.ロースティング日記＆当社のテスト要素-------*/
#diary div.borders{border-top:dashed 1px #000000;border-bottom:dashed 1px #000000;padding:15px;margin-top:15px;width:625px;}
#diary table.data{margin-top:10px;}
#diary table.data th{background:#464646;color:#FFFFFF;font-weight:normal;padding:3px;}
#diary table.data td.minute01{background:#ADA04A;color:#FFFFFF;text-align:center;padding:3px;}
#diary table.data td.minute02{background:#BCB268;color:#FFFFFF;text-align:center;padding:3px;}
#diary table.data td.temperature01{background:#CDC47D;text-align:right;padding:3px;}
#diary table.data td.temperature02{background:#DBD5A3;text-align:right;padding:3px;}
#diary table.data td.text01{background:#CEC589;text-align:center;padding:3px;}
#diary table.data td.text02{background:#E5E0BB;text-align:right;padding:3px;}
#diary table.data td.text03{background:#E5E0BB;padding:3px;}
#diary table.partition2{margin-top:10px;}
#diary table.partition2 p{width:288px;}
#diary ul{font-size:90%;margin:15px 0 0 0;}
#diary li{background : url(img/common/green-ast_icon.gif) no-repeat 0px 3px;margin:0 0 3px 0;padding-left:15px;}
#diary div.other-mean{margin-top:10px;}


/*-------9.駐在員日記要素-------*/
#column h3,h4{margin-bottom:10px;}
#column h4{background:#464646;color:#FFFFFF;font-size:100%;padding:3px 5px;width:363px;}
#column p{margin-bottom:15px;padding:0 0 0 5px;width:368px;}
#column td.photo-area{padding-top:114px;}
#column td.photo-area img{margin-bottom:5px;}

/*-------10.新着情報-------*/
#news h3{background : url(img/news/big-title_bg.gif);margin-bottom:10px;padding:5px 0px 4px 8px;width:647px;color:#FFFFFF;font-size:110%;}
#news h3.space{margin:30px 0 10px 0;}
#news h4{border-bottom:dashed 1px #646464;margin-bottom:10px;padding:4px 0px 3px 0px;width:655px;color:#1B7A2F;font-size:110%;}
#news h4.mark{border-bottom:dashed 1px #646464;margin-bottom:10px;background : url(img/search/green_icon.gif) no-repeat 0px 8px;padding:4px 0px 3px 15px;width:655px;color:#1B7A2F;font-size:110%;}
#news p{margin:0 0 15px 0;width:640px;}
#news p.no-space{margin:0;width:330px;}
#news div.big-image{margin:5px 0 15px 0;}
#news .right{float:right;margin:3px 0 3px 5px;}
#news div.img-position{margin:0 0 15px 15px;}
#news div.img-position2{margin:0 0 15px 0;}
#news table.position{margin:0 0 15px 15px;}
#news table.data td.koumoku{background:#DBD5A3;font-weight:normal;padding:3px 0 3px 5px;text-align:left;vertical-align:top;}
#news table.data td.naiyou{background:#F2F0DE;padding:3px 0 3px 5px;}
#news table.common{background:#666666;}
#news table.common td{background:#FFFFFF;}
#news table.common td.title{background:#323232;text-align:center;color:#FFFFFF;}
#news table.common td.txt-center{text-align:center;}
#news table.common td.txt-right{text-align:right;}


/*-------11.会社概要-------*/
#company p{margin:0 0 15px 0;width:430px;}
#company h3{margin-top:15px;}
#company table.data{margin-top:3px;}
#company table.data td.data01{background:#BCB268;color:#FFFFFF;text-align:center;padding:3px;vertical-align:middle;}
#company table.data td.data02{background:#DBD5A3;text-align:left;padding:3px;}