a.ovalbutton-gray,
a.ovalbutton-blue,
a.ovalbutton-green,
a.ovalbutton-orange,
a.ovalbutton-red {
	display: block;
	float: left;
	font: normal 13px Tahoma; /* Change 13px as desired */
	line-height: 16px; /* This value + 4px + 4px (top and bottom padding of SPAN) must equal height of button background (default is 24px) */
	height: 24px; /* Height of button background height */
	padding-left: 11px; /* Width of left menu image */
	text-decoration: none;
}

a.squarebutton-gray,
a.squarebutton-green {
	display: block;
	float: left;
	font: normal 12px Arial;
	line-height: 15px; 
	height: 19px; 
	padding-left: 7px; 
	text-decoration: none;
}

a.ovalbutton-gray   { background: transparent url('../images/button/oval-gray-left.gif') no-repeat top left; }
a.ovalbutton-blue   { background: transparent url('../images/button/oval-blue-left.gif') no-repeat top left; }
a.ovalbutton-green  { background: transparent url('../images/button/oval-green-left.gif') no-repeat top left; }
a.ovalbutton-orange { background: transparent url('../images/button/oval-orange-left.gif') no-repeat top left; }
a.ovalbutton-red    { background: transparent url('../images/button/oval-red-left.gif') no-repeat top left; }
a.squarebutton-gray { background: transparent url('../images/button/square-gray-left.png') no-repeat top left; }
a.squarebutton-green { background: transparent url('../images/button/square-green-left.png') no-repeat top left; }

a:link.ovalbutton-gray,
a:link.ovalbutton-blue,
a:link.ovalbutton-green,
a:link.ovalbutton-orange,
a:link.ovalbutton-red,
a:link.squarebutton-gray,
a:link.squarebutton-green,
a:visited.ovalbutton-gray,
a:visited.ovalbutton-bule,
a:visited.ovalbutton-green,
a:visited.ovalbutton-orange,
a:visited.ovalbutton-red,
a:visited.squarebutton-gray,
a:visited.squarebutton-green,
a:active.ovalbutton-glay,
a:active.ovalbutton-blue,
a:active.ovalbutton-green,
a:active.ovalbutton-orange,
a:active.ovalbutton-red,
a:active.squarebutton-gray,
a:active.squarebutton-green
{
	color: #494949; /*button text color*/
}

a.ovalbutton-gray span   { background: transparent url('../images/button/oval-gray-right.gif') no-repeat top right; }
a.ovalbutton-blue span   { background: transparent url('../images/button/oval-blue-right.gif') no-repeat top right; }
a.ovalbutton-green span  { background: transparent url('../images/button/oval-green-right.gif') no-repeat top right; }
a.ovalbutton-orange span { background: transparent url('../images/button/oval-orange-right.gif') no-repeat top right; }
a.ovalbutton-red span    { background: transparent url('../images/button/oval-red-right.gif') no-repeat top right; }
a.squarebutton-gray span { background: transparent url('../images/button/square-gray-right.png') no-repeat top right; }
a.squarebutton-green span { background: transparent url('../images/button/square-green-right.png') no-repeat top right; }

a.ovalbutton-gray span,
a.ovalbutton-blue span,
a.ovalbutton-green span,
a.ovalbutton-orange span,
a.ovalbutton-red span {
	display: block;
	padding: 4px 11px 4px 0; /*Set 11px below to match value of 'padding-left' value above*/
}

a.squarebutton-gray span,
a.squarebutton-green span {
	display: block;
	padding: 2px 6px 2px 0; /*Set 9px below to match value of 'padding-left' value above*/
}

/* Hover state CSS */
a.ovalbutton-gray:hover,
a.ovalbutton-blue:hover,
a.ovalbutton-green:hover,
a.ovalbutton-orange:hover,
a.ovalbutton-red:hover,
a.squarebutton-gray:hover,
a.squarebutton-green:hover { 
	background-position: bottom left;
}

a.ovalbutton-gray:hover span,
a.squarebutton-gray:hover span {
	background-position: bottom right;
	color: #0080ff;
}

a.squarebutton-green:hover span {
	background-position: bottom right;
	color: #008040;
}

/* Hover state CSS */
a.ovalbutton-blue:hover span,
a.ovalbutton-green:hover span,
a.ovalbutton-orange:hover span,
a.ovalbutton-red:hover span { 
	background-position: bottom right;
	color: black;
}

/* Container you can use to surround a CSS button to clear float */
/* See: http://www.quirksmode.org/css/clearing.html */
.buttonwrapper{ 
	overflow: hidden; 
	width: 100%;
}


/* タブのスタイル （作業安全指示管理）*/
/*Credits: Dynamic Drive CSS Library */
/*URL: http://www.dynamicdrive.com/style/ */
    
#glowingtabs{
	width:100%;
	line-height:normal;
	overflow: hidden;
}

#glowingtabs ul{
	float:left;
	list-style-type: none;
	margin:0;
	margin-left: 5px; /*Left offset of entire tab menu relative to page*/
	padding:0;
}

#glowingtabs li{
	display:inline;
	margin:0;
	padding:0;
}

#glowingtabs a{
	float:left;
	background:url(../images/button/glowtab-left.gif) no-repeat left top;
	margin:0;
	margin-right: 5px; /*spacing between each tab*/
	padding:0 0 0 9px;
	text-decoration:none;
}

#glowingtabs a span{
	float:left;
	display:block;
	background:url(../images/button/glowtab.gif) no-repeat right top;
	padding: 9px 14px 4px 5px;
	font-weight:bold;
	color:#848484;
}

/* Commented Backslash Hack hides rule from IE5-Mac \*/
#glowingtabs a span {float:none;}
/* End IE5-Mac hack */

#glowingtabs a:hover span {
	color: black;
}

#glowingtabs #current a{ /*Selected Tab style*/
	background-position:0 -82px; /*Shift background image up to start of 2nd tab image*/
}

#glowingtabs #current a span{ /*Selected Tab style*/
	background-position:100% -82px; /*Shift background image up to start of 2nd tab image*/
	color: black;
}

#glowingtabs a:hover{ /*onMouseover style*/
	background-position:0% -82px; /*Shift background image up to start of 2nd tab image*/
}

#glowingtabs a:hover span{ /*onMouseover style*/
	background-position:100% -82px; /*Shift background image up to start of 2nd tab image*/
}