@charset "utf-8";

#social
{
	margin: 60px auto;
	width: 235px;
	clear: both;
}

#fbbtn
{
	float:left;
	width:59px;
	height:59px;
	display:block;
	margin:0px 9px;
	background-image:url('images/fb_btn.png');
	background-repeat:no-repeat;
}
#fbbtn:hover { filter: brightness(120%); -webkit-filter: brightness(120%); }

#gpbtn
{
	float:left;
	width:59px;
	height:59px;
	display:block;
	margin:0px 9px;
	background-image:url('images/gp_btn.png');
	background-repeat:no-repeat;
}
#gpbtn:hover { filter: brightness(120%); -webkit-filter: brightness(120%); }

#twbtn
{
	float:left;
	width:59px;
	height:59px;
	display:block;
	margin:0px 9px;
	background-image:url('images/tw_btn.png');
	background-repeat:no-repeat;
}
#twbtn:hover { filter: brightness(120%); -webkit-filter: brightness(120%); }

body
{
	width: 100%;	
	min-width: 360px;
	background-color: #fff;
	background-image:url(images/background.jpg);
	background-position:center top;
	background-repeat:no-repeat;
	background-attachment: fixed;
	margin:0;
	padding:0;
	font-family: 'sansationregular';
}

a:link {text-decoration:none; color:#000000;}
a:visited {text-decoration:none; color:#000000;}
a:hover {text-decoration:none; color:#000000;}
a:active {text-decoration:none; color:#000000;}

.container
{
	width:100%;
	min-width: 360px;
	max-width: 990px;
	margin: 0 auto;
}

#logo
{
	height: 319px;
	width: 418px;
	background-image:url(images/logo.png);
	background-position:center center;
	background-repeat:no-repeat;
	margin: 0 auto;
	margin-top: 60px;
}

#pages
{
	width:100%;
	min-width: 360px;
	max-width: 960px;
	margin-top: -5px;
}

#page01
{
	height: 351px;
	width: 456px;
	background-image:url(images/page01.png);
	background-position:center center;
	background-repeat:no-repeat;
	float: left;
	display: block;
}#page01:hover { filter: brightness(120%); -webkit-filter: brightness(120%); }
#page02
{
	height: 351px;
	width: 456px;
	background-image:url(images/page02.png);
	background-position:center center;
	background-repeat:no-repeat;
	float: right;
	display: block;
}#page02:hover { filter: brightness(120%); -webkit-filter: brightness(120%); }

@media (max-width: 1000px)
{
	#pages { margin-top: 0px; }
	#page01 { float: none; margin: 10px auto; margin-bottom: 0px; }
	#page02 { float: none; margin: 10px auto; }
}

@media (max-width: 480px) 
{
    #logo { background-size: 100%; width: 350px; height: 267px; margin-top: 10px; }
    #page01 { background-size: 100%; width: 350px; height: 269px; }
    #page02 { background-size: 100%; width: 350px; height: 269px; }
}