@charset "UTF-8";

*{
	margin:0;
	padding:0;
	text-indent:0;
	line-height:1.4;
	list-style:none;
}
html{
	background:#fff;
}
body{
	background:#fff;
	color:#000;
	width:90%;
	margin:0 auto;
	line-height:1.5;
	font-size:10pt;
	font-family:"Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3","メイリオ","Meiryo",sans-serif;
}
body div#all{
	background:none!important;
}
a{
	color:#000;
	text-decoration:none;
	border-bottom:1px dotted #666
}
canvas{
	display:none;
}
div#topPage{
	background:#fff!important
}
div#header{
	background:none;
	border-bottom:5px solid #000;
	margin:1em 0;
	padding:0 0 1em 0;
}
	div#header h1{
		font-size:150%;
		font-family:"Lucida Grande","Lucida Sans",sans-serif;
	}
		div#header h1 em{
			color:#666;
		}
		div#header h1 strong{
			display:block;
			font-size:45%;
		}
		div#header ul,
		div#header ol{
			display:none;
		}
/*                   contents                  */
	div#contents{
		padding:0 0 1em 0;
	}
		div#contents p{
			margin:0 0 .9em 0;
		}
	
		div#contents a[href]:after {
		content: "  ( "attr(href)"  )";
		color:#666;
		margin:0 .5em;
		font-size:8pt;
		font-family:sans-serif;
		}
	div#contents div#outline,
	div#contents div#fields{
		overflow:auto;
		padding:0 0 1.5em 0;
		margin:0 0 1em 0;
		border-bottom:2pt solid #ccc;
	}
	div#contents h2{
		color:#666;
		font-size:140%;
		margin:0 0 .9em 0;
		clear:both;
	}	
		div#contents h2 span.feed{
			display:none;
		}
		div#contents h3{
			border-top:1pt solid #ccc;
			margin:3em 0 .9em 0;
			font-size:125%;
			clear:both;
		}
			div#contents h3 span{
				display:block;
				color:#666;
				font-size:85%;
			}
		div#contents p#genreInformation{
			margin:0 0 3em 0;
		}
			div#contents p#genreInformation span{
				display:block;
				font-size:90%;
				margin:.7em 0 0 0;
			}
		div#contents div#customers li{
			line-height:1.7;
			font-size:85%
		}
		div#contents dl{
			margin:0 0 3em 0;
			float:left;
			width:40%;
		}
			div#contents dl dt{
				float:left;
				clear:left;
				width:7em;
				font-weight:bold;
				line-height:1.7;
			}
			div#contents dl dd{
				margin:0 0 0 7em;
				line-height:1.7;
			}
				div#contents dl.genre{
					width:100%;
				}
					div#contents dl.genre dt{
						width:15em;
						float:left;
					}
					div#contents dl.genre dd{
						border-top:1pt dotted #ccc;
						padding:0 0 0 15em;
						margin:0 0 .9em 0;
					}
					div#contents dl.genre a[href]:after{
						display:none;
					}
					div#contents dl.genre dd span.anchor{
						display:none;
					}
				div#contents dl.designer{
					width:32%;
					height:50em;
				}
					div#contents dl.designer dt{
						float:none;
						width:auto;
						padding:0 0 .5em 0;
						margin:0 1em 0 0;
					}
						div#contents dl.designer dt img{
								width:14em;
							}
							div#contents dl.designer dt strong{
								display:block;
							}
							div#contents dl.designer dt em{
								display:block;
								font-size:90%;
								color:#555;
							}
								div#contents dl.designer dt span{
									display:block;
									font-family:"Lucida Grande","Lucida Sans";
									font-size:85%;
								}
						div#contents dl.designer dd{
							border-top:1pt dotted #ccc;
							margin:0 2em 0 0;
							padding:.5em 0 0 0;
						}
							div#contents dl.designer dd dl{
								width:auto;
							}
								div#contents dl.designer dd dl dt{
									margin:0;
								}
								div#contents dl.designer dd dl dd{
									border:none;
								}
		div#contents p#map{
			background:url(../images/general/map.gif) no-repeat right top;
			height:400px;
			text-indent:-9999px;
			margin:-3em 0 0 0;
		}
		div#contents div#dock2{
			display:none;
		}
			body.planning div#contents dl,
			body.transportation div#contents dl,
			body.product div#contents dl,
			body.graphic div#contents dl,
			body.web div#contents dl,
			body.interior div#contents dl{
				width:100%;
				float:none;
			}
			body.planning div#contents dl dd,
			body.transportation div#contents dl dd,
			body.product div#contents dl dd,
			body.graphic div#contents dl dd,
			body.web div#contents dl dd,
			body.interior div#contents dl dd{
				float:right;
				width:35%;
				margin:0;
				padding:0 0 0 1em
			}
				body.planning div#contents dl dd img,
				body.transportation div#contents dl dd img,
				body.product div#contents dl dd img,
				body.graphic div#contents dl dd img,
				body.web div#contents dl dd img,
				body.interior div#contents dl dd img
				{
					width:100%;
					padding:5pt;
				}
			body.planning div#contents dl dt,
			body.transportation div#contents dl dt,
			body.product div#contents dl dt,
			body.graphic div#contents dl dt,
			body.interior div#contents dl dt{
				width:auto;
				margin:0 80% 0 0;
				clear:none;
				float:none;
			}
			body.web div#contents dl dt{
				width:auto;
				margin:0 60% 0 0;
				clear:none;
				float:none;
			}
			div#contents dd.anchor{
				display:none;
			}
			body.planning div#contents dl dd.subImages,
			body.transportation div#contents dl dd.subImages,
			body.product div#contents dl dd.subImages,
			body.graphic div#contents dl dd.subImages,
			body.web div#contents dl dd.subImages,
			body.interior div#contents dl dd.subImages{
				width:100%;
				clear:both;
				text-align:right;
				float:none;
			}
			div#contents dd div{
				display:inline;
			}
			body.planning div#contents dl dd.subImages img,
			body.transportation div#contents dl dd.subImages img,
			body.product div#contents dl dd.subImages img,
			body.graphic div#contents dl dd.subImages img,
			body.web div#contents dl dd.subImages img,
			body.interior div#contents dl dd.subImages img{
				height:10em;
				width:auto;
			}
				div#contents dl dd.phaseValidHtml,
				div#contents dl dd.phaseValidCss,
				div#contents dl dd.phaseUseCms,
				div#contents dl dd.phaseSketch,
				div#contents dl dd.phasePlanning,
				div#contents dl dd.phasePlanning,
				div#contents dl dd.phasePrototyping,
				div#contents dl dd.phaseCad,
				div#contents dl dd.phaseRender,
				div#contents dl dd.phaseMovie,
				div#contents dl dd.phaseGraphicwork,
				div#contents dl dd.phasePhotodirection,
				div#contents dl dd.phaseDrafting{
					float:left!important;
					clear:left;
					width:auto!important;
					margin:.5em 0 0 0!important;
					padding:0!important;
					color:#555;
				}
			body.planning div#contents dl dd.link,
			body.transportation div#contents dl dd.link,
			body.product div#contents dl dd.link,
			body.graphic div#contents dl dd.link,
			body.web div#contents dl dd.link,
			body.interior div#contents dl dd.link{
				clear:left;
				float:none;
				margin:0;
				padding:0;
			}
			body.contact p{
				width:45%;
				float:left;
			}
				body.contact table th{
					text-align:left;
					width:40%;
				}
				body.contact table th span{
					display:block;
					color:#555;
				}
				body.contact table td input,
				body.contact table textarea{
					width:90%;
				}
	
	
	
/*                top               */
	body.top div#contents h2{
		clear:none;
		margin:-3em 0 0 0;
	}
	body.top div#contents h3{
		margin:0 0 .9em 0;
	}
		body.top div#contents h3 a{
			display:none;
		}
	body.top div#contents dl{
		width:40%;
		float:left;
	}
		body.top div#contents dl dt{
			font-weight:bold;
			border-top:1px solid #666;
			color:#666;
			width:100%;
		}
		body.top div#contents dl dd{
			font-size:85%;
			margin:0 0 1em 0;
			clear:left;
		}
			body.top div#contents dl dd strong{
				display:block;
				font-weight:bold;
			}
			body.top div#contents dl dd img{
				width:7em;
				height:auto;
				float:left;
				margin:.5em .5em .5em 0;
				border:2px solid #666;
			}
	body.top div#contents h2{
		margin:0 0 0 45%;
		font-size:100%;
	}
	body.top div#contents ol#genre{
		margin:1em 0 0 45%;
	}
		body.top div#contents ol#genre li{
			line-height:1.7;
			list-style:square;
				list-style-position : inside ;
		}
		body.top div#contents ol#genre a[href]:after{
			display:none;
		}
	body.top div#contents ul#banners{
		position:relative;
		top:32em;
		margin:0 0 0 45%;
		border:1px solid #ccc;
		padding:.5em;
	}
	

div#contents hr{
	color:#fff;
	border:none;
	clear:both;
}
p.anchor{
	display:none;
}
	
/*                 footer                  */


div#footer{
	margin:2em 0 0 0;
	border-top:6px solid #000;
	padding:1em 0;
	text-align:right;
}
	div#footer dl,
	div#footer ul{
		display:none;
	}
	div#footer address span{
		margin:0 1em 0 0;
	}
		div#footer address span.copyright{
			display:block;
			font-size:85%;
		}