@charset "utf-8";
@import url("under.css");





/* ---------- blog ---------- */

#blog {
	width:600px;
	float:left;
	margin:10px 180px 50px;
	display:inline;
}

.blog {
	width:270px;
	float:left;
	margin:0 15px;
	display:inline;
}

.blog h2 {
	margin:0 0 15px;
}

.blog ul {
	margin:0 0 0 25px;
	padding:0 0 8px;
	list-style:disc;
	font-size:75%;
	line-height:1.5em;
}

.blog li {
	padding:0 0 7px;
}

.blog dl {
	margin:0 20px 0 20px;
	padding:0 0 8px;
}

.blog dt {
	font-size:65%;
	line-height:1.3em;
	color:#CC0000;
	font-weight:bold;
	padding:0 5px;	
}

.blog dd {
	font-size:75%;
	line-height:1.5em;
	border-bottom:#333333 1px dotted;
	padding:0 5px 7px;
	margin:0 0 7px;
}





/* ---------- staff blog ---------- */

#blogLeft {
	width:680px;
	float:left;
	margin:35px 0 0 40px;
	padding:0 0 30px;
	display:inline;
}

#blogLeft .conBox {
	width:680px;
	float:left;
	margin:0 0 25px;
	display:inline;
	background:url(../../../image/under/bg_category.png) left top no-repeat;
}

* html .works li {
    behavior:url(http://www.wonder-mix.com/script/js/iepngfix.htc);
}

#blogLeft .conBox h2 {
	padding:10px 0 0 32px;
	margin:0;
	color:#CCCCCC;
	font-size:85%;
	line-height:1.6em;
}

#blogLeft .conBox h3 {
	margin:0;
	padding:0 0 20px 32px;
	font-size:65%;
	line-height:1.4em;
	color:#A2A2FF;
	font-weight:normal;
}

#blogLeft .conBox p {
	margin:0;
	padding:0 0 15px 32px;
}

#blogLeft .page {
	width:660px;
	float:left;
	padding:7px 9px 6px;
	margin:0 0 25px;
	font-size:75%;
	line-height:1.5em;
	border:#1C1C40 1px solid;
	background:#0F0F22;
	color:#EDEDED;
	text-align:center;
}

* html #blogLeft .page {
	width:680px;
}

#blogLeft .sttl {
	margin:0 0 25px;
}