.dsp{
	font-family:'Lucida Grande', 'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3', Meiryo, メイリオ, sans-serif;
}

dt.li01{
	width: 15em;
	line-height:1.2em;
	float:left;
}

dd.li01{
	padding-left:15em;
	line-height:1.2em;
	margin-bottom:0.7em;
}

.date{
	display:inline;
	font-size:90%;
	color:#060;
	width:8em;
}
.category{
	color:white;
	width:5em;
	text-align:center;
	font-size:90%;
}
.new{
	color:red;
	font-size:70%;
/*	border-bottom:1px dotted red;*/
}

.title{
	border-left:5px solid #060;
	border-top:1px dotted #060;
	padding:10px;
	font-weight:bold;
	margin-bottom:20px;
}

.category2{
	display:block;
	color:white;
	float:left;
	text-align:center;
	font-size:90%;
}

.gray  { background-color:gray;padding-left:1em;padding-right:1em; }
.red   { background-color:#c00;padding-left:1em;padding-right:1em;  }
.blue  { background-color:blue;padding-left:1em;padding-right:1em;  }
.green { background-color:green;padding-left:1em;padding-right:1em;  }

.text{
	width:350px;
	float:left;
	padding-left:10px;
}

.photo_area{
	width:230px;
	float:left;
}
.photo_box{
	border:1px solid #ccc;
	width:200px;
	padding:3px;
	margin-bottom:2px;
        margin-left:10px;
	float:left;
}
.caption{
	font-size:80%;
	color:#666;
}

/* kaja  */
.box {
	float: left;
/* height:200px; */
 height:auto;
 padding:5px;
	margin:5px;
 border:1px solid #ccc;
}

.box .caption {
 width:180px;
}

.boxContainer {
	overflow: hidden;
}

/* clearfix */
.boxContainer:before,
.boxContainer:after {
    content: "";
    display: table;
}
 
.boxContainer:after {
    clear: both;
}
 
/* For IE 6/7 (trigger hasLayout) */
.boxContainer {
    zoom: 1;
}

.f_right {
	float: right;
}