@charset "shift_jis";

/* CSS file for Future Wonderful Land
----------------------------------------------- */

body{
	position : absolute;
}

A:link {color: #0033cc}
A:visited {color: #FF9900}
A:active {color: #FF3300}
A:hover {color: #66cc66}

UL{
	padding: 20px;
	margin:0pt;
}

UL.att{
	padding: 0px 0px 0px 20px;
}

TD{
	padding: 0px;
	margin:0pt;
	border-width:0pt;
}

/* header title ------- */
H1 {
	top : 100px;
	left : 60px;
	width : 500px;
	position : absolute;
    text-align:center;
	color : #003366;
	font-size : 14pt;
	z-index : 29;
}

H2 {
	top : 145px;
	left : 30px;
	width : 600px;
	position : absolute;
	color : #00CC99;
    text-align:left;
	font-size:11pt;
	padding: 0px;
	margin:0pt;
}

/* index image ------- */
#Img_Top {
	width : 512px;
	top : 80px;
	left : 140px;
	position : absolute;
	z-index : 1;
}

/* Menu ------- */
#Menu {
	top : 60px;
	left : 50px;
	position : absolute;
	z-index : 101;
	text-align: center;
	color : #FFFF00;
}

/* index Copyright ------- */
#Footer {
	width : 300px;
	top : 610px;
	left : 420px;
	position : absolute;
	z-index : 100;
	font-size : 8pt;
}

/* deli img ------- */
#Img_deli {
	width : 384px;
	top : 170px;
	left : 400px;
	position : absolute;
	z-index : 28;
}

/* for customer img ------- */
#Img_customer {
	width : 384px;
	top : 170px;
	left : 400px;
	position : absolute;
	z-index : 28;
}

/* tec img ------- */
#Img_technical {
	width : 192px;
	top : 215px;
	left: 35px;
	position : absolute;
	z-index : 2;
}

/* reservation img ------- */
#Img_reservation {
	width : 384px;
	top : 150px;
	left : 180px;
	position : absolute;
	z-index : 28;
}

/* attention img ------- */
#Img_attention {
	width : 256px;
	top : 370px;
	left : 190px;
	position : absolute;
	z-index : 28;
}

/* technical ------- */

#tec_1 {
	top : 170px;
	left : 30px;
	width : 600px;
	position : absolute;
	color : #003366;
    text-align:left;
	font-size:11pt;
	padding: 0px;
	z-index : 20;
}

#tec_2 {
	width : 390px;
	top : 210px;
	left : 240px;
	position : absolute;
	height : 16px;
	color : #003366;
    text-align:left;
	font-size:9pt;
	line-height : 12pt;
	padding: 0px;
	z-index : 12;
}

#tec_3 {
	width : 600px;
	top : 360px;
	left : 30px;
	position : absolute;
	z-index : 14;
	color : #003366;
    text-align:left;
	font-size:11pt;
	line-height : 15pt;
	padding: 0px;
}

#tec_4 {
	width : 610px;
	top : 470px;
	left : 20x;
	position : absolute;
	color : #00CC99;
    text-align:center;
	font-size:11pt;
	line-height : 15pt;
	padding: 0px;
	z-index : 19;
}

/* delivery ------- */

#deli {
	width : 500px;
	top : 165px;
	left : 35px;
	position : absolute;
	z-index : 30;
	color : #003366;
	font-size : 11pt;
    text-align:left;
	padding: 0px;
	margin:0pt;
}

/* for customer ------- */

#customer1 {
	width : 340px;
	top : 165px;
	left : 35px;
	position : absolute;
	z-index : 30;
	color : #003366;
	font-size:11pt;
    text-align:left;
	padding: 0px;
	margin:0pt;
}

#customer2 {
	width : 340px;
	top : 340px;
	left : 35px;
	position : absolute;
	z-index : 30;
	color : #003366;
	font-size:11pt;
    text-align:left;
	padding: 0px;
	margin:0pt;
}

#customer3 {
	width : 550px;
	top : 430px;
	left : 35px;
	position : absolute;
	z-index : 30;
	color : #003366;
	font-size:10pt;
    text-align:left;
	padding: 0px;
	margin:0pt;
}

/* reservation ------- */

#reservation {
	width : 500px;
	top : 370px;
	left : 100px;
	position : absolute;
	z-index : 30;
	color : #003366;
	font-size : 11pt;
    text-align:left;
	padding: 0px;
	margin:0pt;
	line-height : 20pt;
}

/* attention ------- */

#attention {
	width : 500px;
	top : 150px;
	left : 90px;
	position : absolute;
	z-index : 30;
	color : #003366;
    text-align:left;
	font-size:11pt;
}

/* back img ------- */

#under_line {
	width : 650px;
	top : 580px;
	left : 10px;
	position : absolute;
	z-index : 17;
	color : #00CC99;
}

#right_line {
	width : 30px;
	top : 80px;
	left : 635px;
	position : absolute;
	z-index : 17;
	color : #00CC99;
}