.button 
{ 
    margin: 0px; 
    text-decoration: none; 
    font: bold 12px 'Trebuchet MS',Arial, Helvetica; /*Change the em value to scale the button*/ 
    display: inline-block; 
    text-align: center; 
    color: #fff; 
 
    border: 1px solid #9c9c9c; /* Fallback style */ 
    border: 1px solid rgba(0, 0, 0, 0.3);             
 
    /*text-shadow: 0 1px 0 rgba(0,0,0,0.4); */
 
    box-shadow: 0 0 .05em rgba(0,0,0,0.4); 
    -moz-box-shadow: 0 0 .05em rgba(0,0,0,0.4); 
    -webkit-box-shadow: 0 0 .05em rgba(0,0,0,0.4); 
 
} 
 
.button, .button span 
{ 
    -moz-border-radius: .3em; 
    border-radius: .3em; 
} 
 
.button span 
{ 
    border-top: 1px solid #fff; /* Fallback style */ 
    border-top: 1px solid rgba(255, 255, 255, 0.5); 
    display: block; 
    padding: 0.5em 0.5em; 
 
    /* The background pattern */ 
 
    background-image: -webkit-gradient(linear, 0 0, 100% 100%, color-stop(.25, rgba(0, 0, 0, 0.05)), color-stop(.25, transparent), to(transparent)), 
                      -webkit-gradient(linear, 0 100%, 100% 0, color-stop(.25, rgba(0, 0, 0, 0.05)), color-stop(.25, transparent), to(transparent)), 
                      -webkit-gradient(linear, 0 0, 100% 100%, color-stop(.75, transparent), color-stop(.75, rgba(0, 0, 0, 0.05))), 
                      -webkit-gradient(linear, 0 100%, 100% 0, color-stop(.75, transparent), color-stop(.75, rgba(0, 0, 0, 0.05))); 
    background-image: -moz-linear-gradient(45deg, rgba(0, 0, 0, 0.05) 25%, transparent 25%, transparent), 
                      -moz-linear-gradient(-45deg, rgba(0, 0, 0, 0.05) 25%, transparent 25%, transparent), 
                      -moz-linear-gradient(45deg, transparent 75%, rgba(0, 0, 0, 0.05) 75%), 
                      -moz-linear-gradient(-45deg, transparent 75%, rgba(0, 0, 0, 0.05) 75%); 
 
    /* Pattern settings */ 
 
    -moz-background-size: 3px 3px; 
    -webkit-background-size: 3px 3px; 
    background-size: 3px 3px; 
} 
 
.button:hover 
{ 
    box-shadow: 0 0 .1em rgba(0,0,0,0.4); 
    -moz-box-shadow: 0 0 .1em rgba(0,0,0,0.4); 
    -webkit-box-shadow: 0 0 .1em rgba(0,0,0,0.4); 
} 
 
.button:active 
{ 
    /* When pressed, move it down 1px */ 
    position: relative; 
    top: 1px; 
}


.button-blue 
{ 
    background: #4477a1; 
    background: -webkit-gradient(linear, left top, left bottom, from(#81a8cb), to(#4477a1) ); 
    background: -moz-linear-gradient(-90deg, #81a8cb, #4477a1); 
    filter:  progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#81a8cb', endColorstr='#4477a1'); 
} 
.button-blue:hover 
{ 
    background: #81a8cb; 
    background: -webkit-gradient(linear, left top, left bottom, from(#4477a1), to(#81a8cb) ); 
    background: -moz-linear-gradient(-90deg, #4477a1, #81a8cb); 
    filter:  progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#4477a1', endColorstr='#81a8cb'); 
} 
.button-blue:active 
{ 
    background: #4477a1; 
}

.button-black        {            background: #141414;            background: -webkit-gradient(linear, left top, left bottom, from(#656565), to(#141414) );            background: -moz-linear-gradient(-90deg, #656565, #141414);            filter: progid:DXImageTransform.Microsoft.Gradient(GradientType=0, StartColorStr='#656565', EndColorStr='#141414');        } 
.button-black:hover  {
	background: #656565;            
	background: -webkit-gradient(linear, left top, left bottom, from(#141414), to(#656565) );            
	background: -moz-linear-gradient(-90deg, #141414, #656565);            
	filter: progid:DXImageTransform.Microsoft.Gradient(GradientType=0, StartColorStr='#141414', EndColorStr='#656565');        
}                
.button-black:active        
{
	background: #141414;        
}                /*----------------------------*/                

.button-orange        {            background: #f09c15;            background: -webkit-gradient(linear, left top, left bottom, from(#f8c939), to(#f09c15) );            background: -moz-linear-gradient(-90deg, #f8c939, #f09c15);            filter: progid:DXImageTransform.Microsoft.Gradient(GradientType=0, StartColorStr='#f8c939', EndColorStr='#f09c15');        
}                
.button-orange:hover        {            background: #f8c939;            background: -webkit-gradient(linear, left top, left bottom, from(#f09c15), to(#f8c939) );            background: -moz-linear-gradient(-90deg, #f09c15, #f8c939);            filter: progid:DXImageTransform.Microsoft.Gradient(GradientType=0, StartColorStr='#f09c15', EndColorStr='#f8c939');        
}                
.button-orange:active        {            background: #f09c15;        
}

.button-silver        
{
	color: #0000FF;
	font-family:arial, verdana, sans-serif; 
	background: #eaeaea;
	/*
	background: -webkit-gradient(linear, left top, left bottom, from(#eaeaea), to(#c5c5c5) );            
	background: -moz-linear-gradient(-90deg, #eaeaea, #c5c5c5);            
	filter: progid:DXImageTransform.Microsoft.Gradient(GradientType=0, StartColorStr='#eaeaea', EndColorStr='#c5c5c5');        
	*/
}                
.button-silver:hover        
{
	background: #c5c5c5;                      
	/*  
	background: -webkit-gradient(linear, left top, left bottom, from(#c5c5c5), to(#eaeaea) );            
	background: -moz-linear-gradient(-90deg, #c5c5c5, #eaeaea);            
	filter: progid:DXImageTransform.Microsoft.Gradient(GradientType=0, StartColorStr='#c5c5c5', EndColorStr='#eaeaea');        
	*/
}                
.button-silver:active        
{
	background: #c5c5c5;        
}  

.button-receipt        
{
	color: #141414;
	font-family:arial, verdana, sans-serif; 
	font-size:10px; 
	background: #eaeaea;
	/*
	background: -webkit-gradient(linear, left top, left bottom, from(#eaeaea), to(#c5c5c5) );            
	background: -moz-linear-gradient(-90deg, #eaeaea, #c5c5c5);            
	*/
	filter: progid:DXImageTransform.Microsoft.Gradient(GradientType=0, StartColorStr='#eaeaea', EndColorStr='#c5c5c5');        
}                
.button-receipt:hover        
{
	background: #c5c5c5;
	/*  
	background: -webkit-gradient(linear, left top, left bottom, from(#c5c5c5), to(#eaeaea) );            
	background: -moz-linear-gradient(-90deg, #c5c5c5, #eaeaea);            
	filter: progid:DXImageTransform.Microsoft.Gradient(GradientType=0, StartColorStr='#c5c5c5', EndColorStr='#eaeaea');        
	*/
}                
.button-receipt:active        
{
	background: #c5c5c5;        
}  
.button-disable        {            background: #c5c5c5;            background: -webkit-gradient(linear, left top, left bottom, from(#eaeaea), to(#c5c5c5) );            background: -moz-linear-gradient(-90deg, #eaeaea, #c5c5c5);            filter: progid:DXImageTransform.Microsoft.Gradient(GradientType=0, StartColorStr='#eaeaea', EndColorStr='#c5c5c5');        
}                

/* メニュー用　ボタン */
.menubutton 
{ 
    margin: 2px; 
    text-decoration: none; 
    font: bold 12px 'Trebuchet MS',Arial, Helvetica; /*Change the em value to scale the button*/ 
    display: inline-block; 
    text-align: center; 
    color: #fff; 
	width:190px;
	height:40px;
	font-size:15px;
 
    border: 1px solid #9c9c9c; /* Fallback style */ 
    border: 1px solid rgba(0, 0, 0, 0.3);             
 
    text-shadow: 0 1px 0 rgba(0,0,0,0.4); 
 
    box-shadow: 0 0 .05em rgba(0,0,0,0.4); 
    -moz-box-shadow: 0 0 .05em rgba(0,0,0,0.4); 
    -webkit-box-shadow: 0 0 .05em rgba(0,0,0,0.4); 
 
} 
 
.menubutton, .menubutton span 
{ 
    -moz-border-radius: .3em; 
    border-radius: .3em; 
} 
 
.menubutton span 
{ 
    border-top: 1px solid #fff; /* Fallback style */ 
    border-top: 1px solid rgba(255, 255, 255, 0.5); 
    display: block; 
    padding: 0.5em 1em; 
    /* padding: 0.5em 2.5em; */
 
    /* The background pattern */ 
 
    background-image: -webkit-gradient(linear, 0 0, 100% 100%, color-stop(.25, rgba(0, 0, 0, 0.05)), color-stop(.25, transparent), to(transparent)), 
                      -webkit-gradient(linear, 0 100%, 100% 0, color-stop(.25, rgba(0, 0, 0, 0.05)), color-stop(.25, transparent), to(transparent)), 
                      -webkit-gradient(linear, 0 0, 100% 100%, color-stop(.75, transparent), color-stop(.75, rgba(0, 0, 0, 0.05))), 
                      -webkit-gradient(linear, 0 100%, 100% 0, color-stop(.75, transparent), color-stop(.75, rgba(0, 0, 0, 0.05))); 
    background-image: -moz-linear-gradient(45deg, rgba(0, 0, 0, 0.05) 25%, transparent 25%, transparent), 
                      -moz-linear-gradient(-45deg, rgba(0, 0, 0, 0.05) 25%, transparent 25%, transparent), 
                      -moz-linear-gradient(45deg, transparent 75%, rgba(0, 0, 0, 0.05) 75%), 
                      -moz-linear-gradient(-45deg, transparent 75%, rgba(0, 0, 0, 0.05) 75%); 
 
    /* Pattern settings */ 
 
    -moz-background-size: 3px 3px; 
    -webkit-background-size: 3px 3px; 
    background-size: 3px 3px; 
} 
 
.menubutton:hover 
{ 
    box-shadow: 0 0 .1em rgba(0,0,0,0.4); 
    -moz-box-shadow: 0 0 .1em rgba(0,0,0,0.4); 
    -webkit-box-shadow: 0 0 .1em rgba(0,0,0,0.4); 
} 
 
.menubutton:active 
{ 
    /* When pressed, move it down 1px */ 
    position: relative; 
    top: 1px; 
}


.menubutton-blue 
{ 
    background: #4477a1; 
    background: -webkit-gradient(linear, left top, left bottom, from(#81a8cb), to(#4477a1) ); 
    background: -moz-linear-gradient(-90deg, #81a8cb, #4477a1); 
    filter:  progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#81a8cb', endColorstr='#4477a1'); 
} 
.menubutton-blue:hover 
{ 
    background: #81a8cb; 
    background: -webkit-gradient(linear, left top, left bottom, from(#4477a1), to(#81a8cb) ); 
    background: -moz-linear-gradient(-90deg, #4477a1, #81a8cb); 
    filter:  progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#4477a1', endColorstr='#81a8cb'); 
} 
.menubutton-blue:active 
{ 
    background: #4477a1; 
}

.menubutton-black        {            background: #141414;            background: -webkit-gradient(linear, left top, left bottom, from(#656565), to(#141414) );            background: -moz-linear-gradient(-90deg, #656565, #141414);            filter: progid:DXImageTransform.Microsoft.Gradient(GradientType=0, StartColorStr='#656565', EndColorStr='#141414');        } 
.menubutton-black:hover  {
	background: #656565;            
	background: -webkit-gradient(linear, left top, left bottom, from(#141414), to(#656565) );            
	background: -moz-linear-gradient(-90deg, #141414, #656565);            
	filter: progid:DXImageTransform.Microsoft.Gradient(GradientType=0, StartColorStr='#141414', EndColorStr='#656565');        
}                
.menubutton-black:active        
{
	background: #141414;        
}                /*----------------------------*/                

.menubutton-orange        {            background: #f09c15;            background: -webkit-gradient(linear, left top, left bottom, from(#f8c939), to(#f09c15) );            background: -moz-linear-gradient(-90deg, #f8c939, #f09c15);            filter: progid:DXImageTransform.Microsoft.Gradient(GradientType=0, StartColorStr='#f8c939', EndColorStr='#f09c15');        
}                
.menubutton-orange:hover        {            background: #f8c939;            background: -webkit-gradient(linear, left top, left bottom, from(#f09c15), to(#f8c939) );            background: -moz-linear-gradient(-90deg, #f09c15, #f8c939);            filter: progid:DXImageTransform.Microsoft.Gradient(GradientType=0, StartColorStr='#f09c15', EndColorStr='#f8c939');        
}                
.menubutton-orange:active        {            background: #f09c15;        
}

.menubutton-silver        {            
	background: #c5c5c5;            
	background: -webkit-gradient(linear, left top, left bottom, from(#eaeaea), to(#c5c5c5) );            
	background: -moz-linear-gradient(-90deg, #eaeaea, #c5c5c5);            
	filter: progid:DXImageTransform.Microsoft.Gradient(GradientType=0, StartColorStr='#eaeaea', EndColorStr='#c5c5c5');        
}                
.menubutton-silver:hover        {            
	background: #eaeaea;            
	background: -webkit-gradient(linear, left top, left bottom, from(#c5c5c5), to(#eaeaea) );            
	background: -moz-linear-gradient(-90deg, #c5c5c5, #eaeaea);            
	filter: progid:DXImageTransform.Microsoft.Gradient(GradientType=0, StartColorStr='#c5c5c5', EndColorStr='#eaeaea');        
}                
.menubutton-silver:active        {            
	background: #c5c5c5;        
}  

.menubutton-disable        {            background: #c5c5c5;            background: -webkit-gradient(linear, left top, left bottom, from(#eaeaea), to(#c5c5c5) );            background: -moz-linear-gradient(-90deg, #eaeaea, #c5c5c5);            filter: progid:DXImageTransform.Microsoft.Gradient(GradientType=0, StartColorStr='#eaeaea', EndColorStr='#c5c5c5');        
}                


/*標準ボタン*/
.btn-basic {
-moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.5), 0px 1px 2px rgba(0, 0, 0, 0.2);
-webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.5), 0px 1px 2px rgba(0, 0, 0, 0.2);
box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.5), 0px 1px 2px rgba(0, 0, 0, 0.2);
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
padding:4px 10px 4px 10px;
}
.btn-basic:hover {
   /* マウスが載ったとき */
   background-image: linear-gradient(0deg, #68d3db, #e5f4fc);
   border: 1px solid #2c628b;
}
.btn-basic:active {
   /* クリックされたとき */
   background-image: linear-gradient(180deg, #68d3db, #e5f4fc);
   border: 1px solid skyblue;
}


/* 各種リンク */
a.button1 {
	background:#669999;
	padding:4px 4px 4px 4px;
	border:1px solid;
	border-color: #609060 #306020 #306020 #609060 ;
	height:20px; 
	line-height:20px;
	color:#FFFFFF;
	font-size:12px;
	margin-right:4px;
	display:inline-block;
	text-decoration:none;
}
a.button1:hover {
	background:#336666;
	border:1px solid #ff6666;
}

a.button2 {
	background:#669999;
	padding:0px 4px 0px 4px;
	border:1px solid;
	border-color: #609060 #306020 #306020 #609060 ;
	height:30px; 
	line-height:30px;
	color:#FFFFFF;
	font-size:14px;
	margin-right:4px;
	display:inline-block;
	text-decoration:none;
}
a.button2:hover {
	background:#336666;
	border:1px solid #ff6666;
}

/* 名誉・功労などのマーク */
.markMeiyo 
{
	background-image:url("../images/mark_meiyokoro.png");
	background-repeat:no-repeat;
	width: 96px;
	height: 65px;
}

.box2 {
    padding: 0.5em 1em;
    margin: 2em 0;
    font-weight: bold;
    color: #6091d3; /*文字色*/
    background: #FFF;
    border: solid 3px #6091d3; /*線*/
    border-radius: 10px; /*角の丸み*/
}

.box2 p {
        margin: 0;
        padding: 0;
}