@charset "utf-8";

/*基本文字スタイル*/
body {
	color:#333;
	//line-height:1;
	font-size:13px;
	font-family: Verdana, Arial, sans-serif;
}

/*基本段落スタイル*/
p {
	line-height:1.4;
	margin: 0 0  0.75em 0;
}

a:link, a:visited {
    color: #D34832;
    text-decoration: none;
}

/*全体構造
---------------------------------------*/

#wrapper {
}

#header {
}
	#headerInner {
	}

#contents {
}
	#contentsInner {
	}

	#wrapper,
	#main {
		background:#f8f9f4;
		width:960px;
		margin-left:10px;
	}
#main_contents {
    padding-top: 10px;
}

#footer {
}
	#footerInner {
	}

/*img {
	border:0;
	vertical-align:bottom;
}*/

/*ヘッダー
---------------------------------------*/
div#header {
    margin: 0;
    padding-left: 20px;
    padding-top: 8px;
    width: 950px;
}
.hr_fl {
    float: left;
}
.hr_fr {
    float: right;
}


/*フッター
---------------------------------------*/
/*メイン
---------------------------------------*/

/*上部キャンペーンバナー*/
#headerBanner {
	margin-bottom:20px;
	margin-left:5px;
}

#headerBanner h2 { margin:0;}

#headerBanner #headerBannerL {

}
#headerBannerR #headerPresent {
	float:right;
	width:260px;
}
#newspaperBtn {
	height:96px;
	background:url(/info/campaign14/images/header_banner_bg.jpg) 0 0 no-repeat;
}
#btnCheckNews {
	left: 710px;
    position: absolute;
    top: 430px;
}

#btnCheckNews:hover a img{
	opacity:0.8;
	filter: alpha(opacity=80);
	-ms-filter: "alpha( opacity=80 )";
}

/*オススメ本一覧*/
#recommendedList {
	width:950px;
	margin:0 auto;
	padding-bottom:30px;
	background: url(/info/campaign14/images/box_bottom.jpg) 0 bottom no-repeat #FFF;
}
#recommendedList h3 {margin:0;}

#listInner {
	padding:0 30px 30px 30px;
}
#listInner .bookShelf {
	height:235px;
}
#shelf01 {background:url(/info/campaign14/images/list_bg02.jpg) 0 0 no-repeat;}
#shelf01 ul {
	position:relative;
	//left:378px;
	left:56px;
	top:10px;
	height:205px;
}
#shelf02 {background:url(/info/campaign14/images/list_bg02.jpg) 0 0 no-repeat;}
#shelf02 ul {
	position:relative;
	left:56px;
	top:10px;
	height:205px;
}

#shelf03 {background:url(/info/campaign14/images/list_bg03.jpg) 0 0 no-repeat;}
#shelf03 ul {
	position:relative;
	left:30px;
	top:10px;
	height:205px;
}
.shelfInnnerList {
	margin:0;
	padding:0;
}
.shelfInnnerList li {
	list-style:none;
	display:inline-block;
	*display:inline;
	//margin-right:36px;
	margin-right:76px;
}
	.shelfInnnerList li .shelfImage {
		display: table-cell;
    	height: 205px;
    	vertical-align: bottom;
	}
	.shelfInnnerList li img{
		border:solid 1px #ccc;
	}

.indexStyle01 {
	width:950px;
	margin:20px auto;
}


/*オススメ本詳細*/
.recommendedDetail {
	width:950px;
	margin:0 auto;
	padding-top:30px;
	padding-bottom:50px;
	background: url(/info/campaign14/images/box_bottom.jpg) 0 bottom no-repeat #FFF;
}

.detailL {float:left; width:305px;}
.detailR {float:right; width:585px; margin-right:25px;margin-top:75px;}

	.detailR .commentBallon p {
		font-size: 15px;
    	line-height: 22px;
    	margin: 0 0 5px;
	}

.bookmarkIcon {
	position:relative;
	left:-5px;
}
.bookdetail {
	width:160px;
	margin:25px auto 10px;
	text-align:left;
}
	.bookImage {
		padding:0 0 10px 10px;
		/*background:url(/info/campaign14/images/boook_bg.gif) 0 0 no-repeat;*/
	}
		.bookImage img{
			border:solid 1px #ccc;
		}
	.bookTit {
		padding:0 10px 6px;
		font-size:1em;
		font-weight:bold;
		line-height:1.4;
		text-align: left;
		border-bottom:1px dotted #bab184;
	}
	.bookAuthor {
		padding:5px 10px 0;
		line-height:1.4;
	}
	.boookPublisher {
		padding:5px 10px 0;
		font-size:1.1em;
		line-height:1.4;
	}

.publisherLink { padding-right:12px; background:url(/info/campaign14/images/listmark03.gif) 100% 40% no-repeat;}

.commentBallon {
	padding:20px 20px 10px 20px;
	border-top:3px solid #f7d200;
	border-left:3px solid #f7d200;
	border-right:3px solid #f7d200;
}
	.commentBallon h4 {
		margin-top:0;
		margin-bottom:10px;
		padding:0px 0 10px 25px;
		font-size:1.2em;
		font-weight: bold;
		line-height:1.4;
		border-bottom:1px dotted #CCC;
		background:url(/info/campaign14/images/listmark01.gif) 0 0 no-repeat;
	}
.ballonBottom {
	width:585px;
	margin:0 auto;
}

.detailRbottomL {
	float:left;
	width:265px;
	padding:10px;
	background:#f6f5ed;
}
	.detailRbottomL ul {
		margin:0;
		padding:0;
		list-style:none;
	}
	/*
.detailRbottomR {
	float:right;
	width:285px;
	height:125px;
	background:url(/info/campaign14/images/editer_comments_bg.gif) 0 0 no-repeat;
}*/
.detailRbottomR {
	position:relative;
	float:left;
	width:265px;
	height:105px;
	margin-left:15px;
	padding:10px;
	background:#f6f5ed;
}
	.detailRbottom { margin-top:15px;}
	.editerComment {
		padding:45px 10px 0;
	}
	.editerComment p { padding-top:5px; width:150px;}

.imgBase {
	position:absolute;
	top:20px;
	left:170px;
 	background: none repeat scroll 0 0 #FFF;
    clear: both;
    float: left;
    padding: 3px;
    width: 82px;
    //height: 80px;
    overflow: hidden;
    text-align: center;
}
	.imgBase img {
    	/*height: 79px;
    	width: 79px;*/
    	border:solid 1px #ccc;
	}

/*ページトップ*/
.pageTop {
	padding:10px 25px 10px 0;
	width:925px;
	margin:0 auto 20px;
	text-align:right;
	background:url(/info/campaign14/images/listmark02.gif) right 50% no-repeat;
}

/*キャンペーンエントリー*/
#campaign {
	width:950px;
	padding-bottom:35px;
	margin:0 auto;
	background: url(/info/campaign14/images/box_bottom.jpg) 0 bottom no-repeat #FFF;
}
#campaignL {
	float:left;
	padding-left:30px;
	width:630px;
}
#campaignTxt {
	margin-bottom:55px;
}
#campaignBtn {
	background:#f6f5ed;
}
#campaignBtn ul {
	margin:0;
	padding:25px 0;
	margin:25px;
	list-style:none;
}
#campaignBtn li {
	display:inline-block;
	*display:inline;
}
#campaignR {
	float:right;
	margin-right:20px;
}
#campaignDetail {
	width:950px;
	margin:0 auto;
	padding-bottom:20px;
	background: url(/info/campaign14/images/box_bottom.jpg) 0 bottom no-repeat #FFF;
}

/*キャンペーン詳細*/
#campaignDetailInner {
	padding:0 30px 30px;
}
#campaignDetail ul {
	list-style:none;
	margin-left:0;
	padding-left:0;
}
#campaignDetail li {
	line-height:1.8;
}
#term {width:155px;}
#prize {width:35px;}
#important {width:60px;}
#promoter {width:45px;}
#contact {width:185px;}

.detailIndex {
	margin:15px 0;
	padding:5px 15px;
	font-size:1.1em;
	font-weight: bold;
	color:#000;
	background:#f7d200;
}

/*調整用スタイル
---------------------------------------*/
/*マージン*/
.mt10{margin-top:10px;}
.mt15{margin-top:15px;}
.mt20{margin-top:20px;}
.mt25{margin-top:25px;}
.mt30{margin-top:30px;}
.mt40{margin-top:40px;}

.mb5{margin-bottom:5px;}
.mb10{margin-bottom:10px;}
.mb15{margin-bottom:15px;}
.mb20{margin-bottom:20px;}
.mb25{margin-bottom:25px;}
.mb30{margin-bottom:30px;}
.mb40{margin-bottom:40px;}

.ml10{margin-left:10px;}
.ml20{margin-left:20px;}
.ml30{margin-left:30px;}
.ml40{margin-left:40px;}

.mr10{margin-right:10px;}
.mr20{margin-right:20px;}
.mr30{margin-right:30px;}
.mr40{margin-right:40px;}

.noMg{margin:0 !important;}

/*フロート*/
.fltL{float:left;}
.fltR{float:right;}

/*アライン*/
.alignC{text-align: center;}
.alignL{text-align: left;}
.alignR{text-align: right;}

/*フォント*/
.large{ font-size:1.1em}
.small{ font-size:0.9em}

/*画像透過*/
a.imgHover:hover img{
	opacity:0.8;
	filter: alpha(opacity=80);
	-ms-filter: "alpha( opacity=80 )";
}
/*boeder*/
hr.border{
	clear:both;
	display:block;
	height:1px;
	border-left:none;
	border-right:none;
	border-top:none;
	border-bottom:1px dotted #d9d9d9;
}

/*hr不可視*/
hr {display:none;}

/*画像下揃え*/
#main_contents img {vertical-align:bottom;}

/*clear*/
.clr {clear:both;}

/* clearfix */
.cf:after {
	visibility: hidden;
	display: block;
	font-size: 0;
	content: " ";
	clear: both;
	height: 0;
	}
* html .cf             { zoom: 1; } /* IE6 */
*:first-child+html .cf { zoom: 1; } /* IE7 */

@media print {


}