@charset "utf-8";
/* CSS Document */
*{
margin:0;
padding:0;
font-family:Arial, Helvetica, sans-serif;
}

body{
font-size:80%;
background:url(../images/background.jpg);
text-align:center;
}

#container{
width:850px;
background:#fff;
margin:5px auto;
text-align:left;
}

#container li{
list-style:none;
}



#container a{
text-decoration:none;
overflow:hidden;
color:#666666;
}

#container a:hover{
text-decoration:none;
color:#FF0000;
}

#contents #pan{
color:#666666;
}

#contents #pan a{
color:#999999;
}

#contents #pan a:hover{
color:#FF3300;
text-decoration:underline;
}



#con_top{
width:550px;
float:left;
}

#contact_baner{
width:;
float:right;
}

h4{
color:#666666;
margin:10px 0 0 10px;
}

p{
color:#666666;
margin:5px 10px 10px 10px;
line-height:1.3em;
}

h1{
font-size:13px;
color:#FFCC00;
padding:5px 0 0 120px;
}

#header{
width:850px;
background:url(../images/kazari02.jpg) no-repeat;
}

#header h2{
width:244px;
height:44px;
background:url(../images/rogo.gif) no-repeat;
text-indent:-9999px;
float:left;
margin-left:20px;
}

#header h2 a{
display:block;
width:244px;
height:44px;
}

#header ul{
float:right;
padding:28px 20px 0 0;
}

#header li{
width:90px;
height:17px;
float:left;
text-indent:-9999px;
}

#header li a{
width:90px;
height:17px;
display:block;
}

#top_b1{background:url(../images/top_b1.gif) no-repeat;}
#top_b2{background:url(../images/top_b2.gif) no-repeat;}
#top_b3{background:url(../images/top_b3.gif) no-repeat;}
#top_b4{background:url(../images/top_b4.gif) no-repeat;}
#top_b5{background:url(../images/top_b5.gif) no-repeat;}

#header a:hover{
background-position:0 -17px;
}

#image{
clear:both;
width:798px;
margin:0 0 5px 25px;
}

#menu ul{
width:798px;
height:40px;
margin:0 0 5px 25px;
}

#menu li{
text-indent:-9999px;
width:114px;
height:40px;
float:left;
}

#menu li a{
width:114px;
height:40px;
display:block;
}

#b1{background:url(../images/b1_2.jpg) no-repeat;}
#b2{background:url(../images/b8_2.jpg) no-repeat;}
#b3{background:url(../images/b3_2.jpg) no-repeat;}
#b4{background:url(../images/b4_2.jpg) no-repeat;}
#b5{background:url(../images/b5_2.jpg) no-repeat;}
#b6{background:url(../images/b6_2.jpg) no-repeat;}
#b7{background:url(../images/b7_2.jpg) no-repeat;}
#b8{background:url(../images/b8_2.jpg) no-repeat;}
#b9{background:url(../images/b9_2.jpg) no-repeat;}



#menu a:hover{
background-position:0 -40px;
}

#contents{
width:798px;
margin:0 0 10px 25px;
}

#contact{
clear:both;
margin:0 0 10px 25px;
}


#bottom_navi ul{
margin-left:15px;
}

#bottom_navi li{
float:left;
border-right:1px solid #cccccc;
padding:0 5px;
font-size:13px;
}

#bottom_navi #none{
border:none;
}

#bottom_navi li a:hover{
color:#FF9900;
}

#footer{
background:url(../images/footer.jpg) no-repeat;
margin-bottom:20px;
height:33px;
width:850px;
}

address{
color:#fff;
text-align:center;
font-style:normal;
padding-top:15px;
font-weight:bold;
}


#contents .orenge{
margin-top:10px;
}

#contents .orenge a:hover{
color:#FF9900;
background:none;
text-decoration:none;
}


#tophe a{
margin:10px 0 0 650px;
overflow:hidden;
}



.hover a img {
	opacity: 1; /* IE以外透過設定 */
	filter: Alpha(opacity=100); /* IE用透過設定 */
}
.hover a:hover img {
	opacity: 0.6; /* IE以外透過設定 */
	filter: Alpha(opacity=50); /* IE用透過設定 */
}

#menu ul:after{
	content: ".";
	display: block;
	height: 1px;
	clear: both;
	visibility: hidden;
}

#menu ul{
	display:inline-block;/* MAC IE用*/
	min-height:1%;/* IE 7用 */
}

/*--MAC IEは非適用→ \*/
* html #menu ul{height: 1%;}
#menu ul{display: block;}

#bottom_navi ul:after{
	content: ".";
	display: block;
	height: 1px;
	clear: both;
	visibility: hidden;
}

#bottom_navi ul{
	display:inline-block;/* MAC IE用*/
	min-height:1%;/* IE 7用 */
}

/*--MAC IEは非適用→ \*/
* html #bottom_navi ul{height: 1%;}
#bottom_navi ul{display: block;}

#con:after{
	content: ".";
	display: block;
	height: 1px;
	clear: both;
	visibility: hidden;
}

#con{
	display:inline-block;/* MAC IE用*/
	min-height:1%;/* IE 7用 */
}

/*--MAC IEは非適用→ \*/
* html #con{height: 1%;}
#con{display: block;}