@charset"utf-8";
/*
-----------------------------------------------
brush-up! Web Site Navigation
latest up-date: 25 July 2015
----------------------------------------------- */

/* a link
--------------------------------------------------
----------------------------------------------- */
a			{ color:#900; text-decoration:underline; outline:none;}
a:visited	{ color:#c00;}
a:hover, a:active { color:#f00;}


.oralcare a { color:#8BA4A4;}
.oralcare a:hover { color:#399;}
.food a {}
.beauty a {}



/* main navigatiion
--------------------------------------------------
----------------------------------------------- */
#headnav { position:absolute; top:95px; width:100%;}
#headnav ul	{ margin:0; padding:0;}
#headnav li 	{ display:inline-block; position:relative; margin:0; padding:0; height:40px; transition:background-color 0.2s ease; vertical-align:top;}
#headnav li a,
#headnav li span{ display:block; width:120px; height:40px; text-indent:100%; white-space:nowrap; overflow:hidden;
	background-repeat:no-repeat;
	background-position:center 12px;
	transition:background-color 0.2s ease;
}
#headnav .hn_home a		{ width:90px; background-image:url(../img/nav/hn_home.png);}
#headnav .hn_concept a	{ background-image:url(../img/nav/hn_concept.png);}
#headnav .hn_news a		{ width:190px; background-image:url(../img/nav/hn_news.png);}
#headnav .hn_oral a	{ background-image:url(../img/nav/hn_oral.png);}
#headnav .hn_food a	{ background-image:url(../img/nav/hn_food.png);}
#headnav .hn_beauty a{ background-image:url(../img/nav/hn_beauty.png);}
#headnav .hn_about a{ background-image:url(../img/nav/hn_about.png);}

#headnav li a:hover { background-color:#CDBC45;}
#headnav .hn_oral a:hover	{ background-color:#C9DED8; background-image:url(../img/nav/hn_oral.png);}
#headnav .hn_food a:hover	{ background-color:#E3D264; background-image:url(../img/nav/hn_food.png);}
#headnav .hn_beauty a:hover 	{ background-color:#D6BDC5; background-image:url(../img/nav/hn_beauty.png);}



/* .submenu
----------------------------------------------- */
#headnav .submenu { display:none; position:absolute; top:40px; left:0; z-index:999; 
	padding:20px 40px; width:820px; 
	background-color:#C9DED8; background: rgba(201,222,216,.8);
	box-shadow:1px 2px 3px rgba(0,0,0,.25); border:solid #ccc\9; border-width:0 1px 1px 1px\9;
}

#headnav .submenu li { float:none; margin:0 5px; padding:0; width:250px !important; height:120px !important; 
	background:none !important;
}
#headnav .submenu li a { display:block; width:250px; height:120px;
	text-indent:0; white-space:normal; overflow:visible;
	color:#333; text-decoration:none;
	background:none !important; 
}
#headnav .submenu li a:hover { }
#headnav .submenu li a:hover .image img { transform:scale(1.2,1.2);}

#headnav .submenu li span { width:250px; text-indent:0 !important; background:none !important;}
#headnav .submenu li span.image { width:250px; height:90px; overflow:hidden; }
#headnav .submenu li span.image img { transition: transform 0.2s ease;}
#headnav .submenu li span.name { height:auto;}

/*
#headnav .hn_oral .submenu { left:-280px; background-color:#C9DED8; background: rgba(201,222,216,.8);}
#headnav .hn_oral:hover .submenu { display:block;}
#headnav .hn_food .submenu { left:-402px; background-color:#C9DED8; background: rgba(227,210,100,.8);}
#headnav .hn_food:hover .submenu { display:block;}
#headnav .hn_beauty .submenu { left:-525px; background-color:#C9DED8; background: rgba(214,189,197,.8);}
#headnav .hn_beauty:hover .submenu { display:block;}
*/


/* current
----------------------------------------------- */
#headnav .hn_home.current-menu-item a { background-color:#CDBC45;}
#headnav .hn_concept.current-menu-item a { background-color:#CDBC45;}
.news #headnav .hn_news a,
#headnav .hn_news.current-menu-item a { background-color:#CDBC45;}
.oralcare #headnav .hn_oral a,
.oralcare_counseling #headnav .hn_oral a,
#headnav .hn_oral.current-menu-item a		{ background-color:#C9DED8; background-image:url(../img/nav/hn_oral-current.png);}
.food #headnav .hn_food a,
.recipe #headnav .hn_food a,
#headnav .hn_food.current-menu-item a		{ background-color:#E3D264; background-image:url(../img/nav/hn_food-current.png);}
.beauty #headnav .hn_beauty a,
#headnav .hn_beauty.current-menu-item a 	{ background-color:#D6BDC5; background-image:url(../img/nav/hn_beauty-current.png);}
#headnav .hn_about.current-menu-item a 	{ background-color:#CDBC45; background-image:url(../img/nav/hn_about-current.png);}




/* 
----------------------------------------------- */
.menu-open { display:none; position:fixed; top:0; z-index:900; width:100%; height:36px; background:#fff url(../img/nav/menu-open.gif) no-repeat center top; border-bottom:1px solid #ddd; opacity:0.8; filter:alpha(opacity=80);}

#headerwrap .sns { position:absolute; top:14px; right:44px; z-index:1001; text-align:right;}
#headerwrap .sns li { margin-right:12px;}
#headerwrap .sns .sns_tweet,
#headerwrap .sns .sns_share { display:inline-block; width:44px; height:44px;}
#headerwrap .sns .sns_tweet a,
#headerwrap .sns .sns_share a { display:block; width:44px; height:44px; text-indent:100%; white-space:nowrap; overflow:hidden;}
#headerwrap .sns .sns_tweet a { background:url(../img/nav/b_sns-tweet.png) no-repeat left top;}
#headerwrap .sns .sns_share a { background:url(../img/nav/b_sns-share.png) no-repeat left top;}
#headerwrap .sns a:hover { opacity:0.5;}



.sns {  text-align:right;}
.sns li { margin-right:12px;}
.sns .sns_tweet { display:inline-block; width:44px; height:44px;}
.sns .sns_share { display:inline-block; width:44px; height:44px;}
.sns .sns_tweet a,
.sns .sns_share a { display:block; width:44px; height:44px; text-indent:100%; white-space:nowrap; overflow:hidden;}
.sns .sns_tweet a { background:url(../img/nav/b_sns-tweet-article.gif) no-repeat left top;}
.sns .sns_share a { background:url(../img/nav/b_sns-share-article.gif) no-repeat left top;}



/* #footnav
--------------------------------------------------
----------------------------------------------- */
#footnav { text-align:center; border-bottom:1px dashed #aaa;}
#footnav ul { margin:20px auto; width:auto; max-width:1320px;}
#footnav li { display:inline-block; padding:3px 24px; border-right:1px dashed #aaa;}
#footnav li:first-child { border-left:1px dashed #aaa;}
#footnav li a { text-decoration:none; color:#999; }
#footnav li a:hover { color:#333; }

#footglobal { }
#footglobal ul { margin:20px auto 10px; width:auto; max-width:1320px;}
#footglobal li { display:inline-block; padding:3px 24px; font-size:13px; }
#footglobal li a { text-decoration:none; color:#999; }
#footglobal li a:hover { color:#333; }



/* .b_detail
--------------------------------------------------
----------------------------------------------- */
.b_detail { display:block;}
.b_detail a { display:inline-block; padding:4px 40px 3px 18px; width:auto; 
	color:#664C3B !important; text-decoration:none; 
	background:#E3DDD4 url(../img/nav/arrow_b_detail.png) no-repeat right center; transition:opacity 0.2s ease;
}
.b_detail a:hover { color:#fff !important; background-color:#8D7A6B;}

.brandinfo .b_detail a { color:#fff !important; background:#664C3B url(../img/nav/arrow_b_detail-brand.png) no-repeat right center;}
.brandinfo .b_detail a:hover { color:#fff !important; background-color:#8D7A6B; text-decoration:none;}




/* #b_pagetop
--------------------------------------------------
----------------------------------------------- */
#pagetop a 	{ display:block; position:fixed; z-index:9999; right:10px; bottom:40px; width:74px; height:0;
	padding:74px 0 0; white-space:nowrap; overflow:hidden;
	text-decoration:none;
	background: url(../img/nav/b_pagetop.png) no-repeat 0 0;
}
#pagetop a:hover { background: url(../img/nav/b_pagetop.png) no-repeat 0 -74px;}



/* .wp-pagenavi
--------------------------------------------------
----------------------------------------------- */
.wp-pagenavi {
	margin:4px 0 0 0;
	padding:8px 0 0 0;
	clear: both;
	font:lighter 14pt/1.2 "Helvetica neue", Helvetica, Arial, sans-serif;
}

.wp-pagenavi a, .wp-pagenavi span {
	margin:2px;
	padding:8px 10px 6px;
	text-decoration: none;
	color:#fff;
	font-weight:normal;
	background:#50301A;
}
.wp-pagenavi span.pages{ padding:8px 10px 6px; border:none; background:#50301A;}

.wp-pagenavi a:hover{
	color:#222;
	background:#A7978C;
}

.wp-pagenavi span.current {
	color:#222;
	background:#A7978C url(../img/nav/btnbg.gif) repeat-x center center;
}