@charset "UTF-8";
/* CSS Document */

body {
    background-color: #1A1A1A;
	font-family: Calibri, Helvetica, Lucida Sans Unicode, Arial, sans-serif;
	font-size:14px;
	font-weight: 400;
	line-height:18px;
	color:#ffffff;
}
a:link {
	color: #00c4fc;
	text-decoration: underline;
}
a:visited {
	color: #00c4fc;
	text-decoration: none;
}
a:hover {
	color: #ff9c00;
	text-decoration: underline;
}
a:active {
	text-decoration: none;
	color: #ffcc00;
}
.clearfloat { /* this class should be placed on a div or break element and should be the final element before the close of a container that should fully contain a float */
	clear:both;
    height:0;
    font-size: 1px;
    line-height: 0px;
}
.page-title{
	display: none;
}
sub{ font-size: 11px; color: #898989; padding-left: 3px}
#wrapper {
	width:650px;
	margin:0 auto;
}
div p{ line-height: 1.5em}
div b{ color: #000000; font-size: 16px; padding-bottom: 5px; display: inline-block;}

.logo{
	width: 105px;
	height: 40px;
	top: 10px;
	left: 10px;
	position: absolute;
	z-index: 98;
}
.txtstyle{
	position: absolute;
	font-family: Calibri, Helvetica, Lucida Sans Unicode, Arial, sans-serif;
	font-size: 15px;
	color: #fff;
	text-align: center;
	line-height: 18px;
}
.txtstyle b{
	font-weight: 700;
	color: #ffcc00;
	padding-bottom: 3px;
}
.txtstyle p.note{
	font-size: 13px;
}
#header{
	height:580px;
	background:#000 url(../img/edm_banner01.jpg) no-repeat 0 0;
	position:relative;
}
#header .header_txt1{
	position: 	absolute;
	bottom: 25px;
	width: 600px;
	text-align: left;
	left: 30px;
	color: #bdbdbd;
	font-size: 13px;
}
#header a{
	display: inline-block;
}
.pdbox{
	position: absolute;
	display: inline-block;
	text-align: center;
}
.pd_title{
	font-size: 15px;
	font-weight: 700;
	font-family: "Helvetica";
}
.pd_sub{
	font-size: 15px;
	font-weight: 300;
	font-family: "Helvetica";
	color: #fff;
	margin: 2px 0 8px;
	line-height: 1.2em;
}
.pd_link{
	font-size: 13px;
	font-family: "Helvetica";
	margin-bottom: 5px;
	display: inline-block;
}
/*---sub01--- */
#sub00{
	margin:0 auto;
	position:relative;
	background:#0F0F0F url(../img/pic00.jpg) no-repeat 0 0;
	width:650px;
	height:690px;
	}
#sub00 .pd_title{
	color: #76b900
}
#sub00 .pd01{
	top: 235px;
	left: 50px
}
#sub00 .pd02{
	top: 235px;
	left: 260px
}
#sub00 .pd03{
	top: 235px;
	left: 495px
}
#sub00 .pd04{
	top: 560px;
	left: 50px
}
#sub00 .pd05{
	top: 560px;
	left: 260px
}
#sub00 .pd06{
	top: 560px;
	left: 495px
}
/*---sub01--- */
#sub01{
	margin:0 auto;
	position:relative;
	background:#0B0B0B url(../img/pic01.jpg) no-repeat 0 0;
	width:650px;
	height:375px;
	}
#sub01 .pd_title{
	color: #d42329
}
#sub01 .pd01{
	top: 235px;
	left: 36px
}
#sub01 .pd02{
	top: 235px;
	left: 255px
}
#sub01 .pd03{
	top: 235px;
	left: 425px
}
/*---sub02--- */
#sub02{
	margin:0 auto;
	position:relative;
	background:#0F0F0F url(../img/pic02.jpg) no-repeat 0 0;
	width:650px;
	height:345px;
	}
#sub02 .pd_title{
	color: #1bccff
}
#sub02 .pd01{
	top: 245px;
	left: 62px
}
/*---sub03--- */
#sub03{
	margin:0 auto;
	position:relative;
	background:#000 url(../img/pic03.jpg) no-repeat 0 0;
	width:650px;
	height:318px;
	}
#sub03 p.note{
	position: absolute;
	top: 170px;
	left: 33px;
	width: 590px;
	font-size: 9px;
	font-family: "Helvetica";
	color: #949494;
	line-height: 1.2em;
}
#sub03 p.note a{
	color: #76b900
}