@charset "UTF-8";
/* CSS Document */

body {
	padding: 0px;
	margin: 0px;
	background-color: #000000;
}

.container {
	width: 600px;
	height: 503px;
	margin:200px 360px;
	background-color: #FF0000;
	background-image:url(purohuhaikei.png);
	background-size:cover;
	
}

.box01 {
	
	width: 300px;
	height: 60px;
	padding: 10px;
	position: relative;
	top: 100px;
	left:160px;
	background-image:url(sakusya.gif);
	background-size:cover;
}


.box02 {
	
	width: 220px;
	height: 110px;
	padding: 10px;
	position: relative;
	top: -170px;
	left:250px;
	background-image:url(kosise.png);
	background-size:cover;
}


/*01*************************************************/
.button01 a{
    display:block;
    width:300px;
    height:60px;
	padding:0px;
	position: relative;
	top:180px;
	left:180px;
    background-image:url("twitter.gif");
	background-size:cover;
    background-repeat:no-repeat;
}
/*未訪問のリンク*/
.button01 a:link{
}
/*訪問済みのリンク*/
.button01 a:visited{
}
/*マウスホバー時*/
.button01 a:hover{
    background-image:url("twitter.click.png");
}
/*選択中*/
.button01 a:active{
}



/*01*************************************************/
.button02 a{
    display:block;
    width:140px;
    height:140px;
	padding:0px;
	position: relative;
	top:180px;
	left:600px;
    background-image:url("top.botan.png");
	background-size:cover;
    background-repeat:no-repeat;
}
/*未訪問のリンク*/
.button02 a:link{
}
/*訪問済みのリンク*/
.button02 a:visited{
}
/*マウスホバー時*/
.button02 a:hover{
    background-image:url("top.botan.2.png");
}
/*選択中*/
.button02 a:active{
}