//Maki and Associates Website Basic CSS


/*------basic------*/


*{
 color: #666;
 background: transparent;
 margin: 0;
 padding: 0;
}

html{
margin:0;
padding:0;
}

div,ul{
margin:0;
padding:0;
}

a,a img{
text-decoration:none;
color:#808080;
border-width:0;
}

a:hover{color:#ccc;}

br.cl{
clear:both;
margin:0;
padding:0;
line-height:1;
}

i{
font-style:oblique;
}

body{
margin:0;
padding:0;
font:11px Hervetica,Verdana,Sans-serif;
_font:10px Hervetica,Verdana,Sans-serif;
line-height:auto;
color:#666;
}

#footer{
background:url("../img/footer_bg.gif") repeat-y;
padding:3px 30px;
margin:45px 0;
height:15px;
}

#footer span{
display:block;
color:#555;
font-size:9px;
}

p,td,th,ol li,dl dt,dl dd{
text-align:left;
margin:0px;
padding:0px;
font-size:100%;
line-height:150%;
}

sup{
margin:0;
padding:0;
font-size:60%;
line-height:1%;
}

strong{
line-height:120%;
}

#second dl{
margin:30px 0 50px 0;
}

#exhibition dl{
margin:20px 0;
}

#second dt{
width:130px;
height:1%;
padding:0;
display:block;
float:left;
white-space:nowrap;
}

#second dt.date{
width:65px;
}

#second dt.under{
width:130px;
padding:0;
display:block;
float:left;
white-space:nowrap;
}

#second dd{
display:block;
width:386px;
margin:0 0 0 130px;
padding:0;
clear:right;
}

#second dd.ex{
margin:0 0 0 65px;
width:450px;
}

#second dd.under{
display:block;
width:386px;
padding:0;
float:right;
clear:right;
}

#second dt.note{
margin:20px 0 0 0;
}

#second dd.note{
margin:20px 0 0 0;
}

#second dt.me{
width:100%;
}

#second dd.me{
width:300px;
float:none;
margin:0 0 0 130px;
}

ul{
list-style-type:none;
}

h1,h2,h3,h4{
font-size:100%;
white-space:nowrap;
margin:0;
padding:0;
}

table{
margin:10px 0px;
border-collapse:collapse;
}

hr{
display:none;
}

/*------basic end------*/

/*------parts------*/

h1{
margin:0px;
padding:0px;
text-indent:-9999px;
background:url("../img/title_logo.gif") no-repeat;
width:260px;
height:60px;
float:left;
}

h2.pagetitle{
display:block;
height:40px;
color:#555;
font-size:14pt;
font-weight:500;
}

h2.newstitle {
color:#555555;
font-size:13pt;
font-weight:500;
margin : 0 0 30px 0;
}

h3.projectname{
color:#555;
vertical-align:bottom;
font-size:14pt;
font-weight:500;
margin:20px 0;
}

h4.pagetitle{
margin:0 0 15px 0;
}

span.spacer{
line-height:1%;
display:block;
width:1px;
height:10px;
}

p.prpjectdisc{
font-size:11pt;
line-height:130%;
}

#header ul{
float:right;
}

#header ul li{
display:inline;
width:200px;
}

/*------parts end------*/
/*------layout------*/

div#wrapper{
width:780px;
margin:30px 30px 0 30px;
}

body#top div#globalnavi{
height:30px;
padding:0;
line-height:1%;
}

div#contents{
height:100%;
padding:0;
background-color:#8c8c8c;
}

div#news{
color:#fff;
width:260px;
background-color:#8c8c8c;
float:left;
}

div#news div{
margin:15px;
}

div.newsunit{
margin:8px 0;
_height:1px;
}

div#news div#newscol{
margin:45px 15px 15px 15px;
}

div#news div h3{
line-height:100%;
font-size:14px;
margin:0;
padding:0;
}

div#news div a{
margin:0;
padding:0;
color:#fff;
}

div#news p{
margin:0 0 10px 0; 
}

iframe#newsframe{
border-width:0;
overflow:hidden;
height:225px;
}

span.newsdate{
color:#fff;
display:block;
width:70px;
float:left;
}

p.newstxt{
color:#fff;
display:block;
float:left;
line-height:14px;
width:155px;
}

div#topphoto{
height:330px;
line-height:1%;
float:left;
clear:right;
background-color:#585858;
}


div#photonavi{
width:830px;
background:#ffffff url("../img/top_bottomgrd.gif") no-repeat top right;
margin:0 0 30px 30px;
padding:0;
line-height:1%;
}

body#second div#contents{
height:100%;
padding:0;
background-color:#fff;
}

div#leftcol{
width:260px;
float:left;
}

div#leftcol_award{
width:200px;
float:left;
}


div#rightcol{
width:520px;
float:left;
}

div#rightcol_award{
float:left;
padding:0;
width:580px;
}

div.thumbunit{
width:520px;
margin:0 0 30px 0;
padding:0;
}

div.thumbunitS{
width:260px;
margin:0 0 30px 0;
padding:0;
float:left;
}

div.thumbunitS a.txt{
color:#555;
width:125px;
display:block;
margin:0;
padding:0 0 0 5px;
float:left;
}

div.thumbunitS a.txt:hover{
color:#333;
}

div.thumbphoto{
width:240px;
float:left;
}

div.thumbphotoS{
padding:0;
line-height:1px;
background-color:#333333;
width:130px;
float:left;
}

a.thumbphoto{
line-height:1%;
background-color:#333333;
float:left;
}

a.thumbphotoS{
width:130px;
float:left;
}

a.thumbphoto:hover,a.thumbphotoS:hover{
filter:alpha(opacity=50);
-moz-opacity:0.5;
opacity:0.50;
background-color:#333333;
}

ul.projectthumb{
width:230px;
margin:0 0 0 260px;
}

ul.projectthumb li{
font-size:10px;
line-height:170%;
color:#555555;
}

ul.projectthumb li.inline{
font-size:10px;
line-height:120%;
color:#555555;
display:inline;
}

div.pagetop{
border-top:1px solid #ccc;
padding:4px 0;
}

/*------layout end------*/

/*------firm------*/

#firm_officedisp{
margin:0;
pdding:0;
} 

#firm_officedisp td{
line-height:17px;
vertical-align:top;
padding:0 0 20px 0;
}

td.title{
width:130px;
}

#firm_officedisp td dl{
margin:0 0 10px 30px;
}

#firm_officedisp dt,#firm_officedisp dd{
margin:0;
padding:0;
}

#firm_officedisp td span{
display:block;
float:left;
}


/*------firm end------*/

/*-----list-----*/

h4.italic{
font-style:italic;
}

div.list{
}

.list span,.list_title span{
display:block;
float:left;
white-space:normal;
padding:5px 0;
}

.firmlist span{
display:block;
float:left;
white-space:normal;
padding:5px 0;
}

span.date{width:65px;}
span.name{width:260px;}
span.award{width:250px;}
span.namecompe{width:190px;}
span.location{width:90px;}
span.prize{width:120px;}
span.current{width:110px;}

span.listname{width:325px;}
span.listlocation{width:135px;}
span.listdate{width:50px;text-align:right}

p.map_access{
line-height:20px;
display:block;
float:left;
width:65px;
}

p.map_accesstxt{
line-height:20px;
display:block;
float:left;
margin:0;
}

strong.birth{
width:65px;
display:block;
float:left;
}

span.edudate{
width:65px;
display:block;
float:left;
}

span.bio_edu{
width:90px;
display:block;
float:left;
}

span.listtxt{
display:block;
margin:0;
padding:0;
}

.list{
border-top:1px solid #ccc;
}

.list a{
_height:100%;
display:block;
color:#555;
margin:0;
}

.list a:hover{
color:#555;
background-color:#eeefef;
}


/*-----list end-----*/
/*--publication--*/

#publication p{
margin:0 0 20px 0;
}

/*--publication end--*/