@charset "UTF-8";

body #readinglist{
	width : 950px ;
	margin : 25px auto 30px ;
	background-color : #fff ;
	text-align : left ;
}
body #readinglist img{
	vertical-align : bottom ;
}
body #readinglist a{
	color : #630 ;
}
body #readinglist a:hover{
	color : #f90 ;
}
body #readinglist a:hover img{
	opacity : 0.7 ;
}


body #readinglist .header{
	margin : 0 0 10px ;
}

body #readinglist .localNav{
	margin : 0 0 15px ;
}
body #readinglist .localNav ul li{
	float : left ;
	margin : 0 1px 0 0 ;
}
body #readinglist .localNav ul li.last{
	margin : 0 ;
}

body #readinglist .about{
	margin : 0 0 30px ;
	padding : 20px 25px ;
	background : #fefcd5 ;
	color : #505050 ;
	border-radius:5px;
	-webkit-border-radius:5px;
	-moz-border-radius:5px;
	box-shadow:rgba(255, 162, 0, 0.65098) 0px 0px 6px 0px inset;
	-webkit-box-shadow:rgba(255, 162, 0, 0.65098) 0px 0px 6px 0px inset;
	-moz-box-shadow:rgba(255, 162, 0, 0.65098) 0px 0px 6px 0px inset;
}
body #readinglist .about p.last{
	margin : 0 ;
}
body #readinglist .about ul li{
	float : left ;
	width : 250px ;
	font-weight : bold ;
}

body #readinglist .list{
	position : relative ;
}
body #readinglist .list h2{
	margin : 0 0 30px 20px ;
}
body #readinglist .list p.select{
	position : absolute ;
	top : 5px ;
	left : 190px ;
	margin : 0 ;
}
body #readinglist .list .section{
	position : relative ;
	padding : 30px 15px 20px ;
	margin : 0 0 40px ;
	border : #ffb444 2px solid ;
}
body #readinglist .list .section h3{
	position : absolute ;
	left : 12px ;
	top : -20px ;
	padding : 5px 0 0 ;
}
body #readinglist .list .section ul.item{
	padding : 10px 30px 10px ;
	background : url("../img/dotline_vertical.png") center top repeat-y ;
}
body #readinglist .list .section ul.item li.odd{
	float : left ;
	width : 400px ;
}
body #readinglist .list .section ul.item li.even{
	float : right ;
	width : 400px ;
}
body #readinglist .list .section ul.item li p.thumbnail{
	float : left ;
	margin : 0 ;
}
body #readinglist .list .section ul.item li p.thumbnail a{
	display : block ;
}
body #readinglist .list .section ul.item li h4{
	float : right ;
	width : 220px ;
	margin : 0 0 7px ;
	font-size : 133.3% ;
	font-weight : bold ;
	color : #630 ;
}
body #readinglist .list .section ul.item li h4 span{
	display : block ;
	font-size : 75% ;
	font-weight : normal ;
}
body #readinglist .list .section ul.item li ul.info{
	float : right ;
	width : 220px ;
	margin : 0 0 7px ;
}
body #readinglist .list .section ul.item li ul.info a.more{
	display : inline-block ;
	text-indent : 1.7em ;
}
body #readinglist .list .section ul.item li ul.info li.price{
	margin : 7px 0 0 ;
}
body #readinglist .list .section ul.item li ul.icon{
	float : right ;
	width : 220px ;
}
body #readinglist .list .section ul.item li ul.icon li{
	float : left ;
	margin : 0 5px 0 0 ;
}
body #readinglist .list .section ul.item li dl.synopsis{
	clear : both ;
	padding : 15px 0 0 ;
	margin : 0 0 10px ;
}
body #readinglist .list .section ul.item li dl.synopsis dt{
	float : left ;
	width : 66px ;
	text-align : center ;
}
body #readinglist .list .section ul.item li dl.synopsis dd{
	float : right ;
	width : 320px ;
	color : #056862 ;
	line-height : 140% ;
}
body #readinglist .list .section ul.item li dl.reason dt{
	float : left ;
	width : 66px ;
	text-align : center ;
}
body #readinglist .list .section ul.item li dl.reason dd{
	float : right ;
	width : 320px ;
	color : #743214 ;
	line-height : 140% ;
}
body #readinglist .list .section div.line span{
	float : left ;
	display : block ;
	height : 10px ;
	width : 450px ;
	background : url("../img/dotline_horizontal.png") left center repeat-x ;
}
body #readinglist .list .section div.line span.even{
	float : right ;
}

body #readinglist .list .section.high{
	padding-left : 13px ;
	padding-right : 13px ;
}
body #readinglist .list .section.high ul.item{
	width : 920px ;
	padding : 10px 0 ;
	margin : 0 auto ;
	background-image : url("../img/dotline_vertical_double.png") ;
}
body #readinglist .list .section.high ul.item li.i{
	float : left ;
	width : 290px ;
	margin : 0 25px 0 0 ;
}
body #readinglist .list .section.high ul.item li.i.last{
	margin : 0 ;
}
body #readinglist .list .section.high ul.item li.i h4,
body #readinglist .list .section.high ul.item li.i ul.info,
body #readinglist .list .section.high ul.item li.i ul.icon{
	width : 150px ;
}
body #readinglist .list .section.high ul.item li.i dl.synopsis dt,
body #readinglist .list .section.high ul.item li.i dl.reason dt{
	width : 54px ;
}
body #readinglist .list .section.high ul.item li.i dl.synopsis dd,
body #readinglist .list .section.high ul.item li.i dl.reason dd{
	width : 225px ;
}

body #readinglist .charity{
	display : table ;
	width : 100% ;
	margin : 0 0 50px ;
}
body #readinglist .charity .thumbnail{
	display : table-cell ;
	padding : 0 0 0 30px ;
}
body #readinglist .charity .thumbnail p{
	margin : 0 ;
}
body #readinglist .charity .text{
	display : table-cell ;
	padding : 0 20px ;
	text-align : left ;
	vertical-align : middle ;
	background : #fefcd5 ;
	color : #505050 ;
	border-radius:5px;
	-webkit-border-radius:5px;
	-moz-border-radius:5px;
	box-shadow:rgba(255, 162, 0, 0.65098) 0px 0px 6px 0px inset;
	-webkit-box-shadow:rgba(255, 162, 0, 0.65098) 0px 0px 6px 0px inset;
	-moz-box-shadow:rgba(255, 162, 0, 0.65098) 0px 0px 6px 0px inset;
}
body #readinglist .charity .text h2{
	margin : 0 0 10px ;
}
body #readinglist .charity .text p{
	margin : 0 ;
	font-size : 116.7% ;
	font-weight : bold ;
	color : #f90 ;
}