@charset "shift-jis";

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

/* side　左サイド　背景色と高さ
======================================================*/
#side-box{
	background-color:#F5DAE0;
	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/01-list_icon.gif);
		background-repeat:no-repeat;
		background-position:0 3px;
		margin-right:15px;
		padding:0 0 0 15px;
		width:170px;
		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 #AA4256;
	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:140%;
}

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

.list-table td {
	border:none;
}

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

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

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

#detail-navi h1{
	margin:0 auto 5px;
	padding:0;
	background:url(../img/detail_t01.gif) no-repeat #C97586 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:#F9EAED;
	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:#F5DAE0;
	text-align:left;
}

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

#detail-navi li{
	list-style:none;
	background:url(../img/icon_detail_list01.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:#F5DAE0;
	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;
}