@charset "utf-8";

/* Table Of Contents
----------------------------------------

# General Elements
# Sidebar
# column01.html
# club_nose-en01.html
# clearfix

----------------------------------------*/

/* # gNav
---------------------------------------------------------------------------- */

div#gNav dl dd ul li#gNavOurTea a {
	background: url(../../common/images/gnav_our_tea_o.gif) no-repeat 0 0;	
}

/* # General Elements
---------------------------------------------------------------------------- */

div#content div.linkSection {
	background: url(../images/column/bg_link_top.gif) no-repeat left top;
	margin: 0 auto;
	padding: 5px 0 0 0;
	width: 810px;
}

div#content div.linkSection div.linkInner {
	background: url(../images/column//bg_link_bottom.gif) no-repeat left bottom;
	padding-bottom: 5px;
}

div#content div.linkSection div.linkInner ul {
	background: url(../images/column//bg_link.gif) repeat-y left top;
	padding: 5px 0;
}

div#content div.linkSection div.linkInner ul li {
	display: inline;
	float: left;
	padding-left: 10px;
	width: 150px;
}


/* # Sidebar
---------------------------------------------------------------------------- */
/* move column into nosetea, column navi no need */
/*body#club div#sidebar ul.lNav li#lnavClub a,
div#sidebar ul.lNav li#lnavClub a:hover { background: url(../images/column/lnav_club_o.gif) no-repeat 0 0; }
div#sidebar ul.lNav li#lnavClub a { background: url(../images/column/lnav_club.gif) no-repeat 0 0; }

body#column div#sidebar ul.lNav li#lnavColumn a,
div#sidebar ul.lNav li#lnavColumn a:hover { background: url(../images/column/lnav_column_o.gif) no-repeat 0 0; }
div#sidebar ul.lNav li#lnavColumn a { background: url(../images/column/lnav_column.gif) no-repeat 0 0; }
*/
/* # sidebar
---------------------------------------------------------------------------- */

body#product div#sidebar ul.lNav li#lNavProduct a,
div#sidebar ul.lNav li#lNavProduct a:hover { background: url(../images/lnav_product_o.gif) no-repeat 0 0; }
div#sidebar ul.lNav li#lNavProduct a { background: url(../images/lnav_product.gif) no-repeat 0 0; }

body#effect div#sidebar ul.lNav li#lNavEffect a,
div#sidebar ul.lNav li#lNavEffect a:hover { background: url(../images/lnav_effect_o.gif) no-repeat 0 0; }
div#sidebar ul.lNav li#lNavEffect a { background: url(../images/lnav_effect.gif) no-repeat 0 0; }

body#history div#sidebar ul.lNav li#lNavHistory a,
div#sidebar ul.lNav li#lNavHistory a:hover { background: url(../images/lnav_history_o.gif) no-repeat 0 0; }
div#sidebar ul.lNav li#lNavHistory a { background: url(../images/lnav_history.gif) no-repeat 0 0; }

body#brew div#sidebar ul.lNav li#lNavBrew a,
div#sidebar ul.lNav li#lNavBrew a:hover { background: url(../images/lnav_brew_o.gif) no-repeat 0 0; }
div#sidebar ul.lNav li#lNavBrew a { background: url(../images/lnav_brew.gif) no-repeat 0 0; }

body#drink div#sidebar ul.lNav li#lNavDrink a,
div#sidebar ul.lNav li#lNavDrink a:hover { background: url(../images/lnav_drink_o.gif) no-repeat 0 0; }
div#sidebar ul.lNav li#lNavDrink a { background: url(../images/lnav_drink.gif) no-repeat 0 0; }

body#drink div#sidebar ul.lNav li#lNavColumn a,
div#sidebar ul.lNav li#lNavColumn a:hover { background: url(../images/column/lnav_column_o.gif) no-repeat 0 0; }
div#sidebar ul.lNav li#lNavColumn a { background: url(../images/column/lnav_column.gif) no-repeat 0 0; }

/* # column01.html
---------------------------------------------------------------------------- */

div#content div.column {
	background: url(../images/column/bg_column.gif) repeat-y left top;
	margin: 50px auto 40px auto;
	padding: 0 0 0 0;
	width: 820px;
}

div#content div.column h2.mHead {
	background: url(../images/column/bg_column_top.gif) no-repeat left top;
	padding: 39px 0 35px 25px;
}

div#content div.column p.introduce {
	padding: 0 0 0 27px;
}

div#content div.column div.columnInner {
	background: url(../images/column/bg_column_bottom.gif) no-repeat left bottom;
	padding: 17px 23px 36px 33px;
}

div#content div.column div.columnInner p.columnImage {
	display: inline;
	float: left;
	width: 287px;
}

div#content div.column div.columnInner div.columnText {
	display: inline;
	float: right;
	width: 450px;
}

div#content div.column div.columnInner div.columnText p {
	padding-bottom: 15px;
}


/* # club_nose-en01.html
---------------------------------------------------------------------------- */

div#content div.club {
	background: url(../images/column/bg_club.gif) repeat-y left top;
	margin: 50px auto 40px auto;
	padding: 0 0 0 0;
	width: 820px;
}

div#content div.club h2.mHead {
	background: url(../images/column/bg_club_top.gif) no-repeat left top;
	padding: 56px 0 42px 0;
	text-align: center;
}

div#content div.club p.introduce {
	padding: 0 0 0 27px;
}

div#content div.club div.clubInner {
	background: url(../images/column/bg_club_bottom.gif) no-repeat left bottom;
	padding: 26px 23px 60px 31px;
}

div#content div.club div.clubInner div.clubStyle p.clubImage {
	display: inline;
	float: left;
	width: 287px;
}

div#content div.club div.clubInner div.clubStyle div.clubRight {
	display: inline;
	float: right;
	width: 455px;
}

div#content div.club div.clubInner div.clubStyle div.clubRight p {
	padding: 5px 0 26px 5px;
}

div#content div.club div.clubInner div.clubStyle div.clubRight ul.listImage li {
	float: left;
	width: auto;
}

div#content div.club div.clubInner div.clubStyle {
	padding-bottom: 48px;
}

div#content div.clubStyle {
	border-bottom: 1px solid #BEB298;
}

div#content div.club div.clubInner p.phone {
	background: url(../images/column/bg_phone.gif) no-repeat left top;
	clear: both;
	margin: 0 auto;
	padding: 13px 0;
	text-align: center;
	width: 300px;
}

#club h3{
	font-size: 1em;
	font-weight: bold;
	margin-top: 30px;
}

#club #regal{
	border-top: 1px solid #beb298;
	border-left: 1px solid #beb298;
}

#club #regal th, #club #regal td{
	border-right: 1px solid #beb298;
	border-bottom: 1px solid #beb298;
	padding: 6px;
}

/* # clearfix
---------------------------------------------------------------------------- */

div#content div.linkSection div.linkInner ul,
div#content div.column div.columnInner,
div#content div.club div.clubInner,
div#content div.club div.clubInner div.clubStyle,
div#content div.club div.clubInner div.clubStyle div.clubRight ul.listImage {
	zoom: 1;
}

div#content div.linkSection div.linkInner ul:after,
div#content div.column div.columnInner:after,
div#content div.club div.clubInner:after,
div#content div.club div.clubInner div.clubStyle:after,
div#content div.club div.clubInner div.clubStyle div.clubRight ul.listImage:after {
	clear: both;
	content: ".";
	display: block;
	height: 0;
	line-height: 0;
	visibility: hidden;
}