@charset "utf-8";

/**
 * common CSS for hybrid and shortcover v2
 * 
 * @project  Rakuten Kobo
 * @date     2014.05.09
 * @author   tatsuya.kotake
 */


/* メインコンテンツの幅（パンくず、SNS含む） */
div.EbkKobo_location {
	width: 950px;
	margin: 0 auto;
	overflow:hidden;
}

/*hybridのみ*/
div#contentsArea div.EbkKobo_location {
	margin: 10px auto 0 !important;
}

/*パンくずリスト*/
div.EbkKobo_location p#topicPath {
	width: 950px;
	margin: 0 auto;
	font-size: 82%;
}

/*SNS*/
div.EbkKobo_location div#snsforkobo {
	width: 950px;
	margin: 0 auto;
}

div.EbkKobo_location div#snsforkobo > div {
	margin-left:650px;
}

/*画像処理*/
div.EbkKobo_location img {
	vertical-align:bottom;
}

/*2014/05/09追加*/
/*開催中キャンペーン*/
div#EbkKobo_otherCamp {
	width: 950px;
	margin: 0px auto 0;
}

div#EbkKobo_otherCamp div.EbkKobo_camp_container {
	margin: 20px 0 0;
	background: url('//books.rakuten.co.jp/event/e-book/common/img/otherCamp_bg.jpg') no-repeat;
	width: 950px;
	height: 245px;
}

div#EbkKobo_otherCamp div.EbkKobo_camp_container div.clearfix {
	margin: 0 0 0 20px;
}

div#EbkKobo_otherCamp div.EbkKobo_camp_container div.EbkKobo_camp_banner01 {
	width: 500px;
	height: 200px;
	float: left;
	margin: 30px 10px 0px 0;
}

div#EbkKobo_otherCamp div.EbkKobo_camp_container div.booksList {
	width: 410px;
	float: left;
}
	

div#EbkKobo_otherCamp div.EbkKobo_camp_container div.booksList ul li {
	width: 110px;
	height:160px;
	float: left;
	margin: 43px 10px 0 0;
}

div#EbkKobo_otherCamp div.EbkKobo_camp_container div.booksList ul li.EbkKobo_camp_icon {
	width:37px;
	height: 37px;
	margin: 105px 0 0 0;
}

/*2014/9/30追加*/
div#EbkKobo_calender {
	width: 950px;
	margin: 10px auto 30px;
}

div#EbkKobo_calender h3 {
	margin: 0 auto 10px;
}

div#EbkKobo_calender ul {
	width: 950px;
}

div#EbkKobo_calender ul li {
	width: 186px;
	float: left;
	margin: 0 5px 0 0;
}

div#EbkKobo_calender ul li a img:hover {
	margin-top: -3px;
}

div#EbkKobo_calender ul li.last {
	margin: 0 !important;
}

/*電子書籍リーダー用セール枠*/
#container .belt {
    width: 100%;
    margin: 10px auto;
    padding: 10px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    background: #bf0000;
    text-align: center;
}

#container .belt a, #container .belt p {
    font-size: 18px;
    color: #fff;
}