@charset "UTF-8";

@import url("reset.css");

h1{
	margin:10px 0 0 0;
}

#design h2{
	margin:30px 0 5px 0;
}

#design div#area1{
	margin:20px 0 0 45px;
}

#design div#area2
,#design div#area3
,#design div#area4{
	margin:20px 0 0 0;
}

#design div#area2L
,#design div#area3L
,#design div#area4L{
	width:266px;
	float:left;
	display:inline;
	margin:0 0 0 5px;
	line-height: 100%;
}

#design div#area2R
,#design div#area3R
,#design div#area4R{
	width:480px;
	float:left;
	display:inline;
	margin:0 0 0 5px;
}

#design div#area2L p{
	width:246px;
	height:77px;
	float:left;
	display:inline;
	background-image: url(../img/design/bg02.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	padding:10px;
}


#design div#area3L p{
	width:246px;
	height:77px;
	float:left;
	display:inline;
	background-image: url(../img/design/bg03.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	padding:10px;
}

#design div#area4L p{
	width:246px;
	height:77px;
	float:left;
	display:inline;
	background-image: url(../img/design/bg04.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	padding:10px;
}
@media screen and (max-width: 768px) {
#design div#area1{
	margin:20px 0 0 0;
}
#design div#area2L
,#design div#area3L
,#design div#area4L{
	width:266px;
	float:none;
	display: block;
	margin:0 auto 15px;
}
#design div#area2R
,#design div#area3R
,#design div#area4R{
	width:100%;
	float:none;
	display: block;
	margin:0;
	padding-top:15px;
}
#design div#area2L p{
	margin-bottom:10px;
}


#design div#area3L p{
	margin-bottom:10px;
}

#design div#area4L p{
	margin-bottom:10px;
}
}
.spn{
	display:none !important;
}
@media screen and (max-width: 768px) {
.spn{
	display: inline-block;
}
}