@charset 'UTF-8';
/*----------------------------------------------------------------------

リセット

-----------------------------------------------------------------------*/
body {
	/*background: #fff url(../images/dot.gif) repeat left top;*/
	background: #eee;
}

.screensteps-title {
	font-size: 197%;
	margin: 50px 20px 50px;
	padding-top: 50px;
	text-align: center; 
	border-top: 1px solid #d0d0d0;
	text-shadow: 1px 1px 0 white;
}

.screensteps-content {
	width: 780px;
	margin: 0 auto;
}

.screensteps-step {
	overflow: hidden;
	margin: 0 0 30px;
	padding-bottom: 25px;
	-webkit-border-radius: 7px;
	   -moz-border-radius: 7px;
	        border-radius: 7px;
	background: #fff;
	-webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.25);
	   -moz-box-shadow: 0 0 10px rgba(0, 0, 0, 0.25);
	/*border-bottom: 1px solid #ccc;*/
}

.screensteps-step h2 {
	/*border-top: 1px solid #9eccf6;*/
	font-size: 153.9%;
	padding: 8px 15px;
	color: #fff;
	background: -moz-linear-gradient(top, #386b9a, #184e7f);
	background: -webkit-gradient(linear, left top, left bottom, from(#386b9a), to(#184e7f));
	text-shadow: -1px -1px 0 rgba(0, 0, 0, 0.6);
	/*-moz-box-shadow: inset 0 2px 3px rgba(0,0,0 ,0.4);
  -webkit-box-shadow: inset 0 2px 3px rgba(0,0,0 ,0.4);*/
}

.screensteps-media {
	margin: 25px 0 40px; 
	text-align: center;
}

.instructions {
	padding: 30px 60px 0;
}

#shareButton {
	position: absolute;
	top: 15px;
	right: 10px;
	overflow: visible;
}

#shareButton div.twitter {
	float: left;
	overflow: hidden;
	width: 120px;
	/*border-right:1px solid #ccc;*/
	padding: 0 5px;
}

#shareButton div.facebook {
	float: left;
	overflow: hidden;
	width: 100px;
	/*border-left:1px solid #fff;
  border-right:1px solid #ccc;*/
	padding: 0 5px;
}

#shareButton div.google {
	/*border-left:1px solid #fff;*/
	float: left;
	overflow: hidden;
	width: 70px;
	padding: 0 5px;
}