@charset "UTF-8";

/* CSS Document */


img{ vertical-align: bottom; }   /*縦に並べる場合、これを指定しないと 2px程度の隙間ができる*/

/* 【デフォルト設定】右URLより： https://www.sanseido-publ.co.jp/cmn/style.css */
a,a[name]:hover{color:#000; text-decoration:none;}
a:link {color:#06c; text-decoration:none;}
a:visited {color:#669; text-decoration:none;}
a:hover, a:visited:hover {color:#09f; text-decoration:underline;}


#wrapper {
	margin:10px auto 40px auto;
	width:980px;
	background-color:#fff;
}

#container {
	background-color:#fff;
	border:2px solid #aaa; /* 全体の囲み罫 */
	width:976px;    /*コンテンツの左右。ただし、左右5pxの空白含む（以下、全体幅を970pxと指定すること）*/
	height: auto;
}


/*********************************************************************/

/* ヘッダー区 */
#header {
/*	margin:5px 8px 0 5px; */
	margin:5px 0 0 5px; 
	width:970px;
}
#topline {
	clear:both;
	height:20px;
	margin-bottom:3px;
	margin-right:3px;
}
#ssdcatch {
	float:left;
	width:475px;
	margin-left:4px;
}
#submenu {
	float:right;
}
#ssdlogo {
	clear:both;
	width:967px; /*967px*/
	height:57px; /*57px*/
	background-image:url(../img/logosky_with_dssd.png);
/*	background-size:cover; */
background-size:contain;
background-repeat:no-repeat;
background-position:center;
/*	padding:9px 6px 0 0; */
/*	padding:0 6px 0 0; */
/*float:right; */
margin-left:6px;
}
#booksearch {
/*	width:235px; */  /*	+ 50px + 2px(space) */
	width:140px;
/*	height:42px; */
	height:32px;
	float:right;
	margin-top:14px;
	margin-right:62px;
}
#booksearch h3{
	margin:0; padding:0;
	text-align:right;
}

/*********************************************************************/

/* メイン区 */
#main {
/*	margin:6px 4px 0 4px; */
	margin:5px 4px 0 4px; 
	width:970px;
}

/* メイン区 > トップ域 */
#top　{
	background-color: blue;  /* 【制作用】 */
}

/* メイン区 > トップ域 > グローバルナビ部 */
#gnav {
	float:left;
	width: 194px;

}

/* メイン区 > トップ域 > グローバルナビ部 > カテゴリーメニュー */
#catemenu {
	width:190px;
}

#catemenu ul li {
	margin-bottom:4px;
}

#service {
	margin-top:10px;
	/*fortbkyoz   margin-top:18px;*/
	/*forTIBF  margin-top:12px;*/
    /* 特大バナーのある場合用 */
	margin-bottom:6px;
}
#service ul li {
	/*for四つ  margin-top:9px*/
	/*forTIBF  margin-top:5px*/
	/*fortbkyoz   margin-top:15px;*/ /*for三つ*/
	margin-top:5px; /*for三つ*/
}


/* メイン区 > トップ域 > ショーボード部 */
/* メイン区 > トップ域 > ショーボード部 > メインボード「メインスライダー」*/
#showboard {
	float:right;
/*	margin-left:196px; */
	width: 772px;
	margin-right:4px; /*4px;*/
}
#slideshow {
	margin-left:2px;
}

/* メイン区 > トップ域 > ショーボード部 > 新刊スライダー「最新刊案内」*/
/* #carouselwaku {} */
#carouselhead {
	margin-top:10px;/*12px;*/
	margin-bottom:10px;
}
#carouselhead h2 {
	display:inline;
}
#carouselhead h3 {
	background-color:#dee3f7;
	font-size:14px;
	font-weight:bold;
	color:#fff;
	display:inline;
	margin-left:460px;
	padding:2px 0 2px 10px;;
}


/* 特大バナー */
#bigbanner {
	clear:both;
	width:969px;
/*	height:61px; */ /* 細 */
/*	height:102px; */ /* 中 */
	height:80px; /* 標準（最適） */
/*	height:122px; */ /* 太 */
/*	background-color: #36F; */ /* 制作時の顕在化用 */
	background-color:#FFF;
	padding:3px 0 0 0; /* Safari/Chrome での縮小時に空きが無になるための対策 */
}

/*****/

/* メイン区 > ミドル域 */
#mpart {
/*	height:624px;:/ /*左メニュー下にスペーサー挿入*/ /* H:100pxの大バナー入りで、2行用*/ /* 右バナー（rgbn）を一つ増やして七つにしたら div#underのclear:bothがきかず、ベリサイン画像と重なるため */
/*左メニュー下にスペーサー挿入	height:585px; */ /* H:61pxの大バナー入りで、2行用*/ /* 右バナー（rgbn）を一つ増やして七つにしたら div#underのclear:bothがきかず、ベリサイン画像と重なるため */
/*	height:514px;  2行用*/ /* 右バナー（rgbn）を一つ増やして七つにしたら div#underのclear:bothがきかず、ベリサイン画像と重なるため */
/*	height:508px; 1行用*/  /* 右バナー（rgbn）を一つ増やして七つにしたら div#underのclear:bothがきかず、ベリサイン画像と重なるため */
	/*background-color: #32CD32;   【制作用】 */
/*	background-color: #FFF;  【制作用】 */
	clear:both;
	padding-top:3px;  /* 区の天スペース */
	width:976px;
}



/* メイン区 > ミドル域 > レフトサイド部  */
#lside {
	float:left;
/*	margin-right: -198px; */   /* 196+2px（スペース） */
	width:190px;
/*	height:412px; 4rgbn_plus*/
}

#picked-up_links_new ul {
	list-style-type:none;
	width:190px;
	margin-bottom:18px;
}

#rgnb_left p {
/*よむゾウ移動で	margin-top:12px;*/
	margin-top:6px;
}



/* メイン区 > ミドル域 > ライトメイン部（元センター部） */
#rmain {
	float:right;
/*	width:774px; original*/
	width:769px;
/*	margin-left: 198px; */    /* 196+2px（スペース） */
/*	width: 517px; */  /* 540-23px（border, rmain ul内のmarginの影響） */
/*	background-color:#fff;   #FF7F50【制作用】 */
/*	padding-right:5px;*/
}

/* to def.css */
#rmain a:link { color:#000;}
#rmain a:visited {color:#000; text-decoration:none;}
#rmain a:hover, a:visited:hover {color:#09f; text-decoration:underline;}
/* end_of_'to def.css' */


/* 大バナー（Large banner） */
#largebanner {
	clear:both;
	margin-left:9px;
	width:753px;
	height:100px; /* 標準（最適） */
/*	height:61px; */ /* 標準（最適） */
	background-color: #36F; */ /* 制作時の顕在化用 */
/*	background-color:#FFF; */ /*仕上げ用*/
/*	padding-top:4px; /* /* paddingが効かないので、spacer.gifでトップの空きを挿入した */
}

/* メイン区 > ミドル域 > ライトメイン部（元センター部）> トピックス */
#topics {
	width:500px;
	float:left;
	padding: 6px 6px 0 9px;
/*	border: 2px solid #ccc; */
}

#topics h2 {
	margin:0;    /* slick( '#carouselwaku h2' の影響か) */
	font-size:13px;
	font-weight:bold;
	color:#666;
	font-family:'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif;
	background-color: #c2d0f9;
	height:19px;
	width:506px;
	padding:6px 0 0 9px;
}
#topics h3 {
	display:inline;
	font-size:11px;
	font-weight:bold;
	font-family:'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif;
}
.topicsdiv {
	height: 2px;
	border-top:1px solid #aaa;
	margin: 0 5px 10px 35px;
}
#topics ul  {
	margin: 6px 18px 8px 36px;
/*for_tbkyoz	margin: 6px 18px 8px 36px; */
	line-height: 1.4;
	font-size:11px;
	list-style-image: url(../img/topics_li_disc.gif) ;
	 width:458px;
}
#topics ul li {
	text-indent: -13px;
	margin-bottom:2px;
}
#topics ul li p {
	display:inline;
}
.kakko {
	text-indent:-0.5em;    /* 行が括弧類で始まる場合 */
}
.li_no_kakko {
	margin-left:26px;
}
.tnew {
	vertical-align: top;
	font-size: 8px;
	font-weight:bold;
	font-family:'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif;
	color: #1E90FF;
}
.wday {
	font-size:10px;
}

/* メイン区 > ミドル域 > ライトサイド部 */
#rside {
	float:right;
/*	margin-left:5px; */
	width:233px;
/*	background-color:#fff;  【制作用】 */
	height: 408px;    /* 左のメニューの高さ（404px）に合わせるが、枠と内罫の間にスペースがあるので微調整 */
	margin-bottom:9px;
}

#regularbn ul li{
	padding-top:6px;
/*	margin-bottom: 2px; */ /* 標準 */
 	margin-bottom: 0;
	text-align:right;
	margin-right:8px;
}

#regularbn ul li#yomuzoubn {
/*	margin-bottom: 4px; */ /* 標準 */
 	margin-bottom: 0;
}

p.rgbn_caption {
	margin-top:4px;
	font-size:10px; /* このサイズより小さく指定ても Chrome での表示は変わらない */
	text-align:center;
	font-weight:bold;
	text-indent:0.25em;
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	line-height:1.2;
}


/*****/

/* メイン区 > アンダー域 */
#under {
/*	background-color: #FFF;*/   /*191970【制作用】 */
	clear:both;
	padding-top:6px;  /* 区の天スペース */
	margin-top:2px;
}

/* to def.css */
#guide a:link { color:#333;}
/*#guide a:visited {color:#09f; text-decoration:none;}*/
#guide a:hover, a:visited:hover {color:#09f; text-decoration:underline;} 
/* end_of_'to def.css' */

#guide {
	background-color: #d1dff9;
	float:left;
	width: 736px;  /* 747px -3px（わからん誤差）*/
	height: auto;
	margin-top:2px;    /* ブラウザによってはトピックスの天地が短いとアンダー域（特に特殊バナー部）との間隔がなくなるため*/
}
#guidebar {
	width:730px;
	height:17px;
	background-color: #4169E1;
	padding: 3px 0 0 6px;
	margin-bottom:4px;
}
#guidebar h2 {
	margin:0;
	font-size:12px;
	font-weight:bold;
	color:#fff;
	font-family:'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif;
}
#guide h3 {
	margin-top: 6px;
	margin-left: 7px;
	font-size:12px;
	font-family:'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif;
	font-weight:bold;
}
#guide ul  {
	margin: 4px 20px 10px 20px;
	line-height: 1.4;
	font-size:12px;
	list-style-type: disc;
	font-family:'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif;
}
#guide ul li {
	margin-left:20px;
}


#guide_left {
	float:left;
	width:286px;
}
#guide_center {
	float:left;
	width:216px;
	margin-top:12px;
}
#guide_right {
	float:left;
	width:226px;
}

.guide_kakko {
	font-size:85%;
}

#comguide {
	border-bottom:1px solid #aaa;
	padding-bottom:7px;
}

#specialbn {
	float:right;
	width:230px;
	margin-top:2px;
}
#specialbn ul {
	margin-left:7px;
	text-align:center;
	font-size:12px;
	line-height: 1.1;
}
#specialbn ul li {
	margin-bottom: 3px;
}
#specialbn table {
	margin-left:10px;
}

/*********************************************************************/

/* フッター区 */
#footer {
	clear:both;
	padding-top:6px;  /* 区の天スペース */
	padding-bottom:4px;  /* 0px for SEO_link */
}
/*#footer p {
	margin-left:2px;
	margin-bottom:2px;
}*/
#copyright {
	margin-left:2px;
	margin-bottom:2px;
}
#trademark {
	font-size:9px;
	margin-top:5px;
	margin-left:17px;
	text-indent:-1em;
}

/*********************************************************************/
/* none_display */
h2#seiban { font-size:11px; margin:0 0 0 7px; }
#seiban a,a[name]:hover{color:#fff; text-decoration:none;}
#seiban a:link {color:#fff; text-decoration:none;}
#seiban a:visited {color:#fff; text-decoration:none;}
#seiban a:hover, a:visited:hover {color:#fff; text-decoration:underline;}