@charset "utf-8";
/* レイアウト */

body {
	margin: 0px;
	padding: 0px;
	background: #DDC4CA;
}

#content {
	width: 960px;
	margin: 0 auto;
	background: #fff;
	text-align: center;
}
#content img {
		vertical-align: middle;
		margin: 0px;
		padding: 0px;
}
	
	
/* 回り込み
--------------------------------*/	
.f-clear {clear: both;}
.f-left {float: left;}
.f-right {float: right;}
.clearfix:after {
	visibility: hidden;
	display: block;
	font-size: 0;
	content: " ";
	clear: both;
	height: 0;
}
* html .clearfix             { zoom: 1; } /* IE6 */
*:first-child+html .clearfix { zoom: 1; } /* IE7 */



/* 余白
--------------------------------*/	
.t-right {text-align: right;}
.t-left {text-align: center;}
.t-center {text-align: center;}



/* ボタン
--------------------------------*/	
.btn_01 {
		background: url(../img/img_02.jpg) no-repeat;
		position: relative;
		width: 960px;
		height: 685px;
}
.btn_02 {
		background: url(../img/img_09.jpg) no-repeat;
		position: relative;
		width: 960px;
		height: 828px;
}
.btn_03 {
		background: url(../img/img_10.jpg) no-repeat;
		position: relative;
		width: 960px;
		height: 827px;
}



a.btn1{
	background: url(../img/btn_01_off.png) no-repeat;
	width: 216px;
	height: 55px;
	display: block;
	position: absolute;
	right: 58px;
	bottom: 34px;
}
a.btn2{
	background: url(../img/btn_02_off.png) no-repeat;
	width: 843px;
	height: 88px;
	display: block;
	position: absolute;
	right: 54px;
	bottom: 68px;
}
a.btn3{
	background: url(../img/btn_01_off.png) no-repeat;
	width: 216px;
	height: 55px;
	display: block;
	position: absolute;
	right: 28px;
	bottom: 130px;
}
a.btn4{
	background: url(../img/btn_03_off.png) no-repeat;
	width: 929px;
	height: 88px;
	display: block;
	position: absolute;
	right: 11px;
	bottom: 20px;
}

a:hover.btn1,a:hover.btn3 {
	background: url(../img/btn_01_act.png) no-repeat;
}

a:hover.btn2 {
	background: url(../img/btn_02_act.png) no-repeat;
}

a:hover.btn4 {
	background: url(../img/btn_03_act.png) no-repeat;
}
