CSSのみに意味をもたせたクラスをつくり、jQueryや一部のものにCSSを適用させるときにつかう。
/************************************
* 付加クラスタ
* 必要に応じて追加
*/
.relative{position:relative;}
.absolute{position:absolute;}
.fixed{position:fixed;}
/* margin */
.mb10 { margin-bottom: 10px; }
.mb20 { margin-bottom: 20px; }
.mb30 { margin-bottom: 30px; }
.mb40 { margin-bottom: 40px; }
.mb50 { margin-bottom: 50px; }
.mb100 { margin-bottom: 100px; }
/* padding:; */
.pt10{padding-top:10px;}
.pt20{padding-top:20px;}
.pt30{padding-top:30px;}
.pt40{padding-top:40px;}
.pt50{padding-top:50px;}
.pl10{padding-left:10px;}
.pl20{padding-left:20px;}
.pl30{padding-left:30px;}
.pl40{padding-left:40px;}
.pl50{padding-left:50px;}
.pr10{padding-right:10px;}
.pr20{padding-right:20px;}
.pr30{padding-right:30px;}
.pr40{padding-right:40px;}
.pr50{padding-right:50px;}
.pb10{padding-bottom:10px;}
.pb20{padding-bottom:20px;}
.pb30{padding-bottom:30px;}
.pb40{padding-bottom:40px;}
.pb50{padding-bottom:50px;}
/* float, position, align */
.float_l{float:left;}
.float_r{float:right;}
.relative{position:relative;}
.absolute{position:absolute;}
.fixed{position:fixed;}
.clear{display:block;clear:both;height:2px;}
.cleared{display:block;clear:both;}
.t_left{text-align:left;}
.t_right{text-align:right;}
.t_center{text-align:center;}
.v_top{vertical-align:top;}
.v_bottom{vertical-align:bottom;}
.v_middle{vertical-align:middle;}
/* display */
.displaynone{display:none;}
.block{display:block;}
.inline{display:inline;}
.inlineblock{display:inline-block;}
.dtbl{display:table;}
.dtblc{display:table-cell;}
/* color */
.black{color:#000000;}
.red{color:#ff0000;}
.blue{color:#0000ff;}
.yellow{color:#ffff00;}
.green{color:#008000;}
.aqua{color:#00ffff;}
.magenta{color:#ff00ff;}
.purple{color:#a757a8;}
.black{color:#000000;}
.white{color:#ffffff;}
.mark_green{color: #7abf43;}
/* background color */
.bgGray{background-color:#c0c0c0;}
.bgHighlightGray{background-color:#f1f1f1;}
.bgAqua{background-color:#cff;}
.bgPastelOrange{background-color:#fc9;}
.bgPastelYellow{background-color:#ffc;}
/* font */
.italic{font-style:italic;}
.oblique{font-style:oblique;}
.bold{font-weight:bold;}
.nrml{font-weight:normal;}
.fs10p{font-size:10%;}
.fs20p{font-size:20%;}
.fs30p{font-size:30%;}
.fs40p{font-size:40%;}
.fs50p{font-size:50%;}
.fs60p{font-size:60%;}
.fs70p{font-size:70%;}
.fs80p{font-size:80%;}
.fs90p{font-size:90%;}
.fs100p{font-size:100%;}
.fs150p{font-size:150%;}
.fs200p{font-size:200%;}
.fs10{font-size:10px;}
.fs11{font-size:11px;}
.fs12{font-size:12px;}
.fs13{font-size:13px;}
.fs14{font-size:14px;}
.fs15{font-size:15px;}
.fs16{font-size:16px;}
.fs17{font-size:17px;}
.fs18{font-size:18px;}
.fs19{font-size:19px;}
.fs20{font-size:20px;}
.fs21{font-size:21px;}
.fs22{font-size:22px;}
.fs23{font-size:23px;}
.fs24{font-size:24px;}
.fs25{font-size:25px;}
.fs30{font-size:30px;}
.fs32{font-size:32px;}
.fs35{font-size:35px;}
.fs40{font-size:40px;}
/* letter */
.ls {
}
/* ReservationButton */
/*.reserv_btn{margin:5px auto;padding:10px 0;width:105px;height:21px;background:url(/wp-content/uploads/2012/10/reservation.png) no-repeat 50% 50%;font-weight:bold;font-size:medium;text-align:center;}*/
.reserv_btn a{width:105px;height:21px;color:#1f4fc0;text-decoration:none;}
/* テキストクラス集 */
.ime_act{ime-mode:active;}
.ime_dis{ime-mode:disabled;}
.ime_inact{ime-mode:inactive;}
/* other
--------------------------------------*/
.hide-title,
.clip {
clip: rect(1px 1px 1px 1px);
display: block;
position: absolute;
}
/* clearfix */
.clearfix:after {
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
}
.clearfix {
display: inline-block;
}
html>/**/body .clearfix { display /*\**/: block\9 } /* clearfix IE8 のみ inline-block から block にするハック */
.release {
overflow: hidden;
}