/*==========================================================================
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)

==========================================================================*/
/*=======================================
  =0.  全共通
========================================*/

img {
	padding: 0px;
	display: block;
	border-style: none;
}
/*=======================================
  =1.  change_wrapper
========================================*/
#change_wrapper {
margin:8px 0px 0px 0px;
	position: relative;
	
	text-align: left;
	width: 840px;									/*全体のフレームのサイズ*/
	height: 490px;									/*全体のフレームのサイズ*/

}
/*=======================================
  =2.  main_img
========================================*/
div #main_img	{
	position: absolute;
	top: 0;
	left: 0;
	width: 840px;									/*全体のフレームのサイズ*/
	height: 490px;									/*イメージのサイズ*/
}
/*=======================================
  =3.  navigation
========================================*/
#navigation	{
	width: 250px;
	margin:0px;
}

#navigation ul{
	width: 250px;
	margin:0px;
	padding:0px;
}
#navigation li	{
	display: inline;
	background-color:#FFFFFF;
	float:left;
	height: 84px!important;
	height/**/: 84px;
	width:83px;
}

/*=======================================
  =4.  フェイド用各box
========================================*/
div #box1	{
	position: absolute;
	top: 0px;
	left: 0px;
	z-index: 1;
	visibility:visible;
	background: url("image/main_001.jpg") center no-repeat;
	height: 490px;									/*イメージのサイズ*/
	width: 840px;									/*イメージのサイズ*/
}

div #box2	{
	position: absolute;
	top: 0px;
	left: 0px;
	z-index: 0;
	visibility:hidden;
	background: url("image/main_002.jpg") center no-repeat;
	height: 490px;									/*イメージのサイズ*/
	width: 840px;									/*イメージのサイズ*/
}

div #box3	{
	position: absolute;
	top: 0px;
	left: 0px;
	z-index: 0;
	visibility:hidden;
	background: url("image/main_003.jpg") center no-repeat;
	height: 490px;									/*イメージのサイズ*/
	width: 840px;									/*イメージのサイズ*/
}

div #box4	{
	position: absolute;
	top: 0px;
	left: 0px;
	z-index: 0;
	visibility:hidden;
	background: url("image/main_004.jpg") center no-repeat;
	height: 490px;									/*イメージのサイズ*/
	width: 840px;									/*イメージのサイズ*/
}

div #box5	{
	position: absolute;
	top: 0px;
	left: 0px;
	z-index: 0;
	visibility:hidden;
	background: url("image/main_005.jpg") center no-repeat;
	height: 490px;									/*イメージのサイズ*/
	width: 840px;									/*イメージのサイズ*/
}

div #box6	{
	position: absolute;
	top: 0px;
	left: 0px;
	z-index: 0;
	visibility:hidden;
	background: url("image/main_006.jpg") center no-repeat;
	height: 490px;									/*イメージのサイズ*/
	width: 840px;									/*イメージのサイズ*/
}