body {
	background-color:#875B3D;
	background-image:url(../img/randing_background.jpg);
}

/*-----------------------------*/
/* section 縺翫ｈ縺ｳ 隕ｪ隕∫ｴ�縺ｮ險ｭ螳� */
/*-----------------------------*/

div#header,
div#middle,
div#footer {
	margin:auto;
	background-color:transparent;
}

div#header, div#footer { width:689px; margin-top:30px; margin-bottom:30px; }
div#middle { width:780px; margin-top:30px; margin-bottom:30px; }

div#footer {
	color:#fff;
	text-align:center;
	font-weight:bold;
}

div#header div#title {
	display:inline-block;
	height:30px;
	width:689px;
	background-image:url(../img/randing_title.png);
	background-position:center middle;
	background-repeat:no-repeat;
	text-indent:-9999px;
}

div#middle div#panel {
	display:inline-block;
	height:680px;
	width:780px;
	background-image:url(../img/randing_panel.png);
	background-position:center middle;
	background-repeat:no-repeat;
	position:relative;
}

div#middle p.lets {
	display:inline-block;
	height:17px;
	width:360px;
	position:absolute;
	left:210px;
	top:0px;
	text-align:center;
	
	color:#fff;
}

/*------------------------------*/
/* 繝代ロ繝ｫ荳翫�繝ｪ繝ｳ繧ｯ縺ｫ髢｢縺吶ｋ險ｭ螳� */
/*------------------------------*/

div#middle div#panel a {
	border:none;
}

div#middle div#panel a.link01 { 
	display:inline-block;
	width:232px;
	height:229px;
	background-image:url(../img/randing_panel_01.png);
	background-position:center middle;
	background-repeat:no-repeat;
	position:absolute;
	left:51px;
	top:29px;
}

div#middle div#panel a.link02 { 
	display:inline-block;
	width:185px;
	height:203px;
	background-image:url(../img/randing_panel_02.png);
	background-position:center middle;
	background-repeat:no-repeat;
	position:absolute;
	left:382px;
	top:66px;
}

div#middle div#panel a.link03 { 
	display:inline-block;
	width:163px;
	height:221px;
	background-image:url(../img/randing_panel_03.png);
	background-position:center middle;
	background-repeat:no-repeat;
	position:absolute;
	left:578px;
	top:129px;
}

div#middle div#panel a.link04 { 
	display:inline-block;
	width:180px;
	height:217px;
	background-image:url(../img/randing_panel_04.png);
	background-position:center middle;
	background-repeat:no-repeat;
	position:absolute;
	left:369px;
	top:328px;
}

div#middle div#panel a.link05 { 
	display:inline-block;
	width:137px;
	height:248px;
	background-image:url(../img/randing_panel_05.png);
	background-position:center middle;
	background-repeat:no-repeat;
	position:absolute;
	left:24px;
	top:363px;
}

div#middle div#panel a.link06 { 
	display:inline-block;
	width:156px;
	height:243px;
	background-image:url(../img/randing_panel_06.png);
	background-position:center middle;
	background-repeat:no-repeat;
	position:absolute;
	left:165px;
	top:382px;
}

div#middle div#panel a.mail { 
	display:inline-block;
	width:135px;
	height:30px;
	background-image:url(../img/randing_panel_button.png);
	background-position:center middle;
	background-repeat:no-repeat;
	position:absolute;
	left:616px;
	top:624px;
}

div#middle div#panel span.qr { 
	display:inline-block;
	width:138px;
	height:187px;
	background-image:url(../img/randing_panel_qr.png);
	background-position:center middle;
	background-repeat:no-repeat;
	position:absolute;
	left:615px;
	top:429px;
}

div#middle div#panel a.link01:hover { background-image:url(../img/randing_panel_01_on.png); }
div#middle div#panel a.link02:hover { background-image:url(../img/randing_panel_02_on.png); }
div#middle div#panel a.link03:hover { background-image:url(../img/randing_panel_03_on.png); }
div#middle div#panel a.link04:hover { background-image:url(../img/randing_panel_04_on.png); }
div#middle div#panel a.link05:hover { background-image:url(../img/randing_panel_05_on.png); }
div#middle div#panel a.link06:hover { background-image:url(../img/randing_panel_06_on.png); }
div#middle div#panel a.mail:hover { background-image:url(../img/randing_panel_button_on.png); }

/*------------------------------*/
/* 繝輔ャ繧ｿ縺ｮ闡嶺ｽ懈ｨｩ陦ｨ險倥↓髢｢縺吶ｋ險ｭ螳� */
/*------------------------------*/

div#notice {
	display:inline-box;
	background-image:url(../img/randing_notice.png);
	background-position:center middle;
	background-repeat:no-repeat;

	width:480px;
	height:390px;
	margin-left:auto;
	margin-right:auto;
	margin-top:-35px;
	margin-bottom:15px;
}

div#footer {
	display:inline-box;
	background-image:url(../img/randing_copyright.png);
	background-position:center middle;
	background-repeat:no-repeat;

	width:282px;
	height:18px;
	margin-left:auto;
	margin-right:auto;
	margin-top:15px;
	margin-bottom:15px;
}