@charset "utf-8";

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

 // Site Outline //

	Site Name:  国書刊行会
	URL:  http://www.kokusho.co.jp/


 // Font-size Adjustment //

    62% = 10px
	68% = 11px
	75% = 12px
	81% = 13px
	87% = 14px
	93% = 15px
	100% = 16px
	106% = 17px
	112% = 18px
	118% = 19px
	125% = 20px


 // CSS Index //

	1: topflash
	2: CenterContents
	   : contentsNew
	   : contentsComing
	   : contentsTopic
	3: RightContents
	   : NewsContents
	   : MobileContents
	   : TwitterContents


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

/*------------------------------
 // 1: topflash
------------------------------ */
#mainBanner-container {
	width: 950px;
	height: 286px;
	background: url(img/mainBanner_bg.jpg) no-repeat;
	margin: 0 auto;
	padding-top: 29px;
}
#mainBanner {
	width: 686px;
	height: 236px;
	background: url(img/banner_bg.jpg) no-repeat;
	margin: 0 auto;	
	padding: 14px 0 0 14px;
}

#banner{
	background-color:#334549;}

/*FLASH→JS*/
/* .slideShow
------------------------- */
.slideShow {
/*	margin: 0 auto;*/
	text-align: left;
/*	display: none;*/
}

/* .mainView
------------------------- */
.slideShow .mainView {
	width: 100%;
	position: relative;
	overflow: hidden;
	height: 198px;
}
.slideShow .mainView ul {
	width: 100%;
	overflow: hidden;
	position: relative;
	height: 198px;
}
.slideShow .mainView ul li {
	top: 0;
	left: 0;
	width: 100%;
	position: absolute;
}
.slideShow .mainView ul li img {
	width: 100%;
}

/* .thumbNail
------------------------- */
.slideShow .thumbNail {
	width: 100%;
	overflow: hidden;
}

.slideShow .thumbNail ul {
	width: 110%;
}

.slideShow .thumbNail ul li {
	float: left;
	display: inline;
	overflow: hidden;
	cursor: pointer;
}

.slideShow .thumbNail ul li img {
	width: 100%;
}

.slideShow .thumbNail ul li.active {
	filter: alpha(opacity=100)!important;
	-moz-opacity: 1!important;
	opacity: 1!important;
}

/* sideNavi
------------------------- */
.slideShow .mainView .btnPrev,
.slideShow .mainView .btnNext {
	top: 0;
	width: 5%;
	height: 100%;
	position: absolute;
	z-index: 100;
}
.slideShow .mainView .btnPrev {
	left: 0;
	background: #ccc url(../img/btnPrev.png) no-repeat center center;
}
.slideShow .mainView .btnNext {
	right: 0;
	background: #ccc url(../img/btnNext.png) no-repeat center center;
}


/* =======================================
	ClearFixElements
======================================= */
.slideShow ul:after {
	content: ".";
	height: 0;
	clear: both;
	display: block;
	visibility: hidden;
}

.slideShow ul {
	display: inline-block;
	overflow: hidden;
}
/*FLASH→JS*/

/*------------------------------
 // 2: centerContents
------------------------------ */
.mainContents .c_contents {
	width: 476px;
	float: left;
}

/* title
--------------------*/
.c_contents .top-title_bg {
	width: 451px;
	height: 48px;
	padding-left: 18px;
	padding-right: 7px;
	background: url(img/title_top_bg.jpg) no-repeat;
	clear: both;
}
.c_contents .top-title_bg .titleNew,
.c_contents .top-title_bg .titleComing,
.c_contents .top-title_bg .titleTopic {
	width: 92px;
	height: 22px;
	margin: 9px 0 0 0;
	text-indent: -9999px;
	font-size: xx-small;
}
.c_contents .top-title_bg .titleNew {
	background: url(img/top-title_new.gif) no-repeat;
	float: left;
}
.c_contents .top-title_bg .titleComing {
	background: url(img/top-title_coming.gif) no-repeat;
	float: left;
}
.c_contents .top-title_bg .titleTopic {
	background: url(img/top-title_topic.gif) no-repeat;
	float: left;
}
.c_contents .top-title_bg .titleRss {
	width: 40px;
	height: 19px;
	margin: 11px 7px 0 0;
	float: right;
	display: block;
	background: url(img/titlelink_rss.gif) no-repeat;
	text-indent: -9999px;
}
.c_contents .top-title_bg .titleRss a {
	width: 40px;
	height: 19px;
	display: block;
}
.c_contents .top-title_bg .titleNewList {
	width: 77px;
	height: 14px;
	margin: 13px 0 0 0;
	float: right;
	display: block;
	background: url(img/top-titlelink_new.gif) no-repeat;
	text-indent: -9999px;
}
.c_contents .top-title_bg .titleNewList a {
	width: 77px;
	height: 14px;
	display: block;
}
.c_contents .top-title_bg .titleComingList {
	width: 77px;
	height: 14px;
	margin: 13px 0 0 0;
	float: right;
	display: block;
	background: url(img/top-titlelink_coming.gif) no-repeat;
	text-indent: -9999px;
}
.c_contents .top-title_bg .titleComingList a {
	width: 77px;
	height: 14px;
	display: block;
}

/* contentsNew
--------------------*/
.c_contents .contentsNew {
	width: 476px;
	margin: 7px 0 25px 0;
}
.c_contents h4.author {
	font-weight:normal;
}

.c_contents .contentsNew .newBookM_l {
	width: 226px;
	margin-right: 23px;
	float: left;
}
.c_contents .contentsNew .newBookM_l .coverMbox {
	margin: 5px auto 10px;
}
.c_contents .contentsNew .newBookM_r {
	width: 226px;
	float: left;
}
.c_contents .contentsNew .newBookM_r .coverMbox {
	margin: 5px auto 10px;
}

/* contentsNew、contentsTopic　common
--------------------*/
.c_contents .BookS_l {
	width: 226px;
	margin-right: 23px;
    float: left;
}
.c_contents .BookS_l .coverSbox-wrap,
.c_contents .BookS_r .coverSbox-wrap {
	float: left;
}
.c_contents .BookS_l .coverSbox,
.c_contents .BookS_r .coverSbox {
	margin-bottom: 5px;
}
.c_contents .BookS_l .textbox {
	width: 112px;
	margin-left: 10px;
	float: left;
}

.c_contents .BookS_r {
	width: 226px;
	float: left;
}
.c_contents .BookS_r .coverSbox {
	margin-bottom: 10px;
}
.c_contents .BookS_r .textbox {
	width: 112px;
	margin-left: 10px;
	float: left;
}

.c_contents .BookS_l .intro,
.c_contents .BookS_r .intro {
	clear: both;
}
.c_contents .readbtnS {
	float: right;
}
.c_contents .readbtnS a{
	width: 108px;
	height: 26px;
    display: block;
	outline:none;
	background: url(img/btn_browse-s_off.jpg) no-repeat;
	text-indent: -9999px;
}
.c_contents .readbtnS a:hover {
	width: 108px;
	background: url(img/btn_browse-s_on.jpg) no-repeat;
}



/* contentsComing
--------------------*/
.c_contents .contentsComing {
	width: 474px;
	border:#E2E2C0 solid 1px;
	margin: 7px 0 25px 0;
    background: url(img/contents_bg_b.jpg) repeat;
}
.c_contents .contentsComing ul{
	width: 450px;
	margin: 8px auto 17px;
}
.c_contents .contentsComing li{
	margin-top: 7px;
}

/* contentsTopic
--------------------*/
.c_contents .contentsTopic {
	width: 476px;
	margin: 7px 0 25px 0;
}


/*------------------------------
 // 2: rightContents
------------------------------ */
.mainContents .r_contents {
	width: 220px;
	float: right;
}

/* subtitle
--------------------*/
.s-box_bgtop .subtitleNews,
.s-box_bgtop .subtitleMobile,
.s-box_bgtop .subtitleTwitter,
.s-box_bgtop .subtitleMailmag {
	margin: 0 0 0 18px;
	text-indent: -9999px;
	font-size: xx-small;
}
.s-box_bgtop .subtitleNews {
	width: 182px;
	height: 21px;
	background: url(img/sub_title_news.jpg) no-repeat;
}
.s-box_bgtop .subtitleMobile {
	width: 162px;
	height: 21px;
	background: url(img/sub_title_mobile.jpg) no-repeat;
}
.s-box_bgtop .subtitleTwitter {
	width: 177px;
	height: 21px;
	background: url(img/sub_title_twitter.jpg) no-repeat;
}
.s-box_bgtop .subtitleMailmag{
	width: 187px;
	height: 21px;
	margin-left:16px;
	background: url(img/sub_title_mailmag.jpg) no-repeat;
}


/* NewsContents
--------------------*/
.s-box_bgmiddle .newsRss {
	width: 40px;
	height: 19px;
	margin: 0 7px 0 0;
	float: right;
	display: block;
	background: url(img/btn_rss.jpg) no-repeat;
	text-indent: -9999px;
}
.s-box_bgmiddle .newsRss a {
	width: 40px;
	height: 19px;
	display: block;
}
.s-box_bgmiddle .newsList {
	width: 142px;
	height: 14px;
	margin: 1px 10px 0 0;
	float: right;
	display: block;
	background: url(img/goto_news.jpg) no-repeat;
	text-indent: -9999px;
}
.s-box_bgmiddle .newsList a {
	width: 142px;
	height: 14px;
	display: block;
}
.s-box_bgmiddle .newsBox {
	width: 200px;
	padding-top: 4px;
	margin: 0 0 0 12px;
	padding-bottom: 5px;
	clear: both;
}
.newsBox li{
	margin-top: 7px;
}
.newsBox .tag_topics,
.newsBox .tag_event, 
.newsBox .tag_pub {
	width: 70px;
	height: 17px;
	margin-right: 7px;
	text-indent: -9999px;
	display: block;
	float:left;
}
.newsBox .tag_topics {
	background: url(img/tag_topics.jpg) no-repeat;
}
.newsBox .tag_event {
	background: url(img/tag_event.jpg) no-repeat;
}
.newsBox .tag_pub {
	background: url(img/tag_pub.jpg) no-repeat;
}
.newsBox .newsDate {
	float:left;
}
.newsBox .newsText {
	clear: both;
}

/* MobileContents
--------------------*/
.s-box_bgmiddle .mobileBox {
	width: 200px;
	margin:0 0 0 10px;
}
.mobileQr{
	width: 59px;
	height: 59px;
	float: left;
}
.mobileComment{
	width: 133px;
	margin-left: 7px;
	float: right;
}

/* TwitterContents
--------------------*/
.s-box_bgmiddle .twitterBox {
	width: 192px;
	margin:0 0 0 14px;
}
.twitterBox li{
	margin-top: 5px;
}
.twitterBox li a{
	display: block;
	outline:none;
	height: 37px;
	text-indent: -9999px;
}
.twitterBox li.tw01 {
	width: 192px;
	background: url(img/twitter_follow.jpg) no-repeat;
}
.twitterBox li.tw02 {
	width: 192px;
	background: url(img/twitter_tweet.jpg) no-repeat;
}

/* mailmagContents
--------------------*/
.s-box_bgmiddle .mailmagBox {
	padding-left:15px;
}
.s-box_bgmiddle .mailmagBox a {
	display:block;
	position:relative;
	margin:10px 0 -10px 0; }

/* rightBanner
--------------------*/
.r_bannerBox {
	margin-bottom: 15px;
}
.r_bannerBox li {
	width: 220px;
	height: 50px;
	margin-top: 3px;
	margin-bottom: 20px;
}
.r_bannerBox li a {
	outline: none;
}