@charset "utf-8";

/*
-----------------------------------------------
Origin: 2008.03
-----------------------------------------------
*/



/* ////////// overlay ////////// */
#exa-overlay {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: #000;
	z-index: 10;
	filter:alpha(opacity=0);
	-moz-opacity: 0;
	opacity: 0;
}
#exa-box {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	z-index: 20;
	filter:alpha(opacity=100);
	-moz-opacity: 0;
	opacity: 0;
}
#exa-exp {
	position: relative;
	width: 640px;
	margin: 0px auto;
	padding: 0px;
	display: block;
}
#exa-bg {
	position: relative;
	background: url(../../images/img_box/boximg_bg.gif) repeat;
	width: 100%;
	float: left;
	color: #FFFFFF;
}



/* ////////// contents ////////// */
#exa-bg h3 {
	background: url(../../images/img_box/example_h1.gif) no-repeat left top;
	width: 100%;
	height: 80px;
	margin: 0px 0px 50px;
	font-size: 0;
	line-height: 0;
	text-indent: -9999px;
	display: block;
}

/* --list(down)-- */
#exa-bg ul {
	margin: 0px;
	padding-bottom: 35px;
	list-style-type: none;
	width: 100%;
	display: block;
	float: left;
}
#exa-bg ul li {
	margin: 0px 20px;
	padding: 0px 0px 15px;
	display: inline; /* for WinIE6 */
	float: left;
	clear:both;
}
#exa-bg ul li a {
	background: url(../../images/img_box/example_bullet_down.gif) no-repeat left center;
	margin: 0px;
	padding-left: 25px;
	color: #FFFFFF;
	display: block;
}

/* --text-- */
#exa-bg h4 {
	background: url(../../images/img_box/example_line_dot.gif) repeat-x left center;
	width: 600px;
	margin: 0px 20px 40px;
}
#exa-bg h4 span {
	background: #FFFFFF;
	color: #000000;
}
#exa-bg p {
	margin: 0px 20px;
	padding-bottom: 15px;
	display: block;
}
#exa-bg .fin {
	padding-bottom: 0px;
}

/* --go example_index-- */
#exa-bg p.exa-gotop {
	width: 640px;
	margin: 0px;
	padding: 30px 0px 20px;
	display: block;
}
#exa-bg p.exa-gotop a {
	background: url(../../images/img_box/example_btn_up.gif) no-repeat left top;
	width: 76px;
	height: 15px;
	margin-left: 544px;
	font-size: 0;
	line-height: 0;
	text-indent: -9999px;
	display: block;
}
#exa-bg p.exa-gotop a:hover {
	background: url(../../images/img_box/example_btn_up_on.gif) no-repeat left top;
}

/* --table-- */
#exa-bg table {
	width: 600px;
	margin: 0px 20px;
}
#exa-bg th {
	padding: 0px 15px 0px 0px;
	white-space: nowrap;
}
#exa-bg td {
	padding: 0px 0px 15px 0px;
}



/* ////////// close ////////// */
.exa-close {
	position: relative;
	width: 640px;
	margin: 0px auto;
	padding: 0px;
	display: block;
}
.exa-close span {
	background: url(../../images/img_box/box_btn_close.gif) no-repeat top;
	width: 66px;
	height: 35px;
	font-size: 0;
	line-height: 0;
	text-indent: -9999px;
	display: block;
	cursor: pointer;
}
#exa-closeUnder span{
	float: right;
}