@charset "UTF-8";


/*Base Preset
--------------------------------------------------*/
body{font-size:12px; color:#fff;font-family: "Hiragino Kaku Gothic ProN", Meiryo, Helvetica, sans-serif;-webkit-text-size-adjust:100%;}
ul, ol, dl {list-style-type: none;}
img, a img {border: 0;}
.txt10{font-size:10px;}
.txt11{font-size:11px !important;}
.txt12{font-size:12px;}
.txt14{font-size:14px;}
.txt18{font-size:18px;}
.txt21{font-size:21px;}
.ctr{text-align:center;}
.left{text-align:left;}
.right{text-align:right;}
.strike{text-decoration:line-through;}
.round{border-radius: 8px; -moz-border-radius: 8px; -webkit-border-radius: 8px; -uu-border-radius: 8px;}
.shadow {box-shadow: 1px 0 4px rgba(0, 0, 0, 0.2);}

/* Reset Style
--------------------------------------------------*/
html,body { height:100%; }
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td { margin:0; padding:0; }
table { border-collapse:collapse; border-spacing:0; }
fieldset,img { border:0; }
ol,ul { list-style:none; }
caption,th { text-align:left; }
h1,h2,h3,h4,h5,h6 { font-size:100%; font-weight:normal; }
q:before,q:after { content:''; }
abbr,acronym { border:0; }



/* clear fix
--------------------------------------------------*/

/*floatの回り込み解除*/
.clr:after {
	content: ".";  /* 新しい要素を作る */
	display: block;  /* ブロックレベル要素に */
	clear: both;
	height: 0;
	line-height:0; 
	visibility: hidden;
}

.clr {
	min-height: 1px;
	clear:both;
}
	
* html .clr {
	height: 1px;
	/*\*//*/
	height: auto;
	overflow: hidden;
	/**/
	}
	
	
/* Animation
----------------------------------------*/
@-webkit-keyframes slideIn {
  0% {
    opacity: 0;
    filter: alpha(opacity=0);
    -webkit-transform: translateX(40px);
            transform: translateX(40px);
  }
  100% {
    opacity: 1;
    filter: alpha(opacity=100);
    -webkit-transform: translate(0);
            transform: translate(0);
  }
}
@keyframes slideIn {
  0% {
    opacity: 0;
    filter: alpha(opacity=0);
    -webkit-transform: translateX(40px);
            transform: translateX(40px);
  }
  100% {
    opacity: 1;
    filter: alpha(opacity=100);
    -webkit-transform: translate(0);
            transform: translate(0);
  }
}

@-webkit-keyframes slideIn2 {
  0% {
    opacity: 0;
    filter: alpha(opacity=0);
    -webkit-transform: translateX(50px);
            transform: translateX(50px);
  }
  100% {
    opacity: 1;
    filter: alpha(opacity=100);
    -webkit-transform: translate(0);
            transform: translate(0);
  }
}
@keyframes slideIn2 {
  0% {
    opacity: 0;
    filter: alpha(opacity=0);
    -webkit-transform: translateX(50px);
            transform: translateX(50px);
  }
  100% {
    opacity: 1;
    filter: alpha(opacity=100);
    -webkit-transform: translate(0);
            transform: translate(0);
  }
}




@-webkit-keyframes fadeIn {
  0% {
    opacity: 0;
    filter: alpha(opacity=0);
  }
  100% {
    opacity: 1;
    filter: alpha(opacity=100);
  }
}
@keyframes fadeIn {
  0% {
    opacity: 0;
    filter: alpha(opacity=0);
  }
  100% {
    opacity: 1;
    filter: alpha(opacity=100);
  }