/* -------------------------- */
/* リストを横方向に並べる装飾 */
/* -------------------------- */
ul.menulist {
	margin: 0px;	/* リスト周囲の余白を削除 */
	padding: 0px;	/* リスト周囲の余白を削除 */
}
ul.menulist li {
	list-style-type: none;	/* 先頭記号を消す */
	float: left;	/* リスト項目を横方向に並べる */
	margin: 0px;	/* 各項目周囲の余白 */
	padding: 0px;	/* 枠線と内容の距離をゼロに */
	height: 30px;	/* ★タブの高さ */
}
/* ---------------------------------------- */
/* メニュー項目内のリンクをタブに見せる装飾 */
/* ---------------------------------------- */
ul.menulist li a {
	text-decoration: none;	/* 下線を消す */
	display: block;	/* ブロックレベルとして表示 */
	padding: 7px 3px;/* ★内側の余白量 */
	width: 15em;/* 11em★タブの横幅 */
	height: 60px;	/* ★十分な高さを指定しておく（※タブが2段組・3段組になったときのために数倍にしておくと良いかも） */
	text-align: center;/* ★ラベル(文字列)を中央寄せ */
	font-weight: bold;/* ★ラベル(文字列)を太字にする */
	background-color: #ffffcc;/* ★タブの背景色 */
	border: blue solid 1px;/* ★タブの枠線 */
	border-top-left-radius: 12px;	/* ★タブの左上の角を丸くする */
	border-top-right-radius: 12px;	/* ★タブの右上の角を丸くする */

	/* タブよりもタブページ側を上に重ねるための指定 */
	position: relative;
	z-index: 0;

}

/* ---------- */
/* タブの配色 */
/* ---------- */
ul.menulist li#order  a { background-color: #ccffcc; color: #008000; border-color: #008000; }
ul.menulist li#account  a { background-color: #ffcccc; color: #800000; border-color: #800000; }
ul.menulist li#request a { background-color: #ffffcc; color: #808000; border-color: #808000; }
ul.menulist li#plan   a { background-color: #ccccff; color: #000080; border-color: #000080; }
ul.menulist li#download  a { background-color: #ccffff; color: #008080; border-color: #008080; }
ul.menulist li#processing a { background-color: #00ff7f; color: #008000; border-color: #008000;}
ul.menulist li#contract  a { background-color: #db7093; color: #2a14d28a; border-color: #2a14d28a; }
ul.menulist li#quota a { background-color: #f0e68c; color: #808000; border-color: #808000; }
ul.menulist li#environment   a { background-color: #dda0dd; color: #000080; border-color: #000080; }

/* ---------------- */
/* 選択中タブの配色 */
/* ---------------- */
ul.menulist li#order  a.selected { background-color: #008000; color: white; border-bottom: 1px solid  #008000; }
ul.menulist li#account  a.selected { background-color: #800000; color: white; border-bottom: 1px solid  #800000; }
ul.menulist li#request a.selected { background-color: #808000; color: white; border-bottom: 1px solid  #808000; }
ul.menulist li#plan   a.selected { background-color: #000080; color: white; border-bottom: 1px solid  #000080; }
ul.menulist li#download  a.selected { background-color: #008080; color: white; border-bottom: 1px solid  #008080; }
ul.menulist li#processing  a.selected { background-color: #00c000; color: white; border-bottom: 1px solid  #00ff7f; }
ul.menulist li#contract  a.selected { background-color: #f0e68c; color: white; border-bottom: 1px solid  #db7093; }
ul.menulist li#quota a.selected { background-color: #f0e68c; color: white; border-bottom: 1px solid  #f0e68c; }
ul.menulist li#environment   a.selected { background-color: #dda0dd; color: white; border-bottom: 1px solid  #dda0dd; }

/* ------------------------------ */
/* マウスが載ったときのタブの配色 */
/* ------------------------------ */
ul.menulist li#order  a:hover { background-color: #008000; color: #ccffcc; }
ul.menulist li#account  a:hover { background-color: #800000; color: #ffcccc; }
ul.menulist li#request a:hover { background-color: #808000; color: #ffffcc; }
ul.menulist li#plan   a:hover { background-color: #000080; color: #ccccff; }
ul.menulist li#download  a:hover { background-color: #008080; color: #ccffff; }
ul.menulist li#processing  a:hover { background-color: #00c000; color: #00ff7f; }
ul.menulist li#contract  a:hover { background-color: #800080; color: #db7093; }
ul.menulist li#quota a:hover { background-color: #c0c000; color: #f0e68c; }
ul.menulist li#environment   a:hover { background-color: #0000cc; color: #dda0dd; }




/* ------------------------------ */
/* FAQのスタイル1*/
/* ------------------------------ */

.menu1 {
	margin: 0 auto;
	padding: 0;
}

.menu1 a {
  display: block;
  padding: 10px;
	text-decoration: none;
	color: #000;
  line-height: 1;
}
.menu1 a:link { 
  text-decoration: none;     
  color:#2040EF;
}
.menu1 a:visited { text-decoration:     none; color:#2040EF; }
.menu1 a:active  { text-decoration:     none; color:#222222; }
.menu1 a:hover   { text-decoration:underline; color:#ca00ff; }



.menu1 label {
  display: block;
  margin: 0 0 2px 0;
	padding :12px;
  line-height: 1;
	color :#800000;
  background :#ffcccc;
	cursor :pointer;
}
.menu1 label:before {
	content: "Q.";
	color: #800000;
	font-weight: bold;
	margin-right: 8px;
	margin-left: 1px;
}

.menu1 input {
	display: none;
}

.menu1 ul {
	margin: 0;
	padding: 0;
  background :#f4f4f4;
	list-style: none;
}

.menu1 li {
	max-height: 0;
	overflow-y: hidden;
	-webkit-transition: all 0.5s;
	-moz-transition: all 0.5s;
	-ms-transition: all 0.5s;
	-o-transition: all 0.5s;
	transition: all 0.5s;
}
.menu1 dd {
	padding: 2px 16px 16px 20px;
	margin: 10;
	line-height: 140%;
	font-weight: bold;
	color: #002200;
}
.menu1 dd:before {
	content: "A.";
	color: #ff2200;
	font-weight: bold;
	margin-right: 8px;
	margin-left: -20px;
}

#menu_bar01:checked ~ #links01 li,
#menu_bar02:checked ~ #links02 li,
#menu_bar03:checked ~ #links03 li,
#menu_bar04:checked ~ #links04 li,
#menu_bar05:checked ~ #links05 li
{
	max-height: 600px;
  opacity: 1;
}
/* ------------------------------ */
/* FAQのスタイル2*/
/* ------------------------------ */

.menu2 {
	margin: 0 auto;
	padding: 0;
}

.menu2 a {
  display: block;
  padding: 10px;
	text-decoration: none;
	color: #000;
  line-height: 1;
}
.menu2 a:link { 
  text-decoration: none;     
  color:#2040EF;
}
.menu2 a:visited { text-decoration:     none; color:#2040EF; }
.menu2 a:active  { text-decoration:     none; color:#222222; }
.menu2 a:hover   { text-decoration:underline; color:#ca00ff; }



.menu2 label {
  display: block;
  margin: 0 0 2px 0;
	padding :12px;
  line-height: 1;
	color :#2a14d2;
  background :#db7093;
	cursor :pointer;
}
.menu2 label:before {
	content: "Q.";
	color: #2a14d2;
	font-weight: bold;
	margin-right: 8px;
	margin-left: 1px;
}

.menu2 input {
	display: none;
}

.menu2 ul {
	margin: 0;
	padding: 0;
  background :#f4f4f4;
	list-style: none;
}

.menu2 li {
	max-height: 0;
	overflow-y: hidden;
	-webkit-transition: all 0.5s;
	-moz-transition: all 0.5s;
	-ms-transition: all 0.5s;
	-o-transition: all 0.5s;
	transition: all 0.5s;
}
.menu2 dd {
	padding: 2px 16px 16px 20px;
	margin: 10;
	line-height: 140%;
	font-weight: bold;
	color: #002200;
}
.menu2 dd:before {
	content: "A.";
	color: #ff2200;
	font-weight: bold;
	margin-right: 8px;
	margin-left: -20px;
}

#menu_bar01:checked ~ #links01 li,
#menu_bar02:checked ~ #links02 li
{
	max-height: 600px;
  opacity: 1;
}
/* ------------------------------ */
/* FAQのスタイル3*/
/* ------------------------------ */

.menu3 {
	margin: 0 auto;
	padding: 0;
}

.menu3 a {
  display: block;
  padding: 10px;
	text-decoration: none;
	color: #000;
  line-height: 1;
}
.menu3 a:link { 
  text-decoration: none;     
  color:#2040EF;
}
.menu3 a:visited { text-decoration:     none; color:#2040EF; }
.menu3 a:active  { text-decoration:     none; color:#222222; }
.menu3 a:hover   { text-decoration:underline; color:#ca00ff; }



.menu3 label {
  display: block;
  margin: 0 0 2px 0;
	padding :12px;
  line-height: 1;
	color :#008080;
  background :#ccffff;
	cursor :pointer;
}
.menu3 label:before {
	content: "Q.";
	color: #008080;
	font-weight: bold;
	margin-right: 8px;
	margin-left: 1px;
}

.menu3 input {
	display: none;
}

.menu3 ul {
	margin: 0;
	padding: 0;
  background :#f4f4f4;
	list-style: none;
}

.menu3 li {
	max-height: 0;
	overflow-y: hidden;
	-webkit-transition: all 0.5s;
	-moz-transition: all 0.5s;
	-ms-transition: all 0.5s;
	-o-transition: all 0.5s;
	transition: all 0.5s;
}
.menu3 dd {
	padding: 2px 16px 16px 20px;
	margin: 10;
	line-height: 140%;
	font-weight: bold;
	color: #002200;
}
.menu3 dd:before {
	content: "A.";
	color: #ff2200;
	font-weight: bold;
	margin-right: 8px;
	margin-left: -20px;
}

#menu_bar01:checked ~ #links01 li,
#menu_bar02:checked ~ #links02 li,
#menu_bar03:checked ~ #links03 li,
#menu_bar04:checked ~ #links04 li,
#menu_bar05:checked ~ #links05 li
{
	max-height: 600px;
  opacity: 1;
}
/* ------------------------------ */
/* FAQのスタイル4*/
/* ------------------------------ */

.menu4 {
	margin: 0 auto;
	padding: 0;
}

.menu4 a {
  display: block;
  padding: 10px;
	text-decoration: none;
	color: #000;
  line-height: 1;
}
.menu4 a:link { 
  text-decoration: none;     
  color:#2040EF;
}
.menu4 a:visited { text-decoration:     none; color:#2040EF; }
.menu4 a:active  { text-decoration:     none; color:#222222; }
.menu4 a:hover   { text-decoration:underline; color:#ca00ff; }



.menu4 label {
  display: block;
  margin: 0 0 2px 0;
	padding :12px;
  line-height: 1;
	color :#000080;
  background :#dda0dd;
	cursor :pointer;
}
.menu4 label:before {
	content: "Q.";
	color: #000080;
	font-weight: bold;
	margin-right: 8px;
	margin-left: 1px;
}

.menu4 input {
	display: none;
}

.menu4 ul {
	margin: 0;
	padding: 0;
  background :#f4f4f4;
	list-style: none;
}

.menu4 li {
	max-height: 0;
	overflow-y: hidden;
	-webkit-transition: all 0.5s;
	-moz-transition: all 0.5s;
	-ms-transition: all 0.5s;
	-o-transition: all 0.5s;
	transition: all 0.5s;
}
.menu4 dd {
	padding: 2px 16px 16px 20px;
	margin: 10;
	line-height: 140%;
	font-weight: bold;
	color: #002200;
}
.menu4 dd:before {
	content: "A.";
	color: #ff2200;
	font-weight: bold;
	margin-right: 8px;
	margin-left: -20px;
}

#menu_bar01:checked ~ #links01 li,
#menu_bar02:checked ~ #links02 li
{
	max-height: 600px;
  opacity: 1;
}
/* ------------------------------ */
/* FAQのスタイル5*/
/* ------------------------------ */

.menu5 {
	margin: 0 auto;
	padding: 0;
}

.menu5 a {
  display: block;
  padding: 10px;
	text-decoration: none;
	color: #000;
  line-height: 1;
}
.menu5 a:link { 
  text-decoration: none;     
  color:#2040EF;
}
.menu5 a:visited { text-decoration:     none; color:#2040EF; }
.menu5 a:active  { text-decoration:     none; color:#222222; }
.menu5 a:hover   { text-decoration:underline; color:#ca00ff; }

.menu5 label {
  display: block;
  margin: 0 0 2px 0;
	padding :12px;
  line-height: 1;
	color :#008000;
  background :#ccffcc;
	cursor :pointer;
}
.menu5 label:before {
	content: "Q.";
	color: #008000;
	font-weight: bold;
	margin-right: 8px;
	margin-left: 1px;
}

.menu5 input {
	display: none;
}

.menu5 ul {
	margin: 0;
	padding: 0;
  background :#f4f4f4;
	list-style: none;
}

.menu5 li {
	max-height: 0;
	overflow-y: hidden;
	-webkit-transition: all 0.5s;
	-moz-transition: all 0.5s;
	-ms-transition: all 0.5s;
	-o-transition: all 0.5s;
	transition: all 0.5s;
}
.menu5 dd {
	padding: 2px 16px 16px 20px;
	margin: 10;
	line-height: 140%;
	font-weight: bold;
	color: #002200;
}
.menu5 dd:before {
	content: "A.";
	color: #ff2200;
	font-weight: bold;
	margin-right: 8px;
	margin-left: -20px;
}

#menu_bar01:checked ~ #links01 li,
#menu_bar02:checked ~ #links02 li
{
	max-height: 600px;
  opacity: 1;
}
/* ------------------------------ */
/* FAQのスタイル6*/
/* ------------------------------ */

.menu6 {
	margin: 0 auto;
	padding: 0;
}

.menu6 a {
  display: block;
  padding: 10px;
	text-decoration: none;
	color: #000;
  line-height: 1;
}
.menu6 a:link { 
  text-decoration: none;     
  color:#2040EF;
}
.menu6 a:visited { text-decoration:     none; color:#2040EF; }
.menu6 a:active  { text-decoration:     none; color:#222222; }
.menu6 a:hover   { text-decoration:underline; color:#ca00ff; }



.menu6 label {
  display: block;
  margin: 0 0 2px 0;
	padding :12px;
  line-height: 1;
	color :#000080;
  background :#ccccff;
	cursor :pointer;
}
.menu6 label:before {
	content: "Q.";
	color: #000080;
	font-weight: bold;
	margin-right: 8px;
	margin-left: 1px;
}

.menu6 input {
	display: none;
}

.menu6 ul {
	margin: 0;
	padding: 0;
  background :#f4f4f4;
	list-style: none;
}

.menu6 li {
	max-height: 0;
	overflow-y: hidden;
	-webkit-transition: all 0.5s;
	-moz-transition: all 0.5s;
	-ms-transition: all 0.5s;
	-o-transition: all 0.5s;
	transition: all 0.5s;
}
.menu6 dd {
	padding: 2px 16px 16px 20px;
	margin: 10;
	line-height: 140%;
	font-weight: bold;
	color: #002200;
}
.menu6 dd:before {
	content: "A.";
	color: #ff2200;
	font-weight: bold;
	margin-right: 8px;
	margin-left: -20px;
}

#menu_bar01:checked ~ #links01 li,
#menu_bar02:checked ~ #links02 li
{
	max-height: 600px;
  opacity: 1;
}
/* ------------------------------ */
/* FAQのスタイル7*/
/* ------------------------------ */

.menu7 {
	margin: 0 auto;
	padding: 0;
}

.menu7 a {
  display: block;
  padding: 10px;
	text-decoration: none;
	color: #000;
  line-height: 1;
}
.menu7 a:link { 
  text-decoration: none;     
  color:#2040EF;
}
.menu7 a:visited { text-decoration:     none; color:#2040EF; }
.menu7 a:active  { text-decoration:     none; color:#222222; }
.menu7 a:hover   { text-decoration:underline; color:#ca00ff; }



.menu7 label {
  display: block;
  margin: 0 0 2px 0;
	padding :12px;
  line-height: 1;
	color :#008000;
  background :#00ff7f; /* #ccffcc */
	cursor :pointer;
}
.menu7 label:before {
	content: "Q.";
	color: #008000;
	font-weight: bold;
	margin-right: 8px;
	margin-left: 1px;
}

.menu7 input {
	display: none;
}

.menu7 ul {
	margin: 0;
	padding: 0;
  background :#f4f4f4;
	list-style: none;
}

.menu7 li {
	max-height: 0;
	overflow-y: hidden;
	-webkit-transition: all 0.5s;
	-moz-transition: all 0.5s;
	-ms-transition: all 0.5s;
	-o-transition: all 0.5s;
	transition: all 0.5s;
}
.menu7 dd {
	padding: 2px 16px 16px 20px;
	margin: 10;
	line-height: 140%;
	font-weight: bold;
	color: #002200;
}
.menu7 dd:before {
	content: "A.";
	color: #ff2200;
	font-weight: bold;
	margin-right: 8px;
	margin-left: -20px;
}

#menu_bar01:checked ~ #links01 li,
#menu_bar02:checked ~ #links02 li
{
	max-height: 600px;
  opacity: 1;
}
/* ------------------------------ */
/* FAQのスタイル8*/
/* ------------------------------ */

.menu8 {
	margin: 0 auto;
	padding: 0;
}

.menu8 a {
  display: block;
  padding: 10px;
  text-decoration: none;
  color: #000;
  line-height: 1;
}
.menu8 a:link { 
  text-decoration: none;     
  color:#2040EF;
}
.menu8 a:visited { text-decoration:     none; color:#2040EF; }
.menu8 a:active  { text-decoration:     none; color:#222222; }
.menu8 a:hover   { text-decoration:underline; color:#ca00ff; }



.menu8 label {
  display: block;
  margin: 0 0 2px 0;
	padding :12px;
  line-height: 1;
	color :#808000;
  background :#f0e68c;
	cursor :pointer;
}
.menu8 label:before {
	content: "Q.";
	color: #808000;
	font-weight: bold;
	margin-right: 8px;
	margin-left: 1px;
}

.menu8 input {
	display: none;
}

.menu8 ul {
	margin: 0;
	padding: 0;
  background :#f4f4f4;
	list-style: none;
}

.menu8 li {
	max-height: 0;
	overflow-y: hidden;
	-webkit-transition: all 0.5s;
	-moz-transition: all 0.5s;
	-ms-transition: all 0.5s;
	-o-transition: all 0.5s;
	transition: all 0.5s;
}
.menu8 dd {
	padding: 2px 16px 16px 20px;
	margin: 10;
	line-height: 140%;
	font-weight: bold;
	color: #002200;
}
.menu8 dd:before {
	content: "A.";
	color: #ff2200;
	font-weight: bold;
	margin-right: 8px;
	margin-left: -20px;
}

#menu_bar01:checked ~ #links01 li,
#menu_bar02:checked ~ #links02 li,
#menu_bar03:checked ~ #links03 li,
#menu_bar04:checked ~ #links04 li
{
	max-height: 600px;
  opacity: 1;
}
/* ------------------------------ */
/* FAQのスタイル9*/
/* ------------------------------ */

.menu9 {
	margin: 0 auto;
	padding: 0;
}

.menu9 a {
  display: block;
  padding: 10px;
	text-decoration: none;
	color: #000;
  line-height: 1;
}
.menu9 a:link { 
  text-decoration: none;     
  color:#2040EF;
}
.menu9 a:visited { text-decoration:     none; color:#2040EF; }
.menu9 a:active  { text-decoration:     none; color:#222222; }
.menu9 a:hover   { text-decoration:underline; color:#ca00ff; }



.menu9 label {
  display: block;
  margin: 0 0 2px 0;
	padding :12px;
  line-height: 1;
	color :#808000;
  background :#ffffcc;
	cursor :pointer;
}
.menu9 label:before {
	content: "Q.";
	color: #808000;
	font-weight: bold;
	margin-right: 8px;
	margin-left: 1px;
}

.menu9 input {
	display: none;
}

.menu9 ul {
	margin: 0;
	padding: 0;
  background :#f4f4f4;
	list-style: none;
}

.menu9 li {
	max-height: 0;
	overflow-y: hidden;
	-webkit-transition: all 0.5s;
	-moz-transition: all 0.5s;
	-ms-transition: all 0.5s;
	-o-transition: all 0.5s;
	transition: all 0.5s;
}
.menu9 dd {
	padding: 2px 16px 16px 20px;
	margin: 10;
	line-height: 140%;
	font-weight: bold;
	color: #002200;
}
.menu9 dd:before {
	content: "A.";
	color: #ff2200;
	font-weight: bold;
	margin-right: 8px;
	margin-left: -20px;
}

#menu_bar01:checked ~ #links01 li
{
	max-height: 600px;
  opacity: 1;
}