@charset "utf-8";
/* -------------------------------------------------------------------------------- */
/*      contents                                                                    */  
/* -------------------------------------------------------------------------------- */
/* -------------------------------------------------------------------------------- */
/*      home_index                                                                  */  
/*      about                                                                       */  
/* -------------------------------------------------------------------------------- */
#contentsIndex #about {
	width: 412px;
	height: 264px;
}
#contentsIndex #about div {
	padding: 12px 44px 12px;
}
#contentsIndex #about div p {
	color: #555555;
	font-size: 11px;
	line-height: 150%;
	margin-bottom: 12px;
}
/* -------------------------------------------------------------------------------- */
/*      home_index                                                                  */  
/*      news                                                                        */  
/* -------------------------------------------------------------------------------- */
#contentsIndex #news {
	width: 366px;
	height: 166px;
	border: 1px solid #ddd;
	margin-left: 20px;
}
#contentsIndex #news h3 {
	width: 320px;
	height: 20px;
	margin-top: 11px;
	margin-left: 13px;
	border-bottom: 1px solid #ddd;
}
#contentsIndex #news h3 img {
	padding-bottom: 6px;
}
#contentsIndex #news div {
	font-size: 11px;
	width: 356px;
	height: 120px;
	overflow: auto;
	scrollbar-base-color: #ccc;
	scrollbar-track-color: #fff;
	scrollbar-face-color: #fff;
	scrollbar-shadow-color: #ccc;
	scrollbar-darkshadow-color: #fff;
	scrollbar-highlight-color: #ccc;
	scrollbar-3dlight-color: #fff;
	scrollbar-arrow-color: #ccc;
}
#contentsIndex #news div dl {
	margin-top: 18px;
	margin-left: 21px;
}
#contentsIndex #news div dl dt {
	width: 64px;
	margin-bottom: 18px;
	float: left;
}
#contentsIndex #news div dl dd {
	margin-left: 80px;
	margin-bottom: 18px;
}
/* -------------------------------------------------------------------------------- */
/*      2nd                                                                         */  
/*      contents_common                                                             */  
/* -------------------------------------------------------------------------------- */
#contents #ctBlock {
	width: 428px;
	height: 264px;
	color: #555555;
	font-size: 11px;
	line-height: 150%;
}
#contents #ctBlock p {
	padding: 0px 44px 0px 0px;
	margin-top: -4px;
}
#contents #ctBlock ul {
	padding: 0px 44px 0px 16px;
	margin-top: 24px;
}
#contents #ctBlock ul li {
	margin-top: 16px;
	list-style: none;
}
#contents #ctBlock ul ul {
	margin-top: 6px;
}
#contents #ctBlock ul ul li {
	margin-top: 0px;
}
#contents #ctBlock ul.blue li strong {
	font-style: bold;
	border-left: 8px solid #009cc2;
	padding-left: 8px;
}
#contents #ctBlock ul.green li strong {
	font-style: bold;
	border-left: 8px solid #00b066;
	padding-left: 8px;
}
#contents #ctBlock ul.violet li strong {
	font-style: bold;
	border-left: 8px solid #b679ae;
	padding-left: 8px;
}
#contents #ctBlock ul li strong a {
	color: #555555;
	font-style: normal;
}
/* -------------------------------------------------------------------------------- */
/*      2nd                                                                         */  
/*      service                                                                     */  
/* -------------------------------------------------------------------------------- */
#contents #ctBlock p#service {
	padding: 0px 44px 0px 0px;
	margin-top: 12px;
}
#contents #ctBlock ul li.blue,
#contents #ctBlock ul li.green,
#contents #ctBlock ul li.violet {
	width: 360px;
	height: 26px;
	font-size: 13px;
	line-height: 180%;
	padding: auto 8px;
	padding-left: 8px;
	margin-bottom: 48px;
}
#contents #ctBlock ul li.blue {
	background-color: #3cabc9;
}
#contents #ctBlock ul li.green {
	background-color: #62b77c;
}
#contents #ctBlock ul li.violet {
	background-color: #b892bb;
}
#contents #ctBlock ul li.blue a,
#contents #ctBlock ul li.green a,
#contents #ctBlock ul li.violet a {
	font-style: bold;
	color: #FFF;
}
#contents #ctBlock ul ul.caption {
	width: 360px;
	background-color: #FFF;
	margin: 0px;
	margin-left: -16px;
	padding: 8px;
}
/* -------------------------------------------------------------------------------- */
/*      2nd                                                                         */  
/*      case                                                                        */  
/* -------------------------------------------------------------------------------- */
#contents #ctBlockCase {
	width: 428px;
	height: 412px;
	color: #555555;
	font-size: 11px;
	line-height: 150%;
}
#contents #ctBlockCase p {
	padding: 0px 44px 0px 0px;
}
#contents #ctBlockCase h2#case {
	margin-top: 24px;
	margin-bottom: 20px;
}
#contents #ctBlockCase ul {
	margin-top: 80px;
	list-style: none;
	padding-left: 300px;
}
/* -------------------------------------------------------------------------------- */
/*      2nd                                                                         */  
/*      case_pageNavi                                                               */  
/* -------------------------------------------------------------------------------- */
p#pageNavi {
	height: 20px;
	font-size: 11px;
	text-align: right;
	padding-right: 44px;
}
/* -------------------------------------------------------------------------------- */
/*      2nd                                                                         */  
/*      categoryTop                                                                 */  
/* -------------------------------------------------------------------------------- */
#mainImage h2.category {
	margin-top: 23px;
}
#contents #ctBlock p.category {
	padding: 24px 44px 0px 0px;
}
#contents #ctBlock h3 {
	width: 420px;
	height: 22px;
	font-size: 11px;
	color: #FFFFFF;
	padding-top: 3px;
	padding-left: 8px;
	margin-top: 24px;
}
#contents #ctBlock h3.instituting {
	background-color:#3cabc9;
}
#contents #ctBlock h3.publicspace {
	background-color:#62b77c;
}
#contents #ctBlock h3.residents {
	background-color:#b892bb;
}
/* -------------------------------------------------------------------------------- */
/*      2nd                                                                         */  
/*      project                                                                     */  
/* -------------------------------------------------------------------------------- */
#ctWrapperLiquid h2#long {
	width: 748px;
	margin-bottom: 16px;
}
#ctWrapperLiquid table.project {
	width: 748px;
	text-align: left;
	border-collapse: collapse;
	border-bottom: 1px solid #cccccc;
	margin: 0 44px 24px 44px;
}
#ctWrapperLiquid table.project th, #ctWrapperLiquid table.project td {
	padding: 8px 12px;
	border-bottom: 1px solid #cccccc;
	font-size: 11px;
	line-height: 140%;
	text-align: left;
}
#ctWrapperLiquid table.project tr.last th, #ctWrapperLiquid table.project tr.last td {
	padding-bottom: 16px;
	border: none;
}
#ctWrapperLiquid table.project th.year {
	color: #FFFFFF;
	background-color: #3cabc9;
	border: none;
	padding: 4px 12px;
}
#ctWrapperLiquid table.project tbody tr th {
	width: 440px;
}
#ctWrapperLiquid table.project tbody tr th span {
	font-weight: normal;
}
/* -------------------------------------------------------------------------------- */
/*      2nd                                                                         */  
/*      contact                                                                     */  
/* -------------------------------------------------------------------------------- */
#ctWrapperLiquid #staff {
	font-size: 11px;
	line-height: 130%;
	width: 796px;
	height: auto;
	padding: 0px;
	margin: 0px;
	margin-top: 16px;
	margin-left: 44px;
}
#ctWrapperLiquid #staff #staffLeft {
	float: left;
	width: 382px;
	height: auto;
	margin-bottom: 0px;
	display: inline;
}
#ctWrapperLiquid #staff #staffRight {
	float: left;
	width: 366px;
	height: auto;
	margin-bottom: 0px;
	display: inline;
}
#ctWrapperLiquid #staff #staffLeft div,
#ctWrapperLiquid #staff #staffRight div {
	width: 366px;
	height: auto;
	margin-bottom: 16px;
}
#ctWrapperLiquid #staff #staffLeft div strong,
#ctWrapperLiquid #staff #staffRight div strong {
	font-size: 14px;
	margin-left: 10px;
}
#ctWrapperLiquid #staff #staffLeft div strong span,
#ctWrapperLiquid #staff #staffRight div strong span {
	font-size: 12px;
	font-weight: normal;
}
#ctWrapperLiquid #staff #staffLeft div p.aboutStaff,
#ctWrapperLiquid #staff #staffRight div p.aboutStaff {
	float: left;
	width: 366px;
	height: auto;
	margin-top: 4px;
	margin-left: 10px;
	padding-bottom: 6px;
	display: inline;
}
#ctWrapperLiquid #staff div div p.aboutStaff strong {
	font-size: 14px;
	padding-bottom: 12px;
}

#ctWrapperLiquid #contactBox {
	font-size: 11px;
	line-height: 130%;
	width: 752px;
	height: auto;
	background-color: #ececec;
	padding: 0px;
	margin: 0px;
	margin-bottom: 16px;
	margin-left: 44px;
}
#ctWrapperLiquid #contactBox #contact {
	float: left;
	width: 366px;
	margin: 0px;
	display: inline;
}
#ctWrapperLiquid #contactBox #contact h3 {
	font-size: 12px;
	padding: 12px 24px 8px 22px;
}
#ctWrapperLiquid #contactBox #contact p#address {
	background-color: #ececec;
	padding: 0px 24px 12px 22px;
	margin-bottom: 0px;
}
#ctWrapperLiquid #contactBox #contact p#addressWest {
	background-color: #ececec;
	padding: 34px 24px 12px 22px;
	margin-bottom: 0px;
}
#ctWrapperLiquid #contactBox #contact p#representative {
	font-weight: bold;
	padding: 0px 24px 12px 22px;
}
#ctWrapperLiquid #staff:after,
#ctWrapperLiquid #contactBox:after,
#ctWrapperLiquid #staff div:after {
	display: block;
	clear: both;
	visibility: hidden;
	height: 0;
	content: ".";
}