/*
//
// +----------------------------------------------------------------------+
// |zen-cart Open Source E-commerce                                       |
// +----------------------------------------------------------------------+
// | Copyright (c) 2003 The zen-cart developers                           |
// |                                                                      |
// | http://www.zen-cart.com/index.php                                    |
// |                                                                      |
// | Portions Copyright (c) 2003 osCommerce                               |
// +----------------------------------------------------------------------+
// | This source file is subject to version 2.0 of the GPL license,       |
// | that is bundled with this package in the file LICENSE, and is        |
// | available through the world-wide-web at the following url:           |
// | http://www.zen-cart.com/license/2_0.txt.                             |
// | If you did not receive a copy of the zen-cart license and are unable |
// | to obtain it through the world-wide-web, please send a note to       |
// | license@zen-cart.com so we can mail you a copy immediately.          |
// +----------------------------------------------------------------------+
// $Id: stylesheet.css,v 1.1.1.1 2004/09/01 04:47:52 shidairiki Exp $
*/
@media screen and (max-width: 640px) {
	
BODY {
   color: #000000;
   margin: 0px;
   margin-bottom: 10px;
   padding: 5px;
   font: 16px Verdana, Arial, sans-serif;
   line-height: 1.5;
   letter-spacing:0.1em;
}

.centershop {
   padding: 0px;
   margin: 0px auto;
   position: relative;
   text-align: left;
   width: 100% !important; 
}

TD.main {
  font-size: 1em;
  line-height: 1.5;
  letter-spacing:0.1em;
}

P.main {
  padding-top: 0px;
  font-size: 1em;;
  line-height: 1.5;
  letter-spacing:0.1em;
}

P.main16 {
  padding-top: 5px;
  font-size: 1em;
  line-height: 1.5;
  letter-spacing:0.1em;
}

A {
  color: #222222;
  text-decoration: none;
}
A:hover {
  color: #ff40ff;
  text-decoration: underline;
}

img {
  border: none;
}

FORM {
  display: inline;
}

.banners {
  padding: 15px;
}

kbd {
  padding:.1em .3em;
  border:1px outset gray;
  margin:0 .3em;
}

/*HEADER CSS*/

TABLE.header {
  background-color: #f4ffff;
  border-right: 1px solid #ffffff;
  border-left: 1px solid #ffffff;
  border-bottom: 1px solid #ffffff;
}

TABLE.headerNavigation {
  background-color: #6699cc;
  border-right: 0px solid #f4ffff;
  border-left: 0px solid #f4ffff;
  width: 100% !important;
}

TD.headerNavigation {
  position: relative;
  vertical-align: middle;
  font-family: Verdana, Arial, sans-serif;
  font-size: 1em;
  font-weight: bold;
  line-height: 1.5;
  letter-spacing:0.1em;
  padding: 5px;
}

TD.breadCrumb {
  font-size: 0.9em;
  font-weight: bold;
  color: #9a9a9a;
  padding: 3px;
}

TD.headerNavigation A, TD.headerNavigation A:visited, td.footertop a  {
  font-weight: bold;
  color: #ffffee;
}
.headerNavigation {
  font-weight: bold;
  color: #ffffee;
}
TD.headerNavigation A:hover, td.footertop a:hover  {
  color: #a8cfff;
}

TR.headerError {
  background: #ff0011;
}

TD.headerError {
  font-family: Verdana, Arial, sans-serif;
  font-size: 1em;
  background: #ff0011;
  color: #ffffff;
  font-weight : bold;
  text-align : center;
}

TR.headerInfo {
  background: #00ff00;
}

TD.headerInfo {
  font-family: Verdana, Arial, sans-serif;
  font-size: 1em;
  background: #00ff00;
  color: #ffffff;
  font-weight: bold;
  text-align: center;
}

/*SIDEBOX CSS*/

.column_left, .column_right, .column_single {
  background: #f4ffff;
  padding: 0px;
}

.boxText {
  font-size: 1em;
  line-height: 1.5;
}

.leftbox, .rightbox, .singlebox {
  font-family: Verdana, Arial, sans-serif;
  font-size: 1em;
  background: #ffffff;
  border-right: 1px solid #009900;
  border-left: 1px solid #009900;
  border-bottom: 1px solid #6699cc;
  margin-bottom: 0px;
  width: 150px;
}

.centerbox {
  font-family: Verdana, Arial, sans-serif;
  font-size: 1em;
  background: #ffffff;
  border-right: 1px solid #009900;
  border-left: 1px solid #009900;
  border-bottom: 1px solid #6699cc;
  margin-bottom: 0px;
}

.leftboxheading, .rightboxheading, .centerboxheading, .singleboxheading {
  background-color: #6699cc;
  font-size: 1em;
  font-weight: bold;
  color: #ffffff;
  padding: 3px;
  height: 20px;
  padding-left: 8px;
  width: auto;
}

td.leftboxheading a, td.rightboxheading a, td.centerboxheading a, td.singleboxheading a {
  color: #ffffee;
}
TR.leftboxheading, TR.rightboxheading, TR.centerboxheading, TR.singleboxheading {
}

.leftboxcontent, .rightboxcontent, .centerboxcontent, .singleboxcontent {
  line-height: 1.5;
  padding: 6px;
}
.leftboxbest {
  padding: 0px;
}

.leftboxfooter, .rightboxfooter, .centerboxfooter, .singleboxfooter {
  background-color: #6699cc;
  margin-bottom: 0px;
  height: 0px;
}

.plainBox, .plainbox-description {
  font-family: Verdana, Arial, sans-serif;
  font-size: 1em;
  background: #ffffff;
  border:0px solid #9a9a9a;
  padding: 5px;
}

.plainBoxHeading, TD.tableHeading {
  font-size: 1em;
  font-weight: bold;
  padding: 11px 5px 5px;
}

.productListing-heading {
  background-color: #6699cc;
  font-size: 1em;
  font-weight: bold;
  color: #ffffff;
  letter-spacing:0.1em;
  padding: 3px;
  height: 20px;
}
TD.productlisting {
  border:0px solid #9a9a9a;
}

TD.productListing-data {
  font-size: 1em;
  padding: 5px;
}

/*center main section
-----------------------------------*/
TABLE.headercolor {
  background-color: #cbfbcb;
/*  border-bottom: 1px solid #cbfbcb; */
  width: 100% ;
  height: 7px;
}

TABLE.headercolor1 {
  background-color: #6699cc;
  border-top: 7px solid #cbfbcb;
  width: 100%;
  height: 32px;
}

TABLE.headercolor2 {
  background-color: #ddeeff;  
  border-top: 5px solid #6699cc;
  width: auto ;
  height: 35px;
  padding-top: 5px;
}

TD.headercolor1 {
  font-size: 1em;
  font-weight: bold;
  color: #ffffee;
  padding-top: 1px;
  padding-left: 5px;
}

TABLE.centercolor {
  background-color: #ddeeff;
  border-top: 5px solid #6060cc;
  width: 100% ;
  height: 32px;
  padding-top: 0px;
  padding-left: 0px;

}

TD.centercolor {
  font-size: 1em;
  font-weight: bold;
  color: #000088;
  padding-top: 1px;
  padding-left: 5px;
}

TD.pageHeading, DIV.pageHeading {
  font-size: 1em;
  font-weight: bold;
  color: #333333;
  padding-top: 0px;
}

h1 {
  display: inline;
  font-size: 1.1em;
  color: #333333;
}

h2 {
  display: inline;
  font-size: 1em;
  font-weight: bold;
  color: #333333;
  padding-top: 5px;
  padding-left: 10px;
}

h3 {
  display: inline;
  font-size: 1em;
  font-weight: bold;
  color: #ffffee;
  padding-top: 5px;
  padding-left: 10px;
}

h4 {
  display: inline;
  font-size: 1em;
  font-weight: bold;
  color: #333333;
  padding-top: 5px;
  padding-left: 10px;
}

.center_column {
  padding: 8px;
}
.main_page {
  width: auto !important;
  background-color: #ffffff;
  border-right: 0px solid #009900;
  border-left: 0px solid #9a9a9a;
  border-bottom: 1px solid #9a9a9a;
  padding: 5px;
}

.productGeneral {
  font-size: 1em;
  font-weight: bold;
  color: #000000;
  padding-top: 11px;
  letter-spacing:0.1em;
}

.checkoutConfirmred {
  display: inline;
  font-size: 1em;
  font-weight: bold;
  color: red;
  padding-top: 10px;
  padding-left: 10px;
}

/* footer
--------------*/

TABLE.footer {
  background: #ffffff;
  text-align: center;
  font-size: 0.9em;
  border-top: 1px solid #9a9a9a;
  border-right: 1px solid #9a9a9a;
  border-left: 1px solid #9a9a9a;
  border-bottom: 1px solid #9a9a9a;
}

TR.footertop {
  background: #6699cc;
  font-size: 1em;
}

TD.footertop, TD.footerbottom {
  padding: 1px;
}

/*miscellaneous areas
-------------------------------------*/
TD.cartBox {
   background: #ddeeff;
   font-size: 1em;
   padding: 3px;
   border: 1px dotted #ffb062;
}

TR.productListing-odd, TR.upcomingProducts-odd, TD.column_main {
  background: #ffffff;
}

TR.productListing-even, TR.upcomingProducts-even, .productsNotifications {
  background: #eff4f8;
}

td.pageresults a {
  color: #428dff;
}

td.pageresults a:hover {
  background: #FFFF33;
}

SPAN.newItemInCart {
  color: #ff0000;
  font-weight: bold;
}

TD.smallText, SPAN.smallText, P.smallText, td.pageresults{
   font-size: 1.1em;
}

TD.smallT {
   font-size: 1em;
   width: 33%;
}

TD.fieldKey {
  font-size: 1em;
  font-weight: bold;
}

TD.fieldValue {
  font-size: 1em;
}

CHECKBOX, INPUT, RADIO, SELECT {
  font-size: 1em;
}

TEXTAREA {
  width: auto;
  font-size: 1em;
}

TD.font16 {
  font-size: 1.1em;
}

.greetUser {
   color: #f0a480;
   font-weight: bold;
   font-size: 1em;
   padding-top: 0px;
   padding-bottom: 1px;
   line-height: 1.5;
}

SPAN.greetUser {}

SPAN.markProductOutOfStock {
	color: #c76170;
	font: bold 1em Verdana, Arial, sans-serif;
}

span.normalprice {
	text-decoration: line-through;
}

SPAN.productSpecialPrice, SPAN.productSalePrice, .stockWarning, span.coming {
  color: #ff0000;
}

span.productSpecialPriceSale {
  color: #ff0000;
	text-decoration: line-through;
}

SPAN.productPriceDiscount, .inputRequirement {
  font-size: 0.9em;
  color: #FF0000;
}
.moduleRow { }
.moduleRowOver { background-color: #D7E9F7; cursor: pointer; }
.moduleRowSelected { background-color: #E9F4FC; }

/* message box */

.messageBox {}
.messageStackError, .messageStackWarning, errorBox {
  background-color: #ee0000;
  color: #ffffee;
  font-size: 0.9em;
  padding: 4px;
  border: 1px solid #9a9a9a;
}
.messageStackSuccess { background-color: #b3ffa8; padding: 2px; border: 1px solid #9a9a9a; }
.messageStackCaution { font-family: Verdana, Arial, sans-serif; font-size: 0.9em; background-color: #ffff00; }

/* checkout totals */
TD.ot-subtotal-Text, TD.ot-cod-fee-Text, TD.ot-total-Text, TD.ot-group-pricing-Text, TD.ot-gv-Text, TD.ot-loworderfee-Text, TD.ot-shipping-Text, TD.ot-subtotal-Text, TD.ot-tax-Text, TD.ot-coupon-Text {
  font-weight: bold;
}
TD.ot-subtotal-Amount, TD.ot-cod-fee-Amount, TD.ot-total-Amount, TD.ot-group-pricing-Amount, TD.ot-gv-Amount, TD.ot-loworderfee-Amount, TD.ot-shipping-Amount, TD.ot-subtotal-Amount, TD.ot-tax-Amount, TD.ot-coupon-Amount {}

/* product_info attribute comments */
.product_info {
  padding: 1px;
  border-color: #000000;
  font-size: 1em;
  width: 240px;
}

.product_in {
  letter-spacing:0.1em;
}  
.ProductInfoComments, TD.ProductInfoComments, SPAN.ProductInfoComments {
  color: #ff4040;
  font-size: 0.9em;
  text-align : left;
  font-weight: bold;
  padding-top: 6px;
  padding-bottom: 6px;
  border-top: 1px solid #9a9a9a;
}

/* General alert span class */
TD.alert, SPAN.alert {
  color: #FF0000;
  font-weight: bold;
}

/* General alert span class */
TD.alertBlack, SPAN.alertBlack {
  color: #000000;
  font-weight: bold;
}

/* popup tables */
TABLE.popupattributeqty, TABLE.popupcouponhelp, TABLE.popupcvvhelp, TABLE.popupimage, TABLE.popupimageadditional, TABLE.popupsearchhelp, TABLE.popupshippingestimator, TABLE.popupinfoshoppingcart {
  background-color: #ffffff;
  margin: 6px;
  padding: 6px;
  font: 1em Verdana, Arial, sans-serif;
}

/* categories_description */
TABLE.categoriesdescription {
  font-family: Verdana, Arial, sans-serif;
  font-size: 1em;
  background: #ddeeff;
}

TD.categoriesdescription {
  color: #000088;
  font-size: 1em;
  line-height: 1.5;
  letter-spacing:0.1em;
}

/* categories box parent and child categories and extra links */
A.category-top, A.category-links {
  color: #000000;
  text-decoration: none;
}
A.category-subs, A.category-products {
  color: #428dff;
  text-decoration: none;
}
SPAN.category-subs-parent {
  font-weight: bold;
}
SPAN.category-subs-selected {
  font-weight: bold;
}

/* attribute images table */
TABLE.products-attributes-images {
/*  width: auto; */
/*  border: 1px solid #9a9a9a; */
  float: left;
  padding: 2px;
}

table.main-table {
  width: auto;
  border: none;
}

table.bord-table {
  border: none;
}

/* width  :% */

.width100 {
  width: auto;
}
.width50 {
  width: 50%;
}

.width38 {
  width: 38%;
}

.width33 {
  width: 33%;
}

.width24 {
  width: 24%;
}

/* width  :px */

.width550 {
  width: 600px;} 

.width180 {
  width: 180px;
}

.width120 {
  width: 120px;
}

.width70 {
  width: 70px;
}

.width40 {
  width: 40px;
}

/* height  :px */

.height30 {
  height: 30px;
}

.height20 {
  height: 20px;
}

.height1 {
  height: 1px;
}

.center {
  text-align: center;  
}
.centerde {
  float: center;
}
.right {
  text-align: right;
}

.left {
  text-align: left;
}

.red {
  color: #ff4040;
}

.blue {
  color: #0000ff;
}

.white {
  color: #ffffee;
}

.black {
  color: #111111;
  font-weight: normal;
}
div.ctable {
  text-align: center;     /* IEでセンタリングさせる方法 */
}

div.ctable table {
  margin: auto;     /* 標準のセンタリング方法 */
  text-align: left;     /* IE用方法の弊害対策用 */
}
#login-email-address, #postcode, #telephone, #fax {
  ime-mode: inactive;
}

#company, #state, #city {
  ime-mode: active;
}
}