@charset "UTF-8";

body#toppage #contents{
	clear:both;
	margin:0 auto;
	padding:5px 0 20px 10px;
	min-width:1000px;
	width:1000px;
}

body#toppage #contents #Main {
	/*float: right;*/
	float: left;
	min-width:750px;
	overflow:hidden;
}

body#toppage #contents sub-contents {
	/*float: left;*/
	float: right;
	width:240px;
	margin-right:8px;
}

body#toppage #info_area{
	margin: 0;
	padding: 5px 0;
	background:#333;
}
/* 休業日のお知らせ　インライン表示 */
body#toppage #holiday,
body#toppage #system_fault{
	margin: 0 auto;
	padding: 0;
	width: 800px;
	color: #fff;
	font-size: 95%;
}

body#toppage #holiday strong,
body#toppage #system_fault strong{
	padding: 0;
}

body#toppage #holiday p,
body#toppage #system_fault p{
	display: inline;
	font-size: 100%;
	line-height: 1.5;
	padding: 0;
}




/*body#toppage #holiday{
	margin: 0 auto;
	padding: 10px;
	border: #fc0 5px solid;
	width: 770px;
	background:#fff;
	font-size: 116%;
}

body#toppage #holiday strong{
	display: block;
	padding: 0 0 5px;
}

body#toppage #holiday p{
	line-height: 1.5;
	padding: 0 0 5px;
}*/

body#toppage #holiday span.mark,
body#toppage #system_fault span.mark,
body#toppage #holiday p em{
	color: #ffc132;
}


/*-------------------------------------------------
  MAIN 
-------------------------------------------------*/

.GridCont00{width:242px; height: 459px; margin:0 8px 8px 0;}
.GridCont_blog{width:242px; height:230px; margin:0 8px 8px 0;}
.GridCont742{width:742px;line-height:0;display:block; padding:0 8px 8px 0;}
.GridCont590{width:590px;line-height:0;display:block; padding:0 8px 8px 0;}
.GridCont492{width:492px;line-height:0;display:block; padding:0 8px 8px 0;}
.GridCont242{width:242px;line-height:0;display:block; padding:0 8px 8px 0;}

/**/
/**/
#Main #GridCont01,
#Main #GridCont02,
#Main #GridCont03,
#Main #GridCont04{
	width:242px;
	height:150px;
	margin:0 8px 8px 0;
	overflow:hidden;
}

#Main .GridCont00 h2{
	padding: 0 0 15px;
}

	
#Main #GridCont01 img{
	line-height:0;
	display:block;
}
#Main #GridCont01 a{
	display:block;
	height:25px;
	text-align:right;
	padding:5px 10px 0 0;
	margin:0;
	color:#fff;
	background:url(/images/banner/main_tel_bg.gif) no-repeat left bottom;
}
/**/

#Main .GridArt a span.date,
#Main .GridArt a p.expl{color:#333;}
#Main .GridArt a:hover{text-decoration:none;}
#contents #Main .GridArt a:hover h2 img{opacity:1;filter:alpha(opacity=100);-ms-filter:"alpha(opacity=100)";}

#Main .GridArt{
	background:#EEE;
	padding-bottom:7px;
	zoom:1;
}
/* 160823 */
#Main .GridArt a{
	display:block;
	height:100%;
	position:relative;
}
#Main .GridArt img.GridPhoto{
	display:block;
	width:240px;
	margin:0 auto 15px;
	}
#Main .GridArt span.date{
	padding:0 15px;
	font-weight:bold;
}
#Main .GridArt h3{
	padding:0 15px;
	font-size: 116%;
	line-height: 1.3;
	margin-bottom:5px;
	height: 20px;
	overflow: hidden;
}

#Main .new-item h3,
#Main .recommend-item h3{
	height: 40px;
	margin-bottom: 0;
}

#Main .GridArt p{
	font-size:100%;
	line-height: 1.5;
}

#Main .GridArt p.expl{
	padding:0 15px 5px;
	overflow: hidden;
}

#Main p.price{
	padding:0 15px;
	font-weight:bold;
}

#Main .recommend-item p.expl{
	height: 103px;
}

#Main .new-item p.expl{
	height: 85px;
}



#Main .recommend-item p.expl,x:-moz-any-link{
	height: 105px;
}

#Main .new-item p.expl,x:-moz-any-link{
	height: 83px;
}


#Main .GridArt p.pagelink{
	/*padding:0 15px;
	text-align:right;
	font-weight:bold;*/
	position: absolute;
    padding: 0 15px;
    right: 0;
    bottom: 10px;
    font-weight: bold;
}


#Main .GridArt img.Icon{
	height:28px;
	margin-right:10px;
	float:right;}
#Main .GridArt:after {content:".";display: block;height:0;clear:both;visibility:hidden;}


#sub-contents nav{
	position: relative;
}