body{
	background:	#f7eedb;
	font-size: 12px; line-height: 160%; text-align:center;
	color: #852;}

#content{
	width:900px; margin:0 auto;}

#header {
	width:900px; height: 50px;
	background:url('img/header.jpg') no-repeat;}

#header2 {
	text-align:left; width:900px; height: 160px;
	background: no-repeat; padding:0 0 0 0px;}

#header2-title {
	font-size: 26px; padding:5px;
	color:#540;}

#header2-title a { text-decoration: none; }

#footer{ margin: 10px 0 0 20px ; }

#footer a{
	background:url('img/arrow2.gif') no-repeat 0 5px;
	display:block; float:left;
	margin-left:0; margin-right:0; margin-top:0; margin-bottom:10px;
	padding-left:10px; padding-right:20px; padding-top:0; padding-bottom:0;}

address{
	clear:left; font-style:normal; text-align:left;
	color:#540;}

/* 基本 */

a:link, a:visited{ color:#540; }
a:hover{ color:#e67f00; }

a img{ border: none; }
a.arrow{ background:url('img/arrow.gif') no-repeat ;
	height:17px; text-indent:20px;}

li{ list-style-type: none; }

th, td{
	font-size: 14px; line-height: 160%;}

.center{ text-align:center; }
.red{ color: #d93e00; }
.orange{ color: #e67f00; }
.green{ color: #280; }

/* 内容 */

table.content{ width: 900px; }

/* 左目次 */

table.index{ width:170px; margin:0; }

table.index td{
	background:	#eda;
	height: 38px;
	padding:0 0 0 15px;
	vertical-align:mddle;
	border-bottom:solid 2px #ba9; border-right:solid 2px #ba9;}

table.index td a { text-decoration: none; }

/* 内容中央 */

td.middle{
	width:515px; padding:10px 5px 20px 5px; }

/* 右ブログ、本 */

td.blog{
	text-align:center;	width:180px;
	font-size: 12px;	line-height: 120%;
	background: #feb;}

/* 一覧 */

table.list{
	width:715px;
	padding:0 0 0 10px;}

/* 家一覧（１列） */
td.w-list{
	vertical-align: top;
	border-bottom:solid 1px #ba9; border-right:solid 1px #ba9;
	padding:10px;
	background:	#fff;}

img.w-list{
	width:120px; height: 90px;
	float:left;		margin:5px 10px 5px 0;}

/* メンバー一覧（２列） */
td.m-list{
	width:50%;
	vertical-align: top;
	border-bottom:solid 1px #ba9; border-right:solid 1px #ba9;
	padding:10px;
	background:	#fff;}

img.m-list{
	width:90px; height: 90px;
	float:left;		margin:5px 10px 5px 0;}


/* 詳細 */
#detail{	
	margin:0 auto; padding:10px; 
	background:	#ebe9cc;}

.detail-header{
	width:680px;	background:	#fff;
	border-bottom:solid 1px #ba9; border-right:solid 1px #ba9;}

.detail-header img{
	width:120px; height: 120px;
	float:right;	margin:10px 10px;}

#detail p{
	line-height: 160%;	font-size: 13px;}

#detail p.title{
	font-size: 18px;	line-height: 160%;	padding:5px 0 0 20px;
	color:#540;}

#detail p.name{
	font-size: 14px;	line-height: 160%;
	padding:0 0 0 20px;}

#detail p.subtitle{	
	font-size: 14px;
	color:#540;}

img.small{
	height:69px;	margin:2px;}

/* 作品詳細 */

img.yoko{ width:320px; height:240px;  }
img.tate{ width:240px; height:320px;  }

/* 前、一覧、次 */

.next td {
	height: 20px;  vertical-align:mddle;  text-align:center; 
	border-bottom:solid 2px #ba9; border-right:solid 2px #ba9;
	background:	#eda;}

.next a { text-decoration: none; }

/* トップページ見出し */
p.top{
	width:240px; margin:0 0 10px 0; padding:5px 0;
	font-size: 17px; color:#ffffff; text-align:center;
	background:	#aa7a40;
	border-bottom:solid 2px #752; border-right:solid 2px #752;}
	
/* トップページ文章 */
p.top-s b{ color: #540; font-size: 15px;}
p.top-s strong{ color: #e67f00;  font-size: 15px;}

/* トップページ、イベントページ　お知らせ */
div.news {
	margin:10px 0 0 0;  padding:5px 10px; line-height: 180%;
	background:#ffffe0;	border: dotted 3px #c60; }


/* イベントページ見出し */
p.event {
	width:85%;  padding:7px 15px;
	font-size: 16px;  vertical-align:mddle;
	color:#540;  background:#e0e0c0; 
	border-bottom:solid 2px #ba9; border-right:solid 2px #ba9; }
	
/* 過去のイベントリスト */
table.w100{ width: 100%; }
table.w100 td { white-space: nowrap; }
table.w100 td img{ margin: 0 3px 0 0; }

/* リンク、サイトマップのリスト */
ul.list{
	margin:10px 0 0 0;  padding:0;
	font-size: 14px; }

ul.list li{
	background:url('img/list.gif') no-repeat 8px 12px;
	text-indent:25px; margin: 0; padding:8px 0 0 0; 
	border-bottom:1px dotted #ba9;}

a.list-s{ width:30%;  display:block;  float:left;}

/* 運営者情報 */
#information table{  width:515px;  margin:0;}

#information table th{text-align:right; padding:5px;}
#information table td{padding:5px 0;}
#information p {
	margin:20px 30px 0px 30px; padding:10px; 
	background:#ffffe0;	border: dotted 3px #c60; }

/* 未使用？ */
.f-left{float:left;}
.w300px{width:300px;}
.clear{clear:both;}