@charset "utf-8"; 
@import url("base.css");
@import url("common.css");





/* ---------- event ---------- */

#eventList {
	font-size:75%;
	line-height:1.5em;
	border-top:#CCCCCC 1px dotted;
	margin:0 0 15px;
}

#eventList li {
	border-bottom:#CCCCCC 1px dotted;
}

#eventList li a {
	display:block;
	padding:8px 10px 7px 15px;
	background:url(../../images/common/bg_arr_orange.gif) 2px center no-repeat;
	text-decoration:none;
}

#eventList li a:hover {
	background-color:#FFF1E1;
}





/* ---------- press ---------- */

#main .press {
	width:785px;
	float:left;
	border-top:#CCCCCC 1px dotted;
}

#main .press li {
	width:785px;
	float:left;
	border-bottom:#CCCCCC 1px dotted;
	padding:15px 0 0;
}

#main .press li h4 {
	font-size:75%;
	line-height:1.5em;
	padding:0 0 5px;
}





/* ---------- think ---------- */

#designer {
	width:804px;
	float:left;
	margin:0 -19px 0 0;
	display:inline;
}

#designer li {
	width:249px;
	float:left;
	padding:0 19px 19px 0;
}

#designer li a {
	border:#DDDDDD 1px solid;
	display:block;
}

#designer li a:hover {
	border:#AAAAAA 1px solid;
}

.profile {
	width:755px;
	float:left;
	padding:14px 14px 0;
	margin:0 0 15px;
	display:inline;
	border:#CCCCCC 1px solid;
}

.profile h5 {
	font-size:95%;
	line-height:1.2em;
	margin:0 0 0 -2px;
}

.profile h6 {
	font-size:65%;
	line-height:1.5em;
	color:#FF6600;
	margin:0 0 5px;
}

.profile .important {
	width:780px;
	float:left;
	margin:0 -25px 0 0;
	display:inline;
}

.profile .important li {
	width:365px;
	float:left;
	margin:0 25px 0 0;
	display:inline;
}





/* ---------- works ---------- */

#main #works {
	width:800px;
	float:left;
	margin:0 -15px 0 0;
	display:inline;
}

#main #works li {
	width:171px;
	float:left;
	margin:0 15px 15px 0;
	padding:5px 5px 20px;
	display:inline;
	border:2px #DDDDDD solid;
}

#main #work #works li {
	background:url(../../works/images/common/bg_work.gif) center bottom no-repeat;
	padding:5px 5px 0px;
}

#main #work #works .new {
	background:url(../../works/images/common/bg_workNew.gif) center bottom no-repeat;
}

#main #plan #works li {
	background:url(../../plan/images/common/bg_plan.gif) center bottom no-repeat;
}

#main #plan #works .new {
	background:url(../../plan/images/common/bg_planNew.gif) center bottom no-repeat;
}

#main #new #works li {
	background:url(../../new/images/common/bg_new.gif) center bottom no-repeat;
}

#main #works li h3 {
	font-size:75%;
	line-height:1.5em;
	padding:0 0 2px;
	height:1.5em;
	overflow:hidden;
}

#main #works li h4 {
	font-size:75%;
	line-height:1.5em;
	text-align:center;
	margin:0 0 -12px;
}

#main #works li p {
	font-size:65%;
	line-height:1.3em;
	padding:0 0 10px;
}

#main #works li .number {
	text-align:right;
	font-family:Arial, Helvetica, sans-serif;
	font-size:115%;
	line-height:1.1em;
	font-weight:bold;
	padding:0 2px 6px 0;
	color:#669900;
}

#main .thum {
	width:790px;
	float:left;
	margin:0 -5px 0 0;
}

#main .thum li {
	padding:0 5px 5px 0;
	float:left;
}

#main .thum li a {
	padding:1px;
	border:#DDDDDD 1px solid;
	display:block;
}

#main .thum li a:hover {
	padding:1px;
	border:#AAAAAA 1px solid;
}

#main .main {
	float:left;
	padding:0 15px 15px 0;
}

#main .main a {
	padding:1px;
	border:#DDDDDD 1px solid;
	display:block;
}

#main .main a:hover {
	padding:1px;
	border:#AAAAAA 1px solid;
}





/* ---------- d-station ---------- */

#main #map {
	background:#A5CC2E;
	text-align:center;
	padding:0;
}





/* ---------- myCol ---------- */

#main #myCol {
	width:822px;
	float:left;
	margin:0 -37px 0 0;
	padding:10px 0 0;
}

#main #myCol li {
	width:100px;
	padding:0 37px 19px 0;
	float:left;
}

#main #myCol li p {
	font-size:95%;
	text-align:center;
	padding:0 0 5px;
	font-family:Arial, Helvetica, sans-serif;
}

#main #myCol li p span {
	font-size:75%;
	padding:0 5px 0 0;
}


