body {
	color: #444444;
	font-size: 10pt;
	
/*
	scrollbar-base-color: #ffffff;
	scrollbar-highlight-color: #3c69e3;
	scrollbar-face-color: #ffffff;
	scrollbar-arrow-color: #3c69e3;
	scrollbar-shadow-color: #3c69e3;
	scrollbar-darkshadow-color: #3c69e3;
 */
}


img {
	border: none 0;
	vertical-align: middle; }
.clear {
	clear: both; }
.pnt, .tgl_swt, label {
	cursor: pointer; }
.small {
	font-size: smaller; }
.lef { text-align: left !important; }
.cen { text-align: center !important; }
.rig { text-align: right !important; }



/* アンカーリンク */
a {
	color: #2c90b1;
	text-decoration: none;
	font-style: normal;
	font-weight: bold; }
a:hover {
	color: #83ccb8; }

a.goadmin { color: transparent; }
a.goadmin:hover {color: #87c7c2; }

/* ドット横罫線：Widthは8の奇数倍規定 */
hr.dot4 {
	border: none 0;
	height: 8px;
	margin: 1em auto;
	background: url("./image/hr_dot4.png") repeat-x 50% 0px; }
hr.dot4.red {		background-position: 50%  -8px; }
hr.dot4.purple {	background-position: 50% -16px; }
hr.dot4.blue {		background-position: 50% -24px; }
hr.dot4.aqua {		background-position: 50% -32px; }
hr.dot4.green {		background-position: 50% -40px; }
hr.dot4.grass {		background-position: 50% -48px; }
hr.dot4.yellow {	background-position: 50% -56px; }
hr.dot4.orange {	background-position: 50% -64px; }
hr.dot4.black {		background-position: 50% -72px; }
hr.dot4.white {		background-position: 50% -81px; }

/* 先頭へスクロール */
a#warpTop {
	position: fixed;
	right: 10px;
	bottom: 10px;
	height: 50px;
	width: 50px;
	z-index: 9999;
	display: block;
	cursor: pointer;
	-webkit-transform: translateY(100px);
	   -moz-transform: translateY(100px);
	    -ms-transform: translateY(100px);
	     -o-transform: translateY(100px);
	        transform: translateY(100px);
	-webkit-transition: all .6s ease;
	   -moz-transition: all .6s ease;
	    -ms-transition: all .6s ease;
	     -o-transition: all .6s ease;
	        transition: all .6s ease; }
a#warpTop.appr {
	-webkit-transform: translateY(0);
	   -moz-transform: translateY(0);
	    -ms-transform: translateY(0);
	     -o-transform: translateY(0);
	        transform: translateY(0); }
a#warpTop > div {
	height: 50px;
	width: 50px;
	text-align: left;
	text-indent: -9999px;
	display: block;
	background: #829ffe url("./image/warpTop.png") no-repeat 50% 50%;
	opacity: .3;
	-webkit-border-radius: 50%;
	   -moz-border-radius: 50%;
	    -ms-border-radius: 50%;
	     -o-border-radius: 50%;
	        border-radius: 50%;
	-webkit-box-shadow: #fff 4px 4px 4px;
	   -moz-box-shadow: #fff 4px 4px 4px;
	    -ms-box-shadow: #fff 4px 4px 4px;
	     -o-box-shadow: #fff 4px 4px 4px;
	        box-shadow: #fff 4px 4px 4px;
	-webkit-transition: all .3s ease;
	   -moz-transition: all .3s ease;
	    -ms-transition: all .3s ease;
	     -o-transition: all .3s ease;
	        transition: all .3s ease; }
a#warpTop > div:hover {
	opacity: .7; }


/* トグルスイッチ */
.tgl_swt.void {
	cursor: default; }
.tgl_swt.swt01,
.tgl_swt.swt02 {
	display: inline-block;
	text-align: left;
	text-indent: -9999px;
	vertical-align: middle;
	overflow: hidden; }
.tgl_swt.swt01 {
	background: url("./image/tgl_switch01.png") no-repeat 0px -30px;
	width: 15px;
	height: 15px; }
.tgl_swt.swt01.alclose,
.tgl_swt.swt01.close {				background-position:   0px   0px; }
.tgl_swt.swt01.width {				background-position:   0px -15px; }
.tgl_swt.swt01.width.alclose,
.tgl_swt.swt01.width.close {		background-position:   0px -45px; }
.tgl_swt.swt01.void {				background-position: -15px -30px; }
.tgl_swt.swt01.void.alclose,
.tgl_swt.swt01.void.close{			background-position: -15px   0px; }
.tgl_swt.swt01.void.width{			background-position: -15px -15px; }
.tgl_swt.swt01.void.width.alclose,
.tgl_swt.swt01.void.width.close{	background-position: -15px -45px; }
.tgl_swt.swt02 {
	background:url("./image/tgl_switch02.png") no-repeat 0px -56px;
	width: 26px;
	height: 26px; }
.tgl_swt.swt02.alclose,
.tgl_swt.swt02.close {				background-position:   0px   0px; }
.tgl_swt.swt02.width {				background-position:   0px -26px; }
.tgl_swt.swt02.width.alclose,
.tgl_swt.swt02.width.close {		background-position:   0px -78px; }
.tgl_swt.swt02.void {				background-position: -26px -52px; }
.tgl_swt.swt02.void.alclose,
.tgl_swt.swt02.void.close {			background-position: -26px   0px; }
.tgl_swt.swt02.void.width {			background-position: -26px -26px; }
.tgl_swt.swt02.void.width.alclose,
.tgl_swt.swt02.void.width.close {	background-position: -26px -78px; }



/* カラー */
.notice{ color: #ff4444 !important; }
.fande { color: #3f5ed1 !important; }

