/*==== top page ====*/

/*-- logo --*/
#topcontent {
	width: 900px; height: 530px;
	border: 1px solid #CCCCCC;
	margin-left: auto; margin-right: auto; margin-top: 41px; margin-bottom: 0px;
}

#topmain {
	width: 186px;
	margin-left: auto; margin-right: auto; margin-top: 260px;margin-bottom: 0px;
}

#topmain h1 {
	background: transparent url(/images/sh-architects_top.gif) top left no-repeat;
	width: 186px; height: 21px;
}

#topmain h1 a {
	position: relative;
	top: 3px;
	display: block;
	margin: 0px 0px 0px 38px !important;
	margin /**/: 8px 0px 0px 38px;
	width: 15px;
	padding-top: 15px;
	height: 0px !important;
	height /**/: 15px;
	overflow: hidden;
}

/*-- navigation -- */
#topnavi{
	position: absolute;
	top: 331px;
	width: 186px;
	height: 150px;
	padding: 0px;
	margin: 0px;
	display: none;
}

#topnavi ul{
	padding: 0;
	margin: 0;
}

#topnavi ul li {
	margin: 0;
	padding: 0;
	list-style: none;
}
	
#topnavi ul li, #topnavi a {
	height: 30px;
	width: 186px;
	display: block;
	overflow: hidden;
}

#topnavi ul li a {
	text-indent: -9999px; 
	text-decoration: none;
}

#topnavi li.news {background: transparent url(/images/nav_top_news.gif) 0 0 no-repeat;}
#topnavi li.works {background: transparent url(/images/nav_top_works.gif) 0 0 no-repeat;}
#topnavi li.projects {background: transparent url(/images/nav_top_projects.gif) 0 0 no-repeat;}
#topnavi li.profile {background: transparent url(/images/nav_top_profile.gif) 0 0 no-repeat;}
#topnavi li.contact {background: transparent url(/images/nav_top_contact.gif) 0 0 no-repeat;}

#topnavi li.news a:hover {background: transparent url(/images/nav_top_news.gif) 0 -30px no-repeat;}
#topnavi li.works a:hover {background: transparent url(/images/nav_top_works.gif) 0 -30px no-repeat;}
#topnavi li.projects a:hover {background: transparent url(/images/nav_top_projects.gif) 0 -30px no-repeat;}
#topnavi li.profile a:hover {background: transparent url(/images/nav_top_profile.gif) 0 -30px no-repeat;}
#topnavi li.contact a:hover {background: transparent url(/images/nav_top_contact.gif) 0 -30px no-repeat;}


/*==== site wide style ==== */

body {
	margin: 0px;
	padding: 0px;
	color: #666666;
	font-family: "MS ゴシック", "Osaka", san-serif;
}

a {
	text-decoration: none;
}

a:link {
	color: #999999;
}

a:visited {
	color: #999999;
}

a:active {
	color: #333333;
	outline: none;
}

a:hover {
	color: #333333;
}

:focus {
	-moz-outline-style: none;
}

#maincontent {
	background: #FFFFFF;
	width: 900px;
	margin-left: auto; margin-right: auto; margin-top: 25px;
}

#ciarea {
	width: 900px;
	margin-left: auto; margin-right: auto; margin-bottom: 0px;
}

#ciarea h1 {
	padding: 0px;
	margin: 0px;
	background: transparent url(/images/sh-architects.gif) top right no-repeat;
	width: 900px;
}

#ciarea h1 a {
	display: block;
	margin-left: 779px;
	width: 121px;
	padding-top: 16px;
	height: 0px !important;
	height /**/: 16px;
	overflow: hidden;
}

#sidepanel {
	float: right;
	width: 269px; height: 523px;
	background: #e9e8d1;
	border-top: solid 1px #CCCCCC; border-bottom: solid 1px #CCCCCC; border-right: solid 1px #CCCCCC;
	margin: 0px;
	padding: 2px 10px 5px 0px;
}

#sitenavi {
	padding: 0px;
	margin: 0px 0px 0px 0px;
	width: 269px; height: 80px;
}

/*-- main navigation --*/
#mainnavi {
	float: right;
	padding: 0px 5px 0px 0px;
	margin: 0px 0px 0px 0px;
	list-style: none;
	width: 81px; height: 80px;
}

#mainnavi li {
	margin: 0;
	padding: 0;
	list-style: none;
	position: relative;
}
	
#mainnavi li, #mainnavi a {
	height: 19px;
	width: 81px;
	display: block;
	overflow: hidden;
}

#mainnavi li a {
	text-indent: -9999px; 
	text-decoration: none;
}

#mainnavi li.news {background: transparent url(/images/nav_news.gif) 0 0 no-repeat;}
#mainnavi li.works {background: transparent url(/images/nav_works.gif) 0 0 no-repeat;}
#mainnavi li.projects {background: transparent url(/images/nav_projects.gif) 0 0 no-repeat;}
#mainnavi li.profile {background: transparent url(/images/nav_profile.gif) 0 0 no-repeat;}
#mainnavi li.contact {background: transparent url(/images/nav_contact.gif) 0 0 no-repeat;}

#mainnavi li.news a:hover {background: transparent url(/images/nav_news.gif) 0 -19px no-repeat;}
#mainnavi li.works a:hover {background: transparent url(/images/nav_works.gif) 0 -19px no-repeat;}
#mainnavi li.projects a:hover {background: transparent url(/images/nav_projects.gif) 0 -19px no-repeat;}
#mainnavi li.profile a:hover {background: transparent url(/images/nav_profile.gif) 0 -19px no-repeat;}
#mainnavi li.contact a:hover {background: transparent url(/images/nav_contact.gif) 0 -19px no-repeat;}

#secnews li.news {background: transparent url(/images/nav_news.gif) 0 -19px no-repeat;}
#secworks li.works {background: transparent url(/images/nav_works.gif) 0 -19px no-repeat;}
#secprojects li.projects {background: transparent url(/images/nav_projects.gif) 0 -19px no-repeat;}
#secprofile li.profile {background: transparent url(/images/nav_profile.gif) 0 -19px no-repeat;}
#seccontact li.contact {background: transparent url(/images/nav_contact.gif) 0 -19px no-repeat;}

#subnavi {
	float: left;
	padding: 0px;
	margin: 0px 5px 0px 0px;
	list-style: none;
	width: 175px; height: 95px;
	line-height: 12px;
	background: #999999;
}

#subnavi li {
	margin: 4px 0px 0px 15px;
}

/*-- mainpanel styles --*/
#mainpanel {
	float: left;
	width: 599px; height: 499px;
	background: #FFFFFF;
	border-top: solid 1px #CCCCCC; border-bottom: solid 1px #CCCCCC; border-left: solid 1px #CCCCCC;
	margin: 0px;
	padding: 26px 0px 5px 20px;
}

#mainpanel h1 {
	padding: 0px 0px 24px 0px;
	margin: 0px;
}

#mainpanel h1.works {
	z-index: 9;
}

#mainpanel h2 {
	padding: 0px 0px 6px 0px;
	margin: 0px;
}


/*==== news page ====*/

/*-- mainpanel content --*/
#newsyears {
	display: block;
	float: left;
	padding: 0px;
	margin: 0px 0px 30px 0px;
	width: 99px; height: 200px;
}

#newsyears ul {
	list-style: none;
	padding: 0px;
	margin: 0px;
}

#newsyears ul li {
	display: block;
	padding-top: 24px;
	height: 0px !important;
	height /**/: 24px;
	overflow: hidden;
}

#newsyears ul li.news10 {
	background: transparent url(/images/newsyear_2010.gif) 0 0 no-repeat;
}

#newsyears ul li.news09 {
	background: transparent url(/images/newsyear_2009.gif) 0 0 no-repeat;
}

#newsyears ul li.news08 {
	background: transparent url(/images/newsyear_2008.gif) 0 0 no-repeat;
}

#newsyears ul li.news07 {
	background: transparent url(/images/newsyear_2007.gif) 0 0 no-repeat;
}

#newsyears ul li.news06 {
	background: transparent url(/images/newsyear_2006.gif) 0 0 no-repeat;
}

#newsitems {
	width: 468px;
	height: 400px;
	display: block;
	overflow: auto;
	float: right;
	padding: 0px 32px 0px 0px;
	margin: 0px 0px 30px 0px;
}

#newsitems ul {
	list-style: none;
	padding: 0px;
	margin: 0px;
	font-size: 12px;
	line-height: 14px;
	width: 444px;
}

#newsitems li {
	padding: 0px;
	margin: 0px 0px 24px 0px;
}

#newsitems img {
	vertical-align: top;
	float: right;
	margin: 0px 0px 20px 4px;
	border: 0px;
}

#newsitems dl {
	width: 444px;
	padding: 0px;
	margin: 0px;
	font-size: 12px;
	line-height: 14px;
}

#newsitems dt {
	float: left;
	padding-bottom: 4px;
}

#newsitems dd {
	display: block;
	min-height: 40px;
	width: 369px;
	margin-left: 60px;
	padding-bottom: 4px;
}

#reportitems {
	width: 579px;
	padding: 0px;
	margin: 0px 0px 0px 0px;
}

#reportitems ul {
	list-style: none;
	padding: 0px 0px 0px 0px;
	margin: 0px;
	font-size: 12px;
}

#reportitems li {
	padding-bottom: 2px;
}

#reportitems img {
	vertical-align: middle;
	padding-right: 40px;
	border: 0px;
}


/*==== works page ====*/

/*-- mainpanel content --*/
#secnavi {
	position: relative;
	display: block;
	top: -43px;
	left: 227px;
	height: 17px;
	width: 352px;
	z-index: 10;
	background: transparent url(/images/space.gif) 0 0 no-repeat;
	padding: 0px;
	margin: 0px;
}

#secnavi ul {
	list-style: none;
	padding: 0px;
	margin: 0px;
}

#secnavi li {
	padding: 0px;
	margin: 0px;
	float: left;
	overflow: hidden;
}

#secnavi li, #secnavi a {
	height: 17px;
	display: block;
}

#secnavi a {
	text-indent: -9999px; 
	text-decoration: none;
}

#secnavi li.house {width: 44px; margin-right: 20px;}
#secnavi li.complex {width: 131px; margin-right: 19px;}
#secnavi li.shop {width: 36px; margin-right: 20px;}
#secnavi li.others {width: 47px; margin-right: 19px;}
#secnavi li.all {width: 16px;}

div.works_house #secnavi li.house {background: transparent url(/images/snav_house.gif) 0 0 no-repeat;}
div.works_complex #secnavi li.complex {background: transparent url(/images/snav_complex.gif) 0 0 no-repeat;}
div.works_shop #secnavi li.shop {background: transparent url(/images/snav_shop.gif) 0 0 no-repeat;}
div.works_others #secnavi li.others {background: transparent url(/images/snav_others.gif) 0 0 no-repeat;}
div.works_all #secnavi li.all{background: transparent url(/images/snav_all.gif) 0 0 no-repeat;}

#secnavi li.house a:hover {background: transparent url(/images/snav_house.gif) 0 0 no-repeat;}
#secnavi li.complex a:hover {background: transparent url(/images/snav_complex.gif) 0 0 no-repeat;}
#secnavi li.shop a:hover {background: transparent url(/images/snav_shop.gif) 0 0 no-repeat;}
#secnavi li.others a:hover {background: transparent url(/images/snav_others.gif) 0 0 no-repeat;}
#secnavi li.all a:hover {background: transparent url(/images/snav_all.gif) 0 0 no-repeat;}

#yearnavi {
	position: relative;
	top: -43px;
	padding: 0; margin: 0;
}

#yearnavi ul.year {
	padding: 4px 0 8px 0;
	margin: 0;
	width: 579px;
	height: 16px;
	border-top: 1px solid #CCCCCC;
	overflow: hidden;
}

#yearnavi ul.year li {
	display: block;
	float: right;
	padding: 0;
	margin: 0 0 0 16px;
}

#yearnavi ul.year li a {
	display: block;
	height: 16px;
	width: 65px;
	text-indent: -1000px;
	overflow: hidden;
}

#yearnavi ul.year li.year2005 a {
	width: 65px;
	background: url(/images/works_to2005.gif) no-repeat 0 0;
}

#yearnavi ul.year li.year2007 a {
	background: url(/images/works_to2007.gif) no-repeat 0 0;
}

#yearnavi ul.year li.year_on a,
#yearnavi ul.year li a:hover {
	background-position: 0 -16px;
}

#worklist {
	position: relative;
	top: -43px;
	height: 426px;
	width: 579px;
	overflow: hidden;
	padding: 0px 20px 0px 0px;
	margin: 0px;
}

* html body #worklist {
	height: 398px;
}

#worklist h3 {
	width: 579px;
	border-top: 1px solid #CCCCCC;
	padding: 4px 0px 8px 0px;
	margin: 0px;
	text-align: right;
}

#worklist p {
	padding: 0px;
	margin: 0px;
	font-size: 10px;
	line-height: 12px;
}

#worklist p.codename {
	padding-top: 2px;
	font-size: 9px;
	line-height: 9px;
	text-align: right;
	color: #CCCCCC;
}

#worklist table {
	padding: 0px 0px 8px 0px;
	margin: 0px;
	border: 0px;
}

#worklist td.starttd {
	padding: 0px 0px 10px 0px;
}

#worklist td {
	padding-left: 21px; padding-bottom: 10px;
}

#worklist img {
	border: 0;
}

#worklist table img {
	border: 1px solid #CCCCCC;
}

#worklist .imgoff img {
	border: 1px solid #CCCCCC;
}

#worklist .imgoff p {
	color: #CCCCCC;
}

#works {
	position: relative;
	top: -47px;
	height: 426px;
	width: 579px;
	overflow: hidden;
	padding: 0px 20px 0px 0px;
	margin: 0px;
}

* html body #works {
	margin-bottom: -28px;
}

#works h3 {
	padding: 0px 0px 8px 0px;
	margin: 0px;
	text-align: right;
}

#works p {
	padding: 0px;
	margin: 0px;
	font-size: 10px;
	line-height: 12px;
}

#works p.captiontxt {
	padding: 6px 0px 0px 0px;
	margin: 0px;
	font-size: 10px;
	line-height: 10px;
}

#works p.projects {
	padding-bottom: 20px;
	font-size: 10px;
	line-height: 12px;
	width: 430px;
}

#workitem {
	width: 400px;
	height: 328px;
	padding: 0px;
	margin-left: 90px; margin-top: 0px;
	overflow:hidden;
}

#workitem h2 {
	float: left;
	padding: 4px 0px 0px 0px;
	margin: 0px;
	font-size: 14px;
	line-height: 14px;
}

#workitem h3 {
	float: right;
	padding: 6px 0px 0px 0px;
	margin: 0px;
	font-size: 12px;
	line-height: 12px;
}

#workitem img {
	width: 398px;
	height: 278px;
	border: 1px solid #CCCCCC;
}

#workitem p {
	font-size: 10px;
	line-height: 10px;
}

#workthumbs {
	padding: 0px;
	width: 400px; height: 90px;
	margin: 8px 0px 0px 90px;
	overflow: hidden;
}

#workthumbs table {
	padding: 0px;
	margin: 0px;
}

#workthumbs td {
	padding: 0px 0px 3px 3px;
	margin: 0px;
}

#workthumbs td.starttd {
	padding: 0px 0px 3px 0px;
	margin: 0px;
}

#workthumbs img {
	border: 1px solid #CCCCCC;
}

#workthumbs td.data img {
	border: 0px;
}


/*==== profile page ====*/

/*-- mainpanel content --*/
#profile {
	height: 430px;
	width: 540px;
	overflow: hidden;
	padding: 0px 0px 0px 40px;
	margin: 0px;
}

#profile img {
	padding: 0px 0px 20px 100px;
}

#profile div.santa {
	width: 260px;
	float: left;
	margin-bottom: 24px;
	margin-right: 20px;
}

#profile div.hagi {
	width: 260px;
	float: right;
	margin-bottom: 24px;
}

#profile p {
	padding: 14px 0px 4px 0px;
	margin: 0px 0px 14px 0px;
	font-size: 12px;
	line-height: 14px;
}

#profile p.name{
	padding-bottom: 14px;
}

#profile dl {
	width: 520px;
	padding: 0px;
	margin: 0px;
	font-size: 12px;
	line-height: 13px;
}

#profile dt {
	float: left;
	padding-bottom: 4px;
}

#profile dd {
	width: 445px;
	margin-left: 60px;
	padding-bottom: 4px;
}

#profile div.santa dl, #profile div.hagi dl {
	width: 260px;
}

#profile div.santa dd, #profile div.hagi dd {
	width: 190px;
	margin-left: 60px;
}


/*==== publication page ====*/
#publication {
	height: 430px;
	width: 580px;
	overflow: auto;
	padding: 0px 0px 0px 0px;
	margin: 0px;
}

#publication table {
	width: 580px;
	margin: 0px;
	padding: 0px; 
	border-bottom: 1px solid #CCCCCC;
	font-size: 12px;
	line-height: 16px;
}

#publication tr, #publication td { padding: 0px; margin: 0px; }

#publication td.work { width: 190px; }
#publication td.publication { width: 210px; }
#publication td.published { width: 80px; text-align: right; }
#publication td.pages { width: 100px; text-align: right; }

/*==== details page ====*/

/*-- mainpanel content --*/
#details {
	height: 430px;
	width: 520px;
	overflow: hidden;
	padding: 0px 0px 0px 40px;
	margin: 0px;
}

#mainpanel h1.details {
	padding-bottom: 0px;
}

#mainpanel h2.details {
	padding-left: 40px;
}

#details img {
	padding-left:  100px;
}

#details p {
	padding: 14px 0px 4px 0px;
	margin: 0px 0px 14px 0px;
	font-size: 12px;
	line-height: 14px;
}

#details dl {
	width: 520px;
	padding: 0px;
	margin: 0px 0px 0px 14px;
	font-size: 12px;
	line-height: 14px;
}

#details dt {
	float: left;
	padding-bottom: 4px;
}

#details dd {
	width: 355px;
	margin-left: 150px;
	padding-bottom: 4px;
}


/*==== contact page ====*/

/*-- mainpanel content --*/
#contact {
	height: 430px;
	width: 430px;
	overflow: hidden;
	padding: 0px 0px 0px 75px;
	margin: 0px;
}

#contact p {
	padding: 34px 0px 4px 0px;
	margin: 0px;
	font-size: 12px;
	line-height: 14px;
}

#contact img {
	padding-top: 50px;
}


/*==== sidepanel styles ====*/

/*-- news page --*/
#todayssnap {
	position: relative;
	width: 250px; height: 245px;
	padding: 0px;
	margin: 0px 0px 0px 15px;
}

#todayssnap span.subtitle {
	float: left;
}

#todayssnap h2 {
	padding: 5px 0px 0px 0px;
	margin: 0px;
	font-size: 15px;
	line-height: 17px;
}

#todayssnap img {
	padding: 0px;
	margin: 0px;
	border: 1px solid #CCCCCC;
}

#todayssnap p {
	padding: 5px 0px 0px 0px;
	margin: 0px;
	font-size: 10px;
	line-height: 14px;
}

#todayssnap span.date {
	float: right;
	font-family: "arial" san-serif;
}

#todayssnap span.date p {
	margin-top: 6px;
	line-height: 10px;
	text-align: bottom;
}

#article {
	position: relative;
	width: 250px; height: 400px;
	padding: 0px;
	margin: 0px 0px 0px 15px;
	overflow: hidden;
}

#article h2 {
	padding: 5px 0px 0px 0px;
	margin: 0px;
	font-size: 15px;
	line-height: 15px;
}

#article p {
	padding: 5px 0px 10px 0px;
	margin: 0px;
	font-size: 10px;
	line-height: 14px;
}

#article ul {
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 14px 15px;
	font-size: 10px;
	line-height: 14px;
}

#article dl {
	width: 235px;
	padding: 0px;
	margin: 0px;
	font-size: 10px;
	line-height: 10px;
}

#article .contact_info {
	font-size: 12px !important;
	line-height: 12px !important;
}

#article p.contact_info {
	margin-top: 36px;
}

#article p.english {
	font-family: "Arial", "Verdana", san-serif;
}

#article dl.contact_info dt, #article dl.contact_info dd {
	line-height: 12px;
}

#article dt {
	margin: 0px;
	float: left;
	padding: 0px 0px 2px 0px;
}

#article dd {
	margin: 0px;
	width: 195px;
	margin-left: 35px;
	padding: 0px 0px 2px 0px;
}

#article p.side_link {
	margin-top: 75px;
	font-size: 12px !important;
	line-height: 12px !important;
}


/*-- calendar style --*/
#calendar {
	position: absolute;
	top: 468px;
	width: 250px;
	height: 82px;
	overflow: hidden;
	padding: 0px;
	margin: 0px 0px 0px 15px;
}

#calendar table {
	width: 250px;
	padding: 0px;
	margin: 0px 0px 50px 0px;
	color: #999999;
	font-family: "arial" san-serif;
	font-size: 10px;
	line-height: 8px;
	text-align: center;
}

#calendar td {
	font-size: 10px;
	line-height: 8px;
	width: 32px;
}

#calendar .month {
	width: 26px;
	font-size: 12px;
	text-align: left;
	vertical-align: top;
}

#calendar .arrowdown {
	width: 26px;
	text-align: left;
	vertical-align: bottom;
	border: 0px;
}

#calendar .arrowup {
	width: 26px;
	text-align: left;
	vertical-align: top;
	border: 0px;
}

#calendar th {
	width: 32px;
	color: #666666;
}

#calendar th.sunday {
	color: #cc6666;
}

#calendar th.saturday {
	color: #3366cc;
}

#calendar a:link {
	text-decoration: underline;
}

#calendar a:hover {
	text-decoration: underline;
}

#calendar a:visited {
	text-decoration: underline;
}

#calendar a:active {
	text-decoration: underline;
}

#reportdates {
	width: 250px;
	padding: 0px;
	margin: 45px 0px 0px 15px;
}

#reportdates p {
	padding: 0px 0px 3px 0px;
	margin: 0px;
	font-size: 9px;
	line-height: 10px;
}

#copyright {
	position: absolute;
	top: 546px !important;
	top: 556px;
	width: 250px;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 15px;
}

#copyright p {
	font-family: "arial", san-serif, "MS ゴシック";
	font-size: 10px;
}

#copyright img {
	float: right;
	border: 0px;
	margin: 0px; padding: 0px;
}