/*
green color: 89c42a
*/
/* common */
body {
}
body,table {
  font-size: 16px;
  font-family: arial;
  /*letter-spacing: 0.1em;*/
}
form {
  margin:0;
}
/*hr {
  border-bottom:1px solid #dddddd;
}*/
.body_container {
  margin-left: 20px;
  width:620px;
  text-align:left;
}
ul li {
  list-style-image: url('img/dot.gif');
}
.big-green {
  /*color:#8ec21f;*/
  color:#006835;
  font-weight:bold;
}
.orange {
  color:#f78300;
}
.big-orange {
  color:#f78300;
  font-weight:bold;
}
.bold {
  font-weight:bold;
}

/* clear fix */
.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}
.clearfix {
  display: inline-block;
}
/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */

.section_caption {
  margin-left:12px;
}
.section_caption ul{margin:0; padding:0;}
.section_caption ul li{margin:0 0 0 24px; }

.section_div {
  margin-top: 16px;
  margin-bottom: 16px;
}
.hint {
  width: 500px;
  margin-left: 24px;
  padding: 8px;
  border:1px dotted navy;
  color: navy;
}
.user_license {
  margin-left:4px;
  margin-right:4px;
  border-bottom: 1px dashed;
}


/* main */
.desc {
  margin-top:12px;
  margin-bottom:12px;
  
}
.notice {
  /*margin-top:12px;
  margin-bottom:12px;
  border: 1px dotted #cccccc;*/
  padding:16px;
}
.notice table {
  width:100%;
  border : 1px dashed #666666;
}
.notice table td {
  vertical-align:top;
  padding: 8px;
}
.notice table td.c1 {
  width:60px;
  text-align:center;
}

.left_div {
  text-align:left;
}
.center_div {
  text-align:center;
}
.msg {
  margin-top:8px;
  margin-bottom:8px;
  color: red;
}

.login_div {
  border:2px solid rgb(0,104,53);
  background-color:rgb(142,194,31);
  width:400px;
  margin-left:auto;
  margin-right:auto;
}
.login_div2 {
  /*border:2px solid rgb(142,194,31);*/
  /*height:100%;*/
}

.login_div table {
  margin-top:8px;
  margin-bottom:8px;
  margin-left:auto;
  margin-right:auto;
}
#login_hint {
  font-size:14px;
}

.login_hello {
  margin-top:8px;
  margin-left:24px;
}

.sign_hint {
  font-size:16px;
}

.cart_hint {
  font-size:14px;
  color:#006835;
  font-weight:bold;
  margin-left: 8px;
  margin-right: 8px;
}
.cart_hint a{
  color:#006835;
  font-weight:bold;
  cursor:pointer;
  text-decoration:underline;
}

.sub-section_div,
.shoppinglist_div,
.invoice_div,
.order_itemlist_div,
.personal_info,
.history_div,
.transaction_div,
.notice_div,
.errmsg
{
  width:500px;
  margin-left:24px;
  /*margin-right:auto;*/
  margin-top: 8px;
  margin-bottom: 16px;  
}
.padding_div {
  padding: 8px;
}

/* shopping */
.shoppinglist_div {
  /*border:1px solid #666666;*/
  /*padding:8px;*/
}
.errmsg {
  color: red;
  border:1px dotted red;
}

.item_table {
  width:100%;
  border:2px solid #8ec21f;
  margin-top: 8px;
  margin-bottom: 8px;
  border-collapse:collapse;
  /*border:1px solid #cccccc;*/
}
.item_table td{
  padding: 8px;
}
.item_table tbody td{
  height: 36px;
}
.item_table thead td{
  /*border-bottom:1px solid #cccccc;*/
  border-bottom:2px solid #8ec21f;
}  
.cancel_selected {
  text-decoration:underline;
  font-size:14px;
  margin-left:12px;
  color:#f78300;
  cursor:pointer;
}
.shopping_submit ,
.order_cancel {
  margin-left:12px;
}


/* shopping invoice form */

.invoice_div {
  border:1px solid #666666;
  /*padding: 8px;*/
}
.invoice_div .caption {
  font-weight: bold;
  margin-bottom:8px;
  display:block;
}
.invoice_table {
  margin:8px;
  border-collapse:collapse;
}
.invoice_table td{
  vertical-align:top;
}
.invoice_table tbody td{
}
.invoice_table thead td{
  border-bottom:1px solid #cccccc;
}
.invoice_table .label,
.invoice_table .c1 {
  width:120px;
}


/* transaction  */
.maskcode {
  color: #aaaaaa;
}

.history_div ,
.transaction_div {
  border: 1px solid #666666;
  padding: 8px;
}
.transaction_div .caption {
  font-weight: bold;
  margin-bottom:8px;
  display:block;
}

table.s_table {
  width: 460px;
  border-collapse:collapse;
  margin-left:12px;
  margin-bottom:8px;
}
table.s_table td {
  border:1px solid gray;
  text-align:center;
  padding-left:4px;
  padding-right:4px;
}

table.o_table {
  width: 460px;
  border-collapse:collapse;
  margin-left:12px;
  margin-bottom:8px;
}
table.o_table td {
  border:1px solid gray;
  padding-left:4px;
  padding-right:4px;
}
table.o_table td.c {
  text-align:center;
}

table.m_table {
  width: 460px;
  border-collapse:collapse;
  margin-left:12px;
  margin-bottom:8px;
}
table.m_table td {
  border:1px solid gray;
  padding-left:4px;
  padding-right:4px;
  text-align:center;
}

.td_amount {
  width:200px;
  font-weight:bold;
}


/* order */
.order_itemlist_div {
}
.order_itemlist_div .order_amount {
  display:block;
  font-weight:bold;
  
}

/* result */
.notice_div {
  padding:8px;
  border:1px solid #666666;
}
.notice_div ol {
  margin-left:24px;
}
.notice_div .caption {
  font-weight: bold;
  margin-bottom:8px;
  display:block;
}

/**/

div.hello {
  color: #666666;
  margin-bottom:12px;
}

#header {
  height: 36px;
  overflow:auto;
  /*padding-bottom:2px;*/
  border-bottom:1px solid #dddddd;
  margin-bottom:12px;
}

#header ul,ol {
  margin:0;
  padding:0;
}

#header ul.list_left li{
  float:left;
  list-style-type: none;
  margin: 0px 12px 0px 0px;
}
#header ul.list_right li{
	float: right;
	list-style-type: none;
  margin: 0px 0px 0px 0px;
}

#header .site_title{
  /*margin-top: 8px ;
  display: block;
  margin-right:0;
  */
  
  font-size:18px;
  font-weight:bold;
  color: #333333;
  height: 24px;
  width:300px;
  margin-top: 8px;
  text-align:right;
}

.etitle {
  margin-left:2px;
  margin-right:2px;
}

#footer {
  border-top: 1px solid #dddddd;
  font-size:12px;
  padding-top:2px;
  margin-top:48px;
  color: #666666;
}
#footer a {
  margin-left:12px;
  text-decoration:none;
  color: #666666;
}
#footer a:hover {
  text-decoration:underline;
}

/* personal infomation */
.personal_info {
  border: 1px dotted #666666;
  /*padding:8px;*/
}
.personal_info table {
  width:100%;
  margin: 8px;
  border-collapse:collapse;
  
}
.personal_info table td{
  
}

.green-border {
  border: 2px solid #8ec21f;
}
.info1 {
  border:2px solid #8ec21f;
  margin: 0 12px 8px 12px;
}
.info1 ul {
  margin: 12px 0 12px 0;
}

/* result.php*/
table.o2_table {
  width: 460px;
  border-collapse:collapse;
  margin-left:auto;
  margin-right:auto;
  margin-bottom:8px;
}
table.o2_table td {
  padding:4px;
}
table.o2_table .h td {
  border-bottom:1px solid #666666;
}
table.o2_table .b td {
  font-weight:bold;
}
table.o2_table td.i1 {
  text-align:left;
  width:200px;
}
table.o2_table td.i4 {
  text-align:right;
  width:200px;
}
table.o2_table td.i2 {
  text-align:right;
  width:100px;
}
table.o2_table td.i3 {
  text-align:right;
}


/*Simple Transaction info*/
table.o3_table {
  width: 100%;
  border-collapse:collapse;
  margin-bottom:16px;
  border: 1px solid #666666;
}
table.o3_table td {
  padding:4px;
}
table.o3_table .h td {
  border-bottom:1px solid #666666;
}
table.o3_table td.i1 {
  text-align:left;
  width:150px;
}
table.o3_table td.i2 {
  width:220px;
}
table.o3_table td.i3 {
}