@charset "UTF-8";


/*------------------------------------------------------------------------------
main
------------------------------------------------------------------------------*/

h1 {
	height: 100px;
	width: 300px;
	position:absolute;
	top:50%;
	left:50%;
	margin:-50px 0 0 -150px;
	background-image: url(../img/main/logo.jpg);
	text-indent: -9999px;
}
body > h1 {
	height:auto;
	min-height:100px;
	
}
* {
	margin: 0;
}
html, body {
	height: 100%;
}
#main-wrap {
	min-height: 100%;
	height: auto !important;
	height: 100%;
	margin: 0 auto -255px; 
	width: 900px;
}
#box3 {
	background-image: url(../img/main/dot.gif);
	background-repeat: no-repeat;
	background-position: center top;
}
#box3,.push {
	height: 255px;
	width: 900px;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
}
/*------------------------------------------------------------------------------
right
------------------------------------------------------------------------------*/

#right,#mid,#left {
	height: 206px;
	float: right;
	width: 300px;
}

#right h2 {
	margin-right: 31px;
	float: right;
}
#right h2 a {
	background-image: url(../img/main/about_1_off.gif);
	text-indent: -9999px;
	height: 137px;
	width: 55px;
	display: block;
}
#right h2 a:hover {
	background-image: url(../img/main/about_1_on.gif);
}
.text1 {
	float: right;
	padding-right: 29px;
	width: 149px;
}
.text2 {
	float: right;
	padding-right: 29px;
	width: 144px;
}
.text3 {
	float: right;
	padding-right: 29px;
	width: 103px;
}
.text1 ul,.text2 ul,.text3 ul {
	float: right;
}
#right p {
	background-image: url(../img/main/about_2.gif);
	text-indent: -9999px;
	height: 44px;
	width: 149px;
	margin-bottom: 35px;
	background-position: right top;
}
.concept a {
	background-image: url(../img/main/about_3_off.gif);
	text-indent: -9999px;
	height: 37px;
	width: 89px;
	display: block;
}
.concept a:hover {
	background-image: url(../img/main/about_3_on.gif);
}
.profile a {
	background-image: url(../img/main/about_4_off.gif);
	text-indent: -9999px;
	height: 37px;
	width: 89px;
	display: block;
}
.profile a:hover {
	background-image: url(../img/main/about_4_on.gif);
}
.contact a {
	background-image: url(../img/main/about_5_off.gif);
	text-indent: -9999px;
	height: 37px;
	width: 89px;
	display: block;
}
.contact a:hover {
	background-image: url(../img/main/about_5_on.gif);
}


/*------------------------------------------------------------------------------
mid
------------------------------------------------------------------------------*/

#mid h2 {
	margin-right: 31px;
	float: right;
}
#mid h2 a {
	background-image: url(../img/main/mean_1_off.gif);
	text-indent: -9999px;
	height: 103px;
	width: 55px;
	display: block;
}
#mid h2 a:hover {
	background-image: url(../img/main/mean_1_on.gif);
}


#mid p {
	background-image: url(../img/main/mean_2.gif);
	text-indent: -9999px;
	height: 44px;
	width: 144px;
}

/*------------------------------------------------------------------------------
left
------------------------------------------------------------------------------*/

#left h2 {
	margin-right: 31px;
	float: right;
}
#left h2 a {
	background-image: url(../img/main/ga_1_off.gif);
	text-indent: -9999px;
	height: 106px;
	width: 55px;
	display: block;
}
#left h2 a:hover {
	background-image: url(../img/main/ga_1_on.gif);
}

#left p {
	background-image: url(../img/main/ga_2.gif);
	text-indent: -9999px;
	height: 44px;
	width: 103px;
	margin-bottom: 35px;
	background-position: right top;
	display: block;
}

.plan a {
	background-image: url(../img/main/ga_3_off.gif);
	text-indent: -9999px;
	height: 37px;
	width: 103px;
	display: block;
}
.plan a:hover {
	background-image: url(../img/main/ga_3_on.gif);
}
.furniture a {
	background-image: url(../img/main/ga_4_off.gif);
	text-indent: -9999px;
	height: 37px;
	width: 103px;
	display: block;
}
.furniture a:hover {
	background-image: url(../img/main/ga_4_on.gif);
}
.products a {
	background-image: url(../img/main/ga_5_off.gif);
	text-indent: -9999px;
	height: 37px;
	width: 103px;
	display: block;
}
.products a:hover {
	background-image: url(../img/main/ga_5_on.gif);
}
