@charset "shift-jis";

/* main-box　メインボックス　背景色
======================================================*/
#main-box{
	background-color:#EB9B6F;
}

/* side　左サイド　背景色と高さ
======================================================*/
#side-box{
	background-color:#F9E1D3;
	height:490px;
}

/* contents　右サイドの高さ
======================================================*/
#contents-box{
	height:490px;
}

/* インラインフレーム
======================================================*/

/* 収録一覧メニュー */
#c-list-menu {
	margin:0 0 20px 0;
	padding:0;
}

#c-list-menu:after {
    content:"";
    display:block;
    clear:both;
    height:1px;
}

/*\*/
* html #c-list-menu {
    height:1em;
}
/**/

#c-list-menu ul {
	margin:0 0 0 5px;
	padding:0;
}
	#c-list-menu li {
		display:block;
		float:left;
		background-image:url(../img/03-list_icon.gif);
		background-repeat:no-repeat;
		background-position:0 3px;
		margin-right:5px;
		padding:0 0 0 15px;
		width:115px;
		font-size:90%;
	}

/* 収録一覧ボックス */
#c-list-box {
	width:410px;
}

#c-list-box h3 {
	clear:both;
	margin:0 0 5px 0;
	padding:1px 0 2px 4px;
	border-left:solid 4px #CC5B1C;
	font-size:100%;
}

/* 収録一覧表（テーブル） */
.list-table {
	margin:0 0 10px 0;
	padding:0;	
}

.list-table table {
	width:410px;
	border:1px solid #999999;
	font-size:90%;
	line-height:150%;
}

.list-table th {
	border-top:none;
	border-left:none;
	border-right:none;
	border-bottom:1px solid #999999;
	background-color:#FCEBE2;
}

.list-table td {
	border:none;
}

.list-table td span {
	color:#EB9B6F;
}

/* 先頭に戻るボタン */
.list-table .btn-top {
	text-align:right;
}

/* DLリスト
======================================================*/
	#side-box dl {
		margin:0 10px;
		padding:0;
	}
	#side-box dt {
		margin-bottom:1px;
	}
	#side-box dd {
		margin-bottom:5px;
		margin-left:0.8em;
	}

/* NAVI
======================================================*/
#detail-navi{
	background:#F8DDCC;
	text-align:center;
	margin:0;
	padding:0;
	width:100%;
	height:100%;
}

#detail-navi h1{
	margin:0 auto 5px;
	padding:0;
	background:url(../img/detail_t03.gif) no-repeat #EB9B6F center;
	text-indent:-9999px;
	height:35px;
}

*html #detail-navi h1{
	width:220px;/* IE対策用 */
}

#detail-navi h2{
	margin:0 5px 10px;
	padding:2px;
	text-align:center;
	background:#FCEBE3;
	border:2px solid #737373;
	font-size:100%;
}

*html #detail-navi h2{
	width:210px;/* IE対策用 */
}

#detail-navi ul{
	margin:0;
	padding:0 5px 20px 20px;
	background:#F8DDCC;
	text-align:left;
}

*html #detail-navi ul{
	padding:0 5px 20px 25px;
}

#detail-navi li{
	list-style:none;
	background:url(../img/icon_detail_list03.gif) no-repeat 0 3px;
	margin:0 0 0 10px;
	padding:0 0 0 14px;
}

#detail-navi p{
	margin:0;
	padding:0 0 20px;
	background:#F8DDCC;
	text-align:center;
}

*html #detail-navi p{
	padding:0 0 20px 20px;/* IE対策用 */
}

#detail-navi ul#information{
	margin:0 0 10px 5px;
	border:1px solid #CBCBCB;
	background:#FFFFFF;
	width:185px;
	margin:0 0 10px 5px;
	padding:10px;
	font-size:90%;
}

*html #detail-navi ul#information{
	width:210px;/* IE対策用 */
}

#detail-navi ul#information li{
	list-style:none;
	background:url(../img/icon_list01.gif) no-repeat 0 3px;
	margin:0;
	padding:0 0 0 16px;
}