debug {
	border: 1px solid #000;
    background-color: #f88; 
}
.debug table{
	border-collapse: collapse;
	empty-cells: show;
}
.debug td{
	border: 1px solid #000;
}
.debug th{
	text-align: left;
}

/* デバッグ */
/*
#header{
    background-color: #cff; 
}
#menu{
    background-color: #fcf; 
}
#footer{
    background-color: #ffc; 
}
.widget{
	background-color: #cfc; 
}
*/

body {
    color: #333;  
    background-color: #fff; 
    font-family:'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif;
}

/* ヘッダー */
#header{
    font-size: 80%;
	border-bottom: 1px solid #000;
}
#header h1{
	margin: 0 1em 0 0;
	display: inline;
}


/* メニュー */
#menu{
}

#menu ul{
	list-style: none;
	padding: 0;
}

#menu li{
	display:inline;
}

/* コンテンツ */
#content{
}

/* コンテンツ - ログイン */
.login{
	height: 300px;
}


/* フッター */
#footer{
	clear: both;
	border-top: 1px solid #000;
    font-size: 80%;
}


/* タグセレクター */
#filter {
    margin: 1em;
}

/* タグセレクター */
#tagSelector {
    margin: 1em;
}

/* ウィジェット */
.widget{
	border: 1px solid #888;
    margin: 10px;
    padding: 10px;
    float: left;
    width: 280px;
}

.widget-header{
	border-bottom: 1px solid #000;
	margin-top: 0;
}

.widget-header .find{
	margin-bottom: 1px;
	margin-top: 0;
	text-align: right;
	height: 28px;
}

.widget h2{
	margin-top: 0;
	font-size: 80%;
	text-align: left;
}
.widget table{
	width: 100%;
	border-collapse: collapse;
	empty-cells: show;
}
.widget td{
	padding-right: 1em;
}
.widget th{
	padding-right: 1em;
	text-align: left;
}
.widget tr{
}
.widget-content{
}

/* リストウィジェット */
.list{
	clear: both;
    float: none;
    width: 600px;
}

.list h2{
	font-size: 100%;
	text-align: left;
}

.list .widget-content{
	clear: both;
}

.list td{
	padding-right: 1em;
	border-bottom: 1px solid #b0b0b0;
}
.list th{
	padding-right: 1em;
	text-align: left;
}

.label{
	width : 100px;
	text-align: left;
	vertical-align: top;
}

/* 詳細ウィジェット */
.detail{
	clear: both;
    float: none;
    width: 600px;
}
.detail .widget-header{
	font-size: 100%;
	text-align: left;
	border-bottom: 1px solid #000;
}
.detail td{
	padding-right: 1em;
	border-bottom: 1px solid #b0b0b0;
}
.detail th{
	padding-right: 1em;
	text-align: left;
}

.detail img{
	border: solid 1px #888;
	margin: 1em;
}

/* マップウィジェット */
.map{
	clear: both;
    float: none;
    width: 800px;
}

.map .widget-header{
	font-size: 100%;
	text-align: left;
	border-bottom: 1px solid #000;
}

/* アカウントウィジェット */
.account{
	clear: both;
    float: none;
    width: 600px;
}


.account {
    background-color: #dfd; 
}

.memo {
    background-color: #ffd; 
}

.tag  {
    background-color: #fdd; 
}

.error{
	color: #F00;
}