@charset "shift_jis";


/*----------------------------------------------------
	body
----------------------------------------------------*/
body {
	color: #000;
	background: #fff url(../images/bg.jpg) center top repeat;
}

#contents {
	margin: 0 auto;
	width: 1000px;
}

#header {
	position: relative;
	width: 1000px;
	height: 500px;
	background: url(../images/header.jpg);
}

#header h1 { display: none;}

#header li { position: absolute;}
#header li#nv_tab1 { left: 20px; top: 448px;}
#header li#nv_tab2 { left: 340px; top: 448px;}
#header li#nv_tab3 { left: 660px; top: 448px;}
#header li a { display: block;}
#header li#nv_tab1 a { width: 318px; height: 52px; background-image: url(../images/nv_tab1.jpg);}
#header li#nv_tab2 a { width: 318px; height: 52px; background-image: url(../images/nv_tab2.jpg);}
#header li#nv_tab3 a { width: 318px; height: 52px; background-image: url(../images/nv_tab3.jpg);}
#header li#nv_tab1 a:hover { background-image: url(../images/nv_tab1_ov.jpg);}
#header li#nv_tab2 a:hover { background-image: url(../images/nv_tab2_ov.jpg);}
#header li#nv_tab3 a:hover { background-image: url(../images/nv_tab3_ov.jpg);}

#mainArea {
	position: relative;
	width: 1000px;
	height: 1672px;
	overflow: hidden;
}

#footer {
	width: 1000px;
	height: 28px;
	background: url(../images/footer.jpg);
}


/*----------------------------------------------------
	cassette layout
----------------------------------------------------*/
#tab1 {
	position: absolute;
	left: 1000px;
	top: 0;
	width: 1000px;
	height: 1672px;
	background-image: url(../images/tab1.jpg);
}
#tab2 {
	position: absolute;
	left: 1000px;
	top: 0;
	width: 1000px;
	height: 1672px;
	background-image: url(../images/tab2.jpg);
}
#tab3 {
	position: absolute;
	left: 1000px;
	top: 0;
	width: 1000px;
	height: 1672px;
	background-image: url(../images/tab3.jpg);
}

#tab1 div,
#tab2 div,
#tab3 div { position: absolute;}
.cassette1 { left: 42px; top: 30px; width: 450px; height: 554px;}
.cassette2 { left: 510px; top: 30px; width: 450px; height: 554px;}
.cassette3 { left: 42px; top: 608px; width: 292px; height: 508px;}
.cassette4 { left: 355px; top: 608px; width: 292px; height: 508px;}
.cassette5 { left: 668px; top: 608px; width: 292px; height: 508px;}
.cassette6 { left: 42px; top: 1138px; width: 292px; height: 508px;}
.cassette7 { left: 355px; top: 1138px; width: 292px; height: 508px;}
.cassette8 { left: 668px; top: 1138px; width: 292px; height: 508px;}


/*----------------------------------------------------
	navigation layout
----------------------------------------------------*/
.nameL { position: absolute; display: block; left: 0px; top: 0px; width: 450px; height: 330px; background: url(../images/nv_name_L.gif);}
.planL { position: absolute; display: block; left: 99px; top: 459px; width: 252px; height: 34px; background: url(../images/nv_detail_L.gif);}
.listL { position: absolute; display: block; left: 70px; top: 509px; width: 310px; height: 36px; background: url(../images/nv_ichiran_L.gif);}
.nameS { position: absolute; display: block; left: 0px; top: 0px; width: 292px; height: 305px; background: url(../images/nv_name_S.gif);}
.planS { position: absolute; display: block; left: 40px; top: 425px; width: 212px; height: 30px; background: url(../images/nv_detail_S.gif);}
.listS { position: absolute; display: block; left: 16px; top: 469px; width: 262px; height: 31px; background: url(../images/nv_ichiran_S.gif);}

.nameL:hover { position: absolute; display: block; left: 0px; top: 0px; width: 450px; height: 330px; background: url(../images/nv_name_L_ov.png);}
.planL:hover { position: absolute; display: block; left: 99px; top: 459px; width: 252px; height: 34px; background: url(../images/nv_detail_L_ov.gif);}
.listL:hover { position: absolute; display: block; left: 70px; top: 509px; width: 310px; height: 36px; background: url(../images/nv_ichiran_L_ov.gif);}
.nameS:hover { position: absolute; display: block; left: 0px; top: 0px; width: 292px; height: 305px; background: url(../images/nv_name_S_ov.png);}
.planS:hover { position: absolute; display: block; left: 40px; top: 425px; width: 212px; height: 30px; background: url(../images/nv_detail_S_ov.gif);}
.listS:hover { position: absolute; display: block; left: 16px; top: 469px; width: 262px; height: 31px; background: url(../images/nv_ichiran_S_ov.gif);}