/* TYPE
---------------------------*/
.serif {font-family: "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "HG明朝E", "ＭＳ Ｐ明朝", "MS PMincho", serif;}

.size-10 {font-size: 10px;}
.size-11 {font-size: 11px;}
.size-12 {font-size: 12px;}
.size-13 {font-size: 13px;}
.size-14 {font-size: 14px;}
.size-15 {font-size: 15px;}
.size-16 {font-size: 16px;}
.size-17 {font-size: 17px;}
.size-18 {font-size: 18px;}
.size-19 {font-size: 19px;}
.size-20 {font-size: 20px;}
.size-26 {font-size: 26px;}

.alignleft {text-align: left;}
.aligncenter {text-align: center;}
.alignright {text-align: right;}
.alignjust {text-align: justify;}

.bold {font-weight:bold;}
.italic {font-style:italic;}
.underline {border-bottom-width: 1px;border-bottom-style:solid;}
.line-style-dotted {border-bottom-style: dotted;}
.line-style-dashed {border-bottom-style: dashed;}
.line-style-bold {border-bottom-width: 3px;}
.line-color-yellow {border-bottom-color: yellow;}
.line-color-blue {border-bottom-color: #3C78B4;}
.line-color-red {border-bottom-color: #f00;}
.line-color-gray {border-bottom-color: #ccc;}
.line-through {text-decoration: line-through;}

.white {color:#fff;}
.gray{color:#cccccc;}
.blue {color:#3C78B4;}
.navy {color:#0065A5;}
.orenge {color:#ff4500;}
.red {color:#f00;}
.wine-red {color:#c00;}
.brown {color:#663300;}
.black{color:#000;}

.lh100 {line-height: 1;}
.lh110 {line-height: 1.1;}
.lh120 {line-height: 1.2;}
.lh130 {line-height: 1.3;}
.lh140 {line-height: 1.4;}
.lh150 {line-height: 1.5;}
.lh160 {line-height: 1.6;}
.lh170 {line-height: 1.7;}
.lh180 {line-height: 1.8;}
.lh190 {line-height: 1.9;}
.lh200 {line-height: 2;}
.lh300 {line-height: 3;}


/* FLOAT
---------------------------*/
.f-left {float: left;}
.f-right {float: right;}
.clear {clear: both;}


/* AUTO
---------------------------*/
.at-cen{margin: 0px auto;}


/* BOX MODEL
---------------------------*/
.block {display: block;}
.hidden {display:none;}

.w10 {width: 10px;}
.w20 {width: 20px;}
.w30 {width: 30px;}
.w40 {width: 40px;}
.w50 {width: 50px;}
.w60 {width: 60px;}
.w70 {width: 70px;}
.w80 {width: 80px;}
.w90 {width: 90px;}
.w100 {width: 100px;}
.w150 {width: 150px;}
.w200 {width: 200px;}
.w250 {width: 250px;}
.w300 {width: 300px;}
.w350 {width: 350px;}
.w400 {width: 400px;}
.w450 {width: 450px;}
.w500 {width: 500px;}
.w550 {width: 550px;}
.w600 {width: 600px;}
.w700 {width: 700px;}
.w800 {width: 800px;}
.w900 {width: 900px;}
.w1000 {width: 1000px;}
.w100p {width: 100%;}

.h10 {height: 10px;}
.h20 {height: 20px;}
.h30 {height: 30px;}
.h40 {height: 40px;}
.h50 {height: 50px;}
.h60 {height: 60px;}
.h80 {height: 80px;}
.h100 {height: 100px;}
.h150 {height: 150px;}
.h200 {height: 200px;}
.h250 {height: 250px;}
.h300 {height: 300px;}
.h350 {height: 350px;}
.h400 {height: 400px;}
.h500 {height: 500px;}
.h600 {height: 600px;}

/* MARGIN
---------------------------*/
.margin0 {margin: 0;}
.margin5 {margin: 5px;}
.margin10 {margin: 10px;}
.margin15 {margin: 15px;}
.margin20 {margin: 20px;}
.margin25 {margin: 25px;}

.mt0 {margin-top: 0;}
.mt3 {margin-top: 3px;}
.mt5 {margin-top: 5px;}
.mt10 {margin-top: 10px;}
.mt15 {margin-top: 15px;}
.mt20 {margin-top: 20px;}
.mt25 {margin-top: 25px;}
.mt30 {margin-top: 30px;}
.mt35 {margin-top: 35px;}
.mt40 {margin-top: 40px;}
.mt50 {margin-top: 50px;}

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

.ml0 {margin-left: 0;}
.ml3 {margin-left: 3px;}
.ml5 {margin-left: 5px;}
.ml10 {margin-left: 10px;}
.ml15 {margin-left: 15px;}
.ml20 {margin-left: 20px;}
.ml25 {margin-left: 25px;}
.ml30 {margin-left: 30px;}
.ml35 {margin-left: 35px;}
.ml40 {margin-left: 40px;}
.ml50 {margin-left: 50px;}

.mr0 {margin-right: 0;}
.mr3 {margin-right: 3px;}
.mr5 {margin-right: 5px;}
.mr10 {margin-right: 10px;}
.mr15 {margin-right: 15px;}
.mr20 {margin-right: 20px;}
.mr25 {margin-right: 25px;}
.mr30 {margin-right: 30px;}
.mr35 {margin-right: 35px;}
.mr40 {margin-right: 40px;}
.mr50 {margin-right: 50px;}


/* PADDING
---------------------------*/
.padding0 {padding: 0;}
.padding5 {padding: 5px;}
.padding10 {padding: 10px;}
.padding15 {padding: 15px;}
.padding20 {padding: 20px;}

.pt0 {padding-top: 0;}
.pt3 {padding-top: 3px;}
.pt5 {padding-top: 5px;}
.pt10 {padding-top: 10px;}
.pt15 {padding-top: 15px;}
.pt20 {padding-top: 20px;}
.pt25 {padding-top: 25px;}
.pt30 {padding-top: 30px;}
.pt35 {padding-top: 35px;}
.pt40 {padding-top: 40px;}
.pt50 {padding-top: 50px;}

.pb0 {padding-bottom: 0;}
.pb3 {padding-bottom: 3px;}
.pb5 {padding-bottom: 5px;}
.pb10 {padding-bottom: 10px;}
.pb15 {padding-bottom: 15px;}
.pb20 {padding-bottom: 20px;}
.pb25 {padding-bottom: 25px;}
.pb30 {padding-bottom: 30px;}
.pb35 {padding-bottom: 35px;}
.pb40 {padding-bottom: 40px;}
.pb50 {padding-bottom: 50px;}

.pl0 {padding-left: 0;}
.pl3 {padding-left: 3px;}
.pl5 {padding-left: 5px;}
.pl10 {padding-left: 10px;}
.pl15 {padding-left: 15px;}
.pl20 {padding-left: 20px;}
.pl25 {padding-left: 25px;}
.pl30 {padding-left: 30px;}
.pl35 {padding-left: 35px;}
.pl40 {padding-left: 40px;}
.pl50 {padding-left: 50px;}

.pr0 {padding-right: 0;}
.pr3 {padding-right: 3px;}
.pr5 {padding-right: 5px;}
.pr10 {padding-right: 10px;}
.pr15 {padding-right: 15px;}
.pr20 {padding-right: 20px;}
.pr25 {padding-right: 25px;}
.pr30 {padding-right: 30px;}
.pr35 {padding-right: 35px;}
.pr40 {padding-right: 40px;}
.pr50 {padding-right: 50px;}

.border-box { border: 1px solid #ddd;}
.border-top-box { border-top: 1px solid #ddd;}
.border-right-box { border-right: 1px solid #ddd;}
.border-bottom-box { border-bottom: 1px solid #ddd;}
.border-left-box { border-left: 1px solid #ddd;}


/* ***********************************
  配色レイアウト 
  *********************************** */
.color-unit-yellow {background-color: #fff6b6;}
.color-unit-blue {background-color: #e2eef5;}
.color-unit-red {background-color: #ffd3db;}
.color-unit-green {background-color: #e9ffbd;}
.color-unit-orange {background-color: #ffeee2;}
.color-unit-grey {background-color: #eee;}
.color-unit-cobalt {background-color: #0466a7;}