/* HTML5 display definitions */

section,nav,article,aside,hgroup,header,footer,figure,figcaption,details { display: block; }
video,audio,canvas { 
	display: inline-block; 
	*display: inline;
 *zoom: 1;
}
audio:not([controls]) { display: none; }
 [hidden] {
 display: none;
}
/* The root element */

html {
	font-size: 100%;
	overflow-y: scroll;
	-webkit-text-size-adjust: 100%;
	-ms-text-size-adjust: 100%;
}
/* Sections */

body {
	font-family: sans-serif;
	margin: 0;
}
h1,h2,h3,h4,h5,h6 {
	font-size: 1em;
	margin: 0;
	font-weight: normal;
}
/* Grouping content */

p,blockquote,dl,dd,figure { margin: 0; }
hr {
	color: inherit;
	height: auto;
	-moz-box-sizing: content-box;
	box-sizing: content-box;
}
pre {
	font-family: monospace, sans-serif;
	white-space: pre-wrap;
	word-wrap: break-word;
	margin: 0;
}
ol,ul {
	padding: 0;
	margin: 0;
}
li { list-style: none; }
/* Text-level semantics */

a:hover,
a:active { outline: 0; }
strong,
b { font-weight: bold; }
small { font-size: 0.83em; }
q { quotes: none; }
abbr[title] { border-bottom: 1px dotted; }
code,samp,kbd { font-family: monospace, sans-serif; }
mark {
	color: black;
	background-color: yellow;
}
sub,sup {
	font-size: 0.83em;
	line-height: 0;
	vertical-align: baseline;
	position: relative;
}
sub { bottom: -0.25em; }
sup { top: -0.5em; }
br { letter-spacing: 0; }
/* Embedded content */

img {
	border: 0;
	-ms-interpolation-mode: bicubic;
}
svg:not(:root) { overflow: hidden; }
/* Tabular data */

table {
	border-collapse: collapse;
	border-spacing: 0;
}

th,
td { margin: 0px; }
caption {
	padding: 0;
	text-align: left;
}
/* Forms */

form { margin: 0; }
fieldset {
	border: 0;
	padding: 0;
	margin: 0;
}
legend { border: 0;  *margin-left: -7px;
}
input,button,select,textarea {
	font-family: inherit;
	font-size: 1em;
	color: inherit;
	margin: 0;
}
input,button {
	line-height: normal;
	vertical-align: inherit;
 *vertical-align: middle;
}
 input::-moz-focus-inner, button::-moz-focus-inner {
 border: 0;
 padding: 0;
}
input[type="search"] {
	-webkit-appearance: textfield;
	-webkit-box-sizing: content-box;
	-moz-box-sizing: content-box;
	box-sizing: content-box;
}
input[type="search"]:focus { outline-offset: -2px; }
 input[type="search"]::-webkit-search-decoration {
 -webkit-appearance: none;
}
input[type="checkbox"],
input[type="radio"] {
	box-sizing: border-box;
	padding: 0;
}
input[type="submit"],
input[type="reset"],
input[type="button"],
button {
	cursor: pointer;
	-webkit-appearance: button;
 *overflow: visible;
}
select {
	background-color: inherit;
	line-height: normal;
}
textarea {
	vertical-align: top;
	overflow: auto;
 *font-family: sans-serif;
}

@media print{
body {
	zoom:0.65;
}
}

/* よく使うCSS start
 
img { max-width:100%;}
img { vertical-align: bottom; }
table { width:100%;}
 
a,a:hover {
    -webkit-transition: 0.7s;
    -moz-transition: 0.7s;
    -o-transition: 0.7s;
    transition: 0.7s;
}
 
a img:hover {
    filter: alpha(opacity=75);
    -moz-opacity:0.75;
    opacity:0.75;
}
 
よく使うCSS end -----
時々使うCSS3 start ---
 
テキストシャドウ {
    text-shadow: 1px 1px 3px #000;
}
 
ボックスシャドウ {
    -moz-box-shadow: 0px 0px 7px #999;
    -webkit-box-shadow: 0px 0px 7px #999;
    box-shadow: 0px 0px 7px #999;
}
 
ボックスシャドウ内側 {
    -moz-box-shadow: inset 1px 1px 3px #000;
    -webkit-box-shadow: inset 1px 1px 3px #000;
    box-shadow: inset 1px 1px 3px #000;
}
 
角丸 {
    border-radius: 10px; 
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px; 
}
 
トランジション {
    -webkit-transition: 1.5s;
    -moz-transition: 1.5s;
    -o-transition: 1.5s;
    transition: 1.5s;
}
 
透明 {
    filter: alpha(opacity=25);
    -moz-opacity:0.25;
    opacity:0.25;
}
 
背景のみ透明 {
    background-color:rgba(255,255,255,0.2);
}
 
グラデーション {
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr = '#ffffff', endColorstr = '#000000');
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr = '#ffffff', endColorstr = '#000000')";
    background-image: -moz-linear-gradient(top, #ffffff, #000000);
    background-image: -ms-linear-gradient(top, #ffffff, #000000);
    background-image: -o-linear-gradient(top, #ffffff, #000000);
    background-image: -webkit-gradient(linear, center top, center bottom, from(#ffffff), to(#000000));
    background-image: -webkit-linear-gradient(top, #ffffff, #000000);
    background-image: linear-gradient(top, #ffffff, #000000);
}
 
スマホ対応
@media screen and (max-width: 480px){
    
}
@media screen and (max-width: 320px){
    
}
 
時々使うCSS3 end */

/* End Hack */