@charset "utf-8";
/* CSS Document */

/* ---------------------------------------------
 elements initialization 
------------------------------------------------ */

body{
  margin:0;
  padding:0;
  text-align:center;
  height:100%;
  line-height:1.875;
  -webkit-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%;
  min-width:1300px; 
}
a img, fieldset, img{
  border:0;
  vertical-align:top;
}
a img {
  opacity: 1;
  transition: opacity 0.2s ease;
}
a img:hover {
  opacity: 0.5;
}
a.mouseover img:hover {
  opacity:1;
}
blockquote, dd, div, dl, dt, fieldset, form,
h1, h2, h3, h4, h5, h6, input, li, ol, p, pre,
select, span, textarea, td, th, ul{
  margin:0;
  padding:0;
}
abbr, acronym{
  border:0;
}
address, caption, cite, code, dfn, em, th, strong, var{
  font-style:normal;
  font-weight:normal;
}
caption, th{
  text-align:left;
}
code, kbd, pre, samp, tt{
  font-family:monospace;
  line-height:100%;
}
  /* for IE7 */
  *+html code, kbd, pre, samp, tt{
    font-size:108%;
  }
h1, h2, h3, h4, h5, h6{
  font-size:100%;
  font-weight:normal;
}
input, select, textarea{
  font-size:100%;
}
ol, ul, li{
  list-style:none;
}
q:before, q:after{
  content:'';
}
table{
  border-collapse:collapse;
  border-spacing:0;
  font-size:100%;
}
hr{
	border:none;
	border-top:1px solid #ccc;
	margin:30px 0;
}
strong{
  font-weight: bold;
}
em{
  font-style:italic;
}
p{
  text-align: justify;
  text-justify: inter-ideograph;
}
video{
	width:100%;
}


/* ------ form --------------------------------- */

button, fieldset, form, input, 
label, legend, select, textarea{  
  font-size:100%;  
  font-style:inherit;  
  font-weight:inherit;  
  margin:0;  
  padding:0;  
  vertical-align:baseline;  
}
input, textarea{
  vertical-align:middle;
  padding:5px;
}
textarea{
	box-sizing:border-box;
  width:100%;
}
input[type="radio"],
input[type="checkbox"]{
  vertical-align:baseline;
  margin-right:3px;
}


/* ------ font --------------------------------- */

body{
  font-size:16px;
  color:#000;
  font-family:"游ゴシック Medium",YuGothic,YuGothicM,"Hiragino Kaku Gothic ProN","Hiragino Kaku Gothic Pro",メイリオ,Meiryo,sans-serif ;
}
* html body             { font-size:100%;  } /* lte ie6 */
*:first-child+html body { font-size:100%;  } /* ie7 */
html>/**/body           { font-size:100%;  } /* ie8 */
html:not(:target) body  { font-size:16px; } /* modern browser */

input, select, textarea, button{
  font-size:16px;
  font-family:"游ゴシック Medium",YuGothic,YuGothicM,"Hiragino Kaku Gothic ProN","Hiragino Kaku Gothic Pro",メイリオ,Meiryo,sans-serif ;
}


/* ------ links color -------------------------- */

a:link{
	color:#000;
  text-decoration:underline;
}
a:visited{
	color:#3d117f;
  text-decoration:underline;
}
a:hover,
a:active{
	color:#00a2e6;
  text-decoration:none;
}


/* ------ clearfix scheme ---------------------- */

div:after {
  visibility:hidden;
  display:block;
  font-size:0;
  content:" ";
  clear:both;
  height:0;
}
* html div             { zoom:1; } /* IE6 */
*:first-child+html div { zoom:1; } /* IE7 */

@media screen and (max-width: 960px){
  body{
    min-width:320px;
  }
  img{
    max-width:100%;
		height:auto;
  }
}