@charset "utf-8";


body { padding:0; margin:0; }
/* body > #container {height:auto;} */

ul { list-style:none; }
td { padding:0; }
table { border-collapse:collapse; }
a img {border:0;}
a { text-decoration:none; }
a:hover span { 	cursor:pointer; }


/** アニメーション **/
a, a * {
	-moz-transition: .2s; -webkit-transition: .2s; -o-transition: .2s; -ms-transition: .2s; transition: .2s;
}

#container {
	width:100%;
	height:100%;
	position:relative;
	margin:auto;
	padding:0;
}

/**　ヘッダー　**/
#header {
	width:100%;
	min-width:1264px;
	height:80px;
	margin:0 auto;
	padding:0;
	overflow:hidden;
	background:url(../img/footerbk.gif);
	position:relative;
	clear:both;
	-moz-box-shadow:gray 0 2px 2px 0;
	-webkit-box-shadow:gray 0 2px 2px 0;
	box-shadow:gray 0 2px 2px 0;
}
#header h1 {
	width:225px;
	height:33px;
	margin:0;
	padding:0;
	float:left;
	position:absolute;
	top:16px;
	left:24px;
}
#header h2 {
	color:#fff;
	width:744px;
	height:11px;
	font-size:11px;
	letter-spacing:2px;
	font-weight:normal;
	margin:0;
	padding:0;
	position:absolute;
	top:57px;
	left:24px;
}
#header ul {
	width:751px;
	height:36px;
	position:absolute;
	top:30px;
	left:489px;
	border:1px solid #ccc;
	margin:0;
	padding:0;
}
#header ul li {
	width:187px;
	height:36px;
	float:left;
	margin:0;
	padding:0;
}
#header ul li a {
	display:block;
	width:187px;
	height:36px;
}
#he1 a { background:url(../img/headerbt.jpg) no-repeat; }
#he2 a { background:url(../img/headerbt.jpg) no-repeat -187px 0; }
#he3 a { background:url(../img/headerbt.jpg) no-repeat -374px 0; }
#he4 a { background:url(../img/headerbt.jpg) no-repeat -561px 0; }
#he1, #he2, #he3 { border-right:1px solid #ccc; }
#he1 a:hover { background:url(../img/headerbt.jpg) no-repeat 0 -36px; }
#he2 a:hover { background:url(../img/headerbt.jpg) no-repeat -187px -36px; }
#he3 a:hover { background:url(../img/headerbt.jpg) no-repeat -374px -36px; }
#he4 a:hover { background:url(../img/headerbt.jpg) no-repeat -561px -36px; }

/**　メニューボタン　**/
#navi {
	width:100%;
	min-width:1264px;
	height:62px;
	margin:0 auto;
	overflow:hidden;
}
#navi ul {
	float:right;
	width:354px;
	height:22px;
	margin:32px 0 0 0;
}
#navi ul li {
	height:22px;
	float:left;
}
#navi ul li a {
	display:block;
	height:22px;
	text-decoration:none;
}
#navi ul #nv1 a {
	width:82px;
	background:url(../img/navioff.jpg) no-repeat;
}
#navi ul #nv2 a {
	width:106px;
	background:url(../img/navioff.jpg) no-repeat -82px 0;
}
#navi ul #nv3 a {
	width:50px;
	background:url(../img/navioff.jpg) no-repeat -188px 0;
}
#navi ul #nv4 a {
	width:92px;
	background:url(../img/navioff.jpg) no-repeat -238px 0;
}
#navi ul #nv5 a {
	width:72px;
	background:url(../img/navioff.jpg) no-repeat -330px 0;
}
#navi ul #nv1 a:hover {
	background:url(../img/navion.jpg) no-repeat;
}
#navi ul #nv2 a:hover {
	background:url(../img/navion.jpg) no-repeat -82px 0;
}
#navi ul #nv3 a:hover {
	background:url(../img/navion.jpg) no-repeat -188px 0;
}
#navi ul #nv4 a:hover {
	background:url(../img/navion.jpg) no-repeat -238px 0;
}
#navi ul #nv5 a:hover {
	background:url(../img/navion.jpg) no-repeat -330px 0;
}
#column {
	background:url(../img/pagebk.gif);
	width:100%;
	min-width:1264px;
	height:5264px;
	margin:0;
	padding:32px 0;
}
#contents {
	width:1200px;
	margin:0 auto;
}
#lefter * {
	display:block;
}
#lefter {
	width:208px;
	background:#fff;
	float:left;
	border-radius:12px;
	-moz-box-shadow:gray 2px 2px 2px 0;
	-webkit-box-shadow:gray 2px 2px 2px 0;
	box-shadow:gray 2px 2px 2px 0;
}
#lefter ul {
	width:208px;
	margin:0;
	padding:0;
}
#lefter ul li {
	border-bottom:1px dashed #ccc;
	width:208px;
	height:52px;
}
#lefter ul .end {
	border:0;
}
#lefter ul li a {
	width:208px;
	height:52px;
}
#lefter ul li a span {
	width:134px;
	color:#1c1c1c;
	font-size:12px;
	line-height:52px;
}
#lefter ul li a:hover span {
	text-decoration:underline;
}
#lefter ul li a img {
	width:38px;
	margin:6px 12px;
}
#lefter ul li a img, #lefter ul li a span {
	float:left;
}
.page {
	position:relative;
	background:url(../img/pager2.png);
	width:960px;
	float:right;
	margin:0 0 32px 0;
	border-radius:12px;
	-moz-box-shadow:gray 2px 2px 2px 0;
	-webkit-box-shadow:gray 2px 2px 2px 0;
	box-shadow:gray 2px 2px 2px 0;
}
.page a:hover img {
	filter:alpha(opacity=70); -moz-opacity:0.70; opacity:0.70;
}
.page *, #pagetop * {
	display:block;
}
#pagetop {
	background:url(../img/pager2.png);
	width:960px;
	height:882px;
	float:right;
	margin:0 0 32px 0;
	border-radius:12px;
	-moz-box-shadow:gray 2px 2px 2px 0;
	-webkit-box-shadow:gray 2px 2px 2px 0;
	box-shadow:gray 2px 2px 2px 0;
}
#pagetop h2 {
	width:859px;
	height:758px;
	margin:24px 0 0 36px;
}
#pagetop ul {
	width:492px;
	height:32px;
	margin:32px auto 0 auto;
}
#pagetop ul li {
	float:left;
	margin:0;
	padding:0;
	height:32px;
}
#pagetop ul #me1 a {
	width:142px;
	height:32px;
	background:url(../img/menuoff.jpg);	
}
#pagetop ul #me2 a {
	width:186px;
	height:32px;
	background:url(../img/menuoff.jpg) -142px 0px;	
}
#pagetop ul #me3 a {
	width:129px;
	height:32px;
	background:url(../img/menuoff.jpg) -328px 0px;	
}

#pagetop ul #me1 a:hover {
	background:url(../img/menuon.jpg);
}
#pagetop ul #me2 a:hover {
	background:url(../img/menuon.jpg) -142px 0px;	
}
#pagetop ul #me3 a:hover {
	background:url(../img/menuon.jpg) -328px 0px;	
}
.page a, .page h3 {
	position:absolute;
}
.page a span {
	color:#222;
	font-size:11px;
	line-height:14px;
}
.page a span strong {
	font-size:13px;
	letter-spacing:2px;
	line-height:21px;
	padding:12px 0 0 0;
}
.page h3 {
	width:273px;
	height:114px;
	margin:0;
}

/*---- 収納編 ----*/

#page1 h3 {
	top:24px;
	left:24px;
}
#page1 {
	height:1251px;
}
.page #home {
	width:430px;
	top:32px;
	right:64px;
}
.page #home img {
	width:430px;
}
.page #home span { width:360px; }
.page #album1 {
	width:313px;
	top:200px;
	left:32px;
}
.page #album1 img {
	width:313px;
}
.page #album2 {
	width:316px;
	top:335px;
	left:369px;
}
.page #album2 img {
	width:316px;
}
.page #album3 img {
	width:171px;
}

.page #album2 span {
	width:230px;
	height:104px;
	padding:0 0 44px 0;
}

.page #album3 {
	width:171px;
	top:421px;
	left:709px;
}
.page #album4 {
	width:313px;
	top:620px;
	left:32px;
}
.page #album4 img {
	width:164px;
	float:left;
}
.page #album4 span {
	float:right;
	width:137px;
}
.page #put1 {
	width:531px;
	top:830px;
	left:32px;
}
.page #put1 img {
	width:531px;
}
.page #put1 span { width:310px; }
.page #put2 {
	width:164px;
	top:740px;
	left:587px;
}
.page #put2 img {
	width:164px;
}
.page #put3 {
	width:132px;
	top:934px;
	left:587px;
}
.page #put3 img {
	width:132px;
}
.page #put4 {
	width:133px;
	top:790px;
	left:775px;
}
.page #put4 img {
	width:133px;
}

.page #put5 {
	width:139px;
	top:1040px;
	left:769px;
}
.page #put5 img {
	width:139px;
}
/*---- テーブル編 ----*/
#page2 {
	height:1333px;
}
#page2 h3 {
	top:560px;
	left:24px;
}
#page2 #mable1 {
	border-top-left-radius:12px;
	overflow:hidden;
	width:905px;
	top:0px;
	left:0px;
}
#page2 #mable2 {
	width:636px;
	height:140px;
	top:390px;
	left:24px;
}
#page2 #mable2 span {
	padding:0 0 0 0;
	width:340px;
	float:left;
}
#page2 #mable2 img {
	float:right;
	width:200px;
	margin:37px 0 0 0;
}
#page2 #mable3 {
	width:220px;
	height:140px;
	top:390px;
	left:684px;
}
#page2 #mable3 img {
	width:220px;
}
#page2 #swants {
	width:472px;
	height:430px;
	top:550px;
	right:55px;
}
#page2 #swants img {
	width:230px;
	float:right;
}
#page2 #swants span {
	padding:90px 0 0 0;
	width:230px;
	float:left;
}
#page2 #refia21 {
	width:156px;
	height:175px;
	top:770px;
	left:24px;
}
#page2 #refia21 img, #page2 #refia22 img {
	width:156px;
}

#page2 #refia22 {
	width:356px;
	height:175px;
	top:770px;
	left:192px;
}
#page2 #refia22 img {
	float:left;
}
#page2 #refia22 span {
	padding:24px 0 0 0;
	width:186px;
	float:right;
}
#page2 #oaklandst {
	width:220px;
	height:175px;
	top:970px;
	left:24px;
}
#page2 #oaklandst img {
	width:220px;
}

#page2 #bridge2 {
	width:415px;
	height:285px;
	bottom:0px;
	right:55px;
}
#page2 #bridge1 {
	width:190px;
	bottom:24px;
	right:482px;
}
#page2 #bridge1 img {
	width:190px;
}

/*---- デスク編 ----*/
#page3 {
	height:1702px;
}
#page3 h3 {
	top:640px;
	left:24px;
}
#page3 #wonder {
	border-top-left-radius:12px;
	overflow:hidden;
	width:510px;
	top:0px;
	left:0px;
}
#page3 #wonder span {
	width:410px;
	padding:0 0 0 24px;
}
#page3 #wonderdk img, #page3 #wondercb img, #page3 #wonderch img, #page3 #wonderbs img, #page3 #wondercbg img {
	width:146px;
}
#page3 #wonderst img {
	width:119px;
}
#page3 #wonderdk {
	width:146px;
	height:162px;
	top:48px;
	left:558px;
}
#page3 #wondercb {
	width:146px;
	height:162px;
	top:48px;
	left:728px;
}
#page3 #wonderch {
	width:146px;
	height:162px;
	top:234px;
	left:558px;
}
#page3 #wonderbs {
	width:146px;
	height:162px;
	top:234px;
	left:728px;
}
#page3 #wondercbg {
	width:146px;
	height:162px;
	top:420px;
	left:558px;
}
#page3 #wonderst {
	width:119px;
	height:132px;
	top:433px;
	left:741px;
}

#page3 #susie {
	width:566px;
	height:283px;
	top:633px;
	left:336px;
}
#page3 #susie img {
	width:277px;
	float:left;
}
#page3 #susie span {
	width:260px;
	float:right;
	padding:32px 0 0 0;
}
#page3 #susiedk {
	width:129px;
	height:113px;
	top:803px;
	left:625px;
}
#page3 #susiedk img {
	height:113px;
}
#page3 #susiecb {
	width:57px;
	height:113px;
	top:803px;
	left:763px;
}
#page3 #susiecb img {
	height:113px;

}
#page3 #susiech {
	width:70px;
	height:123px;
	top:793px;
	left:837px;
}
#page3 #susiech img {
	width:70px;
}
#page3 #xross {
	width:359px;
	top:853px;
	left:24px;
}
#page3 #xross img {
	width:359px;
}
#page3 #xross span {
	width:270px;
	padding:0 0 32px 0;	
}
#page3 #xross2 {
	position:relative;
	width:344px;
	top:953px;
	left:416px;
}
#page3 #xross2 img {
	width:284px;
	position:absolute;
	right:0px;
}
#page3 #xross2 span {
	position:absolute;
	width:180px;
	top:180px;
	left:0px;
}
#page3 #creppa1 {
	width:800px;
	height:393px;
	bottom:24px;
	left:24px;
}
#page3 #creppa1 img {
	width:500px;
	float:left;
}
#page3 #creppa1 span {
	float:right;
	width:288px;
}
#page3 #creppa2 {
	width:184px;
	height:200px;
	bottom:24px;
	left:536px;
}
#page3 #creppa2 img, #page3 #creppa3 img {
	height:200px;
}

#page3 #creppa3 {
	width:143px;
	height:200px;
	bottom:24px;
	left:728px;
}


#footer {
	width:100%;
	min-width:1264px;
	height:36px;
	margin:0 auto;
	font-family:Arial, Helvetica, sans-serif;
	padding:0;
	letter-spacing:2px;
	color:#fff;
	text-align:center;
	line-height:36px;
	font-size:11px;
	background:url(../img/footerbk.gif);
}

/*---バックボタン-------------- -------- ----*/

#backtop {
	width:60px;
	height:60px;
	margin:0;
	padding:0;
	position:fixed;
	bottom:60px;
	right:24px;
	z-index:9999;
	-moz-box-shadow:gray 2px 2px 2px 0;
	-webkit-box-shadow:gray 2px 2px 2px 0;
	box-shadow:gray 2px 2px 2px 0;
}
#backtop a {
	display:block;
	background:url(../img/backbkon.gif);
}
#backtop a:hover img {
	filter:alpha(opacity=0); -moz-opacity:0; opacity:0;
}