@charset "utf-8";
/* CSS Document */

#note {
	height:60px;
	margin-left:2em;
	background:url("../images/book.gif") no-repeat center center;
}

*html #note{
	padding:0;
	margin-top:0.6em;
	margin-left:2em;
	background:url("../images/book.gif") no-repeat center top
}

#text {
	margin-left:13em;
	padding-top:2.2em;
	font-family:Verdana, Geneva, sans-serif;
	font-size:12px;
	color:#48300f;
}

*html #text {
	margin-left:13em;
	padding-top:1.4em;
	font-family:Verdana, Geneva, sans-serif;
	font-size:12px;
	color:#48300f;
}

#note ol{
	padding:0;
	margin:0;	
	text-decoration:none;
	list-style:none;
	font-family:Verdana, Geneva, sans-serif;
	font-size:12px;
}

#text ol li{
	height:39px;
}

.box_01{
	height:39px;
	margin-top:0.6em;
	padding-top:0.9em;
	padding-left:16em;
	background:url("../images/click_01.gif") no-repeat center top;	
}

.box_02{
	height:39px;
	padding-top:0.9em;
	padding-left:16em;
	background:url("../images/click_02.gif") no-repeat center top;	
}

.box_03{
	height:39px;
	padding-top:0.9em;
	padding-left:16em;
	background:url("../images/click_03.gif") no-repeat center top;	
}

.box_04{
	height:39px;
	padding-top:0.9em;
	padding-left:16em;
	background:url("../images/click_04.gif") no-repeat center top;	
}

#box_01{
	background:url("../images/click_box.gif") no-repeat center center;
	display:block;
	position:absolute;
	cursor:pointer;
	width:560px;
	height:39px;
	top:4.1em;
	left:15.6em;
}

#box_01:hover{
	background:url("../images/click_box_on.gif") no-repeat center center;
	display:block;
	position:absolute;
	cursor:pointer;
	width:560px;
	height:39px;
	top:4.1em;
	left:15.6em;
}

#box_02{
	background:url("../images/click_box.gif") no-repeat center center;
	display:block;
	position:absolute;
	cursor:pointer;
	width:560px;
	height:39px;
	top:8.2em;
	left:15.6em;
}

#box_02:hover{
	background:url("../images/click_box_on.gif") no-repeat center center;
	display:block;
	position:absolute;
	cursor:pointer;
	width:560px;
	height:39px;
	top:8.2em;
	left:15.6em;
}

#box_03{
	background:url("../images/click_box.gif") no-repeat center center;
	display:block;
	position:absolute;
	cursor:pointer;
	width:560px;
	height:39px;
	top:12.3em;
	left:15.6em;
}

#box_03:hover{
	background:url("../images/click_box_on.gif") no-repeat center center;
	display:block;
	position:absolute;
	cursor:pointer;
	width:560px;
	height:39px;
	top:12.3em;
	left:15.6em;
}

#box_04{
	background:url("../images/click_box.gif") no-repeat center center;
	display:block;
	position:absolute;
	cursor:pointer;
	width:560px;
	height:39px;
	top:16.5em;
	left:15.6em;
}

#box_04:hover{
	background:url("../images/click_box_on.gif") no-repeat center center;
	display:block;
	position:absolute;
	cursor:pointer;
	width:560px;
	height:39px;
	top:16.5em;
	left:15.6em;
}

#text02 {	
	background:url("../images/note_bg2.gif") no-repeat center top;
	display:none;
	height:173px;	
	font-family:±¼¸²;
	font-size:12px;
	padding-top:0.1em;
	padding-left:16em;
}

#text02 ul{
	padding-left:3em;
	margin:0em;
	margin-top:1.5em;
	margin-bottom:1.5em;
	text-decoration:none;
	list-style:none;
}

#text02 ul li{
	margin:0;
}

#text02 ul li ul li{
	margin-top:0.2em;
	padding-top:0.2em;
	padding-left:2em;
	background:url("../images/dot.gif") no-repeat left top;
	display:block;
	widht:18px;
	height:19px;
	line-height:1.2em;
}

.menu_01 a{
	width:106px;
	height:48px;
	display:block;
	background:url("../images/menu_on_01.gif") no-repeat left top;
	text-indent:-9000px;
}

.menu_01 a:hover{
	width:106px;
	height:48px;
	display:block;
	background:url("../images/menu_on_01.gif") no-repeat left top;
	text-indent:-9000px;
}

.menu_02 a{
	width:106px;
	height:48px;
	display:block;
	background:url("../images/menu_02.gif") no-repeat left top;
	text-indent:-9000px;
}

.menu_02 a:hover{
	width:106px;
	height:48px;
	display:block;
	background:url("../images/menu_on_02.gif") no-repeat left top;
	text-indent:-9000px;
}

.menu_03 a{
	width:106px;
	height:48px;
	display:block;
	background:url("../images/menu_03.gif") no-repeat left top;
	text-indent:-9000px;
}

.menu_03 a:hover{
	width:106px;
	height:48px;
	display:block;
	background:url("../images/menu_on_03.gif") no-repeat left top;
	text-indent:-9000px;
}

.menu_04 a{
	width:106px;
	height:48px;
	display:block;
	background:url("../images/menu_04.gif") no-repeat left top;
	text-indent:-9000px;
}

.menu_04 a:hover{
	width:106px;
	height:48px;
	display:block;
	background:url("../images/menu_on_04.gif") no-repeat left top;
	text-indent:-9000px;
}

.menu_05 a{
	width:106px;
	height:48px;
	display:block;
	background:url("../images/menu_05.gif") no-repeat left top;
	text-indent:-9000px;
}

.menu_05 a:hover{
	width:106px;
	height:48px;
	display:block;
	background:url("../images/menu_on_05.gif") no-repeat left top;
	text-indent:-9000px;
}