@charset "UTF-8";

/*============================================================*/
/*index*/
/*============================================================*/
#topflash{
	width:100%
	margin:0 auto;
	display:block;
	height:465px;
	z-index:0;
	background:#FFF;
	text-align:center;	
}

#flashcontents{
	background:#FFF;
}

#indexContents {
	clear:both;
	width:100%;
	margin:0px auto;
	padding:0;
	text-align:center;
	background-image: url(../images/menu_bottomline.gif);
	background-repeat: repeat-x;
}

#indexContents2 {
	clear:both;
	width:100%;
	padding:20px 0 0 0;
	text-align:center;
	background-image: url(../images/menu_bottomline.gif);
	background-repeat: repeat-x;
}

#contentsArea {
	width:950px;
	margin:0px auto;
}

#indexleft{
	float:left;
	width:450px;
	margin-top:30px;
}

#Information {
	width:640px;
	float:left;
	text-align:left;
}

#Information h2{
	margin-bottom:5px;
}

#indexRight{
	width:294px;
	margin-top:18px;
	float:right;
}

#indexRight img{
	margin:0px;
}

#indexCopy{
	clear:both;
	width:950px;
	margin:0 auto;
	padding-top:5px;
	padding-bottom:5px;
	font-size:9px;
	text-align:left;
	line-height:1.3;
}

#indexCopy p{
	float:left;
}

#indexCopy img{
	margin-top:12px;
	margin-bottom:5px;
	float:right;
}

.copy{
	font-size:10px;
	padding-top:10px;
	color:#666666;
}
.copy2{
	clear:both;
	font-size:10px;
	padding-top:15px;
	margin-left:38px;
	text-align:left;
	color:#666666;
}

#a_banner{
	clear:both;
	background-image: url(../images/q_banner_BG.gif);
	width:748px;
	height:60px;
	margin:0 auto;
	padding:13px;
	text-align:right;
}
#bnArea {
	clear:both;
	height:74px;
	padding-top:10px;
	margin: 0 0 0 7px;
}
#bnArea ul li {
	float:left;
	margin-right:5px;
}


/*============================================================*/
/*pop up-accessmap*/
/*============================================================*/
#popContents {
	width:700px;
	margin:0px auto 10px;
	padding-bottom:25px;
	text-align:center;
	background-image: url(../images/accessmap/pop_line.jpg);
	background-position:bottom;
	background-repeat: repeat-x;
}
#popContents a{
	margin-left:10px;
}
#popContents a:hover{
	margin-left:10px;
}

#popupHe{
	width:477px;
	text-align:left;
	margin:21px 0 13px 20px;
}

#access{
	margin:17px 0 32px 0;
}

#access .imgAc{
	margin:11px 10px 0 10px;
}
#popBtn{
	width:700px;
	text-align:center;
}
#popBtn img{
	margin:0 0 15px 10px;
}

.close{
	margin:50px 0 0 50px;
}

/* safari only \*/  
html:\66irst-child #popBtn img {
	padding-left:10px;
}  


/*common contexts**/
.contexts_img{
	margin-top:20px; 
}

h2{
	text-align:left;
	height:32px;
	padding:0 55px;
	background:url(../images/title_BG.gif) repeat-x bottom;
}

h3{
	text-align:left;
	height:30px;
	background:url(../images/title_BG_blue.gif) repeat-x bottom;
}

#contents_bg{
	margin-top:20px;
}

/*============================================================*/
/*concept*/
/*============================================================*/
#concept_bg{
	margin-top:20px;
	background:url(../images/concept/concept_BG.gif) no-repeat top;
}


#concept_bg p{
	margin-top:20px;
	margin-left:55px;
	_margin-left:30px;
	width:420px;
	text-align:left;
	float:left;
}


#con_box{
	height:350px;
}

.con_img{
	float:right;
	position:relative;
	top:-32px;
}

.con_section {
	padding:0 0 50px 0;
}


/*============================================================*/
/*location*/
/*============================================================*/
#loc_box{
	clear:both;
	height:340px;
}

#loc_box p{
	margin-top:20px;
	margin-left:55px;
	_margin-left:30px;
	width:420px;
	text-align:left;
	float:left;
}

#loc_box img{
	margin-right:40px;
}

#loc_box2{
	clear:both;
	height:200px;
}

#loc_box2 p{
	margin-top:20px;
	margin-left:55px;
	_margin-left:30px;
	width:420px;
	text-align:left;
	float:left;
}

#loc_box2 img{
	margin-right:40px;
}

#loc_box .life_map{
	float:left;
	position:relative;
	top:-20px;
	margin:0;
	padding:0;
}

#lifeinformation{
	float:right;
	width:445px;
	height:504px;
}
#lifeinformation h2{
	margin-left:0;
	margin-bottom:20px;
	padding-left:30px;
	height:28px;
}

#lifeinformation p{
	width:400px;
	margin:2px 0 2px 30px;
	_margin:2px 0 2px 10px;
}

#lifeinformation .copy{
	float:right;
	text-align:right;
}

#location_btnMap{
	width:330px;
	margin-top:20px;
	margin-right:40px;
	_margin-right:0px;
	float:right;
}


/*============================================================*/
/*access*/
/*============================================================*/
#access_bg{
	margin-top:20px;
	background:url(../images/access/access_BG.gif) no-repeat top;
	height:244px;
	margin-bottom:0;
}

#access_bg h2.l2{
	height:66px;
}

#access_bg p{
	text-align:left;
	margin-left:55px;
	margin-top:20px;
	margin-bottom:0;
	padding:0;
}

#acc_box{
	margin-top:30px;
	margin-right:30px;
	margin-left:38px;
}

#acc_box .img_station{
	margin:10px 17px 0;
}

#acc_box2{
	width:430px;
	margin-top:30px;
	margin-left:38px;
	_margin-left:20px;
	float:left;
	text-align:left;
}
#acc_box2 .img_station2, #acc_box3 .img_station2{
	margin-right:25px;
}
#acc_box3{
	width:430px;
	margin-top:30px;
	margin-right:20px;
	float:right;
	text-align:left;
}

/*============================================================*/
/*roomplna*/
/*============================================================*/
#roomplna_bg{
	margin-bottom:0;
}

#roomplna_bg p{
	text-align:left;
	margin:10px 0 15px 55px;
	padding:0;
}

#roomplna_bg .planList{
	text-align:center;
	height:264px;
	margin-left:2px;
}

#roomplna_bg .planList li{
	float:left;
	margin:8px;
}


/*============================================================*/
/*equipment*/
/*============================================================*/
#equipment h2 {
	clear:both;
	padding-top:30px;
}
#equipment_bg{
	margin-bottom:0;
}

#equipment_bg p{
	text-align:left;
	margin:10px 0 15px 55px;
	padding:0;
}

#equipment_bg .equipmentList{
	text-align:center;
	clear:both;
	overflow:hidden;
}

#equipment_bg .equipmentList .copy{
	line-height:100%;
}

#equipment_bg .equipmentList .colum
{
	float:left;
	width:286px;
	margin:20px 5px 0 16px;
	text-align:left;
	color:#333;
	position:relative;
	_margin:20px 2px 0 8px;
}

#equipment_bg .equipmentList .colum p
{
	margin:0;
	position:absolute;
	top:236px;
	left:12px;
	width: 272px;
}

#equipment_bg .equipmentList .colum p.p2
{
	margin:0;
	position:absolute;
	top:270px;
	left:13px;
	width: 268px;
}

#equipment_bg .equipmentList .colum p.p3
{
	margin:0;
	position:absolute;
	top:300px;
	left:14px;
	width: 581px;
}

#equipment_bg .equipmentList .colum p.p4
{
	margin:0;
	position:absolute;
	top:186px;
	left:11px;
	width: 268px;
}

#equipment_bg .equipmentList .colum p.p5
{
	margin:0;
	position:absolute;
	top:323px;
	left:13px;
	width: 268px;
}

#equipment_bg .equipmentList .colum p.p6
{
	margin:0;
	position:absolute;
	top:341px;
	left:14px;
	width: 578px;
}

#equipment_bg .equipmentList .colum p.p7
{
	margin:0;
	position:absolute;
	top:208px;
	left:11px;
	width: 275px;
}

#equipment_bg .equipmentList .colum p.p8
{
	margin:0;
	position:absolute;
	top:216px;
	left:11px;
	width: 272px;
}

#equipment_bg .equipmentList .colum p.p9
{
	margin:0;
	position:absolute;
	top:185px;
	left:9px;
	width: 275px;
}


#equipment_bg .equipmentList .etc
{
	float:left;
	width:288px;
	height:312px;
	margin:20px 5px 0 16px;
	text-align:left;
	color:#333;
}

#equipment_bg .equipmentList .etc img
{
	margin-bottom:8px;
}

#equipment_bg .eco
{
	margin:20px 0 20px 0;
}



#equ_menu li {
	float:left;
}

#btn_back {
	text-align:left;
	clear:both;
	margin-top:40px;
}


li#btnKit {width:154px;left:0;}
li#btnKit a:hover {width:154px; background:url(../images/equipment/menuBg.gif) 0px 44px;}

li#btnBat {	width:154px;left:159px;}
li#btnBat a:hover {width:154px; background:url(../images/equipment/menuBg.gif) -159px 44px;}

li#btnToi {	width:154px;left:318px;}
li#btnToi a:hover {width:154px; background:url(../images/equipment/menuBg.gif) -318px 44px;}

li#btnCom {width:154px;left:478px;}
li#btnCom a:hover {width:154px; background:url(../images/equipment/menuBg.gif) -478px 44px;}

li#btnSec{width:155px;left:638px;}
li#btnSec a:hover {width:155px; background:url(../images/equipment/menuBg.gif) -637px 44px;}


/*============================================================*/
/*architect*/
/*============================================================*/
#architectContentsArea {
	margin:0 0 50px 0;
}	

#architectContentsArea .pageNavi {
	margin:20px auto;
}

#architectContentsArea .section {
	clear:both;
	margin:20px 0 30px 0;
}

#architectContentsArea .garden {
	border:1px solid #b4ac89;
	padding:20px 28px 10px 28px;
	text-align:left;
}

#architectContentsArea h3 {
	background:none;
	margin:0 0 15px 0;
	height:auto;
}

#architectContentsArea h2{
	padding:0 0 0 30px;
}

#architectContentsArea p {
	margin:0 0 15px 0;
	height:auto;
}

#architectContentsArea .copy {
	text-align:right;
	margin:0;
}

#architectContentsArea .garden .photoArea {
	text-align:center;
}

#architectContentsArea .garden .photoArea img {
	margin:0 6px 5px 6px;	
}

#architectContentsArea .colum2_1,
#architectContentsArea .colum2_2,
#architectContentsArea .colum2_3,
#architectContentsArea .colum2_4{
	margin:20px 0 0 0;
	overflow:hidden;
}



#architectContentsArea .colum2_1 .first {
	float:left;
	padding:0 30px 0 30px;
	width:264px;
}

#architectContentsArea .colum2_1 .second {
	float:left;
	margin:0;
	padding:0;
	width:608px;
}

#architectContentsArea .colum2_2 .first {
	float:left;
	padding:0 0 0 30px;
	width:442px;
}

#architectContentsArea .colum2_2 .second {
	float:left;
	padding:0 0 0 30px;
	width:428px;
}

#architectContentsArea .colum2_3 .first {
	float:left;
	padding:0 0 0 30px;
	width:352px;
}

#architectContentsArea .colum2_3 .second {
	float:left;
	padding:0 0 0 30px;
	width:510px;
}

#architectContentsArea .colum2_4 .first {
	float:left;
	margin:0;
	padding:0;
	width:67px;
}

#architectContentsArea .colum2_4 .second {
	float:left;
	padding:0 0 0 20px;
	width:90px;
}


/*============================================================*/
/*modelroom*/
/*============================================================*/

#flashContentsArea {
	margin:20px 10px 0 0;
}


/*============================================================*/
/*quality*/
/*============================================================*/

.qualityArea {position:relative;}

.quality_a {position:absolute; top:91px; left:56px; width:548px; text-align:left;}
.quality_b {position:absolute; top:147px; left:75px; width:202px; text-align:left;}
.quality_c {position:absolute; top:149px; left:54px; width:519px; text-align:left;}

.quality_d {position:absolute; top:111px; left:64px; width:282px; text-align:left;}
.quality_e {position:absolute; top:111px; left:495px; width:282px; text-align:left;}
.quality_f {position:absolute; top:224px; left:64px; width:282px; text-align:left;}
.quality_g {position:absolute; top:224px; left:495px; width:282px; text-align:left;}
.quality_h {position:absolute; top:346px; left:64px; width:282px; text-align:left;}
.quality_i {position:absolute; top:346px; left:495px; width:282px; text-align:left;}