@charset "UTF-8";
/* CSS Document */

/*----------------------------------------*/
/*                                        */
/*太陽出版  基礎スタイル      */
/*                                        */
/*----------------------------------------*/

@import "reset.css";



a:link, a:visited{color:#4d4d4d; text-decoration:underline;} 
a:hover{color:#999;text-decoration:underline;}

/*マージン*/
.marginTB5{clear:both; margin:5px 0px;}
.marginLR5{clear:both; margin:0px 5px;}
.marginB10{clear:both; margin-bottom:10px;}
.marginTB10{clear:both; margin:10px 0px;}
.marginLR10{clear:both; margin:0px 10px;}
.marginTB15{clear:both; margin:15px 0px;}
.marginLR15{clear:both; margin:0px 15px;}
.marginL20{clear:both; margin-left:20px;}
.marginB20{clear:both; margin-bottom:20px;}
.marginTB20{clear:both; margin:20px 0px;}
.marginLR20{clear:both; margin:0px 20px;}

.left{float:left;}
.right{float:right;}

.clear{
	clear:both;
	height:0px;
}
.clear_35{
	clear:both;
	height:35px;
}


/*----------------------------------------*/
/*ページ基礎                              */
/*----------------------------------------*/
body{
	font-family:Trebuchet,"ＭＳ Ｐゴシック","Trebuchet MS",Osaka, "ヒラギノ角ゴ Pro W3";
	background-color:#ecf1f0;
	line-height:1.5em;
	color:#4d4d4d;
}

#container{
	background:repeat-x top url(../img/common/header_back.jpg) #fff;
}

#container .wrapper{
	position:relative;
	width:789px;
	margin:0 auto;
	padding-bottom:30px;
}

#breadcrumb{
	padding:5px 0 25px;
}
#breadcrumb li{
	display:inline;
	padding-right:6px;
}

#breadcrumb li a{
	color:#5785f9;
}

/*----------------------------------------*/
/*ヘッダー　                              */
/*----------------------------------------*/
#header{
	height:124px;
	position:relative;
}
#header h1{
	background:no-repeat url(../img/common/logo.jpg);
	width:299px;
	height:58px;
	text-indent:-9999em;
}
#header #excerpt{
	visibility:hidden;
}

/*----------------------------------------*/
/*ヘッダー　ツール                              */
/*----------------------------------------*/
#headerTool{
	position:absolute;
	top:18px;
	right:0px;
	width:161px;
}

#headerTool #searchForm{
	padding-bottom:5px;
}
#headerTool #searchForm input{
	display:block;
	float:left;
	width:120px;
	height:20px;
	border:1px solid #cdcdcd;
}

#headerTool #searchForm a#bt_search{
	display:block;
	float:right;
	background:no-repeat top url(../img/common/bt_search.jpg);
	height:22px;
	width:39px;
	text-indent:-9999em;
}
#headerTool #searchForm a#bt_search:hover{
	background-position:bottom;
}

#headerTool #searchForm .none{
	display:none;
	height:0px;
}


#headerTool li{
	display:inline;
	background:no-repeat left 3px url(../img/common/arrow_fff.jpg);
	padding-left:7px;
	padding-right:12px;
}
#headerTool li a{
	color:#fff;
}

/*----------------------------------------*/
/*グロナビ　                              */
/*----------------------------------------*/
#glnavi{
	position:absolute;
	bottom:2px;
	left:71px;
}
#glnavi ul{
	background:no-repeat top url(../img/common/glnavi.jpg);
	width:646px;
	height:61px;
}

#glnavi li{
	float:left;
}

#glnavi li a{
	display:block;
	background:no-repeat top url(../img/common/glnavi.jpg);
	height:61px;
	text-indent:-9999em;
}

#glnavi li#navi1 a{
	width:104px;
	background-position:left top;
}
#glnavi li#navi1 a:hover{
	background-position:left bottom;
}


#glnavi li#navi2 a{
	width:160px;
	background-position:-104px top;
}
#glnavi li#navi2 a:hover{
	background-position:-104px bottom;
}


#glnavi li#navi3 a{
	width:120px;
	background-position:-264px top;
}
#glnavi li#navi3 a:hover{
	background-position:-264px bottom;
}

#glnavi li#navi4 a{
	width:120px;
	background-position:-384px top;
}
#glnavi li#navi4 a:hover{
	background-position:-384px bottom;
}

#glnavi li#navi5 a{
	width:142px;
	background-position:-504px top;
}
#glnavi li#navi5 a:hover{
	background-position:-504px bottom;
}

/*----------------------------------------*/
/*フッター　                              */
/*----------------------------------------*/
#footer{
	background:repeat-x top url(../img/common/footer_back.gif) #ecf1f0;
	padding:18px 0 16px;
}
#footer .wrapper{
	position:relative;
	width:789px;
	margin:0 auto;
}

#footer ul{
	font-size:1.2em;
}
#footer li{
	display:inline;
}

#footer address{
	position:absolute;
	top:0px;
	right:0px;
}

#footer #sarcan{
	position:absolute;
	top:15px;
	right:0px;
}


/*----------------------------------------*/
/*共通スタイル                        */
/*----------------------------------------*/

/*h2見出し*/
h2{
	background:repeat-x url(../img/common/h2_back.jpg);
	line-height:41px;
}
h2 span{
	display:block;
	text-indent:-9999em;
	line-height:41px;
}

/*アーカイブリンク*/
.archiveLink{
	background:no-repeat left 5px url(../img/common/arrow_4d4d4d.gif);
	padding-left:9px;
}

/*詳細ボタン　背景白*/
a.bt_detail_fff{
	display:block;
	background:no-repeat top url(../img/common/bt_detail.gif);
	width:60px;
	height:22px;
	text-indent:-9999em;
}
a.bt_detail_fff:hover{
	background-position:center -22px;
}

/*詳細ボタン　背景緑*/
a.bt_detail_d9f4ef{
	display:block;
	background:no-repeat center -44px url(../img/common/bt_detail.gif);
	width:60px;
	height:22px;
	text-indent:-9999em;
}
a.bt_detail_d9f4ef:hover{
	background-position:center -66px;
}


/*----------------------------------------*/
/*新刊　タブパネル                        */
/*----------------------------------------*/

.TabbedPanels {
	margin: 0px;
	padding: 0px;
	float: left;
	clear: none;
	width: 100%; /* IE Hack to force proper layout when preceded by a paragraph. (hasLayout Bug)*/
}


.TabbedPanelsTabGroup {
	margin: 0px;
	padding: 0px;
}


.TabbedPanelsTab{
	float: left;
	margin: 0px 1px 0px 0px;
	height:25px;
	-moz-user-select: none;
	-khtml-user-select: none;
	cursor: pointer;
}

/*タブ1*/
.TabbedPanelsTab .ctg1{
	background:no-repeat left bottom url(../img/common/tabbed.jpg);
	width:40px;
	height:25px;
	text-indent:-9999em;
}
.TabbedPanelsTabHover .ctg1{
	background-position:left -25px ;
}
.TabbedPanelsTabSelected .ctg1{
	background-position:left top;
}

/*タブ２*/
.TabbedPanelsTab .ctg2{
	background:no-repeat -41px bottom url(../img/common/tabbed.jpg);
	width:90px;
	height:25px;
	text-indent:-9999em;
}
.TabbedPanelsTabHover .ctg2{
	background-position:-41px -25px;
}
.TabbedPanelsTabSelected .ctg2{
	background-position:-41px top;
}

/*タブ３*/
.TabbedPanelsTab .ctg3{
	background:no-repeat -132px bottom url(../img/common/tabbed.jpg);
	width:80px;
	height:25px;
	text-indent:-9999em;
}
.TabbedPanelsTabHover .ctg3{
	background-position:-132px -25px;
}
.TabbedPanelsTabSelected .ctg3{
	background-position:-132px top;
}

/*タブ４*/
.TabbedPanelsTab .ctg4{
	background:no-repeat -213px bottom url(../img/common/tabbed.jpg);
	width:115px;
	height:25px;
	text-indent:-9999em;
}
.TabbedPanelsTabHover .ctg4{
	background-position:-213px -25px;
}
.TabbedPanelsTabSelected .ctg4{
	background-position:-213px top;
}

/*タブ５*/
.TabbedPanelsTab .ctg5{
	background:no-repeat -329px bottom url(../img/common/tabbed.jpg);
	width:68px;
	height:25px;
	text-indent:-9999em;
}
.TabbedPanelsTabHover .ctg5{
	background-position:-329px -25px;
}
.TabbedPanelsTabSelected .ctg5{
	background-position:-329px top;
}

/*タブ６*/
.TabbedPanelsTab .ctg6{
	background:no-repeat -398px bottom url(../img/common/tabbed.jpg);
	width:90px;
	height:25px;
	text-indent:-9999em;
}
.TabbedPanelsTabHover .ctg6{
	background-position:-398px -25px;
}
.TabbedPanelsTabSelected .ctg6{
	background-position:-398px top;
}

/*タブ７*/
.TabbedPanelsTab .ctg7{
	background:no-repeat -489px bottom url(../img/common/tabbed.jpg);
	width:90px;
	height:25px;
	text-indent:-9999em;
}
.TabbedPanelsTabHover .ctg7{
	background-position:-489px -25px;
}
.TabbedPanelsTabSelected .ctg7{
	background-position:-489px top;
}

/*タブ８*/
.TabbedPanelsTab .ctg8{
	background:no-repeat -580px bottom url(../img/common/tabbed.jpg);
	width:50px;
	height:25px;
	text-indent:-9999em;
}
.TabbedPanelsTabHover .ctg8{
	background-position:-580px -25px;
}
.TabbedPanelsTabSelected .ctg8{
	background-position:-580px top;
}


.TabbedPanelsTab a {
	color: black;
	text-decoration: none;
}

.TabbedPanelsContentGroup {
	clear: both;
	float:left;
}

.TabbedPanelsContent {
	padding:0 35px;
	background:#fff;
}

.TabbedPanelsContentGroup .ctg1{
	border:2px solid #00b391;
}
.TabbedPanelsContentGroup .ctg2{
	border:2px solid #b9a1d2;
}
.TabbedPanelsContentGroup .ctg3{
	border:2px solid #f0c538;
}
.TabbedPanelsContentGroup .ctg4{
	border:2px solid #afce33;
}
.TabbedPanelsContentGroup .ctg5{
	border:2px solid #f19b9b;
}
.TabbedPanelsContentGroup .ctg6{
	border:2px solid #71b6c2;
}
.TabbedPanelsContentGroup .ctg7{
	border:2px solid #8badd2;
}
.TabbedPanelsContentGroup .ctg8{
	border:2px solid #d59b75;
}

.TabbedPanelsContentVisible {
}


/*----------------------------------------*/
/*新刊　書籍リスト                        */
/*----------------------------------------*/
.booklist ul{
	background-color:#000;
}

.book_slider li{
	overflow:hidden;
	width:102px;
	padding:20px 0 18px;
}

.booklist .book_a{
	background-color:#d9f4ef;
}
.booklist .book_b{
	background-color:#fff;
}

.booklist a.bt_detail_d9f4ef,
.booklist a.bt_detail_fff{
	margin:0 auto;
}

.booklist li dt{
	display:block;
	text-align:center;
	margin-bottom:10px;
}
.booklist li dd{
	display:block;
	width:90px;
	height:3.5em;
	margin:0 auto;
}

/*----------------------------------------*/
/*フォトスライダー*/
/*----------------------------------------*/
.book_slider{
	position:relative;
}

.book_slider #slider1,
.book_slider #slider2,
.book_slider #slider3,
.book_slider #slider4,
.book_slider #slider5,
.book_slider #slider6,
.book_slider #slider7,
.book_slider #slider8{
	width:714px;
	height:175px;
	overflow:hidden;
}

.book_slider #prevBtn1,
.book_slider #prevBtn2,
.book_slider #prevBtn3,
.book_slider #prevBtn4,
.book_slider #prevBtn5,
.book_slider #prevBtn6,
.book_slider #prevBtn7,
.book_slider #prevBtn8{
	position:absolute;
	display:block;
	top:75px;
	left:-30px;
}
.book_slider #prevBtn1 a,
.book_slider #prevBtn2 a,
.book_slider #prevBtn3 a,
.book_slider #prevBtn4 a,
.book_slider #prevBtn5 a,
.book_slider #prevBtn6 a,
.book_slider #prevBtn7 a,
.book_slider #prevBtn8 a{
	display:block;
	background:no-repeat top url(../img/common/slider_arrow_left.gif);
	width:25px;
	height:26px;
	text-indent:-9999em;
}
.book_slider #prevBtn1 a:hover,
.book_slider #prevBtn2 a:hover,
.book_slider #prevBtn3 a:hover,
.book_slider #prevBtn4 a:hover,
.book_slider #prevBtn5 a:hover,
.book_slider #prevBtn6 a:hover,
.book_slider #prevBtn7 a:hover,
.book_slider #prevBtn8 a:hover{
	background-position:center -26px;
}
.book_slider .dummy_btPrev{
	position:absolute;
	top:75px;
	left:-30px;
	background:no-repeat bottom url(../img/common/slider_arrow_left.gif);
	width:25px;
	height:26px;
}

.book_slider #nextBtn1,
.book_slider #nextBtn2,
.book_slider #nextBtn3,
.book_slider #nextBtn4,
.book_slider #nextBtn5,
.book_slider #nextBtn6,
.book_slider #nextBtn7,
.book_slider #nextBtn8{
	position:absolute;
	display:block;
	top:75px;
	right:-30px;
}
.ie6 .book_slider #nextBtn1,
.ie6 .book_slider #nextBtn2,
.ie6 .book_slider #nextBtn3,
.ie6 .book_slider #nextBtn4,
.ie6 .book_slider #nextBtn5,
.ie6 .book_slider #nextBtn6,
.ie6 .book_slider #nextBtn7,
.ie6 .book_slider #nextBtn8{
	right:7px;
}

.book_slider #nextBtn1 a,
.book_slider #nextBtn2 a,
.book_slider #nextBtn3 a,
.book_slider #nextBtn4 a,
.book_slider #nextBtn5 a,
.book_slider #nextBtn6 a,
.book_slider #nextBtn7 a,
.book_slider #nextBtn8 a{
	display:block;
	background:no-repeat top url(../img/common/slider_arrow_right.gif);
	width:25px;
	height:26px;
	text-indent:-9999em;
}
.book_slider #nextBtn1 a:hover,
.book_slider #nextBtn2 a:hover,
.book_slider #nextBtn3 a:hover,
.book_slider #nextBtn4 a:hover,
.book_slider #nextBtn5 a:hover,
.book_slider #nextBtn6 a:hover,
.book_slider #nextBtn7 a:hover,
.book_slider #nextBtn8 a:hover{
	background-position:center -26px;
}
.book_slider .dummy_btNext{
	position:absolute;
	top:75px;
	right:-30px;
	background:no-repeat bottom url(../img/common/slider_arrow_right.gif);
	width:25px;
	height:26px;
}
.ie6 .book_slider .dummy_btNext{
	right:7px;
}