@charset "UTF-8";
/* CSS Document */

/*INIT*/
*{
margin:0;
padding:0;
}
body{
font-family: "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3";
}
img{
border:none;
}
a{
text-decoration:none;
}
ul{
list-style:none;
}
img{
behavior: url(http://www.plaza-liv.net/js/iepngfix.htc);
}

#container{
width:800px;
border-bottom:1px solid #000000;
background-color:#ffffff;
border-right:1px solid #000000;
}
#header{
width:800px;
height:100px;
color:#ffffff;
background-color:#000000;
border-bottom:1px solid #000000;
}
#header-l{
float:left;
}
#header-r{
float:right;
}

#header-l img{
margin:20px 0 0 49px;
}
#navigation{
width:800px;
height:28px;
background-color:#000;
border-bottom:1px solid #999;
line-height:0;
}
ul#navigation{
margin:0;
padding:0;
width:100%;
}
#navigation li img{
border:0;
}
#navigation li{
list-style:none;
float:left;
}
#navigation li a{
display:block;
}
#navigation li a:hover {
background-color:transparent;
}
#navigation li a:hover img{
visibility:hidden;
}
li.navi01{
background-image: url(../images/navi_on_01.gif);
background-repeat: no-repeat;
background-position: left top;
width:77px;
}
li.navi02{
background-image: url(../images/navi_on_02.gif);
background-repeat: no-repeat;
background-position: left top;
width:123px;
}
li.navi03{
background-image: url(../images/navi_on_03.gif);
background-repeat: no-repeat;
background-position: left top;
width:119px;
}
li.navi04{
background-image: url(../images/navi_on_04.gif);
background-repeat: no-repeat;
background-position: left top;
width:136px;
}
li.navi05{
background-image: url(../images/navi_on_05.gif);
background-repeat: no-repeat;
background-position: left top;
width:115px;
}
li.navi06{
background-image: url(../images/navi_on_06.gif);
background-repeat: no-repeat;
background-position: left top;
width:82px;
}
li.navi07{
background-image: url(../images/navi_on_07.gif);
background-repeat: no-repeat;
background-position: left top;
width:102px;
}


#side-navigation ul{
}
#side-navigation li{
font-size:12px;
border-bottom:1px solid #000000;
_line-height:1;
_height:26px;
}
#side-navigation li a{
display:block;
color:#000000;
_width:171px;
padding:8px 8px 8px 20px;
}
#side-navigation li a:link{
color:#000000;
background-color:#ffffff;
background-image: url(../images/bg_sidenavi_li_01.gif);
background-repeat: no-repeat;
background-position: 5px center;
}
#side-navigation li a:visited{
color:#000000;
background-color:#ffffff;
background-image: url(../images/bg_sidenavi_li_01.gif);
background-repeat: no-repeat;
background-position: 5px center;
}
#side-navigation li a:hover{
color:#ffffff;
background-color:#000000;
background-image: url(../images/bg_sidenavi_li_02.gif);
background-repeat: no-repeat;
background-position: 5px center;
}

#side-navigation1 ul{
}
#side-navigation1 li{
font-size:12px;
border-bottom:1px solid #000000;
_line-height:1;
_height:26px;
}
#side-navigation1 li a{
display:block;
color:#000000;
_width:171px;
padding:8px 8px 8px 20px;
}
#side-navigation1 li a:link{
color:#000000;
background-color:#ffffff;
background-image: url(../images/bg_sidenavi_li_01.gif);
background-repeat: no-repeat;
background-position: 5px center;
}
#side-navigation1 li a:visited{
color:#000000;
background-color:#ffffff;
background-image: url(../images/bg_sidenavi_li_01.gif);
background-repeat: no-repeat;
background-position: 5px center;
}
#side-navigation1 li a:hover{
color:#ffffff;
background-color:#000000;
background-image: url(../images/bg_sidenavi_li_02.gif);
background-repeat: no-repeat;
background-position: 5px center;
}


#contents{
width:800px;
background-color:#edf0f1;
}
#contents-r{
float:right;
width:600px;
background-color:#ffffff;
border-left:1px solid #000000;
}
#contents-r h1{
font-size:1em;
padding:5px 20px;
border-bottom:1px solid #000000;
}
#contents-r h2{
font-size:1em;
padding:60px 20px 20px 20px;
}
#contents-r h3{
font-size:1em;
padding:20px 20px 5px 20px;
border-bottom:1px solid #000000;
}
#contents-r h4{
font-size:1em;
padding:20px 20px 10px 20px;
}
#contents-r h5{
font-size:1em;
padding:20px 20px 10px 20px;
}
#contents-r h6{
font-size:1em;
padding:20px 20px 10px 20px;
}
#contents-r p{
font-size:0.8em;
line-height:1.8;
padding:5px 20px 10px 20px;
}
#contents-l{
float:left;
width:199px;
}
#contents-r-top{
float:right;
width:239px;
background-color:#edf0f1;
}
#contents-l-top{
float:left;
width:560px;
background-color:#ffffff;

border-right:1px solid #000000;
background-color:#fff;
}
#contents-l-top h1{
font-size:1em;
padding:5px 40px;
border-bottom:1px solid #000000;
}
#contents-l-top h2{
font-size:1em;
padding:20px 40px;
}
#contents-l-top h3{
font-size:1em;
padding:20px 40px;
}
#contents-l-top h4{
font-size:1em;
padding:20px 40px;
}
#contents-l-top h5{
font-size:1em;
padding:20px 40px;
}
#contents-l-top h6{
font-size:1em;
padding:20px 40px;
}
#contents-l-top p{
font-size:0.75em;
line-height:1.6;
padding:20px 40px;
}

#contents-l-top ul{
padding:5px 20px;
}
#contents-l-top li{
font-size:0.75em;
line-height:1.6;
padding:5px 10px;
}


#contents-r-top h3{
font-size:1em;
padding:5px 5px;
background-color:#ffffff;
border-bottom:1px solid #000000;
}
#contents-r-top p{
font-size:0.8em;
padding:10px;
line-height:1.6;
}

#news{
border-bottom:1px solid #000;
}
#news dl{
	height:300px;
	overflow:auto;
	background-image: url(../images/bg_news.gif);
	background-repeat: no-repeat;
	background-position: left bottom;
	border-left:1px solid #ccc;
	background-attachment: fixed;
}
#news dt{
font-size:10px;
font-weight:bold;
margin:0 10px;
padding:5px 0px;
border-bottom:1px dotted #ccc;
}
#news dd{
font-size:11px;
line-height:1.5;
padding:5px 10px 20px 10px;
}


/*PAGETOP*/
#pagetop{
display:block;
text-align:right;
padding:0;
margin:0;
border-top:1px solid #000;
line-height:0;
height:20px;
}
#pagetop li{
list-style:none;
font-size:0;
}
#pagetop li a{
display:block;
height:20px;
}
#pagetop li a:hover {
background-color:transparent;
}
#pagetop li a:hover img{
visibility:hidden;
}
li.pagetop01{
height:20px;
display:block;
background-image: url(../images/pagetop_on.gif);
background-repeat: no-repeat;
background-position: right top;
}
li.pagetop02{
background-image: url(../images/pagetop2_on.gif);
background-repeat: no-repeat;
background-position: right top;
line-height:0;
}

#footer{
clear:both;
width:760px;
padding:20px;
color:#ffffff;
background-color:#000000;
border-top:1px solid #000000;
text-align:right;
}
#footer h3{
font-size:13px;
line-height:1.5;
}
#footer p{
font-size:11px;
line-height:1.5;
}

#copyright{
height:24px;
text-align:right;
}
#copyright p{
font-size:9px;
padding:10px;
}

.faq dl{
}
.faq dt{
font-size:12px;
line-height:1.6;
padding:5px 20px 5px 20px;
color:#ffffff;
background-color:#000000;
}
.faq dd{
font-size:12px;
line-height:1.6;
padding:0 20px 10px 20px;
}

.border-bottm{
border-bottom:1px solid #000000;
}

.ul-1{
list-style:disc;
margin:0 20px;
}
.ul-1 li{
font-size:12px;
margin:0 20px;
}
.clear{
clear:both;
}

.googlemap{
margin:20px;
border:1px solid #ccc;
}

.process{
margin:20px;
}
.process table{
width:560px;
}
.process td{
font-size:0.75em;
vertical-align:top;
}
.center{
text-align:center;
}

/*プロフィール・経歴*/
.dl-profile {
float:right;
width:320px;
margin:0 20px 20px 0px;
}
.dl-profile dt{
margin:0 0 5px 0;
padding:5px;
font-size:0.8em;
font-weight:bold;
line-height:1;
border-bottom:1px dotted #000000;
}
.dl-profile dd{
margin:0 0 20px 0px;
padding:0;
font-size:0.8em;
line-height:1.6;
}

.dl-profile2{
margin:0 20px 20px 20px;
padding:0 0px;
}
.dl-profile2 dt{
margin:0 0 5px 0;
padding:5px;
font-size:0.8em;
font-weight:bold;
line-height:1;
border-bottom:1px dotted #000000;
}
.dl-profile2 dd{
margin:0 0 20px 0px;
padding:0;
font-size:0.8em;
line-height:1.6;
}

.dl-time {
margin:10px 20px 60px 20px;
}
.dl-time dt{
float:left;
width:80px;
margin:0 0 0px 0;
padding:0;
font-size:11px;
line-height:1.2;
}
.dl-time dd{
margin:0 0 4px 80px;
padding:0;
font-size:11px;
line-height:1.2;
}

.ol-produce{
margin:20px;
}
.ol-produce li{
list-style:none;
font-size:0.8em;
line-height:1.5;
margin-bottom:10px;
}

dl#privacy{
margin:20px;
height:200px;
overflow:auto;
border-top:1px solid #000;
border-bottom:1px solid #000;
}
dl#privacy dt{
font-size:0.75em;
font-weight:bold;
margin-bottom:5px;
}
dl#privacy dd{
font-size:0.75em;
line-height:1.5;
margin-bottom:15px;
}

/*DL*/
.dl-01 {
margin:50px 20px 20px 20px;
}
.dl-01 dt{
margin:0 0 5px 0;
padding:5px;
font-size:0.8em;
font-weight:bold;
line-height:1;
border-bottom:1px dotted #000000;
}
.dl-01 dd{
margin:0 0 30px 60px;
padding:0;
font-size:0.8em;
line-height:1.6;
}

.dl-02 {
margin:50px 20px 20px 20px;
}
.dl-02 dt{
margin:0 0 5px 0;
padding:5px;
font-size:0.8em;
font-weight:bold;
line-height:1;
border-bottom:1px dotted #000000;
}
.dl-02 dd{
margin:0 0 30px 0px;
padding:0;
font-size:0.8em;
line-height:1.6;
}

/*建築家プラザ LIVの実例・実績*/
#example-box{
margin-left:254px;
margin-bottom:20px;
padding-left:102px;
background-image: url(../liv/images/archivements/example_01.gif);
background-repeat: no-repeat;
background-position: left center;
}
.example{
margin:5px;
}
.example ul{
}
.example li{
float:left;
margin:0;
}
.example img{
vertical-align:middle;
}
.example li a{
display:block;
}
.example li a:hover {
background-color:transparent;
}
.example li a:hover img{
visibility:hidden;
}
li.example01{
background-image: url(../liv/images/archivements/example-01_on.gif);
background-repeat: no-repeat;
background-position: left center;
width:56px;
}
li.example02{
background-image: url(../liv/images/archivements/example-02_on.gif);
background-repeat: no-repeat;
background-position: left center;
width:56px;
}
li.example03{
background-image: url(../liv/images/archivements/example-03_on.gif);
background-repeat: no-repeat;
background-position: left center;
width:56px;
}
li.example04{
background-image: url(../liv/images/archivements/example-04_on.gif);
background-repeat: no-repeat;
background-position: left center;
width:56px;
}



/*NEXT EXAMPLE*/
.next-works{
height:20px;
width:100%;
margin:0;
padding:0;
border-top:1px solid #000;
border-bottom:1px solid #000;
}
.next-works li{
list-style:none;
font-size:0;
line-height:0;
}
.next-works li a{
display:block;
}
.next-works li a:hover {
background-color:transparent;
}
.next-works li a:hover img{
visibility:hidden;
}
li.nextexample{
background-image: url(../images/next-example_on.gif);
background-repeat: no-repeat;
background-position: left top;
width:600px;
}

/*ARCHITECT*/
.architect{
width:100%;
margin:40px 0 40px 0;
padding:0;
}
.architect li{
list-style:none;
margin:0 0 10px 20px;
}
.architect li a{
display:block;
}
.architect li a:hover {
background-color:transparent;
}
.architect li a:hover img{
visibility:hidden;
}
li.architect01{
background-image: url(../architect/images/architects_endo_on.gif);
background-repeat: no-repeat;
background-position: left top;
width:580px;
height:66px;
}
li.architect02{
background-image: url(../architect/images/architects_ohnishi_on.gif);
background-repeat: no-repeat;
background-position: left top;
width:580px;
height:66px;
}
li.architect03{
background-image: url(../architect/images/architects_kawamura_on.gif);
background-repeat: no-repeat;
background-position: left top;
width:580px;
height:66px;
}
li.architect04{
background-image: url(../architect/images/architects_nakata_on.gif);
background-repeat: no-repeat;
background-position: left top;
width:580px;
height:66px;
}
li.architect05{
background-image: url(../architect/images/architects_hino_on.gif);
background-repeat: no-repeat;
background-position: left top;
width:580px;
height:66px;
}
li.architect06{
background-image: url(../architect/images/architects_matsuhashi_on.gif);
background-repeat: no-repeat;
background-position: left top;
width:580px;
height:66px;
}


/*マージン*/
.margin-10-9-10-10{
margin:10px 9px 10px 10px;
}
.margin-0-20-20-20{
float:left;
margin:0px 0px 20px 20px;
}
.margin-0-0-20-20{
margin:0px 0px 20px 20px;
}
.margin-30-0-30-20{
margin:30px 0px 30px 20px;
}

.left-img{
float:left;
margin-left:20px;
}
.pict-example{
border-top:1px solid #000000;
border-bottom:1px solid #000000;
margin-bottom:20px;
}

#event-table{
margin:100px 20px 20px 20px;
}
#event-table td{
}
#event-table th{
font-size:0.7em;
vertical-align:top;
white-space:nowrap;
text-align:left;
}
#event-table td{
padding-bottom:40px;
}
#event-table dt{
font-size:0.8em;
font-weight:bold;
line-height:1.4;
padding-bottom:3px;
border-bottom:1px dotted #000;
}
#event-table dd{
font-size:0.8em;
line-height:1.4;
margin:0;
padding:5px 10px 0px 0px;
}

/*LINK*/
.link{
margin:0 0 0px 0;
}
.link dl{
margin:0;
padding:0;
}
.link dt{
font-size:0.75em;
float:left;
margin-left:20px;
}
.link dd{
font-size:0.6em;
margin-left:240px;
margin-bottom:5px;
}

/*MEDIA*/
.media{
margin-left:60px;
margin-bottom:100px;
}
.media ul{
}
.media li{
list-style:square;
font-size:0.8em;
margin-bottom:10px;
}

.dl-caution{
margin-left:70px;
margin-right:40px;
}
.dl-caution dt{
font-size:0.75em;
color:#000;
}
.dl-caution dd{
font-size:0.7em;
color:#4c4c4c;
}

.project3000-01{
margin-top:20px;
}
.project3000-01 li{
font-size:0.9em;
font-weight:bold;
margin-left:40px;
}



.media-table{
margin-top:20px;
margin-left:20px;
margin-bottom:40px;
width:560px;
}
.media-table th{
font-size:0.8em;
text-align:left;
padding:3px 20px 3px 3px;
border-bottom:1px dotted #ccc;
white-space:nowrap;
}
.media-table td{
font-size:0.75em;
padding:3px 20px 3px 3px;
border-bottom:1px dotted #ccc;
}

.img-fl01{
float:left;
margin:0 5px 5px 0;
border:1px solid #ccc;
}

.img-mp0{
display:block;
margin:0;
padding:0;
}
#agilesuite{
text-align:right;
padding:10px;
}

/*PROJECT3000*/
.pj3000-ul1{
margin:20px;
font-size:90%;
}
.pj3000-ul1 li{
padding:0 0 5px 25px;
margin-bottom:10px;
color:#000;
background-image: url(../event/project3000/images/bg_list_01.gif);
background-repeat: no-repeat;
background-position: left top;
border-bottom:1px dotted #FFCC00;
}

.pj3000-layout1{
float:left;
padding-right:20px;
}
.pj3000-1{
margin:10px 0 10px 20px;
border-collapse:collapse !important;
border-spacing:1px;
}
.pj3000-1 th{
padding:3px;
border:1px solid #000;
font-size:12px;
background-color:#eaeaea;
background-image: url(../event/project3000/images/bg_th_01.gif);
background-repeat: repeat-x;
background-position: left top;
}
.pj3000-1 td{
padding:3px;
border:1px solid #000;
font-size:12px;
}
.td-align-right{
text-align:right;
}
.p3-heimen{
margin:20px 0px 0px 20px !important;
padding:0 !important;
width:270px;
border:1px solid #ccc;
}