@charset "utf-8";
/* CSS Document */
/*
Theme Name: 通産資料出版会
Theme URI: http://bizca.jp
Description: 環境・省エネルギーに役立つ書籍
Version: 1.6
Author: e-ecobooks.com
Author URI: http://e-ecobooks.com/
*/

/* コンテンツ */
body {
	background-color: #3c9dd4;
	margin:0;
	padding:0;
	text-align:center;
	font-family: "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
}
#wrap {
background-color: #FFFFFF;
text-align:center;
width:850px;
height: auto;
margin: 10px auto;
padding: 0;
}
#container {
width:830px;
height: auto;
text-align:center;
background-color:#FFFFFF;
margin: 10px 10px;
padding: 0;
}
/*ヘッダー*/
#header {
width: 828px;
height: 94px;
text-align: center;
margin: 0;
padding: 0;
}
#h01 {
width:828px;
height: 16px;
text-align:left;
margin: 0;
padding: 0;
}
#h01 p{
font-size: 10px;
line-height: 1.5;
margin: 0;
padding: 0;
}
#h02 {
width:828px;
height: 42px;
text-align:left;
/*border:solid 1px;*/
margin: 0;
padding: 0;
}
#h02 img {
margin: 2px 0;
padding: 0;
}
#h03 {
	float: left;
	width:65px;
	height: 28px;
	text-align:left;
	display:block;
	background:url(images/menu_bg.gif) no-repeat;
	margin: 0;
	padding: 0;
}
#h04 {
	float: left;
	width: 77px;
	height: 28px;
	text-align:left;
	display:block;
	background:url(images/menu_bg.gif) no-repeat;
	margin: 0;
	padding: 0;
}
#headmenu {
width: 828px;
margin:0;
padding: 0;
height: 28px;
}

#headmenu ul,#headmenu li {
margin: 0;
padding: 0;
list-style: none;
}
#headmenu li {
	float: left;
	font: bold 14px/28px "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
}
#headmenu li a{
	display:block;
	background:url(images/menu_bg.gif) no-repeat;
	width: 137px;
	height: 28px;
	text-decoration:none;
	color: #ffffff;
	margin: 0;
	padding: 0;
}
#headmenu li a:hover {
display:block;
background:url(images/h_menu_on.gif);
background-repeat:no-repeat;
width: 137px;
height: 28px;
text-decoration:none;
color: #333333;
margin: 0;
padding: 0;
}
/* 左メニュー */
#leftmenu {
width: 200px;
height: auto;
float: left;
margin: 0;
padding: 0;
}
#leftmenu02 {
width: 200px;
height: auto;
margin: 30px 0;
padding: 0; 
}
#leftmenutop {
background-image: url(images/suisenblue.gif);
width: 198px;
height: 28px;
background-repeat: no-repeat;
margin: 0 0 4px 0;
padding: 0;
}
#leftmenutop p {
color: #FFFFFF;
font-size: 14px;
line-height: 28px;
margin: 0;
padding: 0;
}
.leftsuisen {
background-color: #F2F2F2;
width: 200px;
height: 128px;
margin: 6px 0 0 0;
padding: 0;
}
.leftsuisen img {
width: 50px;
height: 70px;
margin: 0 74px;
padding: 0;
border: none;
}
.leftsuisen p {
color: #31378b;
font-size: 12px;
line-height: 1.4;
text-align: center;
margin: 4px 0;
padding: 0;
}
.leftsuisen a {
color: #31378b;
text-decoration: none; 
}
.leftsuisen a:hover {
color: #31378b;
text-decoration: underline; 
}
#sidebar {
background-color: #3c9dd4;
width:200px;
height: auto;
margin: 0;
padding: 0;
}
#sidebar_migi {
background-color: #3c9dd4;
width:181px;
height: auto;
margin: 0;
padding: 10px 8px;
}
#sidebar_c {
background-color: #3c9dd4;
width:200px;
height: auto;
margin: 0;
padding: 0;
}
#sidebar ul,#sidebar li {
margin: 0;
padding: 0;
list-style: none;
}
#sidebar img {
margin: 10px 15px 10px 15px;
padding: 0;
text-align: center;
}
.side01{
	width: 181px;
	height: 42px;
	margin: 0;
	padding: 0;
}
.side01 li a {
	display:block;
	background:url(images/side01.gif);
	background-repeat:no-repeat;
	text-decoration:none;
	color: #ffffff;
	margin: 0;
	padding: 0;
	font-size: 14px;
	line-height: 42px;
	letter-spacing: 5px;
}
.side01 li a:hover {
display:block;
background:url(images/side01_h.gif);
background-repeat:no-repeat;
text-decoration:none;
color: #333333;
margin: 0;
padding: 0;
font-size: 14px;
line-height: 42px;
}
.side02 {
width: 157px;
height: 21px;
margin: 2px 0 0 24px;
padding: 0;
}
.side02 li a {
	display:block;
	background:url(images/side02.gif);
	background-repeat:no-repeat;
	text-decoration:none;
	color: #ffffff;
	margin: 0;
	font-size: 14px;
	line-height: 21px;
	text-align: left;
	padding-top: 0;
	padding-right: 0;
	padding-bottom: 0;
	text-indent: 20px;
	letter-spacing: 2px;
}
.side02 li a:hover {
display:block;
background:url(images/side02_h.gif);
background-repeat:no-repeat;
text-decoration:none;
color: #333333;
margin: 0;
padding: 0;
font-size: 14px;
line-height: 21px;
}
.side03 {
width: 134px;
height: 21px;
margin: 2px 0 0 47px;
padding: 0;
}
.side03 li a {
	display:block;
	background:url(images/side03.gif);
	background-repeat:no-repeat;
	text-decoration:none;
	color: #ffffff;
	margin: 0;
	padding: 0;
	font-size: 12px;
	line-height: 21px;
	text-align: left;
	text-indent: 10px;
}
.side03 li a:hover {
display:block;
background:url(images/side03_h.gif);
background-repeat:no-repeat;
text-decoration:none;
color: #333333;
margin: 0;
padding: 0;
font-size: 12px;
line-height: 21px;
}
.side04 {
width: 181px;
height: 42px;
margin: 2px 0 0 0;
padding: 0;
}
.side04 li a {
	display:block;
	background:url(images/side04.gif);
	background-repeat:no-repeat;
	text-decoration:none;
	color: #ffffff;
	margin: 0;
	padding: 0;
	font-size: 14px;
	line-height: 42px;
	letter-spacing: 5px;
}
.side04 li a:hover {
display:block;
background:url(images/side01_h.gif);
background-repeat:no-repeat;
text-decoration:none;
color: #333333;
margin: 0;
padding: 0;
font-size: 14px;
line-height: 42px;
}
.side05 {
width: 158px;
height: 21px;
margin: 2px 0 0 23px;
padding: 0;
}
.side05 li a {
	display:block;
	background:url(images/side05.gif);
	background-repeat:no-repeat;
	text-decoration:none;
	color: #ffffff;
	margin: 0;
	padding: 0;
	font-size: 14px;
	line-height: 21px;
	text-align: left;
	text-indent: 20px;
	letter-spacing: 5px;
}
.side05 li a:hover {
display:block;
background:url(images/side02_h.gif);
background-repeat:no-repeat;
text-decoration:none;
color: #333333;
margin: 0;
padding: 0;
font-size: 14px;
line-height: 21px;
}
.side06 {
width: 181px;
height: 21px;
margin: 2px 0 0 0;
padding: 0;
}
.side06 li a {
	display:block;
	background:url(images/side06.gif);
	background-repeat:no-repeat;
	text-decoration:none;
	color: #ffffff;
	margin: 0;
	padding: 0;
	font-size: 14px;
	line-height: 21px;
	letter-spacing: 5px;
	text-align: left;
	text-indent: 20px;
}
.side06 li a:hover {
display:block;
background:url(images/side06_h.gif);
background-repeat:no-repeat;
text-decoration:none;
color: #333333;
margin: 0;
padding: 0;
font-size: 14px;
line-height: 21px;
}
.side_mail {
width: 181px;
height: 42px;
margin: 2px 0 0 0;
padding: 0;
}
.side_mail li a {
display:block;
background:url(images/side_mail.gif);
background-repeat:no-repeat;
text-decoration:none;
color: #ffffff;
margin: 0;
padding: 0;
font-size: 14px;
line-height: 42px;
text-indent: 10px;
}
.side_mail li a:hover {
display:block;
background:url(images/side_mail_h.gif);
background-repeat:no-repeat;
text-decoration:none;
color: #333333;
margin: 0;
padding: 0;
font-size: 14px;
line-height: 42px;
}
.side_kago {
width: 181px;
height: 42px;
margin: 2px 0 0 0;
padding: 0;
}
.side_kago li a {
display:block;
background:url(images/side_kago.gif);
background-repeat:no-repeat;
text-decoration:none;
color: #ffffff;
margin:0;
padding: 0;
font-size: 14px;
line-height: 42px;
text-indent: 10px;
}
.side_kago li a:hover {
display:block;
background:url(images/side_kago_h.gif);
background-repeat:no-repeat;
text-decoration:none;
color: #333333;
margin: 0;
padding: 0;
font-size: 14px;
line-height: 42px;
}
/* メインメニュー */
#main {
width:610px;
height: auto;
margin: 0;
padding: 0;
float: right;
text-align: left;
}
/* 通販法に基づく表記　等 */
.mainlink {
width: 610px;
height: 14px;
margin: 0;
padding: 0;
}
.mainlink h5{
font-size: 12px;
margin: 0;
padding: 0;
}
.mainlink a{
color: #000000;
text-decoration: none;
}
.mainlink a:hover {
color: #000000;
text-decoration: underline;
}
#maing {
background-image: url(images/top600.jpg);
background-repeat: no-repeat;
width: 608px;
height: 114px;
margin: 8px 0 6px 0;
padding: 0;
text-align: center;
}
/* 記事表示部分 */
.maintop01 {
width: 608px;
height: auto;
border: #0066FF solid 1px;
margin: 0;
padding: 10px 0;
text-align: left;
}
.maintop01 ul {
margin: 10px 0 0 0;
padding: 0;
}
.maintop01 li {
color: #000066;
font-size: 12px;
line-height: 1.4;
list-style: inside;
text-indent: 10px
}
.maintop01 a {
color: #000066;
text-decoration: none;
}
.maintop01 a:hover {
color: #000066;
text-decoration: underline;
}
.maintop01 h2,.maintop02 h2 {
color: #FFFFFF;
background-image: url(images/toppage_h2.gif);
background-repeat: no-repeat;
width: 600px;
height: 26px;
margin: 0 0 0 5px;
padding: 0;
font-size: 14px;
line-height: 26px;
text-indent: 30px;
}
/* 記事表示部分　トップページ */
.topp {
background-color: #D4DEE0;
width: 610px;
height: auto;
margin: 10px 0 0 0;
padding: 10px 0 0 0;
text-align: left;
}
.topp h2 {
color: #FFFFFF;
background-image: url(images/toppage_h2.gif);
background-repeat: no-repeat;
width: 600px;
height: 26px;
margin: 0 0 0 5px;
padding: 0;
font-size: 14px;
line-height: 26px;
text-indent: 30px;
}
.maintop02 {
width: 610px;
height: auto;
background-color: #D4DEE0;
margin: 0 0 10px 0;
padding: 10px 0;
text-align: left;
}
.maintop02 p,.maintop03 p{
font-size: 12px;
line-height: 1.4;
margin: 0;
padding: 0;
text-align: left;
}
.maintop02 a,.maintop03 a {
color: #31378b;
text-decoration: none;
}
.maintop02 a:hover,.maintop03 a:hover {
color: #31378b;
text-decoration: underline;
}
.maintop02 table,.maintop03 table {
width: 570px;
height: auto;
margin: 0 0 0 10px;
padding: 0;
}
.maintop02 td,.maintop03 td{
text-align: left;
margin: 0;
padding: 0 0 0 6px;
border: 0;
font-size: 12px;
}
.maintop02 img,.maintop03 img {
border: none;
}
.maintopexe {
width: 500px;
height: 30px;
background-color: #D4DEE0;
margin: 10px 0 0 30px;
padding: 0;
text-align: left;
}
.maintopexe03 {
width: 500px;
height: 30px;
background-color: #F2F2F2;
margin: 10px 0 0 30px;
padding: 0;
text-align: left;
}
.kon {
color: #000066;
margin: 0;
padding: 0;
text-align: left;
}
.aka {
color: #FF0000;
margin: 0;
padding: 0;
text-align: left;
}
.book {
width: 70px;
height: auto;
margin: 10px 0 0 0;
padding: 0;
border: none;
}
.maintop03 {
width: 610px;
height: auto;
background-color: #F2F2F2;
margin: 10px 0;
padding: 10px 0;
text-align: left;
}

 /*投稿ページ*/
#mainsigle01 h4{
	background-image: url(images/syoseki_pin.gif);
	width: 598px;
	height: 32px;
	background-repeat: no-repeat;
	margin: 0;
	padding: 0;
	font-size: 14px;
	line-height: 32px;
	text-align: center;
}
#mainsigle01 h3{
background-color: #BCE2E9;
width: 442px;
height: 47px;
margin: 0;
padding: 0;
font-size: 14px;
line-height: 47px;
text-indent: 30px;
}
#mainsigle01 h5{
background-image: url(images/nabi01.gif);
background-repeat: no-repeat;
width: 600px;
height: 34px;
margin: 0 0 30px 6px;
padding: 0;
font-size: 14px;
line-height: 34px;
text-align: center;
}
.mainshosaileft {
width: 136px;
height: 198px;
float: left;
margin: 20px 0 0 0;
padding: 0;
}
.mainshosaileft img {
text-align: center;
width: 120px;
height: auto;
margin: 0 0 0 10px;
padding: 0;
}
.mainshosairight {
width: 444px;
height: auto;
float: left;
margin: 20px 0 0 0 ;
padding: 0;
}
#c {
width: 598px;
height: 2px;
margin: 0;
padding: 0;
clear: both;
}
.shoseki {
width: 598px;
height: auto;
border: #CCCCCC solid 1px;
margin: 10px 0 10px 5px ;
padding: 0;
clear: both;
}
.shosekipointprint {
width: 60px;
height: 30px;
margin: 0;
padding: 0 0 0 16px;
float: left;
}
.shosekipointleft {
width: 150px;
height: 30px;
margin: 0;
padding: 0;
float: left;
}
.shosekipointright {
width: 330px;
height: 30px;
margin: 0;
padding: 0;
float: left;
text-align: right;
}
.shosekipointprint img {
border: none ;
margin: 0;
padding: 0;
}
.shosekipointright img {
border: none ;
margin: 0;
padding: 0;
}
.shosekipointleft img {
border: none ;
margin: 0;
padding: 0;
}
.shoseki h4 {
	background-image: url(images/syoseki_pin.gif);
	width: 598px;
	height: 32px;
	margin: 0 0 0 5px;
	padding: 0;
	font-size: 14px;
	line-height: 32px;
	text-align: center
}
.shosekinaka {
width: 582px;
height: auto;
font-size: 12px;
line-height: 1.4;
margin: 0;
padding: 8px 0 8px 12px;
}
.mainshosaimeta {
width: 444px;
height: auto;
margin: 0;
padding: 0;
}
.mainshosaimeta table{
width: 440px;
height: auto;
margin: 10px 0;
padding: 0;
}
.mainshosaimeta td{
text-align: left;
margin: 0;
padding: 0;
border: 0;
font-size: 12px;
line-height: 1.4;
}

 /*シングルページ、各ページ*/
#mainsigle01 {
width: 610px;
height: auto;
margin: 0;
padding: 10px 0;
text-align: left;
}
#mainsigle01 h2{
background-image: url(images/shuppan_syosai.gif);
width: 600px;
height: 34px;
background-repeat: no-repeat;
margin: 0 0 10px 5px;
padding: 0;
font-size: 14px;
line-height: 34px;
text-indent: 30px;
}
#mainsigle02 {
width: 610px;
height: auto;
margin: 0;
padding: 10px 0;
text-align: left;
}
#mainsigle02 h2{
background-image: url(images/suisen_syosai.gif);
width: 600px;
height: 34px;
background-repeat: no-repeat;
margin: 0 0 10px 5px;
padding: 0;
font-size: 14px;
line-height: 34px;
text-indent: 30px;
}
#mainsigle02 h4{
background-image: url(images/syoseki_pin.gif);
width: 598px;
height: 32px;
background-repeat: no-repeat;
margin: 0 0 0 5px;
padding: 0;
font-size: 14px;
line-height: 32px;
text-indent: 30px;
}
/*一覧表ボックス*/
.ichiran01 {
width: 580px;
height: auto;
border: solid 1px #666666;
margin: 0 0 6px 6px;
padding: 6px 0;
text-align: left;
}
.ichiran01 img {
width: 66px;
height: auto;
margin: 0;
padding: 0;
border: none;
text-align: center;
}
.ichiran01 p {
font-size: 12px;
line-height: 1.4;
margin: 0;
padding: 0;
}
.ichiran01 table{
width: 570px;
height: auto;
}
.ichiran01 td{
text-align: left;
margin: 0;
padding: 0 2px;
border: 0;
font-size: 12px;
line-height: 1.4;
}
.ichirankon {
color: #31378b;
margin: 0;
padding: 0;
text-align: left;
font-size: 12px;
line-height: 1.4;
}
.ichirankon a {
color: #31378b;
margin: 0;
padding: 0;
text-align: left;
font-size: 12px;
line-height: 1.4;
text-decoration: none;
}
.ichirankon a:hover {
color: #31378b;
text-decoration: underline;
}
.ichiranf01 {
margin: 0;
padding: 0;
text-align: left;
font-size: 12px;
line-height: 1.4;
}
/*推薦図書　カテゴリー別ページ*/
.nabi {
width: 262px;
height: auto;
margin: 30px 0 30px 10px;
padding: 0;
float: left;
}
#nabig {
background-image: url(images/suisen500.jpg);
background-repeat: no-repeat;
width: 500px;
height: 100px;
margin: 0 0 30px 50px;
padding: 0;
text-align: center;
}
.nabi h6 {
background-image: url(images/nabi02.gif);
background-repeat: no-repeat;
width: 262px;
height: 26px;
margin: 0 0 20px 0 ;
padding: 0;
font-size: 14px;
line-height: 26px;
text-align: center;
}
.nabi p {
color: #0099FF;
font-size: 12px;
margin: 0;
padding: 0;
line-height: 1.4;
text-indent: 20px;
}
.nabi a {
color: #0099FF;
font-size: 12px;
margin: 0;
padding: 0;
line-height: 1.4;
}
.nabi02 {
width: 262px;
height: auto;
margin: 30px 10px 30px 10px;
padding: 0;
clear: both;
}
.nabi02 h6 {
background-image: url(images/nabi02.gif);
background-repeat: no-repeat;
width: 262px;
height: 26px;
margin: 0 0 20px 0 ;
padding: 0;
font-size: 14px;
line-height: 26px;
text-align: center;
}
.nabi02 p {
color: #0099FF;
font-size: 12px;
margin: 0;
padding: 0;
line-height: 1.4;
text-indent: 20px;
}
.nabi02 a {
color: #0099FF;
font-size: 12px;
margin: 0;
padding: 0;
line-height: 1.4;
}
.catname p {
color: #000099;
font-size: 14px;
margin: 0;
padding: 0;
line-height: 22px;
}
.catname {
width: 600px ;
height: 22px ;
margin: 0;
padding: 0;
}
/*page.phpを使ったページボックス*/
#pagekon {
width: 580px;
height: auto;
margin: 0 0 6px 6px;
padding: 6px 0;
text-align: left;
}
#pagekon h3 {
border-left: 4px solid #00a0c6;
border-bottom: 3px double #00a0c6;
width: 560px;
margin: 0 0 20px 0;
padding: 0 0 2px 2px;
font-size: 14px; 
}
#pagekon h5 {
border-left: 4px solid #00a0c6;
border-bottom: 3px double #00a0c6;
width: 560px;
margin: 30px 0 20px 0;
padding: 0 0 2px 2px;
font-size: 14px; 
}
/*link.php*/
.link {
border-collapse: collapse;
border: 1px solid #00a0c6;
margin-bottom: 20px;
font-size: 12px;
margin: 0;
}
.link th,.link td {
padding: 6px;
border: 1px solid #00a0c6;
}
.link th,.link td {
width: 260px;
}
.link a	{
text-decoration: none;
color: #000000;
}
.link a:hover	{
color: #31378b;
text-decoration: underline;
}
.blink {
background-color: #88c0ff;
}

/*フッター*/
#footer {
	width:820px;
	margin: 0;
	padding: 0 0 10;
	clear: both;
	height: 40px;
}
address {
color: #000000;
font-style : normal;
font-size: 12px;
line-height:29px;
} 
.jump {
	font-size: 12px;
	color: #000000;
	text-align: right;
	padding-bottom: 5px;
	border-style: none;
}

.ddsg-wrapper {
	font-size: 12px;
	text-decoration: none;
}

.ddsg-wrapper a {
	font-size: 12px;
	border-style: none;
}
.side-box {
	background: #FFFFFF;
	width: 170px;
	margin-right: auto;
	margin-left: auto;
	font: 12px "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
	padding: 5px;
	margin-bottom: 5px;
}

#sidebar_c .side-box .map img {
	margin: 0px;
	padding: 0px;
}

.ddsg-wrapper li {
	text-decoration: none;
	list-style: none;
	padding: 5px;
	margin: 5px;
	width: 300px;
	color: #000000;
	border-bottom: 1px solid #D3E7EE;
	border-left: 5px solid #DBEFF6;
}

.ddsg-wrapper li a {
	text-decoration: none;
	padding: 5px;
	margin: 5px;
	color: #000000;
}
.ddsg-wrapper  a:hover  {
	color: #0033FF;
}
#pagekon td {
	font-size: 12px;
}
#pagekon th {
	font-size: 12px;
	background: #E8E9EE;
}
#sidebar .side_w {
	width: 175px;
	margin: 5px auto;
}
#sidebar .side_w .counter {
	background: #FFFFFF;
	border-top: #0066CC;
	border-right: #0066CC;
	border-bottom: #0066CC;
	border-left: #0066CC;
}
#sidebar .side_w .counter h3 {
}
