@charset "utf-8";
#inbox{
  position:relative;
}
#contents{
  width:740px;
  float:left;
}
#rightSide{
  float:right;
}
h3.sub{
  color:#88836c;
  line-height:1em;
  background:#f4f2e9;
  border:1px solid #dfdcd1;
}
h4.main{
  height:29px;
  margin:20px 0 10px;
  padding:2px 3px;
  background:url(../images/common/h4.gif) no-repeat left top;
  position:relative;
}
h4.formTitle{
  color:#4d5a43;
  font-size:1.4em;
  margin:20px 0 10px;
  padding:4px;
  background:#f9fcf6 url(../images/common/h4_background02.gif) repeat-x left bottom;
  border:1px solid #eef4e8;
}
h4.main img{
  position:absolute;
}
h5{
  font-size:1.4em;
  padding:0 5px 0;
  margin:10px 0 0;
  background:#f9fcf6;
}
h5.sub{
  margin:0;
  padding: 5px;
  background:#dfedd7;
  border-top:1px solid #ecf6e7;
  border-bottom:1px solid #bdc9b7;
}
/**
 * layout
 */
.cart{
  width:720px;
}
.form{
  float:right;
  width:500px;
}
.form02{
  margin:20px 0 20px 10px;
  border:1px solid #bdc9b7;
}
#sideNav{
  float:left;
  width:210px;
  margin:0;
  padding:5px;
}
/**
 * products
 */
ul.productRepos{
  font-size:1em;
  width:720px;
}
ul.productRepos .leftTop{
  float:left;
  width:40%;
  text-align:center;
  margin:0 0 20px;
}
ul.productRepos .leftTop ul{
  width:100%;
}
ul.productRepos .leftTop ul li{
  float:left;
  display:inline;
  width:77px;
  padding:3px;
  margin:2px;
  background:url(../images/common/photo_background01.gif) repeat left top;
}
ul.productRepos .leftTop ul li a{
  display:block;
  padding:1px;
  background:#fff;
}
ul.productRepos .leftTop ul li img{
  width:75px;
}
.product_no_image{
  width:250px;
  height:250px;
  border:1px solid #dbe1d8;
  position:relative;
  overflow:hidden;
  margin:0 auto;
  background:url(../images/common/archive_list_background01.gif) repeat-x left top;
}
.product_no_image img{
  position:relative;
  top:68px;
}
ul.productRepos .rightTop{
  float:right;
  width:60%;
}
ul.productRepos .leftBottom{
  clear:both;
  width:40%;
}
ul.productRepos .rightTop table{
  font-size:1.0em;
}
ul.productRepos .rightTop table th{
  text-align:left;
  width:100px;
}
ul.productRepos .rightTop table td{
}
ul.productControl{
  float:right;
  width:182px;
}
ul.productControl li{
  margin:0 0 10px;
}
/**
 * buy-repos
 */
ul#buy-repos{
  margin:20px auto;
  width:420px;
}
ul#buy-repos li{
  float:left;
  width:70px;
  height:50px;
  text-indent:-9999px;
  background-repeat:no-repeat;
  background-position:center bottom;
}
ul#buy-repos li.on{
  background-position:center top;
}
ul#buy-repos li.r1{ background-image:url(../images/common/order_repos01.gif); }
ul#buy-repos li.r2{ background-image:url(../images/common/order_repos02.gif); }
ul#buy-repos li.r3{ background-image:url(../images/common/order_repos03.gif); }
ul#buy-repos li.r4{ background-image:url(../images/common/order_repos04.gif); }
ul#buy-repos li.r5{ background-image:url(../images/common/order_repos05.gif); }
ul#buy-repos li.r6{ background-image:url(../images/common/order_repos06.gif); }
/**
 * exaddr_list
 */
.exaddr_list{
  width:502px;
}
.exaddr_list li{
  height:4em;
}
.exaddr_list li input{
  margin:5px 10px 0;
  float:left;
}
.exaddr_list li label{
  float:left;
}
/**
 * sideNav
 */
#sideNav p{
  color:#565;
  font-size:1em;
}
#sideNav dt{
  width:210px;
  color:#3e6146;
  font-weight:bold;
  margin:20px 0 0;
  text-indent:20px;
  background:url(../images/common/side_nav_icon01.gif) no-repeat left top;
}
/**
 *
 */
h3.randTitle{
  padding:5px;
  color:#ffb16c;
}
#randProductView{
  width:700px;
  margin:10px;
}
#randProductView li{
  float:left;
  width:130px;
  margin:0 10px 0 0;
  text-align:center;
}
#randProductView li span.thmimg{
  display:block;
  margin:10px;
}
/**
 * parts
 */
.leftBottom p.option,
.leftBottom p.option label,
.leftBottom p.option input{
  margin:0;
}
.leftBottom p.option{
  margin:2px 0;
}
.leftBottom p.option input{
  margin:0 5px;
}
.cart table.shoppingCart{
  width:100%;
  font-size:1em;
  border-collapse:collapse;
}
.cart table.shoppingCart th,
.cart table.shoppingCart td{
  border:1px solid #ddd;
  border-top:1px solid #eee;
  border-left:1px solid #eee;
  padding:2px 3px;
}
.cart table.shoppingCart{
  border-top:1px solid #eee;
  border-left:1px solid #eee;
}
.cart table.shoppingCart .nb{
  font-weight:bold;
}
#contents .tc{
  color:#436475;
  border-top:1px solid #d8e9f2;
  border-left:1px solid #d8e9f2;
  border-right:1px solid #d8e9f2;
  border-bottom:1px solid #d8e9f2;
  background:url(../images/common/form_background01.gif) repeat-x left top;
}
.olist{
  margin:10px 30px;
  list-style-type:square;
}
.olist li{
  float:left;
  width:50%;
}
/* hr */
.leftBottom .hr{
  height:2px;
  margin:5px 0;
  background:#3e6146;
}
/**
 * form
 */
.form {
  overflow:hidden;
} 
.form table{
  font-size:1em;
  width:490px;
  margin:10px 0 10px 10px;
  border-collapse:collapse;
}
.form table th,
.form table td{
  padding:3px 4px;
}
.form textarea{
  width:250px;
  height:100px;
}
.form table th{
  color:#253a45;
  width:130px;
  text-align:left;
  border-top:1px solid #d8e9f2;
  border-left:1px solid #d8e9f2;
  border-bottom:1px solid #d8e9f2;
  background:#d9eefa url(../images/common/form_background01.gif) repeat-x left top;
}
.form table td{
  border:1px solid #eee;
  background:#fff url(../images/common/form_background02.gif) repeat-x left bottom;
}
.form span.ex{
  color:#555;
  display:block;
}
.error-message,
.message{
  color:#c74e4e;
  font-weight:bold;
}
.ms-frame{
  padding:10px;
  border:1px solid #c74e4e;
}
.attention{
  font-size:1.2em;
  color:#c74e4e;
  font-weight:bold;
  margin:20px 0 10px;
  padding:10px;
  background:#e5c9c9;
  border:1px solid #e1aeae;
}
.withcaution{
  font-size:1.2em;
  font-weight:bold;
  color:#393;
  margin:20px 0 10px;
  padding:10px;
  border:1px solid #393;
}
.green{
  background:#fff;
  border-left:0;
  border-right:0;
  margin:10px 0 20px;
}
/**
 * huda sample
 */
ul.huda-sample{
  font-size:1em;
}
ul.huda-sample li{
  float:left;
  width:150px;
  margin:10px 10px 10px 0;
}
ul.huda-sample li a{
  font-size:1em;
}
ul.huda-sample li input{
  float:left;
  margin:0 5px 0 0;
}
pre.huda-example{
  border:1px solid #ccc;
  padding:3px;
  background:#fff;
}
/**
 * checkout
 */
.checkout{
  text-align:center;
  background:#d4f0d4;
  padding:10px;
}
.checkout strong{
  font-size:1.4em;
  line-height:2em;
}