/*==========================================================================
changeLAYERimage                                          LastUP: 2007/06/15
include.css                                             http://kurubusi.net/
============================================================================
                                                          Search Kye '='+'n'
  =0  全共通
  =1  統括フレーム                  (change_wrapper)
  =2  メインイメージ部分            (main_img)
  =3  ナビゲーションバー部分        (navigation)
  =4  フェイド用各BOX               (box1,2,3)

==========================================================================*/
/*=======================================
  =2.  main_img
========================================*/
div #main_img	{
	position: absolute;
	top: 10;
	left: 10;
	height: 237px;									/*イメージのサイズ*/
	width: 640px;									/*イメージのサイズ*/
}
/*=======================================
  =3.  navigation
========================================*/
div #navigation	{
	position: relative;
	top: 238px;
	left:  0;
	height: 62px;
	width: 640px;
}

	div #navigation img	{
		vertical-align:bottom;
		}


div #navigation  li	{
	display: inline;
	background-color: #AFAE9E;
	float: left;
	width: 212px;	
	margin-right: 0px;
	height: 62px!important;
	height/**/: 62px;
	font-size: 10px;
	line-height: 1.3em;
}
div #navigation li div	{
	display: block;
	height: 62px;
	padding: 0px 0px 0px 0px;
	color: #ffffff;
	font-weight: bold;
	text-decoration: none;
}



div #navigation li strong	{
	line-height: 1.6em;	
	font-size: 12px;
	display: block;
}
/*=======================================
  =4.  フェイド用各box
========================================*/
div #box1	{
	position: absolute;
	top: 0px;
	left: 0px;
	z-index: 1;
	visibility:visible;
	background: url("images/frog.gif") center no-repeat;
	height: 237px;									/*イメージのサイズ*/
	width: 640px;									/*イメージのサイズ*/
}
div #box1 a	{
	width: 100%;
	height: 100%;
}
div #box2	{
	position: absolute;
	top: 0px;
	left: 0px;
	z-index: 0;
	visibility:hidden;
	background: url("images/leaf.gif") center no-repeat;
	height: 237px;									/*イメージのサイズ*/
	width: 640px;									/*イメージのサイズ*/
}
div #box2 a	{
	width: 100%;
	height: 100%;
}
div #box3	{
	position: absolute;
	top: 0px;
	left: 0px;
	z-index: 0;
	visibility:hidden;
	background: url("images/sky.gif") center no-repeat;
	height: 237px;									/*イメージのサイズ*/
	width: 640px;									/*イメージのサイズ*/
}
div #box3 a	{
	width: 100%;
	height: 100%;
}