/*<agl.folder "COMMON ELEMENT">*/
/*html {height: 100%;}*/
body    { color: #4d4d4d; font-size: 12px; font-family: "ms pgothic", osaka, arial; line-height: 150%; background-color: #fff0ab; text-align: center; height: 100% }
* { margin: 0; }
/**{zoom:1;}*/
a { color: #F27D00 }
a:hover { color: #E60012; text-decoration: underline }
img { border: 0 }
h1, h2, h3, h4, h5, h6 { font-size: 100% }
table { border-collapse: collapse; border-spacing: 0 ;font-size:100%   }
caption, th { text-align: left }
address { font-style: normal; font-weight: normal; display: inline }
blockquote, ol, ul  { margin: 0; padding: 0 }
/*</agl.folder>*/

/*<agl.folder "COMMON STYLE">*/
	.link-arrow { text-align: right }
	.link-arrow a  { background-image: url(../images/parts/icon-a-r.gif); background-repeat: no-repeat; background-position: left center; padding-left: 15px; height: 1% }
	.dot { height: 1px; clear: both; border-style: dotted none none; border-width: 1px medium medium; border-color: #999 }
	/*DISPLAY*/
.break { clear: both }
.hidden { display: none;}
/*FONT*/
.large { font-size: 120% }
.small { font-size: 80%; }
.lh_100 { line-height: 100%; }
.lh_120 { line-height: 120%; }
.lh_150 { line-height: 150%; }
.warn { color: #f00 }
.mess { color: #359a00 }
/*ALIGN*/
.ta_center { text-align: center }
.ta_right { text-align: right }
.ta_left { text-align: right }
.va-top { vertical-align: top }
.va-center { vertical-align: middle }
.va-bottom { vertical-align: bottom }
/*MARGIN*/
.m_5 { margin: 5px; }
.m_10 { margin: 10px; }
.m_15 { margin: 15px; }
.m_20 { margin: 20px; }
.m_25 { margin: 25px; }
.m_30 { margin: 30px; }
.m_35 { margin: 35px }
.m_40 { margin: 40px }
.m_b5 { margin-bottom: 5px; }
.m_b10 { margin-bottom: 10px; }
.m_b15 { margin-bottom: 15px; }
.m_b20 { margin-bottom: 20px; }
.m_b25 { margin-bottom: 25px; }
.m_b30 { margin-bottom: 30px; }
.m_b35 { margin-bottom: 35px; }
.m_b40 { margin-bottom: 40px; }

.m_t5 { margin-top: 5px; }
.m_t10 { margin-top: 10px; }
.m_t15 { margin-top: 15px; }
.m_t20 { margin-top: 20px; }
.m_t25 { margin-top: 25px; }
.m_t30 { margin-top: 30px; }
.m_t35 { margin-top: 35px; }
.m_t40 { margin-top: 40px; }

.m_l5 { margin-left: 5px; }
.m_l10 { margin-left: 10px; }
.m_l15 { margin-left: 15px; }
.m_l20 { margin-left: 20px; }
.m_l25 { margin-left: 25px; }
.m_l30 { margin-left: 30px; }
.m_l35 { margin-left: 35px; }
.m_l40 { margin-left: 40px; }

.m_r5 { margin-right: 5px; }
.m_r10 { margin-right: 10px; }
.m_r15 { margin-right: 15px; }
.m_r20 { margin-right: 20px; }
.m_r25 { margin-right: 25px; }
.m_r30 { margin-right: 30px; }
.m_r35 { margin-right: 35px; }
.m_r40 { margin-right: 40px; }

/*PADDING*/
.p_1 { padding: 1px; }
.p_2 { padding: 2px; }
.p_3 { padding: 3px; }
.p_4 { padding: 4px; }
.p_5 { padding: 5px; }
.p_10 { padding: 10px; }
.p_15 { padding: 15px; }
.p_20 { padding: 20px; }
.p_25 { padding: 25px; }
.p_30 { padding: 30px; }
.p_35 { padding: 35px; }
.p_40 { padding: 40px; }

.p_b5 { padding-bottom: 5px; }
.p_b10 { padding-bottom: 10px; }
.p_b15 { padding-bottom: 15px; }
.p_b20 { padding-bottom: 20px; }
.p_b25 { padding-bottom: 25px; }
.p_b30 { padding-bottom: 30px; }
.p_b35 { padding-bottom: 35px; }
.p_b40 { padding-bottom: 40px }

.p_t5 { padding-top: 5px; }
.p_t10 { padding-top: 10px; }
.p_t15 { padding-top: 15px; }
.p_t20 { padding-top: 20px; }
.p_t25 { padding-top: 25px; }
.p_t30 { padding-top: 30px; }
.p_t35 { padding-top: 35px; }
.p_t40 { padding-top: 40px; }

.p_l5 { padding-left: 5px; }
.p_l10 { padding-left: 10px; }
.p_l15 { padding-left: 15px; }
.p_l20 { padding-left: 20px; }
.p_l25 { padding-left: 25px; }
.p_l30 { padding-left: 30px; }
.p_l35 { padding-left: 35px; }
.p_l40 { padding-left: 40px; }

.p_r5 { padding-right: 5px; }
.p_r10 { padding-right: 10px; }
.p_r15 { padding-right: 15px; }
.p_r20 { padding-right: 20px; }
.p_r25 { padding-right: 25px; }
.p_r30 { padding-right: 30px; }
.p_r35 { padding-right: 35px; }
.p_r40 { padding-right: 40px; }

.topicpath    { font-size: 10px; line-height: 100%; background-image: url(../images/parts/header-topicpathbg.gif); background-repeat: repeat-x; background-position: center top; text-align: left; padding-top: 12px; padding-bottom: 8px; padding-left: 45px }
.topicpath .dir { font-size: 10px }
.topicpath .current { }
.pagetop  { text-align: right; padding-right: 25px }
.pagetop span { }
/*</agl.folder>*/
/*<agl.folder "LAYOUT">*/
#container    { background-color: #fff; text-align: center; margin-right: auto; margin-left: auto; width: 940px; overflow: hidden }
#container-inner  { text-align: center; margin-right: auto; margin-left: auto; bottom: 0 }
#alpha, #beta, #gamma    { position: relative; float: left }
#content      { background-image: url(../images/parts/content-footer.gif); background-repeat: no-repeat; background-position: center bottom; text-align: left; padding-bottom: 10px }
	#content-header   { background-image: url(../images/parts/content-header.gif); background-repeat: no-repeat; background-position: center bottom; height: 20px }
	#content-inner      { background-image: url(../images/parts/content-inner.gif); background-repeat: repeat-y; background-position: center; padding-right: 50px; padding-bottom: 20px; padding-left: 50px; height: 1% }
#header-inner, #content-inner, #footer-inner, .asset-body { height: 1% }
#header-inner, #footer-inner, #alpha-inner, #beta-inner, #gamma-inner { overflow: hidden }
#alpha-inner, #beta-inner, #gamma-inner     { }
/* alfa-beta-gamma */
.alfa #alpha  { width: 840px }
.alfa #beta { display: none }
.alfa #gamma { display: none }
	/* alfa-beta */
.alfa-beta #alpha { width: 750px }
.alfa-beta #beta { width: 190px }
.alfa-beta #gamma { display: none }
/* beta-alfa */
.beta-alfa #alpha { left: 190px; width: 750px }
.beta-alfa #beta { left: -750px; width: 190px }
.beta-alfa #gamma { display: none }
/* beta-alfa(Medium-Wide) */
.beta_m-alfa_m #alpha { left: 330px; width: 610px }
.beta_m-alfa_m #beta { left: -610px; width: 330px }
.beta_m-alfa_m #gamma { display: none }
/* alfa-beta(Wide-Medium) */
.alfa_m-beta_m #alpha { width: 610px }
.alfa_m-beta_m #beta { width: 330px }
.alfa_m-beta_m #gamma { display: none }
/*</agl.folder>*/
/*<agl.folder "HEADER">*/
#header     { background-color: #ef9e24; background-image: url(../images/parts/header-bg.gif); background-repeat: repeat-x; background-position: left top; padding-right: 25px; height: 132px }
#header a { color: #393939; font-weight: bold; text-decoration: none }
#header a:hover { text-decoration: underline }
#header-inner    { margin: 0 auto; width: 205px; height: 125px; float: left }
	#header-name   { color: #393939; font-size: 18px; font-weight: bold; margin-top: 25px; width: 205px; height: 100px }
	#header-name a  { background-image: url(../images/parts/header-logo.png); background-repeat: no-repeat; background-position: left top; text-indent: -9000px; display: block; width: 205px; height: 100px }
	#header-description   { color: #393939; font-size: 14px; font-weight: normal; text-indent: -9000px; display: block; margin-bottom: 0; width: 180px; height: 1px }
	#header-content { background-image: url(../images/parts/header-tel.gif); background-repeat: no-repeat; background-position: 295px 25px; width: 680px; float: right }
	#header-nav-inner { margin: 0 auto; position: relative; width: 900px }
#hmenu    { background-repeat: repeat-x; margin-top: 58px; height: 67px }
#hmenu ul    { list-style-type: none; margin: 0; padding: 0; height: 67px }
#hmenu li   { display: block; margin: 0; height: 67px; float: left }
#hmenu a   { display: block; height: 67px; float: left }
#hmenu a:hover   { background-position: 0 -67px }
* html #hmenu a:hover     { background-position: 0 -66px }
#hmenu span { display: none }
#hmenu a.home    { background-image: url(../images/parts/hmenu-home.png); width: 82px }
#hmenu a.product    { background-image: url(../images/parts/hmenu-product.png); width: 84px }
#hmenu a.profile    { background-image: url(../images/parts/hmenu-profile.png); width: 84px }
#hmenu a.honey_book    { background-image: url(../images/parts/hmenu-honey_book.png); width: 97px }
#hmenu a.blog    { background-image: url(../images/parts/hmenu-blog.png); width: 69px }
#hmenu a.contact   { background-image: url(../images/parts/hmenu-contact.png); width: 97px }
#hmenu a.cafe38   { background-image: url(../images/parts/hmenu-cafe38.png); width: 80px }
#hmenu a.cart   { background-image: url(../images/parts/hmenu-cart.png); width: 87px }
#home #hmenu a.home,
#product #hmenu a.product,
#profile #hmenu a.profile,
#honey_book #hmenu a.honey_book,
#blog #hmenu a.blog,
#contact #hmenu a.contact,
#cafe38 #hmenu a.cafe38,
#cart #hmenu a.cart
  { background-position: 0 -67px }
* html #home #hmenu a.home,
* html #product #hmenu a.product,
* html #profile #hmenu a.profile,
* html #honey_book #hmenu a.honey_book,
* html #blog #hmenu a.blog,
* html #contact #hmenu a.contact,
* html #cafe38 #hmenu a.cafe38,
* html #cart #hmenu a.cart
  { background-position: 0 -66px }
/*</agl.folder>*/
/*<agl.folder "FOOTER">*/
#footer    { background-image: url(../images/parts/footer-inner.gif); background-repeat: no-repeat; background-position: center top; margin-top: 12px; padding-right: 25px; padding-left: 25px; height: 1% }
#footer-inner     { text-align: center; margin: 0 auto 0; padding-bottom: 10px; width: 840px; border-bottom: 1px dotted #3d261e }
#footer-content   { text-align: center; margin: 10px auto 0; padding-bottom: 10px; width: 820px }
#footer-content, #footer-content a { color: #3D261E }
	#copy    { font-size: 10px; line-height: 100%; background-image: url(../images/parts/footer-footer.gif); background-repeat: no-repeat; background-position: center top; text-align: right; margin-bottom: 5px; padding-top: 10px; padding-right: 25px; padding-left: 25px; height: 1% }
#fmenu   { color: #3d261e; text-align: center; padding-top: 15px }
#fmenu a  { color: #3d261e; text-decoration: none }
#fmenu ul { font-size: 12px }
#fmenu li { display: inline }
#home #fmenu a.home,
#contents01 #fmenu a.contents01,
#contents02 #fmenu a.contents02,
#contents03 #fmenu a.contents03,
#contents04 #fmenu a.contents04,
#inquiry #fmenu a.inquiry
  { color: #e60012; font-weight: bold }
	.footer-shop  { font-size: 10px; line-height: 150%; text-align: left; width: 350px; float: left }
	.footer-shop38  { width: 450px }
	.footer-shop img { margin-right: 15px; float: left }
/*</agl.folder>*/
/*<agl.folder "INQUIRY">*/
.form-area { width: 100%; border-collapse: collapse }
.form-area th , .form-area td { padding: 5px; border: solid 1px #999 }
.form-area tr:hover { background-color: #a4c9e2 }
.form-area th { background-color: #e8e8e8 }
.form-area td { }
.form-area-btn { text-align: center }
.form-back { text-align: right; margin-top: 20px; padding: 5px; border: solid 1px #999 }
.form-area input , .form-area textarea { font-size: 12px; border: solid 1px #666 }
.form-area input:focus , .form-area textarea:focus  { background-color: #ffffca; border: solid 1px #669 }
/*</agl.folder>*/
/*<agl.folder "TOP">*/
	#main-image { background-image: url(../images/top/mainimg.jpg); background-repeat: no-repeat; background-position: center top; text-align: center; margin: 0 auto; position: relative; width: 890px; height: 340px }
	.main-text   { color: #993300; font-size: 12px; line-height: 130%; text-align: left; position: absolute; top: 165px; left: 325px; width: 310px }
	.main-product  { color: #e6e6e6; text-indent: -9000px; display: block; position: absolute; top: 203px; left: 669px; width: 90px; height: 90px }
	.main-sup  { color: #666; font-size: 10px; line-height: 100%; text-align: right; padding-right: 25px }
	.home01-l  { width: 510px; float: left }
	.home01-r { margin-top: 50px; width: 300px; float: right }
	.home-info   { font-size: 12px; line-height: 130%; background-color: #f9f2e6; padding-right: 15px; padding-bottom: 15px; padding-left: 15px; height: 1% }
	.home02-l { width: 400px; float: left }
	.home02-r { width: 400px; float: right }
	.home-blog { padding-bottom: 10px; border-bottom: 1px dotted #ccc }
	.home-38blog { padding-bottom: 10px; border-bottom: 1px dotted #ccc }
	.home-blog dt, .home-38blog dt  { background-image: url(../images/parts/icon-r-o.gif); background-repeat: no-repeat; background-position: 0 6px; margin-top: 10px; padding-left: 15px; height: 1% }
	.home-blog dt span, .home-38blog dt span { color: #999; margin-left: 10px }
	.home-blog dd, .home-38blog dd  { font-size: 10px; line-height: 120%; margin-top: 5px; padding-left: 15px }
/*</agl.folder>*/
/*<agl.folder "PRODUCT">*/
	.product-summary  { margin-top: 15px }
	.product-summary-block  { background-image: url(../images/parts/honey-productbg.gif); background-repeat: no-repeat; background-position: left top; text-align: center; margin-left: 6px; width: 161px; height: 170px; float: left }
	.product-summary-ttl { margin-top: 10px }
	.product-summary-pic { }
	.product-summary-btn { }
/*</agl.folder>*/