@charset "UTF-8";

/* Basic
********************************************************/



/* CSSリセット */
html,body,div,span,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,
pre,abbr,address,cite,code,del,dfn,em,img,ins,kbd,q,samp,small,
strong,sub,sup,var,b,i,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,
caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,figcaption,
figure,footer,header,hgroup,menu,nav,section,summary,time,mark,
audio,video{margin:0;
padding:0;
border:0;
outline:0;
font-size:100%;
vertical-align:baseline;
background:transparent;
font-weight:normal;}
body{line-height:1}
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}
ul{list-style:none}
blockquote,q{quotes:none}
blockquote:before,blockquote:after,q:before,q:after{content:none}
a{margin:0;
padding:0;
font-size:100%;
vertical-align:baseline;
background:transparent}
del{text-decoration:line-through}
abbr[title],dfn[title]{border-bottom:1px dotted;cursor:help}
table{border-collapse:collapse;border-spacing:0}
hr{display:block;
height:1px;border:0;
border-top:1px solid #ccc;
margin:1em 0;padding:0}
input,select{vertical-align:middle}


html, body, div, span, iframe, h1, h2, h3, h4, h5, h6, p, a, img, strong, center, ul, li,  footer, header nav {
		margin: 0;
		padding: 0;
		border: 0;
		font-size: 100%;
		font: inherit;
		vertical-align: baseline;
		word-wrap:break-word;}
	blockquote, q {
		quotes: none; }
	blockquote:before, blockquote:after,
	q:before, q:after {
		content: '';
		content: none; }
	table {
		border-collapse: collapse;
		border-spacing: 0; }




.button_example{
	clear:both;
border:1px solid #7d99ca;
-webkit-box-shadow: #B4B5B5 2px 2px 2px  ;
-moz-box-shadow: #B4B5B5 2px 2px 2px ; 
box-shadow: #B4B5B5 2px 2px 2px  ; 
-webkit-border-radius: 2px; 
-moz-border-radius: 2px;
border-radius: 2px;
width:150px;
margin:5px; 5px;
font-size:14px;
font-family:helvetica, sans-serif; 
padding: 10px 10px 10px 10px; 
text-shadow: -3px -3px 0 rgba(0,0,0,0.3); 
text-align: center; 
color: #FFFFFF; 
background-color: #A5B8DA;
 background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #A5B8DA), color-stop(100%, #7089B3));
 background-image: -webkit-linear-gradient(top, #A5B8DA, #7089B3);
 background-image: -moz-linear-gradient(top, #A5B8DA, #7089B3);
 background-image: -ms-linear-gradient(top, #A5B8DA, #7089B3);
 background-image: -o-linear-gradient(top, #A5B8DA, #7089B3);
 background-image: linear-gradient(top, #A5B8DA, #7089B3);
 filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#A5B8DA, endColorstr=#7089B3);
}

.button_example:hover{
-webkit-box-shadow: #B4B5B5 2px 2px 2px  ;
-moz-box-shadow: #B4B5B5 2px 2px 2px ; 
box-shadow: #B4B5B5 2px 2px 2px  ; 
-webkit-border-radius: 2px; 
-moz-border-radius: 2px;
border-radius: 2px;
width:150px;
font-size:14px;
font-family:helvetica, sans-serif; 
padding: 10px 10px 10px 10px; 
text-shadow: -3px -3px 0 rgba(0,0,0,0.3); 
text-align: center; 
color: #FFFFFF;
cursor: pointer;

 border:1px solid #5d7fbc; background-color: #819bcb;
 background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#819bcb), color-stop(100%, #536f9d));
 background-image: -webkit-linear-gradient(top, #819bcb, #536f9d);
 background-image: -moz-linear-gradient(top, #819bcb, #536f9d);
 background-image: -ms-linear-gradient(top, #819bcb, #536f9d);
 background-image: -o-linear-gradient(top, #819bcb, #536f9d);
 background-image: linear-gradient(top, #819bcb, #536f9d);
 filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#819bcb, endColorstr=#536f9d);
}

.button {
   border-top: 1px solid #96d1f8;
   background: #1072b3;
   background: -webkit-gradient(linear, left top, left bottom, from(#134b70), to(#1072b3));
   background: -webkit-linear-gradient(top, #134b70, #1072b3);
   background: -moz-linear-gradient(top, #134b70, #1072b3);
   background: -ms-linear-gradient(top, #134b70, #1072b3);
   background: -o-linear-gradient(top, #134b70, #1072b3);
   padding: 7.5px 15px;
   -webkit-border-radius: 2px;
   -moz-border-radius: 2px;
   border-radius: 2px;
   -webkit-box-shadow: rgba(0,0,0,1) 0 1px 0;
   -moz-box-shadow: rgba(0,0,0,1) 0 1px 0;
   box-shadow: rgba(0,0,0,1) 0 1px 0;
   text-shadow: rgba(0,0,0,.4) 0 1px 0;
   color: #ffffff;
   font-size: 12px;
   font-family: Helvetica, Arial, Sans-Serif;
   text-decoration: none;
   vertical-align: middle;
   }
 .button:hover {
   border-top-color: #28597a;
   background: #28597a;
   color: #ccc;
   }
 .button:active {
   border-top-color: #3b5769;
   background: #3b5769;
   }
   
.button_example02{   
-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;
}

/* #Base styles
********************************************************/
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
	display: block;
}
* { -webkit-text-size-adjust: none; }
html {
  overflow-y: scroll;
}
body { 
  font: 13px 'Helvetica', Arial, sans-serif;
  color: #444;
  line-height: 1.6em;
}


/* clearfix
********************************************************/
.clearfix:before, .clearfix:after { content: ""; display: table; }
.clearfix:after { clear: both; }
.clearfix { zoom: 1; }


/* grid-content 
********************************************************/
#grid {
	background: #6c5d3f;
}



/* footer
********************************************************/
footer {
	text-align: center;
	font-size: 11px;
	padding: 0 10px;
	margin: 10px auto;
	text-shadow: 1px 1px 1px #fff;
}
footer small {
	display: block;
	margin: 10px 0;
}
footer img {
	vertical-align: middle;
	margin-right: 8px;
}
footer ul  {
	display: inline;
	margin: 0;
	padding: 0;
}
footer ul li {
	display: inline;
	display: inline-block;
	margin: 0 0 0 0.5em;
	padding-left: 10px;

}

footer a {
	color: #000;
	text-decoration: none;
}
footer a:hover {
	color: #c00;
	text-decoration: underline;
}