/* -------------------------------------------------- */
/* ----------          ボタン関係          ---------- */
/* -------------------------------------------------- */
ul { margin: 0px; padding: 0px; }
li { display:inline; }

/* -------------------------------------------------- */
/*             ul で全体の幅を決める                  */
/* -------------------------------------------------- */
ul.w1000menu { width:1000px; margin-right:auto;	margin-left:auto;}
ul.w800menu  { width:800px;	 margin-right:auto;	margin-left:auto;}
ul.w600menu  { width:600px;	 margin-right:auto;	margin-left:auto;}
ul.w500menu  { width:500px;	 margin-right:auto;	margin-left:auto;}
ul.w400menu  { width:400px;	 margin-right:auto;	margin-left:auto;}
ul.w300menu  { width:300px;	 margin-right:auto;	margin-left:auto;}
ul.w200menu  { width:200px;	 margin-right:auto;	margin-left:auto;}

/* -------------------------------------------------- */
/*             li でボタンの概要を決める              */
/* -------------------------------------------------- */
li.btn500, li.btn400, li.btn333, li.btn300, li.btn262, li.btn250, li.btn200, li.btn150, li.btn050
{
	height: 80px;
	line-height: 80px;
	text-align: center;
	float: left;
	border-right-width: 1px;
	border-right-style: solid;
	border-top-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	padding: 0px;
	margin: 1px;
	font-size: 14pt;
}

li.btn500 {	width: 496px; }	/* ----- 1000px を２分割に最適化 ----- */
li.btn333 {	width: 329px; }	/* ----- 1000px を３分割に最適化 ----- */
li.btn250 {	width: 246px; }	/* ----- 1000px を４分割に最適化 ----- */
li.btn200 {	width: 196px; }	/* -----  800px を４分割に最適化 ----- */	/* ----- 600px を３分割に最適化 ----- */
li.btn262 {	width: 262px; }	/* -----  800px を３分割に最適化 ----- */
li.btn400 {	width: 396px; }	/* -----  800px を２分割に最適化 ----- */
li.btn300 {	width: 296px; }	/* -----  600px を２分割に最適化 ----- */
li.btn150 {	width: 146px; }	/* -----  600px を４分割に最適化 ----- */
li.btn050 {	width: 46px;  }	/* -----  150px を３分割に最適化 ----- */

/* -------------------------------------------------- */
/*                   高さの設定                       */
/* -------------------------------------------------- */
li.H60 { height: 60px;	line-height: 60px; }
li.H40 { height: 40px;	line-height: 40px; }
li.H30 { height: 30px;	line-height: 30px; }
li.H20 { height: 20px;	line-height: 20px; }

/* -------------------------------------------------- */
/*                 背景と文字色を設定                 */
/* -------------------------------------------------- */
.bg_SSSC1 { background-color: #FC0; color: #33C; }
.bg_SSSC2 { background-color: #FE6; color: #33C; }
.bg_red01 { background-color: #A00;	color: #FFF; }
.bg_gren1 { background-color: #0A0;	color: #FFF; }
.bg_blue1 { background-color: #00A;	color: #FFF; }
.bg_yelw1 { background-color: #AA0;	color: #FFF; }
.bg_orng1 { background-color: #A0A;	color: #FFF; }
.bg_navy1 { background-color: #300;	color: #FFF; }
.bg_blck1 { background-color: #000;	color: #FFF; }

