@charset "shift_jis";

body #concier{
	padding-top : 0 ;
}
body #concier img{
	vertical-align : bottom ;
}
/***********************************************************************
 みんなの利用状況
************************************************************************/
body #concier.usageList{
}
body #concier.usageList .header{
	position : relative ;
	height : 51px ;
}
body #concier.usageList .header h1{
	position : absolute ;
	left : 0 ;
	top : 0 ;
}
body #concier.usageList .header p{
	position : absolute ;
	right : 3px ;
	top : 3px ;
	margin : 0 ;
}
body #concier.usageList .header p a{
	color : #000 ;
}
body #concier.usageList .header p a:hover{
	color : #f60 ;
}
body #concier.usageList .description{
	padding : 15px 0 ;
}
body #concier.usageList .description p{
	float : left ;
	margin : 0 ;
}
body #concier.usageList .description p.note{
	float : right ;
	font-size : 83.3% ;
	color : #630 ;
}
body #concier.usageList .description p strong{
	font-weight : bold ;
	color : #c90 ;
}
body #concier.usageList .inner{
	padding : 10px ;
	background : #e3dbd0 ;
}
body #concier.usageList .inner .usage{
	padding : 10px ;
	border-bottom : #e3dbd0 10px solid ;
	background : #f5f2ee ;
}
body #concier.usageList .inner .usage h2{
	margin : 0 0 10px ;
	font-size : 133.3% ;
}
body #concier.usageList .inner .usage h2 strong{
	font-weight : bold ;
	color : #c90 ;
}
body #concier.usageList .inner .usage .select{
	width : 570px ;
	margin : 0 auto 10px ;
	background : url("../img/bg_usagelist_select.png") right center no-repeat ;
}
body #concier.usageList .inner .usage .select p.age{
	float : left ;
	margin : 35px 30px 0 0 ;
	background : #970231 ;
	border-radius : 3px ;
}
body #concier.usageList .inner .usage .select p.book{
	float : left ;
	display : table ;
	width : 128px ;
	height : 128px ;
	margin : 0 6px 0 0 ;
	border : #E6DED5 1px solid ;
	background : #fff url("../img/bg_select_s.png") center center no-repeat;
}
body #concier.usageList .inner .usage .select p.book span{
	display : table-cell ;
	width : 128px ;
	height : 128px ;
	text-align : center ;
	vertical-align : middle ;
}
body #concier.usageList .inner .usage .select p.book span img{
	max-width : 100px ;
	max-height : 100px ;
}
body #concier.usageList .inner .usage .impression{
	padding : 10px ;
	background : #fff ;
	border-radius : 3px ;
}
body #concier.usageList .inner .usage .impression p{
	padding : 0 0 0 25px ;
	margin : 0 ;
	background : url("/premium/concier/img/ico_usagelist_impression.png") 3px 1px no-repeat ;
	font-size : 133.3% ;
}
body #concier.usageList .inner .usage .impression dl{
	margin : 10px 0 0 ;
	padding : 10px 0 0 ;
	border-top : #999 1px dotted ;
}
body #concier.usageList .inner .usage .impression dl dt{
	font-weight : bold ;
	font-size : 133.3% ;
	line-height : 150% ;
}
body #concier.usageList .inner .usage .impression dl dd{
	line-height : 150% ;
}
body #concier.usageList p.more{
	margin : 20px 0 30px ;
}
body #concier.usageList p.more a{
	display : block ;
	width : 250px ;
	margin : 0 auto ;
	background : -webkit-gradient(linear,left top,left bottom,from(#c90),to(#B96311)) ;
	background : -moz-linear-gradient(top,#c90,#B96311) ;
	background : -ms-linear-gradient(top,#c90,#B96311) ;
	background : linear-gradient(to bottom,#c90,#B96311) ;
	-ms-filter : "progid:DXImageTransform.Microsoft.gradient(startColorstr='#cc9900', endColorstr='#B96311', GradientType=0)";
	line-height : 50px ;
	text-align : center ;
	color : #fff ;
	text-decoration : none ;
	cursor : pointer ;
	font-size : 166.7% ;
	font-weight : bold ;
	border-radius : 5px 
}
body #concier.usageList p.more a:hover{
	opacity : 0.8;
}
body #concier.usageList p.loading{
	display : none ;
	padding : 5px 0 ;
	text-align : center ;
}

body #resultList .inner p.result{
	position : absolute ;
	width : 100% ;
	left : 0 ;
	top : -5px ;
	z-index : 10 ;
}
body #resultList .inner p.result span{
	display : block ;
	padding : 10px 0 ;
	margin : 0 30px ;
	background : #666 ;
	color : #fff ;
	box-shadow : 3px 3px 3px rgba(0,0,0,0.4);
	z-index : 10 ;
}