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

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

#container{
width:850px;
background:#fff;
margin:0 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;
}

#container dd{
color:#666666;
}

#whats_new #cccccc{
color:#CCCCCC;
}

#header{
width:800px;
margin:10px 0 3px 25px;
}

#header h1{
font-size:13px;
color:#CC9933;
padding-left:5px;
margin-bottom:3px;
font-family:"ヒラギノ丸ゴ Pro W4", "ＭＳ Ｐゴシック";
}

#top_flash{
width:800px;
height:320px;
margin-bottom:5px;
}

#menu_flash{
width:798px;
margin-left:24px;
}

#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/b2_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;}



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

#contents{
width:798px;
margin-left:25px;
}

#whats_new{
width:580px;
height:250px;
background:url(../images/whats4.jpg) no-repeat;
float:left;
margin-bottom:10px;
}

#whats_new h2{
text-indent:-9999px;
}

#whats_new ul{
height:200px;
overflow:auto;
margin:10px;
}

#whats_new li{
border-bottom:1px dotted #F1CD52;
padding:2px 5px;
}

#whats_new li a{
color:#FF6633;
font-weight:bold;
}

#whats_new li a:hover{
text-decoration:underline;
color:#FF6633;
}



#topics{
width:208px;
height:210px;
background:url(../images/topics.jpg) no-repeat;
float:right;
margin-bottom:10px;
}

#topics ul{
margin:34px 0 0 14px;
}

#topics li{
margin-top:5px;
}

#information{
clear:both;
}

#information h2{
width:798px;
height:24px;
background:url(../images/infomation.jpg) no-repeat;
text-indent:-9999px;
}

#info_back{
background:url(../images/infomation_back.jpg) no-repeat;
height:220px;
}

#info_back dl{
width:230px;
float:left;
margin-top:54px;
padding-left:10px;
}

#info_back dt{
float:left;
margin-right:5px;
}

#info_back #info_dress{
margin-right:30px;
}

#info_back #info_banquet{
margin-right:30px;
}

#information #info_back .hover a:hover{
background:#ffffff;
}

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


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

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

#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;
}

.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;}