@charset "shift_jis";

/* -----------------------------------------------------------
  基本設定
------------------------------------------------------------- */


a,abbr,address,article,aside,audio,b,blockquote,body,canvas,caption,cite,code,
dd,del,details,dfn,div,dl,dt,em,fieldset,figcaption,figure,.footer,form,
h1,h2,h3,h4,h5,h6,.header,hgroup,html,i,iframe,img,input,ins,kbd,label,legend,
li,mark,menu,nav,object,ol,p,pre,q,samp,section,small,span,strong,sub,summary,sup,
table,tbody,td,textarea,tfoot,th,thead,time,tr,ul,var,video {
	background			: transparent;
	border				: 0;
	font-size			: 100%;
	font-style			: normal;
	margin				: 0;
	outline				: 0;
	padding				: 0;
	text-decoration		: none;
	vertical-align		: baseline;
}
article,aside,details,figcaption,figure,.footer,.header,hgroup,main,menu,nav,section {
	display				: block;
}
ul,ol {
	list-style			: none;
}
blockquote,
q {
	quotes				: none;
}
blockquote:before,
blockquote:after,
q:before,
q:after {
	content				: '';
	content				: none;
}
table {
	border-collapse		: collapse;
	border-spacing		: 0;
}
a {
	outline				: none;
}


/* base layout
--------- --------- --------- */

@font-face {
  font-family: "Yu Gothic";
  src: local("Yu Gothic Medium");
  font-weight: 100;
}
@font-face {
  font-family: "Yu Gothic";
  src: local("Yu Gothic Medium");
  font-weight: 200;
}
@font-face {
  font-family: "Yu Gothic";
  src: local("Yu Gothic Medium");
  font-weight: 300;
}
@font-face {
  font-family: "Yu Gothic";
  src: local("Yu Gothic Medium");
  font-weight: 400;
}
@font-face {
  font-family: "Yu Gothic";
  src: local("Yu Gothic Bold");
  font-weight: bold;
}
@font-face {
  font-family: "Helvetica Neue";
  src: local("Helvetica Neue Regular");
  font-weight: 100;
}
@font-face {
  font-family: "Helvetica Neue";
  src: local("Helvetica Neue Regular");
  font-weight: 200;
}

html{
	font-size:62.5%;
	background: url("../img/bg_header.png") top left repeat-x;
}

body {
	color: #333;
	line-height: 1.6;
	font-size: 1.5rem;
	font-family: -apple-system, BlinkMacSystemFont, "Helvetica Neue", "Original Yu Gothic", "Yu Gothic", YuGothic, Verdana, "ヒラギノ角ゴ ProN W3", Hiragino Kaku Gothic ProN, Arial, Meiryo, "M+ 1p", sans-serif;
}

@media all and (-ms-high-contrast: none)  {
  html {
    font-family: Verdana, Meiryo, sans-serif !important;
  }
}
@media all and (-ms-high-contrast: active) {
  html {
    font-family: Verdana, Meiryo, sans-serif !important;
  }
}

@media all and (-ms-high-contrast: none)  {
  h2 {
    font-family: Verdana, Meiryo, sans-serif !important;
	font-weight:normal !important;
  }
}


a,
a:link,
a:visited
a:hover,
a:focus,
a:active{
	color: #333333;
	text-decoration: none;
}

.whiteLink a,
.whiteLink a:link,
.whiteLink a:visited,
.whiteLink a:hover,
.whiteLink a:focus,
.whiteLink a:active{
	color: #ffffff;
	text-decoration: none;
}
.colorLink a,
.colorLink a:link,
.colorLink a:visited{
	color: #006AE5;
	text-decoration: underline;
}
.colorLink a:hover,
.colorLink a:focus,
.colorLink a:active{
	color: #ff9300;
	text-decoration: underline;
}

*, *::before, *::after {
  box-sizing: border-box;
}
.clearfix:after{ content : ''; display : block; clear : both; height:0;
}

@media only screen and (max-width:800px){
html{
	background:#FFF;
}
}