/*
  $Id$

  osCommerce, Open Source E-Commerce Solutions
  http://www.oscommerce.com

  Copyright (c) 2010 osCommerce

  Released under the GNU General Public License
*/
/*
cream #faee9e
dark blue #C30
dark brown #552b26
yellow #eac205
yellow gold #e0b914
gold #a08d34
pink #ffb3b5
light green #99ff00
wine red #cc0033

*/
.ui-widget {
  /*font-family: Lucida Grande, Lucida Sans, Verdana, Arial, sans-serif;
  */
}

body {
	background:url(images/background2.gif);
	background-color:#552b26;
	background-position:top center;
	background-repeat:repeat-y;
	background-position:top center;
	background-repeat:repeat;
	color:#552b26;
	font-family:Helvetica, Arial, sans-serif, verdana, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "ＭＳ Ｐゴシック", "MS PGothic", Sans-Serif;
	font:13px/1.231 arial, helvetica, clean, sans-serif;
 *font-size:small;
 *font:x-small;
 *margin-left:-1px; /* IE6 IE7*/
 padding:0;
 margin:0;
}
a {
	color:#552b26;
}
a:hover {
	color:#cc0033;
}
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%;
}
div, p, dl, dt, dd, label {
	margin:0;
	padding:0;
}
img {
	margin:0;
	padding:0;
	vertical-align:top;
	border:0;
}
h1, h2, h3, h4, h5, h6 {
	margin:0;
	padding:0;
}
h1 {
	font-size:1.6em;
	color:#a08d34;
}
h2 {
	font-size:1.5em;
}
h3 {	
	font-size:1.4em;
}
h4 {
	font-size:1.3em;
}
h5 {
	font-size:1.2em;
}
h6 {
	font-size:1.1em;
}
form, fieldset {
	border:0;
	margin:0;
	padding:0;
}
input, textarea {
	margin:0;
	vertical-align:middle;
}
textarea {
	overflow-y:scroll;
	scrollbar-face-color: #ddd;       /* 表面の色 */
	scrollbar-3dlight-color: #eee;    /* 左端と上端の色 */
	scrollbar-highlight-color: #eee;  /* ハイライトの色 */
	scrollbar-shadow-color: #ccc;     /* 影の色 */
	scrollbar-darkshadow-color: #ccc; /* 右端と下端 */
	scrollbar-arrow-color: #000;      /* 矢印の色 */
	scrollbar-track-color: #fff;      /* バーの背景の色 */
}

/*############ Main Body Area ####################*/
#bodyWrapper {
	width:100%;
	text-align:center;
	font-size:0.9em;
}
#bodyFrame {
	width:100%;
	text-align:center;
}
#bodyAll {
	width:990px;
	margin:0 auto;
}
#bodyContent {
	margin-left:250px;
	margin-right:250px;
	padding:20px 20px 50px 20px;
	width:448px;
	border-right:solid 1px #ccc;
	border-left:solid 1px #ccc;
	text-align:left;
  
}
#bodyAll2 {
	position:relative;
	top:-40px;
	left:0;
	width:820px;
	margin:0 auto;
	background:url(images/bg_products_03.jpg) #fff;
	background-repeat:repeat-x;
}
#bodyContent2 {
	margin-left:140px;
	margin-right:140px;
	padding:0;
	width:540px;
	background:#fff;
	text-align:left;  
}
#frame_ec {
	padding:20px 20px 50px 20px;
}

/*############ Header Area ####################*/
#header {
	position:relative;
	top:0;
	left:0;
	background:url(images/banner_main.png);
	background-position:top center;
	background-repeat:no-repeat;
	width:100%;
	height:356px;
	text-align:center;
	z-index:8;
}
/*#header2 {
	position:relative;
	top:0;
	left:0;
	background:url(images/banner_ec.jpg);
	background-position:top center;
	background-repeat:no-repeat;
	width:100%;
	height:134px;
	text-align:center;
	z-index:8;
}
*/
#headerBg {
	position:absolute;
	top:0;
	left:0;
	height:38px;
	width:100%;
	background:#000;
	z-index:9;
}
#headerMain {
	position:relative;
	top:0;
	left:0;
	margin:0 auto;
	width:820px;
	text-align:left;
	z-index:10;
}

#storeLogo {
	float: left;
	width:140px;
}
#storeLogo h1 {
	margin:0;
	padding:0 0 0 0;
}
#naviShortcut {
	float: right;
	width:680px;
	color:#fff;
}
#naviShortcut ul {
	float:right;
	padding:0 5px 0 0;
	list-style-type:none;
}
#naviShortcut li {
	padding:0 5px 0 5px;
	float:left;
	
}
#naviShortcut a {
	color:#fff;
	text-decoration:none;
}
#headerShortcuts {
  float: right;
	width:740px;
}
#top_navi_linked a{
	color:#eac205;
	text-decoration:none;
}

/*############ Left Area ####################*/
#columnLeft {
	float:left;
	width:250px;
  padding-top: 5px;
	text-align:left;
	
}
#columnLeft a {
	text-decoration:none;
}
dl.left_navi {
	padding:5px;
	width:200px;
}
.left_navi dt {
	padding:5px;
	text-align:left;
	color:#a08d34;
}
.left_navi dd {
	margin-right:10px;
	padding:2px 0 3px 45px;
	text-align:left;
}
.left_navi_linked {
	color:#552b26 !important;
}
#columnLeft2 {
	float:left;
	width:140px;
  padding-top: 45px;
	text-align:left;
	
}
#columnLeft2 a {
	text-decoration:none;

}
.left_navi2 {
	padding:15px 7px;
}
.left_navi2 h2 {
	font-size:1.2em;
	font-weight:normal;
	color:#e0b914;

}
.left_navi2 ul {
	margin:0;
	padding:0;
	list-style-type:none;
}
.left_navi2 li {
	margin:0;
	padding:2px 0 2px 5px;
}
#color_selected {
	color:#fff;
}
/*############ Right Area ####################*/
#columnRight {
	float:right;
	width:250px;
	padding-top: 5px;
	text-align:left;
 	

}
.right_navi {
	padding:5px 0 10px 20px;
	
	line-height:1.8em;
}
.right_navi a:link {
	
	text-decoration:none;
}
.right_navi a:visited {
	
	text-decoration:none;
}
.right_navi a:hover {
	
}
.right_navi a:active {
	
	text-decoration:none;
}
#columnRight2 {
	float:right;
	width:140px;
	padding-top: 45px;
	text-align:left;
	
  
}
#columnRight2 ul{
	margin:0;
	padding:0;
	list-style-type:none;
}
#columnRight2 ul{
	margin:0;
	padding:15px 10px;
}
#columnRight2 a {
	text-decoration:none;
}
#columnRight2 li {
	padding:2px 0;
}

/*############ Prodluct Lists  ####################*/
.productLists {
	margin:0;
	padding:10px 0;
	text-align:center;
	list-style:none;
}
.productLists li {
	margin:0;
	padding:2px 0;
	text-align:center;
}
.productLists li a {
	color:#a08d34;
	text-decoration:none;
}
.productLists li h2 {
	margin:0;
	padding:0;
	font-size:1.2em;
	text-decoration:none;
}
/*############ Prodluct info  ####################*/
#product_info h1{
	color:#552b26;
	font-size:1.4em;
	font-weight:normal;
	border-bottom:solid 1px #ccc;
}
#product_info_frame {
	padding:10px 0;
}
#product_info_image {
	float:left;
	width:220px;
}
#product_info_image a {
	text-decoration:none;
}
#product_info_image p {
	text-align:center;
}
#product_info_image span {
	font-size:0.9em;
}
#product_title {
	float:right;
	width:280px;

}
#product_info ul {
	margin:20px 0 10px 0;
	padding:10px 0;
	border-top:solid 1px #ccc;
	border-bottom:solid 1px #ccc;
	list-style-type:none;
}
#product_info li {
	padding:7px;
}
#product_info h3 {
	margin:5px 0;
	padding:5px;
	font-weight:normal;
	border-bottom:solid 1px #ccc;
	border-top:solid 1px #ccc;
	text-align:center;
}
#product_info p {
	line-height:2em;
}
#product_info_to_cart {
	padding:10px 0;
}
#product_info_to_cart2 {
	padding:50px 0 10px 0;
}
#product_info_sign_in {
	padding:50px 0;
}

/*############ Create Account ####################*/
#create_account h2{
	padding:20px 0 0 0;
}

/*############ Order History  ####################*/
#order_history tr td strong{
	color:#97706c;
	
}
/*############  ####################*/
.button_right {
	text-align:right;
}
.infoBoxContainer { }

.infoBoxHeading {
  padding: 2px;
  
}

.infoBoxContents {
  padding: 5px;
  
  line-height: 1.5;
}

.contentContainer {
  padding:0;
}

.contentContainer h2 {
  font-size:1.3em;
  font-weight: normal;
  margin-bottom: 0;
  padding-bottom: 5px;
}

.contentText table {
  padding: 5px 0 5px 0;
  line-height: 1.5;
}
.contentText p {
	padding:10px 0;
	line-height:1.8em;
	
	
}

.productListTable {
  padding: 5px;
  
  line-height: 1.5;
}

.productListTable tr.alt td {
  background-color: #ecf6fc;
}

.fieldKey {
  
  line-height: 1.5;
  width: 150px;
}

.fieldValue {
  
  line-height: 1.5;
}

h1 {
  margin-bottom: 0;
  padding-bottom: 5px;
	font-weight:normal;
}

img {
  border: 0;
}

table, p {
  
  line-height: 1.5;
}

#piGal ul {
  list-style-type: none;
}

#piGal img {
  -webkit-box-shadow: 0px 0px 1px #000;
  -moz-box-shadow: 0px 0px 1px #000;
}

#piGal .outer {
  margin-left: -30px;
}

.buttonSet {
  clear: both;
	padding:10px 0;
}

.buttonAction {
  float: right;
}

.boxText {   }
.errorBox {   background: #ffb3b5; font-weight: bold; }
.stockWarning { color: #cc0033; }
.productsNotifications { background: #f2fff7; }
.orderEdit { 
text-decoration: underline;
color:#a08d34;

}

form {
	display: inline;
}

TR.header {
  background: #ffffff;
}

TR.headerNavigation {
  background: #bbc3d3;
}

TD.headerNavigation {
  
  
  background: #bbc3d3;
  color: #ffffff;
  font-weight : bold;
}

A.headerNavigation { 
  color: #FFFFFF; 
}

A.headerNavigation:hover {
  color: #ffffff;
}

TR.headerError {
  background: #ff0000;
}

TD.headerError {
  
  
  background: #ff0000;
  color: #ffffff;
  font-weight : bold;
  text-align : center;
}

TR.headerInfo {
  background: #00ff00;
}

TD.headerInfo {
  
  
  background: #00ff00;
  color: #ffffff;
  font-weight: bold;
  text-align: center;
}
#footer_ec {
	margin-top:-40px;
}
.footer {
	color:#faee9e;
	padding:5px 0 10px 0;

}
.infoBox {
  background: #b6b7cb;
}

.infoBoxNotice {
  background: #FF8E90;
}

.infoBoxNoticeContents {
  background: #FFE6E6;
  
  
}

TD.infoBoxHeading {
  
  
  font-weight: bold;
  background: #bbc3d3;
  color: #ffffff;
}

TD.infoBox, SPAN.infoBox {
  
  
}

TR.accountHistory-odd, TR.addressBook-odd, TR.alsoPurchased-odd, TR.payment-odd, TR.productListing-odd, TR.productReviews-odd, TR.upcomingProducts-odd, TR.shippingOptions-odd {
  background: #f8f8f9;
}

TR.accountHistory-even, TR.addressBook-even, TR.alsoPurchased-even, TR.payment-even, TR.productListing-even, TR.productReviews-even, TR.upcomingProducts-even, TR.shippingOptions-even {
  background: #f8f8f9;
}

TABLE.productListing {
  border: 1px;
  border-style: solid;
  border-color: #b6b7cb;
  border-spacing: 1px;
}

.productListingHeader {
  table-layout: fixed;
  color: #FFFFFF;
  font-weight: bold;
}

.productListingHeader A:hover {
  color: #FFFFFF;
}

.productListingData {
  table-layout: fixed;
}


TD.pageHeading, DIV.pageHeading {
  
  
  font-weight: bold;
}

TR.subBar {
  background: #f4f7fd;
}

TD.subBar {
  
 }

TD.main, P.main {
  
  
  line-height: 1.5;
}

TD.smallText, SPAN.smallText, P.smallText {
  
  
}

TD.accountCategory {
  
  
  color: #aabbdd;
}

TD.tableHeading {
  
  
  font-weight: bold;
}

SPAN.newItemInCart {
  
  
  color: #ff0000;
}



SPAN.greetUser {
  
  
  font-weight: bold;
}

TABLE.formArea {
  background: #f1f9fe;
  border-color: #7b9ebd;
  border-style: solid;
  border-width: 1px;
}

TD.formAreaTitle {
  
  
  font-weight: bold;
}

SPAN.markProductOutOfStock {
  
  
  font-weight: bold;
}

SPAN.productSpecialPrice {
  
  color: #ff0000;
}

SPAN.errorText {
  
  color: #ff0000;
}

.moduleRow { }
.moduleRowOver { background-color: #D7E9F7; cursor: pointer; cursor: hand; }
.moduleRowSelected { background-color: #E9F4FC; }

.checkoutBarFrom, .checkoutBarTo {  }
.checkoutBarCurrent {    }

/* message box */

.messageBox {   }
.messageStackError, .messageStackWarning {   background-color: #d74c9a; color:#fff; }
.messageStackSuccess {   background-color: #0e8ec4; color:#fff; }

/* input requirement */

.inputRequirement {   color: #ff0000; }

/* buttons */

.tdbLink a { }

.tdbLink button { }

/* account link list */

.accountLinkList {
  list-style-type: none;
  margin: 2px 2px 2px 10px;
  padding: 5px;
}

.accountLinkListEntry {
  float: left;
  margin-right: 5px;
}
/* store page */
td.store_box {
	padding:5px 0;
	
	width:33%;
	line-height:1.5em;
	word-break:break-all;
	white-space: pre-wrap; /* css-3 */
	white-space: -moz-pre-wrap; /* Mozilla, since 1999 */
	white-space: -pre-wrap; /* Opera 4-6 */
	white-space: -o-pre-wrap; /* Opera 7 */
	word-wrap: break-word; /* Internet Explorer 5.5+ */
}
.store_box h2 {
	margin:0;
	padding:10px 0 0 0;

	font-weight:normal;
}
/* class page */
#class_page {
	padding:5px 0;
}
#class_page p {
	padding:10px 0;
	line-height:1.6em;
}
/* whats calgel*/
#whats_body {
	
}
#whats_body h1 {
	margin:0 0 10px 0;
	font-weight:normal;
}
#whats_body p {
	margin:0;
	padding:0 0 10px 0;
	
	line-height:1.8em;
}
#whats_body span {
	
	font-weight:bold;
}
#whats_body h2 {
	margin:40px 0 10px 0;
	padding:0 3px;
	background:#a08d34;
	color:#FFF;
	font-weight:normal;
	font-size:1.2em;
}
#whats_body ol {
	margin-top:0;
	padding-top:0;
}
#whats_body li {
}
.whats_box {
	margin:0;
}
.whats_box h3 {
	margin:0;
	padding:0;
	border-top:solid 1px #ccc;
	border-bottom:solid 1px #ccc;
	font-size:1.1em;
	text-align:center;
}

/* contact us */
table.form_box {
	margin:0;
	padding:0;
	
	line-height:1.5em;
}
.form_box h2 {
	margin:20px 0 10px 0;
	padding:1px 0;
	background:#a08d34;
	
	text-align:center;
	text-decoration:none;
}

.form_box td {
	padding:5px 0;
}

/* bg */
.bg_top {
	background:url(images/home1.png) #fff;
	background-position:top center;
	background-repeat:repeat-y;
}
.bg_store {
	background:url(images/store.png) #fff;
	background-position:top center;
	background-repeat:repeat-y;
}
.bg_class {
	background:url(images/class_dot.gif) #fff;
	background-position:top center;
	background-repeat:repeat-y;
}
.bg_whats_calgel {
	background:url(images/bg_whats.jpg) #fff;
	background-position:top center;
	background-repeat:repeat-y;
}
.bg_faq {
	background:url(images/bg_faq.jpg) #fff;
	background-position:top center;
	background-repeat:repeat-y;
}
.bg_contact_us {
	background:url(images/bg_contact_us.jpg) #fff;
	background-position:top center;
	background-repeat:repeat-y;
}
/* Check out Page */
#checkout_bar {
	padding:20px 0;
}
#checkout_button {
	float:right;
	padding:20px 0;
}
/* whole page */
.memo {
	line-height:1.2em !important;
	color:gray;
	font-size:0.9em;
	padding:10px 0 10px 0;
}
.warning {
	color:orange;
}
.contentText td input {
	padding:3px;
	border:solid 1px #ccc;
}
.text_lines {
	text-decoration:line-through;
	color:red;
}
/* clear */
.clear_0 {
	display:block;
	clear:both;
	margin:0;
	padding:0;
	font-size:0;
	line-height:0;
}
.clear_1:after {
	content:".";
	display:block;
	height:0;
	clear:both;
	visibility:hidden;
}
.clear_1 {
	display:inline-table;
}
* html .clear_1 {
	height:1%;
}
*+html .clear_1 {
	height:1%;
}
.clear_1 {
	display:block;
}
.clear_2 {
	overflow:hidden;
}
* html .clear_2 {
	zoom:1;
}
#attob {
	width:820px;
	margin:-28px auto 0 auto;
	color:#fff;
	text-align:right;
}
#attob a {
	color:#fff;
}
/*##################################################################*/
