﻿@charset "utf-8";
/* 文字系 */
.meirio{ font-family:"メイリオ","Times New Roman","ＭＳ Ｐゴシック"; }
.arial{ font-family:"Arial","Times New Roman","ＭＳ Ｐゴシック"; }
.gothic{ font-family:"ＭＳ ゴシック"; }

.aka{ color:red; }
.ao{ color:blue; }
.shiro{ color:white; }
.kuro{ color:black; }
.bold { font-weight:bold; }

.lh_100{ line-height:100%; }
.lh_120{ line-height:120%; }
.lh_150{ line-height:150%; }
.lh_200{ line-height:200%; }

.px10{ font-size:10px; }
.px12{ font-size:12px; }
.px14{ font-size:14px; }
.px16{ font-size:16px; }
.px18{ font-size:18px; }
.px20{ font-size:20px; }
.px24{ font-size:24px; }
.px28{ font-size:28px; }
.px32{ font-size:32px; }

.txt_l { text-align:left; }
.txt_c { text-align:center; }
.txt_r { text-align:right; }

/* 背景色系 */
.bgc_gray{ background-color:gray; }
.bgc_lightgray{ background-color:rgb(220,220,220); }

.bgc_yellow{ background-color:yellow; }
.bgc_lightyellow{ background-color:rgb(255,255,220); }


/* 表示サイズ系 */
.h_10{ height:10px; }
.h_15{ height:15px; }
.h_20{ height:20px; }
.h_25{ height:25px; }
.h_30{ height:30px; }

.w_10{ width:10px; }
.w_15{ width:15px; }
.w_20{ width:20px; }
.w_25{ width:25px; }
.w_30{ width:30px; }
.w_35{ width:35px; }
.w_40{ width:40px; }
.w_45{ width:45px; }
.w_50{ width:50px; }
.w_60{ width:60px; }
.w_70{ width:70px; }
.w_80{ width:80px; }
.w_90{ width:90px; }
.w_100{ width:100px; }
.w_150{ width:150px; }
.w_200{ width:200px; }
.w_300{ width:300px; }
.w_400{ width:400px; }
.w_500{ width:500px; }
.w_600{ width:600px; }
.w_700{ width:700px; }
.w_800{ width:800px; }
.w_900{ width:900px; }

/* レイアウト系 */
.f_l{ float:left; }
.f_r{ float:right; }

.hid_l{ clear:left;height:0px;visibility:hidden; }
.hid_r{ clear:right;height:0px;visibility:hidden; }
.hid_b{ clear:both;height:0px;visibility:hidden; }

/* 余白系 */
.pt05{ padding-top:5px; }
.pt10{ padding-top:10px; }
.pt20{ padding-top:20px; }
.pt30{ padding-top:30px; }

.pl05{ padding-left:5px; }
.pl10{ padding-left:10px; }
.pl20{ padding-left:20px; }
.pl30{ padding-left:30px; }

.pb05{ padding-bottom:5px; }
.pb10{ padding-bottom:10px; }
.pb20{ padding-bottom:20px; }
.pb30{ padding-bottom:30px; }

.pr05{ padding-right:5px; }
.pr10{ padding-right:10px; }
.pr20{ padding-right:20px; }
.pr30{ padding-right:30px; }

.pa_10{ padding:10px; }
.pa_20{ padding:20px; }
.pa_30{ padding:30px; }

.mt05{ margin-top:5px; }
.mt10{ margin-top:10px; }
.mt15{ margin-top:15px; }
.mt20{ margin-top:20px; }
.mt25{ margin-top:25px; }
.mt30{ margin-top:30px; }
.mt40{ margin-top:40px; }
.mt50{ margin-top:50px; }

.mb05{ margin-bottom:5px; }
.mb10{ margin-bottom:10px; }
.mb15{ margin-bottom:15px; }
.mb20{ margin-bottom:20px; }
.mb25{ margin-bottom:25px; }
.mb30{ margin-bottom:30px; }
.mb40{ margin-bottom:40px; }
.mb50{ margin-bottom:50px; }

.mr05{ margin-right:5px; }
.mr10{ margin-right:10px; }
.mr15{ margin-right:15px; }
.mr20{ margin-right:20px; }
.mr25{ margin-right:25px; }
.mr30{ margin-right:30px; }
.mr40{ margin-right:40px; }
.mr50{ margin-right:50px; }

.ml05{ margin-left:5px; }
.ml10{ margin-left:10px; }
.ml15{ margin-left:15px; }
.ml20{ margin-left:20px; }
.ml25{ margin-left:25px; }
.ml30{ margin-left:30px; }
.ml40{ margin-left:40px; }
.ml50{ margin-left:50px; }

.ma_auto{ margin:auto; }

/* その他 */
.kana_on{ ime-mode:active; }
.kana_of{ ime-mode:disabled; }

.hand{ cursor:pointer; }
