@charset "utf-8";

/* -----------------------------------------------------------
  Layout Style Sheet
    common Layout
    Pages
------------------------------------------------------------ */

/* common Layout
 ================================================== */
#content .mainvisual h1 {
	padding: 10px 13px 7px 13px;
	background-color: #000000;
	color: #A75105;
	font-weight: normal;
}
#content .section.lead { margin: 10px 13px 0;}
#content .section.lead p { padding: 8px 3px 0 8px; line-height: 1.6;}

/* feature
 -------------------------------------------------- */
#content .section.feature {
	margin: 25px 5px 0;
	background: url(../img/bg_feature.jpg) repeat-x left top;
}
#content .section.feature .bg { position: relative;}
#content .section.feature .bg dl {
	position: absolute;
	height: 103px;
	left: 491px;
	top: 519px;
}
#content .section.feature .bg dl dt {
	padding: 5px 5px 5px 25px;
	background: #000000 url(../img/ind_ico_bullet02.gif) no-repeat 10px center;
	color: #FFFFFF; line-height: 1.1;
}
#content .section.feature .bg dl dd { margin-top: 5px;}
#content .section.feature .bg dl dd span {
	color: #30100B;
}

/* product
 -------------------------------------------------- */
#content h2.product ,#content h2.recipe{ margin: 20px 5px 0;}
#content .campaign { margin: 15px 32px 0 40px;}
#content .campaign .block { margin: 7px 15px 0;}
#content .campaign .block dl.boxR { width: 460px;}
#content .campaign .block dl.boxR dt {
	margin: 20px 0 10px;
	font-size: 14px; font-weight: bold;
}
#content .item {
	margin: 15px 15px 0 15px;
	border: 1px solid #C6C6C6;
	background-color: #FFFFFF;
}
#content .item h3 {
	padding: 10px 15px;
	background-color: #000000;
	color: #A45729;
	font-size: 14px;
}
#content .item p.lead {
	margin: 15px 24px 0;
	font-size: 14px; font-weight: bold;
}
#content .item.set p.lead { margin: 15px 24px 10px;}
#content .item .block { padding: 20px 24px 0;}
#content .item.set .block { background: url(../img/bg_item_set.gif) repeat-x left top;}
#content .item .block .text { float: right; display: inline; width: 325px;}
#content .item .block .text .price { padding-bottom: 5px;}
#content .item .block .text h4 { margin-left: 3px; font-size: 14px;}
#content .item .block .text table { margin: 10px 0 0 3px; width: 320px;}
#content .item .block .text table th { width: 4.1em; vertical-align: middle;}

#content .item .order{
	margin-top: 20px;
	padding: 15px 10px 10px;
	background: url(../img/bg_order.gif) repeat-x left top;
}
#content .item .order_bottom {
	padding:0 10px 10px 0;
	background: url(../img/bg_order.gif) repeat-x left top;
}
#content .item .order p {
	text-align: right;
	float: left; display: inline;
	width: 450px;
	padding-top: 10px;
	font-size: 14px; font-weight: bold;
}

#content .item .order_txt{
    text-align:left; float:left; padding:10px;
	width:450px; font-size:12px;
	}
#content .item .order p.long{
	text-align: right;
	padding-top: 0;
}
#content .item .order .btn { text-align: right;}

/* beans
 -------------------------------------------------- */
#content .section.beans {
	position: relative;
	margin: 25px 5px 0;
	background: #000000 url(../img/beans_bg.jpg) no-repeat left bottom;
	color: #FFFFFF;
}
#content .section.beans h3 { margin: 15px 0 0 7px;}
#content .section.beans p { margin: 10px 0 0 16px; padding-bottom: 15px;}
#content .section.beans ul { height: 110px; margin-left: 30px;}
#content .section.beans ul li { text-align: center; float: left; display: inline; font-size: 10px; }
#content .section.beans ul li img { display: block;}
#content .section.beans .text { position: absolute; bottom: 63px; right: 36px;}
#content .section.beans .btn { position: absolute; bottom: 22px; right: 36px;}


/* Pages
 ================================================== */

/* neldrip
 -------------------------------------------------- */
.neldrip #content .section.feature h3 { padding-top: 10px;}
.neldrip #content .feature .bg { width: 633px; margin: 6px 0 0 47px; padding: 5px 10px 5px 15px; background-color: #C54F2E;}
.neldrip #content .feature .image { margin: 6px 45px 0 47px; background-color: #C54F2E;}
.neldrip #content .feature .boxL { width: 380px; padding-top: 35px; line-height: 1.6;}
.neldrip #content .feature .line {
	height: 24px; background: url(../img/bg_dotline.gif) no-repeat center 17px; font-size: 1px;}
.neldrip #content .feature .box { width: 727px; margin: 0 0 9px 10px; background-color: #FFFFFF; border: 1px solid #A3A19F;}
.neldrip #content .feature .box h3 { padding-top: 0;}
.neldrip #content .feature .box ul { margin: 6px 0 0 29px;}
.neldrip #content .feature .box li { float: left; display: inline; width: 164px; margin-right: 10px;}
.neldrip #content .feature .box li p { padding: 5px 0 15px 5px; font-size: 10px;}
.neldrip #content .item .cam { margin: 12px 0 0 20px;}
.neldrip #content .item p.lead { margin: 12px 0 0 50px;}

/* syphon
 -------------------------------------------------- */
.syphon #content .section.lead .first .text { float: left; width: 540px;}
.syphon #content .section.lead .first .image { text-align: right; padding: 10px 0 15px;}
.syphon #content .section.lead .second .text { float: right; width: 440px; padding-top: 10px;}
.syphon #content .section.lead .second #flashcontent { margin-left: 15px;}
.syphon #content .item.set .block .text .price { padding-top: 30px;}

/* press
 -------------------------------------------------- */
.press #content .section.feature .bg {
	height: 344px; background: url(../img/pour/press_img_feature.jpg) no-repeat left top;}
.press #content .feature .bg h3 { padding-top: 10px;}
.press #content .feature dl#feature01 { top: 155px; left: 43px; width: 195px;}
.press #content .feature dl#feature01 dt { margin: 0 5px;}
.press #content .feature dl#feature02 { top: 45px; left: 490px; width: 230px;}
.press #content .feature dl#feature02 dt { margin: 0 40px 0 20px;}
.press #content .feature dl#feature03 { top: 208px; left: 525px; width: 180px;}
.press #content .feature dl#feature03 dt { margin: 0 5px 0 0;}
.press #content .feature .box { margin: 0 10px 9px 11px; background-color: #FFFFFF; border: 1px solid #A3A19F;}
.press #content .feature .box ul { margin: 6px 0 0 29px;}
.press #content .feature .box li { float: left; display: inline; width: 154px; margin-right: 20px;}
.press #content .feature .box li p { text-align: center; padding: 5px 0 0 25px; font-size: 10px;}
.press #content .feature .box .note { padding: 3px 0 15px 20px;}

/* drip_kettle
 -------------------------------------------------- */
.drip_kettle #content .section.feature .bg {
	height: 352px; background: url(../img/tool/kettle_img_feature.jpg) no-repeat left top;}
.drip_kettle #content .feature dl#feature01 { top: 100px; left: 40px; width: 230px;}
.drip_kettle #content .feature dl#feature01 dt { margin: 0 50px;}
.drip_kettle #content .feature dl#feature01 dd.second { margin-top: 10px;}
.drip_kettle #content .feature dl#feature01 dd img { float: left; display: inline; margin-right: 5px;}
.drip_kettle #content .feature dl#feature02 { top: 42px; left: 520px; width: 190px;}
.drip_kettle #content .feature dl#feature02 dt { margin: 0 20px;}
.drip_kettle #content .feature dl#feature03 { top: 213px; left: 530px; width: 190px;}
.drip_kettle #content .feature dl#feature03 dt { margin: 0 20px;}
.drip_kettle #content .feature .block { margin: 0 23px 17px 65px;}
.drip_kettle #content .feature .block .boxR { background-color: #E2DADA;}
.drip_kettle #content .feature .block .boxR .note { text-align: center; padding: 10px;}

/* canister
 -------------------------------------------------- */
.canister #content .section.feature .bg {
	height: 340px;
	background:url(../img/tool/canister_img_feature2.jpg) no-repeat left top;
}
.canister #content .feature .bg h3 { padding-top: 10px;}
.canister #content .feature dl#feature01 {
	top: 105px;
	left: 54px;
	width: 185px;
}
.canister #content .feature dl#feature01 dt { margin: 0 5px;}
.canister #content .feature dl#feature02 {top: 35px;left: 490px;width: 235px;}
.canister #content .feature dl#feature02 dt { margin: 0 40px 0 20px;}
.canister #content .feature dl#feature03 {top: 197px;left: 465px;width: 245px;}
.canister #content .feature dl#feature03 dt { margin: 0 40px 0 20px;}
.canister #content .feature .box { margin: 0 10px 9px 11px; background-color: #FFFFFF; border: 1px solid #A3A19F;}
.canister #content .feature .box ul { margin: 6px 0 0 29px;}
.canister #content .feature .box li { float: left; display: inline; width: 154px; margin-right: 20px;}
.canister #content .feature .box li p { text-align: center; padding: 5px 0 0 25px; font-size: 10px;}
.canister #content .feature .box .note { padding: 3px 0 15px 20px;}
.canister #content .feature .left {float:left; margin-right:10px;}
.canister #content .feature .right{vertical-align:middle;}
.canister #content .btn{ text-align:right; margin:10px 10px 0 10px;}


/* water_pot
 -------------------------------------------------- */
.water_pot #content .section.feature {background: url(../img/pour/water_pot_img_feature.jpg) no-repeat; height:1030px;}
.water_pot #content .section.feature .bg {height: 535px; }
.water_pot #content .feature .bg h3 { padding-top: 14px; padding-left:9px;}
.water_pot #content .feature dl#feature01 { top: 130px; left: 45px; width: 220px;}
.water_pot #content .feature dl#feature01 dt { margin: 0 30px;}
.water_pot #content .feature dl#feature02 { top: 112px; left: 510px; width: 230px;}
.water_pot #content .feature dl#feature02 dt { margin: 0 40px 0 20px;}
.water_pot #content .feature dl#feature03 { top: 218px; left: 525px; width: 180px;}
.water_pot #content .feature dl#feature03 dt { margin: 0 5px 0 0;}
.water_pot #content .feature dl#feature04 {top: 360px;left: 70px;width: 500px;}
.water_pot #content .feature dl#feature04 dt { margin: 0 365px 0 0;}
.water_pot #content .feature dl#feature05 {top: 430px;left: 70px;width: 500px;}
.water_pot #content .feature dl#feature05 dt { margin: 0 365px 0 0;}
.water_pot #content .feature .box { margin: 0 10px 9px 11px; background-color: #FFFFFF; border: 1px solid #A3A19F;}
.water_pot #content .feature .box ul { margin: 10px 0 0 30px;}
.water_pot #content .feature .box li { float: left; display: inline; width: 200px; margin-right: 30px;}
.water_pot #content .feature .box li p { text-align: left; padding: 5px 0 0 0; font-size: 10px;}
.water_pot #content .feature .box .cafe { margin:10px;}
.water_pot #content .feature .box .txt{ color:#444444; padding:0 30px; line-height:18px;}
.water_pot #content .section lead .title { width:560px;}
.water_pot #content .left{ float:left; width:560px;}
.water_pot #content .right{ float:right;}
.water_pot #content .cam { margin: 12px 0 0 20px;}


/* cafe_creamer
 -------------------------------------------------- */
.cafe_creamer #content .section.feature .bg {height: 281px;background: url(../img/tool/cafe_creamer_img_feature.jpg) no-repeat;  }
.cafe_creamer #content .feature .bg h3 { padding-top: 14px; padding-left:9px;}
.cafe_creamer #content .feature dl#feature01 {top: 104px;left: 50px;width: 180px;}
.cafe_creamer #content .feature dl#feature01 dt { margin: 0 30px;}
.cafe_creamer #content .feature dl#feature02 {top: 43px;left: 483px;width: 200px;}
.cafe_creamer #content .feature dl#feature02 dt { margin: 0 20px 0 20px;}
.cafe_creamer #content .feature dl#feature03 { top: 218px; left: 525px; width: 180px;}
.cafe_creamer #content .feature dl#feature03 dt { margin: 0 5px 0 0;}
.cafe_creamer #content .feature dl#feature04 {top: 360px;left: 70px;width: 500px;}
.cafe_creamer #content .feature dl#feature04 dt { margin: 0 365px 0 0;}
.cafe_creamer #content .feature dl#feature05 {top: 430px;left: 70px;width: 500px;}
.cafe_creamer #content .feature dl#feature05 dt { margin: 0 365px 0 0;}
.cafe_creamer #content .feature .box { margin: 0 10px 9px 11px; background-color: #FFFFFF; border: 1px solid #A3A19F;}
.cafe_creamer #content .feature .box ul { margin: 10px 0 0 30px;}
.cafe_creamer #content .feature .box li { float: left; display: inline; width: 200px; margin-right: 30px;}
.cafe_creamer #content .feature .box li p { text-align: left; padding: 5px 0 0 0; font-size: 10px;}
.cafe_creamer #content .feature .box .cafe { margin:10px;}
.cafe_creamer #content .feature .box .txt{ color:#444444; padding:0 30px; line-height:18px;}
.cafe_creamer #content .section lead .title { width:560px;}
.cafe_creamer #content .left{ float:left; width:570px;}
.cafe_creamer #content .right{ float:right; margin-right:5px;}
.cafe_creamer #content .type table, .cafe_creamer #content .type td{margin:0; padding:0; border:none;}
.cafe_creamer #content h5{ margin:15px 0 5px 0;}
.cafe_creamer #content .text p {color:#666666; font-size:11px; margin:5px;}
.cafe_creamer #content .recipe{ margin-top:15px; width:731px;}
.cafe_creamer #content .recipe_area{ background:url(../img/tool/cafe_creamer_recipe_bg.gif) repeat-y;}
.cafe_creamer #content .recipe_area table,.cafe_creamer #content .recipe_area td{border:none;}
.cafe_creamer #content .recipe_area .left{padding:10px 5px; _padding:10px 0; width:400px;}
.cafe_creamer #content .recipe_area ul{margin-top:20px; margin-left:10px;font-weight:bold;}
.cafe_creamer #content .recipe_area li{font-size:11px; font-weight:400;line-height:18px;}
.cafe_creamer #content .recipe_area .right{background: url(../img/tool/cafe_creamer_milk.gif) no-repeat; width:289px; height:247px; margin-right:10px; _margin-right:5px;}
.cafe_creamer #content .recipe_area .right table{margin:50px 0 0 10px;}
.cafe_creamer #content .recipe_area .right td{margin:0; padding:0; color:#652115; vertical-align:middle;}
.cafe_creamer #content .recipe_area .right span{ font-size:11px;}
.cafe_creamer #content .recipe_bottom{border-bottom: #c5b89f solid 3px;}
.cafe_creamer #content .art{ margin:10px;}
.cafe_creamer #content .art h3 {margin:0; padding:0;}
.cafe_creamer #content .art_area{background:url(../img/tool/cafe_creamer_art_bg.jpg) no-repeat; width:710px; height:264px;}
.cafe_creamer #content .art_area ul{ padding:15px 0 5px 15px;_padding:0;margin:0;_margin:15px 0 5px 15px; color:#492d2d; font-weight:bold;}
.cafe_creamer #content .art_area li{ margin-left:150px;font-size:12px;}

/* water_dripper
 -------------------------------------------------- */
.water_dripper #content .btn{ text-align:right; margin:10px 10px 0 10px;}
.water_dripper #content .menu ul{margin:20px; font-size:14px; color:#210a06; font-weight:bold;}
.water_dripper #content .menu li{font-size:12px; font-weight: 400; margin-left:10px; margin-top:5px; color:#623014;}
.water_dripper #content .menu .menu_img{float:right;}
.water_dripper #content .menu .capution {font-size:11px;}
.water_dripper #content .dot_line{border-bottom:#b8b8b7 dotted 2px; width:720px ; height:4px; margin:auto;}
.water_dripper #content .btn{ text-align:right; margin:0 10px;}


/* v60_dripper
 -------------------------------------------------- */
.v60 #content .btn{ text-align:right; margin:10px 10px 0 10px;}
.v60 #content .menu ul{margin:20px; font-size:14px; color:#210a06; font-weight:bold;}
.v60 #content .menu li{font-size:12px; font-weight: 400; margin-left:10px; margin-top:5px; color:#623014;}
.v60 #content .menu .menu_img{float:right;}
.v60 #content .menu .capution {font-size:11px;}
.v60 #content .dot_line{border-bottom:#b8b8b7 dotted 2px; width:720px ; height:4px; margin:auto;}
.v60 #content .btn{ text-align:right; margin:0 10px;}
.v60 #c01{ margin:20px 0 0 5px;}
.v60 #c01 p{margin-top:10px;}
.v60 #c02{ margin: 20px auto; width:753px;}
.v60 #c03 , .v60 #c04 {margin-left:5px;clear:both;}
.v60 #c06{ background-color:#f2e3ca; width:730px; height:121px; margin:10px auto;}
.v60 #leftbox{ float:left; margin-left:5px;}
.v60 #leftbox2{ margin:0; padding:0; float:left;}
.v60 #rightbox{float:left; margin-left:15px; } 
.v60 #mean { margin:15px 0 0 9px;width:485px; height:386px; background-image:url(../img/tool/v60_c01_bg_img.jpg); background-repeat:no-repeat;}
.v60 #btnarea{ float:right;margin:8px auto; width:475px;}
.v60 #btnarea ul{padding:0; margin:0;}
.v60 #btnarea li{float:left; margin-left:1px;}
.v60 .method{ background-image:url(../img/tool/v60_c03_bg_img.jpg); width:749px ; height:311px; margin:0; padding:0;}
.v60 .method table{ margin:10px auto;}
.v60 .txt_01{ font-size:12px; margin-top:15px; color: #4b0a09; line-height:140%;}
.v60 .txt_02{ font-size:11px;line-height:160%; color:#73442b;}
.v60 .txt_03{ font-size:10px;line-height:140%;padding:10px 0 0 5px; color:#532e07;}
.v60 .txt_04{
	font-size:11px;
	color:#5d3d1d;
	line-height:130%;
	margin:40px 0 0 17px;
}
.v60 .txt_05{
	font-size:11px;
	color:#5d3d1d;
	line-height:130%;
	margin:20px 0 0 17px;
}
.v60 .box_01{ width:175px; padding:5px;_padding:0px; float:left; }
.v60 .box_02{ width:175px; padding:5px; _padding:0; float:left; }
.v60 .box_01 img, .v60 .box_02 img {float:left; margin:5px;}
.v60 .box_03{ width:223px; float:left; margin-top:12px; height:}
.v60 .box_04{ width:223px; float:left; margin-top:12px; margin-left:10px;}
.v60 .box_05{margin:10px 0 5px 5px; width:468px;}
.v60 .caption{ margin-top:8px;}
.v60 .point1 {background: url(../img/tool/v60_6c_point1_bg.jpg) no-repeat; width:327px ; height:176px;}
.v60 .point2 {background: url(../img/tool/v60_6c_point2_bg.jpg) no-repeat; width:327px ; height:196px;}
.v60 h6{margin:7px 0 0 15px;}
.v60 .btn_01{
	background:url(../img/tool/v60_btn_dripper_o.jpg) no-repeat;
}
.v60 .btn_01 a{
	display:block;
	width:232px;
	height:52px;
	background: url(../img/tool/v60_btn_dripper.jpg);
	text-indent:-9999px;
}
.v60 .btn_01 a:hover{
	background:url(../img/tool/v60_btn_dripper_o.jpg) no-repeat;
}
.v60 .btn_02{
	background:url(../img/tool/v60_btn_server_o.jpg) no-repeat;
}
.v60 .btn_02 a{
	display:block;
	width:232px;
	height:52px;
	background: url(../img/tool/v60_btn_server.jpg);
	text-indent:-9999px;
}
.v60 .btn_02 a:hover{
	background:url(../img/tool/v60_btn_server_o.jpg) no-repeat;
}
.v60.btn_03{
    background:url(../img/tool/v60_btn_filter_o.jpg) no-repeat;
}
.v60 .btn_03 a{
	display:block;
	width:232px;
	height:52px;
	background: url(../img/tool/v60_btn_filter.jpg);
	text-indent:-9999px;
}
.v60 .btn_03 a:hover{
	background:url(../img/tool/v60_btn_filter_o.jpg) no-repeat;
}
.v60 .btn_04{
	background:url(../img/tool/v60_btn_dripper_pot_o.jpg) no-repeat;
}
.v60 .btn_04 a{
	display:block;
	width:232px;
	height:52px;
	background: url(../img/tool/v60_btn_dripper_pot.jpg);
	text-indent:-9999px;
}
.v60 .btn_04 a:hover{
	background:url(../img/tool/v60_btn_dripper_pot_o.jpg) no-repeat;
}

/* --------------------------------------------------
 bean
 -------------------------------------------------- */
.beans #content .section.leadwrap { margin:0 0 10px; background: #F9F2D6 url(../img/bean/beans_bg_lead02.jpg) no-repeat 100% 100%;}
.beans #content .section.leadwrap .text { float: right; display: inline; width:500px; padding: 27px 0 13px; background:url(../img/bean/beans_bg_lead01.jpg) no-repeat 100% 0;}
.beans #content .section.leadwrap .text p { padding:20px 5px 0 5px; line-height: 1.8;color: #30100b;}
.beans #content .section.leadwrap .photo { padding: 21px 0 13px 5px;}

.beans #content .bean { margin: 0 5px; border-bottom: 2px solid #3D1B13; background: url(../img/bean/bg_block01.gif) repeat-y 50% 100%;}
.beans #content .bean .text { padding: 13px 18px 15px; color: #623014;}
.beans #content .bean h3 { padding-left: 17px;}
.beans #content .bean .image { padding: 5px 0 10px 19px;}

.beans #content .map { margin: 10px 5px 0; border-bottom: 2px solid #3D1B13; background: url(../img/bean/bg_block01.gif) repeat-y 50% 100%;}
.beans #content .map .text { padding: 13px 18px 10px; color: #623014; background: url(../img/bean/beans_bg_line.gif) no-repeat 50% 100%;}
.beans #content .map h3 { padding: 16px 20px 0;}
.beans #content .map .image { padding: 15px 0 15px 19px;}

.beans #content .breed { margin: 10px 5px 0; border-bottom: 2px solid #3D1B13; background: url(../img/bean/bg_block01.gif) repeat-y 50% 100%;}
.beans #content .breed p { padding: 13px 18px 15px; color: #623014;}

.beans #content .roast { margin: 10px 5px 0; border-bottom: 2px solid #3D1B13; background: url(../img/bean/bg_block01.gif) repeat-y 50% 100%;}
.beans #content .roast .text { padding: 13px 18px 10px; color: #623014; background: url(../img/bean/beans_bg_line.gif) no-repeat 50% 100%;}
.beans #content .roast h3 { padding: 10px 15px 0;}
.beans #content .roast ul { padding: 6px 0 0 15px;}
.beans #content .roast ul li { float: left; display: inline; margin-right: 5px;}
.beans #content .roast .cap { padding: 7px 0 22px;text-align: center;}

.beans #content .grind { margin: 10px 5px 0; border-bottom: 2px solid #3D1B13; background: url(../img/bean/bg_block01.gif) repeat-y 50% 100%;}
.beans #content .grind .text { padding: 13px 18px 10px; color: #623014; background: url(../img/bean/beans_bg_line.gif) no-repeat 50% 100%;}
.beans #content .grind h3 { padding: 10px 15px 0;}
.beans #content .grind h4 { margin: 11px 0 0 18px;}
.beans #content .grind .point { margin: 0 16px 9px 18px; padding: 10px 36px 18px 37px; background: #FBF7E4 url(../img/bean/beans_bg_grind.gif) no-repeat 0 100%;}
.beans #content .grind .point .boxR { width: 326px; min-height:435px; _height:435px; background: #FBF7E4 url(../img/bean/beans_bg_point01.jpg) no-repeat 0 100%;}
.beans #content .grind .point .boxR dl { padding: 11px 8px;}
.beans #content .grind .point .boxR dd { padding: 10px 4px;}
.beans #content .section.beans { margin: 10px 5px 0;}


/* --------------------------------------------------
 howto
 -------------------------------------------------- */
.howto #content .section.leadwrap { margin:0 0 10px; background:url(../img/howto/bg_lead02.jpg) no-repeat 100% 100%;}
.howto #content .section.leadwrap .text { float: right; display: inline; width:507px; padding: 27px 0 13px; background:url(../img/howto/bg_lead01.jpg) no-repeat 100% 0;}
.howto #content .section.leadwrap .text p { padding:20px 5px 0 5px; line-height: 1.8;color: #30100b;}
.howto #content .section.leadwrap .photo { padding: 21px 0 13px 5px;}

/* howto_tool
 -------------------------------------------------- */
.howto_tool #content .section.tool { margin: 0 10px 10px; padding-bottom: 9px; background:url(../img/howto/tool_bg_line.gif) no-repeat 100% 100%;}
.howto_tool #content .section.tool .boxL,
.howto_tool #content .section.tool .boxR { width: 365px;}
.howto_tool #content .section.tool .photo { float: right;display: inline; margin: 11px 9px 0 0;}
.howto_tool #content .section.tool p { width: 210px; min-height: 120px; _height: 120px; margin: 11px 0 0 6px;color: #623014; line-height: 1.6;}
.howto_tool #content .section.tool .btn { text-align: center; width: 210px; marign-top: 5px;}
.howto_tool #content .grind { margin: 0 5px; padding-top: 15px;}
.howto_tool #content .grind .bg { border-bottom: 2px solid #3D1B13; background: url(../img/howto/bg_block01.gif) repeat-y 50% 100%;}
.howto_tool #content .grind h3 { padding: 11px 0 0 18px;}
.howto_tool #content .grind .point { margin: 0 16px 9px 18px; padding: 10px 36px 18px 37px; background: #FBF7E4 url(../img/howto/tool_bg_grind.gif) no-repeat 0 100%;}
.howto_tool #content .grind .point .boxR { width: 326px; min-height:435px; _height:435px; background: #FBF7E4 url(../img/howto/tool_bg_point01.jpg) no-repeat 0 100%;}
.howto_tool #content .grind .point .boxR dl { padding: 11px 8px;}
.howto_tool #content .grind .point .boxR dd { padding: 10px 4px;}

/* water
 -------------------------------------------------- */
.water #content .condition { margin: 0 5px; padding-bottom: 24px; border-bottom: 2px solid #3D1B13; background: url(../img/howto/bg_block01.gif) repeat-y 50% 100%;}
.water #content .condition .text { padding: 12px 23px 16px 20px; background: url(../img/howto/water_bg_line.gif) no-repeat 50% 100%; color: #623014;}
.water #content .condition .block{ padding: 0 20px 5px; background: url(../img/howto/water_bg_condition02.gif) no-repeat 50% 100%;}
.water #content .condition .boxL,
.water #content .condition .boxR { width: 350px; color: #623014;}
.water #content .condition .block h3{ padding: 13px 0 10px;background: #FFFFFF url(../img/howto/water_bg_condition01.gif) no-repeat 0 100%;}
.water #content .condition .block h4 { padding: 5px 15px 0;}
.water #content .condition .block p { padding: 3px 15px 0;}

.water #content .point { margin: 5px 5px 0; padding-bottom: 12px; border-bottom: 2px solid #3D1B13; background: url(../img/howto/bg_block01.gif) repeat-y 50% 100%;}
.water #content .point .text { padding: 12px 20px 16px 20px; background: url(../img/howto/water_bg_line.gif) no-repeat 50% 100%; color: #623014;}
.water #content .point .block { margin: 14px 20px 0; padding-bottom: 15px; background: url(../img/howto/water_bg_point02.gif) no-repeat 50% 100%; color: #623014;}
.water #content .point .block h3.first{ padding: 11px 18px 0; background: url(../img/howto/water_bg_point01.gif) no-repeat 50% 0;}
.water #content .point .block h3{ padding: 5px 18px 0;}
.water #content .point .block h4 { padding: 10px 40px 0; font-size:14px; color: #210A06;}
.water #content .point .block ul { padding: 5px 20px 0 40px;}

.water #content .temperature { margin: 5px 5px 0; padding-bottom: 30px; background: url(../img/howto/water_bg_temp.gif) no-repeat 50% 100%;}
.water #content .temperature .text { padding: 12px 23px 18px; color: #623014;}
.water #content .temperature h3 { padding: 0 23px 16px;}
.water #content .temperature ul { margin-left: 44px;}
.water #content .temperature li { float: left; display: inline; margin-right:26px; margin-left:25px;}
.water #content .section.beans { margin: 5px 5px 0;}

/* storage
 -------------------------------------------------- */
.storage #content .point { margin: 20px 5px 0; padding-bottom: 10px; background: url(../img/howto/storage_bg_point.gif) no-repeat 50% 100%;}
.storage #content .point .boxL { margin: 7px 0 0 6px;}
.storage #content .point .boxR { margin: 11px 10px 0 0;}


/* --------------------------------------------------
 other
 -------------------------------------------------- */
.other #content .lead { color: #623014;}
.other #content .wrap { margin: 15px 5px 0; padding-bottom:8px; border-bottom: 2px solid #3D1B13; background: url(../img/other/bg_block01.gif) repeat-y 50% 100%;}
.other #content .wrap .block { margin: 9px 20px 0; padding-bottom:8px; background: url(../img/other/bg_block02_b.gif) no-repeat 0 100%; color: #623014;}
.other #content .wrap a {vertical-align:middle;}
.other #content .wrap a:link, .other #content .wrap a:visited { color: #623014; text-decoration: underline;}
.other #content .wrap a:hover, .other #content .wrap a:active { text-decoration: none;}

/* recipe
 -------------------------------------------------- */
.recipe #content .block h4 { margin: 7px 0 0 7px;}
.recipe #content .block ol { margin: 8px 10px 0 10px;}
.recipe #content .block ol li { padding-bottom: 0.2em; padding-left: 1.5em; text-indent: -1.5em;}
.recipe #content .block ul { margin: 0 10px 0 10px;}
.recipe #content .block ul li { padding-bottom: 0.2em; padding-left: 1em; text-indent: -1em;}
.recipe #content .hot03 .img { float: left; display: inline; margin: 3px 0 0 10px;}
.recipe #content .hot04 .img { float: right; display: inline; margin: 3px 10px 0 10px;}
.recipe #content .hot04 .box { width: 460px;}

/* time
 -------------------------------------------------- */
.history #content .his .bg { margin: 8px 0 0 17px; padding: 16px 0 ; background: url(../img/other/history_bg_line_v.gif) repeat-y 0 0;}
.history #content .his dl { zoom:1; background: url(../img/other/history_bg_line.gif) no-repeat 0 100%;}
.history #content .his dt { padding: 9px 0 0 12px; background: url(../img/other/history_bg_line.gif) no-repeat 0 0;}
.history #content .his dd { margin: -20px 0 0 104px;}
.history #content .his dd p { padding: 8px 19px 10px; color: #623014;}
.history #content .his dd .block { margin: 0 19px 10px 0; padding-bottom:8px; background: url(../img/other/bg_block03_b.gif) no-repeat 0 100%;}
.history #content .his dd .block h4 { padding:10px 19px 0; background: url(../img/other/bg_block03.gif) no-repeat 0 0;}
.history #content .his dd .block p { padding: 3px 19px; color: #623014;}
.history #content .case .block p { margin: 6px 10px;}
.history #content .cap { text-align: right; padding: 4px 10px 0;color: #623014;}

/* words
 -------------------------------------------------- */
.words #content .wrap { margin: 0 5px 0; padding-bottom:15px; border-bottom: 2px solid #3D1B13; background: url(../img/other/bg_block01.gif) repeat-y 50% 100%;}
.words #content .wrap .block { margin: 9px 20px 0 19px; border: 1px solid #C2C2C2; color: #623014;}
.words #content .wrap a:link, .words #content .wrap a:visited { color: #623014; text-decoration: underline;}
.words #content .wrap a:hover, .words #content .wrap a:active { text-decoration: none;}
.words #content .block p { margin: 8px 10px;}
.words #content .block p.link { margin: 0 10px 8px; text-align: right;}
.words #content .block p.link2 { margin: -8px 10px 8px; text-align: right;}
.words #content .block .img { float: right; display: inline; margin: 3px;}
.words #content .block .box { width: 460px;}
.words #content .block .box.text { width: 520px;}
.words #content .block .box.text p { width: 460px;}
.words #content .block .box.text p.link { width: 520px; margin: 3em 0 0; text-align: right;}

/* time
 -------------------------------------------------- */
.time #content .block p { padding: 6px 10px;}
.time #content .block p img { float: right; display: inline; margin-left: 10px;}
.time #content .block p strong { display: block; padding-left: 0.8em; text-indent: -0.8em;}
.time #content .block p.cap { clear: right; text-align: right; margin-top: 1px; font-weight: bold; font-size: 10px;}

/* health
 -------------------------------------------------- */
.health #content .female { margin: 15px 5px 0; padding-bottom:8px; border-bottom: 2px solid #3D1B13; background: url(../img/other/bg_block01.gif) repeat-y 50% 100%;}
.health #content .female .block { margin-top: 7px; padding: 0 16px;}
.health #content .female .block.first { background: url(../img/other/health_bg_female01.gif) repeat-y 50% 100%;}
.health #content .female .block.second { background: url(../img/other/health_bg_female02.gif) repeat-y 50% 100%;}
.health #content .female .boxL,
.health #content .female .boxR { width: 355px;}
.health #content .female .block p{ padding: 5px 110px 10px 10px;}
.health #content .female .block.first p{ padding: 5px 110px 30px 10px;}

.health #content .male { margin: 10px 5px 0; padding-bottom:5px; border-bottom: 2px solid #3D1B13; background: url(../img/other/bg_block01.gif) repeat-y 50% 100%;}
.health #content .male .block { margin-top: 7px; padding: 0 5px 0 2px; background: url(../img/other/health_bg_male.gif) repeat-y 4px 100%;}
.health #content .male .boxL,
.health #content .male .boxR { width: 246px;}
.health #content .male .boxL { margin-left: 2px;}
.health #content .male .block p { padding: 7px 17px 12px; font-size: 10px;}

.health #content .all { margin: 10px 5px 0;}
.health #content .all .wrap { padding-bottom:25px; background: url(../img/other/health_bg_all02.gif) no-repeat 50% 100%;}
.health #content .all h3 { padding: 15px 23px 0;}
.health #content .all .wrap h3.bg { padding: 28px 23px 0; background: url(../img/other/health_bg_all01.gif) no-repeat 0 0;}
.health #content .all p { padding: 7px 25px 0;}
.health #content .all p.cite { padding: 5px 11px 0; text-align: right; font-size: 10px;}

/* faq
 -------------------------------------------------- */
.faq #content .block .head { padding-bottom: 4px; background: url(../img/other/faq_bg_01_b.gif) no-repeat 0 100%;}
.faq #content .block h3 { zoom:1; padding: 6px 8px 0; background: url(../img/other/faq_bg_01.gif) no-repeat 0 0; color: #FFFFFF; font-weight: normal;}
.faq #content .block p { padding: 6px 10px;}
.faq #content .block .link { padding: 0 10px; text-align: right;}

/* コーヒー関連メニュー
------------------------------------------------------------ */

#coffeeMenu{
  margin:30px 20px 20px 20px;
  text-align:center;
}

#coffeeMenu h2{
  height:16px;
}

#coffeeMenu a{
  display:block;
}

#coffeeMenu ul li{margin:20px 0 0 0;}

#coffeeMenu ul #v_60 a{
background:url(../img/onecup/v60.gif) no-repeat center top;padding:45px 0 0 0;}

#coffeeMenu ul #syphon a{
background:url(../img/onecup/syphon.gif) no-repeat center top;padding:85px 0 0 0;}

#coffeeMenu ul #nel_drip a{
background:url(../img/onecup/nel.gif) no-repeat center top;padding:93px 0 0 0;}

#coffeeMenu ul #mizudashi a{
background:url(../img/onecup/mizudashi.gif) no-repeat center top;padding:95px 0 0 0;}

#coffeeMenu ul #v_60 a:hover{background:url(../img/onecup/v602.gif) no-repeat center top;}

#coffeeMenu ul #syphon a:hover{background:url(../img/coffee/syphon2.gif) no-repeat center top;}

#coffeeMenu ul #nel_drip a:hover{background:url(../img/onecup/nel2.gif) no-repeat center top;}

#coffeeMenu ul #mizudashi a:hover{background:url(../img/onecup/mizudashi2.gif) no-repeat center top;}
#shadow #frame #contents #m1 #coffee p {
	margin-right: auto;
	margin-left: auto;
}
#shadow {
	height: 1500px;
}