@charset "utf-8";

/*	Yahoo UI Library Fonts CSS
	http://developer.yahoo.com/yui/fonts/
	Copyright (c) 2006, Yahoo! Inc. All rights reserved.
	http://developer.yahoo.com/yui/license.txt

	PX	%
	10 	77
	11 	85
	12 	93
	13 	100
	14 	108
	15 	116
	16 	123.1
	17 	131
	18 	138.5
	19 	146.5
	20 	153.9
	21 	161.6
	22 	167
	23 	174
	24 	182
	25 	189
	26 	197 */

body {font:13px/1.231 arial,helvetica,clean,sans-serif;*font-size:small;*font:x-small;}table {font-size:inherit;font:100%;}pre,code,kbd,samp,tt{font-family:monospace;*font-size:108%;line-height:100%;}
body {
	background-color:#FFF;
	text-align:center;
}
/* ---------- Element ---------- */
* {
	margin : 0;
	padding : 0;
	border : 0; 
	line-height : 160%;
	font-size: 100%;
}

.clear {
	clear : both;
	font-size : 0;
	height : 0;
	visibility : hidden;
}

a {
	color: #745C34;
}


img {
	margin: 0px;
	border: 0px;
	padding: 0px;
	/*display: block;*/
}

h3 {
	font-size: 116%;
}

div#lr-margin p {
	margin: 0.5em 0 0.5em 0;
	line-height: 180%;
}

input ,textarea ,select{
	border : 1px solid #000;
	line-height : 110%;
}

.button {
	text-align: center;
	padding: 1.5em;
}

.button-l {
	float:left;
	padding: 1.5em;
}

.button-r {
	float:right;
	padding: 1.5em;
}

.imeon {
	ime-mode: active;
}
.imeoff {
	ime-mode: inactive;
}

tr.item-error th {
	background-color:#FCC;
}
tr.item-error td {
	background-color:#FFDDDD;
}


/* ---------- Layout ---------- */
#container {
	margin : 0 auto;
	text-align : left;
	width : 850px;
}
#top-main {
	float : right;  
	width : 585px;
	margin: 25px 0; 
}
#top-left {
	float : left;
	width : 240px;
	margin: 11px 0;
	padding: 0 0 20px; 
}
#header {
	height:1%;
}
#main {
	float : right;  
	width : 585px;
	padding-bottom : 15px;
/*	margin: 10px 0; */
}

#left {
	float : left;
	width : 240px;
/*	padding: 0 0 20px; */
}

/* ----- 1Column ----- */
#cartpage {
	width: 680px;
	margin: 0px auto 25px;
	padding-top: 25px;
}

#cartpage h2 {
	margin-top: 1em;
	padding-left: 0.5em;
	font-size: 140%;
	border-bottom: 1px solid #322716;
}

#cartpage h3 {
	margin-top: 1em;
	padding-left: 0.5em;
	background-color:#322716;
	color:#FFFFFF;
}

#cartpage input {
	font-size:123.1%;
}

.mast {
	color:#FF0000;
}

.example {
	color:#666666;
}

#thanks {
	font-size:131%;
	font-weight:bold;
	text-align:center;
	padding: 25px 0;
}

#register {
	width:100%;
	float:right;
}

.buyer ,.confirmation {
	width: 100%;
	border-collapse: collapse;
	margin-bottom: 1em;
}

.buyer td {
	background-color: #FFF; 
	border-bottom: 2px dotted #630;
	padding: 0.3em;
}
.buyer th {
	background-color: #D9C6AA; 
	border-bottom: 2px dotted #630;
	padding: 0.3em;
	width:15em;
}

.confirmation td{
	background-color: #FFF; 
	border-bottom: 2px dotted #630;
	height: 3em;
}

.no-border input{
	border: none;
}

.price-cell {
	text-align:right;
	padding-right: 0.5em;
	font-size:140%;
}

.cart-underbar1 {
	width: 680px;
	border-collapse: collapse;
}
.cart-underbar1 td, .cart-underbar2 td{
	background-color: #FFF;
	border-bottom: 1px solid #000;
	height: 3.5em;
}
.cart-underbar2 {
	border-collapse: collapse;
}

#mailerror {
	color:#FF0000;
	text-align:center;
}

#lr-margin {
	padding: 25px 50px;
}

#lr-margin ul {
	margin-left: 1.5em;
}

#lr-margin li {
	padding-left: 1em;
}

#question ,trial-order{
	margin: 0px auto 25px;
	padding-top: 25px;
}

#question table{
	margin-left:auto;
	margin-right:auto;
}

#question h2, #question p {
	text-align:center;
}

/* ----- 3(three) Column ----- */
/* ----- 2(two) Column ----- */
/* ---------- Original ID/Class ---------- */
/* ----- Common ----- */
.more-menu {
	padding : 0 1em 0 0;
	text-align : right;
}

.photo {
	padding: 0.5em;
	margin: 0 0 1.5em 0;
	border: 1px solid #ccc;
}

/* ----- Header -----*/
#logo {
	float: left;
}

#headtext {
	float: left;
	margin-top: 40px;
}

#cart {
	/* width:270px; */
	float: right;
	padding-right: 24px;
}

#navigation {
	margin:0px;
	padding:0px;
 	line-height:0px;
}

#navigation object, #navigation embed {
	margin:0px;
	padding:0px;
 	line-height:0px;
}

#navigation img {
	vertical-align:bottom;
}

#navigation li {
	float: left;
	list-style: none;
	margin-top: 0px;
}

/* ----- Main - Common ----- */
#main h2 {
	margin-bottom: 1em;
}

#breadcrumb {
	font-size: 90%;
	padding: 0.5em 0;
/*	margin: 0.5em 0; */
}

#buy {
	border-left: 1px solid #D8C4A5;
	border-right: 1px solid #D8C4A5;
	border-bottom: 1px solid #D8C4A5;
	padding: 0.5em;
}

#buy li {
	padding-left : 1.7em;
    background: url(/share/image/s-guide-mark.gif) no-repeat 0.2em 0.3em;
    list-style: none;
}
#buy ul {
	margin-bottom: 1em;
}

#buy h3 {
	border-top: 1px solid #D8C4A5;
}

#buy .more-menu {
	border-top: 1px solid #e6e6e6;
}

#copyright {
	text-align: center;
	background-color: #EEE6D9;
}

.layout-box {
	width:195px;
	float:left;
}
.list-box {
/*	float : left; */
	padding: 0.5em 0.5em 0.5em 0.8em; 
	border: 1px solid #ccc;
	margin: 0 0.8em 1.5em 0.8em; 
	line-height: 3;
}
.photo-left {
	float: left;
	padding: 0.5em;
	border: 1px solid #ccc;
	margin-right: 1em;
}

.photo-right {
	float: right;
	padding: 0.5em;
	border: 1px solid #ccc;
	margin-left: 1em;
}

/* ----- Main - Top ----- */
#top-main h2 {
	margin-bottom: 1em;
}

#home-list1 li {
	float : left;
	list-style : none;
	padding: 0.5em;
	border: 1px solid #ccc;
	margin: 0 0.9em 0.8em 0.9em;
	line-height: 2.5;
}
#home-list2 li {
	margin: 0.1em;
	float : left;
	list-style : none; 
}


#policy {
	margin-top: 1em;
}

#policy-com {
	float: right;
	width: 63%;
}

#policy-com table {
	width: 370px;
	height: 165px;
	float: right;
	margin-top: 1.5em;
}
/* ----- Main - Entry-Detail -----*/
/* products */
.list-entry {
	background: url(/products/image/list-bar.gif) no-repeat;
	padding-left: 0.7em;
	height: 40px;
	clear:both;
}

.price {
	padding: 0.2em 0 0.2em 0.8em;
	border-left: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	border-right: 1px solid #ccc;
	margin: -1.8em 0.8em 1em 0.8em; 
	background-color: #EEE6D9;
}

/* detail */
#detail-title {
	background: url(/products/image/sweet-name.gif) no-repeat;
	height: 40px;
	padding: 0.1em 1em;
}

#detail-explanation {
	margin: 1em 0 1em 0;
}

.detail-com {
	float: right;
	width: 54%; 
}

#entry-body h3 {
	margin: 0 0 0.5em;
}

#entry-body h4 {
	background: url(/products/image/detail-bar.gif) no-repeat;
	padding:0.1em 0.7em;
	height: 30px;
	margin: 0 0 0.5em;
}
#entry-body .detail-com {
	float: right;
	width: 54%; 
}
#entry-body ul, ol {
	margin:0 0 1em 1.5em;
}

#entry-body p {
	margin:0 0 1em;
}

.voice-comment {
	background:	url(/products/image/voice-side.gif) repeat-y 0em 0em;
	padding: 0.7em 2.3em;
}

.voice-comment h3{
	background: url(/products/image/voice-mark.gif) no-repeat 0em 0.2em;
	padding: 0 1.5em;
}

#purchase {
	padding: 1em 0 0.5em;
	text-align: center;
	font-size: 130%;
}
.purchase {
	padding: 1em 0 0.5em;
	text-align: center;
	font-size: 130%;
}

/* trial */
.trial-com {
	float:right;
	width: 76%;
}


/* about */
.about-entry {
	background: url(/about/image/info-bar.gif) no-repeat;
	padding-left: 0.7em;
	height: 30px;
}

#shop-info , #paisible-info {
	padding-bottom:1em;
}

#prize , #paisible-info {
	margin: 2em 0;
}

.table-underbar {
	width: 100%;
	border-collapse: collapse;
}

.table-underbar td {
	background-color: #FFF;
	border-bottom: 1px solid #D8C4A5;
}

/* links */
#links {
	padding-bottom:1em;
}
#links ul{
	margin:0 0 1em 1.5em;
}


/* ----- Main - Entry-Detail - Entry-Body Reformat -----*/
table td {
	background-color: #EFE7DB;
	padding: 0.5em;
}

table th {
	background-color: #D9C6AA;
	padding: 0.5em;
	text-align:left;
}

/* ----- 3(three) Column Left -----*/
/* ----- 2(two) Column Left -----*/
#s-voice {
	
}

#s-comment {
	background:	url(/image/s-voice-side.gif) repeat-y 0em 0em;
	padding: 0.7em 1.6em;
}

#s-comment h3{
	background: url(/products/image/voice-mark.gif) no-repeat 0em 0.2em;
	padding: 0 1.5em;
}

#manager-com {
	width: 210px;
	padding: 10px 15px;
	background-color: #EEE7DA;
}

#manager {
	margin: 1em 0;
}

#manager-photo {
	width:190px;
	background-color: #FFFFFF;
	padding: 9px;
	border: 1px solid #ccc;
}

#manager-photo img {
	text-align : center;

}

/* datail */
#s-list {
	margin-bottom: 1em;
	/* padding-top: 10px; */
}

ul.s-background li {
	list-style: none;
	padding: 0.7em 2em;
}

li.s-bg1 {
	background-color: #F5F1EB;
}
li.s-bg2 {
	background-color: #EEE6D9;
}

.cool-attention {
	font-size: 100%;
	text-align:left;
	padding : 1em;
	margin: 1em;
	border: 1px solid #E6E6E6;
	background-color: #FFFFAC;
}

.error_text {
	color:red;
	font-weight:bold;
}

.h3menu {
	background: url(/products/image/detail-bar.gif) no-repeat;
	padding:0.1em 0.7em;
	height: 30px;
	margin: 1em 0 0.5em;
}


/* ----- 3(three) Column Right -----*/
/* ----- SiteMap ----- */
/* ----- Footer ----- */

#note {
	padding: 10px 0;
	height: 25px;
	text-align:center;
}

div#lr-margin h2 {
	font-size : 116%;
	margin : 5px 0 10px 0;
}

