/* 外枠 */
#parts-setting {
	width: 640px;
	text-align: left;
	margin: 0 auto;
}

/* 処理完了メッセージ */
p#submit_msg {
	text-align: left;
	color: #DB0000;
	font-weight: bold;
}

/* #nav-bar */
/* 並べ替え・装飾設定タブ部 */
#nav-bar {
	width: 380px;
	margin: 0;
	clear: both;
}
}
#nav-bar li {
	display: inline;
}

/* タブ */
#nav-bar a {
	display: block;
	width: 88px;
	float:left;
	margin: 0;
	margin-right: 6px;
	padding: 4px;
	background-color: #CCCCCC;
	color: #666666;
	text-decoration: none;
	text-align: center;
	font-weight: bold;
	font-size: 16px;
	border-top: 2px solid #CCCCCC;
}

/* アクティブなタブ */
#nav-bar a.tabOn,
#nav-bar a:hover {
	background-color: #f5f5f5;
	color: #4d4d4d;
	border-top: 2px solid #E80011;
}


/* #parts */
/* パーツ表示部 */
#parts {
	background: #f5f5f5;
	clear: left;
	height: auto;
	padding: 4px;
	margin-top: 0;
	font-size: 12px;
	color: #000000;
	text-align:left;
	float: left;
}

/* 中のパーツ(ランダムメッセージ〜子ページリンク) */
#parts div.inner {
	padding: 0.5em;
}
#parts div.inner ul {
	margin: 0;
	padding: 0;
}
#parts div.inner ul li {
	display: inline;
	list-style-type:none;
	padding-left: 0.6em;
}

#parts div.inner {
	background-color: #FCFCFC;
	margin: 5px;
	border-top: 1px #CCCCCC solid;
	border-right: 1px #AAAAAA solid;
	border-bottom: 1px #AAAAAA solid;
	border-left: 1px #CCCCCC solid;
}

#parts div.banner,#parts div.fixed {
	margin: 5px;
	border-top: 1px #AAAAAA solid;
	border-right: 1px #CCCCCC solid;
	border-bottom: 1px #CCCCCC solid;
	border-left: 1px #AAAAAA solid;
}

/* 基本文字色の色見本 */
span.color-box {
	font-size: 13px;
	border: 1px solid #989898;
	padding: 0;
	width: 18px;
	margin: 1px;
}

span.color-box img,
span#parts-col img {
	height: 17px;
	width: 18px;
}

/* (移動できません) */
#parts span.comment {
	color: #999999;
}
/* 設定項目名(基本文字色・配置・文字サイズ) */
#parts span.config {
	color: #666666;
}

/* ヘッダ広告・フッタ広告部 */
#parts div.banner {
	background-color: #E0E0E0;
	color: #999999;
	padding: 1em 0.5em
}
/* パーツ名 */
#parts span.name {
	font-size: 14px;
	color: #008F3B;
}

/* 並び替え用テキストフィールド */
#parts input.order {
	border: 1px solid #7F9DB9;
	text-align: right;
	height: 1.2em;
	width: 2em;
}
/* 装飾設定用チェックボックス */
#parts input.checkbox {
	border: 0;
	/*vertical-align: middle;*/
}

/* #control */
/* 右側操作部 */
#control {
	width: 240px;
	font-size: 12px;
	text-align: left;
	float: left;
}

#ctrl_menu ul li {
	list-style-type: square;
	list-style-position: outside;
	margin: 10px 10px 10px 20px;
}

#control p,
#control li {
	color: #666666;
}

/* 基本の文字色(カラーボックス) */
span#parts-col {
	font-size: 13px;
	border: 1px solid #989898;
	padding: 0;
	width: 18px;
	margin: 1px 2px 1px 0;
	cursor: pointer;
}