body {
	margin: 0px;
	padding: 0px;
	background-color: #ffffff;
	color: #333;
	font-family: Arial, sans-serif;
	background-image: url("../cg/common/back_g.gif");
	background-repeat: repeat-y;
}

/*   <a>タグ設定   */
a:link { color: #0000ff; text-decoration:none;}
a:visited { color: #0000ff; text-decoration:none;}
a:hover { color: #ff0000; text-decoration:underline
;}
a:active { color: #ff8000; }

hr.hasen { /*   <hr>破線   */
	margin: 0 0 6px 0;
	border: none;
	border-top: 1px dotted #999;
}

div.whatsnew_title { /*   お知らせのタイトル   */
	margin: 6px 0 3px 0;
	font-size: 1.5em;
	font-weight: bold;
	color: #333;
}

p.haitatsu_area {
	margin:0 0 6px 0;
}

ul.sidebar {
    list-style: disc;
    margin: 4px 0 12px -32px;
}

li.sidebar {
    margin: 0 0 0 0;
    line-height: 1.5em;
}

/*   ◆ヘッダー   */
div.cover_header {
	display: table;
	margin: 24px 0 0 80px;
	padding: 0px;
	width: 90%;

	border-collapse:collapse;
}

	div.cover_header div.title {
		display: table-cell;
		width: 1px;
		white-space: nowrap;
		vertical-align: top;
		color: #000;
		font-size: 2.5em;
		font-weight: bold;
		line-height: 1.0em;

		border-collapse:collapse;
	}

	div.cover_header div.contact {
		display: table-cell;
		margin: 0;
		padding: 0 6px 0 12px;
		vertical-align: bottom;
		text-align: left;
		font-size: 0.95em;
		line-height: 1.1em;

		border-collapse:collapse;
	}

	div.cover_header div.ASA_mark {
		display: table-cell;
		vertical-align: bottom;
		text-align: right;

		border-collapse:collapse;
	}

/*   ◆ASAリスト（リンク）   */
div.cover_ASA_list {
	display: table;
	margin: 12px 0 0 80px;
	width: 90%;
	font-size:0.9em;
	background-color: #eeeeee;
	border-bottom: 2px solid #ccc;

	border-collapse:collapse;
}

	div.cover_ASA_list div.ASA_list {
		display: table-cell;
		padding: 2px 3px 2px 8px;
		vertical-align: middle;

		border-collapse:collapse;
	}

/*   ◆◆◆コンテンツとサイドバーを囲むcssテーブル   */
div.cover_contents_and_sidebar {
	display: table;
	border-spacing: 1.0em 0;
	margin: 24px 0 0 80px;
	width: 90%;
	background-color: #ff;

	border-collapse:separate;
}

	/*   ◆コンテンツ 左の段と右の段 を囲むcssテーブルセル   */
	div.cover_contents_and_sidebar div.cover_2column_left_and_right {
	display: table-cell;
	margin: 0px;
	padding; 0px;
border-spacing: 6px 2px;
	}	

		/*   ◇コンテンツ 左の段「お知らせ」   */
		div.cover_contents_and_sidebar div.contents_2column_left_whatsnew {
			display: table-cell;
			width: 20%;
			padding: 6px 6px 12px 12px;
			vertical-align: top;
			font-size: 1.0em;
			font-weight: bold;

background-color: #fff7d5;
}

		/*   ◇コンテンツ 左の段   */
		div.cover_contents_and_sidebar div.contents_2column_left {
			display: table-cell;
			width: 20%;
			padding: 6px 6px 12px 12px;
			vertical-align: top;
			font-size: 1.0em;
			font-weight: bold;

background-color: #fff7d5;
		}

		/*   ◇コンテンツ 右の段   */
		div.cover_contents_and_sidebar div.contents_2column_right {
			display: table-cell;
			padding: 0 0 12px 0;
			vertical-align: top;
			font-size: 0.95em;
		}

/*   div.contents_2column_rightに入れ子された<p>タグのスタイル指定   */
			div.contents_2column_right > p {
				margin: 0 0 6px 0;
				padding: 6px 0 0 3px;
			}

/*   div.contents_2column_rightに入れ子された<p class="whatsnew">タグのスタイル指定（whatsnew 本文）   */
			div.contents_2column_right > p.whatsnew {
				margin: 0;
				padding: 6px 0 1.0em 6px;
				font-size: 1.0em;
				line-height: 1.5em;
			}

			p.whatsnew > img { /*   p.whatsnewに入れ子された<img>タグのスタイル指定   */
				margin: 0 0 0.5em 0.5em;
			}

	/*   ◇サイドバーを囲むcss tableセル   */
	div.cover_contents_and_sidebar div.cover_sidebar {
		display: table-cell;
		width: 240px;
		vertical-align: top;
	}

	/*   ◇サイドバーのcss tableセル   */
	div.sidebar {
		display: table-cell;
		padding: 0 6px 6px 6px;
		vertical-align: top;
		background-color: #e9f2f9;

		border-top: 1px solid #ccc;
		border-right: 1px solid #ccc;
		border-bottom: 2px solid #ccc;
		border-left: 1px solid #ccc;
	}

	div.sidebar_title1 {	/*   サイドバー内のタイトル　背景色がA   */
		margin: 8px 0 12px 0;
		padding: 1px 0px 1px 6px;
		font-size: 0.9em;
		line-height: 1.6em;
		font-weight: bold;
		background-color: skyblue;
	}

	div.sidebar_title2 {	/*   サイドバー内のタイトル　背景色がB   */
		margin: 8px 0 12px 0;
		padding: 1px 0px 1px 6px;
		font-size: 0.9em;
		line-height: 1.6em;
		font-weight: bold;
		background-color: skyblue;
	}

	div.sidebar_contents{	/*   サイドバー内　コンテンツ   */
		margin: 6px 0 0 8px;
		font-size: 0.85em;
		line-height: 1.5em;
	}

/*   ◆フッター（リンク）   */
div.cover_footer {
	display: table;
	margin: 16px 0 0 0;
	background-color: skyblue;

	border-collapse:collapse;
}

	div.cover_footer div.footer {
		display: table-cell;
		padding: 10px 8px 0 32px;
		vertical-align: top;
		font-size: 0.95em;

		border-collapse:collapse;
	}

	div.row {
		display: table-row;
	}

	div.cover_footer div.copyright {
		display: table-cell;
		padding: 4px 2px 6px 36px;
		font-size: 0.8em;

		border-collapse:collapse;
	}

/*   ◆トップページの無料試読店一覧 （フロート用）  */
.container:after {
  clear: both;
  content: '';
  display: block;
}

.item {
  border: solid skyblue;
  border-width:0px 0px 0px 2px;
  float: left;
  width: 5.0em;
  height: 2.0em;
  margin-top: 0.25em;
  margin-bottom: 0.2em;
}

.asabox {
    display: flex;
/*    justify-content: center; 左右中央揃え*/
    align-items: center;     /*上下中央揃え*/

	background-color:white;
  font-size: 1.25em;
  padding-left: 0.5em;
  padding-right: 2.0em;
}