:root {
	--common-bodybg-color: #fafad2;
	--common-bodybg-colorgradi: #ffffe0;
	--common-menubg-color: #ffa500;
	--common-menubg-colorgradi: #ffd700;
/*	--common-font-color: #ff8c00; */
	--common-font-color: #ff570d;
/*	--common-link-color: #ff570d; */
	--common-link-color: #555555;
}

/* ��ʑS�̂̐ݒ� */
body{
	margin: 0 0 0 0;
	padding: 0 0 0 0;
	background-color:var(--common-bodybg-color);
	background: -linear-gradient(left top, var(--common-bodybg-color), var(--common-bodybg-colorgradi));
	background: -moz-linear-gradient(left top, var(--common-bodybg-color), var(--common-bodybg-colorgradi));
	background: -webkit-linear-gradient(left top, var(--common-bodybg-color), var(--common-bodybg-colorgradi));
	-webkit-text-size-adjust: 100%;
}

/* �����N�̐ݒ� */
a:link, a:active, a:visited {
  color: #0033cc;
  font-weight: bold;
/*  text-decoration: none;*/
}

/* �����N�Ƀ}�E�X���̂������̐ݒ� */
a:hover {
  color: #cc0000;
  text-decoration: underline;
}

/* �����N�C���[�W�̃{�[�_�[�͂Ȃ� */
a img {
  border: none;
}

/********/
/* id�� */
/********/

/* �^�C�g���̐ݒ� */
#header a {
	text-decoration: none;
}

/* �㕔���j���[�̐ݒ� */
#menu {
	font-size: 100%;
	text-align: center;
	vertical-align: middle;
	height: 27px;
	line-height: 150%;
	background-color:#ffa500;
	background: -linear-gradient(left top, var(--common-menubg-color), var(--common-menubg-colorgradi));
	background: -moz-linear-gradient(left top, var(--common-menubg-color), var(--common-menubg-colorgradi));
	background: -webkit-linear-gradient(left top, var(--common-menubg-color), var(--common-menubg-colorgradi));
	padding-top: 3px;
	clear: both;
}

#imenu {
	position: fixed;
	top: 0;

	font-size: 80%;
	text-align: center;
	vertical-align: middle;
	height: 23px;
	width: 100%;
	background-color:var(--common-menubg-color);
	background: -linear-gradient(left top, var(--common-menubg-color), var(--common-menubg-colorgradi));
	background: -moz-linear-gradient(left top, var(--common-menubg-color), var(--common-menubg-colorgradi));
	background: -webkit-linear-gradient(left top, var(--common-menubg-color), var(--common-menubg-colorgradi));
	padding: 2px 0 0 0;
	clear: both;
}

.leftmenu {
	line-height: 170%;
	margin: 0 0 0 3%;
}

.leftmenu li:hover {
	background-color: var(--common-bodybg-color);
}

.menublock {
	width: auto;
	margin: 0 0 0 2%;
}

.leftmenu a {
	font-weight: normal;
	color: var(--common-link-color);
	text-decoration: none;
}

ul {
	margin: 0;
	padding: 0;
	list-style: none;
}

li {
	margin: 0;
	padding: 0;
}


#indexinfo {
	font-size: 90%;
	line-height: 180%;
}

#indexinfo ul {
	margin-top: 0px;
/*	margin-top: 20px; */
}

#indexinfo li {
	margin: -1px 0 0 0;
	border-top: solid 1px var(--common-menubg-colorgradi);
	border-bottom: solid 1px var(--common-menubg-colorgradi);
}

#indexinfo li:hover {
	background-color: var(--common-bodybg-color);
}


#menulist {
	font-size: 90%;
	line-height: 200%;
/*	line-height: 250%; */
}

#menulist ul {
	margin-top: 0px;
/*	margin-top: 25px; */
}

#menulist li {
	margin: -1px 0 0 0;
	border-top: solid 1px var(--common-menubg-colorgradi);
	border-bottom: solid 1px var(--common-menubg-colorgradi);
}

#menulist li:hover {
	background-color: var(--common-bodybg-color);
}

#menulist ul li a {
	text-decoration: none;
}


#centerbox h2 {
	border-left: 10px solid var(--common-menubg-color);
	border-top: 1px dashed var(--common-menubg-color);
	border-bottom: 1px dashed var(--common-menubg-color);
	padding: 2px 0 2px 5px;
}

#centerbox h3 {
	border-left: 10px solid var(--common-menubg-colorgradi);
	border-bottom: 1px dashed var(--common-menubg-colorgradi);
	padding: 0 0 2px 5px;
}

#footer {
	font-size: 80%;
	text-align: center;
	padding: 1% 3px 0 3px;
	margin-right: auto;
	margin-left: auto;
	border-top: solid 1px #808080;
	clear: both;
}

#links {
	font-size: 80%;
}

/* �T�u���j���[�S�̂̐ݒ� */
#subMenu {
	display: none;
	visibility: hidden;
}

/* ���[�U�[�p�T�C�g�}�b�v�̐ݒ� */
#sitemap {
	font-size: 70%;
	width: auto;
	height: auto;
	line-height: 150%;
}

/************/
/* class�� */
/************/
.setting {
	width: 80%;
	text-align: center;

	border: solid 1px #99cccc;
	border-radius: 10px;
	-webkit-border-radius: 10px;	/* Safari�AGoogle Chrome */
	-moz-border-radius: 10px;		/* Firefox */

	margin: 0 1% 1% 1%;
	padding: 0 5% 0 5%;
}

/* �R���e���c�G���A�̘g�� */
.contents {
/* �•ʂ�border���w�肷��ꍇ
	border-top: solid 1px #0000ff;
	border-bottom: solid 1px #0000ff;
	border-left: solid 2px #0000ff;
	border-right: solid 1px #0000ff;
*/
	border: solid 2px #99cccc;
	border-radius: 10px;
	-webkit-border-radius: 10px;	/* Safari�AGoogle Chrome */
	-moz-border-radius: 10px;		/* Firefox */
}

.centerdiv {
  width: 46%;
  height: 570px;
  margin: 1% 0 1% 0;
  padding: 0 1% 0 1%;
  float: left;
}

.info {
	line-height: 150%;
	border: solid 2px #99cccc;
	border-radius: 10px;
	-webkit-border-radius: 10px;	/* Safari�AGoogle Chrome */
	-moz-border-radius: 10px;		/* Firefox */
	padding: 10px 10px 10px 10px;
}

.fxbtcjpy {
	background-color: #ffcccc;
}


.bfbalance {
	font-size: 80%;
	line-height: 100%;
}

.bfinquiry {
	font-size: 90%;
	line-height: 110%;
}

.ad {
	font-size: 80%;
	line-height: 120%;
	border: solid 2px #99cccc;
	border-radius: 10px;
	-webkit-border-radius: 10px;	/* Safari�AGoogle Chrome */
	-moz-border-radius: 10px;		/* Firefox */
	margin-top: 5px;
	margin-bottom: 5px;
	margin-left: 35px;
	margin-right: 35px;
	padding-top: 10px;
	padding-bottom: 10px;
	padding-left: 10px;
	padding-right: 10px;
}

.gad {
	margin-top: 5px;
	margin-bottom: 5px;
	margin-left: 35px;
/*	margin-right: 35px; */
}

.explanation {
	border-collapse: collapse;
	border: solid 1px #99cccc;
	border-radius: 10px;
	-webkit-border-radius: 10px;	/* Safari�AGoogle Chrome */
	-moz-border-radius: 10px;		/* Firefox */
}

.small {
	font-size: 80%;
}

.xsmall {
	font-size: 70%;
	font-weight: normal;
}

.notes {
	font-size: 80%;
	font-weight: normal;
	line-height: 120%;
}

.snotes {
	font-size: 70%;
	font-weight: normal;
	line-height: 100%;
}


/* �e�L�X�g�{�b�N�X�̒��̉E�� */
.inputright {
	text-align: right;
}

.inputright30 {
	width: 30px;
	text-align: right;
}

.inputright60 {
	width: 60px;
	text-align: right;
}

.inputright80 {
	width: 80px;
	text-align: right;
}

.inputright120 {
	width: 120px;
	text-align: right;
}

.readonlyright120 {
	width: 120px;
	text-align: right;
/*	border-style: none; */
}

.inputright150 {
	width: 150px;
	text-align: right;
}

.readonlyright150 {
	width: 150px;
	text-align: right;
}

/* ���[�U�[�p�T�C�g�}�b�v���̐ݒ� */
.sitemapblock {
	width: 30%;
	height: auto;
	padding: 0px 0px 0px 0px;
	margin: 0px 3% 0px 0px;
	float: left;
}

/* �{�^���^�񒆊񂹗p�i�u���E�U���Ƃ̍��ّΉ��j */
.center {
	text-align: center;
}

/* INDEX�̑сih2, h3�̎w��ł������͂Ȃ������j */
.belt {
	background-color: #a9f5f2;
	background: -linear-gradient(left top, #0080ff, #a9f5f2);
	background: -moz-linear-gradient(left top, #0080ff, #a9f5f2); /* mozilla�n */
	background: -webkit-linear-gradient(left top, #0080ff, #a9f5f2); /* webkit�n */
	border-radius: 10px;
	-webkit-border-radius: 10px;	/* Safari�AGoogle Chrome */
	-moz-border-radius: 10px;		/* Firefox */
}

/* ���k�G���A */
.consult {
	line-height: 150%;
}

.htb {
	font-weight: bold;
	color: red;
	background-color: #f6cece;
}

.fbb {
	font-weight: bold;
	color: #ffffff;
	background-color: #3b5998;
}



.boxti {
	padding: 1% 1% 1% 1%;
	margin: -1px 0 0 0;
	border: 1px solid #dddddd;
}

.box {
	padding: 1% 1% 1% 1%;
	margin: -1px 0 0 0;
	border: 1px solid #dddddd;
}

.box:hover {
	background-color: #dddddd;
}

.boxad {
	padding: 1% 1% 1% 1%;
	margin-top: -1px;
	border: 1px solid #dddddd;
	clear: both;
}

.boxad:hover {
	background-color: #dddddd;
}

.naname {
	font-size: 120%;
	color: var(--common-font-color);
	transform: rotate(-2deg);
    display: inline-block;
}

.st {
	font-weight: bold;
	color: var(--common-font-color);
}

.chatlogtime {
	color: #45b2cf;
}

.chatlogtime a {
	text-decoration: none;
	font-weight: normal;
	color: #45b2cf;
}

.chatlogname {
	font-weight: bold;
}

.chatlogname a {
	text-decoration: none;
	color: #003355;
}

.radiusdorderdiv {
	float: left;
	border: 1px solid #888888;
	-moz-border-radius: 6px 6px 6px 6px;
	-webkit-border-radius: 6px 6px 6px 6px;
	border-radius: 6px 6px 6px 6px;
}


.chatanalyticshead {
	margin: 0 0 0 5%;
}


/* span�S�̂̐ݒ� */
span.red {color:#ff0000;}

/* b�S�̂̐ݒ� */
b.red {color:#ff0000;}

.surplus {
	font-weight: bold;
	color: #000000;
}

.deficit {
	font-weight: bold;
	color: red;
}

.payed {
	font-weight: bold;
/*	color: #FF4F02; */
	color: #181B39;	/* 勝色 */
/*	color: #002E4E; */	/* 濃藍 */
}


.rssinfo {
	line-height: 150%;
	border: solid 2px var(--common-menubg-color);
	border-radius: 10px;
	-webkit-border-radius: 10px;	/* Safari�AGoogle Chrome */
	-moz-border-radius: 10px;	/* Firefox */

	margin: 0 1% 1% 1%;
	padding: 1% 1% 0 1%;
}

.rssinfo a {
	text-decoration: none;
}

.rssinfo li {
	margin: -1px 1% 0% 2%;
	padding: 1% 0 1% 0;
	border-top: solid 1px var(--common-menubg-colorgradi);
	border-bottom: solid 1px var(--common-menubg-colorgradi);
}

.rssinfo li:last-child {
	margin: -1px 1% 2% 2%;
	border-top: solid 1px var(--common-menubg-colorgradi);
	border-bottom: solid 1px var(--common-menubg-colorgradi);

}