body {
	margin: 0px;
    font-family: メイリオ, sans-serif, 'Lucida Grande','Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3',Meiryo;
}

.floatLeft{
	float: left;
}
.clear{
	clear:both;
}
.fontFrame{
	text-shadow: 1px 1px 1px #2e2446,
    -1px 1px 1px #2e2446,
    1px -1px 1px #2e2446,
    -1px -1px 1px #2e2446;
}
.pointer{
	cursor: pointer;
}
.radius{
	border-radius: 5px;
}

hr{
    border: 0;
    height: 1px;
    background-image: -webkit-linear-gradient(left, rgba(0,0,0,0), rgba(0,0,0,0.75), rgba(0,0,0,0));
    background-image:    -moz-linear-gradient(left, rgba(0,0,0,0), rgba(0,0,0,0.75), rgba(0,0,0,0));
    background-image:     -ms-linear-gradient(left, rgba(0,0,0,0), rgba(0,0,0,0.75), rgba(0,0,0,0));
    background-image:      -o-linear-gradient(left, rgba(0,0,0,0), rgba(0,0,0,0.75), rgba(0,0,0,0));
}

header{
	max-width : 100%;
	height : 50px;
	background-color: #8fb800;
	margin: auto;
	font-size: 24px;
	color: #FFFFFF;
}
footer{
	max-width : 100%;
	height : 30px;
	background-color: #8fb800;
	margin: auto;
	font-size: 18px;
	color: #FFFFFF;
	text-align: center;
}
footer a{
	color: #ffffff;
	text-decoration: none;
}
button{
	background-color: #5555BB;
	color : #ffffff;
	font-size: 14px;
	font-weight: bold;
	border-radius: 5px;
	border: 2px;
	width: 100px;
    height:2em;
	cursor: pointer;
}

.shareArea{
	width: 500px;
	height:100px;
	margin: 0 auto;
}

.shareIcon{
	width: 70px;
	margin: 20px;
	color: #000000;
	font-size: 12px;
}

.shareIcon a{
	color: #000000;
	text-decoration: none;
}