﻿@charset "utf-8";

*{
margin:0;
padding:0;
outline:0;
zoom:1;
}
html{
height:100%;
}
body{
font-size:75%;
font-family:Hiragino Kaku Gothic Pro,'ヒラギノ角ゴ Pro W3',MS UI Gothic,Verdana,Arial,sans-serif;
line-height:150%;
color:#3B5473;
text-align:left;
letter-spacing:1px;
background:#fff;
}
html>/**/body {
font-size: 12px;
font-family:MS UI Gothic,Osaka,'ＭＳ Ｐゴシック',sans-serif;
overflow:-moz-scrollbars-vertical;
}
html:first-child body {
min-height:100%;
font-family:MS UI Gothic,'メイリオ','ＭＳ Ｐゴシック',sans-serif;
}

img{
border:none;
}

a:link{
color:#ddd;
text-decoration:none;
}
a:visited{
color:#ddd;
text-decoration:none;
}
a:hover{
color:#fff;
text-decoration:underline;
}

table{
border-collapse:collapse;
border-spacing:0;
}

br{
height:0;
font-size:0;
line-height:0;
}

hr{
height:0;
border:0;
border-top:1px solid #BABABA;
}

.hr2{
margin:44px 0;
height:0;
border:0;
border-top:1px solid #285185;
}

h1{
padding:26px 0 0 12px;
color:#fff;
font-size:10px;
font-weight:normal;
letter-spacing:0;
}

li{
list-style:none;
}

.ui-tabs-hide {
display: none;
}

/*Global************************************************************/
#wrapper{
width:980px;
margin:0 auto;
position:relative;
}

#head_bg{
width:100%;
background:#4970BC url(../img/header_bg.gif) repeat-x top left;
}

#gnv_bg{
width:100%;
height:40px;
background:#fff url(../img/gnav_bg.gif) repeat-x top left;
}

#gnv_bg img{
width:98px;
height:40px;
}

#cnt_bg{
width:100%;
background:#fff;
text-align:center;
}

#hnv{
padding:14px 2px 0 0;
width:374px;
height:36px;
}

#hnv a{
padding:0 1px 0 0;
}

#fnv{
margin:24px 0 0 0;
padding:4px 0;
font-size:80%;
text-align:center;
letter-spacing:1px;
background:#DEE9F1;
}

#fnv a:link{
color:#3B5473;
text-decoration:none;
}
#fnv a:visited{
color:#3B5473;
text-decoration:none;
}
#fnv a:hover{
color:#fff;
text-decoration:underline;
}

#d_logo{
margin:0 auto;
text-align:center;
}

#inbox{
padding:57px 52px;
width:874px;
border:#285185 solid 1px;
}

#inbox2{
margin:40px 0 0 0;
padding:13px 28px;
width:816px;
background:#EDEAE0;
}
.inbox2_inl{
float:left;
margin:15px 0;
width:391px;
}

.inbox2_inr{
float:left;
margin:15px 0 0 34px;
width:391px;
}

.inbox2_inr2{
float:left;
margin:15px 0;
width:391px;
}

.inbox2_bg{
padding:0 0 0 27px;
width:214px;
background:#EDEAE0 url(../img/inbox2_bg.gif) repeat top left;
}

.inbox2_bg p{
padding:6px 0 0 0;
color:#231815;
width:214px;
letter-spacing:0;
line-height:150%;
vertical-align:middle;
}

.inbox2_bg2{
padding:0 0 0 34px;
width:391px;
background:#EDEAE0 url(../img/inbox2_bg2.gif) repeat top left;
}

.inbox2_bg2 p{
padding:6px 0 0 0;
color:#231815;
width:391px;
letter-spacing:0;
line-height:150%;
vertical-align:middle;
}

#inbox3{
padding:13px 28px;
width:816px;
background:#EDEAE0;
}

#inbox4{
padding:2px 2px 820px 52px;
width:926px;
border:#285185 solid 1px;
background:#fff url(../img/access1_bg.jpg) no-repeat center bottom;
}

#tnav{
margin:42px 0 0 0;
width:980px;
height:47px;
}

#tnav li, #tnav ul{
height:45px;
}

#tnav img{
padding:0 2px 0 0;
}

#tnav .img_r{
padding:0;
}

#tnav2{
margin:20px 0 0 0;
width:980px;
height:69px;
}

#tnav2 img{
padding:0 2px 0 0;
}

.fleft{
float:left;
}

.fright{
float:right;
}

.clear{
clear:both;
height:0;
font-size:0;
line-height:0;
}

.left{
text-align:left;
}

.right{
text-align:right;
}

.center{
text-align:center;
}

.relative{
position:relative;
}

.absolute{
position:absolute;
}

.copy{
padding:16px 0 48px 0;
font-size:80%;
text-align:center;
color:#000;
background:#DEE9F1;
}

.pt{
height:36px;
font-size:1px;
line-height:1px;
text-indent:-2480px;
}

.ht{
margin:43px 0 0 0;
}

.bt{
margin:36px 0 0 0;
}

#toptopage{
margin:12px 0 0 0;
}

#haseko_button{
padding:12px 6px 0 0;
}

#pankuzu{
padding:12px 0 0 0;
font-size:85%;
line-height:100%;
background:#fff;
}

#pankuzu a:link{
color:#3E5FAB;
text-decoration:none;
}
#pankuzu a:visited{
color:#3E5FAB;
text-decoration:none;
}
#pankuzu a:hover{
color:#ddd;
text-decoration:underline;
}

.chu1{
padding:4px 0;
font-size:80%;
font-weight:bold;
text-align:center;
}

/*Header************************************************************/
#head_shadow{
height:5px;
font-size:1px;
line-height:1px;
background:#fff url(../img/header_shadow.gif) repeat-x top left;
}

#h_logo2{

}

/*Global_navi*******************************************************/

/*Contents**********************************************************/
/*top*/
#topflash_bg{
width:100%;
height:440px;
background:#4D71BA url(../img/topflash_bg.gif) repeat-x top left;
text-align:center;
}

#topflash{
margin:0 auto;
width:980px;
height:440px;
background:#4D71BA;
}

.top_cnt{
padding:10px 0 0 0;
}

#top_obj1{
padding:19px 0 0 0;
float:left;
width:755px;
} 
#top_obj1 p{
margin:4px 0 16px 0;
text-align:left;
font-size:80%;
line-height:130%;
}

#top_req_btn{
margin:20px 0 0 0;
}
#top_req_btn img, #top_req_btn a{
width:212px;
height:139px;
}

#top_obj2{
padding:21px 0 0 0;
width:755px;
}
#top_obj2 p{
margin:4px 0 16px 0;
text-align:left;
font-size:80%;
line-height:130%;
}

#top_imga{
}
#top_imgb{
  margin:15px 0 0 0;
}
#top_imgc{
  margin:15px 0 0 3px;
}
#top_imgd{
  margin:15px 0 0 3px;
}
#top_imge{
  margin:15px 0 0 3px;
}
#top_sky_btn {
padding:8px 0 0 0;
}

#top_sky_btn a{
display:block;
margin:4px 0 0 0;
text-indent:-8888px;
width:223px;
height:80px;
background:#fff url(../img/top_sky_btn.jpg) no-repeat top left;
}

#top_sky_btn a:hover{
width:223px;
height:80px;
background-position:0 -80px;
}

#top_2true{
padding:32px 7px 7px 7px;
width:353px;
height:121px;
background:url(../img/top_2true_bg.jpg) no-repeat top left;
}
#top_2true_access img{
width:176px;
height:121px;
}
#top_2true_interview img{
width:177px;
height:121px;
}


#top_splink{
margin:25px 0 24px 0;
}

#top_splink .img1{
padding:0 7px 0 0;
}

#top_info{
padding:0 0 16px 0;
width:464px;
text-align:left;
background:#285185;
}

#top_info_koushin{
padding:2px 8px;
font-size:80%;
letter-spacing:100%;
color:#3B5473;
background:#DDD86D;
border-left:#fff solid 1px;
border-bottom:#fff solid 1px;
}

#top_info p{
margin:6px 10px;
font-size:80%;
line-height:240%;
color:#fff;
border-bottom:#fff dotted 1px;
}

#top_info .chu1{
padding:8px 0 0 0;
margin:0 10px 2px 10px;
font-size:100%;
line-height:120%;
font-weight:bold;
text-align:left;
color:#ffff00;
border:none;
}
#top_info .chu2{
margin:6px 10px 0 10px;
font-size:100%;
line-height:120%;
color:#ffff00;
border:none;
}
#top_info .chu3{
margin:4px 10px;
padding:0 0 4px;
font-size:100%;
letter-spacing:0;
line-height:140%;
color:#fff;
}
#top_info .chu4{
margin:6px 10px 0 10px;
font-size:125%;
font-weight:bold;
line-height:130%;
color:#ffff00;
border:none;
}

#top_info img{
padding:12px 0 0 8px;;
}


#top_call{
padding:64px 0 0 0;
}

#top_springfair{
padding:28px 0 0 0;
}

#top_lifenavigation_btn a{
display:block;
text-indent:-2480px;
width:488px;
height:105px;
background:#fff url(../img/top_lifenavigation_btn.jpg) no-repeat top left;
}

#top_lifenavigation_btn a:hover{
width:488px;
height:105px;
background-position:0 -105px;
}

#top_cusmodel{
padding:16px 0 0 0;
font-size:80%;
letter-spacing:100%;
line-height:120%;
text-align:left;
}

/*hauska*/
.hauska_cnt{
padding:24px 0 0 0;
}

#hauska_title{
background:#fff url(../img/hauska_pt.gif) no-repeat top left;
}

#hauska_img1, #hauska_kingdom_link{
margin:42px 0 0 0;
text-align:center;
}

/*location*/
.location_cnt{
padding:24px 0 0 0;
text-align:left;
}

#location_title{
background:#fff url(../img/location_pt.gif) no-repeat top left;
}

.life_navigation_ul{
float:left;
padding:22px 0 0 0;
}

#location_lifenavigation_btn a{
display:block;
text-indent:-2480px;
width:308px;
height:69px;
background:#fff url(../img/location_lifenavigation_btn.jpg) no-repeat top left;
}

#location_lifenavigation_btn a:hover{
width:308px;
height:69px;
background-position:0 -69px;
}

#location_lifenavigation_btn2{
margin:30px auto 0;
width:628px;
text-align:center;
}

#location_lifenavigation_btn2 a{
display:block;
text-indent:-2480px;
width:628px;
height:105px;
background:#fff url(../img/location_lifenavigation_btn2.jpg) no-repeat top left;
}

#location_lifenavigation_btn2 a:hover{
width:628px;
height:105px;
background-position:0 -105px;
}

#location1_ht{
padding:0 30px 0 0;
width:247px;
}

#location1_ht p{
margin:35px 0 0 0;
color:#231815;
letter-spacing:2px;
line-height:180%;
}

.location1_thum{
padding:0 0 0 12px;
width:285px;
float:left;
color:#231815;
font-size:80%;
line-height:150%;
text-align:left;
}

.location1_thuml{
padding:28px 10px 0 0;
float:left;
width:210px;
color:#231815;
font-size:80%;
line-height:150%;
text-align:left;
}

.location1_thumr{
padding:28px 0 0 0;
float:left;
width:210px;
color:#231815;
font-size:80%;
line-height:150%;
text-align:left;
}

#location1_thum2{
margin:0 auto;
width:660px;
}

#location1_img3{
margin:36px 0 0 0;
}

#location1_ft{
margin:30px auto 0;
width:666px;
}

#location2_ht{
padding:0 60px 0 0;
}

#location2_ht p{
margin:32px 0 0 0;
width:420px;
color:#231815;
letter-spacing:2px;
line-height:180%;
}

.location2_thum{
float:left;
color:#231815;
font-size:80%;
line-height:150%;
text-align:left;
}

#location2_img2{
margin:60px 0 0 0;
}

#location3_ht{
width:458px;
}

#location3_ht p{
padding:31px 0;
width:438px;
color:#231815;
letter-spacing:2px;
line-height:180%;
vertical-align:middle;
}

.location3_thum1{
padding:0 18px 0 0;
width:210px;
}

.location3_chu1{
float:left;
padding:2px 18px 0 1px;
width:210px;
color:#231815;
font-size:80%;
line-height:150%;
text-align:left;
}

#location3_ft{
margin:0 auto;
width:730px;
}

.location3_thum2{
padding:0 0 0 15px;
float:left;
width:228px;
color:#231815;
font-size:80%;
line-height:150%;
text-align:left;
}

.location3_li{
float:left;
margin:38px 2px 0 2px;
width:285px;
color:#231815;
font-size:80%;
letter-spacing:0;
line-height:175%;
}

.location3_li_l{
float:left;
padding:8px 0 0 0;
width:140px;
}

.location3_li_r{
float:left;
padding:8px 0 0 0;
width:145px;
}

.location3_chu2{
padding:12px 0 0 0;
font-size:90%;
color:#231815;
letter-spacing:0;
}

/*access*/
#accessflash{
width:873px;
height:510px;
background:#fff;
text-align:center;
}

.access_cnt{
padding:24px 0 0 0;
text-align:left;
}

#access_title{
background:#fff url(../img/access_pt.gif) no-repeat top left;
}

#access1_ht{
padding:55px 0 0 0;
width:505px;
}

#access1_ht p{
padding:22px 0;
width:505px;
color:#231815;
letter-spacing:2px;
line-height:180%;
}

#access1_bt{
padding:24px 0 0 0;
}

#access1_bt_l{
width:370px;
}

#access1_bt_l p{
padding:8px 0 0 0;
color:#231815;
letter-spacing:0;
line-height:150%
}

#access1_ct{
padding:0 12px 0 0;
}

#access1_fig{
margin:38px auto;
text-align:center;
}

#access1_fig1{
margin:20px auto;
width:800px;
height:228px;
text-indent:-8888px;
background:#fff url(../img/access1_fig1.jpg) no-repeat left top;
}

#access1_fig2{
margin:20px auto;
width:800px;
height:214px;
background:#fff url(../img/access1_fig2.jpg) no-repeat left top;
}

#access1_fig2 div{
padding:144px 0 0 36px;

line-height:120%;
text-align:left;
}

#access1_fig2 p{
margin:2px 0 0 0;
font-size:80%;
letter-spacing:0;
line-height:120%;
text-align:left;
}


#access2_ht{
width:550px;
}

#access2_ht p{
padding:31px 0 0 0;
width:500px;
color:#231815;
letter-spacing:2px;
line-height:180%;
}

#access2_bt1{
margin:30px 0 0 0;
padding:7px 0 2px 0;
text-align:center;
background:#ededed;
}

#access2_bt2{
margin:62px 0 10px 0;
}

#access2_ft{
margin:28px 0 0 0;
padding:40px 22px 22px 22px;
color:#221815;
background:#E8F2F8 url(../img/access2_bg.gif) no-repeat top left;
}

.access_chu1{
margin:28px 0 0 70px;
font-size:90%;
color:#231815;
letter-spacing:0;
line-height:120%;
text-align:left;
}

.access_chu2{
margin:4px 0 0 0;
font-size:90%;
color:#231815;
letter-spacing:0;
line-height:120%;
}

.access_chu3{
margin:28px 0 0 0;
font-size:90%;
color:#231815;
letter-spacing:0;
line-height:120%;
}
}

/*design*/
.design_cnt{
padding:24px 0 0 0;
text-align:center;
}

#design_title{
background:#fff url(../img/design_pt.gif) no-repeat top left;
}

#design_p{
width:778px;
margin:26px auto 0;
color:#231815;
letter-spacing:0;
line-height:200%;
text-align:left;
}

#design_img1{
margin:42px 0 0 0;
}

#design_f{
margin:56px 0 0 0;
padding:10px;
text-align:left;
background:#E8EFF8;
}

#design_fp{
padding:9px 0 0 18px;
}

#design_fp2{
padding:14px 0 0 0;
}

#design_fl{
padding:0 10px 0 0;
width:320px;
color:#000;
border-right:#295185 solid 1px;
}

#design_fr1{
padding:0 0 0 10px;
width:225px;
color:#000;
}

#design_fr2{
padding:0 0 0 6px;
width:225px;
color:#000;
}

#design_fp2 ol{
margin:10px 0 0 0;
list-style:none;
}

#design_fp2 li{
padding:0 0 0 18px;
font-size:80%;
line-height:180%;
letter-spacing:0;
vertical-align:top;
background:url("../img/li1.gif") no-repeat top left;
}

/*landplan*/
#landplanflash{
margin:42px 0 0 0;
height:540px;
background:#fff;
text-align:center;
}

.landplan_cnt{
padding:24px 0 0 0;
}

#landplan_title{
background:#fff url(../img/landplan_pt.gif) no-repeat top left;
}

/*publicspace*/
#publicspaceflash{
margin:28px 0 0 0;
width:980px;
height:540px;
background:#fff;
text-align:center;
}

.publicspace_cnt{
padding:24px 0 0 0;
}

#publicspace_cnt2{
margin:36px 0 0 0;
}

#publicspace_cnt1 p{
margin:10px 0 0 0;
color:#231815;
letter-spacing:0;
line-height:200%;
}

#publicspace_cnt2 p{
margin:10px 0 0 0;
width:690px;
color:#231815;
letter-spacing:0;
line-height:200%;
}

#publicspace_cnt3{
margin:36px auto;
width:717px;
height:179px;
text-align:left;
background:#fff url(../img/publicspace_img2.jpg) no-repeat top left;
}

#publicspace_cnt4{
margin:36px auto;
width:717px;
height:132px;
text-align:left;
background:#ddd;
}

#publicspace_p1{
/*padding:14px 0 0 186px;*/
padding:14px 0 0 14px;
color:#285185;
font-size:120%;
font-weight:bold;
letter-spacing:2px;
line-height:180%;
}

#publicspace_p2{
/*padding:10px 0 0 186px;*/
padding:10px 0 0 14px;
/*width:520px;*/
width:696px;
color:#231815;
line-height:165%;
}

#publicspace_title{
background:#fff url(../img/publicspace_pt.gif) no-repeat top left;
}

/*modelroom*/
#modelroomflash{
margin:42px 0 0 0;
height:587px;
background:#fff;
}

.modelroom_cnt{
padding:24px 0 0 0;
text-align:left;
}

#modelroom_title{
background:#fff url(../img/modelroom_pt.gif) no-repeat top left;
}

#modelroom_chu{
margin:4px 0 0 0;
font-size:80%;
color:#231815;
letter-spacing:0;
line-height:120%;
}

/*roomplan*/
.roomplan_cnt{
padding:24px 0 0 0;
}

#roomplan_btn{
padding:0 0 24px 0;
}

.roomplan_btn_img{
float:left;
padding:42px 17px 0 17px;
}

#roomplan_title{
background:#fff url(../img/roomplan_pt.gif) no-repeat top left;
}

/*equipment*/
.equipment_cnt{
padding:24px 0 0 0;
text-align:left;
}

#equipment_title{
background:#fff url(../img/equipment_pt.gif) no-repeat top left;
}

.equipment_chu{
margin:2px 0 0 27px;
width:214px;
color:#231815;
font-size:80%;
line-height:150%;
}

#equipment_img0{
padding:20px 0;
text-align:center;
}

.equipment_chu2{
padding:0 0 14px 0;
color:#231815;
font-size:80%;
line-height:150%;
}

/*accessmap*/
#accessmap_wrapper{
margin: 0 auto;
width:650px;
text-align:left;
}

#accessmap_title{
background:#fff url(../img/accessmap_pt.gif) no-repeat top left;
}

#accessmap_box1{
margin:10px 0 0 0;
border-bottom:#285185 solid 1px;
background:#fff url(../img/accessmap_bg.gif) repeat-y top left;
}

#accessmap_box2{
margin:56px 0 0 0;
width:336px;
}

#accessmap_f{
padding:24px 0;
text-align:center;
}

#accessmap_f img{
padding:0 11px;
width:78px;
height:31px;
}

/*interview*/
#interview_bg{
width:100%;
background:#2c5dbc;
}

#interview_request{
padding:14px 0 0 0;
width:220px;
height:35px;
}

#interview_wrapper{
margin:0 auto;
padding:160px 21px 0 21px;
width:938px;
text-align:left;
height:100%;
background:#fff url(../img/interview_bg.jpg) no-repeat top left;
position:relative;
}

#interview_container{
padding:3px;
width:932px;
color:#231815;
}

#interview_nav{
margin:0 auto;
padding:0 0 20px 0;
text-align:center;
}

#interview_nav img{
padding:1px 11px 0 11px;
}

#interview1_bt{
padding:8px 7px 7px 7px;
width:918px;
background:#439c04;
}

#interview2_bt{
padding:8px 7px 7px 7px;
width:918px;
background:#009eb4;
}

.interview_cnt{
margin:0 0 40px 0;
}

.interview1_cnt2{
margin:0 0 40px 20px;
width:890px;
background:#439c04;
}

.interview2_cnt2{
margin:0 0 40px 20px;
width:890px;
background:#009eb4;
}

.interview_img{
float:left;
padding:0 0 0 20px;
width:335px;
}
.interview_txt1{
float:left;
padding:20px 20px 0 20px;
width:490px;
}

.interview_txt2{
float:left;
padding:20px 20px 0 20px;
width:532px;
}

.interview_txt3{
float:left;
padding:20px 20px 0 20px;
width:435px;
color:#fff;
}

.interview_txt1 img, .interview_txt1 p, .interview_txt2 img, .interview_txt2 p, .interview_txt3 img, .interview_txt3 p{
padding:0 0 16px 0;
}

.interview_link{
float:right;
height:37px;
}

.interview_chu{
margin:4px 0 0 0;
font-size:80%;
letter-spacing:0;
line-height:120%;
}

#interview_next{
margin:0 0 80px 0;
}

#interview_call{
padding:12px 0 24px 0;
}

#interview_copy{
padding:16px 0;
color:#fff;
text-align:center;
}

/*modelroom*/
#modelroom_title{
background:#fff url(../img/modelroom_pt.gif) no-repeat top left;
}

#modelroom_chu{
margin:4px 0 0 0;
font-size:80%;
color:#231815;
letter-spacing:0;
line-height:120%;
}


/*type*/
#type_wrapper{
margin:0 auto;
width:650px;
text-align:left;
}

#type_b{
border:#285185 solid 1px;
margin:0 0 24px 0;
}

#type_f{
padding:36px 0 0 0;
text-align:center;
}

#type_f img{
padding:0 16px;
width:78px;
height:31px;
}

/*footer*/
#footer{
margin:12px 0 0 0;
text-align:center;
}

#float,
#floatArea{
width:182px;
height:140px;
z-index:1000;
}

#float{
position:absolute;
top:120px;
right:0px;
}

#floatArea{
padding:13px 0 0 0;
position:absolute;
top:0;
left:0;
cursor:move;
background:url(../img/fb_bg.gif) no-repeat left bottom;
}

#floatInterview{
position:absolute;
top:18px;
left:5px;
}

#floatRequest{
position:absolute;
top:115px;
left:5px;
}

#floatClose {
position:absolute;
right:0;
top:0px;
}


/*event1*/
#event1_wrapper{
margin: 0 auto;
text-align:left;
}

#event1_img{
text-align:center;
background:#005BAC;
}

#event1_txt{
text-align:center;
background:#fff;
}

