@charset "UTF-8";

/* -------------------------
  Contents/Main/
------------------------- */
section#main ul {margin: 0 -10px 0 0;}
section#main ul:after {  /*clearfix*/
	display: block;
	clear: both;
	height: 0;
	visibility: hidden;
	content: ".";
}
section#main ul li {
	margin: 0 10px 5px 0;
	float: left;
}
section#main ul li a {
	display: block;
	z-index: 3;
	width: 274px;
	height: 44px;
	background-position: 0 0;
	background-repeat: no-repeat;
	text-decoration: none;
}
section#main ul li#introHistory a {background-image: url(../images/intro-history_hover.jpg);}
section#main ul li#introTakeout a {background-image: url(../images/intro-takeout_hover.jpg);}
section#main ul li#introTea a {background-image: url(../images/intro-tea_hover.jpg);}
section#main ul li#introSweet a {background-image: url(../images/intro-sweet_hover.jpg);}
section#main ul li a:focus,
section#main ul li a:hover {text-indent: -9999px;}

/* -------------------------
  Contents/Main/New Product
------------------------- */
section#main section.newProduct:after {  /*clearfix*/
	display: block;
	clear: both;
	height: 0;
	visibility: hidden;
	content: ".";
}
section#main section.newProduct section {
	float: left;
	width: 280px;
}
section#main section.newProduct section h4 {
	padding: 0 0 3px 8px;
	color: #7bac45;
	font-size: 108%;  /*14px*/
}
section#main section.newProduct section figure {
	margin: 0 5px;
	padding: 0 0 5px 0;
	border-bottom: #c6ddac 1px solid;
	color: #666;
	font-size: 108%;  /*14px*/
}
section#main section.newProduct section figure img {
	padding: 4px;
	border: #e4eed7 1px solid;
}
section#main section.newProduct section a {
	padding: 5px 1em 0 0;
	display: block;
	font-size: 93%;  /*12px*/
	text-align: right;
}

/* -------------------------
  Contents/Main/News
------------------------- */
section#main section.news dl {
	margin: 0 0 1em 0;
	font-size: 93%;  /*12px*/
}
section#main section.news dl dt {
	padding: 0 0 0 15px;
	background: transparent url(../images/news-dt.jpg) 5px 50% no-repeat;
	color: #7bac45;
}
section#main section.news dl dd {padding: 0 0 1em 25px;}


/* -------------------------
  Contents/Aside/Login
------------------------- */
aside section#login {
	margin-bottom: 20px;
	padding: 0 13px;
	height: 193px;
	background: transparent url(../images/aside/login_bg.jpg) 50% 0 no-repeat;
}
aside section#login h2 {
	padding: 12px 0 8px 15px;
	line-height: 1.3;
	color: #7bac45;
	background: transparent url(../images/aside/login-title_bg.jpg) 0 15px no-repeat;
}
aside section#login h2 b {
	display: block;
	font-size: 108%;  /*14px*/
	font-weight: bold;
}
aside section#login form {
	padding: 8px 5px 0 5px;
	background: transparent url(../images/aside/line01.jpg) 0 0 no-repeat;
	font-size: 93%;  /*12px*/
}
aside section#login form input {
	margin: 0 0 8px 0;
	border: #d8e6c9 1px solid;
	width: 160px;
	height: 20px;
}
aside section#login a {
	padding: 0 0 0 20px;
	text-decoration: underline;
	color: #4f6d2c;
	font-size: 93%;  /*12px*/
}
aside section#login a:hover {
	text-decoration: none;
	color: #7bac45;
}

/* -------------------------
  Contents/Aside/SignUp
------------------------- */
aside section#signUp h2 {
	margin: 0 7px 8px 7px;
	padding: 0 4px;
	border-left: #7bac45 4px solid;
	line-height: 1.3;
	color: #496729;
}
aside section#signUp h2 b {
	display: block;
	color: #333;
	font-size: 108%;  /*14px*/
	font-weight: bold;
}
aside section#signUp figure {
	margin: 0 3px 0 4px;
	padding: 8px 0 0 0;
	width: 191px;
	background: transparent url(../images/aside/line01.jpg) 0 0 no-repeat;
	font-size: 93%;  /*12px*/
	color: #4f6d2c;
}
aside section#signUp figure /*legend*/ span {
	margin: 0 5px;
	display: block;
}
aside section#signUp figure img {margin: 5px 0;}

/* -------------------------
  Contents/Aside/ShopInfo
------------------------- */
aside section.shopInfo {
	padding: 0 13px;
	height: 179px;
	background: transparent url(../images/aside/shop-info_bg.jpg) 50% 0 no-repeat;
	font-size: 93%;  /*12px*/
}
aside section.shopInfo h2 {
	margin: 0 0 12px 0;
	padding: 12px 0 8px 0;
	border-bottom: #edf3e4 1px solid;
}
aside section.shopInfo form select#address {
	margin: 0 0 22px 0;
	border: #d8e6c9 1px solid;
	width: 170px;
	height: 20px;
}
aside section.shopInfo form input {
	width: 38px;
	height: 20px;
}
aside section.shopInfo form input#shopKeyword {
	border: #d8e6c9 1px solid;
	width: 125px;
}