@charset "utf-8";
/* CSS Document*/

/* RESET */
table, tr, td, ul, li, p, img, h1, h2, h3, h4, h5, h6{ margin:0; padding:0;}
table { border-collapse:collapse; vertical-align:top;}
img {border:none;}
P {line-height:24px; color:#804F21; font-size:13px;}
textarea  {line-height:20px; color:#666; font-size:12px;}
.hover a:hover { opacity:0.7;}
#clearfix { clear:both;}
.floatR{ float:right;}

/* other_style--------------------------------------------------------------------- */
.shadow {
	-webkit-box-shadow: 1px 3px 5px rgba(0,0,0,.2); /* box shadow x y blur color*/
	-moz-box-shadow: 1px 3px 5px rgba(0,0,0,.2);
	box-shadow: 0 1px 2px rgba(0,0,0,.2);
}
.border {
	-webkit-border-radius: .5em; /* rounded corner for webkit browsers */
	-moz-border-radius: .5em; /* rounded corner for firefox browsers */
	border-radius: .5em; /* rounded corner */
	background-color:#fff;
}



/* line_style--------------------------------------------------------------------- */
tr.lineWhite { 
  /*border-bottom:1px dotted #fff; */
  background:url(images/line_white_dot.gif) repeat-x bottom;
}
.line_shadow{ 
	width:500px;
	height:13px;
	margin:5px auto;
	background:url(images/lineShadow.jpg) no-repeat top;
}
.line_gray { 
  width:95%;
  height:2px;
  padding:15px 0;
  clear:both;
  background:url(images/line_gray.gif) repeat-x center center;
}


/* FONT style--------------------------------------------------------------------- */
.text_12 {font-size:12px;}
.text_13 {font-size:13px;}
.text_15 {font-size:15px;}
.text_18 {font-size:18px;}

.arrow {background:url(images/icon_arrow.gif) no-repeat left center ;}
.arrow p{ padding:0 0 0 12px;}

.orange {color:#E95513;}
.yellow {color:#FF9343;}
.red {color:#BF1616;}
.brown {color:#804F21;}
.brown a {color:#933; text-decoration:none;}
.brown a:hover {color:#C30;}
.gray {color:#666;}
.blue {color:#2CA6E0;}
.blue a {color:#2CA6E0;}
.blue a:hover {color:#36BDF2;}
.black{color:#000;}
.green{color:#00A199;}

.bold {font-weight:bold;}
.normal  {font-weight:normal;}
.small {font-size:12px; line-height:20px; letter-spacing:normal;}
.alignR {text-align:right;}
.inline{display:inline;}


.style_white {font-size:12px; color:#fff; line-height:20px; font-weight:normal; }
.style_black {font-size:15px; color:#000; line-height:28px;}
.style_title {font-size:16px; color:#930; line-height:24px; font-weight:bold; letter-spacing:1px;
	text-shadow: 0 1px 1px rgba(1,0,0,.2);
}
.link  {font-size:12px; color:#933; text-decoration:none; }
.text_right {text-align:right;}
.link:hover {color:#F63; text-decoration:underline; }

/* BTN --------------------------------------------------------------------- */
/* btn_count + btn_sample + btn_charge + btn_download + btn_print */
.btnBox_CountSample {width:340px; height:34px; margin:15px auto;}
#btn_count, #btn_sample, #btn_charge, #btn_download, #btn_print, #btn_download_cn, #btn_print_cn  { float:left;	margin:0 10px;}
#btn_count a, #btn_sample a, #btn_charge a,  #btn_download a, #btn_print a, #btn_download_cn a, #btn_print_cn a { 
	width:142px; 
	height:34px; 
	text-indent:-5000px; 
	display:block; 
	outline:none;
}
#btn_count a { background:url(images/btn_count.png) no-repeat ;}
#btn_count a:hover { background:url(images/btn_countOver.png) ;}

#btn_sample a {	background:url(images/btn_sample.png) no-repeat ;}
#btn_sample a:hover { background:url(images/btn_sampleOver.png) ;}

#btn_charge a {	background:url(images/btn_charge.png) no-repeat ;}
#btn_charge a:hover { background:url(images/btn_chargeOver.png) ;}

#btn_download a { background:url(images/btn_download.png) no-repeat ;}
#btn_download a:hover { background:url(images/btn_downloadOver.png) ;}

#btn_print a { background:url(images/btn_print.png) no-repeat ;}
#btn_print a:hover { background:url(images/btn_printOver.png) ;}

#btn_download_cn a { background:url(images/btn_download_cn.png) no-repeat ;}
#btn_download_cn a:hover { background:url(images/btn_downloadOver_cn.png) ;}

#btn_print_cn a { background:url(images/btn_print_cn.png) no-repeat ;}
#btn_print_cn a:hover { background:url(images/btn_printOver_cn.png) ;}



/* btn_orangeSmall */
.btn_orangeSmall { display:inline; margin:0 2px; }
.btn_orangeSmall a {
	width:66px; 
	height:16px; 
	font-size:12px;
	color:#fff;
	text-decoration:none;
	text-align:center;
	padding:1px 0px 0 1px;
	padding:3px 0px 0 0 \9; /* for IE8 */
	display:inline-block; 
	background:url(images/btn_orangeSmall.jpg) no-repeat top left ;
}
.btn_orangeSmall a:hover {background:url(images/btn_orangeSmallOver.jpg) no-repeat top left ;}

/* btn_orange */
.btn_orange {margin:20px 10px; display:inline; float:left;}
.btn_orange a {
	width:85px; 
	height:28px; 
	display:block; 
	font-size:13px;
	color:#fff;
	text-decoration:none;
	line-height:29px;
	text-align:center;
	background:url(images/btn_orange.png) no-repeat;
}
.btn_orange a:hover {background:url(images/btn_orangeOver.png) no-repeat ;}


/* FORM style--------------------------------------------------------------------- */
/* inputForm */
TABLE.inputForm  {margin:0 auto; }
TABLE.inputForm TD { padding:5px 0;}
TABLE.inputForm P {color:#333;}
TABLE.inputForm P a {color:#633;}
TABLE.inputForm P a:hover {color:#333;}


.inputForm1 {color:#633;}
.inputForm1 a {color:#633;}
.inputForm1 a:hover {color:#633;}

/* detailForm */
TABLE.detailForm {
	border-collapse:collapse;
	margin:0 auto;
	border-spacing:0px;
	border:#E2DFD7 solid 1px;
	text-align:center;
}
TABLE.detailForm TR.title {
	background:#F2EFE9;
	letter-spacing:2px;
}
TABLE.detailForm TR.title P{
	color:#633;
}
TABLE.detailForm TD {
	padding:3px 5px;
}

TABLE.detailForm P {
	color:#333;
}

/* pagination style--------------------------------------------------------------------- */
div#paginationWrapper {
  position: relative;
  width: 500px;
  margin: 15px auto 0 auto;
  }

div.pagination {
  overflow: hidden;
  font-size: 9pt;
  padding: 10px 0;
  }
div.pagination ul {
  list-style: none;
  padding: 2px 0;
  line-height: 16px;
  }
div.pagination li {
  display: inline;
  }

div.pagination.scott {
  padding:3px;
  margin:3px;
  text-align:center;
  }
div.pagination.scott a {
  padding: 2px 5px 2px 5px;
  margin-right: 2px;
  border: 1px solid #ddd;
  text-decoration: none;
  color: #88AF3F;
  }
div.pagination.scott a:hover, div.pagination.scott a:active {
  border:1px solid #85BD1E;
  color: #638425;
  background-color: #F1FFD6;
  }
div.pagination.scott li.current {
  padding: 2px 5px 2px 5px;
  margin-right: 2px;
  border: 1px solid #B2E05D;
  font-weight: bold;
  background-color: #B2E05D;
  color: #FFF;
  }
div.pagination.scott li.disabled {
  padding: 2px 5px 2px 5px;
  margin-right: 2px;
  border: 1px solid #f3f3f3;
  color: #ccc;
  }