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

body {
	margin: 0;
	padding: 0;
	background: #c8d1d2;
	font-family: Helvetica, sans-serif;
}


#page
{
  margin: 0 auto 0 auto; 
  margin-left:0px;
  margin-top:0px;
  display: block; 
  height:auto;
  position: relative;
  overflow: left; 
  width: 690px;
}

#dropdown-top
{
	position: absolute;
	top: 0px;
	left:0px;
	width:700px;
	height:22px;
	background-image:url(/home/menu_drdw/images/menu_top_e.png);
	background-repeat:no-repeat;
}

#left_line-a
{
	position: absolute;
	top: 11px;
	left:0px;
	width:11px;
	height:22px;
	background-image:url(/home/menu_drdw/images/green_line.png);
	background-repeat:yes-repeat;
}

#left_line-b
{
	position: absolute;
	top: 298px;
	left:0px;
	width:11px;
	height:15px;
	background-image:url(/home/menu_drdw/images/green_line.png);
	background-repeat:yes-repeat;
}

#right_line-a
{
	position: absolute;
	top: 11px;
	left:640px;
	width:11px;
	height:578px;
	background-image:url(/home/menu_drdw/images/green_line.png);
	background-repeat:yes-repeat;
}

#botton_line-b
{
	position: absolute;
	top: 578px;
	left:0px;
	width:640px;
	height:11px;
	background-image:url(/home/menu_drdw/images/green_line.png);
	background-repeat:yes-repeat;
}

/**********************************************************************************/
/* 3-column                                                                      */
/********************************************************************************/

	.boxA
	{
		position: absolute;
		top: 33px;
		left:0px;
		width: 160px;
		height:265px;
		box-shadow: 10px 10px 30px rgba(0,0,0,0.4);
	}

	.boxB
	{
		position: absolute;
		top: 33px;
		left:160px;
		width: 160px;
		height:265px;
		box-shadow: 10px 10px 30px rgba(0,0,0,0.4);
	}

	.boxC
	{
		position: absolute;
		top: 33px;
		left:320px;
		width: 160px;
		height:265px;
		box-shadow: 10px 10px 30px rgba(0,0,0,0.4);
	}

	.boxD
	{
		position: absolute;
		top: 33px;
		left:480px;
		width: 160px;
		height:265px;
		box-shadow: 10px 10px 30px rgba(0,0,0,0.4);
	}

	.boxE
	{
		position: absolute;
		top: 313px;
		left:0px;
		width: 160px;
		height:265px;
		box-shadow: 10px 10px 30px rgba(0,0,0,0.4);
	}

	.boxF
	{
		position: absolute;
		top: 313px;
		left:160px;
		width: 160px;
		height:265px;
		box-shadow: 10px 10px 30px rgba(0,0,0,0.4);
	}

	.boxG
	{
		position: absolute;
		top: 313px;
		left:320px;
		width: 160px;
		height:265px;
		box-shadow: 10px 10px 30px rgba(0,0,0,0.4);
	}

	.boxH
	{
		position: absolute;
		top: 313px;
		left:480px;
		width: 160px;
		height:265px;
		box-shadow: 10px 10px 30px rgba(0,0,0,0.4);
	}

	.boxA p,  .boxB p,  .boxC p, .boxD p, .boxE p, .boxF p, .boxG p, .boxH p
	{
		font-size: 22px;
		color: #551a8b;
	}

	a:hover p
	{
		color: #ffffff;
	}

	a:hover img
	{
		opacity:0.4;
		filter:alpha(opacity=50);
	}

.contentBox p
{
	font-family: Arial, Helvetica, sans-serif;
	width:160px;
	margin-left:0px;
	font-size:12px;
	color: #000000;
	font-weight:bold
}