@charset "UTF-8";

/* ///////////////////////////////////////////////
title: format.css
paths: css/format.css
/////////////////////////////////////////////// */


/* -----------------------------------------------
Table Of Contents

#01 RESET
#02 GENERIC CLASS
#03 FONT + TEXT
#04 LINK
#05 MARGIN
#06 BORDER
#07 FORM
----------------------------------------------- */

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

#02 GENERIC CLASS
 
----------------------------------------------- */
.clearfix:after {
content:".";
display: block;
height: 0;
clear: both;
visibility: hidden;
}
.clearfix {display: inline-block;}
/* Hides from IE-mac \*/
*html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */

.clear{
clear:both;
}

.hide {
width: 0;
height: 0;
position: absolute;
}


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

#03 FONT + TEXT
 
----------------------------------------------- */

.fs1px {font-size: 1px;}
.fs130em {font-size: 1.3em;}
.fs125em {font-size: 1.25em;}
.fs120em {font-size: 1.2em;}
.fs110em {font-size: 1.1em;}
.fs095em {font-size: 0.95em;}
.fs090em {font-size: 0.9em;}
.fs085em {font-size: 0.85em;}
.fs080em {font-size: 0.8em;}
.fs075em {font-size: 0.75em;}
.fs070em {font-size: 0.7em;}

.fwb {font-weight: bold;}

.fcr {color: #E04C7F;}
.fcb {color: #000;}
.fco {color: #ff9900;}
.fcg {color: #009933;}
.fcb {color: #00cccc;}
.fcn {color: #003399;}

.tc {text-align: center;}
.tr {text-align: right;}
.tl {text-align: left;}
.txtI1 {text-indent: 1em;}

.upCase {text-transform: uppercase;}
.loCase {text-transform: lowercase;}

.fl{ float: left;}
.fr{ float: right;}
.clear{ clear: both;}



/*カスタムクラス*/

.borderType01 {border-bottom: 1px dotted #D5D5D5;}

.replace {text-indent: -9999px; line-height: 1; font-size: 6px; }
.areplace a {text-indent: -9999px; line-height: 1; font-size: 6px; overflow: hidden; display:block; }
.valignTop { vertical-align: top;}
.valignMiddle { vertical-align: middle !important;}

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

#05 MARGIN
 
----------------------------------------------- */
.mT0 {margin-top: 0 !important;}
.mT1 {margin-top: 1px !important;}
.mT5 {margin-top: 5px !important;}
.mT10 {margin-top: 10px !important;}
.mT15 {margin-top: 15px !important;}
.mT20 {margin-top: 20px !important;}
.mT25 {margin-top: 25px !important;}
.mT30 {margin-top: 30px !important;}
.mT40 {margin-top: 40px !important;}
.mT50 {margin-top: 50px !important;}

.mR0 {margin-right: 0 !important;}
.mR1 {margin-right: 1px !important;}
.mR2 {margin-right: 2px !important;}
.mR3 {margin-right: 3px !important;}
.mR4 {margin-right: 4px !important;}
.mR5 {margin-right: 5px !important;}
.mR6 {margin-right: 6px !important;}
.mR7 {margin-right: 7px !important;}
.mR8 {margin-right: 8px !important;}
.mR9 {margin-right: 9px !important;}
.mR10 {margin-right: 10px !important;}
.mR11 {margin-right: 11px !important;}
.mR12 {margin-right: 12px !important;}
.mR13 {margin-right: 13px !important;}
.mR14 {margin-right: 14px !important;}
.mR15 {margin-right: 15px !important;}
.mR20 {margin-right: 20px !important;}
.mR22 {margin-right: 22px !important;}
.mR24 {margin-right: 24px !important;}
.mR25 {margin-right: 25px !important;}
.mR30 {margin-right: 30px !important;}
.mR35 {margin-right: 35px !important;}
.mR41 {margin-right: 41px !important;}
.mR45 {margin-right: 45px !important;}
.mR50 {margin-right: 50px !important;}
.mR55 {margin-right: 55px !important;}
.mR10em {margin-right: 1em !important;}
.mR20em {margin-right: 2em !important;}
.mR40em {margin-right: 4em !important;}

.mB0 {margin-bottom: 0 !important;}
.mB1 {margin-bottom: 1px !important;}
.mB2 {margin-bottom: 2px !important;}
.mB3 {margin-bottom: 3px !important;}
.mB4 {margin-bottom: 4px !important;}
.mB5 {margin-bottom: 5px !important;}
.mB6 {margin-bottom: 6px !important;}
.mB7 {margin-bottom: 7px !important;}
.mB8 {margin-bottom: 8px !important;}
.mB10 {margin-bottom: 10px !important;}
.mB12 {margin-bottom: 12px !important;}
.mB15 {margin-bottom: 15px !important;}
.mB18 {margin-bottom: 18px !important;}
.mB19 {margin-bottom: 19px !important;}
.mB20 {margin-bottom: 20px !important;}
.mB21 {margin-bottom: 21px !important;}
.mB24 {margin-bottom: 24px !important;}
.mB25 {margin-bottom: 25px !important;}
.mB30 {margin-bottom: 30px !important;}
.mB35 {margin-bottom: 35px !important;}
.mB40 {margin-bottom: 40px !important;}
.mB45 {margin-bottom: 45px !important;}
.mB50 {margin-bottom: 50px !important;}
.mB60 {margin-bottom: 60px !important;}
.mB70 {margin-bottom: 70px !important;}
.mB02em {margin-bottom: 0.2em !important;}
.mB03em {margin-bottom: 0.3em !important;}
.mB04em {margin-bottom: 0.4em !important;}
.mB05em {margin-bottom: 0.5em !important;}
.mB07em {margin-bottom: 0.7em !important;}
.mB08em {margin-bottom: 0.8em !important;}
.mB09em {margin-bottom: 0.9em !important;}
.mB10em {margin-bottom: 1.0em !important;}
.mB12em {margin-bottom: 1.2em !important;}
.mB13em {margin-bottom: 1.3em !important;}
.mB15em {margin-bottom: 1.5em !important;}
.mB20em {margin-bottom: 2.0em !important;}
.mB30em {margin-bottom: 3.0em !important;}

.mL0 {margin-left: 0 !important;}
.mL1 {margin-left: 1px !important;}
.mL5 {margin-left: 5px !important;}
.mL10 {margin-left: 10px !important;}
.mL15 {margin-left: 15px !important;}
.mL17 {margin-left: 17px !important;}
.mL20 {margin-left: 20px !important;}
.mL25 {margin-left: 25px !important;}
.mL28 {margin-left: 28px !important;}
.mL30 {margin-left: 30px !important;}
.mL31 {margin-left: 31px !important;}
.mL10em {margin-left: 1em !important;}



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

#05 PADDING
 
----------------------------------------------- */
.pT0 {padding-top: 0 !important;}
.pT5 {padding-top: 5px !important;}
.pT10 {padding-top: 10px !important;}
.pT15 {padding-top: 15px !important;}
.pT20 {padding-top: 20px !important;}
.pT25 {padding-top: 25px !important;}
.pT30 {padding-top: 30px !important;}
.pT35 {padding-top: 35px !important;}
.pT50 {padding-top: 50px !important;}

.pR0 {padding-right: 0px !important;}
.pR5 {padding-right: 5px !important;}
.pR10 {padding-right: 10px !important;}
.pR13 {padding-right: 13px !important;}
.pR15 {padding-right: 15px !important;}
.pR20 {padding-right: 20px !important;}
.pR25 {padding-right: 25px !important;}
.pR30 {padding-right: 30px !important;}
.pR40 {padding-right: 40px !important;}
.pR50 {padding-right: 50px !important;}


.pB0 {padding-bottom: 0 !important;}
.pB10 {padding-bottom: 10px !important;}
.pB15 {padding-bottom: 15px !important;}
.pB20 {padding-bottom: 20px !important;}
.pB25 {padding-bottom: 25px !important;}
.pB30 {padding-bottom: 30px !important;}
.pB40 {padding-bottom: 40px !important;}
.pB50 {padding-bottom: 50px !important;}
.pB60 {padding-bottom: 60px !important;}

.pL0 {padding-left: 0px !important;}
.pL5 {padding-left: 5px !important;}
.pL10 {padding-left: 10px !important;}
.pL15 {padding-left: 15px !important;}
.pL20 {padding-left: 20px !important;}
.pL25 {padding-left: 25px !important;}
.pL28 {padding-left: 28px !important;}
.pL30 {padding-left: 30px !important;}
.pL35 {padding-left: 35px !important;}


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

#07 FORM
 
----------------------------------------------- */
form select option {
padding-right: 5px;
padding-left: 5px;
}