@charset "utf-8";
/*============目次==================

1:TOPページコンテンツ部分　基本レイアウト
2:コンテンツ部分　左側
3:コンテンツ部分　右側

==================================*/

/*==================================
　■1:TOPページコンテンツ部分　
　　　基本レイアウト
==================================*/

/*---------------------------------
　コンテンツ
----------------------------------*/
.top {
	float: right;
	height: auto;
	width: 590px;
	margin: 0px;
	padding: 5px 5px 0px 0px;
}

/*---------------------------------
　背景色（グレー）設定
----------------------------------*/
.gray_bg {
	background-color: #efefef;
	margin: 0px;
	padding: 5px;
	height: auto;
	width: 165px;
}

/*---------------------------------
　TOPページ　コンテンツ部分　
　左側のメインコンテンツの
　レイアウトを形成
----------------------------------*/
.top_main {
	display: inline;
	margin: 0px;
	padding: 0px 0px 0px 5px;
	clear: both;
	float: left;
	height: auto;
	width: 400px;
}

/*---------------------------------
　TOPページ　コンテンツ部分　
　右側のメルマガ登録とランキングの
　レイアウトを形成
----------------------------------*/
.top_side {
	display: inline;
	float: right;
	height: auto;
	width: 175px;
}



/*==================================
　■2:コンテンツ部分　左側
==================================*/

/*---------------------------------
　TOPページ　コンテンツ部分
　見出しを配置
----------------------------------*/
.tit_box {
	clear: both;
	height: auto;
	width: 400px;
	margin-top: 10px;
	margin-bottom: 5px;
	margin-right: 0px;
	margin-left: 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
}

/*---------------------------------
　TOPページ　コンテンツ部分
　２カラムに分けた見出しを配置
　■「.tit_left_box」
　・ブックアドバイザー通信
　■「.tit_right_box」
　・ゲストルーム
----------------------------------*/
.tit_left_box {
	float: left;
	height: auto;
	width: 190px;
	margin-top: 10px;
	margin-bottom: 20px;
	padding-right: 5px;
	padding-left: 5px;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #d6d6d6;
}
.tit_right_box {
	float: right;
	height: auto;
	width: 190px;
	margin-top: 10px;
	margin-bottom: 20px;
}

.tit_booka {
	padding: 0px;
	clear: both;
	height: auto;
	width: 190px;
	margin-top: 0px;
	margin-bottom: 10px;
	margin-right: 0px;
	margin-left: 0px;
}
.tit_guest_r {
	padding: 0px;
	clear: both;
	height: auto;
	width: 190px;
	margin-top: 0px;
	margin-bottom: 10px;
	margin-right: 0px;
	margin-left: 0px;
}



/*---------------------------------
　丸善おすすめ商品
　■「.sub_box」
　・丸善おすすめ商品　左右、中央のボックス
　　を包括
　■「.side_column」
　・丸善おすすめ商品　左右のボックスを
　　形成
　■「.middle_column」
　・丸善おすすめ商品　中央のボックスを
　　形成
----------------------------------*/
.sub_box {
	width: 380px;
	height: auto;
	margin: 0px;
	padding-top: 5px;
	padding-right: 10px;
	padding-bottom: 5px;
	padding-left: 10px;
}
.side_r_column {
	margin: 0px;
	float: left;
	height: auto;
	width: 120px;
	display: inline;
	padding-left: 4px;
	padding-bottom: 5px;
}
.side_l_column {
	margin: 0px;
	float: left;
	height: auto;
	width: 120px;
	display: inline;
	padding-right: 4px;
	padding-bottom: 5px;
}

.middle_column {
	margin: 0px;
	float: left;
	height: auto;
	width: 120px;
	display: inline;
	border-right-width: 1px;
	border-left-width: 1px;
	border-right-style: solid;
	border-left-style: solid;
	border-right-color: #d6d6d6;
	border-left-color: #d6d6d6;
	padding-top: 0px;
	padding-right: 5px;
	padding-bottom: 5px;
	padding-left: 5px;
}

/*---------------------------------
　TOPページ　コンテンツ部分
　催し物情報　バナー表示部分
----------------------------------*/
.pict_box {
	/* padding: 5px; */
	/* width: 360px; */
	text-align: center;
	margin-top: 7px; 
}

/*---------------------------------
　TOPページ　コンテンツ部分
　「その他の～」のボタンのレイアウト
----------------------------------*/
.other_btn {
	float: right;
	height: 17px;
	margin-top: 10px;
	margin-bottom: 10px;
	text-align: right;
}


/*---------------------------------
　その他
----------------------------------*/
.p_link {
	margin-top: 10px;
	margin-bottom: 10px;
}
.blog_more {
	font-family: "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
	font-size: 10px;
	line-height: normal;
	background-position: 120px;
	text-align: right;
	background-image: url(../common/img/arrow_.circle.gif);
	background-repeat: no-repeat;
}

/*==================================
　■3:コンテンツ部分　右側
==================================*/

/*---------------------------------
　丸善ランキング
　背景の枠を設定
----------------------------------*/
.rank_bg {
	background-image: url(../img/rank_bg.jpg);
	background-repeat: repeat-y;
	margin: 0px;
	padding: 5px;
	height: auto;
	width: 165px;
}

/*---------------------------------
　丸善ランキングの
　レイアウトを形成
----------------------------------*/
.rank_box {
	padding: 0px;
	height: auto;
	width: 175px;
	margin-top: 10px;
}


/*---------------------------------
　丸善ランキング
　「週間総合ランキング」の表示
----------------------------------*/
.rank_tit {
	background-image: url(../img/week_ranking.jpg);
	background-repeat: no-repeat;
	margin: 0px;
	height: 15px;
	width: 170px;
	text-align: right;
	padding-top: 25px;
	padding-bottom: 5px;
	padding-right: 5px;
}
.rank_no {
	margin: 0px;
	height: auto;
	width: 10px;
	padding: 5px;
	vertical-align: top;
}
.rank_txt10 {
	font-family: "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
	font-size: 10px;
	color: #1f1f1f;
	line-height: 130%;
}
.rank_txt12b {
	font-family: "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
	font-size: 12px;
	font-weight: bold;
	height: auto;
	padding-top: 5px;
	line-height: 120%;
	padding-bottom: 3px;
}



/*---------------------------------
　丸善ランキング下部
　■「.rank_foot」
　・ランキング下部のレイアウト等を形成
　■「.rank_btn_left」
　・ランキング下部　左側に配置している
　　『ジャンル別ランキング』のボタン
　■「.rank_btn_right」
　・ランキング下部　右側に配置している
　　『丸の内本店ジャンル別～』のボタン
----------------------------------*/
.rank_foot {
	background-image: url(../img/rank_foot.jpg);
	background-repeat: no-repeat;
	margin: 0px;
	padding: 0px;
	height: 70px;
	width: 175px;
}
.rank_btn_left {
	display: inline;
	margin: 0px;
	float: left;
	height: 50px;
	width: 80px;
	padding-top: 10px;
	padding-right: 5px;
	padding-bottom: 10px;
	padding-left: 5px;
}
.rank_btn_right {
	display: inline;
	margin: 0px;
	float: left;
	height: 50px;
	width: 80px;
	padding-top: 10px;
	padding-bottom: 10px;
}
.r_side_include {
	padding-top: 5px;
}


/*---------------------------------
　メイン部分にフリースペースを
　インクルード
----------------------------------*/
.freesp_include {
	padding-top: 0px;
	width: 400px;
}
.recommend_box {
	width: 380px;
	height: auto;
	margin: 0px;
	padding-top: 10px;
	padding-right: 10px;
	padding-left: 10px;
}
.sub_box01 {

	width: 380px;
	height: auto;
	margin: 0px;
	padding-top: 10px;
	padding-right: 10px;
	padding-bottom: 5px;
	padding-left: 10px;
}
.sub_box02 {

	width: 380px;
	height: auto;
	margin: 0px;
	padding-top: 5px;
	padding-right: 10px;
	padding-bottom: 0px;
	padding-left: 10px;
}
.topics_box {

	clear: both;
	height: auto;
	width: 400px;
	margin-top: 15px;
	margin-bottom: 5px;
	margin-right: 0px;
	margin-left: 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
}