@charset "utf-8";


/* サイドバー **********************/

#contents #sidebar {
	float: left;
	width:200px;
}
/* サイドバナー */
#contents #sidebar #side-banner img{
	margin-bottom:5px;
}
/* メニュー */
#contents #sidebar .side-menu {
	border:solid 1px #ccc;
	padding:2px;
}
#contents #sidebar .side-menu h3 {
	margin-bottom:5px;
}
#contents #sidebar .side-menu ul{
	list-style:none;
}
#contents #sidebar .side-menu li a{
	display:block;
	padding:7px 5px 7px 22px;
	border-top:dotted 1px #ccc;
	color:#0033CC;
	font-weight:bold;
	text-decoration:none;
	font-size:100%;
}

/* メインコンテンツ **********************/

#contents #main {
	float: right;
	width:540px;
}

/* パンくずリスト */
#contents #main #pankuzu {
	font-size:75%;
	margin: 10px 0;
}

/* h2 */
#contents #main h2 {
	height:33px;
	padding-top:10px;
	font-size:140%;
	padding-left:25px;
	margin-bottom:15px;
}

/* 記事 */
#contents #main .txt {
	margin: 0 20px;
}

/* 段落 */
#contents #main .txt p {
	line-height:170%;
	margin-bottom:1.0em;
}

/* h3 */
#contents #main .txt h3 {
	height:23px;
	padding:7px 0 0 30px;
	font-size:120%;
	margin: 25px -10px 15px -10px;
	color:#fff;
}
/* h4 */
#contents #main .txt h4 {
	margin:1.5em -5px 0.7em -5px;
	padding:5px 5px;
	font-size:110%;
}

/* リスト */
#contents #main .txt ul {
	padding-left:20px;
}
#contents #main .txt ol {
	padding-left:30px;
}
#contents #main .txt li {
	margin-bottom:5px;
	line-height:1.4;
}
.pickup ul,
.pickup ol{
	margin-bottom:-5px;
}


/* indexページ */
#contents #main .txt dl.index {
	margin:20px 10px 0 10px;
}
#contents #main .txt dl.index dt {
	font-weight:bold;
	margin-bottom:0.7em;
	font-size:110%;
	clear:both;
}

#contents #main .txt dl.index dd {
	border-bottom:dotted 1px #ccc;
	padding:0 10px 0.7em 10px;
	margin-bottom:0.7em;
	line-height:1.5;
	font-size:90%;
	min-height:60px;
	_height:60px;
}
#contents #main .txt dl.index dd img {
}

/* table用コピー */

#contents #main .txt p.tbl-copy {
	margin:0 0 5px 0;
	line-height:1.2;
	font-weight:bold;
}

/* table */
#contents #main .txt table {
	margin-bottom:15px;
	border: 1px #999 solid; 
	border-collapse: collapse;
	clear:both;
}

#contents #main .txt th {
	padding:3px 5px;
	border: solid 1px #999;
	font-weight:bold;
	text-align:left;
	white-space:nowrap;
	font-size:90%;
}

#contents #main .txt td {
	background:#fff;
	padding:3px 5px;
	line-height:1;
	vertical-align:middle;
	border: solid 1px #999;
	line-height:1.3;
	font-size:90%;
}
#contents #main .txt td.price {
	text-align:right;
	white-space:nowrap;
	vertical-align:middle;
}

/* table ボーダーなし */
#contents #main .txt table.borderno{
	margin-bottom:15px;
	border: none; 
}

#contents #main .txt table.borderno th {
	border: none;
	padding:2px;
}
#contents #main .txt table.borderno td {
	border: none;
	padding:2px;
}



/* イラスト */
#contents #main .txt img.illust_l {
	float:left;
	margin: 0 15px 10px 0;

}
#contents #main .txt img.illust_r {
	float:right;
	margin: 0 0 10px 15px;
}


/* 宣伝枠 */
#contents #main .txt .cm {
}
#contents #main .txt .cm h4 {
	background:none;
	padding:0;
	margin:0 0 10px 0;
}
#contents #main .txt .cm p {
	line-height:1.5;
}
#contents #main .txt .cm ul {
	margin:-10px 0 0 0;
}

#contents #main .txt .cm th,
#contents #main .txt .cm td {
	padding:5px;
	font-size:90%;
}
#contents #main .txt .cm th {
	background:#FCF2CB;
	text-align:center;
}
#contents #main .txt .cm th.edition-name {
	font-weight:bold;
}
#contents #main .txt .cm th.edition-name a {
	display:block;
	font-size:120%;
}
#contents #main .txt .cm td.system {
	text-align:center;
}

/* 目次へ戻る */
#contents #main .txt .index-link {
	text-align:right;
}
#contents #main .txt .index-link a {
	background:url(../common_img/index_icon.gif) no-repeat left center;
	padding:5px 5px 5px 20px;
	font-size:110%;
}
/* HOMEへ戻る */
#contents #main .txt .home-link {
	text-align:right;
}
#contents #main .txt .home-link a {
	background:url(../common_img/home_bg.gif) no-repeat left center;
	padding:5px 5px 5px 20px;
	font-size:110%;
}

/* ボタン */
.btn {
	text-align:center;
}

/* TIPメニュー */

.tip-menu {
	padding:10px 5px;
	font-size:110%;
	border:solid 1px #666;
	text-align:center;
	margin: 0 0 20px 0;
}
.tip-menu a,
.tip-menu strong {
	padding:5px;
}


/* エラー */

.error404 {
	line-height:1.8;
	margin:100px 100px 200px 100px;
}

.error404 h2 {
	margin-bottom:1.0em;
}
.error404 p {
	margin-bottom:1.0em;
}
.error404 ul {
	margin-left:30px;
}