@charset "utf-8";





#topContents{

clear: both;

overflow: hidden;

margin: 0 0 30px;

}



#topContents #topContentsMain{

	float:right;

	width: 620px;

}



#headContents{

	clear: both;

	overflow: hidden;

	margin: 0 0 35px;

}



#mainVisual{

	width: 960px;

	height: 320px;

	margin:0 0 20px;

	overflow: hidden;

	clear: both;

}



#restaurant{

	background: url(../img/restaurant_back.jpg) no-repeat 0 0;

	width:639px;

	height: 230px;

	overflow: hidden;

	float:left;

}



#restaurant h1{

margin: 20px 0 15px 105px;

}



/*#restaurant h2{

margin: 0 0 15px 105px;

}*/



#restaurant ul{

	margin: 0 0 0 20px;

}



#restaurant ul li{

	float:left;

	margin: 0 15px 0 0;

}



#restaurant ul li.menu_03{

	margin:0;

}



#restaurant ul li a{

display: block;

width: 190px;

height: 100px;

text-indent:100%;

white-space:nowrap;

overflow: hidden;

background: url(../img/restaurant_menu.jpg) no-repeat;

}



#restaurant ul li.menu_01 a{

background-position: 0 0;

}



#restaurant ul li.menu_01 a:hover{

background-position: 0 -100px;

}



#restaurant ul li.menu_02 a{

background-position: -190px 0;

}



#restaurant ul li.menu_02 a:hover{

background-position: -190px -100px;

}



#restaurant ul li.menu_03 a{

background-position: -380px 0;

}



#restaurant ul li.menu_03 a:hover{

background-position: -380px -100px;

}



#restaurant ul li.menu_04 a{

background-position: -570px 0;

}



#restaurant ul li.menu_04 a:hover{

background-position: -570px -100px;

}



#kodawari{

width: 290px;

height:230px;

float:right;

}



#kodawari p a {

width: 290px;

height:230px;

text-indent:100%;

white-space:nowrap;

overflow:hidden;

background: url(../img/topKodawari.jpg) no-repeat 0 0;

display: block;

}



#kodawari p a:hover {

background-position: 0 -230px;

}





#mainCont h3{

margin: 0 0 20px;

}



#mainCont ul{

margin:0;

clear: both;

overflow: hidden;

}



#mainCont ul li{

width: 300px;

height:240px;

margin: 0 0 20px 0;

background: #fff url(../img/cont_back.jpg) repeat-x 0 0;

/*overflow: hidden;*/

}



#mainCont ul li a{

display: block;

width: 300px;

height:210px;

padding: 30px 0 0;

}



#mainCont ul li a:hover{

opacity:0.7;

}



#mainCont ul li.main_01{

float:left;

}



#mainCont ul li.main_02{

float: right;

}



#mainCont ul li.main_03{

float:left;

}



#mainCont ul li.main_03 a{

height: 215px;

}



#mainCont ul li.main_04{

float: right;

}



#mainCont ul li a dl dt.title{

/*margin: 30px 0 0;*/

text-align: center;

}



#mainCont ul li a dl dd.desc dt{

margin: 13px 0 0;

text-align: center;

}



#mainCont ul li.main_03 a dl dd.desc dt{

margin: 12px 0 0;

}



#mainCont ul li a dl dd.desc dd{

margin: 13px 0 13px;

text-align: center;

}



#mainCont ul li a dl dd.desc dd img:hover{

opacity:0.7;

filter: alpha(opacity=70);

-ms-filter: "alpha(opacity=70)";

-moz-opacity:0.7;

-khtml-opacity: 0.7;

}







#news{

width: 620px;

clear: both;

overflow: hidden;

background: #fff url(../img/news_back.gif) repeat-x 0 0;

}



#newsTitle{

clear: both;

overflow: hidden;

padding: 30px 20px 20px;

}



#newsTitle ul{

float: right;

width: 100px;

height: 30px;

}



#newsTitle ul li a{

width: 100px;

height: 30px;

display: block;

background: url(../img/news_all.gif) no-repeat 0 0;

text-indent:100%;

white-space:nowrap;

overflow:hidden;

}



#newsTitle ul li a:hover{

background-position: 0 -30px;

}



#newsTitle h2{

margin:5px 0 0;

width:74px;

height:17px;

float: left;

}



#newsContainer{

	height: 200px;

	overflow: auto;

	margin: 0 20px 20px;

	font-size: 13px;

	color:#553333;

	line-height: 1.4;

	padding: 0 10px 0 0;

}



#newsContainer a{

	color:#553333;

	text-decoration: underline;

}



#newsContainer a:hover{

    color:#aa7722;

}



#newsContainer dl dt{

width: 90px;

float: left;

clear: both;

}



#newsContainer dl dd{

margin: 0 0 0 90px;

padding: 0 0 20px;

}



#facebookArea{

	width: 300px;

	background: #fff;

	padding:5px;

	margin: 0 0 20px;

}



#facebookInner{

	/*border: 1px solid #DFE0E4;*/

}



#sideMenu{

width: 318px;

}



#sideMenu a {

	width: 318px;

	height:90px;

	display: block;

	background: url(../img/bnr_saiji.jpg) no-repeat 0 0;

text-indent:100%;

white-space:nowrap;

	overflow: hidden;

	margin-left:-4px;

	margin-bottom:20px;

}



#sideMenu a:hover {

opacity:0.7;

filter: alpha(opacity=70);

-ms-filter: "alpha(opacity=70)";

-moz-opacity:0.7;

-khtml-opacity: 0.7;

}



#bannerAres{

width:960px;

clear: both;

overflow: hidden;

margin: 0 auto 30px;

}



#bannerAres li{

float:left;

margin: 0 20px 0 0;

}



#bannerAres li.last-child{

margin:0;

}



#bannerAres li a:hover img{

opacity:0.7;

filter: alpha(opacity=70);

-ms-filter: "alpha(opacity=70)";

-moz-opacity:0.7;

-khtml-opacity: 0.7;

}



/*20181031 カンブリア宮殿バナー*/



.bnr_area a{

	display: block;

	padding: 20px;

	margin-bottom: 20px;

	background: #fff;	

	box-sizing: border-box;

	color: #000;

	text-decoration: none;

}



.bnr_area_inr::after{

	content: "";

	display: block;

	clear: both;

}

.bnr_2column:after{

	display: table;

}



.bnr_area .logo_img{

	padding-left: 10px;

	display: table-cell;

}



.bnr_area .txt_area{

	text-align: center;

}



.bnr_area .txt_area >h3{

	font-size: 20px;

	line-height: 1.4;

}



.bnr_area .txt_area >p{

	margin-top: 4px;

	font-size: 13px;

}



.info_btn{

	float: right;

}



.info_btn{

	display: block;

	width: 150px;

	padding: 5px 0;

	color: #a5a1a0	;

	font-size: 12px;

	text-align: center;

	border: solid 1px #ddd8d6;

	background: #f9f9f9;

}



.bnr_list{

	text-align: center;

}



.bnr_list li{

	margin-top: 15px;

	margin-left: -30px;

}
.tintup {
        margin: 0 0 20px;
        padding: 0px; 
}