* {
 margin:0;
 padding:0;
}


/* body フォント、背景画像一括指定 */
body {
	font: 12px/1.2 "Osaka－等幅", "ＭＳ ゴシック", "MS Gothic" ;
	-webkit-text-size-adjust: 100%; 
	margin: 0;
	padding: 0;
	background-image: url(../image/backgrand/back1.gif);
}

form {
	margin: 0ex;
}

h2 {
	font-size: 12px;
	line-height: 2.2em;
	font-weight: normal;
}

hr {
	margin:0;
	padding:0;
}

img {
	border: none;
 }
 
img.books{ border: 1px #000 solid; }

/* li リンク仕様 一括指定 */

li a:link, li a:visited { /* 基本・訪問済 */
	color: blue;
	text-decoration: none;
}

li a:hover, li a:active, li a:focus { /* ポイント時・アクティブ・フォーカス */
	color: red;
}

/* li 三点リーダー 指定（トピックス・新製品・気になるニュース・セミナーイベント）*/
ul.topics li {
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
}

ul.newproduct li {
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
}

ul.YahooNews li {
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
}

ul.YahooNews_rss li {
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
}

ul.event li {
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
}

/* -------------------------------------------------------------------------------
 Google Feed API　不具合表示
--------------------------------------------------------------------------------*/
#api {
	text-align: center;    /* 中央寄せ */
	color: #919191;
	padding-top: 25px;
}

/* -------------------------------------------------------------------------------
 Google Feed API　代替表示（左）
--------------------------------------------------------------------------------*/
#feed_api li{
	overflow:hidden;
	text-overflow: ellipsis;
	-webkit-text-overflow: ellipsis; /* Safari */
	-o-text-overflow: ellipsis; /* Opera */
	white-space: nowrap;
	padding: 3px 0 5px 10px; /* 上、右、下、左 */
}


/* 不具合表示　スタイル付け */

ul.feed_apiindex {
	width: 528px;
	list-style: none outside;
	border-top:1px solid #ccc;                  /* 枠線仕様 上 */
	border-left: 1px solid #ccc;                /* 枠線仕様 左 */
	border-right: 1px solid #ccc;               /* 枠線仕様 右 */
	position:relative; /* #btn_kako */
}

ul.feed_apiindex li.index {
	height: 35px;
	background:url(../image/base/index_D18823.gif);
	padding: 0;
}

ul.feed_apiindex li#btn_tree { /* 不具合表示 */
	width : 130px;
	height : 35px;
	position : absolute;
	top : 0;
	left : 399px;
	padding: 0;
}

/* 不具合表示５行 */

ul.feed_api {
	width: 528px;
	height: 115px;/* 125px */
	overflow: auto;
	margin-bottom:20px;
	list-style: none outside;
	border-left: 1px solid #ccc;                /* 枠線仕様 左 */
	border-right: 1px solid #ccc;               /* 枠線仕様 右 */
	border-bottom:1px solid #ccc;               /* 枠線仕様 下 */
}


/* 不具合表示８行 */

ul.feed_api_8 {
	width: 528px;
	height: 180px;/* 125px */
	overflow: auto;
	margin-bottom:20px;
	list-style: none outside;
	border-left: 1px solid #ccc;                /* 枠線仕様 左 */
	border-right: 1px solid #ccc;               /* 枠線仕様 右 */
	border-bottom:1px solid #ccc;               /* 枠線仕様 下 */
}



/* -------------------------------------------------------------------------------
 Google Feed API　代替表示（気になるニュース 記事）
--------------------------------------------------------------------------------*/
/* 不具合表示　スタイル付け */

ul.feed_apiindex_yn {
	width: 443px;
	list-style: none outside;
	border-top:1px solid #ccc;                  /* 枠線仕様 上 */
	border-left: 1px solid #ccc;                /* 枠線仕様 左 */
	border-right: 1px solid #ccc;               /* 枠線仕様 右 */
	position:relative; /* #btn_kako */
}

ul.feed_apiindex_yn li.index {
	height: 35px;
	background:url(../image/base/index_YahooNews518FC3.gif);
	padding: 0;
}

ul.feed_api_yn {
	width: 443px;
	height: 197px;/* 125px */
	overflow: auto;
	margin-bottom:20px;
	list-style: none outside;
	border-left: 1px solid #ccc;                /* 枠線仕様 左 */
	border-right: 1px solid #ccc;               /* 枠線仕様 右 */
	border-bottom:1px solid #ccc;               /* 枠線仕様 下 */
}

/* -------------------------------------------------------------------------------
 wrapper　幅、中央寄せ、背景色・背景画像一括指定
--------------------------------------------------------------------------------*/
#wrapper {
	width: 990px;
	margin: 0 auto; /* 幅固定でセンタリング */
	padding-top: 0px;
	padding-left: 10px;
	padding-right: 10px;
	background-repeat: repeat-ｙ;
	background-color: #FFF;
}

/* -------------------------------------------------------------------------------
 ゼロ段目
--------------------------------------------------------------------------------*/
/* -------------------------------------------------------------------------------
 google 設定（※　Chrome,Firefox　不具合）
--------------------------------------------------------------------------------*/
#google {
	clear: both;
	width: 990px;
	height: 50px;                                 /* 縦幅 */
}

/* -------------------------------------------------------------------------------
 google_text ヘッダータイトル
--------------------------------------------------------------------------------*/
#google_text {
	float: left;                                   /* 左に配置 */
	width: 140px;                                  /* 横幅 */
	height: 28px;
	padding-top: 20px;
	margin-right: 20px;
	font-size: 12px;
	text-align: right;
}

/* -------------------------------------------------------------------------------
 google 検索窓範囲
--------------------------------------------------------------------------------*/
#google_cse_w {
	float: left;                                   /* 左に配置 */
	width: 300px;                                  /* 横幅 */
	height: 50px;                                  /* 縦幅 */
}

/* -------------------------------------------------------------------------------
 メルマガ登録 テキスト
--------------------------------------------------------------------------------*/
#melmaga_text {
	float: left;                                   /* 左に配置 */
	margin-left: 20px;
	width: 340px;                                  /* 横幅 */
	height: 28px;                                  /* 縦幅 */
	padding-top: 11px;
	color: green;
	text-align: right;
}

/* -------------------------------------------------------------------------------
 メルマガ登録ボタン
--------------------------------------------------------------------------------*/
#melmaga_b {
	float: right;                                   /* 左に配置 */
	width: 160px;                                  /* 横幅 */
	height: 45px;                                  /* 縦幅 */
	padding-top: 5px;
}



/* -------------------------------------------------------------------------------
 一段目
--------------------------------------------------------------------------------*/
/* -------------------------------------------------------------------------------
 kensaku 検索帯
--------------------------------------------------------------------------------*/
#obi {
	clear: both;
	width: 990px;
	height: 25px;                                  /* 縦幅 */
	padding-top: 1px;
	background-color: #1e5787;
	color: #FFF;
	font-size: 10px;
	position:relative; /* #link_melmaga */
}

#obi_narrow {
	clear: both;
	width: 990px;
	height: 3px;                                  /* 縦幅 */
	padding-top: 1px;
	background-color: #1e5787;
	font-size: 3px;
	position:relative; /* #link_melmaga */
}


#google_kensaku { /* 検索位置 */
	width : 400px;
	height : 18px;
	position : absolute;
	left : 200px;
	padding: 0;
	vertical-align: center;
}

#keywords1	{
	width: 160px;
	height: 16px;
	border: 1px solid #CCC;
	padding: 2px 2px 2px 2px;
}
#searchBtn1	{
	position: absolute;
	top : 2px;
	left: 275px;
}


#link_melmaga { /* 上部帯メールマガジン */
	height : 18px;
	position : absolute;
	top : 7px;
	right : 20px;
	padding: 0;
	vertical-align: center;
}

ul.link_melmaga {
	height: 10px;
	border-left: 1px solid #FFFFFF;
	display: inline;
}

ul.link_melmaga li {
	border-right: 1px solid #FFFFFF;
	display: inline;
	padding: 0 10px;

}

ul.link_melmaga a:link, ul.link_melmaga a:visited { /* 上部帯メールマガジン */
	color: #FFF;
}

/* -------------------------------------------------------------------------------
 二段目
--------------------------------------------------------------------------------*/
/* -------------------------------------------------------------------------------
 header ヘッダー
--------------------------------------------------------------------------------*/
#header {
	clear: both;
	width: 990px;
	height: 150px;                                 /* 縦幅 */
	margin-top: 5px;
}

/* -------------------------------------------------------------------------------
 header_title ヘッダータイトル
--------------------------------------------------------------------------------*/
#header_title {
	float: left;                                   /* 左に配置 */
	width: 210px;                                  /* 横幅 */
	height: 150px;
	margin-right: 20px;
	text-align: center;
	font-size: 10px;                            /* 中央寄せ */
}

/* -------------------------------------------------------------------------------
 header_pr 広告左
--------------------------------------------------------------------------------*/
#header_pr_l {
	float: left;                                   /* 左に配置 */
	width: 285px;                                  /* 横幅 */
	height: 150px;                                  /* 縦幅 */
}

ul.pr li.title {
	margin-top: 9px;
}

ul.pr li {
	margin: 0;
	padding: 0;
	list-style: none outside;
}

ul.pr li a.sponsor:link, ul.pr li a.sponsor:visited { /* 広告タイトル文 */
	font-size: 14px;
	line-height: 1.8em;
	color: #00c;
	background-color: #FFF;
	text-decoration: underline;
}

ul.pr li a.sponsor:hover, ul.pr li a.sponsor:active, ul.pr li a.sponsor:focus { /* 広告タイトル文 */
	color: red;
}

ul.pr li a.sponsorcomment:link, ul.pr li a.sponsorcomment:visited { /* 広告PR文 基本・訪問済 */
	font-size: 12px;
	line-height: 1.4em;
	color: #232323;
	text-decoration: none;
	background-color: #FFF;
}

ul.pr li a.sponsorcomment:hover, ul.pr li a.sponsorcomment:active, ul.pr li a.sponsorcomment:focus { /* 広告PR文 ポイント時・アクティブ・フォーカス */
	color: red;
	text-decoration: underline;
}

/* -------------------------------------------------------------------------------
 header_pr 広告右
--------------------------------------------------------------------------------*/
#header_pr_r {
	float: left;                                   /* 左に配置 */
	width: 285px;                                  /* 横幅 */
	height: 150px;                                  /* 縦幅 */
	margin-left: 10px;
}

/* -------------------------------------------------------------------------------
 header_newbooks 新刊
--------------------------------------------------------------------------------*/
#header_newbooks {
	float: right;
	width: 180px;
	height: 150px;
	text-align: center;                            /* 中央寄せ */
}

/* 新刊エリア */
p.newbooks_img {
	height: 90px;                                  /* 縦幅 */
	padding-top: 0px;
	text-align: center;
}

p.newbooks_link {
	height: 25px;                                   /* 縦幅 */
	padding-top: 10px;
	text-align: center;
}

p.newbooks_link a:link, p.newbooks_link a:visited {
	color: #006699;
	text-decoration: underline;
	font-weight: bold;
}

/* -------------------------------------------------------------------------------
 三段目
--------------------------------------------------------------------------------*/
/* -------------------------------------------------------------------------------
 container 幅、マージン一括指定（ contents topics affiliate ）※削除可能
--------------------------------------------------------------------------------*/
.container {
	clear: both;
	width: 990px;
}

/* -------------------------------------------------------------------------------
 左カラム:main　トピックス・会議室・雑談・メールマガジン・新製品・専門書店
--------------------------------------------------------------------------------*/
.main {
	margin-right: 15px;
	margin-top: 0px;
	margin-bottom: 20px;
	width: 530px;
	background-color: #FFFFFF;
	float: left;
}

/* トピックス　スタイル付け */

ul.topicsindex {
	width: 528px;
	list-style: none outside;
	border-top:1px solid #ccc;                  /* 枠線仕様 上 */
	border-left: 1px solid #ccc;                /* 枠線仕様 左 */
	border-right: 1px solid #ccc;               /* 枠線仕様 右 */
	position:relative; /* #btn_ichiran */
}

ul.topicsindex li.index {
	height: 35px;
	background:url(../image/base/index_base_406D99.gif);
	padding: 0;
}

ul.topicsindex li#btn_ichiran { /* トピックス一覧 */
	width : 100px;
	height : 35px;
	position : absolute;
	top : 0;
	left : 399px;
	padding: 0;
}


/* トピックス 記事 */

ul.topics {
	width: 528px;
	height: 172px;
	overflow: auto;
	margin-bottom:20px;
	list-style: none outside;
	border-left: 1px solid #ccc;                /* 枠線仕様 左 */
	border-right: 1px solid #ccc;               /* 枠線仕様 右 */
	border-bottom:1px solid #ccc;               /* 枠線仕様 下 */
}

ul.topics::-webkit-scrollbar { 
  background:#ccc; 
  width:10px; /* iPad対応 スクロール */
} 

ul.topics::-webkit-scrollbar-thumb {
  background:#666; /* iPad対応 スクロール */
}

ul.topics li {
	padding: 5px 0px 5px 5px; /* 上、右、下、左 */
	color: #a52a2a;
}

ul.topics li span{
	color: #000;
	font-size: 10px;
}

ul.topics li a:link, ul.topics li a:visited { /* 基本・訪問済 */
	color: #00c;
	text-decoration: none;
}
ul.topics li a:hover, ul.topics li a:active, ul.topics li a:focus { /* ポイント時・アクティブ・フォーカス */
	color: red;
	text-decoration: underline;
}

/* 会議室　スタイル付け */

ul.kaigishitsu {
	width: 528px;
	height : 170px;
	padding-bottom:10px;
	margin-bottom:20px;	
	list-style: none outside;
	border:1px solid #ccc;
	position:relative; /* #btn_tree #btn_title 関連 */
}

ul.kaigishitsu li.index {
	height: 35px;
	background:url(../image/base/index_kaigishitsuD18823.gif);
	padding: 0;
}

ul.kaigishitsu li.btn_title { /* 会議室タイトル */
	width : 140px;
	height : 35px;
	position : absolute;
	top : 0;
	left : 0px;
	padding: 0;
}

ul.kaigishitsu li.btn_tree { /* 会議室ツリー */
	width : 130px;
	height : 35px;
	position : absolute;
	top : 0;
	left : 399px;
	padding: 0;
}

ul.kaigishitsu li {
	padding: 2px 5px 2px 5px; /* 上、右、下、左 */
}

#feed1 li, #feed2 li, #feed3 li, #feed4 li{
	overflow:hidden;
	text-overflow: ellipsis;
	-webkit-text-overflow: ellipsis; /* Safari */
	-o-text-overflow: ellipsis; /* Opera */
	white-space: nowrap;
}

#feed1a li, #feed2a li, #feed3a li{
	overflow:hidden;
	text-overflow: ellipsis;
	-webkit-text-overflow: ellipsis; /* Safari */
	-o-text-overflow: ellipsis; /* Opera */
	white-space: nowrap;
}

/* 雑談コーナー　スタイル付け */

ul.zatsudan {
	width: 528px;
	height : 130px;
	padding-bottom:10px;
	margin-bottom:20px;	
	list-style: none outside;
	border:1px solid #ccc;
	position:relative; /* #btn_tree #btn_title 関連 */
}

ul.zatsudan li.index {
	height: 35px;
	background:url(../image/base/index_zatsudanD18823.gif);
	padding: 0;
}

ul.zatsudan li.btn_title { /* 雑談タイトル */
	width : 140px;
	height : 35px;
	position : absolute;
	top : 0;
	left : 0px;
	padding: 0;
}

ul.zatsudan li.btn_tree { /* 雑談ツリー */
	width : 130px;
	height : 35px;
	position : absolute;
	top : 0;
	left : 399px;
	padding: 0;
}

ul.zatsudan li {
	padding: 2px 5px 2px 5px; /* 上、右、下、左 */
}

/* メルマガ_l　スタイル付け */

ul.melmaga_l {
	width: 528px;
	padding-bottom:10px;
	margin-bottom:20px;	
	list-style: none outside;
	border:1px solid #ccc;
}

ul.melmaga_l li {
	padding: 5px 10px 5px 10px; /* 上、右、下、左 */
	color: #000;
	font-size: 12px;
}

ul.melmaga_l li.index {
	height: 35px;
	background:url(../image/base/index_base_518FC3.gif);
	padding: 0;
}

ul.melmaga_l li.form {
	font-size: 10px;
}


/* リンクユニット530　スタイル付け */

ul.linkunit530 {
	width: 528px;
	padding-bottom:10px;
	margin-bottom:20px;		
	list-style: none outside;
	border:1px solid #ccc;
}

ul.linkunit530 li {
	padding: 5px 10px 5px 10px; /* 上、右、下、左 */
}

ul.linkunit530 li.index {
	height: 35px;
	background:url(../image/base/index_linkunit99cc33.gif);
	padding: 0;
}

/* 新製品ニュース　スタイル付け */

ul.newproductindex {
	width: 528px;
	list-style: none outside;
	border-top:1px solid #ccc;                  /* 枠線仕様 上 */
	border-left: 1px solid #ccc;                /* 枠線仕様 左 */
	border-right: 1px solid #ccc;               /* 枠線仕様 右 */
	position:relative; /* #btn_kako */
}

ul.newproductindex li.index {
	height: 35px;
	background:url(../image/base/index_base_406D99.gif);
	padding: 0;
}

ul.newproductindex li#btn_kako { /* 新製品ニュース 過去ニュース */
	width : 100px;
	height : 35px;
	position : absolute;
	top : 0;
	left : 399px;
	padding: 0;
}

/* 新製品ニュース 記事 */

ul.newproduct {
	width: 528px;
	height: 170px;/* 125px */
	overflow: auto;
	margin-bottom:20px;
	list-style: none outside;
	border-left: 1px solid #ccc;                /* 枠線仕様 左 */
	border-right: 1px solid #ccc;               /* 枠線仕様 右 */
	border-bottom:1px solid #ccc;               /* 枠線仕様 下 */
}

ul.newproduct::-webkit-scrollbar { 
  background:#ccc; 
  width:10px; /* iPad対応 スクロール */
} 

ul.newproduct::-webkit-scrollbar-thumb {
  background:#666; /* iPad対応 スクロール */
}

ul.newproduct li {
	padding: 5px 0 5px 5px; /* 上、右、下、左 */
	color: #a52a2a;
}

ul.newproduct li span{
	color: #000;
	font-size: 10px;
}

ul.newproduct li a:link, ul.newproduct li a:visited { /* 基本・訪問済 */
	color: #00c;
	text-decoration: none;
}
ul.newproduct li a:hover, ul.newproduct li a:active, ul.newproduct li a:focus { /* ポイント時・アクティブ・フォーカス */
	color: red;
	text-decoration: underline;
}

/* 業界誌　スタイル付け（左カラム） */

ul.trademagazine_l  {
	width: 528px;
	padding-bottom:10px;
	margin-bottom:20px;	
	list-style: none outside;
	border:1px solid #ccc;
}

ul.trademagazine_l li {
	padding: 10px 10px 10px 10px; /* 上、右、下、左 */
}

ul.trademagazine_l li.index {
	height: 35px;
	background:url(../image/base/index_base_518FC3.gif);
	padding: 0;
}

/* 専門書店　スタイル付け（未使用） */

ul.senmonshoten {
	width: 528px;
	padding-bottom:10px;
	margin-bottom:20px;	
	list-style: none outside;
	border:1px solid #ccc;
	position:relative; /* #btn_tree #btn_title 関連 */
}

ul.senmonshoten li {
	padding: 5px 10px 5px 10px; /* 上、右、下、左 */
	color: #a52a2a;
	font-size: 14px;
}

ul.senmonshoten li.index {
	height: 35px;
	background:url(../image/base/index_shotenD15723.gif);
	padding: 0;
}

ul.senmonshoten li.btn_title { /* 専門書店タイトル */
	width : 140px;
	height : 35px;
	position : absolute;
	top : 0;
	left : 0px;
	padding: 0;
}

ul.senmonshoten li.btn_tree { /* 専門書店ツリー */
	width : 130px;
	height : 35px;
	position : absolute;
	top : 0;
	left : 399px;
	padding: 0;
}
/* ここまで（未使用） */

/* -------------------------------------------------------------------------------
 右カラム：right　気になるニュース・求人・コンテンツ・業界紙
--------------------------------------------------------------------------------*/
.right {
	margin-left: 0px;
	margin-right: 0px;
	margin-top: 0px;
	margin-bottom: 20px;
	width: 445px;
	background-color: #FFFFFF;
	float: left;
}

/* 気になるニュース　スタイル付け */

ul.YahooNewsindex {
	width: 443px;
	list-style: none outside;
	border-top:1px solid #ccc;                  /* 枠線仕様 上 */
	border-left: 1px solid #ccc;                /* 枠線仕様 左 */
	border-right: 1px solid #ccc;               /* 枠線仕様 右 */
}

ul.YahooNewsindex li.index {
	height: 35px;
	background:url(../image/base/index_YahooNews518FC3.gif);
	padding: 0;
}


/* 気になるニュース 記事 */

ul.YahooNews {
	width: 443px;
	height: 252px;                /* 172px 252px */
	overflow: auto;
	margin-bottom:20px;
	list-style: none outside;
	border-left: 1px solid #ccc;                /* 枠線仕様 左 */
	border-right: 1px solid #ccc;               /* 枠線仕様 右 */
	border-bottom:1px solid #ccc;               /* 枠線仕様 下 */
}

ul.YahooNews::-webkit-scrollbar { 
  background:#ccc; 
  width:10px; /* iPad対応 スクロール */
} 

ul.YahooNews::-webkit-scrollbar-thumb {
  background:#666; /* iPad対応 スクロール */
}

ul.YahooNews li {
	padding: 5px 0 5px 5px; /* 上、右、下、左 */
}

ul.YahooNews li span{
	font-size: 10px;
}

ul.YahooNews li a:link {
	text-decoration: none;
}

ul.YahooNews li a:hover, ul.YahooNews li a:active, ul.YahooNews li a:focus { /* ポイント時・アクティブ・フォーカス */
	text-decoration: underline;
}

ul.YahooNews li a:visited { /* 気になるニュース 訪問後*/
	color: #800080;
	text-decoration: underline;
}

/* 気になるニュース 記事 RSS要 */

ul.YahooNews_rss {
	width: 443px;
	height: 197px;
	overflow: auto;
	margin-bottom:20px;
	list-style: none outside;
	border-left: 1px solid #ccc;                /* 枠線仕様 左 */
	border-right: 1px solid #ccc;               /* 枠線仕様 右 */
	border-bottom:1px solid #ccc;               /* 枠線仕様 下 */
}

ul.YahooNews_rss li {
	padding: 3px 0 7px 3px; /* 上、右、下、左 */
}

ul.YahooNews_rss li span{
	font-size: 10px;
}

ul.YahooNews_rss li a:link {
	text-decoration: none;
}

ul.YahooNews li a:hover, ul.YahooNews li a:active, ul.YahooNews li a:focus { /* ポイント時・アクティブ・フォーカス */
	text-decoration: underline;
}

ul.YahooNews_rss li a:visited { /* 気になるニュース 訪問後*/
	color: #800080;
	text-decoration: underline;
}

/* 求人　スタイル付け */

ul.kyujin {
	width: 443px;
	padding-bottom:10px;
	margin-bottom:20px;
	list-style: none outside;
	border:1px solid #ccc;
	position:relative; /* #btn_kyujin_moushikomi  関連 */
}

ul.kyujin li.index {
	height: 35px;
	background:url(../image/base/index_base_8CBB42.gif);
	padding: 0;
}

ul.kyujin li#btn_kyujin_moushikomi { /* 掲載の申し込み */
	width : 100px;
	height : 35px;
	position : absolute;
	top : 0;
	left : 323px;
	padding: 0;
}

/* コンテンツ　スタイル付け */

ul.contents {
	width: 528px;
	padding-bottom:10px;
	margin-bottom:20px;	
	list-style: none outside;
	border:1px solid #ccc;
}

ul.contents li {
	padding: 5px 10px 5px 10px; /* 上、右、下、左 */
	color: #a52a2a;
	font-size: 14px;
}

ul.contents li.index {
	height: 35px;
	background:url(../image/base/index_base_406D99.gif);
	padding: 0;
}

/* 業界誌　スタイル付け */

ul.trademagazine  {
	width: 443px;
	padding-bottom:10px;
	margin-bottom:20px;	
	list-style: none outside;
	border:1px solid #ccc;
}

ul.trademagazine li {
	padding: 10px 10px 10px 10px; /* 上、右、下、左 */
}

ul.trademagazine li.index {
	height: 35px;
	background:url(../image/base/index_base_518FC3.gif);
	padding: 0;
}

/* 専門書店（右カラム）　スタイル付け */

ul.senmonshoten_r {
	width: 443px;
	padding-bottom:10px;
	margin-bottom:20px;	
	list-style: none outside;
	border:1px solid #ccc;
	position:relative; /* #btn_tree #btn_title 関連 */
}

ul.senmonshoten_r li {
	padding: 5px 10px 5px 10px; /* 上、右、下、左 */
	color: #a52a2a;
	font-size: 14px;
}

ul.senmonshoten_r li.index {
	height: 35px;
	background:url(../image/base/index_shotenD15723.gif);
	padding: 0;
}

ul.senmonshoten_r li.btn_tree { /* 専門書店ツリー */
	width : 130px;
	height : 35px;
	position : absolute;
	top : 0;
	left : 313px;
	padding: 0;
}

/* -------------------------------------------------------------------------------
 四段目
--------------------------------------------------------------------------------*/
/* -------------------------------------------------------------------------------
 グレー枠 アドセンス広告 748x45に変更
--------------------------------------------------------------------------------*/
#waku990 {
	clear: both;               /* 全体外枠 */
	width: 988px;              /* 横幅 */
	height: 80px;              /* 縦幅 */
	border:1px solid #ccc;     /* 枠線仕様*/
	margin-bottom:30px;	       /* 縦幅 */
}

#waku800 {
	float: left;               /* 左に配置 */
	width: 768px;              /* 横幅 */
	height: 65px;              /* 縦幅 */
	border-right: 1px solid #ccc;   /* 枠線仕様 右 */
	padding-top: 15px;
	padding-left: 30px;
	margin-bottom:30px;	       /* 縦幅 */
}

#waku190 {
	float: left;               /* 左に配置 */
	width: auto;               /* 横幅 */
	height: 100%;              /* 縦幅 */
	margin-bottom:30px;	
}
/* tetra広告（枠内） */
ul.tetra_waku {
	padding-top: 10px;  
	width: 155px;
	height: 55px;
	text-align: left;
	list-style: none outside;
	padding-bottom:10px;
	margin-left: 20px;
}

ul.tetra_waku li {
	padding: 0 0 5px 3px; /* 上、右、下、左 */
}

ul.tetra_waku li a.sponsor:link, ul.tetra_waku li a.sponsor:visited { /* tetra広告タイトル文 */
	font-size: 14px;
	color: #006699;
	text-decoration: underline;
	font-weight: bold;
}

ul.tetra_waku li a.sponsorcomment:link, ul.tetra_waku li a.sponsorcomment:visited { /* tetra広告PR文 */
	font-size: 12px;
	color: #232323;
	text-decoration: none;
	background-color: #FFF;
}

/* -------------------------------------------------------------------------------
 左カラム:main_2nd　セミナーイベント・資格・法令・メールマガジン
--------------------------------------------------------------------------------*/
/* 仕事します　スタイル付け */

ul.job {
	width: 528px;
	height : 130px;
	padding-bottom:10px;
	margin-bottom:20px;	
	list-style: none outside;
	border:1px solid #ccc;
	position:relative; /* #btn_title #btn_tree 関連 */
}

ul.job li.index {
	height: 35px;
	background:url(../image/base/index_jobD18823.gif);
	padding: 0;
}

ul.job li.btn_title { /* 仕事しますタイトル */
	width : 140px;
	height : 35px;
	position : absolute;
	top : 0;
	left : 0px;
	padding: 0;
}

ul.job li.btn_tree { /* 仕事しますツリー */
	width : 130px;
	height : 35px;
	position : absolute;
	top : 0;
	left : 399px;
	padding: 0;
}

ul.job li {
	padding: 2px 5px 2px 5px; /* 上、右、下、左 */
}

/* 倒産情報　スタイル付け（未使用） */

ul.tosanindex {
	width: 528px;
	list-style: none outside;
	border-top:1px solid #ccc;                  /* 枠線仕様 上 */
	border-left: 1px solid #ccc;                /* 枠線仕様 左 */
	border-right: 1px solid #ccc;               /* 枠線仕様 右 */
	position:relative; /* #btn_ichiran #btn_kako */
}

ul.tosanindex li.index {
	height: 35px;
	background:url(../image/base/index_base_0F0E5F.gif);
	padding: 0;
}

ul.tosanindex li#btn_kako { /* 倒産情報 過去ニュース */
	width : 100px;
	height : 35px;
	position : absolute;
	top : 0;
	left : 399px;
	padding: 0;
}

/* 倒産情報 記事（未使用） */

ul.tosan {
	width: 528px;
	height: 125px;
	overflow: auto;
	margin-bottom:20px;
	list-style: none outside;
	border-left: 1px solid #ccc;                /* 枠線仕様 左 */
	border-right: 1px solid #ccc;               /* 枠線仕様 右 */
	border-bottom:1px solid #ccc;               /* 枠線仕様 下 */
}

ul.tosan li {
	padding: 5px 0 5px 5px; /* 上、右、下、左 */
}

ul.tosan li span{
	font-size: 10px;
}

ul.tosan li a:link, ul.tosan li a:visited { /* 基本・訪問済 */
	color: #00c;
	text-decoration: none;
}
ul.tosan li a:hover, ul.tosan li a:active, ul.tosan li a:focus { /* ポイント時・アクティブ・フォーカス */
	color: red;
	text-decoration: underline;
}

/* 展示会　スタイル付け */

ul.tenjikai {
	width: 528px;
	padding-bottom:10px;
	margin-bottom:20px;	
	list-style: none outside;
	border:1px solid #ccc;
}

ul.tenjikai li {
	padding: 5px 10px 5px 10px; /* 上、右、下、左 */
	color: #a52a2a;
}

ul.tenjikai li.index {
	height: 35px;
	background:url(../image/base/index_base_D15723.gif);
	padding: 0;
}

ul.tenjikai li.line {
	margin: 0px 10px 5px 10px; /* 上、右、下、左 */
	height: 1px;
	background-color: #ccc;
	padding: 0;
}

/* リンク　スタイル付け */

ul.link {
	width: 528px;
	padding-bottom:10px;
	margin-bottom:20px;		
	list-style: none outside;
	border:1px solid #ccc;
}

ul.link li {
	padding: 5px 10px 5px 10px; /* 上、右、下、左 */
	color: #a52a2a;
}

ul.link li.index {
	height: 35px;
	background:url(../image/base/index_base_406D99.gif);
	padding: 0;
}

/* メルマガフォーム_l　スタイル付け （170731未使用）*/

ul.melmaga_form_l {
	width: 528px;
	padding-bottom:10px;
	margin-bottom:20px;	
	list-style: none outside;
	border:1px solid #ccc;
}

ul.melmaga_form_l li {
	padding: 5px 10px 5px 10px; /* 上、右、下、左 */
	color: #000;
	font-size: 12px;
}

ul.melmaga_form_l li.index {
	height: 35px;
	background:url(../image/base/index_base_669900.gif);
	padding: 0;
}

ul.melmaga_form_l li.form {
	font-size: 10px;
}

/* メルマガフォーム_l　スタイル付け */

#melmaga_form_l {
	width: 528px;
	padding-bottom:10px;
	margin-bottom:20px;	
	list-style: none outside;
	border:1px solid #ccc;
}

#melmaga_form_l_index {
	height: 35px;
	background:url(../image/base/index_base_669900.gif);
	padding: 0;
}

#melmaga_form_l_text {
	padding: 5px 10px 5px 10px; /* 上、右、下、左 */
	font-size: 12px;
}

#melmaga_form_l_form {
	padding: 5px 10px 5px 10px; /* 上、右、下、左 */
	font-size: 10px;
}

/* コンテンツ_l　スタイル付け */

ul.contents_l {
	width: 528px;
	padding-bottom:10px;
	margin-bottom:20px;	
	list-style: none outside;
	border:1px solid #ccc;
}

ul.contents_l li {
	padding: 5px 10px 5px 10px; /* 上、右、下、左 */
	color: #a52a2a;
	font-size: 14px;
}

ul.contents_l li.index {
	height: 35px;
	background:url(../image/base/index_base_406D99.gif);
	padding: 0;
}

/* -------------------------------------------------------------------------------
 右カラム：right_2nd　セミナーイベント・資格・法令・メールマガジン
--------------------------------------------------------------------------------*/
/* セミナー・イベント　スタイル付け */

ul.event {
	width: 443px;
	height: 230px; /* 285px */
	padding-bottom:10px;
	margin-bottom:20px;		
	list-style: none outside;
	border:1px solid #ccc;
	position:relative; /* #btn_title #btn_tree 関連 */
}

ul.event li {
	padding: 5px 10px 5px 10px; /* 上、右、下、左 */
}

ul.event li span{
	color: #000;
	font-size: 10px;
}

ul.event li.index {
	height: 35px;
	background:url(../image/base/index_base_518FC3.gif);
	padding: 0;
}

ul.event li.btn_title { /* セミナー・イベントへタイトル */
	width : 220px;
	height : 35px;
	position : absolute;
	top : 0;
	left : 0px;
	padding: 0;
}

ul.event li.btn_tree { /* セミナー・イベントへ */
	width : 100px;
	height : 35px;
	position : absolute;
	top : 0;
	left : 343px;
	padding: 0;
}

/* 資格　スタイル付け */

ul.shikaku {
	width: 443px;
	padding-bottom:10px;
	margin-bottom:20px;		
	list-style: none outside;
	border:1px solid #ccc;
}

ul.shikaku li {
	padding: 5px 10px 5px 10px; /* 上、右、下、左 */
	color: #a52a2a;
}

ul.shikaku li.index {
	height: 35px;
	background:url(../image/base/index_base_8CBB42.gif);
	padding: 0;
}

/* 法令条文 他　スタイル付け */

ul.laws {
	width: 443px;
	height: 175px;
	padding-bottom:10px;
	margin-bottom:20px;		
	list-style: none outside;
	border:1px solid #ccc;
	position:relative; /* #btn_title #btn_tree 関連 */
}

ul.laws li {
	padding: 5px 15px 5px 15px; /* 上、右、下、左 */
}

ul.laws li.index {
	height: 35px;
	background:url(../image/base/index_base_406D99.gif);
	padding: 0;
}

ul.laws li.btn_title { /* 法令条文 他へタイトル */
	width : 140px;
	height : 35px;
	position : absolute;
	top : 0;
	left : 0px;
	padding: 0;
}

ul.laws li.btn_tree { /* 法令データ提供システムへ */
	width : 120px;
	height : 35px;
	position : absolute;
	top : 0;
	left : 323px;
	padding: 0;
}

/* メルマガ_r　スタイル付け */

ul.melmaga_r {
	width: 443px;
	padding-bottom:10px;
	margin-bottom:20px;	
	list-style: none outside;
	border:1px solid #ccc;
}

ul.melmaga_r li {
	padding: 5px 10px 5px 10px; /* 上、右、下、左 */
	color: #000;
	font-size: 12px;
}

ul.melmaga_r li.index {
	height: 35px;
	background:url(../image/base/index_base_669900.gif);
	padding: 0;
}

ul.melmaga_r li.form {
	font-size: 10px;
}

/* コンテンツ_r　スタイル付け（通常時未使用） */

ul.contents_r {
	width: 443px;
	padding-bottom:10px;
	margin-bottom:20px;	
	list-style: none outside;
	border:1px solid #ccc;
}

ul.contents_r li {
	padding: 5px 10px 5px 10px; /* 上、右、下、左 */
	color: #a52a2a;
	font-size: 14px;
}

ul.contents_r li.index {
	height: 35px;
	background:url(../image/base/index_base_406D99.gif);
	padding: 0;
}



/* -------------------------------------------------------------------------------
 D:グレー枠
--------------------------------------------------------------------------------*/
#waku {
	clear: both;
	width: 988px;
	border:1px solid #ccc;
	padding: 0 0 0 0; /* 上、右、下、左 */
	text-align: center;
}


#waku_yt528 {
	clear: both;
	width: 528px;
	height:297px;
	border:1px solid #ccc;
	padding: 0 0 0 0; /* 上、右、下、左 */
	text-align: center;
}

#waku_yt443 {
	clear: both;
	width: 443px;
	height:249px;
	border:1px solid #ccc;
	padding: 0 0 0 0; /* 上、右、下、左 */
	text-align: center;
}

#waku_tab1 {
	clear: both;
	width: 988px;
	height:118px;
	border:1px solid #ccc;
	padding: 0 0 0 0; /* 上、右、下、左 */
	font-size: 12px;
}

.tab_120 {
	float: left; 
	width: 120px;
	padding: 15px; /* 上、右、下、左 */
	font-size: 12px;
	text-align: center;
}

.tab_120_text {
	float: left; 
	width: 130px;
	padding: 0px 10px 10px 10px; /* 上、右、下、左 */
	font-size: 12px;
	font: 12px "メイリオ" ;
	text-align: center;
}

.clear { 
    clear:both;　/*floatの解除、ここがポイント*/ 
} 

.tab_120_index {
	font: 14px "メイリオ" ;
	font-weight: bold;
	color: blue;
	height:20px;
	margin:  5px 0px 0px 5px; /* 上、右、下、左 */
	text-align: left;
}

.waku_tab {
	float: left;
	width: 475px;
}

#waku_tab450 {
	clear: both;
	width: 450px;
	height:118px;
	border:1px solid #ccc;
	padding: 0 0 0 0; /* 上、右、下、左 */
	font-size: 12px;
}

/* -------------------------------------------------------------------------------
 D:広告左寄せ
--------------------------------------------------------------------------------*/
#waku_text_only {
	clear: both;
	width: 988px;
	height:46px;
	border:1px solid #ccc;
	padding: 0 0 0 0; /* 上、右、下、左 */
	font-size: 12px;
}

#waku_text_only_450 {
	clear: both;
	width: 450px;
	height:46px;
	border:1px solid #ccc;
	padding: 0 0 0 0; /* 上、右、下、左 */
	font-size: 12px;
}

.tab_text {
	float: left; 
	padding: 10px 0px 10px 20px; /* 上、右、下、左 */
	font: 16px "メイリオ" ;
}

.tab_index12 {
	font: 12px "メイリオ" ;
	color: green;
	height:20px;
	margin:  5px 0px 0px 5px; /* 上、右、下、左 */
	text-align: left;
}

.tab_index13 {
	font: 12px "メイリオ" ;
	color: #993300;
	height:20px;
	margin:  5px 0px 0px 5px; /* 上、右、下、左 */
	text-align: left;
}

.tab_index14 {
	font: 12px "メイリオ" ;
	color: #ff6600;
	height:20px;
	margin:  5px 0px 0px 5px; /* 上、右、下、左 */
	text-align: left;
}
/* -------------------------------------------------------------------------------
 footer フッター
--------------------------------------------------------------------------------*/
#footer {
	clear: both;
	width: 990px;
	height: 10px;
	background-color: #1e5787;
	padding: 10px 0;
	font-size: 10px;
	margin-top: 20px;
}

ul.footer {
	height: 10px;
	border-left: 1px solid #FFFFFF;
	display: inline;
}

ul.footer li {
	border-right: 1px solid #FFFFFF;
	display: inline;
	padding: 0 10px;

}

ul.footer a:link, ul.footer a:visited { /* フッター基本 */
	color: #FFF;
	text-decoration: none;
}

ul.footer a:hover, ul.footer a:active, ul.footer a:focus { /* フッターロールオーバー */
	color: red;
	text-decoration: none;
}

/* -------------------------------------------------------------------------------
 counter カウンター
--------------------------------------------------------------------------------*/
#counter {
	float: left; 
	width: 520px;
	padding: 5px 10px 10px 0; /* 上、右、下、左 */
	font-size: 12px;
}

/* -------------------------------------------------------------------------------
 copyright コピーライト
--------------------------------------------------------------------------------*/
#copyright {
	float: left; 
	width: 450px;
	padding: 5px 10px 80px 0; /* 上、右、下、左 */
	font-size: 12px;
	text-align: right;
}

#copyright a:link, a:visited { /* 基本・訪問済 */
	color: blue;
	text-decoration: none;
}
#copyright a:hover, a:active, a:focus { /* ポイント時・アクティブ・フォーカス */
	color: red;
	text-decoration: none;
}

/* -------------------------------------------------------------------------------
 fb_google
--------------------------------------------------------------------------------*/
#fb_google {
	clear: both;
	width: 990px;
	padding: 0 0 80px 0; /* 上、右、下、左 */
	position:relative; /* #fb_like #google_plusone 関連 */
}

ul.fb_google li#fb_like{ /* FBいいね  */
	width : 105px;
	height : 20px;
	position : absolute;
	left : 10px;
	padding: 0;
	list-style: none outside;
}


ul.fb_google li#google_plusone{
	width : 55px;
	height : 20px;
	position : absolute;
	left : 125px;
	padding: 0;
	list-style: none outside;
}

/* -------------------------------------------------------------------------------
 underbox 幅一括指定（ underbox_left underbox_center_l underbox_center_r underbox_right ）
--------------------------------------------------------------------------------*/
#underbox {
	clear: both;
	width: 990px;
}

/* -------------------------------------------------------------------------------
  underbox_left 左カラム
--------------------------------------------------------------------------------*/
#underbox_left {
	float:  left;
	width: 392px;
	margin-left: 30px;
}

/* 書籍ベスト　スタイル付け */

ul.bestbooks {
	width: 390px;
	height: 280px;                     /* 20位 527px 10位1行 268px*/
	border: 1px solid green;                     /* 枠線仕様 */
	padding-bottom:10px;
	list-style: none outside;
}

ul.bestbooks li {
	padding: 5px 10px 5px 10px; /* 上、右、下、左 */
	color: #a52a2a;
}

ul.bestbooks a:link, ul.bestbooks a:hover, ul.bestbooks a:active, ul.bestbooks a:focus { /* 会議室過去 */
	text-decoration: underline;
}

ul.bestbooks a:visited { /* 会議室過去 訪問済*/
	color: #800080;
	text-decoration: underline;
}

ul.bestbooks li.index {
	height: 15px;
	text-align: center;
	background-color: green;
	color: #FFF;
	font-weight:bold;
}

ul.bestbooks li.trans {
	padding: 0; /* 上、右、下、左 */
	height: 5px;
}

/* -------------------------------------------------------------------------------
 underbox_center_l 中央カラム1
--------------------------------------------------------------------------------*/
#underbox_center_l {
	float: left;
	width: 338px;
	margin-left: 10px;
	margin-right: 10px;
}


/* メルマガ登録　スタイル付け */

ul.mail {
	width: 285px;
	text-align: center;
	border: 1px solid green;                     /* 枠線仕様 */
	list-style: none outside;
}

ul.mail li {
	padding: 5px 5px 5px 10px; /* 上、右、下、左 */
}

ul.mail li.index {
	height: 15px;
	background-color: green;
	color: #FFF;
	font-weight:bold;
}

ul.mail li.form {
	font-size: 10px;
}	
	

/* 過去会議室　スタイル付け */

ul.kakobbs {
	width: 336px;
	border: 1px solid green;                     /* 枠線仕様 */
	padding-bottom:10px;
	list-style: none outside;
}

ul.kakobbs li {
	padding: 5px 15px 5px 15px; /* 上、右、下、左 */
}

ul.kakobbs a:link, ul.kakobbs a:hover, ul.kakobbs a:active, ul.kakobbs a:focus { /* 会議室過去 */
	text-decoration: underline;
}

ul.kakobbs a:visited { /* 会議室過去 訪問済*/
	color: #800080;
	text-decoration: underline;
}

ul.kakobbs li.index {
	height: 15px;
	text-align: center;
	background-color: green;
	color: #FFF;
	font-weight:bold;
}

ul.kakobbs li.line {
	margin: 0px 5px 5px 5px; /* 上、右、下、左 */
	height: 1px;
	background-color: #ccc;
	padding: 0;
}

/* -------------------------------------------------------------------------------
 E:グレー枠
--------------------------------------------------------------------------------*/
#waku336 {
	clear: both;
	width: 336px;
	border:1px solid #ccc;
	padding: 0 0 0 0; /* 上、右、下、左 */
	text-align: center;
}

/* -------------------------------------------------------------------------------
 underbox_center_r 中央カラム2
--------------------------------------------------------------------------------*/
#underbox_center_r {
	float: left;
	margin-left: 10px;
	margin-right: 10px;
	width: 180px;
}



/* -------------------------------------------------------------------------------
 underbox_right 右カラム
--------------------------------------------------------------------------------*/
#underbox_right {
	float: left;
	width: 180px;
	text-align: center;
}

/* リンクユニット　スタイル付け */

ul.linkunit180 {
	width: 178px;
	text-align: center;
	border: 1px solid green;                     /* 枠線仕様 */
	list-style: none outside;
}

ul.linkunit180 li {
	padding: 5px 0 5px 0; /* 上、右、下、左 */
}

ul.linkunit180 li.index {
	height: 15px;
	text-align: center;
	background-color: green;
	color: #FFF;
	font-weight:bold;
}

/* rakuten */
ul.rakuten {
	width: 150px;
	list-style: none outside;
	margin-left: 15px;
}

/* -------------------------------------------------------------------------------
 E:グレー枠
--------------------------------------------------------------------------------*/
#waku180 {
	clear: both;
	width: 178px;
	height:147px;
	border:1px solid #ccc;
	padding: 15px 0 15px 0; /* 上、右、下、左 */
	text-align: center;
}

/* 枠無し */
#waku120 {
	clear: both;
	width: 180px;
	height:70px;
	padding: 12px 0 0px 0; /* 上、右、下、左 */
	text-align: center;
}

/* tetra広告 */
ul.tetra {
	padding-top: 10px;  
	width: 155px;
	height:75px;
	border: 1px solid #ccc;                /* 枠線仕様 下線 */
	text-align: left;
	list-style: none outside;
	padding-bottom:10px;
	margin-left: 12px;
}

ul.tetra li {
	padding: 0 0 5px 3px; /* 上、右、下、左 */
}

ul.tetra li a.sponsor:link, ul.tetra li a.sponsor:visited { /* tetra広告タイトル文 */
	font-size: 14px;
	color: #006699;
	text-decoration: underline;
	font-weight: bold;
}

ul.tetra li a.sponsorcomment:link, ul.tetra li a.sponsorcomment:visited { /* tetra広告PR文 */
	font-size: 12px;
	color: #232323;
	text-decoration: none;
	background-color: #FFF;
}


/* -------------------------------------------------------------------------------
 グレー枠 夢真広告 528x60入るように　外枠530
--------------------------------------------------------------------------------*/
ul.waku530 {
	width: 528px;                                  /* 横幅 */
	height: 60px;                                 /* 縦幅 */
	border-top:1px solid #ccc;                  /* 枠線仕様 上 */
	border-left: 1px solid #ccc;                /* 枠線仕様 左 */
	border-right: 1px solid #ccc;                /* 枠線仕様 右 */
	border-bottom: 1px solid #ccc;               /* 枠線仕様 下 */
	margin-bottom:20px;
	background-color: #D9E5FF;
}

.inner{
  text-align: center;
  vertical-align: middle;
  font: 34px "メイリオ" ;
  color: #333399;
  padding-top: 7px;
  list-style: none outside;
}



/* -------------------------------------------------------------------------------
 グレー枠 広告 468x60入るように　外枠530
--------------------------------------------------------------------------------*/
ul.waku468 {
	width: 468px;                                  /* 横幅 */
	height: 60px;                                 /* 縦幅 */
	border-top:1px solid #ccc;                  /* 枠線仕様 上 */
	border-left: 1px solid #ccc;                /* 枠線仕様 左 */
	border-right: 1px solid #ccc;                /* 枠線仕様 右 */
	border-bottom: 1px solid #ccc;               /* 枠線仕様 下 */
	padding-top: 0px;
	padding-left: 30px;
	padding-right: 30px;
	padding-bottom:0px;
	margin-bottom:20px;
	
	
}

/* -------------------------------------------------------------------------------
 グレー枠 広告 528x60入るように　外枠530
--------------------------------------------------------------------------------*/
div.banner530 {
	width: 528px;                                  /* 横幅 */
	height: 60px;                                 /* 縦幅 */
	border-top:1px solid #ccc;                  /* 枠線仕様 上 */
	border-left: 1px solid #ccc;                /* 枠線仕様 左 */
	border-right: 1px solid #ccc;                /* 枠線仕様 右 */
	border-bottom: 1px solid #ccc;               /* 枠線仕様 下 */
	margin-bottom:20px;
	background-color: #FFF;
}

div.banner530_non {
	width: 528px;                                  /* 横幅 */
	height: 60px;                                 /* 縦幅 */
	margin-left: 1px;
	margin-bottom:20px;
	background-color: #FFF;
}


/* -------------------------------------------------------------------------------
 グレー枠 広告 443x60入るように　外枠445
--------------------------------------------------------------------------------*/
div.banner445 {
	width: 443px;                                  /* 横幅 */
	height: 58px;                                 /* 縦幅 */
	border-top:1px solid #ccc;                  /* 枠線仕様 上 */
	border-left: 1px solid #ccc;                /* 枠線仕様 左 */
	border-right: 1px solid #ccc;                /* 枠線仕様 右 */
	border-bottom: 1px solid #ccc;               /* 枠線仕様 下 */
	margin-bottom:20px;
	background-color: #FFF;
}

div.banner445_non {
	width: 445px;                                  /* 横幅 */
	height: 60px;                                 /* 縦幅 */
	margin-left: 0px;
	margin-bottom:20px;
	background-color: #FFF;
}