@charset "UTF-8";

* {
	padding: 0;
	margin: 0;
	border: none;
	font-size: 100%;
}
body {
	color: #333333;
	font-family: verdana;
}
a {
	text-decoration: none;
	color: #333333;
}
a:hover {
	text-decoration: underline;
}


.header {
	width: 100%;
	height: 145px;
	background: url(../images/header_bg.jpg) repeat-x center top;
}
.header div {
	width: 1000px;
	height: 145px;
	margin: 0px auto;
	position: relative;
}
.header div h1 a {
	width: 297px;
	height: 130px;
	display: block;
	position: absolute;
	left:0px;
	top:11px;
	overflow: hidden;
	background: url(../images/header_logo.png) no-repeat 0px 0px;
	text-indent: -9999px;
}
* html body .header div h1 a {
	background: url(../images/header_logo.gif) no-repeat 0px 0px;
}
.header div h1 a:hover {
	background-position: -297px 0px;
}
.header div ul {
	position: absolute;
	right: 50px;
	top: 27px;
}
.header div ul li {
	display: inline;
	font-size: 75%;
}
.header div ul li a {
	display: block;
	background: url(../images/icon_arr1.gif) no-repeat left center;
	padding: 0px 0px 0px 14px;
	float: left;
	margin-left: 19px;
	color: #000000;
}

.breadcrumbs {
	width: 900px;
	margin: 0px auto 18px;
}
.breadcrumbs li {
	list-style: none;
	display: block;
	display: inline;
	font-weight: normal;
	font-size: 75%;
	line-height: 110%;
}
.breadcrumbs li a {
	text-decoration: underline;
}
.breadcrumbs li a:hover {
	text-decoration: none;
}
.breadcrumbs li strong {
	font-weight: normal;
}

.middle-container {
	width: 900px;
	margin: 0px auto 30px;
	overflow: hidden;
}
.middle {
}
.main {
}
.side-col {
}
.col-left {
	float: left;
	width: 180px;
}
.col-main {
	float: left;
}
.col-right {
	float: right;
}
.col-2-left-layout .col-main {
	width: 720px;
}
.col-3-layout .col-main {
	width: 535px;
}
.col-3-layout .col-left {
}
.col-3-layout .col-right {
	width: 168px;
}
.col-left,
.col-right {
	font-size: 75%;
}
.col-left li,
.col-right li {
	list-style: none;
}

.ShopLeftBlandTitle {
	width: 150px;
	height: 48px;
	overflow: hidden;
}
.ShopLeftBlandTitle a {
	background: url(../images/left_brand.gif) no-repeat 0px 0px;
	width: 150px;
	height: 41px;
	overflow: hidden;
	display: block;
	text-indent: -9999px;
}
.ShopLeftBlandTitle a:hover {
	background: url(../images/left_brand.gif) no-repeat -150px 0px;
}
.ShopLeftBlandTxt {
	background: url(../images/left_brand_txt.gif) no-repeat 0px 0px;
	width: 126px;
	height: 28px;
	overflow: hidden;
	display: block;
	text-indent: -9999px;
}
.ShopLeftLinkBrand,
.ShopLeftLinkOther {
	margin: 0px 0px 8px 0px;
}
.ShopLeftLinkBrand li,
.ShopLeftLinkOther li {
	list-style: none;
	display: inline;
}
.ShopLeftLinkBrand li a,
.ShopLeftLinkOther li a {
	display: block;
	width: 150px;
	text-indent: -9999px;
	overflow: hidden;
}
.ShopLeftLinkBrand li a {
	height: 27px;
	background:url(../images/left_navi.gif) no-repeat 0px 0px;
}
.ShopLeftLinkBrand li a.ShopLeftLinkBrand1 {
	background-position: 0px 0px;
}
.ShopLeftLinkBrand li a.ShopLeftLinkBrand2 {
	background-position: 0px -27px;
}
.ShopLeftLinkBrand li a.ShopLeftLinkBrand3 {
	background-position: 0px -54px;
}
.ShopLeftLinkBrand li a.ShopLeftLinkBrand4 {
	background-position: 0px -81px;
}
.ShopLeftLinkBrand li a.ShopLeftLinkBrand5 {
	background-position: 0px -108px;
}
.ShopLeftLinkBrand li a.ShopLeftLinkBrand6 {
	background-position: 0px -135px;
}
.ShopLeftLinkBrand li a.ShopLeftLinkBrand7 {
	background-position: 0px -162px;
}
.ShopLeftLinkBrand li a.ShopLeftLinkBrand8 {
	background-position: 0px -189px;
}
.ShopLeftLinkBrand li a.ShopLeftLinkBrand1:hover {
	background-position: -150px 0px;
}
.ShopLeftLinkBrand li a.ShopLeftLinkBrand2:hover {
	background-position: -150px -27px;
}
.ShopLeftLinkBrand li a.ShopLeftLinkBrand3:hover {
	background-position: -150px -54px;
}
.ShopLeftLinkBrand li a.ShopLeftLinkBrand4:hover {
	background-position: -150px -81px;
}
.ShopLeftLinkBrand li a.ShopLeftLinkBrand5:hover {
	background-position: -150px -108px;
}
.ShopLeftLinkBrand li a.ShopLeftLinkBrand6:hover {
	background-position: -150px -135px;
}
.ShopLeftLinkBrand li a.ShopLeftLinkBrand7:hover {
	background-position: -150px -162px;
}
.ShopLeftLinkBrand li a.ShopLeftLinkBrand8:hover {
	background-position: -150px -189px;
}
.ShopLeftLinkOther li a.ShopLeftLinkBlog {
	background:url(../images/left_banner_blog.gif) no-repeat 0px 0px;
	height: 125px;
}
.ShopLeftLinkOther li a.ShopLeftLinkBlog:hover {
	background:url(../images/left_banner_blog.gif) no-repeat -150px 0px;
}
.ShopLeftLinkOther li a.ShopLeftLinkShop {
	background:url(../images/left_banner_shops.gif) no-repeat 0px 0px;
	height: 119px;
}
.ShopLeftLinkOther li a.ShopLeftLinkShop:hover {
	background:url(../images/left_banner_shops.gif) no-repeat -150px 0px;
}
.ShopLeftNewscategoryTitle {
	background: url(../images/left_title_newscategory.gif) no-repeat left top;
	width: 150px;
	height: 32px;
	overflow: hidden;
	text-indent: -9999px;
}
.ShopLeftNewscategory {
	width: 136px;
	display: block;
	border-left: solid 1px #000000;
	border-right: solid 1px #000000;
	border-bottom: solid 1px #000000;
	padding: 7px 6px 2px 6px;
}
.ShopLeftNewscategory li {
	font-size: 92%;
	line-height: 110%;
	margin: 0 0 5px 0;
}
.ShopLeftNewscategory li a {
	color: #000000;
}

.ShopBlogRightCalender {
	margin-bottom: 5px;
	padding-top: 64px;
}
.ShopBlogRightCalender h4 {
	width: 168px;
	height: 47px;
	background: url(../images/right_title_calender.gif) no-repeat -1px 0px;
	text-indent: -9999px;
	overflow: hidden;
}
.ShopBlogRightCalender table {
	width:168px;
}
.ShopBlogRightCalender table th,
.ShopBlogRightCalender table td {
	font-size:11px;
	font-weight:normal;
	line-height:100%;
	padding:3px 0px;
	text-align:center;
	width: 14%;
}
.ShopBlogRightCalender caption a {
	color:#5DA6DF;
	font-size:10px;
	margin:0 5px;
	text-decoration:none;
}
.ShopBlogRightCalender caption a:hover {
	text-decoration:underline;
}
.ShopBlogRightCalender table td a {
	text-decoration:underline;
}
.ShopBlogRightCalender table td a:hover {
	text-decoration:none;
}
.ShopBlogRightCategory {
	margin-bottom: 5px;
}
.ShopBlogRightCategory h4 {
	width: 168px;
	height: 47px;
	background: url(../images/right_title_category.gif) no-repeat -1px 0px;
	text-indent: -9999px;
	overflow: hidden;
}
.ShopBlogRightCategory li {
	background: url(../images/icon_star1.gif) no-repeat 0px 4px;
	padding: 0px 0px 0px 15px;
}
.ShopBlogRightCategory li ul {
	margin-bottom: 3px;
}
.ShopBlogRightCategory li ul li {
	background: none;
	font-size: 92%;
	line-height: 129%;
	padding: 0px 0px 0px 0px;
}
.ShopBlogRightNews {
	margin-bottom: 5px;
}
.ShopBlogRightNews h4 {
	width: 168px;
	height: 47px;
	background: url(../images/right_title_news.gif) no-repeat -1px 0px;
	text-indent: -9999px;
	overflow: hidden;
}
.ShopBlogRightSearch {
	margin-bottom: 5px;
}
.ShopBlogRightSearch h4 {
	width: 168px;
	height: 47px;
	background: url(../images/right_title_search.gif) no-repeat -1px 0px;
	text-indent: -9999px;
	overflow: hidden;
}
.ShopBlogRightSearch input {
	width: 120px;
	height: 15px;
	padding: 2px;
	margin: 0px 5px 0px 0px;
	border: solid 1px #CCCCCC;
}
.ShopBlogRightSearch button.form-button-alt {
	width: 36px;
	height: 21px;
	background: url(../images/right_btn_search.gif) no-repeat 0px 0px;
	padding: 0px;
	margin: 0px;
	line-height: 0px;
	text-indent: -9999px;
	border: 0px none;
}
.rss a {
	width: 38px;
	height: 13px;
	background: url(../images/icon_rss.gif) no-repeat 0px 0px;
	text-indent: -9999px;
	overflow: hidden;
	display: block;
}

.footer-container {
	width: 100%;
	height: 170px;
	background: #F0EEEA;
	overflow: hidden;
}
.footer-container .footer {
	width: 780px;
	height: 137px;
	background: url(../images/footer_id.gif) no-repeat 0px 15px;
	margin: 0px auto;
	padding: 33px 0px 0px 220px;
	font-size: 75%;
	line-height: 110%;
}
.footer-container .footer h3 {
	margin: 0px 13px 0px 0px;
	font-weight: bold;
	float: left;
}
.footer-container .footer address {
	font-style: normal;
	float: left;
}
.ShopLinkBack {
	width: 100%;
	line-height: 110%;
	text-align: center;
	clear: both;
	overflow: hidden;
}


/* Blog */
.ShopBlogTitle {
	width: auto;
	height: 75px;
	background: url(../images/blog_title.gif) no-repeat left top;
	text-indent: -9999px;
}
.postWrapper .postTitle {
	width: 535px;
	background: url(../images/frame1.gif) no-repeat 0px 0px;
	position: relative;
}
.postWrapper .postTitle img {
	position:absolute;
	left: -4px;
	top: -8px;
}
.postWrapper .postTitle h3 {
	font-size: 69%;
	line-height: 110%;
	padding: 22px 27px 0px;
	overflow:hidden;
	height: 22px;
	width: 481px;
}
.postWrapper .postTitle .ymd {
	display: block;
	float: left;
	margin-right: 15px;
}
.postWrapper .postTitle .time {
	display: block;
	float: left;
	padding-left: 14px;
	background: url(../images/icon_clock.gif) no-repeat left center;
}
.postWrapper .postTitle .category {
	display: block;
	float: right;
}
.postWrapper .postTitle h2 {
	border: solid 1px #C6C6C6;
	background: #F5F5F0;
	padding: 12px 27px;
	font-size: 88%;
	line-height: 110%;
	clear: both;
	overflow: hidden;
}
.postWrapper .postContent {
	border-left: solid 1px #C6C6C6;
	border-right: solid 1px #C6C6C6;
	padding: 25px 28px;
}
.postWrapper .postContent p {
	line-height: 140%;
	margin-bottom: 0.8em;
}
.postWrapper .ShopBlogMidLink4 {
	font-size: 75%;
	text-align: right;
	padding: 20px 30px;
	background: url(../images/frame1.gif) no-repeat left bottom;
	margin-bottom: 23px;
	clear: both;
}
.postWrapper .ShopBlogListPage {
	text-align: center;
	font-size: 75%;
	color: #666666;
}
.postWrapper .ShopBlogListPage p {
	margin-bottom: 5px;
}
.postWrapper .ShopBlogListPage a {
	text-decoration: underline;
	color: #666666;
}
.postWrapper .ShopBlogListPage a:hover {
	text-decoration: none;
}
.postWrapper .ShopBlogListPage p span,
.postWrapper .ShopBlogListPage p strong {
	color: #333333;
}

/* What's New */
.ShopWhatsnewTitle {
	width: auto;
	height: 75px;
	background: url(../images/whatsnew_title.gif) no-repeat left top;
	text-indent: -9999px;
}
.ShopNewsListTop {
	width: auto;
	height: 29px;
	overflow: hidden;
	margin: 0;
	padding: 0;
	background: url(../images/frame2.gif) no-repeat left top;
}
.ShopNewsListBottom {
	width: auto;
	height: 20px;
	overflow: hidden;
	margin: 0 0 20px 0;
	padding: 0;
	background: url(../images/frame2.gif) no-repeat left bottom;
}
.ShopNewsList {
	border-left: solid 1px #CCCCCC;
	border-right: solid 1px #CCCCCC;
	margin: 0;
	padding: 0 30px;
	font-size: 75%;
}
.ShopNewsList h3 {
	margin: 2px 0 5px;
}
.ShopNewsList h3.ShopNewsDetailTitle {
	font-size: 117%;
	margin: 2px 0 10px;
}
.ShopNewsMore {
	text-align: right;
}
.ShopNewsMore a {
	text-decoration: underline;
}
.ShopNewsMore a:hover {
	text-decoration: none;
}
.ShopNewsListPage {
	font-size: 75%;
	color: #000000;
}
.ShopNewsListPage a {
	text-decoration: underline;
}
.ShopNewsListPage a:hover {
	text-decoration: none;
}

/* contact us */
.ShopContactsTitle {
	width: auto;
	height: 75px;
	background: url(../images/contacts_title.gif) no-repeat left top;
	text-indent: -9999px;
}
.ShopContacts {
	width: 632px;
	background: url(../images/contacts_bg.gif) no-repeat left top;
	padding: 42px 44px 0px 44px;
	overflow: hidden;
	font-size: 75%;
}
.ShopContacts div {
	width: 280px;
}
.ShopContacts div.left {
	float: left;
}
.ShopContacts div.right {
	float: right;
}
.ShopContacts h3 {
	border: solid 1px #000000;
	line-height: 110%;
	padding: 7px 0 6px;
	margin-bottom: 10px;
	text-align: center;
}
.ShopContacts p {
	line-height: 140%;
}
.ShopContacts a {
	text-decoration: underline;
}
.ShopContacts a:hover {
	text-decoration: none;
}
.ShopContactsBottom {
	background: url(../images/contacts_bg.gif) no-repeat left bottom;
	width: auto;
	height: 40px;
	clear: both;
}

/* Brand */
.ShopBrandTitle {
	width: auto;
	height: 75px;
	background: url(../images/brand_title.gif) no-repeat left top;
	text-indent: -9999px;
}
.ShopBrand {
	overflow: hidden;
	background: url(../images/separator1.gif) no-repeat left bottom;
	margin: 0 0 20px 0;
	padding: 0 0 18px 0;
	width: 100%;
}
.ShopBrand .left {
	float: left;
	width: 150px;
}
.ShopBrand .center {
	float: left;
	width: 355px;
}
.ShopBrand .right {
	float: right;
	width: 190px;
}
.ShopBrand .center h3 {
	font-size:81%;
	line-height: 110%;
	margin-bottom: 8px;
}
.ShopBrand .center p {
	font-size: 75%;
	line-height: 140%;
}

/* Shops */
.ShopShopsTitle {
	width: auto;
	height: 75px;
	background: url(../images/shops_title.gif) no-repeat left top;
	text-indent: -9999px;
}
.ShopShops {
	overflow: hidden;
	border-bottom: solid 1px #CCCCCC;
	margin: 0 0 17px 0;
	padding: 0 0 16px 0;
	width: 100%;
}
.ShopShops .left {
	float: left;
	width: 470px;
}
.ShopShops .right {
	float: right;
	width: 240px;
}
.ShopShops .left h3 {
	font-size:100%;
	line-height: 110%;
	margin-bottom: 8px;
}
.ShopShops dl {
	margin-bottom: 10px;
	display: block;
	overflow: hidden;
}
.ShopShops dl dt,
.ShopShops dl dd {
	font-size: 75%;
	line-height: 150%;
}
.ShopShops dl.list1 dt {
	float: left;
	width: 5.5em;
/*	font-family: monospace;*/
}

.ShopShops dl.list1 dt {
}
.ShopShops dl.list1 dd {
	margin-left: 5.5em;
	width: auto;
}

/* Home */
#ShopTopMainImgWrap {
	width: 720px;
	height: 400px;
	border-bottom: solid 5px #000000;
	margin-bottom: 22px;
}
#ShopTopMainImg {
}
.ShopHomeWhatsnewTitle {
	width: 720px;
	height: 47px;
	overflow: hidden;
	position: relative;
}
.ShopHomeWhatsnewTitle h2 {
	width: 460px;
	height: 75px;
	background: url(../images/home_whatsnew_title.gif) no-repeat left top;
	text-indent: -9999px;
	position: absolute;
	left: 0px;
	top: 0px;
}
.ShopHomeWhatsnewTitle a {
	width: 80px;
	height: 12px;
	background: url(../images/home_list_all.gif) no-repeat left top;
	text-indent: -9999px;
	display: block;
	position: absolute;
	right: 0px;
	top: 13px;
	overflow: hidden;
}
.ShopHomeWhatsnewTitle a:hover {
	background: url(../images/home_list_all.gif) no-repeat -80px top;
}
.ShopHomeWhatsnewList {
	width: 720px;
	overflow: hidden;
	margin-bottom: 20px;
}
.ShopHomeWhatsnewList li {
	display: inline;
	list-style: none;
	font-size: 75%;
}
.ShopHomeWhatsnewList li a {
	display: block;
	width: 360px;
	overflow: hidden;
	margin-right:;
	float: left;
}
.ShopHomeWhatsnewList li a:hover {
	text-decoration: none;
}
.ShopHomeWhatsnewList li a .left {
	float: left;
	margin-right: 8px;
	width: 90px;
}
.ShopHomeWhatsnewList div {
	width: 355px;
	overflow: hidden;
	font-size: 75%;
	line-height: 130%;
}
.ShopHomeWhatsnewList div.left {
	float: left;
}
.ShopHomeWhatsnewList div.right {
	float: right;
}
.ShopHomeWhatsnewList div span {
	display: block;
}
.ShopHomeWhatsnewList div span.left {
	float: left;
	width: 100px;
}
.ShopHomeWhatsnewList div span.left img {
	border: solid 1px #B2B0A5;
}
.ShopHomeWhatsnewList div span.right {
	float: right;
	width: 255px;
}
.ShopHomeWhatsnewList div .ymd {
	font-size: 92%;
	font-weight: bold;
}