@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:#333; font-size:14px;}
textarea  {line-height:22px; color:#666; font-size:14px;}
.hover a:hover { opacity:0.7;}
.clearfix { clear:both;}
.floatR{ float:right;}
.justify{	text-align:justify; text-justify: inter-ideograph;}
.opacity{ 
	filter:alpha(opacity=80); /* IE */ 
	-moz-opacity:0.8; /* Moz + FF */ 
	opacity: 0.8;      
}

/* 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;
}

.bold {font-weight:bold;}
.normal  {font-weight:normal;}
.small {font-size:14px; line-height:20px; letter-spacing:normal;}
.alignR {text-align:right;}
.inline{display:inline;}
.text_right {text-align:right;}
.link:hover {color:#F63; text-decoration:underline; }




/* 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_dotted_gray { 
	background:url(images/line_dotted_gray.gif) repeat-x ;
}


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

.back A { width:150px; display:block; color:#3D70B8; text-align:center;}
.back A:hoevr {color:#09F; text-decoration:underline; }

.style_orange {color:#DC7418; }
.style_green {color:#4E7F28; }
.style_blue {color:#3D70B8; }
.style_red {color:#FF0000 }
.style_white {color:#fff;}
.style_black {color:#000;}

/* BTN --------------------------------------------------------------------- */

.btn_top a { 
	width:54px;
	height:54px;
	display:block;
	text-indent:-5000px;
	margin:10px auto;
	background:url(images/btn_top.gif) no-repeat ;
	clear:both;
}
.btn_top a:hover { 
	filter:alpha(opacity=80); /* IE */ 
	-moz-opacity:0.8; /* Moz + FF */ 
	opacity: 0.8;      
}

.btn_list a { 
	width:58px;
	height:58px;
	display:block;
	text-indent:-5000px;
	margin:10px auto;
	background:url(images/btn_list.gif) no-repeat ;
	clear:both;
}
.btn_list a:hover { 
	filter:alpha(opacity=80); /* IE */ 
	-moz-opacity:0.8; /* Moz + FF */ 
	opacity: 0.8;      
}
#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_orangeSmall */
.btn_orangeSmall { display:inline; margin:0 2px; }
.btn_orangeSmall a {
	width:66px; 
	height:16px; 
	font-size:14px;
	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;}

/* 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--------------------------------------------------------------------- */
UL#pagination {
  width: 500px;
  margin: 10px auto ;
  list-style: none;
  text-align:center;
  display:block;
}
UL#pagination LI {
  display: inline;
  color: #88AF3F;
  font-size:14px;
  display: inline;
}
UL#pagination LI A{
  color: #727171;
  text-decoration: none;
  padding: 5px 5px;
}
UL#pagination LI A:hover {
  color: #EA5514;
  font-size:14px;
}
UL#pagination LI.current {
  color: #EA5514;
  padding: 5px 5px;
}
UL#pagination LI.disabled {
  color: #ccc;
  padding: 2px 5px;
}
UL#pagination LI.info {
  color: #727171;
  padding: 5px 5px;
  display:block;
}
