@charset "utf-8";

/*
===== CONTENTS =========================================

 // Site Outline //

	Site Name:  河出書房新社
	URL:  http://www.kawade.co.jp/


 // Font-size Adjustment //

	71% = 10px
	86% = 12px
	100% = 14px
	114% = 16px
	129% = 18px


 // CSS Index //

	1: flash
	2: navi and contents and sub
	3: switch_tab
	4: topSub
	5: ropics
	6: webmag
	7: rank
	8: recommend
	9: topRotationBanner
	10:topNewbook


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

/*------------------------------
 // 1: flash
------------------------------ */


/*------------------------------
 // 2: navi and contents and sub
------------------------------ */

#top #main .topContents {
	width: 540px;
	float: left;
}

#top #main .topSub {
	width: 220px;
	float: right;
}

/*------------------------------
 // 3: switch_tab
------------------------------ */

#top #main .tab {
	padding-top: 20px;
}

#top #main .tabTittle li {
	float:left;
}

#top #main .tabTittle li a{
	height:33px;
	margin-left: 10px;
}

/* もうすぐ出る本
--------------------*/

#top #main .tt01 a{
	outline:none;
	background:url(img/m_t_coming_off.jpg) no-repeat top left;
	display:block;
	width: 121px;
	text-indent: -9999px;
}

#top #main .tt01 a:hover {
	background:url(img/m_t_coming_on.jpg) no-repeat top left;
}

#top #main .tt01 a.selected{
	background:url(img/m_t_coming_on.jpg) no-repeat top left;
}

/* 話題の本
--------------------*/

#top #main .tt02 a{
	outline:none;
	background:url(img/m_t_hot_off.jpg) no-repeat top left;
	display:block;
	width: 83px;
	text-indent: -9999px;
}

#top #main .tt02 a:hover {
	background:url(img/m_t_hot_on.jpg) no-repeat top left;
}

#top #main .tt02 a.selected{
	background:url(img/m_t_hot_on.jpg) no-repeat top left;
}

/* 映画・ドラマ・メディア関連の本
--------------------*/

#top #main .tt03 a{
	outline:none;
	background:url(img/m_t_media_off.jpg) no-repeat top left;
	display:block;
	width: 214px;
	text-indent: -9999px;
}

#top #main .tt03 a:hover {
	background:url(img/m_t_media_on.jpg) no-repeat top left;
}

#top #main .tt03 a.selected{
	background:url(img/m_t_media_on.jpg) no-repeat top left;
}

/* 感想
--------------------*/

#top #main .tt04 a{
	outline:none;
	background:url(img/m_t_review_off.jpg) no-repeat top left;
	display:block;
	width: 56px;
	text-indent: -9999px;
}

#top #main .tab .tt04 a:hover {
	background:url(img/m_t_review_on.jpg) no-repeat top left;
}

#top #main .tab .tt04 a.selected{
	background:url(img/m_t_review_on.jpg) no-repeat top left;
}

#top #main .topBox{
	clear: both;
	background:url(img/m_tab_bg_foot.jpg) no-repeat left bottom;
	padding-bottom: 10px;
}

#top #main .topBoxBody{
	background:url(img/m_tab_bg_body.jpg) repeat-y left top;
}

#top #main .panel{
	padding: 10px 25px 0 25px;
	background:url(img/m_tab_bg_head.jpg) no-repeat top left;
}

/* タブ内部リスト
--------------------*/

#top #main .tabList{
	clear: both;
	margin-top: 5px;
	padding-top: 10px;
}

#top #main .tabList dt{
	float: left;
	width: 65px;
}

#top #main .tabList dt img{
	margin: 5px;
	padding: 0px;
	border: 1px solid #CCCCCC;
}

#top #main .tabList dd{
	float: right;
	width: 415px;
}

#top #main .tabList dd p{
	margin: 0px;
	padding: 0px 0px 5px;
}

#top #main .tabList dd img{
	margin: 5px;
	padding: 0px;
	border: 1px solid #CCCCCC;
}

/* 新刊ピックアップ
--------------------*/

#top #main .pickup {
	margin-top: 20px;
}

#top #main .pickupHead {
	padding-bottom: 10px;
	background:url(img/m_tab_bg_head.jpg) no-repeat bottom left;
}

#top #main .pickupTitle {
	margin-left: 10px;
	background:url(img/m_t_pickup.jpg) no-repeat top left;
	height: 33px;
	text-indent: -9999px;
}

#top #main .pickup .pickupWrap {
	padding: 15px 20px;
}

#top #main .pickup .cover {
	width: 150px;
	float: left;
}

#top #main .pickup .bookdata {
	width: 340px;
	float: right;
}

/*------------------------------
 // 4: topSub
------------------------------ */

#top #main .subHead {
	background:url(img/r_bg_head.jpg) no-repeat top left;
	height: 46px;
	position: relative;
}

#top #main .subHead .list{
	position: absolute;
	top: 15px;
	left: 110px;
}

#top #main .subHead .rss{
	position: absolute;
	top: 15px;
	left: 165px;
}

#top #main .topicsTitle,
#top #main .webmagTitle,
#top #main .rankTitle {
	height: 46px;
	text-indent: -9999px;
}

#top #main .subBox {
	background: url(img/r_bg_body.jpg) repeat-y;
}

#top #main .subBoxBody {
	padding: 0 10px 10px 10px;
	background: url(img/r_bg_foot.jpg) no-repeat left bottom;
	zoom: 1;
}

#top #main .topSub a:link,
#top #main .topSub a:hover,
#top #main .topSub a:visited,
#top #main .topSub a:active{
	color: #333;
}

/*------------------------------
 // 5: topics
------------------------------ */

#top #main .topics {
}

#top #main .topicsTitle {
	background: url(img/r_t_topics.jpg) no-repeat 10px center;
}

#top #main .topicsIcon {
	background: url(img/r_dottedline.jpg) no-repeat left bottom;
	padding: 5px 0 25px 10px;
}

#top #main .topicsIcon li{
	float: left;
}

#top #main .topicsInfoList {
	clear: both;
	background: url(img/r_dottedline.jpg) no-repeat left bottom;
	padding: 10px 5px 5px 5px;
}

#top #main .topicsList {
	padding: 10px 5px 10px 5px;
}

#top #main .topicsInfoList li{
	background: url(img/r_info_i_bg.gif) no-repeat 0 6px;
	text-indent: 17px;
	padding-bottom: 5px;
}

#top #main .publicityIcon {
	background: url(img/r_publicity_i_bg.gif) no-repeat 0 6px;
	text-indent: 17px;
	padding-bottom: 5px;
}

#top #main .eventIcon {
	background: url(img/r_event_i_bg.gif) no-repeat 0 6px;
	text-indent: 17px;
	padding-bottom: 5px;
}

#top #main .infoIcon{
	background: url(img/r_info_i_bg.gif) no-repeat 0 6px;
	text-indent: 17px;
	padding-bottom: 5px;
}

/*------------------------------
 // 6: webmag
------------------------------ */

#top #main .webmag {
	margin-top: 15px;
}

#top #main .webmagTitle {
	background: url(img/r_t_webmag.jpg) no-repeat 10px center;
}

#top #main .webmagList {
	padding: 10px 5px 0px 5px;
}

#top #main .webmagIcon{
	margin-right: 10px;
}

#top #main .webmagIcon img{
	vertical-align: middle;
}

#top #main .webmagList dd{
	padding-bottom: 5px;
}

/*------------------------------
 // 7: rank
------------------------------ */

#top #main .rank {
	margin-top: 15px;
}

#top #main .rankTitle {
	background: url(img/r_t_rank.jpg) no-repeat 10px center;
}

#top #main .rankList {
	padding: 10px 5px 10px 5px;
}

#top #main .rankIcon{
	margin-right: 10px;
}

#top #main .rank img{
	vertical-align: middle;
}

#top #main .rankList dd{
	padding-bottom: 5px;
}


/*------------------------------
 // 8: recommend
------------------------------ */
#topRecommend {
	margin-top:30px;
}

#topRecommend .recommendBook {
	width:158px;
	float:left;
	margin:0 10px 0 10px;
}

#topRecommend .recommendBook .cover { 
	position:relative;
	background:url(img/recommend_shadow.png) center bottom no-repeat;
	width:158px;
	height:215px;
}

#topRecommend .recommendBook .img,
#topRecommend .recommendBook .ico {
	display:block;
	position:absolute;
}

#topRecommend .recommendBook .img {
	left:9px;
	bottom:7px;
}

#topRecommend .recommendBook .ico {
	left:-20px;
	bottom:12px;
	border:none;
}

#topRecommend .recommendBook dl {
	width:140px;
	margin-left:9px;
}	
	
#topRecommend .recommendBook .title { 
	font-weight:bold;
}
	
#topRecommend .recommendBook .text {
	 color:#666;
}


/*------------------------------
 // 9: topRotationBanner
------------------------------ */

#topRotationBanner {
	height:176px;
}


/*------------------------------
 // 10: topNewbook
------------------------------ */
#topNewbook {
	height:230px;
	background:url(/cmn/img/newbook_bg.jpg) top center no-repeat;
}