@charset "UTF-8";

body {
	margin: 0px;
	padding: 0px;
	background: #FFFF33;
    font-family: Verdana,Arial,sans-serif;	
	font-size: x-small; 
    color: #000000;	
}

#wrapper {
	width: 810px;
	height: 620px;
	position: absolute;
	top: 0px;
	left: 50%;
	padding: 0px;
	margin-left: -405px;
	background: url(../img_lesson/bg.jpg) no-repeat;
}

p {
    padding: 0px;
	margin: 0px;
    line-height: 19px;  		
}

a {
	text-decoration: none;
}

#content_text02 a:link,
#content_title a:link {
	color: #000000;
	text-decoration: underline;
	font-weight: bold;
}

#content_text02 a:visited,
#content_title a:visited {
	color: #000000;
	text-decoration: underline;
	font-weight: bold;	
}

#content_text02 a:active,
#content_title a:active {
	color: #FFFFFF;
	background-color: #000000;
	text-decoration: none;	
}

#content_text02 a:hover,
#content_title a:hover {
	color: #FFFFFF;
	background-color: #000000;
	text-decoration: none;	
}

#content_text01 {
	width: 535px;
	height: 40px;
	position: absolute;
	left: 20px;
	margin: 0px;
	padding: 0px;
	top: 90px;
}

#content_text02 {
	width: 535px;
	height: 305px;
	position: absolute;
	left: 20px;
	margin: 0px;
	padding: 0px;
	top: 215px;
}

#content_title {
	width: 535px;
	height: 10px;
	position: absolute;
	left: 20px;
	margin: 0px;
	padding: 0px;
	top: 180px;
	font-weight: bold;
}

ul li {
   margin: 0px;
   padding: 0px;
   list-style-type: none; 
}


h1 {
   margin: 0px;
   padding: 0px;
   font-weight: normal; 
}

h2 {
   margin: 0px;
   padding: 0px;
   font-weight: normal; 
   font-size: x-small; 
   line-height: 20px;    
}

#f_kae_link a {
	width: 60px;
	height: 20px;
    display: block;	
	position: absolute;
	top: 575px;
	left: 121px;	
	margin: 0px;
	padding: 0px;
	text-indent: -9999px;
    text-decoration:none;	
	z-index: 2;		
	background: url(../img_lesson/f_kae_link.jpg) no-repeat;		
}

#f_kae_link a:hover{
	background: url(../img_lesson/f_kae_link_on.jpg) no-repeat;
}

/*--header--*/
#header {
	width: 620px;
	height: 27px;
	position: absolute;
	top: 24px;
	padding: 0px;
	margin: 0px;
	left: 20px;
	z-index: 2;
}

#micro_logo a {
	width: 74px;
	height: 27px;
	position: absolute;
	top: 0px;
	padding: 0px;
	margin: 0px;
	left: 0px;
    display: block;
	text-indent: -9999px;
    text-decoration:none;		
	background: url(../img_lesson/micro_logo.jpg) no-repeat;		
}

#head_menu_styling a {
	width: 82px;
	height: 27px;
	position: absolute;
	top: 0px;
	padding: 0px;
	margin: 0px;
	left: 102px;
    display: block;
	text-indent: -9999px;
    text-decoration:none;		
	background: url(../img_lesson/head_menu_styling_off.jpg) no-repeat;
}

#head_menu_styling a:hover {
	background: url(../img_lesson/head_menu_styling_on.jpg) no-repeat;	
}

#head_menu_wedding a {
	width: 56px;
	height: 27px;
	position: absolute;
	top: 0px;
	padding: 0px;
	margin: 0px;
	left: 206px;
    display: block;
	text-indent: -9999px;
    text-decoration:none;		
	background: url(../img_lesson/head_menu_wedding_off.jpg) no-repeat;
}

#head_menu_wedding a:hover {
	background: url(../img_lesson/head_menu_wedding_on.jpg) no-repeat;	
}

#head_menu_about a {
	width: 42px;
	height: 27px;
	position: absolute;
	top: 0px;
	padding: 0px;
	margin: 0px;
	left: 284px;
    display: block;
	text-indent: -9999px;
    text-decoration:none;		
	background: url(../img_lesson/head_menu_about_off.jpg) no-repeat;
}

#head_menu_about a:hover {
	background: url(../img_lesson/head_menu_about_on.jpg) no-repeat;	
}

#head_menu_gallery a {
	width: 52px;
	height: 27px;
	position: absolute;
	top: 0px;
	padding: 0px;
	margin: 0px;
	left: 415px;
    display: block;
	text-indent: -9999px;
    text-decoration:none;		
	background: url(../img_lesson/head_menu_gallery_off.jpg) no-repeat;
}

#head_menu_gallery a:hover {
	background: url(../img_lesson/head_menu_gallery_on.jpg) no-repeat;	
}

#head_menu_catalog a {
	width: 54px;
	height: 27px;
	position: absolute;
	top: 0px;
	padding: 0px;
	margin: 0px;
	left: 489px;
    display: block;
	text-indent: -9999px;
    text-decoration:none;		
	background: url(../img_lesson/head_menu_catalog_off.jpg) no-repeat;
}

#head_menu_catalog a:hover {
	background: url(../img_lesson/head_menu_catalog_on.jpg) no-repeat;	
}

#head_menu_contact a {
	width: 55px;
	height: 27px;
	position: absolute;
	top: 0px;
	padding: 0px;
	margin: 0px;
	left: 565px;
    display: block;
	text-indent: -9999px;
    text-decoration:none;		
	background: url(../img_lesson/head_menu_contact_off.jpg) no-repeat;
}

#head_menu_contact a:hover {
	background: url(../img_lesson/head_menu_contact_on.jpg) no-repeat;	
}

/*-------photo-------*/

#p_01 a,
#p_04 a {
	width: 23px;
	height: 23px;
	position: absolute;
	top: 495px;
	left: 640px;
	padding: 0px;
	margin: 0px;		
	z-index: 2;
}

#p_02 a,
#p_05 a {
	width: 23px;
	height: 23px;
	position: absolute;
	top: 495px;
	left: 700px;
	padding: 0px;
	margin: 0px;		
	z-index: 2;
}

#p_03 a,
#p_06 a {
	width: 23px;
	height: 23px;
	position: absolute;
	top: 495px;
	left: 760px;
	padding: 0px;
	margin: 0px;		
	z-index: 2;
}

#p_01 a,
#p_02 a,
#p_03 a,
#p_04 a,
#p_05 a,
#p_06 a {
border: solid 1px #FFFFFF;	
}

#p_01 a:hover,
#p_02 a:hover,
#p_03 a:hover,
#p_04 a:hover,
#p_05 a:hover,
#p_06 a:hover {
border: solid 1px #000000;	
}