@charset "UTF-8";

hr {
	margin: 0 0 20px 0;
	color: #CCC;
	height: 1px;
	border-style: dotted;
}
.center {
	text-align: center;
	}

.function_menu {
/*	float: right;*/
	width: 570px;
	}
.menteimg {
	margin: 5px 0;
	float: left;
	width: 190px;
	text-align: left;
	}
/* メニューリスト設定 */
ul.function_menu,
ul.function_submenu {
	margin: 0;
	padding: 0;
	list-style: none;
	}
	/* メニューリスト「STEP1」設定 */
	.step1 a {
		width: 570px;
		height: 36px;
		margin: 10px 0;
		padding: 0;
		display: block;
		background: url(../img/function/index.menu2.gif) no-repeat left top;
		text-indent: -9999px;
		}
	.step1 a:hover {
		width: 570px;
		height: 36px;
		margin: 10px 0;
		padding: 0;
		display: block;
		background: url(../img/function/index.menu2.gif) no-repeat left -304px;
		}

	/* メニューリスト「STEP2」設定 */
	.step2 a {
		width: 570px;
		height: 36px;
		margin: 10px 0;
		padding: 0;
		display: block;
		background: url(../img/function/index.menu2.gif) no-repeat left -56px;
		text-indent: -9999px;
		}
	.step2 a:hover {
		width: 570px;
		height: 36px;
		margin: 10px 0;
		padding: 0;
		display: block;
		background: url(../img/function/index.menu2.gif) no-repeat left -360px;
		}

	/* メニューリスト「STEP3」設定 */
	.step3 a {
		width: 570px;
		height: 36px;
		margin: 10px 0;
		padding: 0;
		display: block;
		background: url(../img/function/index.menu2.gif) no-repeat left -112px;
		text-indent: -9999px;
		}
	.step3 a:hover {
		width: 570px;
		height: 36px;
		margin: 10px 0;
		padding: 0;
		display: block;
		background: url(../img/function/index.menu2.gif) no-repeat left -416px;
		}

	/* メニューリスト「STEP4」設定 */
	.step4 a {
		width: 570px;
		height: 36px;
		margin: 10px 0;
		padding: 0;
		display: block;
		background: url(../img/function/index.menu2.gif) no-repeat left -168px;
		text-indent: -9999px;
		}
	.step4 a:hover {
		width: 570px;
		height: 36px;
		margin: 10px 0;
		padding: 0;
		display: block;
		background: url(../img/function/index.menu2.gif) no-repeat left -472px;
		}
		
	/* メニューリスト「応用編：「再生リストを管理」をチェック」設定 */
	.function_submenu li {
		float:left;
		margin-bottom:15px;
	}
	.list a {
		width: 275px;
		height: 30px;
		margin: 5px 15px 5px 0;
		padding: 0;
		display: block;
		background: url(../img/function/index.menu2.gif) no-repeat left -224px;
		text-indent: -9999px;
		}
	.list a:hover {
		width: 275px;
		height: 30px;
		margin: 5px 15px 5px 0;
		padding: 0;
		background: url(../img/function/index.menu2.gif) no-repeat left -528px;
		}
	/* メニューリスト「応用編：「公開許可設定」をチェック」設定 */
	.permission a {
		width: 275px;
		height: 30px;
		margin: 5px 0;
		padding: 0;
		display: block;
		background: url(../img/function/index.menu2.gif) no-repeat -295px -224px;
		text-indent: -9999px;
		}
	.permission a:hover {
		width: 275px;
		height: 30px;
		background: url(../img/function/index.menu2.gif) no-repeat -295px -528px;
		}