@charset "UTF-8";
/*---------------------------------------------------------------
base.css
-----------------------------------------------------------------
table of contents

	1. Reset
	2. Basic Style
	3. Layout	
	0. Plugin	
-----------------------------------------------------------------
font-size table

	10px :   77%		16px : 123.1%
	11px :   85%		17px :    131%
	12px :   93%		18px : 138.5%
	13px : 100%		19px : 146.5%
	14px : 108%		20px : 153.9%
	15px : 116%		21px : 161.6%
---------------------------------------------------------------*/

/*=============================================================
	1.	Reset
===============================================================*/

/*		YUI - reset.css 
---------------------------------------------------------------*/
/*
Copyright (c) 2008, Yahoo! Inc. All rights reserved.
Code licensed under the BSD License:
http://developer.yahoo.net/yui/license.txt
version: 2.6.0
*/
html{color:#4c4c4c;background:#FFF;}body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{margin:0;padding:0;}table{border-collapse:collapse;border-spacing:0;}fieldset,img{border:0;}address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal;}li{list-style:none;}caption,th{text-align:left;}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}q:before,q:after{content:'';}abbr,acronym{border:0;font-variant:normal;}sup{vertical-align:text-top;}sub{vertical-align:text-bottom;}input,textarea,select{font-family:inherit;font-size:inherit;font-weight:inherit;}input,textarea,select{*font-size:100%;}legend{color:#4c4c4c;}del,ins{text-decoration:none;}

/*		YUI - fonts.css
---------------------------------------------------------------*/
/*
Copyright (c) 2008, Yahoo! Inc. All rights reserved.
Code licensed under the BSD License:
http://developer.yahoo.net/yui/license.txt
version: 2.6.0
*/
body{font:13px/1.231 arial,helvetica,clean,sans-serif;*font-size:small;*font:x-small;}select,input,button,textarea{font:99% arial,helvetica,clean,sans-serif;}table{font-size:inherit;font:100%;}pre,code,kbd,samp,tt{font-family:monospace;*font-size:108%;line-height:100%;}

/*==============================================================
	2.	Basic Style		(Based on YUI - base.css 2.6.0)
===============================================================*/

body {
    font-family:Arial, sans-serif;
}
h1 {
	font-size:138.5%;
}
h2 {
	font-size:123.1%;
}
h3 {
	font-size:108%;  
}
h1, h2, h3 {
	margin:0;
}
strong {
	font-weight:bold; 
}
abbr, acronym {
	border-bottom:1px dotted #000;
	cursor:help;
} 
em {
	font-style:normal;
}
del {
	text-decoration:line-through;
}
ol, ul {
	margin-left:2em;
}
ol li {
	list-style: decimal outside;	
}
ul li {
	list-style: disc outside;
}
th {
	font-weight:bold;
	text-align:left;
}
caption {
	margin-bottom:.5em;
	text-align:center;
}
hr {
	display:none;
}
img {
	vertical-align:bottom;
	border:none;
}
/* setting a consistent width, 160px; 
   control of type=file still not possible */
input[type=text],input[type=password],textarea{width:12.25em;*width:11.9em;}

a:link, a:visited {
	color:#4c4c4c;
	text-decoration: underline;
}
a:hover, a:active {
	color: #a1a1a1;
	text-decoration: underline;
}

/*==============================================================
	3.	Layout
===============================================================*/

/*		Basic Layout 
---------------------------------------------------------------*/

body{
	text-align:center;
}
#container{
	width:930px;
	margin:0 auto;
	padding-top:20px;
	padding-left:20px;
	padding-right:20px;
	text-align:left;
}
#header,
#header-guide{
	position:relative;
	width:930px;
	height:95px;
	font-size:0;
}
#footer{
	clear:both;
	position:relative;
	width:930px;
	height:106px;
	background:url(/images/shared/footer_bg.gif) top left repeat-x;
	font-size:0;
}
#contents{
	overflow:hidden;
	width:100%;
	margin:20px 0 0;
	padding-bottom:40px;
}
.page-top{
	overflow:hidden;
	clear:both;
	height:11px;
	line-height:11px;
	text-align:right;
}
.page-top img{
	vertical-align:top;
}

/*		Header 
---------------------------------------------------------------*/

/*#design-menu{
	position:absolute;
	top:0px;
	left:265px;
	margin:0;
}
#design-menu li{
	display:inline;
	list-style-type:none;
}
#design-menu .catch{
	margin-right:15px;
}
#design-menu .design{
	margin-right:5px;
}
#info-menu{
	position:absolute;
	top:0px;
	left:790px;
	width:140px;
	height:95px;
	margin:0;
} 
#info-menu li{
	margin-bottom:2px;
	list-style-type:none;
}
#voice-button{
	position:absolute;
	top:54px;
	left:265px;
}
#cart-button{
	position:absolute;
	top:0px;
	left:710px;
}
#home-button{
	position:absolute;
	top:0px;
	left:95px;
}*/
/* new header */
#header{
	z-index:500;
	width:930px;
	position:relative;
}
#header #home-button{
	position:absolute;
	top:1px;
	left:77px;
}
#header #press-menu{
	position:absolute;
	top:2px;
	left:122px;
}
#header #press-menu li{
	display:inline;
	height:9px;
	line-height:0;
	margin-right:13px;
	list-style:none;
}
#header #press-menu li.blog{
	margin-right:12px;
}
#header #press-menu li img{
	vertical-align:top;
}
#header #shopping-menu{
	z-index:1000;
	position:absolute;
	top:-4px;
	right:0px;
	width:240px;
	height:55px;
}
#header #shopping-menu p.normal-mode{
	display:none;
	line-height:0;
}
#header #shopping-menu p.gift-mode{
	display:none;
}
#header #shopping-menu p.guide{
	position:absolute;
	bottom:0px;
	right:0px;
	line-height:0;
}
#header #shopping-menu p.guide img{
	vertical-align:top;
}
#header #gift-area{
	display:none;
	z-index:500;
	position:absolute;
	top:0px;
	right:0px;
	width:218px;
	height:40px;
	padding:20px 0 0 290px;
	background:url(/images/shared/bg_giftmode.png) top left no-repeat;
}
#header #gift-area p{
	line-height:0;
	cursor:pointer;
}
#header #cart-area{
	z-index:10;
	position:absolute;
	top:30px;
	left:80px;
	width:97px;
}
#header #cart-area p.cart-button{
	z-index:50;
	line-height:0;
}
#header #cart-quantity{
	z-index:100;
	position:absolute;
	top:2px;
	left:42px;
	height:13px;
	padding-left:5px;
	background:url(/images/shared/bg_quantity.png) top left no-repeat;
	color:#fff;
	font-size:9px;
	line-height:13px;
	text-align:left;
	font-weight:bold;
	vertical-align:top;
}
#header #cart-quantity img{
	vertical-align:top;
}
#header #design-menu{
	position:absolute;
	top:32px;
	left:120px;
	width:131px;
}
#header #search-menu{
	position:absolute;
	top:32px;
	left:270px;
	width:104px;
}
#header #template-menu{
	z-index:550;
	position:absolute;
	top:26px;
	left:386px;
	width:132px;
}
#header #template-menu.open{
	z-index:550;
	position:absolute;
	top:26px;
	left:386px;
	width:365px;
	height:48px;
	background:url(/images/shared/header_tmpl_bg.png) top left no-repeat;
}
#header #template-menu dt{
	position:absolute;
	top:6px;
	left:6px;
}
#header #template-menu dd{
	display:none;
	position:absolute;
}
#header #template-menu dd.pop{
	top:9px;
	left:110px;
}
#header #template-menu dd.sweet{
	top:9px;
	left:191px;
}
#header #template-menu dd.cool{
	top:9px;
	left:272px;
}
#header #template-menu dd.vivid{
	top:28px;
	left:29px;
}
#header #template-menu dd.natural{
	top:28px;
	left:110px;
}
#header #template-menu dd.animal{
	top:28px;
	left:191px;
}
#header #template-menu dd.delicious{
	top:28px;
	left:272px;
}
#header #scrapbook-button{
	z-index:100;
	position:absolute;
	top:32px;
	left:513px;
	width:98px;
}

/*		Footer 
---------------------------------------------------------------*/

#footer{
	text-align:left;
}
#guide-menu{
	position:absolute;
	top:0px;
	left:0px;	
}
#guide-menu li{
	display:inline;
	margin-right:20px;
	list-style-type:none;
}
#about-menu{
	position:absolute;
	top:60px;
	right:85px;
	height:10px;
	margin:0;
}
#about-menu li{
	display:inline;
	margin-left:25px;
	list-style-type:none;
}
#about-menu li img{
	vertical-align:middle;
}
#copyright{
	position:absolute;
	top:59px;
	left:0px;
}
#footer .page-top{
	position:absolute;
	top:0px;
	right:0px;
	width:85px;
	height:11px;
	padding-top:31px;
	background:#fff;
	line-height:0;
}

/*==============================================================
	4.	Top Page
===============================================================*/


/*==============================================================
	5.	Lower Pages
===============================================================*/

input.small,
input.middle,
input.middle2,
input.large{
	height:15px;
	padding:2px 1px 1px;
	border:1px solid #a5a5a5;
	background:#fff;
	font-size:12px;
}
input.small{
	width:38px;
}
input.middle{
	width:114px;
}
input.middle2{
	width:91px;
}
input.large{
	width:270px;
}
#container p{
	font-size:93%;
	line-height:1.7;
	color:#4c4c4c;
}

#contents .notice{
	margin:0;
	font-size:77%;
	line-height:1.6;
	color:#4c4c4c;
}
#contents .notice li{
	list-style-type:none;
}
#contents .notice li .red{
	color:#f00;
}
#contents p.button,
#contents p.buttons{
	width:930px;
	height:40px;
	margin-top:34px;
	margin-right:-20px;
	text-align:center;
}
#contents p.buttons{
	width:950px;
}
#contents p.buttons a,
#contents p.buttons input{
	margin-right:20px;
}
#contents div.round,
#contents div.round_top,
#contents div.round_bottom{
	width:930px;
}
#contents div.round{
	clear:both;
	overflow:hidden;
	background:url(/images/shared/bg_round_middle.png) top left repeat-y;
}
#contents div.round_top{
	height:10px;
	/*padding-bottom:12px;*/
	background:url(/images/shared/bg_round_top.png) top left no-repeat;
	line-height:10px;
}
#contents div.round_bottom{
	height:10px;
	/*padding-top:12px;*/
	background:url(/images/shared/bg_round_bottom.png) bottom left no-repeat;
	line-height:10px;
}






/*==============================================================
	0.	Plugin
===============================================================*/

/*		fancybox 1.2.5 
---------------------------------------------------------------*/

div#fancy_overlay {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	display: none;
	z-index: 30;
}

div#fancy_loading {
	position: absolute;
	height: 40px;
	width: 40px;
	cursor: pointer;
	display: none;
	overflow: hidden;
	background: transparent;
	z-index: 100;
}

div#fancy_loading div {
	position: absolute;
	top: 0;
	left: 0;
	width: 40px;
	height: 480px;
	background: transparent url('/images/shared/fancybox/fancy_progress.png') no-repeat;
}

div#fancy_outer {
	position: absolute;
    top: 0;
    left: 0;
    z-index: 90;
    padding: 20px 20px 40px 20px;
    margin: 0;
    background: transparent;
    display: none;
}

div#fancy_inner {
	position: relative;
	/*width:740px;*/
	height:100%;
	background:none !important;
}

div#fancy_content {
	margin: 0;
	z-index: 100;
	position: absolute;	
/*	width:742px !important;
	height:522px !important;
	background:url(/images/shared/fancybox/fancy_bg.gif) top left no-repeat;*/
}

div#fancy_div {
	background: #000;
	color: #FFF;
	height: 100%;
	width: 100%;
	z-index: 100;
}

img#fancy_img {
	position: absolute;
	top: 1px;
	left: 1px;
	border:0; 
	padding: 0; 
	margin: 0;
	z-index: 100;
		border:1px solid #000;

/*	width: 740px;
	height: 520px;*/
}

/*div#fancy_logo {
	position:absolute;
	top:0px;
	left:0px;
	width:75px;
	height:75x;
	background:url(/images/shared/header_logo.png) top left no-repeat;
	z-index: 181;
	display: none;
}*/

div#fancy_close {
	position: absolute;
	top: 20px;
	right: -29px;
	height: 51px;
	width: 26px;
	background: url('/images/shared/fancybox/fancy_closebox.png') top left no-repeat;
	cursor: pointer;
	z-index: 181;
	display: none;
}
/*div#fancy_close a {
	display:block;
	width:19px;
	height:19px;
}
div#fancy_close a:link,
div#fancy_close a:visited{
	background:url(/images/shared/fancybox/fancy_closebox_off.png) top left no-repeat;
	border:none;
}
div#fancy_close a:hover,
div#fancy_close a:active{
	background:url(/images/shared/fancybox/fancy_closebox_on.png) top left no-repeat;
	border:none;
}*/
#fancy_frame {
	position: relative;
	width: 100%;
	height: 100%;
	display: none;
}

#fancy_ajax {
	width: 100%;
	height: 100%;
	overflow: auto;
}

a#fancy_left, a#fancy_right {
	position: absolute; 
	bottom: 0px; 
	height: 100%; 
	width: 35%; 
	cursor: pointer;
	z-index: 111; 
	display: none;
	background-image: url(/images/shared/fancy_blank.gif);
	outline: none;
	overflow: hidden;
}

a#fancy_left {
	left: 0px; 
}

a#fancy_right {
	right: 0px; 
}

span.fancy_ico {
	position: absolute; 
	top: 50%;
	margin-top: -15px;
	width: 30px;
	height: 30px;
	z-index: 112; 
	cursor: pointer;
	display: block;
}

span#fancy_left_ico {
	left: -9999px;
	background: transparent url('/images/shared/fancybox/fancy_left.png') no-repeat;
}

span#fancy_right_ico {
	right: -9999px;
	background: transparent url('/images/shared/fancybox/fancy_right.png') no-repeat;
}

a#fancy_left:hover, a#fancy_right:hover {
	visibility: visible;
	background-color: transparent;
}

a#fancy_left:hover span {
	left: 20px; 
}

a#fancy_right:hover span {
	right: 20px; 
}

#fancy_bigIframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: transparent;
}

div#fancy_bg {
	position: absolute;
	top: 0; left: 0;
	width: 100%;
	height: 100%;
	z-index: 70;
	border: 0;
	padding: 0;
	margin: 0;
	background:none !important;
}
	
div.fancy_bg {
	position: absolute;
	display: block;
	z-index: 70;
	border: 0;
	padding: 0;
	margin: 0;
}

div#fancy_bg_n {
	top: -20px;
	width: 100%;
	height: 20px;
	/*background: transparent url('/images/shared/fancybox/fancy_shadow_n.png') repeat-x;*/
}

div#fancy_bg_ne {
	top: -20px;
	right: -20px;
	width: 20px;
	height: 20px;
	/*background: transparent url('/images/shared/fancybox/fancy_shadow_ne.png') no-repeat;*/
}

div#fancy_bg_e {
	right: -20px;
	height: 100%;
	width: 20px;
	/*background: transparent url('/images/shared/fancybox/fancy_shadow_e.png') repeat-y;*/
}

div#fancy_bg_se {
	bottom: -20px;
	right: -20px;
	width: 20px;
	height: 20px;
	/*background: transparent url('/images/shared/fancybox/fancy_shadow_se.png') no-repeat;*/
}

div#fancy_bg_s {
	bottom: -20px;
	width: 100%;
	height: 20px;
	/*background: transparent url('/images/shared/fancybox/fancy_shadow_s.png') repeat-x;*/
}

div#fancy_bg_sw {
	bottom: -20px;
	left: -20px;
	width: 20px;
	height: 20px;
	/*background: transparent url('/images/shared/fancybox/fancy_shadow_sw.png') no-repeat;*/
}

div#fancy_bg_w {
	left: -20px;
	height: 100%;
	width: 20px;
	/*background: transparent url('/images/shared/fancybox/fancy_shadow_w.png') repeat-y;*/
}

div#fancy_bg_nw {
	top: -20px;
	left: -20px;
	width: 20px;
	height: 20px;
	/*background: transparent url('/images/shared/fancybox/fancy_shadow_nw.png') no-repeat;*/
}

div#fancy_title {
	position: absolute;
	z-index: 100;
	display: none;
}

div#fancy_title div {
	color: #FFF;
	font: bold 12px Arial;
	padding-bottom: 3px;
	white-space: nowrap;
	display:none;
}

div#fancy_title table {
	margin: 0 auto;
	display:none;
}

div#fancy_title table td {
	padding: 0;
	vertical-align: middle;
}

td#fancy_title_left {
	height: 32px;
	width: 15px;
	background: transparent url('/images/shared/fancybox/fancy_title_left.png') repeat-x;
}

td#fancy_title_main {
	height: 32px;
	background: transparent url('/images/shared/fancybox/fancy_title_main.png') repeat-x;
}

td#fancy_title_right {
	height: 32px;
	width: 15px;
	background: transparent url('/images/shared/fancybox/fancy_title_right.png') repeat-x;
}