@charset "UTF-8"
*{
	margin:0;
	padding:0;
	border:0;
}

body{
	text-align : center; /* ＩＥ対策のおまじないらしい・・・*/
}
div{
	text-align: left;
}

p{
	text-align: left;

}

#yohaku {
	padding:1px;
	margin-left: 1em;
}

#navbar{

width: 341px;

height:600px;

position:absolute;
border-bottom:1px solid #222222;/*上に線*/
border-top:1px solid #222222;/*下に線*/
border-left:solid 1px #222222;/*左にラインを入れる*/
border-right:solid 1px #222222;
}


#navbar ul{
margin:0; /* ボタンの位置 */
padding:0;

list-style-type:none;
font-family:メイリオ,Times New Roman,ＤＨＰ平成明朝体W7;
font-size: 30px;
text-shadow: 1px 1px #ffffff;
line-height:200px;

letter-spacing:0px;

}



#navbar li{
background-image:url(./kaizenji/ga/btn01.jpg); /*上部メニューのボタンの背景*/
float:left;
width:341px; /*メニューボタンの幅*/
text-align:left;
margin:0px;
padding:0;
/* border-right:solid 1px #cccccc;/*右にラインを入れる*/
}

#navbar ul a:hover{
background-image:url(./kaizenji/ga/btn02.jpg); /*メニューボタンにカーソルが来た時に背景画像をこれにする*/
width:341px; /*メニューボタンの幅*/
}

#navbar a{
color:#000000;/*メニューボタンの文字の色*/
text-decoration: none;
display:block;
}

#navbar a:hover{
color:#ffffff; /*カーソルが上に来た時メニューの文字が、この色に変わる*/
}

/* ここから中央寄せ */
#mcenter {
    width: 776px; /* 横幅を６００ピクセルに */
    margin: 0 auto; /* ここが中央寄せのポイント */
    text-align: left; /* 文字は左寄せということだが今回は無意味 */
}

#mbox1 {
	text-align: left; /*文字は左寄せ */
	vertical-align: top; /* で、一番上から */
	background-image: url(hana.gif); /*背景画像 */
}

b{
		text-shadow: 2px 2px 2px #c4c4c4;
}

.txshadow {
	text-shadow: 2px 2px 2px #c4c4c4;
}

h2{
	font-size: 1.5em;
}

#photom{
background-image: url(images/backimg.jpg);
}

#cont1{
	width:560;
	height:540;
	padding: 0px;
	margin-left:0px;
	left:434;
	top:136;
	position: absolute;
}

#navi{
	width:100px;
	float:left;
}

#navi ul{
	height:200px;
	list-style-type: none;
}

#navi ul li{
	list-style-type;none;
	width:50px;
	float:left;
}

#navi ul li img{
	border:3px solid white;
}

#main{
	width:450px;
	height:360px;
	left:100px;
	top:20px;
	position: absolute;
}

#main img{
	border:3px solid white;
	position: absolute;
}

#slideshow {
   position: relative;
   width:  800px; /* 画像の横幅に合わせて記述 */
   height: 600px; /* 画像の高さに合わせて記述 */
}
#slideshow img {
   position: absolute;
   top: 0;
   left:0;
   z-index: 8;
   opacity: 0.0;
}
#slideshow img.active {
   z-index: 10;
   opacity: 1.0;
}
#slideshow img.last-active {
   z-index: 9;
}