/* CSS Document */
body { color: #444444;	font-size: 12px; text-align: center; margin: 0px;}
td { color: #444444;font-size: 12px; line-height: 120%; font-family: "Arial", "Helvetica", "sans-serif";}
a:link { color: #EF5971;}
a:visited { color: #EF5971;}
a:hover { color: #146F3A; text-decoration:none;}

/*-------------------------------------------
 || --------------- LAYOUT --------------- || 
 -------------------------------------------*/
#Wrapper {
	width: 800px;
	margin-left: auto;
	margin-right: auto;
	text-align: left;
	line-height: 120%;
	background: url(../images/side_bg.gif) repeat-y left;
}

/*-------------------------------------------
 || --------------- HEADER --------------- || 
 -------------------------------------------*/
#IndexHeader {
	width: 800px;
	height: 118px;
	padding: 0px;
}

/*-------------------------------------------
 || -------------- LEFT SIDE ------------- || 
 -------------------------------------------*/
#Side {
	width: 200px;
	float: left;
	clear: both;
}

/*---------- Member Login ----------*/ 
.Login {
	width: 200px;
	height: 250px;
	padding: 0px;
	color: #FFFFFF;
	font-size: 12px;
	font-family: "sans-serif";
	background: #6D1A42;
}
.Login h3 {
	margin: 0px 10px 20px 10px;
	width: 180px;
	padding-top: 75px;
	padding-bottom: 5px;
	border-bottom:1px solid #E1F0FF;
	font-family: "Times New Roman";
	font-size:14px;
	text-align:center;
}
.Signin { margin: 15px 0px;}
p.QR { margin: 15px 0px;}

/*---------- Menu List----------*/ 
#Side .Menu {
	margin: 0px;
	padding: 5px 0px 10px 0px;
	width: 200px;
	background: url(../images/menu_bg.gif) no-repeat top ;
	text-align: center;
	font-family: "Arial", "Helvetica", "sans-serif";
	border-bottom: 1px solid #3F0F25;
}
#Side .Menu table {
	width: 180px;
	margin: 0px 10px;
}
#Side .Menu td {
	line-height: 24px;
	font-size: 14px;
	font-weight: bold;
	text-align: left;
}
#Side .Menu td a {
	height: 24px;
	padding: 0px 10px;
	color: #FFFFFF;
	text-decoration: none;
	display: block;
}
#Side .Menu td a:hover {
	height: 24px;
	padding: 0px 10px;
	color: #360D21;
	text-decoration: none;
	background: url(../images/menu_li01.png);
	/*background: #FFFFFF;
	filter:alpha(opacity=50);
	-moz-opacity:0.50;*/
	display: block;
}

/*-------------------------------------------
 || ----------- MAIN CONTENTS ------------ || 
 -------------------------------------------*/
#Main { /*Index Page*/
	width: 600px;
	padding-top: 260px;
	background: url(../images/tp02.jpg);
	background-repeat: no-repeat;
	background-position: top left;
	float: left;
}
#MainText { 
	width: 560px;
	margin: 0px 20px 10px 20px;
	font-family: "Arial", "Helvetica", "sans-serif";
}
dl.Contents {
	padding: 0px;
	margin: 0px;
}
dl.Contents dt {
	padding-left: 28px;
	background: url(../images/point01.gif) #EDE8E1;
	background-repeat: no-repeat;
	background-position: left;
	height: 24px;
	font-size: 16px;
	font-weight: bold;
	line-height: 24px;
	margin-bottom: 10px;
}
dl.Contents dd {
	margin: 0px 0px 15px 28px;
}
dl.Contents dd dl dt {
	padding-left: 20px;
	background: url(../images/point02.gif) #FFFFFF;
	background-repeat: no-repeat;
	background-position: left;
	font-size: 14px;
	font-weight: bold;
	margin-bottom: 0px;
}
dl.Contents dd dl dd {
	margin-top: 0px;
	margin-left: 20px;
}

.PageTop {margin: 50px 0px 20px 0px; border-top:2px solid #EDE8E1; text-align: right; }
.PageTop a {color: #888888; font-weight: bold; }

/*-------------------------------------------
 || --------------- FOOTER --------------- || 
 -------------------------------------------*/
#Footer {
	margin-top: 10px;
	margin-bottom: 0px;
	background: #330000;
	clear: both;
}
#FooterText {
	padding: 10px;
	color: #FFFFFF;
	font-size: 12px;
	font-family: "Arial", "Helvetica", "sans-serif";
	text-align: right;
	line-height: 120%;
}

#FooterText a:link { color: #FFFFFF;}
#FooterText a:visited {	color: #FFFFFF;}
#FooterText a:hover { color: #FFFFFF; text-decoration: none;}