@charset "UTF-8";
/* -- ///////////////////////////////////////////
copyright 2010 FIELD co,ltd.
All Rights Reserved.
 
created: 2010.08.20 FIELD
////////////////////////////////////////// -- */


/* FLOAT
----------------------------------------------------- */
.flo_left{ float: left; }
.flo_right{ float: right; }


/* ALIGN
----------------------------------------------------- */
.al_left{ text-align:left; } .al_right{ text-align:right; } .al_center{ text-align:center; }


/* DISPLAY SET
----------------------------------------------------- */
.block{ display: block !important; } .inline{ display: inline !important; }


/* WIDTH SET
----------------------------------------------------- */
.w223{ width:223px; } .w224{ width:224px; } .w200{ width:200px; } .w240{ width:240px; } .w287{ width:287px; } .w295{ width:295px; } .w300{ width:300px; } .w326{ width:326px; } .w335{ width:335px; } .w375{ width:375px; } .w425{ width:425px; } .w450{ width:450px; } .w505{ width:505px; }

/* LINE-HEIGHT SET
----------------------------------------------------- */
.lh15{ line-height: 1.5 !important; } .lh18{ line-height: 1.8 !important; } .lh20{ line-height: 2.0 !important; } 


/* MARGIN SET
----------------------------------------------------- */

.section5{ margin-bottom: 5px !important; } .section10{ margin-bottom: 10px !important; } .section15{ margin-bottom: 15px !important; } .section20{ margin-bottom: 20px !important; }
.section25{ margin-bottom: 25px !important; } .section30{ margin-bottom: 30px !important; } .section40{ margin-bottom: 40px !important; } .section50{ margin-bottom: 50px !important; }


.mb_clear{ margin-bottom: 0px !important; }
.mb5{ margin-bottom: 5px !important; } .mb10{ margin-bottom: 10px !important; } .mb15{ margin-bottom: 15px !important; } .mb20{ margin-bottom: 20px !important; }
.mb25{ margin-bottom: 25px !important; } .mb30{ margin-bottom: 30px !important; } .mb35{ margin-bottom: 35px !important; } .mb40{ margin-bottom: 40px !important; } .mb50{ margin-bottom: 50px !important; }

.ml5{ margin-left: 5px !important } .ml10{ margin-left: 10px !important } .ml20{ margin-left: 20px !important }

.mt10{ margin-top: 10px !important } .mt35{ margin-top: 35px !important }

.mr10{ margin-right: 10px !important } .mr20{ margin-right: 20px !important } .mr30{ margin-right: 30px !important } .mr40{ margin-right: 40px !important } .mr50{ margin-right: 50px !important }

.pt20{ padding-top: 20px !important }

/* CLEARFIX
----------------------------------------------------- */
/* clearfix */
*:first-child+html .clearfix{ display: inline-block; } /* for IE7 */
.clearfix:after { 
    content: " ";
    display: block;
    visibility: hidden;
    clear: both;
    height: 0.1px;
    font-size: 0.1em;
    line-height: 0;
}
* html .clearfix { display: inline-block; } 
/* no ie mac \*/
* html .clearfix { height: 1%; }
 .clearfix { display: block; }
/* */