body {
	margin:0px; padding:0px; text-align:center;
	color:#333333; font-size: 12px; line-height:170%; }

a:link, a:visited {color: #313467; }
a:hover, a:active {color: #999999; }
a img { border: none; }

/* 外部へのリンク */
a.out:link, a.out:visited { color: #2d6868; }
a.out:hover, a.out:active { color: #999999; }

.black { color: #111111; }
.blue  { color: #313467; }
.brown { color: #8d4b28; }
.green { color: #2c6868; }
.red   { color: #ff3333; }
.new   { background: #ff3333; color: #ffffff; font-weight: bold; text-decoration: blink;}
.gray  { background: #e9eaea; }
.yellow{ background: #f3f3d0; }
.beige { background: #ecefd3; }

hr     { size: 1; border-style: dotted;  color: #999999; }

td { color:#333333; font-size: 12px; line-height:170%; }

ul         { list-style-type: square;  margin: 0 0 0 20px;  padding: 0; }
ul.nest li { list-style-type: circle;  }

/* 上のインデックス */

#header      { margin: 0 auto;  width: 700px;}
#header table{ margin: 5px 0 0 0; width: 700px;}
#header a    { text-decoration: none;}

/* メイン　トップページなど */

#main70 {
	margin: 0 auto; width: 700px; text-align:left;}

/* トップページ 事務所名、更新日　*/

.hagino { 
	color: #212457;  font-size: 16px; text-shadow: 2px 2px 2px #666666; }
p.small {
	font-size: 10px; line-height:140%; }

/* トップページ　見出し */

p.title   { 
	width:220; margin:15px 0 7px 0; padding: 5px 10px;  text-align:center;
	background: #ecefd3;  font-size: 14px; font-weight: bold;
	border-bottom:solid 2px #998; border-right:solid 2px #aa9; 
	border-top:solid 1px #ddc;    border-left:solid 1px #ddc; }

p.title a  { text-decoration: none;}

/* トップページ、いろいろな活動トップページの写真 */

.wl { 
	width: 160px;  height: 120px;  float: left; margin:0 7px 0 0; }

/* トップページ　表のサムネイル */

#plist  table { width: 100%; }
#plist  a img { 
	width: 120px;  height: 90px;  float: left; 
	border-color: #888 #ccc #ddd #999; border-style: solid;  border-width: 1px; }

/* トップページ、プロフ、いろいろな活動の枠 */

.bord-y {  
	padding: 10px ;  background: #f3f3d0; 
	border-color: #ddd #999 #888 #ccc; border-style: solid;  border-width: 1px; }
.bord-o {  
	padding: 5px 3px ;
	border-color: #ddd #999 #888 #ccc; border-style: solid;  border-width: 1px; }

/* メイン　仕事、現場、見学会 */

#main   {
	margin: 0 auto; width: 650px; text-align :left;}

/* ページタイトル、建築場所　右寄せ */

#top { 
	margin: 0 0 7px 0; padding: 0 5px 0 0;
	border-bottom: solid 2px #313467; text-align: right;}

#top2  {  text-align:right;  margin: 0 0 3px 0; 　padding: 0 5px 0 0;}

/* 下のインデックス、Copyright */

#footer  {
	margin: 7px 0 0 0; padding: 2px 5px 0 0;
	border-top: solid 2px #313467; text-align: right;}

#footer2 {
	margin:0 0 30px 0; padding: 2px 5px; font-size: 11px;
	background: #313467; color: #ffffff; text-align: right; }
	
#footer2 a { color: #ffffff; }

/* １行見出し */

.midasi   { 
	margin:15px 0 7px 0;  background:  #e9eaea;  padding: 10px;
	color:#111111; font-size: 13px;   font-weight: bold; 
	border-color: #ddd #999 #888 #ccc; border-style: solid;  border-width: 1px; }

th  { 
	color:#111111; font-size: 13px; text-align :left;  padding: 10px;
	background:  #e9eaea;  font-weight: normal;
	border-color: #ddd #999 #888 #ccc; border-style: solid;  border-width: 1px; }

/* いろいろな活動の目次（左フレーム） */

.act { 
	background: #e0f0c6;  line-height:200%;
 	width: 220px;  padding: 0 0 0 10px; vertical-align: top; }

/* 仕事一覧 */

#col2 table {	width: 100%; }

#col2 td    {
	width: 50%;   padding: 7px ;
	border-color: #ddd #999 #888 #ccc; border-style: solid;  border-width: 1px; }

#col2 a     {	text-decoration: none;}

#col2 a img {
	width: 80px; height: 60px; float: left; margin: 0 7px 0 0; }

/* 各仕事　表の外の概要 画像のある場合*/

.gaiyo  {  
	margin: 0;  padding: 3px 10px; }

/* 各仕事、見学会　写真 */

.w25 { width: 25%;  text-align: center;  vertical-align: top; }
.w25 a img { 
	margin: 7px 0 ;  }

#col4 table {	 width: 100%; }

#col4 td    { 
	width: 25%;  vertical-align: top; padding: 7px ; 
	border-color: #ddd #999 #888 #ccc; border-style: solid;  border-width: 1px; }

#col4 a img {
	border-color: #888 #ccc #ddd #999; border-style: solid;  border-width: 1px; }

.w-y { width: 140px; height: 105px; }
.w-t { width: 105px; height: 140px; }

.yoko { width: 140px; height: 105px; margin: 0px; }
.tate { width: 105px; height: 140px; margin: 0 16px; }

/* 表の中の説明 */

#col4 .setumei  { 
	border: none;  padding: 3px 7px; }

/* 表の中のページトップへ */

#col4 .totop  { 
	border: none;  padding: 3px 7px;  text-align:right; }

/* 見学会　キャプション */

#col4 .capt { 
	background: #f3f3d0; vertical-align: top; padding: 3px;
	border-color: #ddd #ccc #aaa #ccc; border-style: solid;  border-width: 1px; }

/* 現場の過程　写真 */

.yoko-g { width: 240px; height: 180px; float: left; margin: 0 2px 0 0; }
.tate-g { width: 135px; height: 180px; float: left; margin: 0 2px 0 0; }