body{
	margin: 0;
	padding-top : 0px;
	font-size : 12px;
	line-height : 18px;
	background: url(images/3color.gif);
}

h1{
	margin: 0;
}

img{
	border: 0;
}

.left{
	float: left;
}

.right{
	float: right;
}

div{
	
}



/* ----------------------------------------
 header 
---------------------------------------- */

div#header{
 	height: 90px;
	background: #ccfe9a url(images/header-line.gif) repeat-x bottom;
}

div.outline{
	width: 600px;
	margin: 0 auto;
}



/* ----------------------------------------
 main 
---------------------------------------- */

.inq-pic{
	float: left;
	margin: 20px 0 0;
}


div.inq{
	float: right;
	width: 440px;
	margin: 16px auto;
}

div.inq-com{
	margin: -5px auto;
	padding: 5px 0;
	background: url(images/red_line_c.gif);
	text-align: center;
}


.red{
	color: #ff0033;
}

.bol{
	font-size: 18px;
	font-weight : bold;
	color: #ff0033;
}

.inq p{
	margin: 0;

}

dl{
	width: 320px;
	margin: 16px auto 0;
}

dt{
	float: left;
	color: #5e862b;
}

dd{
	float: left;
	margin: 0 16px;
}

div.box{
	clear: both;
	width: 287px;
	margin: 20px auto;
}

div.box-c{
	margin: -3px auto 0;
	background: url(images/bb_line_c.gif);
}

h2{
	margin: 0;
	text-align: center;
}

.box img{
	margin: 0;
}

.box p{
	margin: 16px 24px 0;
	color: #ffffff;
}

.t-right{
	margin: 16px 24px 0;
	text-align: right;
}

div.main_l{
	clear: both;
	width: 300px;
	float: left;
}

div.main_r{
	width: 300px;
	float: right;
}

img.box-img{
	float: left;
	margin: 36px 0 0 20px;

}

div.box-com{
	float: left;
	width: 170px;
	height: 100px;
	margin: 8px 8px;
}

.box-com p{
	margin: 4px 0 0;
	color: #ffffff;
}


.box-com ul{
	margin: 8px 0;
	padding: 0 16px;
	color: #ffffff;
}

div.det{
	clear: both;
	width: 260px;
	margin 0 auto;
	padding: 16px 0 0;
	text-align: right;
}



/* ----------------------------------------
 footer 
---------------------------------------- */

div#footer{
 	height: 50px;
	line-height: 14px;
	text-align: right;
	color: #5e8035;
	background: url(images/footer-line.gif) repeat-x bottom;
}