@charset "EUC-JP";

/* -----------------------------
文溪堂ウェブサイト
トップページcss（index.css）
----------------------------- */

body	{ font-size: 12px; }

/* アクティブメニュー */
#headArea li.home a { background-position: left bottom;}
#top #Container { width: 810px;}
#top div#header{ border-bottom: none; }

#news_00 { clear: both; width: 810px; height: 90px; margin: 0 0 0 0; padding: 0; background: url("/images/191018omimai.png") no-repeat; }
#news { clear: both; width: 810px; height: 34px; margin: 0 0 10px; padding: 0; background: url("../images/bg_news.gif") no-repeat; }
	
#news:before,
#news:after	{ content: ""; display: table; }
#news:after	{ clear: both; }
#news	{ zoom: 1; }

#news h2{
	width: 80px;
	margin: 0px;
	padding: 9px 0px 0px 15px;
	float: left;
	height:auto;
	}

#news h2 img{
	vertical-align: top;
	}

#news p#more{
	width: 80px;
	margin: 0px;
	padding: 7px 0px 0px 10px;
	float: right;
	font-size: 12px;
	color: #000;
	}

#news p#more a{
	padding-left: 10px;
	background: url(../images/mark01.gif) no-repeat left center;
	}


#news *			{ zoom:1; }
#news ul#portfolio			{ line-height:34px; margin:0; padding:0; }
#news ul#portfolio:before,
#news ul#portfolio:after	{ content: ""; display: table; }
#news ul#portfolio:after	{ clear: both; }
#news ul#portfolio			{ zoom: 1; }
#news ul#portfolio li{
    margin: 0;
    padding: 0 0 0 10px;
    float: left;
    font-size: 12px;
    color: #000;
    }
	
#news ul#portfolio li img{
    vertical-align:middle;
    }


#yasumi { clear: both; width: 810px; margin: 0 0 5px 0; padding: 10px 0px 5px 0px; background-color:#fdf2e5;}
#yasumi h2{
	width: 80px;
	margin: 0px;
	padding:0px 0px 10px 15px;
	float: left;
	height:auto;
	}

/*ul, olを使うときは、margin: 0; padding: 0;を追加*/

#mainVisArea			{ }
#mainVisArea #mainVis	{ float: left; width: 610px; }
#mainVisArea #slider	{ margin: 0; padding: 0; }
#mainVisArea .bx-prev,
#mainVisArea .bx-next	{ display: none; }
#mainVisArea .bx-pager	{ position: absolute; right: 0; bottom: 5px; }
#mainVisArea .pager-link{ display: block; float: left; width: 90px; height: 0; margin-right: 5px; padding-top: 30px; overflow: hidden; outline: none; }
#mainVisArea .pager-1	{ background: url("../images/thum_main01.png") no-repeat; }
#mainVisArea .pager-2	{ background: url("../images/thum_main02.png") no-repeat; }
#mainVisArea .pager-3	{ background: url("../images/thum_main03.png") no-repeat; }
#mainVisArea .pager-4	{ background: url("../images/thum_main04.png") no-repeat; }
#mainVisArea .pager-5	{ background: url("../images/thum_main05.png") no-repeat; }
#mainVisArea .pager-1.pager-active	{ background: url("../images/thum_main01_cr.png") no-repeat; }
#mainVisArea .pager-2.pager-active	{ background: url("../images/thum_main02_cr.png") no-repeat; }
#mainVisArea .pager-3.pager-active	{ background: url("../images/thum_main03_cr.png") no-repeat; }
#mainVisArea .pager-4.pager-active	{ background: url("../images/thum_main04_cr.png") no-repeat; }
#mainVisArea .pager-5.pager-active	{ background: url("../images/thum_main05_cr.png") no-repeat; }

#mainVisArea .gNav		{ float: right; width: 190px; margin: 0; padding: 0; }
#mainVisArea .gNav li	{ margin-bottom: 5px; }

#mainArea							{ clear: both; }
#mainL								{ float: left; width: 610px; }
#mainL ul							{ margin: 0; padding: 0; }

#mainL #education					{ float: left; width: 455px; padding-bottom: 4px; background: url("../images/btm_455.gif") no-repeat 0 bottom; background-color:#FFFFFF; }

#mainL #education .newsList			{ height: 185px; margin-top: -1px; background: #fdfdf9; overflow-y: auto; }
#mainL #education .newsList li		{ padding: 7px 12px; border-top: 1px dotted #ccc; }
#mainL #education .newsList li:before,
#mainL #education .newsList li:after{ content: ""; display: table; }
#mainL #education .newsList li:after{ clear: both; }
#mainL #education .newsList li		{ zoom: 1; }
#mainL #education img { float:left; margin-right:5px;}
#mainL #education #boxL1 { width:210px; height:80px; float:left; background-color:#FFFFFF;  padding:10px 5px 5px 5px;  }
#mainL #education #boxR1 { width:210px; height:80px; float:right; background-color:#FFFFFF; padding:10px 5px 5px 5px;}
#mainL #education #boxL2 { width:210px; height:80px; float:left; background-color:#FFFFFF; border-top:1px dotted #b0b0b0; padding:10px 5px 5px 5px;  }
#mainL #education #boxR2 { width:210px; height:80px; float:right; background-color:#FFFFFF; border-top:1px dotted #b0b0b0; padding:10px 5px 5px 5px;}


/*#mainL #education .newsList li.odd	{ background: #ecf3f4; }*/
#mainL #education .newsList li dt	{ clear: both; float: left; width: 7em; margin-top: 3px; font-size: 84%; }
#mainL #education .newsList li dd	{ margin-left: 6em; /*zoom: 1;*/ font-size: 117%; }

#mainL #seminar						{ float: right; width: 145px; }

#mainL .tabArea						{ clear: both; margin-top: 10px; padding-bottom: 4px; background: url("../images/btm_610.gif") no-repeat 0 bottom; }
#mainL .tabNav						{ border-bottom: 1px solid #fff; margin: 0; padding: 0; }
#mainL .tabNav li					{ float: left; width: 200px; margin-right: 5px; }
#mainL .tabNav li.lastChild			{ margin-right: 0; }
#mainL .tabNav li a					{ display: block; width: 200px; height: 0; padding-top: 35px; overflow: hidden; }
#mainL .tabNav li#tabAll a			{ background: url("../images/tab_all.gif") no-repeat; }
#mainL .tabNav li#tabTopics a		{ background: url("../images/tab_topics.gif") no-repeat; }
#mainL .tabNav li#tabLatest a		{ background: url("../images/tab_latest.gif") no-repeat; }
#mainL .tabNav li#tabAll a:hover,
#mainL .tabNav li#tabAll a.active	{ background-image: url("../images/tab_all_cr.gif"); }
#mainL .tabNav li#tabTopics a:hover,
#mainL .tabNav li#tabTopics a.active{ background-image: url("../images/tab_topics_cr.gif"); }
#mainL .tabNav li#tabLatest a:hover,
#mainL .tabNav li#tabLatest a.active{ background-image: url("../images/tab_latest_cr.gif"); }
#mainL .tabList						{ clear: both; height: 180px; background: #fff; overflow-y: auto; }
#mainL .tabList li					{ padding: 7px 12px; }
#mainL .tabList li:before,
#mainL .tabList li:after			{ content: ""; display: table; }
#mainL .tabList li:after			{ clear: both; }
#mainL .tabList li					{ zoom: 1; }
#mainL .tabList li.odd				{ background: #f4f4f4; }
#mainL .tabList li dt				{ clear: both; float: left; width: 9em; margin-top: 3px; font-size: 84%; }
#mainL .tabList li dd				{ margin-left: 6em; /*zoom: 1;*/ font-size: 117%; }
#mainL .tabList li.topics dt		{ min-height: 17px; _height: 17px; background: url("../images/label_topics.gif") no-repeat right 0; }
#mainL .tabList li.latest dt		{ min-height: 17px; _height: 17px; background: url("../images/label_latest.gif") no-repeat right 0; }

#mainL #tab1 li dt					{ width: 17em; }
#mainL #tab1 li dt img				{ margin-left: 10px; }
#mainL #tab1 li dd					{ margin-left: 13.5em; }

#mainL #tab2 li dt					{ width: 17em; }
#mainL #tab2 li dt img				{ margin-left: 10px; }
#mainL #tab2 li dd					{ margin-left: 13.5em; }

#mainL #tab3 li dt					{ width: 17em; }
#mainL #tab3 li dt img				{ margin-left: 10px; }
#mainL #tab3 li dd					{ margin-left: 13.5em; }

#mainR						{ float: right; width: 190px; margin: 0; padding: 0; }
#mainR li					{ margin-bottom: 5px; }

#newTextbook_area { clear: both; margin-top: 10px; width:810px; }

#newTextbook_area .newTextbook_l { width: 370px; height:300px; padding: 15px; background: #fff url("../images/btm_370.gif") no-repeat 0 bottom; overflow: hidden; float:left; }
#newTextbook_area .newTextbook_r { width: 370px; height:300px; padding: 15px; background: #fff url("../images/btm_370.gif") no-repeat 0 bottom; overflow: hidden; float:right; }


/*本来の新刊情報　2冊横並び*/
#newTextbook				{ clear: both; margin-top: 10px; }
#newTextbook dd				{ width: 780px; padding: 15px; background: #fff url("../images/btm_810.gif") no-repeat 0 bottom; overflow: hidden; }
#newTextbook dd ul			{ width: 790px; margin: 0; padding: 0; }
#newTextbook dd li			{ float: left; width: 385px; margin-right: 10px; }

#sBnrArea					{ margin: 10px 0 0; padding: 0; }
#sBnrArea li				{ float: left; width: 154px; margin-right: 10px; }
/*情トレが増えたことにより154ピクセルに変更　20150302*/
/*#sBnrArea li				{ float: left; width: 195px; margin-right: 10px; }*/
#sBnrArea li.lastChild		{ margin-right: 0; }

#recArea					{ clear: both; margin-top: 10px; }
#recArea .list				{ margin: 0; padding: 0 24px !important; }
#recArea .list li			{ float: left; width: 186px; margin-right: 6px; }
.jcarousel-clip				{ overflow: hidden; }
.jcarousel-clip-horizontal	{ width: 810px; height: 165px; }
.jcarousel-next-horizontal	{ position: absolute; top: 0; right: 0; width: 20px; height: 165px; cursor: pointer; background: url("../images/ar_rec_r.gif") no-repeat; }
.jcarousel-prev-horizontal	{ position: absolute; top: 0; left: 0; width: 20px; height: 165px; cursor: pointer; background: url("../images/ar_rec_l.gif") no-repeat; }