@charset "utf-8";
/*
--------------------------------------------------
CSS Skin Settings
FileName:   main.css
Version:    2008/03/11
--------------------------------------------------
*/

/* =body
------------------------------
pankuzu - (h1) - maintop - mainmiddle - mainbottom
*/


h1 {
  width: 540px;
  height: 24px;
  margin-bottom: 6px;
  padding: 5px 20px 0px;
  color: #FFFFFF;
  font-weight: bold;
  font-size: 122%;
}

h1.brown {
  background: url("../images/bg_h1_brown.jpg") no-repeat;
}

h1.purple {
	width:100%;
  background: url("../images/bg_h1_purple.jpg") no-repeat;
}
h1.yellow {
	width:100%;
  background: url("../images/bg_h1_yellow.jpg") no-repeat;
}
h1.orange {
	width:100%;
  background: url("../images/bg_h1_orange.jpg") no-repeat;
}
h1.black {
  background: url("../images/bg_h1_black.jpg") no-repeat;
}

h2 {
  background: url("../images/bg_h2.jpg") no-repeat bottom left ;
  margin: 15px 0px;
  padding: 3px 0px 5px;
  color: #649303;
  font-weight: bold;
  font-size: 135%;
}
h2.purple {
  background: url("../images/bg_h2_purple.jpg") no-repeat bottom left ;
  color: #695cac;
}
h2.purple2 {
  background: url("../images/bg_h2_purple2.jpg") no-repeat bottom left ;
  color: #695cac;
}
h2.yellow {
  background: url("../images/bg_h2_yellow.jpg") no-repeat bottom left ;
  /*color: #f0b912;*/
	color:#ac6a00;
}
h2.orange {
  background: url("../images/bg_h2_orange.jpg") no-repeat bottom left ;
  color: #fd9101;
}


h3 {
  background: url("../images/bg_h3.jpg") no-repeat 5px 7px;
  margin: 15px 0px;
  padding: 3px 0px 5px 16px;
  color: #649303;
  font-weight: bold;
  font-size: 122%;
}
h3.purple {
  background: url("../images/bg_h3_purple.jpg") no-repeat 5px 7px;
  color: #695cac;
}
h3.yellow {
  background: url("../images/bg_h3_yellow.jpg") no-repeat 5px 7px;
  color: #ac6a00;
	clear:both;
}
h3.orange {
  background: url("../images/bg_h3_orange.jpg") no-repeat 5px 7px;
  color: #fd9101;
}

h4 {
  padding: 3px 0px 5px 0px;
  color: #8EC31F;
  font-weight: bold;
}

h5 {
  padding: 3px 0px 5px 0px;
  color: #006400;
  font-weight: bold;
}

#wrapper {
  background-color: #FFFFFF;
  border: solid 1px #CCCCCC;
  padding: 12px 20px 40px;
}

#pankuzu {
  text-align: right;
  font-size: 87%;
}

.pagetop {
	background:url("../images/pageup.jpg") no-repeat right ;
	text-align:right;
	padding:5px 0px;
	padding-right:15px;
	/*border-bottom:1px dotted #CCCCCC ;*/
	margin:10px 0;
	}


/*****************IMG STYLE*****************/
.imgG {
margin-right:10px;
/*padding:5px;*/
background-color:#F0F7D7;
border:5px solid #C4DC60;
}

.imgY {
margin-right:10px;
/*padding:5px;*/
background-color:#fbfad9;
border:5px solid #fce804;
}
.imgP {
margin-right:10px;
/*padding:5px;*/
background-color:#edeafd;
border:5px solid #cac3f1;
}
.imgO {
margin-right:10px;
/*padding:5px;*/
background-color:#fcf1e2;
border:5px solid #f7d6aa;
}

/***************TABLE STYLE*****************/

/*-----------------Gray-------------------*/
table.tblGr {
  margin-top:30px;
  margin-bottom: 1em;
  width: 100%;
  border-collapse: collapse;
  border-spacing: 2px;
  font-size: 100%;
	clear:both;
}

table.tblGr caption {
  margin-top: 1em;
  text-align: right;
}

table.tblGr th,
table.tblGr td {
  padding: 2px 8px;
	vertical-align:top
}

table.tblGr th {
  border-bottom: solid 1px #555;
  /*border-right: solid 1px #B2B2B2;*/
  /*background: #FFD9F3;*/
  text-align: left;
	vertical-align:top;
  white-space: nowrap;
  font-size: 92%;
}
table.tblGr th.top {
  background: #FFF;
  text-align: left;
  white-space: nowrap;
  font-size: 92%;
}

table.tblGr td {
  border-bottom: solid 1px #999;
  /*border-right: solid 1px #B2B2B2;*/
  /*background: #F3F3F3;*/
  text-align: left;
  /*white-space: nowrap;*/
}
table.tblGr td.top {
  border-bottom: solid 1px #B2B2B2;
  /*border-right: solid 1px #B2B2B2;*/
  /*background: #F3F3F3;*/
  text-align: left;
  white-space: nowrap;
}
table.tblGr tr.tblGrbk2 {
  border-bottom: solid 1px #C4DC60;
  /*border-right: solid 1px #B2B2B2;*/
  background: #F0F0F0;
  text-align: left;
  /*white-space: nowrap;*/
}
table.tblGr td.tblGrright {
  text-align: right;
  white-space: nowrap;
}
/*-----------------Gray2------------------*/
table.tblGr2 {
  margin-top:30px;
  margin-bottom: 1em;
  width: 100%;
  border-collapse: collapse;
  border-spacing: 2px;
  font-size: 80%;
	clear:both;
	border-left:1px solid #999;
	border-top:1px solid #999;
}

table.tblGr2 caption {
  margin-top: 1em;
  text-align: right;
}

table.tblGr2 th,
table.tblGr2 td {
  padding: 2px 2px;
	vertical-align:top
}

table.tblGr2 th {
  border-bottom: solid 1px #999;
  border-right: solid 1px #999;
  background: #F0F7D7;
  text-align: left;
	vertical-align:top;
  /*white-space: nowrap;*/
}
table.tblGr2 th.top {
  background: #FFF;
  text-align: left;
  white-space: nowrap;
}

table.tblGr2 td {
  border-bottom: solid 1px #999;
  border-right: solid 1px #999;
  /*background: #F3F3F3;*/
  text-align: center;
	vertical-align:middle;
  /*white-space: nowrap;*/
}
table.tblGr2 td.top {
  border-bottom: solid 1px #B2B2B2;
  /*border-right: solid 1px #B2B2B2;*/
  /*background: #F3F3F3;*/
  text-align: left;
  white-space: nowrap;
}
table.tblGr2 tr.tblGr2bk2 {
  border-bottom: solid 1px #C4DC60;
  /*border-right: solid 1px #B2B2B2;*/
  background: #F0F0F0;
  text-align: left;
  /*white-space: nowrap;*/
}
table.tblGr2 tr.tblGr2bk3 {
  border-bottom: solid 1px #C4DC60;
  /*border-right: solid 1px #B2B2B2;*/
  background: #F6F6F6;
  text-align: left;
  /*white-space: nowrap;*/
}
table.tblGr2 tr.tblGr2bk4 {
  border-bottom: solid 1px #C4DC60;
  /*border-right: solid 1px #B2B2B2;*/
  background: #F0F0F0;
  text-align: left;
  /*white-space: nowrap;*/
}

table.tblGr2 td.tblGr2right {
  text-align: right;
  white-space: nowrap;
}


/*-----------------Green-------------------*/
table.tblG {
  margin-top:30px;
  margin-bottom: 1em;
  width: 100%;
  border-collapse: collapse;
  border-spacing: 2px;
  font-size: 100%;
	clear:both;
}

table.tblG caption {
  margin-top: 1em;
  text-align: right;
}

table.tblG th,
table.tblG td {
  padding: 2px 8px;
	vertical-align:top
}

table.tblG th {
  border-bottom: solid 1px #C4DC60;
  /*border-right: solid 1px #B2B2B2;*/
  /*background: #FFD9F3;*/
  text-align: left;
	vertical-align:top;
  white-space: nowrap;
  font-size: 92%;
}
table.tblG th.top {
  background: #FFF;
  text-align: left;
  white-space: nowrap;
  font-size: 92%;
}

table.tblG td {
  border-bottom: solid 1px #C4DC60;
  /*border-right: solid 1px #B2B2B2;*/
  /*background: #F3F3F3;*/
  text-align: left;
  /*white-space: nowrap;*/
}
table.tblG td.top {
  border-bottom: solid 1px #B2B2B2;
  /*border-right: solid 1px #B2B2B2;*/
  /*background: #F3F3F3;*/
  text-align: left;
  white-space: nowrap;
}
table.tblG tr.tblGbk2 {
  border-bottom: solid 1px #C4DC60;
  /*border-right: solid 1px #B2B2B2;*/
  background: #F0F7D7;
  text-align: left;
  /*white-space: nowrap;*/
}
table.tblG td.tblright {
  text-align: right;
  white-space: nowrap;
}
/*-----------------Purple------------------*/
table.tblP {
  /*margin-top: 0.2em;*/
  margin-bottom: 1em;
  width: 100%;
  border-collapse: collapse;
  border-spacing: 2px;
  font-size: 100%;
}

table.tblP caption {
  margin-top: 1em;
  text-align: right;
}

table.tblP th,
table.tblP td {
  padding: 2px 4px;
}

table.tblP th {
  border-bottom: solid 1px #cac3f1;
  /*border-right: solid 1px #B2B2B2;*/
  /*background: #FFD9F3;*/
  text-align: left;
  white-space: nowrap;
  font-size: 92%;
}
table.tblP th.top {
  background: #FFF;
  text-align: left;
  white-space: nowrap;
  font-size: 92%;
}

table.tblP td {
  border-bottom: solid 1px #cac3f1;
  /*border-right: solid 1px #B2B2B2;*/
  /*background: #F3F3F3;*/
  text-align: right;
  white-space: nowrap;
}
table.tblP td.top {
  border-bottom: solid 1px #B2B2B2;
  /*border-right: solid 1px #B2B2B2;*/
  /*background: #F3F3F3;*/
  text-align: right;
  white-space: nowrap;
}
table.tblP td.noborder {
border:none;
}
/*-----------------orange------------------*/
table.tblO {
  margin-top:30px;
  margin-bottom: 1em;
  width: 100%;
  border-collapse: collapse;
  border-spacing: 2px;
  font-size: 100%;
	clear:both;
}

table.tblO caption {
  margin-top: 1em;
  text-align: right;
}

table.tblO th,
table.tblO td {
  padding: 2px 8px;
	vertical-align:top
}

table.tblO th {
  border-bottom: solid 1px #f7d6aa;
  /*border-right: solid 1px #B2B2B2;*/
  /*background: #FFD9F3;*/
  text-align: left;
  white-space: nowrap;
  font-size: 92%;
}
table.tblO th.top {
  background: #FFF;
  text-align: left;
  white-space: nowrap;
  font-size: 92%;
}

table.tblO td {
  border-bottom: solid 1px #f7d6aa;
  /*border-right: solid 1px #B2B2B2;*/
  /*background: #F3F3F3;*/
  text-align: left;
  /*white-space: nowrap;*/
}
table.tblO td.top {
  border-bottom: solid 1px #B2B2B2;
  /*border-right: solid 1px #B2B2B2;*/
  /*background: #F3F3F3;*/
  text-align: left;
  white-space: nowrap;
}
/*-----------------YELLOW------------------*/
table.tblY {
	/*margin-top: 0.2em;*/
  margin-bottom: 1em;
	width: 100%;
	border-collapse: collapse;
	border-spacing: 2px;
	font-size: 100%;
}

table.tblY caption {
  margin-top: 1em;
  text-align: right;
}

table.tblY th,
table.tblY td {
  padding: 2px 4px;
}

table.tblY th {
  border-bottom: solid 1px #fce804;
  /*border-right: solid 1px #B2B2B2;*/
  /*background: #FFD9F3;*/
  text-align: right;
  white-space: nowrap;
	width:60px;
  font-size: 92%;
}
table.tblY th.top {
  background: #FFF;
  text-align: left;
  white-space: nowrap;
  font-size: 92%;
}

table.tblY td {
  border-bottom: solid 1px #fce804;
  /*border-right: solid 1px #B2B2B2;*/
  /*background: #F3F3F3;*/
  text-align: right;
  white-space: nowrap;
}
table.tblY td.top {
  border-bottom: solid 1px #B2B2B2;
  /*border-right: solid 1px #B2B2B2;*/
  /*background: #F3F3F3;*/
  text-align: right;
  white-space: nowrap;
}
/*-----------------oem-------------------*/
table.tblOem {
  margin-top:30px;
  margin-bottom: 1em;
  width: 100%;
  border-collapse: collapse;
  border-spacing: 2px;
  font-size: 100%;
	clear:both;
}

table.tblOem caption {
  margin-top: 1em;
  text-align: right;
}

table.tblOem th,
table.tblOem td {
  padding: 2px 8px;
	vertical-align:top
}

table.tblOem th {
  /*border-right: solid 1px #B2B2B2;*/
  /*background: #FFD9F3;*/
  text-align: center;
	vertical-align: middle;
  white-space: nowrap;
  font-size: 92%;
	font-weight:bold;
}
table.tblOem th.top {
  background: #FFF;
  text-align: center;
  white-space: nowrap;
  font-size: 92%;
}

table.tblOem td {
  /*border-right: solid 1px #B2B2B2;*/
  /*background: #F3F3F3;*/
  text-align: left;
  /*white-space: nowrap;*/
}
table.tblOem td.top {
  border-bottom: solid 1px #B2B2B2;
  /*border-right: solid 1px #B2B2B2;*/
  /*background: #F3F3F3;*/
  text-align: left;
  white-space: nowrap;
}
table.tblOem tr.tblOembk2 {
  border-bottom: solid 1px #C4DC60;
  /*border-right: solid 1px #B2B2B2;*/
  background: #F0F0F0;
  text-align: left;
  /*white-space: nowrap;*/
}
table.tblOem td.tblOemP {
	background-color:#edeafd;
  border-bottom: solid 1px #cac3f1;
}
table.tblOem td.tblOemO {
	background-color:#fcf1e2;
  border-bottom: solid 1px #f7d6aa;
}
/*----------------product-------------------*/
table.tblPrd {
  margin-top:10px;
  margin-bottom: 20px;
  width: 100%;
  border-collapse: separate;
  border-spacing: 2px;
  font-size: 100%;
	clear:both;
}

table.tblPrd caption {
  margin-top: 1em;
  text-align: right;
}

table.tblPrd th,
table.tblPrd td {
  padding: 2px 8px;
	vertical-align: middle;
}

table.tblPrd th {
  /*border-right: solid 1px #B2B2B2;*/
  /*background: #FFD9F3;*/
  text-align: center;
	vertical-align: middle;
  white-space: nowrap;
  font-size: 92%;
	font-weight:bold;
}

table.tblPrd td {
  /*background: #F3F3F3;*/
  text-align: left;
  /*white-space: nowrap;*/
}
table.tblPrd tr.tblPrdbk2 {
  border-bottom: solid 1px #C4DC60;
  /*border-right: solid 1px #B2B2B2;*/
  background: #F0F0F0;
  text-align: left;
  /*white-space: nowrap;*/
}
table.tblPrd td.tblPrdnone {
	border:none;
	}
table.tblPrd td.tblPrdO {
	background-color:#fcf1e2;
  border-bottom: solid 1px #f7d6aa;
}