@charset "UTF-8";

/* Common ver.1.0.2 last update  15/12/31
	Befine CSS for Common
*/


html{
}
/*===================================================

     input, selection

===================================================*/

input:focus {
   background-color: #F6F6F6;
   border: 1px solid #ccc;
}

::-moz-selection    { background: #dddddd; }
::selection   { background: #dddddd; }

/*===================================================
     Link color
===================================================*/

a{ color: black; }
a:hover{ color: #006600; text-decoration: none; }



/*===================================================
     Margin
===================================================*/

/* Margin-top
-------------------------------------------------- */
.mt05em { margin-top: 0.5em;}
.mt1em { margin-top: 1em;}.mt10px { margin-top: 10px;}
.mt15em { margin-top: 1.5em;}.mt15px { margin-top: 15px;}
.mt2em { margin-top: 2em;} .mt20px { margin-top: 20px;}
.mt3em {margin-top: 3em;}  .mt30px { margin-top: 30px;}
.mt4em { margin-top: 4em;} .mt40px { margin-top: 40px;}
.mt5em { margin-top: 5em;} .mt50px { margin-top: 50px;}



/* Margin-bottom
-------------------------------------------------- */
.m05em { margin-bottom: 0.5em;}
.m1em { margin-bottom: 1em;}    .m10px { margin-bottom: 10px;}
.m12px { margin-bottom: 12px;}

.m15em { margin-bottom: 1.5em;} .m15px { margin-bottom: 15px;}
.m2em  { margin-bottom: 2em;}   .m20px { margin-bottom: 20px;}
.m25px { margin-bottom: 25px;}


.m3em  { margin-bottom: 3em;}   .m30px { margin-bottom: 30px;}
.m4em  { margin-bottom: 4em;}   .m40px { margin-bottom: 40px;}
.m5em  { margin-bottom: 5em;}   .m50px { margin-bottom: 50px;}
.m6em  { margin-bottom: 6em;}   .m60px { margin-bottom: 60px;}
.m7em  { margin-bottom: 7em;}   .m70px { margin-bottom: 70px;}
.m8em  { margin-bottom: 8em;}   .m80px { margin-bottom: 80px;}
.m9em  { margin-bottom: 9em;}   .m90px { margin-bottom: 90px;}
.m10em { margin-bottom: 10em;}

/* Margin-Left
-------------------------------------------------- */
.l10px { margin-left: 10px;} .l1em { margin-left: 1em;}
.l15px { margin-left: 15px;} .l15em { margin-left: 1.5em;}
.l20px { margin-left: 20px;} .l2em { margin-left: 2em;}
.l30px { margin-left: 30px;} .l3em { margin-left: 3em;}
.l40px { margin-left: 40px;} .l4em { margin-left: 4em;}
.l50px { margin-left: 50px;} .l5em { margin-left: 5em;}
.l60px { margin-left: 60px;} .l6em { margin-left: 6em;}

/* Margin-Right
-------------------------------------------------- */
.r10px { margin-right: 10px;} .r1em { margin-right: 1em;}
.r12px { margin-right: 12px;} .r12em { margin-right: 1.2em;}
.r15px { margin-right: 15px;} .r15em { margin-right: 1.5em;}
.r20px { margin-right: 20px;} .r2em { margin-right: 2em;}
.r30px { margin-right: 30px;} .r3em { margin-right: 3em;}
.r40px { margin-right: 40px;} .r4em { margin-right: 4em;}
.r50px { margin-right: 50px;} .r5em { margin-right: 5em;}
.r60px { margin-right: 60px;} .r6em { margin-right: 6em;}


/*===================================================
     Padding
===================================================*/

/* padding-top
-------------------------------------------------- */
.pt1em {padding-top: 1em;}
.pt2em {padding-top: 2em;}
.pt3em {padding-top: 3em;}
.pt4em {padding-top: 4em;}
.pt5em {padding-top: 5em;}
.pt6em {padding-top: 6em;}
.pt7em {padding-top: 7em;}
.pt8em {padding-top: 8em;}
.pt9em {padding-top: 9em;}
.pt10em {padding-top: 10em;}

/* padding-bottom
-------------------------------------------------- */
.pb1em {padding-bottom: 1em;}
.pb2em {padding-bottom: 2em;}
.pb3em {padding-bottom: 3em;}
.pb4em {padding-bottom: 4em;}
.pb5em {padding-bottom: 5em;}


/* padding-Left
-------------------------------------------------- */
.pl1em {padding-left: 1em;}
.pl2em {padding-left: 2em;}
.pl3em {padding-left: 3em;}
.pl4em {padding-left: 4em;}
.pl5em {padding-left: 5em;}

.pl30px { padding-left: 30px; }
.pl60px { padding-left: 60px; }

/* padding-Right
-------------------------------------------------- */
.pr1em {padding-right: 1em;}
.pr2em {padding-right: 2em;}
.pr3em {padding-right: 3em;}
.pr4em {padding-right: 4em;}
.pr5em {padding-right: 5em;}


/*===================================================
     FadeinDown
===================================================*/

.fadeInDown {
 -webkit-animation-fill-mode:both;
 -ms-animation-fill-mode:both;
 animation-fill-mode:both;
 -webkit-animation-duration:1s;
 -ms-animation-duration:1s;
 animation-duration:1s;
 -webkit-animation-name: fadeInDown;
 animation-name: fadeInDown;
 visibility: visible !important;
}
@-webkit-keyframes fadeInDown {
 0% { opacity: 0; -webkit-transform: translateY(-20px); }
 100% { opacity: 1; -webkit-transform: translateY(0); }
}
@keyframes fadeInDown {
 0% { opacity: 0; -webkit-transform: translateY(-20px); -ms-transform: translateY(-20px); transform: translateY(-20px); }
 100% { opacity: 1; -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); }
}