@charset "utf-8";

/*====================================================================================================
 Author and Copyright
     Author: A*Design
     Copyright: A*Design&Co All Rights Reserved.(http://adesign.jp)
     Created: 2009-3-12
     Description: clearfix etc..
====================================================================================================*/



/*====================================================================================================
 Font size
      77% = 10px | 123.1% = 16px | 167% = 22px
      85% = 11px |   131% = 17px | 174% = 23px
      93% = 12px | 138.5% = 18px | 182% = 24px
     100% = 13px | 146.5% = 19px | 189% = 25px
     108% = 14px | 153.9% = 20px | 197% = 26px
     116% = 15px | 161.6% = 21px |
====================================================================================================*/



/*====================================================================================================
 text-align
====================================================================================================*/

.left {
    text-align:  left;
}

.center {
    text-align: center;
}

.right {
    text-align: right;
}

.clear {
    clear: both;
}



/*====================================================================================================
 box
====================================================================================================*/

.leftBox,.rightBox {
    width: 50%;
}

.leftBox {
    float: left;
}

.rightBox {
    float: right;
}

/* width ------------------------------ */
 .width1 {width: 1%;}   .width2 {width: 2%;}   .width3 {width: 3%;}   .width4 {width: 4%;}   .width5 {width: 5%;}
 .width6 {width: 6%;}   .width7 {width: 7%;}   .width8 {width: 8%;}   .width9 {width: 9%;}  .width10 {width: 10%;}
.width11 {width: 11%;} .width12 {width: 12%;} .width13 {width: 13%;} .width14 {width: 14%;} .width15 {width: 15%;}
.width16 {width: 16%;} .width17 {width: 17%;} .width18 {width: 18%;} .width19 {width: 19%;} .width20 {width: 20%;}
.width21 {width: 21%;} .width22 {width: 22%;} .width23 {width: 23%;} .width24 {width: 24%;} .width25 {width: 25%;}
.width26 {width: 26%;} .width27 {width: 27%;} .width28 {width: 28%;} .width29 {width: 29%;} .width30 {width: 30%;}
.width31 {width: 31%;} .width32 {width: 32%;} .width33 {width: 33%;} .width34 {width: 34%;} .width35 {width: 35%;}
.width36 {width: 36%;} .width37 {width: 37%;} .width38 {width: 38%;} .width39 {width: 39%;} .width40 {width: 40%;}
.width41 {width: 41%;} .width42 {width: 42%;} .width43 {width: 43%;} .width44 {width: 44%;} .width45 {width: 45%;}
.width46 {width: 46%;} .width47 {width: 47%;} .width48 {width: 48%;} .width49 {width: 49%;} .width50 {width: 50%;}
.width51 {width: 51%;} .width52 {width: 52%;} .width53 {width: 53%;} .width54 {width: 54%;} .width55 {width: 55%;}
.width56 {width: 56%;} .width57 {width: 57%;} .width58 {width: 58%;} .width59 {width: 59%;} .width60 {width: 60%;}
.width61 {width: 61%;} .width62 {width: 62%;} .width63 {width: 63%;} .width64 {width: 64%;} .width65 {width: 65%;}
.width66 {width: 66%;} .width67 {width: 67%;} .width68 {width: 68%;} .width69 {width: 69%;} .width70 {width: 70%;}
.width71 {width: 71%;} .width72 {width: 72%;} .width73 {width: 73%;} .width74 {width: 74%;} .width75 {width: 75%;}
.width76 {width: 76%;} .width77 {width: 77%;} .width78 {width: 78%;} .width79 {width: 79%;} .width80 {width: 80%;}
.width81 {width: 81%;} .width82 {width: 82%;} .width83 {width: 83%;} .width84 {width: 84%;} .width85 {width: 85%;}
.width86 {width: 86%;} .width87 {width: 87%;} .width88 {width: 88%;} .width89 {width: 89%;} .width90 {width: 90%;}
.width91 {width: 91%;} .width92 {width: 92%;} .width93 {width: 93%;} .width94 {width: 94%;} .width95 {width: 95%;}
.width96 {width: 96%;} .width97 {width: 97%;} .width98 {width: 98%;} .width99 {width: 99%;} .width100 {width: 100%;}

/* em ------------------------------ */
.em1  {width: 1em;}   .em2 {width: 2em;}   .em3 {width: 3em;}   .em4 {width: 4em;}   .em5 {width: 5em;}
.em6  {width: 6em;}   .em7 {width: 7em;}   .em8 {width: 8em;}   .em9 {width: 9em;}  .em10 {width: 10em;}
.em11 {width: 11em;} .em12 {width: 12em;} .em13 {width: 13em;} .em14 {width: 14em;} .em15 {width: 15em;}
.em16 {width: 16em;} .em17 {width: 17em;} .em18 {width: 18em;} .em19 {width: 19em;} .em20 {width: 20em;}
.em21 {width: 21em;} .em22 {width: 22em;} .em23 {width: 23em;} .em24 {width: 24em;} .em25 {width: 25em;}
.em26 {width: 26em;} .em27 {width: 27em;} .em28 {width: 28em;} .em29 {width: 29em;} .em30 {width: 30em;}



/*====================================================================================================
 Clearfix
====================================================================================================*/
/* for modern brouser */
.clearfix:after {
    content: ".";
    display: block;
    clear: both;
    height: 0;
    visibility: hidden;
}
.clearfix {
    display: inline-block;
}
/* Hides from IE-mac \*/
* html .clearfix {
    height: 1%;
}
.clearfix {
    display: block;
}
/* End hide from IE-mac */