@charset "UTF-8";





/*Base Preset

--------------------------------------------------*/

body{font-size:12px; color:#444;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;}

.ctr{text-align:center;}

.left{text-align:left;}

.right{text-align:right;}

.strike{text-decoration:line-through;}

.round{border-radius: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px; -uu-border-radius: 4px;}

.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: ".";  /* �V�����v�f���� */

	display: block;  /* �u���b�N���x���v�f�� */

	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 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);

  }
}