@charset "UTF-8";


/* -------------------------------------------------------------------------------------
  Initialize
------------------------------------------------------------------------------------- */

body, table, h1, h2, h3, h4, h5, h6, p, ul, ol, li, dl, blockquote, form, label {
	margin: 0;
	padding: 0;

}
body { 
	font-size: 13px;
	line-height: 110%;

}
img { border-style: none; }



/* -------------------------------------------------------------------------------------
  to avoid reading CSS bug of Safari
------------------------------------------------------------------------------------- */

a,
a:link,
a:visited {
	color: #0000ff;
}
a:hover,
a:focus {
	color: #ff0000;
	text-decoration:underline;
}
a:active {
	color: #ff00ff;
	text-decoration:underline;
}



/* -------------------------------------------------------------------------------------
  Clearfix
------------------------------------------------------------------------------------- */

.clearfix:after{
	content:".";
	display:block;
	height:0;
	clear:both;
	visibility:hidden;
	}
	
.clearfix{display:inline-block;}



/* -------------------------------------------------------------------------------------
  container
------------------------------------------------------------------------------------- */

#outer-container {
	width: 800px;
	height: 600px;
	background: url('../images/background.gif') no-repeat;
	text-align: center;

}
#title {
	padding: 29px 0 12px 0;

}
#content-container {
	width: 658px;
	height: 372px;
	margin: 0 auto;

}
#container-1 {
	width: 321px;
	height: 185px;
	background: url('../images/bg01.gif') no-repeat;
	float: left;
	text-align: left;

}
#container-2 {
	width: 321px;
	height: 185px;
	background: url('../images/bg02.gif?1') no-repeat;
	float: right;
	text-align: left;

}
#container-3 {
	width: 321px;
	height: 185px;
	background: url('../images/bg03.gif') no-repeat;
	float: left;
	text-align: left;

}
#container-4 {
	width: 321px;
	height: 185px;
	background: url('../images/bg04.gif') no-repeat;
	float: right;
	text-align: left;

}
#container-b {
	width: 600px;
	padding: 20px 0 0 0;

}
#container-b p.left {
	float: left;

}
#container-b p.right {
	float: right;

}
#container-1 p {
	padding: 70px 5px 0 178px;

}
#container-2 p {
	padding: 75px 15px 0 110px;

}
#container-3 p {
	padding: 70px 5px 0 168px;

}
#container-4 p {
	padding: 70px 5px 0 153px;

}