sivacchi

.wrap {
	$bd_width : 15px;
	width: 960px;
	border: $bd_width solid #000;
	> div {
		float: left;
		width: (960px - $bd_width * 2) / 3;
	}
}

sivacchi

.mb10 {
  margin-bottom: 10px;
}

.mb20 {
  margin-bottom: 20px;
}

.mb30 {
  margin-bottom: 30px;

sivacchi

p {
  background-color: #333333;
  color: #FFF;
}

ul {
  background-color: #efefef;
  color: #000;
}

sivacchi

#gNav li {
  width: 240;
}

sivacchi

.boxA {
  margin: 20px;
  padding: 10px;
  color: #595959;
}

.boxB {
  margin: 20px;
  padding: 20px;
  color: #595959;

sivacchi

h1 {
  background-color: #527a7a;
}

h2 {
  border-left: 5px solid #5c8a8a;
}

h3 {
  border-bottom: 1px solid #366363;

sivacchi

# Require any additional compass plugins here.

# Set this to the root of your project when deployed:
http_path = "/"
css_dir = "css"
sass_dir = "_scss"
images_dir = "img"
javascripts_dir = "javascripts"

# 出力形式を指定してください。コマンドオプションで上書きもできます。

sivacchi

.wrap {
  width: 960px;
  border: 15px solid black;
}
.wrap > div {
  float: left;
  width: 310px;
}

sivacchi

button {
  background: #669999;
}
button:hover {
  background: #3d5c5c;
}

sivacchi

.wrap {
  width: 960px;
  border: 15px solid #000;
}
.wrap > div {
  float: left;
  width: 310px;
}