/* TOPページ */

@import "common.css";

/* ナビゲーションの重なりを上に */
#navi {
	z-index:2;
}

div#c_mirrorbox{
	z-index:1;
	position: relative;
	float: left;/*こうしないとfirefoxで上部のマージンが何故か効かない…*/
	width:735px;
	height:465px;
	margin:40px 0px 10px 2px;
	padding:0px;
	background: url("../c_mirror/img/back.gif") no-repeat;
}

div#c_mirrorbox h2 {
	position: absolute;
	top:60px;
	left:46px;
}
div#c_mirrorbox p.cMirrorCopy {
	position: absolute;
	top:203px;
	left:37px;
}
/* 1ページ目
-----------------------------------------------------*/
div#c_mirrorbox p.cMirrorCopy1P {
	position: absolute;
	top:150px;
	left:200px;
}
div#c_mirrorbox ul.p1List {
	position: absolute;
	top:270px;
	left:173px;
	margin: 0 0 0 0;
	padding: 0 0 0 0;
	list-style-type: none;
}
div#c_mirrorbox ul.p1List li {
	float: left;
	margin: 0 16px 0 0;
}
div#c_mirrorbox ul li a:hover img {
	filter:Alpha(opacity=70);
	-moz-opacity:0.7;
	opacity: 0.7;
}
/* 2ページ目
-----------------------------------------------------*/
div#c_mirrorbox p.cMirrorCopy2P {
	position: absolute;
	top:103px;
	left:285px;
}
div#c_mirrorbox ul.p2List {
	position: absolute;
	top:142px;
	left:215px;
	margin: 0 0 0 0;
	padding: 0 0 0 0;
	list-style-type: none;
}
div#c_mirrorbox ul.p2List li {
	float: left;
	margin: 0 0 18px 0;
}

/* 3ページ目
-----------------------------------------------------*/
div#c_mirrorbox p.cMirrorCopy3P {
	position: absolute;
	top:122px;
	left:248px;
}
div#c_mirrorbox ul.p3List {
	position: absolute;
	top:176px;
	left:215px;
	margin: 0 0 0 0;
	padding: 0 0 0 0;
	list-style-type: none;
}
div#c_mirrorbox ul.p3List li {
	float: left;
	margin: 0 0 20px 0;
}