@charset "EUC-JP";

/* ========================================================
　共通
========================================================= */

* { margin:0; padding:0;}

html { height:100%; overflow-y:scroll;}
body {
 margin:0; padding:0; text-align:center; color:#000; font-size:11px; line-height:1.6;
 font-family:"メイリオ", Meiryo,"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","ＭＳ ゴシック",verdana,helvetica,arial,sans-serif;
 background:#FFF;}

a,a:visited,a:focus { color:#000; text-decoration:underline; outline:none;}
a:hover { color:#F74646; text-decoration:none;}
a:hover img { opacity:0.7; -moz-opacity:0.7; filter:alpha(opacity=70);}

ul,ol,li,dl,dt,dd { list-style:none;}
img { border:none; vertical-align:top;}

i,em { color:#F93125; font-style:normal;}

.clear { clear:both;}

.floatL { float:left;}
.floatR { float:right;}

.alignL { text-align:left;}
.alignR { text-align:right;}
.alignC { text-align:center;}

.soldout { color:#F00;}

/* ========================================================
　レイアウト
========================================================= */

#wrap { clear:both; width:100%; margin:0; padding:0; overflow:hidden; text-align:left;}
#container { clear:both; width:980px; margin:0 auto; padding:20px 0; overflow:hidden; text-align:left;}

/* ヘッダー
----------------------------------------------- */
#header {
 clear:both; width:100%; margin:0; padding:0; text-align:left; position:relative; z-index:100;
 background:url(https://file001.shop-pro.jp/PA01270/344/images/share/bg_head.gif) repeat-x center top;}
#header:after { content:"."; display:block; height:0; clear:both; visibility:hidden;}
#header .headBlock { clear:both; width:980px; height:130px; margin:0 auto; padding:0; position:relative;}

#header h1 { clear:both; margin:0; padding:5px 0; color:#221912; font-size:91%; font-weight:normal;}
#header .logo { width:220px; margin:0; padding:0; position:absolute; bottom:10px; left:0;}
#header .bt-cart { width:240px; margin:0; padding:0; position:absolute; top:5px; right:0;}

#header .headnavi { margin:0; padding:0; text-align:left; position:absolute; bottom:26px; left:260px;}
#header .headnavi ul.dropmenu { clear:both; margin:0; padding:0; *zoom:1;}
#header .headnavi ul.dropmenu:before,#header .headnavi ul.dropmenu:after { content:""; display:table;}
#header .headnavi ul.dropmenu:after { clear:both;}
#header .headnavi ul.dropmenu li {
 float:left; margin:0 12px 0 0; padding:0 0 0 15px; position:relative; text-align:left;
 color:#221912; font-size:109%; line-height:1.0;
 background:url(https://file001.shop-pro.jp/PA01270/344/images/share/list_01.png) no-repeat left top;}
#header .headnavi ul.dropmenu  li a { color:#221912; text-decoration:none;}
#header .headnavi ul.dropmenu  li a:hover { text-decoration:underline;}
#header .headnavi ul.dropmenu li ul {
  margin:0; padding:0; list-style:none; display:none; position:absolute; top:101%; left:-10px;}
#header .headnavi ul.dropmenu li:hover ul { display:block;}
#header .headnavi ul.dropmenu li ul li {
 float:none; width:150px; height:35px; margin:0; padding:0; text-align:left; background:none!important;}
#header .headnavi ul.dropmenu li ul li a {
 width:123px; height:27px; margin:0; padding:8px 0 0 27px; display:block;
 color:#221912; font-size:109%; line-height:1.0;
 background:url(https://file001.shop-pro.jp/PA01270/344/images/share/bg_navi.gif) no-repeat 0 -35px;}
#header .headnavi ul.dropmenu li ul li a:hover {
 background:url(https://file001.shop-pro.jp/PA01270/344/images/share/bg_navi.gif) no-repeat 0 0;}

#fade-in li ul {
 visibility:hidden; opacity:0; -moz-opacity:0; filter:alpha(opacity=0); transition:0s;}
#fade-in li:hover ul { visibility:visible; opacity:1; -moz-opacity:1; filter:alpha(opacity=100);}
#fade-in li ul li a {
 visibility:hidden; opacity:0; -moz-opacity:0; filter:alpha(opacity=0); transition:.5s;}
#fade-in li:hover ul li a { visibility:visible; opacity:1; -moz-opacity:1; filter:alpha(opacity=100);}

#header .headmenu { margin:0; padding:0; text-align:left; position:absolute; top:45px; right:0px;}
#header .headmenu ul { clear:both; margin:0; padding:0; overflow:hidden;}
#header .headmenu ul li { float:left; margin:0; padding:1px 8px; display:inline-block; font-size:91%; line-height:1.0; border-left:1px solid #221912;}
#header .headmenu ul li.end { border-right:1px solid #221912;}
#header .headmenu ul li a { text-decoration:none;}
#header .headmenu ul li a:hover { text-decoration:underline;}

/* メインコンテンツ
----------------------------------------------- */
#main { float:right; width:720px; margin:0; padding:0;}

#main h2 { margin:0; padding:0 0 15px 0;}
#main h2.pagetitle {
 clear:both; width:685px; height:26px; margin:0 0 20px 0; padding:11px 0 0 35px; overflow:hidden; text-align:left;
 color:#000; font-size:145%; font-weight:bold; line-height:1.2;
 background:url(https://file001.shop-pro.jp/PA01270/344/images/share/bg_h2.gif) no-repeat left top;}
#main h3.pagetitle {
 clear:both; width:680px; height:37px; margin:0 0 20px 0; padding:0 0 0 45px; overflow:hidden; text-align:left;
 color:#000; font-size:145%; font-weight:bold; line-height:1.4;
 background:url(https://file001.shop-pro.jp/PA01270/344/images/share/bg_h3.gif) no-repeat left top;}
#main h3.pagetitle span { font-size:88%;}

/* パンくずリスト
----------------------------------------------- */
.topicpath_nav { clear:both; width:720px; margin:0; padding:5px 0 17px 0; overflow:hidden;}
.topicpath_nav li { float:left; margin:0 3px 0 0; padding:0;}
.topicpath_nav li.top { clear:left; float:left; margin:0 3px 0 0; padding:0;}
.topicpath_nav li a,.topicpath_nav li.top a { margin:0 0 0 3px; padding:0;}
.topicpath_nav li a:hover,.topicpath_nav li.top a:hover {}

/* サイドナビ
----------------------------------------------- */
#side { float:left; width:240px; margin:0; padding:0; text-align:left;}
#side h3 { clear:both; margin:0 0 15px 0; padding:0;}
#side a { color:#000; text-decoration:none;}
#side a:hover { color:#F74646; text-decoration:underline;}

#side .category { clear:both; width:240px; margin:0; padding:0; overflow:hidden; font-size:118%;}
#side .category ul { margin:0 40px 20px 60px; padding:0;}
#side .category ul li { clear:both; margin:0; padding:0 0 10px 0;}

#side .contentslink { clear:both; width:240px; margin:0 0 20px 0; padding:0; overflow:hidden;}
#side .contentslink ul { margin:0; padding:0;}
#side .contentslink ul li { clear:both; margin:0 0 10px 0; padding:0;}
#side .contentslink ul li.end { margin-bottom:0;}

#side .pagelink { clear:both; width:240px; margin:0 0 8px 0; padding:0; overflow:hidden;}
#side .pagelink ul { margin:0; padding:0;}
#side .pagelink ul li { float:left; margin:0 7px 7px 0; padding:0;}
#side .pagelink ul li.end { float:left; margin:0 0 7px 0; padding:0;}

#side .info { clear:both; width:240px; margin:0; padding:15px 0 30px 0; overflow:hidden;}
#side .info img { clear:both; margin:0 auto 20px auto; padding:0; display:block;}
#side .info p { clear:both; margin:0; padding:0; font-size:136%;}

#side .search {
 clear:both; width:210px; height:41px; margin:0 0 30px 0; padding:0 15px; overflow:hidden; position:relative;
 background:url(https://file001.shop-pro.jp/PA01270/344/images/share/bg_search.gif) no-repeat left bottom;}
#side .search .txt {
 width:175px; height:19px; margin:0; padding:0; position:absolute; top:10px; left:7px; border:1px solid #D4D4D4;
 border-radius:5px; -webkit-border-radius:5px; -moz-border-radius:5px;}
#side .search .button {
 width:58px; margin:0; padding:0; position:absolute; top:10px; left:174px;}
 
 #side .banner{ margin:0 0 10px;}

/* フッター
----------------------------------------------- */
#footer { clear:both; width:100%; margin:0; padding:0; text-align:right; background:#312821;}
#footer .footBlock { clear:both; width:980px; margin:0 auto; padding:20px 0 15px 0; overflow:hidden;}
#footer .footBlock ul.footer_menu { float:right; margin:0; padding:0;}
#footer .footBlock ul.footer_menu li {
 margin:0; padding:0 12px 0 10px; display:inline-block; text-align:left;
 font-size:109%; line-height:1.0; border-right:1px solid #FFF;}
#footer .footBlock ul.footer_menu li.end {
 margin:0; padding:0 0 0 10px; display:inline-block; text-align:left;
 font-size:109%; line-height:1.0; border-right:none;}
#footer .footBlock  ul.footer_menu li a { color:#FFF; text-decoration:none;}
#footer .footBlock  ul.footer_menu li a:hover { text-decoration:underline;}

#footer .copy { clear:both; margin:0; padding:15px 0 0 0; text-align:right; color:#FFF; font-size:91%;}

/* ------------------------------------- 
 * 最近チェックした商品
 * ------------------------------------- */

#history { clear:both; width:720px; margin:0; padding:20px 0; overflow:hidden;}
#history .innerBlock { clear:both; width:720px; margin:0 0 30px 0; padding:0; overflow:hidden;}

#history .item_box {
 float:left; width:170px; min-height:150px; margin:0 13px 0 0; padding:0; text-align:left;
 display:block; overflow:hidden; font-size:100%; line-height:1.5;}
#history .item_boxE {
 float:left; width:170px; min-height:150px; margin:0; padding:0; text-align:left;
 display:block; overflow:hidden; font-size:100%; line-height:1.5;}

.item_photo { clear:both; width:170px; margin:0; padding:0;}
.item_photo img.item { width:168px; border:1px solid #D4D4D4;}

.item_detail { clear:both; margin:0; padding:5px 0 0 0;}
.item_detail .item_name { clear:both; margin:0; padding:0 0 3px 0; font-size:109%; font-weight:bold;}
.item_detail .item_name a { color:#000; text-decoration:underline;}
.item_detail .item_name a:hover { color:#F74646; text-decoration:underline;}
.item_detail .item_price { clear:both; margin:0; padding:0 0 2px 0;}
.item_detail .item_sum { clear:both; margin:0; padding:0 0 2px 0;}

/* ------------------------------------- 
 * 商品一覧・検索結果
 * ------------------------------------- */

.ctgSum { clear:both; width:700px; margin:0 0 25px 0; padding:10px; overflow:hidden; border-bottom:1px dotted #D4D4D4;}
.itemnumber { float:left; margin:0; padding:0; overflow:hidden; text-align:left;}
.sort { float:right; margin:0; padding:0; overflow:hidden; text-align:right;}
.search_result { clear:both; width:700px; margin:0 0 5px 0; padding:0 10px; overflow:hidden;}
.pagenavi {
 clear:both; width:720px; margin:0; padding:10px; overflow:hidden; text-align:right; border-top:1px dotted #D4D4D4;}
.nodata { margin:0 0 20px 0;}

#itemList { clear:both; width:720px; margin:0 0 30px 0; padding:0; overflow:hidden;}
#itemList .item_box {
 float:left; width:170px; margin:0 13px 20px 0; padding:0; text-align:left;
 display:block; overflow:hidden; font-size:100%; line-height:1.5;}
#itemList .item_boxE {
 float:left; width:170px; margin:0 0 20px 0; padding:0; text-align:left;
 display:block; overflow:hidden; font-size:100%; line-height:1.5;}

.sub_category_area,sub_group_area { clear:both; width:720px; margin:0; padding:0; overflow:hidden;}
.sub_category_area .sub_category,.sub_group_area .sub_group {
 float:left; width:170px; margin:0 13px 20px 0; padding:0; text-align:center;}
.sub_category_area .sub_category_end,.sub_group_area .sub_group_end {
 float:left; width:170px; margin:0 0 20px 0; padding:0; text-align:center;} 

/* ------------------------------------- 
 * プライバシー
 * ------------------------------------- */

#privacy { clear:both; width:720px; margin:0 0 30px 0; padding:0; overflow:hidden; font-size:109%;}
#privacy #policy_lead { clear:both; margin:0 0 20px 0; padding:0;}
#privacy .policy_box { clear:both; margin:0 0 25px 0; padding:0;}
#privacy .policy_box h3 { clear:both; margin:0 0 10px 0; padding:0 0 3px 0; color:#221912; border-bottom:double #221912;}
#privacy .policy_box p { clear:both; margin:0 0 5px 0; padding:0;}

/* ------------------------------------- 
 * 特商法、会社概要
 * ------------------------------------- */

#law { clear:both; width:720px; margin:0; padding:0; overflow:hidden; font-size:109%;}
#law table {
 width:718px; margin:0 0 40px 0; border:1px solid #D4D4D4; border-collapse:collapse;}
#law th { width:210px; padding:10px; text-align:left; color:#221912;
 border:1px solid #D4D4D4; border-bottom:1px solid #D4D4D4; background-color:#FBFAF8;}
#law td { padding:10px; border:1px solid #D4D4D4; background-color:#FFF;}

/* ------------------------------------- 
 * 店舗情報
 * ------------------------------------- */

#shopInfo { clear:both; width:720px; margin:0; padding:0; overflow:hidden;}
#main #shopInfo h2.pagetitle { margin:0 0 20px 0;}
#main #shopInfo h3.pagetitle { margin:0 0 20px 0;}
#shopInfo .box { clear:both; width:720px; margin:0; padding:0 0 30px 0; overflow:hidden;}
#shopInfo .box .boxL { float:left; width:515px; margin:0; padding:0 20px 0 10px;}
#shopInfo .box .boxL p { margin:0 0 15px 0; padding:0; font-size:127%; line-height:1.8;}
#shopInfo .box .boxR { float:left; width:175px; margin:0; padding:5px 0 0 0;}

#shopInfo .box ul { clear:both; width:530px; margin:0 auto; padding:0; overflow:hidden;}
#shopInfo .box ul li {
 float:left; width:220px; margin:0 20px 0 0; padding:5px 0 0 35px;
 color:#000; font-size:127%; font-weight:bold;
 background:url(https://file001.shop-pro.jp/PA01270/344/images/share/point.png) no-repeat left top;}
#shopInfo .box ul li:last-of-type { margin:0}

#shopInfo .box dl { clear:both; width:700px; margin:0 auto 30px auto; padding:0; overflow:hidden; line-height:1.2;}
#shopInfo .box dl dt {
 clear:left; float:left; width:75px; margin:0 30px 15px 0; padding:0; color:#438B0F; font-size:127%;
 border-right:1px solid #438b0f;}
#shopInfo .box dl dd { margin:0 0 15px 75px; padding:0; color:#5B5B5B; font-size:127%;}
#shopInfo .box dl dd a { color:#5B5B5B;}
#shopInfo .box .mainPhoto { clear:both; margin:0; padding:50px 0 0 0;}

#shopInfo .box table { clear:both; width:100%; margin:0 0 10px 0; padding:0;}
#shopInfo .box table th,
#shopInfo .box table td {
 clear:both; margin:0; padding:10px 0; vertical-align:top; font-size:127%;
 background:url(https://file001.shop-pro.jp/PA01270/344/images/shop/line.png) repeat-x left bottom;}
#shopInfo .box table th { width:100px; font-weight:bold;}

#shopInfo .box .map {
 clear:both; width:698px; margin:0 auto 15px auto; padding:0; overflow:hidden; border:1px solid #373737;}

/* ------------------------------------- 
 * コーヒー豆の話
 * ------------------------------------- */

#story { clear:both; width:720px; margin:0; padding:0; overflow:hidden;}
#story h2 {
 clear:both; width:620px; height:45px; margin:0 0 15px 0; padding:10px 0 0 100px; overflow:hidden;
 color:#000; font-size:109%; font-weight:normal;
 background:url(https://file001.shop-pro.jp/PA01270/344/images/story/bg_h2.gif) no-repeat left top;}

#story .box { clear:both; width:720px; margin:0; padding:0 0 20px 0; overflow:hidden;}
#story .box .boxL { float:left; width:455px; margin:0; padding:0 20px 15px 10px;}
#story .box .boxL h4 {
 clear:both; margin:0; padding:18px 0 12px 0; font-size:145%; font-weight:bold;}
#story .box .boxL p { clear:both; margin:0 0 15px 0; padding:0; font-size:127%;}
#story .box .boxR { float:left; width:235px; margin:0; padding:5px 0 15px 0;}

#story .flowList { clear:both; width:720px; margin:0; padding:0 0 30px 0; overflow:hidden;}
#story .flowList .box {
 clear:both; width:720px; margin:0; padding:21px 0 40px 0; overflow:hidden;
 background:url(https://file001.shop-pro.jp/PA01270/344/images/story/line.gif) no-repeat left bottom;}
#story .flowList .box:first-of-type { padding:0 0 40px 0;}
#story .flowList .box:last-of-type { margin:0; padding:21px 0 0 0; background:none;}
#story .flowList .box .boxL { float:left; width:390px; margin:0; padding:0 20px 0 10px;}
#story .flowList .box .boxR { float:right; width:390px; margin:0; padding:0 10px 0 20px;}
#story .flowList .box .boxL h4,#story .flowList .box .boxR h4 {
 clear:both; margin:0 0 10px 0; padding:8px 0 10px 54px; font-size:164%; font-weight:bold;}
#story .flowList .box .boxL h4.no1 {
 background:url(https://file001.shop-pro.jp/PA01270/344/images/story/icon_no1.gif) no-repeat left top;}
#story .flowList .box .boxR h4.no2 {
 background:url(https://file001.shop-pro.jp/PA01270/344/images/story/icon_no2.gif) no-repeat left top;}
#story .flowList .box .boxL h4.no3 {
 background:url(https://file001.shop-pro.jp/PA01270/344/images/story/icon_no3.gif) no-repeat left top;}
#story .flowList .box .boxR h4.no4 {
 background:url(https://file001.shop-pro.jp/PA01270/344/images/story/icon_no4.gif) no-repeat left top;}
#story .flowList .box .boxL h4.no5 {
 background:url(https://file001.shop-pro.jp/PA01270/344/images/story/icon_no5.gif) no-repeat left top;}
#story .flowList .box .boxR h4.no6 {
 background:url(https://file001.shop-pro.jp/PA01270/344/images/story/icon_no6.gif) no-repeat left top;}
#story .flowList .box .boxL p,#story .flowList .box .boxR p {
 clear:both; margin:0 0 15px 0; padding:0; font-size:145%;}
#story .flowList .box .imgL { float:left; width:300px; margin:15px 0; padding:0;}
#story .flowList .box .imgR { float:right; width:300px; margin:15px 0; padding:0;}
#story .flowList .box .photo { float:left; width:300px; margin:15px 0 12px 0; padding:0;}
#story .flowList .box .photo img { margin:0 0 3px 0; padding:0;}

#story .message { clear:both; width:720px; margin:0; padding:0 0 30px 0; overflow:hidden;}
#story .message p { float:left; width:455px; margin:0; padding:0 20px 0 10px; font-size:127%;}
#story .message .img { float:right; width:235px; margin:0; padding:0;}

/* ------------------------------------- 
 * コーヒー豆の品質
 * ------------------------------------- */

#quality { clear:both; width:720px; margin:0; padding:0; overflow:hidden;}
#quality h2 {
 clear:both; width:620px; height:45px; margin:0 0 15px 0; padding:10px 0 0 100px; overflow:hidden;
 color:#000; font-size:109%; font-weight:normal;
 background:url(https://file001.shop-pro.jp/PA01270/344/images/quality/bg_h2.gif) no-repeat left top;}

#quality .box { clear:both; width:720px; margin:0; padding:0 0 20px 0; overflow:hidden;}

#quality .flowList { clear:both; width:720px; margin:0; padding:0 0 30px 0; overflow:hidden;}
#quality .flowList .box {
 clear:both; width:720px; margin:0; padding:21px 0 40px 0; overflow:hidden;
 background:url(https://file001.shop-pro.jp/PA01270/344/images/quality/line.gif) no-repeat left bottom;}
#quality .flowList .box:first-of-type { padding:0 0 40px 0;}
#quality .flowList .box:last-of-type { margin:0; padding:21px 0 0 0; background:none;}
#quality .flowList .box .boxL { float:left; width:390px; margin:0; padding:0 20px 0 10px;}
#quality .flowList .box .boxR { float:right; width:390px; margin:0; padding:0 10px 0 20px;}
#quality .flowList .box .boxL h4,#quality .flowList .box .boxR h4 {
 clear:both; margin:0; padding:8px 0 13px 0; font-size:164%; font-weight:bold;}
#quality .flowList .box .boxL p,#quality .flowList .box .boxR p {
 clear:both; margin:0 0 15px 0; padding:0; font-size:145%;}
#quality .flowList .box .imgL { float:left; width:300px; margin:15px 0; padding:0;}
#quality .flowList .box .imgR { float:right; width:300px; margin:15px 0; padding:0;}

#quality .cupping { clear:both; width:720px; margin:0; padding:0 0 40px 0; overflow:hidden;}
#quality .cupping .title {
 clear:both; min-height:25px; margin:5px 5px 10px 5px; padding:3px 0 0 33px; font-size:109%; font-weight:bold;}
#quality .cupping .title span { font-size:83%; font-weight:normal;}
#quality .cupping .ex { margin:0; padding:0 0 3px 0; font-size:109%;}
#quality .cupping img { padding:3px 0;}

#quality .cupping .box01 {
 clear:left; float:left; width:331px; height:358px; margin:0 0 20px 0; padding:5px;
 position:relative; border:5px solid #3D0605;}
#quality .cupping .box01 .title {
 background:url(https://file001.shop-pro.jp/PA01270/344/images/quality/icon_no1.gif) no-repeat left top;}

#quality .cupping .box02 {
 float:right; width:331px; height:358px; margin:0 0 20px 0; padding:5px;
 position:relative; border:5px solid #FC8786;}
#quality .cupping .box02 .title {
 background:url(https://file001.shop-pro.jp/PA01270/344/images/quality/icon_no2.gif) no-repeat left top;}
#quality .cupping .box02 img { padding:38px 0 3px 0;}

#quality .cupping .box03 {
 clear:left; float:left; width:331px; height:395px; margin:0; padding:5px;
 position:relative; border:5px solid #FC8786;}
#quality .cupping .box03 .title {
 background:url(https://file001.shop-pro.jp/PA01270/344/images/quality/icon_no3.gif) no-repeat left top;}
#quality .cupping .box03 img { padding:41px 0 3px 0;}

#quality .cupping .box04 {
 float:right; width:331px; height:395px; margin:0; padding:5px;
 position:relative; border:5px solid #3D0605;}
#quality .cupping .box04 .title {
 background:url(https://file001.shop-pro.jp/PA01270/344/images/quality/icon_no4.gif) no-repeat left top;}

#quality .flowRoasting { clear:both; width:720px; margin:0; padding:0 0 10px 0; overflow:hidden;}
#quality .flowRoasting ul { clear:both; width:720px; margin:0; padding:0; overflow:hidden; font-size:127%;}
#quality .flowRoasting ul li { float:left; width:234px; margin:0; padding:0 9px 20px 0;}
#quality .flowRoasting ul li.end { float:left; width:234px; margin:0; padding:0 0 20px 0;}
#quality .flowRoasting img { margin:0 0 5px 0; padding:0;}

/* ------------------------------------- 
 * コーヒーのおいしい淹れ方
 * ------------------------------------- */

#howto { clear:both; width:720px; margin:0; padding:0; overflow:hidden;}
#howto h2 { clear:both; margin:0 0 20px 0; padding:0;}
#howto p { clear:both; margin:0 0 25px 0; padding:0; font-size:127%;}
#howto p.point { min-height:29px; margin:0; padding:7px 0 0 42px; font-size:100%;}

#howto ul.pageNavi { float:right; margin:0 0 20px 0; padding:0; overflow:hidden;}
#howto ul.pageNavi li { float:left; margin:0; padding:0 25px 0 0;}

#howto .box { clear:both; width:720px; margin:0; padding:0 0 40px 0; overflow:hidden;}
#howto .box p { clear:both; margin:0; padding:0; font-size:127%;}

#howto .box01 { clear:left; float:left; width:331px; margin:0 0 25px 0; padding:5px; font-size:109%;}
#howto .box02 { float:right; width:331px; margin:0 0 25px 0; padding:5px; font-size:109%;}
#howto .box03 { clear:left; float:left; width:331px; margin:0 0 25px 0; padding:5px; font-size:109%;}
#howto .box04 { float:right; width:331px; margin:0 0 25px 0; padding:5px; font-size:109%;}
#howto .box05 { clear:left; float:left; width:331px; margin:0 0 25px 0; padding:5px; font-size:109%;}
#howto .box06 { float:right; width:331px; margin:0 0 25px 0; padding:5px; font-size:109%;}

#howto .title {
 clear:both; min-height:25px; margin:5px 5px 7px 5px; padding:3px 0 0 33px; font-size:100%; font-weight:bold;}
#howto .box01 .title {
 background:url(https://file001.shop-pro.jp/PA01270/344/images/howto/icon_no1.gif) no-repeat left top;}
#howto .box02 .title {
 background:url(https://file001.shop-pro.jp/PA01270/344/images/howto/icon_no2.gif) no-repeat left top;}
#howto .box03 .title {
 background:url(https://file001.shop-pro.jp/PA01270/344/images/howto/icon_no3.gif) no-repeat left top;}
#howto .box04 .title {
 background:url(https://file001.shop-pro.jp/PA01270/344/images/howto/icon_no4.gif) no-repeat left top;}
#howto .box05 .title {
 background:url(https://file001.shop-pro.jp/PA01270/344/images/howto/icon_no5.gif) no-repeat left top;}
#howto .box06 .title {
 background:url(https://file001.shop-pro.jp/PA01270/344/images/howto/icon_no6.gif) no-repeat left top;}

#howto #coffee_press { clear:both; width:720px; margin:0; padding:0 0 30px 0; overflow:hidden;}
#howto #coffee_press img { padding:3px 0 10px 0;}
#howto #coffee_press .box01 { height:400px; border:5px solid #FA9426;}
#howto #coffee_press .box02 { height:400px; border:5px solid #EED823;}
#howto #coffee_press .box02 img { padding-top:74px;}
#howto #coffee_press .box03 { height:296px; border:5px solid #EED823;}
#howto #coffee_press .box04 { height:296px; border:5px solid #FA9426;}
#howto #coffee_press .box04 img { padding-top:16px;}
#howto #coffee_press .box05 { height:420px; margin:0 0 10px 0; border:5px solid #FA9426;}
#howto #coffee_press .box01 .point,#howto #coffee_press .box05 .point {
 background:url(https://file001.shop-pro.jp/PA01270/344/images/howto/point_orange.gif) no-repeat left top;}
#howto #coffee_press .box06 { height:420px; margin:0 0 10px 0; border:5px solid #EED823;}
#howto #coffee_press .box06 h4 { margin:5px 0 15px 0; padding:0; text-align:center; font-size:136%;}
#howto #coffee_press .box06 h4.point {
 min-height:31px; margin:18px 0 10px 0; padding:5px 0 0 42px; text-align:left; font-size:136%;
 background:url(https://file001.shop-pro.jp/PA01270/344/images/howto/point_yellow.gif) no-repeat left top;}
#howto #coffee_press .box06 p { margin:0 7px; padding:0; font-size:108%;}
#howto #coffee_press .box06 p.fontOR { color:#F79305; font-weight:bold;}
#howto #coffee_press .box06 ul { clear:both; margin:0 5px 12px 5px; padding:0;}
#howto #coffee_press .box06 ul li { 
 clear:both; margin:0 0 8px 0; padding:0 0 0 33px; font-size:108%;}
#howto #coffee_press .box06 ul li.no01 {
 background:url(https://file001.shop-pro.jp/PA01270/344/images/howto/icon_no1.gif) no-repeat left top;}
#howto #coffee_press .box06 ul li.no02 {
 background:url(https://file001.shop-pro.jp/PA01270/344/images/howto/icon_no2.gif) no-repeat left top;}
#howto #coffee_press .box06 ul li.no03 {
 background:url(https://file001.shop-pro.jp/PA01270/344/images/howto/icon_no3.gif) no-repeat left top;}

#howto #ice_coffee { clear:both; width:720px; margin:0; padding:0 0 30px 0; overflow:hidden;}
#howto #ice_coffee .alignR { margin:0 0 10px 0; padding:0; font-size:109%;}
#howto #ice_coffee img { padding:3px 0 10px 0;}
#howto #ice_coffee .box01 { height:380px; border:5px solid #81BDBE;}
#howto #ice_coffee .box01 img { padding-top:35px;}
#howto #ice_coffee .box02 { height:380px; border:5px solid #A2BE81;}
#howto #ice_coffee .box03 { height:380px; margin:0 0 20px 0; border:5px solid #A2BE81;}
#howto #ice_coffee .box03 img { padding-top:22px;}
#howto #ice_coffee .box04 { height:380px; margin:0 0 20px 0; border:5px solid #81BDBE;}
#howto #ice_coffee .box01 .point {
 background:url(https://file001.shop-pro.jp/PA01270/344/images/howto/point_blue.gif) no-repeat left top;}
#howto #ice_coffee .box02 .point,#howto #ice_coffee .box03 .point {
 background:url(https://file001.shop-pro.jp/PA01270/344/images/howto/point_green.gif) no-repeat left top;}

#howto .faq { clear:both; width:720px; margin:0; padding:0 0 50px 0; overflow:hidden;}
#main #howto h2.pagetitle { margin:0 0 25px 0;}
#howto .faq p {
 clear:both; margin:0; padding:4px 0 30px 100px; overflow:hidden; font-size:145%;
 background:url(https://file001.shop-pro.jp/PA01270/344/images/howto/point.gif) no-repeat left top;}
#howto .faq dl { clear:both; margin:0 0 0 35px; padding:0;}
#howto .faq dl dt {
 clear:both; margin:0 0 20px 0; padding:0 0 0 35px; color:#256108; font-size:182%;
 background:url(https://file001.shop-pro.jp/PA01270/344/images/howto/icon_que.gif) no-repeat left 4px;}
#howto .faq dl dd {
 clear:both; margin:0; padding:1px 0 0 35px; color:#FF5858; font-size:145%;
 background:url(https://file001.shop-pro.jp/PA01270/344/images/howto/icon_ans.gif) no-repeat left top;}

#howto #drip_coffee { clear:both; width:720px; margin:0; padding:0 0 5px 0; overflow:hidden;}
#howto #drip_coffee img { padding:3px 0 10px 0;}
#howto #drip_coffee .box01 { height:420px; border:5px solid #F56F73;}
#howto #drip_coffee .box01 img { padding-top:22px;}
#howto #drip_coffee .box02 { height:420px; border:5px solid #A37AB9;}
#howto #drip_coffee .box03 { height:400px; border:5px solid #A37AB9;}
#howto #drip_coffee .box04 { height:400px; border:5px solid #F56F73;}
#howto #drip_coffee .box05 { height:400px; border:5px solid #F56F73;}
#howto #drip_coffee .box05 img { padding-top:22px;}
#howto #drip_coffee .box06 { height:400px; border:5px solid #A37AB9;}
#howto #drip_coffee .box01 .point,#howto #drip_coffee .box04 .point,#howto #drip_coffee .box05 .point {
 background:url(https://file001.shop-pro.jp/PA01270/344/images/howto/point_pink.gif) no-repeat left top;}
#howto #drip_coffee .box02 .point {
 background:url(https://file001.shop-pro.jp/PA01270/344/images/howto/point_purple.gif) no-repeat left top;}