body{
	margin:0;padding: 0;
	color : #000;
	background: #FFFFFF url(../images/web_bg.png) repeat;
	font-family :arial; 
	font-size: 13px;

}

a{text-decoration:none; outline: none;}
a:visited{color: #000;}
a:link {color: #000;}
a:hover{color: #666;}
a:focus { -moz-outline-style: none; }
img {border:0;}

.clear{ clear: both; }

/* Index Page */
#index_wrapper{
	width: 800px; height:600px;
	margin: 0 auto;
	position: relative;
	overflow: hidden;
}

#big_logo{
	position: absolute;
	top:100px;left: 30px;
	display: none;
}

#index_aboutus{
	position: absolute;
	top:-200px;
	right:250px;
}

#index_promotion{
	position: absolute;
	top:-1000px;
	right:-1000px;
}

#index_shop{
	position: absolute;
	top:200px;
	right:-3000px;
}

#index_contactus{
	position: absolute;
	top:4000px;
	right:80px;
}

/* Body Part */
#body_wrapper{
	width:1000px; height:750px;
	margin: 0 auto;
	background: url(../images/body_bg.png) no-repeat;
}

#header{
	position: relative;
	height:140px;
	width: 965px;
	margin: 0 auto;
	background: url(../images/header_bg.jpg) no-repeat;
	
}

#header_logo{
	position: absolute;
	top:10px;left:30px;
	width:170px;height: 120px;
	
}

ul#lang_list{
	position: absolute;
	right:170px;top:85px;
	margin: 0;padding: 0;
	width:163px;height:30px;
	list-style: none;
	background: url(../images/lang_list.png) no-repeat;
}

ul#lang_list li{
	margin: 0 2px;padding: 0;
	float: left;
}

ul#lang_list a{
	height:30px;
	display: block;
	
}

#lang_chi{
	width:30px;
}

#lang_eng{
	width:45px;
}


#lang_jap{
	width:70px;
}




#fb_button{
	position: absolute;
	right:99px;top:83px;
	width:27px; height: 30px;
	display: block;
}

#fb_share{
	position: absolute;
	right:30px;top:83px;
	width:57px; height: 30px;
	display: block;
}

#header_fb-like{
	position: absolute;
	left: 195px;top:100px;
	
}


#content_wrapper{
	width:965px;height:561px;
	margin: 0 auto;
	padding: 0;
}

/* Left Menu */
#left_content{
	float: left;
	width:212px;height: 561px;
	background: url(../images/left_menu_bg_jap.jpg) no-repeat;
	
}

ul#left_menu{
	margin: 20px;
	padding: 0;
}

ul#left_menu li{
	list-style: none;
	

}

ul#left_menu li a{
	height:30px;width:160px;
	margin-bottom: 10px;
	display: block;
}

/* Main Content */

#main_content{
	float: left;
	position: relative;
	margin: 21px 0 0 0;
	width: 740px;height: 540px;
}

#content_bg{
	position: absolute;
	top: 0;z-index: 1;
	display: none;
}

/*   Breadcrumbs */
#breadcrumbs{
	position: absolute;
	z-index: 100;width: 730px;
}

#breadcrumbs_2{
	position: absolute;
	z-index: 100;width: 544px;
	top:27px;
	left:215px;
}

#breadcrumbs_3{
	position: absolute;
	z-index: 100;width: 544px;
	top:54px;
	left:293px;
}

#breadcrumbs_4{
	position: absolute;
	z-index: 100;width: 544px;
	top:82px;
	left:303px;
}

a#breadcrumb_index{
	height: 32px;width:115px;
	display: block;float: left;
	background: url(../images/breadcrumbs_jap.png) 0 0 no-repeat;
}

a#breadcrumb_aboutus{
	height: 32px;width:80px;
	display: block;float: left;
	background: url(../images/breadcrumbs_jap.png) -115px 0 no-repeat;
}

a#breadcrumb_promotion{
	height: 32px;width:130px;
	display: block;float: left;
	background: url(../images/breadcrumbs_jap.png) -195px 0 no-repeat;
}

a#breadcrumb_product{
	height: 32px;width:81px;
	display: block;float: left;
	background: url(../images/breadcrumbs_jap.png) -1384px 0 no-repeat;
}

a#breadcrumb_video1{
	height: 32px;width:140px;
	display: block;float: left;
	background: url(../images/breadcrumbs_jap.png) -820px 0 no-repeat;
}

a#breadcrumb_video2{
	height: 32px;width:150px;
	display: block;float: left;
	background: url(../images/breadcrumbs_jap.png) -370px 0 no-repeat;
}

a#breadcrumb_shop{
	height: 32px;width:90px;
	display: block;float: left;
	background: url(../images/breadcrumbs_jap.png) -525px 0 no-repeat;
}

a#breadcrumb_contactus{
	height: 32px;width:110px;
	display: block;float: left;
	background: url(../images/breadcrumbs_jap.png) -620px 0 no-repeat;
}

a#breadcrumb_sitemap{
	height: 40px;width:75px;
	display: block;float: left;
	background: url(../images/breadcrumbs.png) -540px 0 no-repeat;
}

a#breadcrumb_disclaimer{
	height: 32px;width:75px;
	display: block;float: left;
	background: url(../images/breadcrumbs_jap.png) -730px 0 no-repeat;
}

a#breadcrumb_photo{
	height: 32px;width:113px;
	display: block;float: left;
	background: url(../images/breadcrumbs_jap.png) -965px 0 no-repeat;
}

a#breadcrumb_direct{
	height: 32px;width:57px;
	display: block;float: left;
	background: url(../images/breadcrumbs_jap.png) -2703px 0 no-repeat;
}

a#breadcrumb_cat{
	height: 32px;width:57px;
	display: block;float: left;
	background: url(../images/breadcrumbs_jap.png) -2771px 0 no-repeat;
}

a#breadcrumb_bar{
	height: 32px;width:11px;
	display: block;float: left;
	background: url(../images/breadcrumbs_jap.png) -2467px 0 no-repeat;
}

a#breadcrumb_pointer, a#breadcrumb_pointer2{
	height: 32px;width:19px;
	display: block;float: left;
	background: url(../images/breadcrumbs_chi.png) -76px 0 no-repeat;
	display: none;
}

a#breadcrumb_pointer1{
	height: 32px;width:19px;
	display: block;float: left;
	background: url(../images/breadcrumbs_chi.png) -76px 0 no-repeat;
}

a#breadcrumb_pointer3{
	height: 32px;width:25px;
	display: block;float: left;
	background: url(../images/breadcrumbs_chi.png) -70px 0 no-repeat;
}

a#breadcrumb_container{
	margin-top: 10px;
	display: block;float: left;
	font-size: 16px;
	color: #a6012e;
}

#content_aboutus{
	position: absolute;
	z-index: 10;
	top:0px;left: 5px;
	font-size: 15px;
	line-height: 30px;
}

#content_contactus{
	position: absolute;
	z-index: 10;
	top:150px;left: 20px;
	font-size: 18px;
	line-height: 27px;
}

.content_detail p{
	margin: 0;padding: 0;
}

#content_disclaimer, #content_sitemap{
	position: absolute;
	z-index: 10;
	top:40px;left: 15px;
	font-size: 15px;
	line-height: 30px;
}

#content_youtube{
	position: absolute;
	z-index: 10;
	top:50px; left: 0;
	height: 435px; width: 565px;
	overflow: auto;
}

.video_control_button{
	padding: 5px;
	border: 1px solid #a6012e;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	border-radius: 6px;
	font-weight: bold;
}

.video_control_button:hover{
	background-color: #a6012e;
	color: #FFFFFF;
}

#video_prev{
	position: absolute;
	bottom: 20px;left: 30px;
}

#video_next{
	position: absolute;
	bottom: 20px;right: 220px;
}

/** Promotion Banner */
ul#promotion_banner{
	position: absolute;
	top:40px;
	height:500px;width:740px;
	margin: 0;padding: 0;
	overflow-y: auto;
	
}

ul#promotion_banner li{
	width:240px;height:220px;
	padding: 0;margin: 0;
	list-style: none;
	float: left;
	overflow: hidden;
}

/** Container Remark */
#container_remark1{
	position: absolute;
	top:-15px;right: 50px;
}
#container_remark2{
	position: absolute;
	top:2px;right: 50px;
}

#datetime_remark{
	position: absolute;
	top:-13px;right: 1px;
	font-size:12px;
}

#counter_remark{
	position: absolute;
	top:10px;right: 1px;
	display:none;
}

#container_remark3{
	position: absolute;
	top:4px;right: 1px;
	font-size:12px;
}

#item_counter{
	font-size:13px;
	color:#333;
}

/** Container Page **/
ul#container_list{
	position: absolute;
	z-index: 10;
	top:40px; left: 0; 
	height:500px; width:740px;
	margin: 0;padding: 0;
	overflow-y: auto;
}

ul#container_list li{
	list-style: none;
	padding: 0;margin: 0;
	border-bottom: 1px solid #DDEEEE;
}

ul#container_list li a{
	display: block;
	padding: 5px 0 2px 0;
	height:120px;
}

ul#container_list li a:hover .container_detail{
	background-color: #FFFFAA;
}

.container_photo_1, .container_photo_2, .container_photo_3{
	float: left;
	margin-left: 20px;
	height:120px; width:120px;
}

.container_photo_1{
	background: url(../images/container_icon.jpg) 0 0 no-repeat;
}

.container_photo_2{
	background: url(../images/container_icon.jpg) 0 -120px no-repeat;
}

.container_photo_3{
	background: url(../images/container_icon.jpg) 0 -240px no-repeat;
}

.container_detail{
	float: left;
	margin-left: 10px;
	height:120px;width: 400px;
	font-size: 15px;
	line-height: 22px;
	
}

.container_number{
	color: #a6012e;
	border-bottom: 2px solid #a6012e;
}

.product_detail_photo{
	float: left;
	margin-left: 10px;
	height: 100px;width: 140px;
	background: url(../images/product_detail_jap.jpg) 0 0 no-repeat;
}


/** Category List **/
#product_category{
	position: absolute;
	top:30px; left: 10px;
	width:140px; height:490px;
	background: url(../images/product_category_bg.jpg) 0 0 no-repeat;
	display: none;
}

ul#category_first{
	height: 480px;width:120px;
	margin: 20px 0 0 0;padding: 0;
	list-style: none;
	overflow: auto;
	display: none;
}

.category_first_li{
	margin: 0;padding: 5px 0 5px 5px;
	width:90px;
	border-bottom: 2px dotted #a6012e;
	text-indent: 5px;

}

.category_first_li a{
	display: block;
	color: #a6012e;
}

.category_first_li a:hover, .category_on{
	background-color: yellow;
}

ul#about_us{
	position: absolute;
	top:40px;
	height:500px;width:740px;
	margin: 0;padding: 0;
	overflow-y: auto;
	
}

ul#about_us li{
	width:240px;height:220px;
	padding: 0;margin: 0;
	list-style: none;
	float: left;
	overflow: hidden;
}

/** Product List */

ul#product_list{
	position: absolute;
	z-index: 10;
	top:118px; left: 0px; 
	height:422px; width:740px;
	margin: 0;padding: 0;
	overflow-y: auto;
	list-style: none;
}

ul#product_list li{
	margin: 0;padding: 10px 0;
	height:100px;
	border-bottom: 1px solid #DDEEEE;
}

.product_photo{
	float: left;
	margin-left: 0px;
	height:100px; width:100px;
	text-align: center;
	overflow: hidden;
}

.product_photo img{
	height:100px; 
}

.order_photo{
	float: left;
	margin-left: 0px;
	height:100px; width:28px;
	text-align: center;
	overflow: hidden;
}

.order_photo img{
	height:100px; 
}

.product_detail{
	float: left;
	margin-left: 10px;
	height:100px;width: 460px;
	font-size: 15px;
	line-height: 22px;
}

.product_review{
	float: left;
	margin-left: 5px;
	width: 105px;
	
}

.product_comment{
	margin-left: 30px;
	height:40px; width: 59px;
	display: block;
	background:url(../images/product_comment_jap.png) 0 0 no-repeat;
}

.product_name{
	margin-top: 5px;
	color: #600120;
	border-bottom: 2px solid #a6012e;
	font-size: 17px;
}

.product_price{
	margin-top: 10px;
	
}

/* Product Rating */
.product_rating{
	font-size: 11px;
	margin-top: 5px;
}
.product_rating div{
	margin-left: 17px;
	width:17px; height:15px;
	background:url(../images/product_rating_15.png) 0 -15px no-repeat;
	cursor:pointer;
	z-index: 10;
}

.product_rating div:hover, .product_rating div.star_on{
	background:url(../images/product_rating_15.png) 0 0 no-repeat;
}

.number_rated{
	font-size: 11px;
	margin-top: 4px;
	height: 11px;
	text-align: center;
}

.product_stock, .product_stock_all{
	float: left;
	margin-left: 15px;
	height: 60px;width: 53px; 
	background: url(../images/product_stock_jap.png) 0 0 no-repeat;
	overflow: hidden;
}

.product_stock{
	background: url(../images/product_stock_jap.png) 0 0 no-repeat;
}

.product_stock_all{
	background: url(../images/product_stock_all_jap.png) 0 0 no-repeat;
}

.product_stock div, .product_stock_all div{
	margin-top: 66px;
	text-align: center;
	font-size: 12px;
}



/** Product Shop List */
ul#product_shop_list{
	width:710px;
	margin: 20px;padding: 0;
	overflow: hidden;
	display: none;
	list-style: none;
	
}

ul#product_shop_list li{
	margin: 5px 0 0 0;
	height:33px;
	border-bottom: 1px solid #FFDDFF;
}

ul#product_shop_list div.product_shop_icon{
	float: left;
	width:33px; height:31px;
	background: url(../images/icon/shop_red.png) 0 0 no-repeat;
}

ul#product_shop_list div.product_shop_district_name{
	float: left;
	width: 100px;
	margin: 5px 0 0 5px;
	font-size: 15px;
}

ul#product_shop_list div.product_shop_address{
	float: left;
	font-size: 14px;
	width: 420px;
	margin: 6px 0 0 0;
}

ul#product_shop_list div.product_shop_arrival_date{
	float: left;
	margin: 6px 0 0 0;
	font-size: 13px;
}

#product_shop_all_alert{
	font-size: 20px;
	font-weight: bold;
	display: none;
}



/* District Icon list */
#district_icon_list{
	position: absolute;
	z-index: 50;
	top:0;left: 0;
	width:730px;height:500px;
}

.district_icon{
	position: absolute;
	top:0px;left: 0px;
	display: none;
	cursor: pointer;
	z-index:50;
}



.district_icon span{
	margin: 0 0 12px 0;
	font-size: 16px;
	color: #000000;
	display: none;
}

.district_icon:hover{
	z-index: 51;
}

.district_icon:hover img{
	width:40px;
}

.district_icon:hover span{
	display: block;
}

/* District Pull Down list */
#district_pulldown_list{
	float: left;
	position: relative;
	border: 1px solid #a9032b;
	margin: 4px 10px 0 0; padding: 0;
	background-color: #FFFFFF;
}

#district_pulldown_list li{
	list-style: none;
	height:18px;width:100px;
	margin: 4px 10px 0 0 padding: 0;
	display: none;
}

#district_pulldown_list li a{
	padding: 0px 2px 0 5px; margin:0;
	height: 18px; font-size: 15px;
	color: #666666;
	display: block;
}

#district_pulldown_list li a:hover{
	background-color: #FFFF00;
}

.pulldown_img{
	position: absolute;
	right: 0;top: 0;
	height: 18px;width: 18px;
	background: url(../images/breadcrumbs.png) -954px -10px no-repeat;
}

.district_red{
	color: #a6012e;
}

.district_green{
	color: #8dc21f;
}

.district_yellow{
	color: #f19500;
}

/* shop List */
ul#shop_list{
	position: absolute;
	z-index: 10;
	top:40px; left: 5px; 
	height:500px; width:730px;
	margin: 0;padding: 0;
	list-style: none;
	overflow-y: auto;
}

ul#shop_list li{
	height:160px;
	padding: 10px 0;margin: 0;
	border-bottom: 1px solid #DDEEEE;
	display: none;
}

.shop_photo{
	float: left;
	height:160px; width:200px;
	overflow: hidden;
}

.shop_icon{
	float: left;
	margin-left: 30px;
	height:160px;width: 40px;
	overflow: hidden;
}

.shop_detail{
	float: left;
	height: 180px;width: 430px;
	overflow: hidden;
}

.shop_address{
	font-size: 20px;
	margin-top: 5px;
	margin-bottom: 10px;
}

.shop_telephone, .shop_hours{
	font-size: 15px;
	margin-bottom: 10px;
}

.shop_hours2{
	font-size: 15px;
	text-indent: 80px;
}



/** Video List **/
ul#video_list{
	position: absolute;
	z-index: 10;
	top:50px; right: 0; 
	height:490px; width:155px;
	margin: 0;padding: 0;
	overflow-y: auto;
}

ul#video_list li{
	list-style: none;
	height:110px;
	
}

ul#video_list a.video_wrapper{
	display: block;
	padding: 10px;
	height:90px;width:120px;
}

ul#video_list a.video_wrapper:hover, ul#video_list a.video_on{
	background-color: #a6012e;
}

/* Photo List Page */

#shop_pulldown_menu{
	position: absolute;
	top:0; left: 375px;
	border: 1px solid #a9032b;
	margin: 4px 0 0 0; padding: 1px 0 0 0px;
	font-size: 15px;
	color: #666666;
	width:135px;
	cursor: pointer;
	display: none;
}

#shop_pulldown_menu span{
	padding-left: 5px;
}

ul#shop_pulldown_list{
	margin: 3px 0 0 0;
	padding: 0;
	background-color: #FFFFFF;
	display: none;
}

#shop_pulldown_list li{
	list-style: none;
	height:18px;width:135px;
	margin: 0; padding: 0;
}

#shop_pulldown_list li a{
	padding: 0px 2px 0 5px; margin:0;
	height: 18px; font-size: 15px;
	color: #666666;
	display: block;
}

#shop_pulldown_list li a:hover{
	background-color: #FFFF00;
}


/* Photo Search */
#search_photo_area{
	position: absolute;
	top:8px; right: 0;
	
}

#search_photo_area #input_search_photo{
	width:120px;height:18px;
	border:1px solid #A9032B;
	float: left;
	padding: 0 5px;
}

#search_photo_area #search_photo_button{
	float: left;
	height: 20px;width: 20px;
	overflow: hidden;
	text-indent: 20px;
	background: url(../images/breadcrumbs.png) -979px -10px no-repeat;
	border:1px solid #A9032B;
	cursor: pointer;
}

/* Caption */
#caption_latest{
	position: absolute;
	top:40px; left: 260px;
	height:20px;width:77px;
	background: url(../images/breadcrumbs_jap.png) -1217px -10px no-repeat;
}

#caption_popular{
	position: absolute;
	top:40px; right: 25px;
	height:20px;width:77px;
	background: url(../images/breadcrumbs_jap.png) -1299px -10px no-repeat;
}

/* Photo Area */
#latest_photo_area{
	position: absolute;
	z-index: 10;
	top:60px; left: -10px; 
	height:480px; width:630px;
	overflow: hidden;
}

#popular_photo_area{
	position: absolute;
	z-index: 10;
	top:60px; right: -5px; 
	height:479px; width:120px;
	overflow: hidden;
}


/* Photo List Latest */
ul#photo_list_latest{
	margin: 0;padding: 0;
	height:480px; width:630px;
	list-style: none;
	overflow-y: auto;
	overflow-x: hidden;
}

ul#photo_list_latest li{
	float: left;
	height:220px;width:200px;
	margin: 3px;
}

#load_more_latest{
	width:610px; 
	margin: 3px 0 0 3px;
	padding: 5px 0;
	float: left;
	text-align: center;
	background-color: #BBBBBB;
	cursor: pointer;
}
#load_more_popular{
	width:100px; 
	margin: 3px 0 0 3px;
	padding: 5px 0;
	float: left;
	text-align: center;
	background-color: #BBBBBB;
	cursor: pointer;
}
#load_more_latest:hover, #load_more_popular:hover{
	color: #FFFFFF;
	background-color: #555555;
}

.latest_wrapper{
	height:220px;
	width:200px;
	padding: 0;
	display: block;	
}	

/* Photo List Polupar */
ul#photo_list_popular{
	margin: 0;padding: 0;
	height:479px; width:120px;
	overflow-y: auto;
	overflow-x: hidden;
	list-style: none;
	
}

ul#photo_list_popular li{
	height:110px;width:100px;
	margin: 3px;
}



.popular_wrapper{
	height:110px;
	width:100px;
	padding: 0;
	display: block;	
}




/* Photo Detail Page */
#photo_detail_content{
	position: absolute;
	z-index: 10;
	top:50px; left: 0; 
	width:740px;height:500px;
	margin: 0;padding: 0;
	overflow-y: auto;
}

#photo_detail_large{
	width:320px;
	float: left;
	text-align: center;
	overflow: hidden;
}


#photo_comment{
	float: left;
	height:500px;
	margin-left: 15px;
	overflow: auto;
}

#photo_detail_header{
	margin: 0 0 10px 0;
	font-size: 24px;
	width:370px;
}

#photo_detail_caption{
	margin: 0 0 20px 0;
	font-size: 18px;
}

#photo_detail_info{
	position: absolute;
	top:0;left: 0;
	height:30px;width:320px;
	background: url(../images/photo_info_bg.png) repeat-x;
	
}

/* Photo Action */
#photo_detail_view{
	float: left;
	margin: 6px 10px 0px 30px;padding: 2px 5px;
	background: url(../images/photo_info_bg.png) repeat-x;
}

#photo_detail_like{
	float: right;
	margin: 5px 30px 0 0;
}


/* Contact Us */
#fb_button2{ 
	position: absolute;
	left:24px;top:280px;
	width:27px; height: 30px;
	display: block;
	z-index: 10;
}

#google_button{ 
	position: absolute;
	left:61px;top:280px;
	width:177px; height: 30px;
	display: block;
	z-index: 10;
}

/** Footer */
#footer{
	position: relative;
	width:965px; height:38px;
	margin: 0 auto;
	background: url(../images/footer_bg_jap.jpg) no-repeat;
}

#footer_sitemap{
	position: absolute;
	top:10px;left: 20px;
	width:50px; height:20px;
	display: block;
}

#footer_disclaimer{
	position: absolute;
	top:10px;left: 75px;
	width:50px; height:20px;
	display: block;
}

#footer_contactus{
	position: absolute;
	top:10px;left: 130px;
	width:50px; height:20px;
	display: block;
}

#footer_aboutus{
	position: absolute;
	top:10px;right: 20px;
	width:100px; height:20px;
	display: block;
}



