@charset "UTF-8";

@import url("win-ie6.css");

/* @group 基本 */
	*       {
	margin: 0;
	padding: 0
	}

	body       {
	color: #000;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", メイリオ, Meiryo, "ＭＳ Ｐゴシック", sans-serif;
	background-color: #fff;
	margin-right: auto;
	margin-left: auto;
	padding-top: 20px;
	padding-bottom: 20px;
	max-width: 770px
	}

	a:link {
	color: #03f;
	text-decoration: underline
	}

	a:visited {
	color: #909;
	text-decoration: underline
	}

	h1      {
	font-style: normal;
	font-weight: normal;
	line-height: 1.1em
	}

	h2    {
	font-size: 1.2em;
	font-style: normal;
	font-weight: bold;
	line-height: 1.2em
	}

	p           {
	color: #000;
	font-size: 0.75em;
	line-height: 2em;
	margin-bottom: 1.5em
	}

	em {
	color: #ec9800;
	font-style: normal;
	font-weight: bold
	}

	ul, ol  {
	margin-bottom: 1em
	}

	li      {
	font-size: 0.75em;
	line-height: 1.2em;
	margin-bottom: 0.5em;
	margin-left: 1.5em
	}

	table {
	margin-bottom: 2em
	}

	th     {
	font-size: 0.75em;
	font-style: normal;
	font-weight: normal;
	background-color: #f2f2f2;
	text-align: center;
	padding: 0.3em;
	width: 8em;
	vertical-align: middle
	}

	td    {
	font-size: 0.75em;
	padding: 0.3em
	}

	dl  {
	margin-bottom: 1em
	}


	dt       {
	font-size: 0.75em;
	font-style: normal;
	font-weight: normal;
	line-height: 1.2em;
	background-color: #f2f2f2;
	margin-top: 1em;
	padding: 0.3em
	}





	dd      {
	font-size: 0.75em;
	font-style: normal;
	font-weight: normal;
	line-height: 1.2em;
	margin-top: 0.3em
	}






	img  {
	border-style: none
	}
	fieldset     {
	background-color: #fcfcfc;
	margin-bottom: 1em;
	padding: 0.5em;
	border: solid 1px #ccc
	}





	legend    {
	color: #999;
	font-size: 0.75em;
	font-weight: normal
	}

	input, select, textarea    {
	font-size: inherit
	}




	.sbmt {
	text-align: right
	}

/* @end */

/* @group ナビゲーション */
	#top       {
	position: relative;
	height: 112px
	}







	#top #logo    {
	margin: 0;
	position: absolute;
	z-index: 20;
	top: 0;
	left: 0
	}


	#top #egao-s  {
	margin: 0;
	position: absolute;
	z-index: 10;
	top: 11px;
	right: 0
	}

	#top #nav     {
	list-style-type: none;
	position: absolute;
	z-index: 30;
	top: 42px;
	left: 0;
	width: auto
	}





	#top #nav li    {
	color: #fff;
	font-weight: bold;
	background-color: #315aff;
	background-image: url("../images/bg_nav.png");
	background-repeat: repeat-x;
	background-position: left top;
	display: block;
	margin: 0 0 0 1px;
	width: 107px;
	float: right;
	border: outset 1px #03f
	}

	#top #nav li.here {
	background-color: #f0ad33;
	background-image: none;
	border: outset 1px #ec9800
	}
	#top #nav li.last {
	margin: 0;
	width: 108px
	}

	#top #nav li a, #top #nav li strong     {
	text-decoration: none;
	display: block;
	padding: 4px;
	width: 97px;
	float: left
	}





	#top #nav ul li a:link {
	color: #fff
	}

	#top #nav ul li a:visited {
	color: #ccc
	}

	#top #nav ul li a:hover {
	color: #fff
	}
	
	#top #nav ul li:hover  {
	color: #fff;
	background-color: #f0ad33;
	background-image: none;
	border: solid 1px #ec9800
	}


/* @end */

/* @group メイン */
	#main         {
	}

	#main h1         {
	color: #666;
	font-size: 2.6em;
	font-style: italic;
	width: 288px;
	float: left
	}



	#main #text          {
	margin-bottom: 44px;
	width: 448px;
	float: right
	}





	#main #text h2    {
	color: #ec9800;
	background-color: #fbeacc;
	background-image: url("../images/h2-square.png");
	background-repeat: no-repeat;
	background-position: 5px center;
	margin-bottom: 0.5em;
	padding: 0.2em 0.2em 0.2em 28px;
	border: solid 1px
	}



	#main #text p, #main #text table, #main #text ul, #main #text fieldset, #main #text dl  {
	margin-left: 28px
	}


/* @end */

/* @group Message */
	#message #main h1 {
	width: auto;
	float: none
	}

	#message #main #text {
	margin-top: 24px;
	width: auto;
	float: none
	}

/* @end */

/* @group About us */
	#aboutus #main  {
	background-image: url("../aboutus/images/aboutus.jpg");
	background-repeat: no-repeat;
	background-position: 1em 3em;
	min-height: 256px
	}
	#aboutus th em {
	color: #000;
	font-weight: normal;
	letter-spacing: 2em;
	margin-left: 2em
	}

	#aboutus th span {
	letter-spacing: 0.5em;
	margin-left: 0.5em
	}
	#aboutus td em {
	color: #000;
	font-family: monospace;
	font-weight: normal
	}

	#aboutus td ul {
	margin: 0
	}

	#aboutus td ul li  {
	font-size: 1em;
	margin-bottom: 0.2em;
	margin-left: 0
	}


/* @end */

/* @group Projects */
	#projects #main #text    {
	margin-bottom: 12px;
	width: 320px
	}


	#projects .category1   {
	margin-bottom: 12px
	}

	#projects .category2  {
	margin-bottom: 12px
	}


	#projects .category1 h2, #projects .category2 h2   {
	background-color: #fff;
	border: solid 1px #03f
	}
	#projects #index .category2 {
	margin-bottom: 48px
	}
	
	/* -------- */
	
	#projects #index  {
	margin-bottom: 4em
	}


	#projects #main0 dl      {
	background-color: #fdf5e6;
	background-image: url("../projects/images/thumbnail-a-house.jpg");
	background-repeat: no-repeat;
	background-position: left top;
	margin: 0 10% 1.5em;
	padding: 0;
	position: relative;
	height: 6em;
	clear: both;
	border-top: 4px solid #ec9800
	}





	#projects #main0 dl dt   {
	font-size: 1.5em;
	font-style: italic;
	font-weight: bold;
	margin: 0;
	padding: 0
	}



	#projects #main0 dl dt a  {
	color: #ec9800;
	text-decoration: none;
	display: block;
	margin: 0;
	padding: 1em 1em 1em 116px;
	position: absolute;
	right: 0;
	bottom: 0;
	left: 0
	}
	#projects #main0 dl dd.place {
	color: #ec9800;
	font-size: 1em;
	font-weight: bold;
	margin: 0;
	padding: 0;
	position: absolute;
	right: 1em;
	bottom: 1.6em
	}

	#projects #main0 dl dd.category   {
	color: #fff;
	font-size: 0.75em;
	font-weight: bold;
	background-color: #f6cc80;
	margin: 0;
	padding: 0.4em 0.4em 0.4em 24px;
	position: absolute;
	top: 0;
	right: 0;
	left: 92px
	}



	#projects #main0 dl dd.new {
	font-size: xx-small;
	font-weight: bold;
	margin: 0;
	padding: 0;
	position: absolute;
	top: 4px;
	right: 1.8em
	}

	#projects #main dl     {
	margin: 0 10% 1.5em;
	padding: 0;
	position: relative;
	height: 92px;
	clear: both;
	}

	#projects #main dl dt  {
	font-size: 1.5em;
	font-style: italic;
	font-weight: bold;
	margin: 0;
	padding: 0
	}

#projects #main dl dt.longname {
	font-size: 1.2em;
}

	#projects #main dl dt a    {
	text-decoration: none;
	display: block;
	margin: 0;
	padding: 1em 2em 20px 116px;
	position: absolute;
	z-index: 100;
	right: 0;
	bottom: 0;
	left: 0
	}

	#projects #main dl dd.thumbnail  {
	font-size: xx-small;
	margin: 0;
	padding: 0;
	position: absolute;
	z-index: 20;
	top: 0;
	left: 0
	}


	#projects #main dl dd.place    {
	font-size: 1em;
	font-weight: bold;
	margin: 0;
	padding: 0;
	position: absolute;
	z-index: 60;
	right: 1em;
	bottom: 20px
	}

	#projects #main dl dd.category   {
	color: #fff;
	font-size: 12px;
	font-weight: bold;
	margin: 0;
	padding: 0;
	position: absolute;
	z-index: 40;
	top: 5px;
	left: 116px
	}



	#projects #main dl dd.new  {
	font-size: xx-small;
	font-weight: bold;
	margin: 0;
	padding: 0;
	position: absolute;
	z-index: 80;
	top: 4px;
	right: 1.8em
	}
	/*House用*/
	#projects #main dl.house {
	background: #fdf5e6 url("../projects/images/bar-house.png") repeat-x left top;
	border-top: 4px solid #ec9800
	}

	#projects #main dl.house dt a {
	color: #ec9800
	}

	#projects #main dl.house dd.place {
	color: #ec9800
	}

	/*Animal Hospital用*/
	#projects #main dl.animal {
	background: #ecf6f1 url("../projects/images/bar-animal.png") repeat-x left top;
	border-top: 4px solid #40a471
	}

	#projects #main dl.animal dt a  {
	color: #40a471
	}

	#projects #main dl.animal dd.place  {
	color: #40a471
	}

	/*Others用*/
	#projects #main dl.others   {
	background: #e6f3f9 url("../projects/images/bar-others.png") repeat-x left top;
	border-top: 4px solid #0089be
	}

	#projects #main dl.others dt a {
	color: #0089be
	}

	#projects #main dl.others dd.place {
	color: #0089be
	}

/* @end */

/* @group カテゴリー */
	.category1, .category2        {
	position: relative;
	clear: both
	}


	.category1 ol, .category2 ol {
	margin: 0
	}

	.category1 h2, .category2 h2, .category1 h1, .category2 h1, .category1 p, .category2 p    {
	color: #fff;
	font-size: large;
	font-style: italic;
	font-weight: bold;
	line-height: 1.2em;
	background-color: #f0ad33;
	width: 464px;
	border: solid 1px #ec9800
	}




	.category1 h2 a, .category2 h2 a, .category1 h1 a, .category2 h1 a, .category1 p a, .category2 p a       {
	text-decoration: none;
	display: block;
	padding: 16px
	}





	.category1 h2, .category1 h1, .category1 p    {
	height: 64px
	}




	.category2 h2, .category2 h1, .category2 p    {
	height: 142px
	}




	.category1 ol li, .category2 ol li, #homeimage ol li  {
	display: block;
	margin: 0;
	position: absolute
	}


	.category1 ol li.icon1, .category2 ol li.icon1, #homeimage ol li.icon1   {
	z-index: 10;
	top: 0;
	right: 228px
	}



	.category1 ol li.icon2, .category2 ol li.icon2, #homeimage ol li.icon2   {
	z-index: 20;
	top: 0;
	right: 152px
	}



	.category1 ol li.icon3, .category2 ol li.icon3, #homeimage ol li.icon3   {
	z-index: 30;
	top: 0;
	right: 76px
	}



	.category1 ol li.icon4, .category2 ol li.icon4, #homeimage ol li.icon4  {
	z-index: 40;
	top: 0;
	right: 0
	}


	.category2 ol li.icon5, #homeimage ol li.icon5   {
	z-index: 50;
	top: 76px;
	right: 228px
	}


	.category2 ol li.icon6, #homeimage ol li.icon6   {
	z-index: 60;
	top: 76px;
	right: 152px
	}


	.category2 ol li.icon7, #homeimage ol li.icon7   {
	z-index: 70;
	top: 76px;
	right: 76px
	}


	.category2 ol li.icon8, #homeimage ol li.icon8   {
	z-index: 80;
	top: 76px;
	right: 0
	}


	.category1 ol li img, .category2 ol li img, #homeimage ol li img {
	border: solid 1px
	}

/* @end */

/* @group プロジェクト詳細 */
	#detail #main {
	margin-top: -8px
	}

	#detail #main #head-text   {
	}



	#detail #main h1  {
	width: auto;
	float: none
	}


	#detail #main #h1-plus {
	color: #666;
	font-size: 1.5em;
	font-style: normal;
	font-weight: normal;
	line-height: 1.2em
	}

	#detail #main #text   {
	width: 316px;
	float: left
	}



	#detail #main #text p    {
	margin-left: 0
	}




	#detail #main #photo   {
	float: right
	}


	#detail #main #photo table     {
	margin: 0;
	border-collapse: separate;
	border-spacing: 2px
	
	}

	#detail #main #photo table tr th       {
	font-size: xx-small;
	line-height: 0.5em;
	background-color: transparent;
	text-align: center;
	padding: 0;
	width: 422px;
	height: 422px
	}



	#detail #main #photo table tr td      {
	font-size: xx-small;
	line-height: 0.5em;
	text-align: center;
	padding: 0;
	vertical-align: middle
	}


	#detail #main #photo table tr td.space  {
	height: 12px
	}


	#detail #main #photo table tr td table  {
	margin-right: auto;
	margin-bottom: 48px;
	margin-left: auto
	}


/* @end */

/* @group From */
	#from #main #text {
	margin-bottom: 24px
	}

	#from #main #text p {
	margin-bottom: 0
	}

	#from #main #comment {
	margin-bottom: 24px;
	clear: both
	}

	#from #main #comment table  {
	margin-bottom: 0.4em;
	margin-left: 0;
	width: 100%
	}


	#from #main #comment table tr th  {
	background-color: #fff;
	text-align: left;
	padding: 0;
	width: 64px;
	vertical-align: top
	}


	#from #main #comment table tr th img {
	border: solid 1px
	}

	#from #main #comment table tr td {
	padding: 0;
	vertical-align: top
	}

	#from #main #comment tr td h2    {
	color: #ec9800;
	font-size: 1.6em;
	background-color: #fff;
	background-image: none;
	margin-bottom: 0.5em;
	margin-left: 14px;
	padding: 0.2em;
	border-style: none none solid;
	border-width: medium medium 1px;
	border-color:   #ec9800
	}



	#from #main #comment tr td p  {
	font-size: 1em;
	margin-left: 14px
	}


/* @end */

/* @group 最後部分 */
	address    {
	font-size: xx-small;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-style: normal;
	font-weight: normal;
	line-height: 1.2em;
	text-align: right;
	padding-top: 0.5em;
	clear: both;
	border-top: 1px solid #000
	}




/* @end */

/* @group Home */
	#home #top {
	height: 67px
	}

	#homeimage-old         {
	margin: 0 64px 64px;
	position: relative;
	height: 424px;
	max-width: 640px
	}









	#homeimage h2            {
	background-image: url("../images/homeimage.jpg");
	background-repeat: no-repeat;
	text-indent: -8888px;
	margin: 0 0 1px;
	padding: 0;
	width: 770px;
	height: 426px
	}












	#homeimage ol li.icon9   {
	z-index: 90;
	top: 152px;
	right: 228px
	}



	#homeimage ol li.icon10   {
	z-index: 100;
	top: 152px;
	right: 152px
	}



	#homeimage ol li.icon11   {
	z-index: 110;
	top: 152px;
	right: 76px
	}



	#homeimage ol li.icon12   {
	z-index: 120;
	top: 152px;
	right: 0
	}



	#homeimage ol li.icon13   {
	z-index: 130;
	top: 228px;
	right: 228px
	}



	#homeimage ol li.icon14   {
	z-index: 140;
	top: 228px;
	right: 152px
	}



	#homeimage ol li.icon15   {
	z-index: 150;
	top: 228px;
	right: 76px
	}



	#homeimage ol li.icon16   {
	z-index: 160;
	top: 228px;
	right: 0
	}


	#homeimage ul       {
	background-color: #e1e1e1;
	background-image: url("../images/bg_topics.jpg");
	background-repeat: repeat-x;
	background-position: center bottom;
	margin: 0 0 4em;
	padding: 0;
	max-height: 10em; /* 8emだった。もと前は6em */
	overflow: auto
	}

	#homeimage ul li      {
	margin: 0.7em 2.5em
	}

/* @end */

/* @group Latest */
	#latest .category1  {
	margin-bottom: 28px
	}

	#latest .category1 ol li img  {
	background-color: #f0ad33;
	border-color: #ec9800
	}

	#latest .category1 h1  {
	background-color: #f0ad33
	}

	#latest .category1 h1 a  {
	color: #fff
	}

	#latest #main #text  {
	margin-bottom: 16px;
	width: 320px
	}

	#latest #main table   {
	margin-bottom: 48px;
	clear: both
	}

	#latest #main table tr td  {
	padding: 0 14px 0 0
	}

	#latest #main table tr td.last {
	padding: 0
	}

/* @end */