@charset "utf-8";

@import	"/css/common.css";
@import	"/css/surfboard.css";
/* ---------------------------------------------------------------- */
/* サーフボードの社内風景(index.aspx) */
/* ---------------------------------------------------------------- */
#office *{margin:0;padding:0;}

#office p.read{margin:0 0 1.4em;text-align:center;}

#office #gallery{margin-bottom:3em;}

#office #gallery ul{
	list-style:none;
	margin:0 0 0 5px;
}

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

#office #gallery ul li{
	float:left;
	margin:0 30px 0.8em 0;
}

#office #gallery ul li a{
	height:75px;
	width:75px;
	background:#fff;
	text-decoration:none;
}

#office #gallery ul img{border:3px solid #ccc;}
#office #gallery ul li a img{width:75px;height:75px;}
#office #gallery ul li a:hover img{width:75px;height:75px;border:3px solid #009fb2;}

/* ---------------------------------------------------------------- */
/* こんなコトやってます(about.aspx) */
/* ---------------------------------------------------------------- */
#about *{margin:0;padding:0;}
#about{margin:0 auto 2em;}

#about p.read{margin:0 0 1em;}

/* h2 */
#about h2{
	margin:0 auto 1.4em;
	padding:0 6px 0 12px;
	border-left:18px solid #009fb2;
	color:#fff;
	background:#000;
	font-size:1.6em;
}

/* サンクスカード */
/* ---------------------------------------------- */
#about .thanks-area{
	_zoom: 1;
	overflow: hidden;
	margin:0 0 1em;
	padding:0 0 0 10px;
}

#about .thanks-area p.image{
	float:right;
	margin-left:5px;
}

#about .thanks-area p.text{padding:14px 0 0 0;}

#about p.thanks-read{margin:0 10px 1em;}

#about .thanks-ex{margin:0 0 3.2em 14px;}

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

#about .thanks-ex .block{
	float:left;
	width:205px;
	margin:0 16px 0 0;
	padding:10px 0 5px;
	border:1px solid #ccc;
	background:#fefae5;
}

#about .thanks-ex .block p{margin:0 8px;}
#about .thanks-ex .block p.text{
	line-height:2;
	margin-bottom:0.2em;
}

#about .thanks-ex .block span{border-bottom:1px solid #ccc;}
#about .thanks-ex .block p.text-r{text-align:right;}

/* おもしろ休暇 */
/* ---------------------------------------------- */
#about .holiday-area{margin:0 10px 3em;}

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

#about .holiday-area .left{
	width:290px;
	float:left;
}

#about .holiday-area .right{
	width:370px;
	float:right;
	padding:10px 0 0;
}

#about .holiday-area p{margin:0 0 1em;}

/* リスト */
#about .holiday-area ul{padding:0 0 0 20px;}
#about .holiday-area ul li{margin:0 0 0.2em;}

/* 朝礼クレド */
/* ---------------------------------------------- */
#about .cred-area{margin:0 10px 3em;}
#about .cred-area p{}


/* 社内APIコンテスト */
/* ---------------------------------------------- */
#about .api-area{margin:0 10px 1em;}

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

#about .api-area .left{
	width:400px;
	float:left;
	padding:5px 0 0;
}

#about .api-area .right{
	width:260px;
	float:right;
}

#about .api-area p{margin:0 0 1em;}

#about .team{
	margin:0 10px 3em;
	padding:8px 0;
	background:#fefae5;
}

#about .team h3{margin:0 0 0.3em 10px;color:#f50400;}

#about .team dl{
	width:630px;
	margin:0 auto 0.4em;
	padding:0 0 6px;
	background:url('/common_img/line_dot.gif') repeat-x left bottom;
}

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

#about .team dl dt{
	width:60px;
	float:left;
	font-weight:bold;
}

#about .team dl dd{
	width:550px;
	float:right;
}

#about .team p{text-align:center;}


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