@charset "utf-8";

@import	"/css/common.css";
@import	"/css/surfboard.css";
/* ---------------------------------------------------------------- */
/* スタッフ紹介(index.aspx) */
/* ---------------------------------------------------------------- */
#staff *{margin:0;padding:0;}

#staff .list{margin:0 0 1em 8px;}

/* clear hack */
#staff .list{zoom:1;}
#staff .list:after{content:".";clear:both;height:0;display:block;visibility:hidden;}

/* dl */
#staff dl{
	float:left;
	width:150px;
	margin:0 18px 1.6em 0;
	padding:10px 0 5px;
	background-color:#f9f9f9;
	border:1px solid #ccc;
}

/* dt */
#staff dl dt{
	margin:0 auto 0.6em;
	text-align:center;
}

#staff dl dt a{display:block;width:127px;margin:0 auto;border:1px solid #ccc;}
#staff dl dt a:hover{border:1px solid #72cad4;}

/* dd */
#staff dl dd{text-align:center;}

#staff dl dd.type{
	margin:0 5px 0.4em;
	padding:1px 0;
	color:#fff;
	font-size:0.9em;
	background-color:#000;
}

br.clear{clear:both;}

/* link */
/* -------------------------------------------- */
#staff dl dd a					{color:#009fb2;text-decoration:none;}
#staff dl dd a:hover		{color:#009fb2;text-decoration:underline;}

/* ---------------------------------------------------------------- */
/* スタッフ紹介(detail.aspx) */
/* ---------------------------------------------------------------- */
.detail *{margin:0;padding:0;}
.detail{}

/* headline */
/* ---------------------------------------------------------------- */
/* リセット */
.detail #headline *{margin:0;padding:0;}
.detail #headline img{vertical-align:botto;}

.detail #headline{
	margin:0 0 1px;
	padding:12px 0 0;
	border-top:3px solid #009fb2;
	border-bottom:1px solid #009fb2;
}

/* h1 */
.detail #headline h1{
	margin:0;
	padding:6px 12px 6px;
	border:none;
	line-height:1.3;
	font-size:2em;
	font-family:"メイリオ",Meiryo,Osaka,"MS P Gothic","ＭＳ Ｐゴシック",Verdana,Chicago,sans-serif;
}

.detail #headline h1 span{margin:0 10px;font-size:0.6em;}

/* ---------------------------------------------------------------- */
/* headline-sub */
/* ---------------------------------------------------------------- */
.detail #headline-sub{
	margin:0 0 2em;
	padding:0 12px;
	line-height:2;
	background:#e3f4f6;
}

.detail #headline-sub h2{
	font-size:1.2em;
	text-align:right;
}

/* ---------------------------------------------------------------- */
/* profile */
/* ---------------------------------------------------------------- */
.detail .profile{
	width:670px;
	margin:0 auto 2em;
}

/* clear hack */
.detail .profile{zoom:1;}
.detail .profile:after{content:".";clear:both;height:0;display:block;visibility:hidden;}


.detail .profile .left{
	float:left;
	width:200px;
	padding:18px 0 0;
}

.detail .profile .left p{font-size:0.9em;text-align:center;padding:10px 0;}

.detail .profile .right{
	float:right;
	width:445px;
}

.detail .profile h3.enter{
	font-weight:normal;
	font-size:1em;
	padding:0 0 10px;
	color:#037481;
	text-align:right;
}

.detail p.text{margin:0 0 1.6em;}

/* ---------------------------------------------------------------- */
/* tag-area */
/* ---------------------------------------------------------------- */
.detail .tag-area{margin:0 auto 1em;}

.detail .tag-area .block{
	padding:10px;
	border:2px solid #ccc;
}

.detail .tag-area dl{}

.detail .tag-area dl dt{
	margin:0 0 0.6em;
	padding:3px 8px 3px 8px;
	font-weight:bold;
	background-color:#000;
	color:#fff;
	border-left:5px solid #009fb2;
}

.detail .tag-area dl dd{margin:0 8px 1.2em;}


/* works */
/* ---------------------------------------------------------------- */
/* リセット */
#works *{margin:0;padding:0;}
#works img{vertical-align:bottom;}

#works{
	margin:0 auto 3em;
	background:#c7eaee;
}

#works h3{}

/* 事例 */
#works .block{padding:10px 0 7px;margin:0 0 0 10px;}

/* clear hack */
#works .block{zoom:1;}
#works .block:after{content:".";clear:both;height:0;display:block;visibility:hidden;}

#works dl{
	width:167px;
	float:left;
	text-align:center;
}

#works dt{
	margin:0 auto 6px;
	width:142px;
	font-size:0;
}

#works dt img{border:1px solid #ccc;}

#works dd{
	padding:0 8px;
	line-height:1.3;
}

#works dd a{color:#333;}
#works dd a:hover{color:#ff1741;}

/* ---------------------------------------------------------------- */