* {
	margin: 0px;
	padding: 0px;
	font-style: normal;
}
html {
	overflow-y:scroll;
	height: 100%;
}
body {
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-size: 83%;
	line-height: 1.6;
	color: #333;
	height: 100%;
}
hr {
	display: none;
}
img {
	border-style: none;
}
a:link {
	color: #333333;
	text-decoration: none;
}

a:hover {
	color: #000000;
	text-decoration: underline;
}

a:visited {
	color: #333333;
	text-decoration: none;
}


/*------------
枠
-------------*/
#wrapper {
	margin: 0px auto;
	width: 870px;
	overflow:hidden;
}


/*------------
ヘッダー
-------------*/
#header {
	background: #FFF;
	width: 870px;
	margin: 10px 0px;
	height: 72px;
}
#header p {
	float: left;
}
#header_inner {
	float: left;
	padding-top: 23px;
	margin-left: 5px;
}
#header_inner h3 {
	font-size: 13pt;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	padding-top: 2px;
	font-weight: normal;
}
#header_inner h1 {
	font-size: 8pt;
	color: #CCC;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}

#pan_space {
	height: 33px;
	width: 870px;
	position: relative;
	font-size: 90%;
}

#pan_space p {
	position: absolute;
	bottom: 0px;
}


/*------------
グローバルナビ
-------------*/

#global_navi {
	height: 38px;
	width: 870px;
	clear: both;
}


#global_navi ul{
	background: #666;
	height: 38px;
	width: 870px;
	list-style: none;
}

#global_navi ul li{
	height: 38px;
	width: 174px;
	list-style: none;
	float: left;
}
#global_navi ul li a {
	text-indent: -9999px;
	display: block;
	height: 38px;
	width: 174px;
}
#global_navi #health {
	background: url(top_images/top_06.gif) no-repeat;
}
#global_navi #health:hover {
	background: url(top_images/top_06_06.gif) no-repeat;
}
#global_navi #knowlge {
	background: url(top_images/top_07.gif) no-repeat;
}
#global_navi #knowlge:hover {
	background: url(top_images/top_06_07.gif) no-repeat;
}
#global_navi #cafe_info {
	background: url(top_images/top_08.gif) no-repeat;
}
#global_navi #cafe_info:hover {
	background: url(top_images/top_06_08.gif) no-repeat;
}
#global_navi #decafe {
	background: url(top_images/top_09.gif) no-repeat;
}
#global_navi #decafe:hover {
	background: url(top_images/top_06_09.gif) no-repeat;
}
#global_navi #products {
	background: url(top_images/top_10.gif) no-repeat;
}
#global_navi #products:hover {
	background: url(top_images/top_06_10.gif) no-repeat;
}

/*------------
メインビジュアル
-------------*/

#main_visual {
	height: 250px;
	width: 870px;
}
#main_visual #cm {
	float: left;
	height: 250px;
	width: 300px;
}

#main_visual #sub_visual {
	float: left;
	margin-left: 20px;
	height: 250px;
	width: 550px;
}
#main_visual #sub_visual h2 {
	float: left;
}
#sub_visual #sub_visual_text {
	float: left;
	padding-left: 20px;
}
#sub_visual #sub_visual_text h3 {
	font-size: 130%;
}
#sub_visual #sub_visual_text p {
	float: left;
}


/*---各ページ設定---*/

#bnr_top {
	height: 85px;
	width: 870px;
	margin-top: 20px;
}


/*-------------------
グローバルナビサイド
-------------------*/
#global_navi_side {
	float: left;
	width: 300px;
	margin: 0px;
	padding-bottom: 40px;
}
#global_navi_side ul  {
	list-style: none;
	padding-left: 12px;

}

#global_navi_side ul li a{
	display: block;
	height: 15px;
	width: 270px;
	padding-left: 18px;
	margin-top: 15px;
	color: #666;
}


#global_navi_side ul li a:link{
	color: #333;
}

#global_navi_side ul li a:hover{
	background: url(top_images/been.gif) no-repeat 1px 4px;
	color: #000;
	text-decoration: none;
}




#global_navi_side #health {
	background: url(top_images/icon2.gif) no-repeat 0px 0px;
	padding-left: 30px;
	font-size: 110%;
	left: 30px;
	top: 30px;
	bottom: 10px;
	margin-top: 30px;
	padding-bottom: 0px;
	font-weight: bold;
	text-decoration: none;
}
#global_navi_side #health:hover {
	background: url(top_images/icon2_ov.gif) no-repeat;
}
#global_navi_side #health a:hover{
	color: #450000;
	text-decoration: none;
}




/*---色変更---*/
#global_navi_side #health2 {
	background: url(top_images/icon2color2.gif) no-repeat 0px 0px;
	padding-left: 30px;
	font-size: 110%;
	left: 30px;
	top: 30px;
	bottom: 10px;
	margin-top: 30px;
	padding-bottom: 0px;
	font-weight: bold;
	text-decoration: none;
}
#global_navi_side #health2:hover {
	background: url(top_images/icon2color2_ov.gif) no-repeat;
}
#global_navi_side #health2 a:hover{
	color: #450000;
	text-decoration: none;
}
/*---色変更ここまで---*/




#global_navi_side #knowledge {
	background: url(top_images/icon1.gif) no-repeat;
	padding-left: 30px;
	font-size: 110%;
	margin-top: 40px;
	padding-bottom: 0px;
	padding-top: 0px;
	font-weight: bold;
}
#global_navi_side #knowledge:hover {
	background: url(top_images/icon1_ov.gif) no-repeat;
}
#global_navi_side #knowledge a:hover{
	text-decoration: none;
	color: #450000;
}


/*---色変更---*/
#global_navi_side #knowledge2 {
	background: url(top_images/icon1color2.gif) no-repeat;
	padding-left: 30px;
	font-size: 110%;
	margin-top: 40px;
	padding-bottom: 0px;
	padding-top: 0px;
	font-weight: bold;
}
#global_navi_side #knowledge2:hover {
	background: url(top_images/icon1color2_ov.gif) no-repeat;
}
#global_navi_side #knowledge2 a:hover{
	text-decoration: none;
	color: #450000;
}
/*---色変更ここまで---*/





#global_navi_side #cafe_info {
	background: url(top_images/icon3.gif) no-repeat;
	padding-left: 30px;
	font-size: 110%;
	margin-top: 40px;
	padding-bottom: 0px;
	padding-top: 0px;
	font-weight: bold;
}
#global_navi_side #cafe_info:hover {
	background: url(top_images/icon3_ov.gif) no-repeat;
}
#global_navi_side #cafe_info a:hover{
	text-decoration: none;
	color: #450000;
}



/*---色変更---*/
#global_navi_side #cafe_info2 {
	background: url(top_images/icon3color2.gif) no-repeat;
	padding-left: 30px;
	font-size: 110%;
	margin-top: 40px;
	padding-bottom: 0px;
	padding-top: 0px;
	font-weight: bold;
}
#global_navi_side #cafe_info2:hover {
	background: url(top_images/icon3color2_ov.gif) no-repeat;
}
#global_navi_side #cafe_info2 a:hover{
	text-decoration: none;
	color: #450000;
}
/*---色変更ここまで---*/




#global_navi_side #decafe {
	background: url(top_images/icon4.gif) no-repeat;
	padding-left: 30px;
	font-size: 110%;
	margin-top: 40px;
	padding-bottom: 0px;
	padding-top: 0px;
	font-weight: bold;
}
#global_navi_side #decafe:hover {
	background: url(top_images/icon4_ov.gif) no-repeat;
}
#global_navi_side #decafe a:hover{
	text-decoration: none;
	color: #450000;
}


/*---色変更---*/
#global_navi_side #decafe2 {
	background: url(top_images/icon4color2.gif) no-repeat;
	padding-left: 30px;
	font-size: 110%;
	margin-top: 40px;
	padding-bottom: 0px;
	padding-top: 0px;
	font-weight: bold;
}
#global_navi_side #decafe2:hover {
	background: url(top_images/icon4color2_ov.gif) no-repeat;
}
#global_navi_side #decafe2 a:hover{
	text-decoration: none;
	color: #450000;
}
/*---色変更ここまで---*/


#global_navi_side #products {
	background: url(top_images/icon5.gif) no-repeat;
	padding-left: 30px;
	font-size: 110%;
	margin-top: 40px;
	padding-bottom: 0px;
	padding-top: 0px;
	font-weight: bold;
}
#global_navi_side #products:hover {
	background: url(top_images/icon5_ov.gif) no-repeat;
	text-decoration: none;
}
#global_navi_side #products a:hover{
	color: #450000;
	text-decoration: none;
}

/*---色変更---*/
#global_navi_side #products2 {
	background: url(top_images/icon5color2.gif) no-repeat;
	padding-left: 30px;
	font-size: 110%;
	margin-top: 40px;
	padding-bottom: 0px;
	padding-top: 0px;
	font-weight: bold;
}
#global_navi_side #products2:hover {
	background: url(top_images/icon5color2_ov.gif) no-repeat;
	text-decoration: none;
}
#global_navi_side #products2 a:hover{
	color: #450000;
	text-decoration: none;
}
/*---色変更ここまで---*/




#global_navi_side #popularity {
	background: url(top_images/icon6.gif) no-repeat;
	padding-left: 30px;
	font-size: 110%;
	margin-top: 40px;
	padding-bottom: 0px;
	padding-top: 0px;
	font-weight: bold;
}

#global_navi_side #popularity:hover{
	background: url(top_images/icon6_ov.gif) no-repeat;
	text-decoration: none;
	color: #450000;
}



/*---色変更---*/
#global_navi_side #popularity2 {
	background: url(top_images/icon6color2.gif) no-repeat;
	padding-left: 30px;
	font-size: 110%;
	margin-top: 40px;
	padding-bottom: 0px;
	padding-top: 0px;
	font-weight: bold;
}

#global_navi_side #popularity2:hover{
	background: url(top_images/icon6color2_ov.gif) no-repeat;
	text-decoration: none;
	color: #450000;
}
/*---色変更ここまで---*/




/*-------------------
メインコンテンツ
-------------------*/
#main_contents {
	background: #FFF;
	float: left;
	width: 530px;
	margin-left: 20px;
	margin-top: 30px;
}
#main_contents h3 {
	font-size: 110%;
	margin-bottom: 15px;
	font-weight: bold;
}
#main_contents p  {
	line-height: 30px;
	padding-bottom: 30px;
}
/*---メインコンテンツ各ページ設定---*/


#main_contents .main_contents_index_page {
	border-bottom: 1px solid #666;
}
#main_contents .main_contents_index_page p a {
	font-weight: bold;
}

#main_contents .main_contents_waku {
	width: 530px;
	float: left;
}


/*---メインコンテンツ「おすすめ製品」ここから↓---*/


#main_contents .main_contents_waku_hyouka{
	color: #966;
	float: left;
	line-height: 20px;
	clear: both;
}
#main_contents .main_contents_waku_price {
	font-weight: bold;
	float: left;
	padding-bottom: 20px;
}
#main_contents .main_contents_waku_img {
	float: left;
	width: 180px;
}


#main_contents .main_contents_waku_textarea {
	float: right;
	width: 330px;
	padding-bottom: 0px;
}
#main_contents .main_contents_osusume_text {
	padding-bottom: 0px;
}
#main_contents .main_contents_osusume_productname {
	padding-bottom: 0px;
	color: #333;
	margin-bottom: 0px;
	font-weight: bold;
	line-height: 30px;
}
#main_contents p .aka {
	color: #900;
}

#main_contents .decafe_line {
	border-bottom: 2px solid #CCC;
	margin-bottom: 30px;
}

/*---メインコンテンツ「おすすめ製品」ここまで↑---*/



#main_contents .main_contents_waku_img_mizudashi {
	float: left;
	width: 150px;
}
#main_contents .main_contents_waku_img_farm {
	float: left;
	width: 80px;
}


#main_contents .main_contents_waku_text_mizudashi {
	float: right;
	line-height: 20px;
	margin-left: 10px;
	width: 370px;
}
.main_contents_waku .main_contents_waku_text_mizudashi_moji {
	float: right;
	width: 370px;
	margin-left: 10px;
	font-weight: bold;
	color: #F00;
	font-size: 14px;
	clear: both;
}
#main_contents .mizudashi_tsuuhan {
	width: 530px;
	float: right;
	clear: both;
	font-size: 18px;
	font-weight: bold;
	color: #C60;
	margin-bottom: 0px;
	margin-top: 10px;
}
.main_contents_waku .main_contents_waku_text_mizudashi {
	width: 530px;
}
#main_contents .main_contents_waku ul li {
	list-style: none;
}
.main_contents_waku_text_mizudashi_moji {
	float: right;
}
#main_contents .main_contents_cafe_info_text  {
	line-height: 30px;
	padding-left: 10px;
}
#main_contents .main_contents_waku_text_farm {
	line-height: 20px;
	float: left;
	padding-left: 10px;
}
.maker {
	font-size: 15px;
	font-weight: bold;
}
.maker hover {
	font-size: 15px;
	font-weight: bold;
	text-decoration: underline;
	background: #00F;
}



/*---カフェ情報↓---*/

h4 {
	font-weight: bold;
	padding-left: 10px;
	margin-bottom: 10px;
}

#main_contents .cafe_info_img_area {
	width: 180px;
	float: left;
}

#main_contents #cafe_info_at {
	color: #666;
	font-size: 90%;
	line-height: 15px;
}
#main_contents .cafe_info_text_area {
	width: 350px;
	float: left;
}

/*---カフェ情報ここまで↑---*/



/*---ベトナムコーヒー↓---*/

#main_contents .main_contents_vietnam_coffee_text {
	line-height: 20px;
	padding-left: 10px;
}
/*---ベトナムコーヒーここまで↑---*/

#main_contents #teeth_sankou p{
	background: #CCC;
	padding-right: 10px;
	padding-bottom: 10px;
	padding-left: 10px;
	margin-bottom: 30px;
}

/*-------------------
ボトムバナー
-------------------*/

#bnr {
	width: 870px;
	clear: both;
	height: 70px;
	padding-bottom: 40px;
}
#bnr #cafe_blog {
	float: left;
}
#bnr #decafe2 {
	float: right;
}


/*-------------------
フッター
-------------------*/

#footer1 {
	background: #a3805e;
	clear: both;
	font-size: 8.7pt;
	line-height: 30px;
	height: 30px;
}
#footer_inner1 {
	width: 870px;
	margin-right: auto;
	margin-left: auto;
	height: 30px;
	position: relative;
}


#footer_inner1 p {
	color: #333;
	float: right;
	height: 30px;
	line-height: 35px;
}
#footer_inner1 img {
	position: absolute;
	bottom: 0px;
	right: 9%;
}


#footer_inner1 ul li {
	display: inline;
	list-style: none;
	padding-left: 1.5em;
}
#footer_inner1 ul a:link {
	color: #FFF;
}
#footer_inner1 ul a:hover {
	color: #333;
}
#footer_inner1 ul a:visited {
	color: #FFF;
}










#footer2 {
	background: #341a12;
	overflow: hidden;
	font-size: 8.7pt;
	height: 180px;
}
#footer_inner2 {
	width: 870px;
	margin-right: auto;
	margin-left: auto;

}
#footer_inner2 img {
	margin-top: 30px;
	float: left;
}
#footer_inner2 ul li {
	list-style: none;
	display: inline;
	float: right;
	padding-left: 1.5em;
	color: #666;
	margin-top: 30px;
}
#footer_inner2 a:link {
	color: #666;
}
#footer_inner2 a:hover {
	color: #666;
}
#footer_inner2 a:visited {
	color: #666;
}