@charset "utf-8";

/*--Title--*/
.site_title {
    
}

.contant-title {
    background: #2C66AD;/*未指定の場合、色はカラーcssで変化*/
    color: #FFF;
    font-weight: bold;
    text-align: center;
    padding: 8px 10px 5px;
}


/*ユーザログイン・レコメンドのみ*/
.logintitle-user {
    color: #2C66AD;
    font-weight: bold;
    padding: 10px;
    border-bottom: solid 1px #CCC;
    vertical-align: middle;
    align-items: center;
}

.logintitle-user > .row > div {
    align-self: center;
}

.loginlabel {
    background: #2C66AD;
    color: #FFF;
    text-align: center;
    padding: 10px;
}
/*ユーザログイン・レコメンドのみここまで*/


/*灰色タイトル*/
.item-title {
    font-weight: bold;
    padding: 8px 10px 5px;
    background: #ffffff;
    background: -moz-linear-gradient(top,  #ffffff 46%, #ffffff 46%, #dbdbdb 100%);
    background: -webkit-linear-gradient(top,  #ffffff 46%,#ffffff 46%,#dbdbdb 100%);
    background: linear-gradient(to bottom,  #ffffff 46%,#ffffff 46%,#dbdbdb 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#dbdbdb',GradientType=0 );
    border: solid 1px #CCC;
    border-top: solid 2px #076CC9;
    border-radius: 6px;
}

/*ベタタイトル*/
/*.item-title02 {
    background: #624774;
    color: #FFF;
    font-weight: bold;
    padding: 8px 10px 5px;
    border: solid 1px #CCC;
}
.table-title02 {
    background: #624774;
    color: #FFF;
    font-weight: bold;
    padding: 8px 10px 5px;
    border: solid 1px #CCC;
}*/

.title-table-blue {
    background: #2C66AD;
    color: #FFF;
    font-weight: bold;
    padding: 8px 10px 5px;
    border: solid 1px #CCC;
}
.title-table-green {
    background: #54B149;
    color: #FFF;
    font-weight: bold;
    padding: 8px 10px 5px;
    border: solid 1px #CCC;
}
.title-table-orenge {
    background: #FF9933;
    color: #FFF;
    font-weight: bold;
    padding: 8px 10px 5px;
    border: solid 1px #CCC;
}
.title-table-gray {
    background: #666;
    color: #FFF;
    font-weight: bold;
    padding: 8px 10px 5px;
    border: solid 1px #CCC;
}


/*--ボタン btn--*/
/*ボタン*/
a.btn, input[type="button"].btn {
	border-radius: 6px;
    text-decoration: none;
    text-align: center;
    border: solid 1px #CCC;
    padding: 4px 2px;
}
a.btn:hover {
    border: solid 1px #0a77d5;
}
a.btn {
	display: block;
    font-weight: bold;
    color: #444;
}

input[type="button"],
input[type="submit"]  {
	border: solid 1px #CCC;
	vertical-align: middle;
}

/*赤*/
a.btn_red, input[type="button"].btn_red, input[type="submit"].btn_red {
    color: #FFF;
    background: #ff6666;
    background: -moz-linear-gradient(top,  #ff6666 0%, #bf2424 100%);
    background: -webkit-linear-gradient(top,  #ff6666 0%,#bf2424 100%);
    background: linear-gradient(to bottom,  #ff6666 0%,#bf2424 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff6666', endColorstr='#bf2424',GradientType=0 );
}
a.btn_red:hover, input[type="button"].btn_red:hover, input[type="submit"].btn_red:hover {
	color: #F0FF00;
    background: #FF2D2D;
}

/*青*/
a.btn_blue, input[type="button"].btn_blue, input[type="submit"].btn_blue {
    color: #FFF;
	background: rgb(135,187,229);
	background: -moz-linear-gradient(top, rgba(135,187,229,1) 0%, rgba(10,119,213,1) 100%);
	background: -webkit-linear-gradient(top, rgba(135,187,229,1) 0%,rgba(10,119,213,1) 100%);
	background: linear-gradient(to bottom, rgba(135,187,229,1) 0%,rgba(10,119,213,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#87bbe5', endColorstr='#0a77d5',GradientType=0 );
}
a.btn_blue:hover, input[type="button"].btn_blue:hover, input[type="submit"].btn_blue:hover {
	color: #F0FF00;
    background: #0B6DC8;
}

/*水色*/
a.btn_waterblue, input[type="button"].btn_waterblue, input[type="submit"].btn_waterblue {
background: #b5e7ff;
background: -moz-linear-gradient(top,  #b5e7ff 1%, #54c5f2 100%);
background: -webkit-linear-gradient(top,  #b5e7ff 1%,#54c5f2 100%);
background: linear-gradient(to bottom,  #b5e7ff 1%,#54c5f2 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b5e7ff', endColorstr='#54c5f2',GradientType=0 );
    border: solid 1px #5B9BD5;
}
a.btn_waterblue:hover, input[type="button"].btn_waterblue:hover, input[type="submit"].btn_waterblue:hover {
	color: #0064DC;
    background: #b5e7ff;
}

/*白*/
a.btn_white {
    color: #444;
}
a.btn_white:hover, input[type="button"].btn_white:hover, input[type="submit"].btn_white:hover {
    color: #FFF;
    background: #777;
}

/*黒*/
a.btn_black, input[type="button"].btn_black, input[type="submit"].btn_black {
    background: #8e9695; /* Old browsers */
    background: -moz-linear-gradient(top,  #8e9695 0%, #000000 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top,  #8e9695 0%,#000000 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom,  #8e9695 0%,#000000 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#8e9695', endColorstr='#000000',GradientType=0 );
    color: #FFF;
}
a.btn_black:hover, input[type="button"].btn_black:hover, input[type="submit"].btn_black:hover {
    background: #777;
}

/*灰*/
a.btn_gray, input[type="button"].btn_gray, input[type="submit"].btn_gray {
    background: #ffffff;
    background: -moz-linear-gradient(top,  #ffffff 37%, #cccccc 100%);
    background: -webkit-linear-gradient(top,  #ffffff 37%,#cccccc 100%);
    background: linear-gradient(to bottom,  #ffffff 37%,#cccccc 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#cccccc',GradientType=0 );
}
a.btn_gray:hover, input[type="button"].btn_gray:hover, input[type="submit"].btn_gray:hover {
    color: #FFF;
    background: #999;
}

/*紫*/
a.btn_purple, input[type="button"].btn_purple, input[type="submit"].btn_purple {
    color: #FFF;
    background: #624774;
    background: -moz-linear-gradient(top,  #a371b7 0%, #624774 100%);
    background: -webkit-linear-gradient(top,  #a371b7 0%,#624774 100%);
    background: linear-gradient(to bottom,  #a371b7 0%,#624774 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a371b7', endColorstr='#624774',GradientType=0 );
}
a.btn_purple:hover, input[type="button"].btn_purple:hover, input[type="submit"].btn_purple:hover {
    color: #F0FF00;
    border: solid 1px #FF26FF;
    background: #79588F;
}

/*やや明るい紫*/
a.btn_purplelight, input[type="button"].btn_purplelight, input[type="submit"].btn_purplelight {
    color: #FFF;
    background: #d352c2;
    background: -moz-linear-gradient(top,  #d352c2 0%, #800080 100%);
    background: -webkit-linear-gradient(top,  #d352c2 0%,#800080 100%);
    background: linear-gradient(to bottom,  #d352c2 0%,#800080 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d352c2', endColorstr='#800080',GradientType=0 );
}
a.btn_purplelight:hover, input[type="button"].btn_purplelight:hover, input[type="submit"].btn_purplelight:hover {
    color: #F0FF00;
    border: solid 1px #FF26FF;
    background: #BB2FAA;
}

/*黄文字紫*/
a.btn_purpleyellow, input[type="button"].btn_purpleyellow {
    color: #F0FF00;
    background: #d352c2;
    background: -moz-linear-gradient(top,  #d352c2 0%, #800080 100%);
    background: -webkit-linear-gradient(top,  #d352c2 0%,#800080 100%);
    background: linear-gradient(to bottom,  #d352c2 0%,#800080 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d352c2', endColorstr='#800080',GradientType=0 );
}
a.btn_purpleyellow:hover, input[type="button"].btn_purpleyellow:hover {
    color: #FFF;
    border: solid 1px #FF26FF;
    background: #BB2FAA;
}

/*ピンク*/
a.btn_pink, input[type="button"].btn_pink, input[type="submit"].btn_pink {
    color: #FFF;
	background: rgb(255,153,204);
	background: -moz-linear-gradient(top, rgba(255,153,204,1) 0%, rgba(255,51,204,1) 100%);
	background: -webkit-linear-gradient(top, rgba(255,153,204,1) 0%,rgba(255,51,204,1) 100%);
	background: linear-gradient(to bottom, rgba(255,153,204,1) 0%,rgba(255,51,204,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff99cc', endColorstr='#ff33cc',GradientType=0 );
}
a.btn_pink:hover, input[type="button"].btn_pink:hover, input[type="submit"].btn_pink:hover {
    background: #FF2BC5;
}

/*緑*/
a.btn_green, input[type="button"].btn_green, input[type="submit"].btn_green {
    background: #bfefae;
    background: -moz-linear-gradient(top,  #bfefae 0%, #7ce559 100%);
    background: -webkit-linear-gradient(top,  #bfefae 0%,#7ce559 100%);
    background: linear-gradient(to bottom,  #bfefae 0%,#7ce559 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#bfefae', endColorstr='#7ce559',GradientType=0 );
}
a.btn_green:hover, input[type="button"].btn_green:hover, input[type="submit"].btn_green:hover {
    background: #7ce559;
}

/*緑白文字*/
a.btn_green02, input[type="button"].btn_green02, input[type="submit"].btn_green02 {
    background: #76dd00; /* Old browsers */
    background: -moz-linear-gradient(top,  #76dd00 0%, #489b00 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top,  #76dd00 0%,#489b00 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom,  #76dd00 0%,#489b00 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#76dd00', endColorstr='#489b00',GradientType=0 ); /* IE6-9 */
    color: #FFF;
}
a.btn_green02:hover, input[type="button"].btn_green:hover, input[type="submit"].btn_green:hover {
    background: #7ce559;
}

/*オレンジ*/
a.btn_orenge, input[type="button"].btn_orenge, input[type="submit"].btn_orenge {
    background: #ffb184; /* Old browsers */
    background: -moz-linear-gradient(top,  #ffb184 0%, #ff670f 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top,  #ffb184 0%,#ff670f 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom,  #ffb184 0%,#ff670f 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffb184', endColorstr='#ff670f',GradientType=0 );
    color: #FFF;
}
a.btn_orenge:hover, input[type="button"].btn_orenge:hover, input[type="submit"].btn_orenge:hover {
    background: #ff670f;
}

/*赤字*/
a.btn_redfont, input[type="button"].btn_redfont, input[type="submit"].btn_redfont {color: #FF0004;}

/*白字*/
a.btn_whitefont, input[type="button"].btn_whitefont, input[type="submit"].btn_whitefont {color: #FFF;}

/*アンダーライン*/
.text_under {
    text-decoration: underline;
}

/*揃え*/
.btn_center {
	margin-left: auto;
	margin-right: auto;
}
.btn_left {
	float: left;
	display: block;
	margin-right: 5px;
}
.btn_right {
	float: right;
	display: block;
	margin-left: 5px;
}

input[type="button"]:disabled, input[type="button"].btn_waterblue:disabled, input[type="button"].btn_purplelight:disabled,input[type="button"].btn_purple:disabled, input[type="button"].btn_purpleyellow:disabled {
    background: #EEE;
    color: #999;
    border: #999;
	border: solid 1px #ccc;
}


@media screen and (max-width:648px){
    .btn_left {
        float: none;
        margin-left: auto;
    }
    .btn_right {
        float: none;
        margin-left: auto;
    }
}

/*--サイズ--*/
.btn_60 {width: 60px;}
.btn_70 {width: 70px;}
.btn_80 {width: 80px;}
.btn_90 {width: 90px;}
.btn_100 {width: 100px;}
.btn_120 {width: 120px;}
.btn_130 {width: 130px;}
.btn_140 {width: 140px;}
.btn_150 {width: 150px;}
.btn_160 {width: 160px;}
.btn_170 {width: 170px;}
.btn_180 {width: 180px;}
.btn_190 {width: 190px;}
.btn_200 {width: 200px;}
.btn_210 {width: 210px;}
.btn_220 {width: 220px;}
.btn_230 {width: 230px;}
.btn_260 {width: 260px;}
.btn_280 {width: 280px;}
.btn_300 {width: 300px;}

/*--マージン--*/
.btn_mb5 {margin-bottom: 5px;}
.btn_mb10 {margin-bottom: 10px;}
.btn_mr5 {margin-right: 5px;}
.btn_mr10 {margin-right: 10px;}

a.normal {font-weight: normal;}


/*--Input--*/

input[type="text"], input[type="email"], input[type="password"], textarea, select {
	border: solid 1px #BBB;
}

select {
    margin: 5px 0;
}

label.prpx5 {padding-right: 5px;}
label.prpx8 {padding-right: 8px;}

textarea.textarea-size0 {
	width: 100%;
	height: auto;
    margin: 0;
}

input[type="radio"],
input[type="checkbox"]  {
	vertical-align: middle;
    margin-right: 3px;
}
label.btn_radio {
    border: solid 1px #999;
	border-radius: 6px;
    font-size: 95%;
    background: #FFFBA0;
    padding: 3px 5px;
    display:block;
    margin: 5px 0;
}
label.btn_radio:hover {
	border: solid 1px #3BCBF7;
}

/*--チェックボックス--*/
input[type="checkbox"] {
    -webkit-appearance: none;
    -moz-appearance: none;
    -ms-appearance: none;
    -o-appearance: none;
    appearance: none;
    position: relative;
    right: 0;
    bottom: 0;
    left: 0;
    height: 20px;
    width: 20px;
    vertical-align: -0.5rem;
    transition:all .15s ease-out 0s;
    color: #fff;
    cursor: pointer;
    display: inline-block;
    margin: .1rem;
    outline: none;
    border-radius: 10%;
}
/* Checkbox */
input[type="checkbox"]:before,input[type=checkbox]:after {
    position: absolute;
    content: "";
    background: #fff;
    transition: all .2s ease-in-out;
}
input[type="checkbox"]:before {
    left: 2px;
    top: 6px;
    width: 0;
    height: 2px;
    transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
}
input[type="checkbox"]:after {
    right: 9px;
    bottom: 3px;
    width: 2px;
    height: 0;
    transform: rotate(40deg);
    -webkit-transform: rotate(40deg);
    -moz-transform: rotate(40deg);
    -ms-transform: rotate(40deg);
    -o-transform: rotate(40deg);
    transition-delay: .2s;
}
input[type="checkbox"]:checked:before {
    left: 1px;
    top: 10px;
    width: 6px;
    height: 2px;
}
input[type="checkbox"]:checked:after {
    right: 5px;
    bottom: 1px;
    width: 2px;
    height: 14px;
}
input[type="checkbox"]:indeterminate:before,input[type="checkbox"]:indeterminate:after {
    width: 7px;
    height: 2px;
    transform: rotate(0);
    -webkit-transform: rotate(0);
    -moz-transform: rotate(0);
    -ms-transform: rotate(0);
    -o-transform: rotate(0);
}
input[type="checkbox"]:indeterminate:before {
    left: 1px;
    top: 7px;
}
input[type="checkbox"]:indeterminate:after {
    right: 1px;
    bottom: 7px;
}
/* 色は青色のみ */
input[type="checkbox"].check_blue {
    border: 2px solid #2196f3;
    background: #FFF;
}
input[type="checkbox"].check_blue:checked,input[type="checkbox"].check_blue:indeterminate {
    background: #2196f3;
}

select {
    padding: 3px;
    font-size: 15px;
}

.size1, input.size1, select.size1 {width: 2em;}
.size1, input.size1, select.size1 {width: 2em;}
.size2, input.size2, select.size2 {width: 3.3em;}
.size3, input.size3, select.size3 {width: 4em;}
.size4, input.size4, select.size4, label.size4 {width: 5em;}
.size5, input.size5, select.size5, label.size5 {width: 6em;}
.size6, input.size6, select.size6, label.size6 {width: 7em;}
.size7, input.size7, select.size7, label.size7 {width: 8em;}
.size8, input.size8, select.size8, label.size8 {width: 9em;}
.size9, input.size9, select.size9, label.size9 {width: 10em;}
.size10, input.size10, select.size10, label.size10 {width: 11em;}
.size11, input.size11, select.size11, label.size11 {width: 12em;}
.size12, input.size12, select.size12, label.size12 {width: 13em;}
.size13, input.size13, select.size13, label.size13 {width: 14em;}
.size14, input.size14, select.size14, label.size14 {width: 15em;}
.size15, input.size15, select.size15, label.size15 {width: 16em;}
.size16, input.size16, select.size16 {width: 17em;}
.size17, input.size17, select.size17 {width: 18em;}
.size18, input.size18, select.size18 {width: 19em;}
.size19, input.size19, select.size19 {width: 20em;}
.size20, input.size20, select.size20 {width: 21em;}
.size21, input.size21, select.size21 {width: 21em;}
.size22, input.size22, select.size22 {width: 22em;}
.size23, input.size23, select.size23 {width: 23em;}
.size24, input.size24, select.size24 {width: 24em;}
.size25, input.size25, select.size25 {width: 25em;}
.size26, input.size26, select.size26 {width: 26em;}
.size27, input.size27, select.size27 {width: 27em;}
.size28, input.size28, select.size28 {width: 28em;}
.size29, input.size29, select.size29 {width: 29em;}
.size30, input.size30, select.size30 {width: 30em;}
.size31, input.size31, select.size31 {width: 31em;}
.size32, input.size32, select.size32 {width: 32em;}
.size35, input.size35, select.size35 {width: 35em;}

input.size100per {width: 100%;}

@media screen and (max-width: 730px){  input.size15,input.size16,input.size17,input.size18,input.size19,input.size20,input.size21,input.size22,input.size23,input.size24,input.size25,input.size26,input.size27,input.size28,input.size29,input.size30,input.size35 {width: 100%;} .size15,.size16,.size17,.size18,.size19,.size20,.size21,.size22,.size23,.size24,.size25,.size26,.size27,.size28,.size29,.size30,.size31,.size32,.size35 {width: 100%;}
select.size15,select.size16,select.size17,select.size18,select.size19,select.size20,select.size21,select.size22,select.size23,select.size24,select.size25,select.size26,select.size27,select.size28,select.size29,select.size30,select.size31,select.size32,select.size35 {width: 100%;}
}

input.width100 {width: 100px;}
input.width200 {width: 200px;}
input.width300 {width: 300px;}
input.width400 {width: 400px;}
input.width500 {width: 500px;}
input.width600 {width: 600px;}
input.width700 {width: 700px;}
input.width800 {width: 800px;}
input.width900 {width: 900px;}



/*赤ライン*/
table.border_red, textarea.border_red, select.border_red, input[type="text"].border_red,label.border_red {border: solid 1px #E40003;}
/*table.border_red td.pl_br_1 {padding-left: 5px;}
label.border_red {padding: 0 5px;}*/

/*select color*/
select.select-gray {background-color: #ddd;}

div.border_red {
    border: solid 1px #E40003;
    /*padding: 0 5px;*/
    padding: 5px;
}

@media screen and (max-width: 768px) {
    table.border_red td.pl_br_1 {padding-left: 0;}
}

input:focus {
	border: solid 1px #3BCBF7;
}
input[type="text"]:focus {
	border: solid 1px #3BCBF7;
}
select:focus {
	border: solid 1px #3BCBF7;
}
textarea:focus {
	border: solid 1px #3BCBF7;
}

/* 2024.06.24 border_redのとき入力フォーカス時の枠色を#E40003にする */
input.border_red:focus {
	border: solid 1px #E40003;
}
input[type="text"].border_red:focus {
	border: solid 1px #E40003;
}
select.border_red:focus {
	border: solid 1px #E40003;
}
textarea.border_red:focus {
	border: solid 1px #E40003;
}

/*--リスト・P--*/
p.indent-1 {
	padding-left:1em;
	text-indent:-1em;
}


/* margin・padding スペース
--------------------------------------------------*/
/*margin-top px*/
.mtpx5 {margin-top: 5px;}
.mtpx10 {margin-top: 10px;}
.mtpx15 {margin-top: 15px;}

/*margin-top em*/
.mtem1 {margin-top: 1em;}
.mtem2 {margin-top: 2em;}
.mtem3 {margin-top: 3em;}
.mtem4 {margin-top: 4em;}
.mtem5 {margin-top: 5em;}
.mtem10 {margin-top: 10em;}
.mtem15 {margin-top: 15em;}

/*margin-bottom px*/
.mbpx5 {margin-bottom: 5px;}
.mbpx10 {margin-bottom: 10px;}
.mbpx15 {margin-bottom: 15px;}

/*margin-bottom em*/
.mbem1 {margin-bottom: 1em;}
.mbem2 {margin-bottom: 2em;}
.mbem3 {margin-bottom: 3em;}
.mbem4 {margin-bottom: 4em;}
.mbem5 {margin-bottom: 5em;}
.mbem10 {margin-bottom: 10em;}
.mbem15 {margin-bottom: 15em;}

/*margin-left px*/
.mlpx3 {margin-left: 3px;}
.mlpx4 {margin-left: 4px;}
.mlpx5 {margin-left: 5px;}
.mlpx6 {margin-left: 6px;}
.mlpx8 {margin-left: 8px;}
.mlpx10 {margin-left: 10px;}
.mlpx15 {margin-left: 15px;}
.mlpx20 {margin-left: 20px;}
.mlpx25 {margin-left: 25px;}
.mlpx30 {margin-left: 30px;}
.mlpx35 {margin-left: 35px;}
.mlpx40 {margin-left: 40px;}

/*margin-left em*/
.mlem1 {margin-left: 1em;}
.mlem2 {margin-left: 2em;}
.mlem3 {margin-left: 3em;}
.mlem4 {margin-left: 4em;}
.mlem5 {margin-left: 5em;}
.mlem6 {margin-left: 6em;}
.mlem8 {margin-left: 8em;}
.mlem10 {margin-left: 10em;}
.mlem15 {margin-left: 15em;}
.mlem20 {margin-left: 20em;}
.mlem25 {margin-left: 25em;}
.mlem30 {margin-left: 30em;}
.mlem35 {margin-left: 35em;}
.mlem40 {margin-left: 40em;}

/*margin-right px*/
.mrpx3 {margin-right: 3px;}
.mrpx4 {margin-right: 4px;}
.mrpx5 {margin-right: 5px;}
.mrpx6 {margin-right: 6px;}
.mrpx8 {margin-right: 8px;}
.mrpx10 {margin-right: 10px;}
.mrpx15 {margin-right: 15px;}
.mrpx20 {margin-right: 20px;}
.mrpx25 {margin-right: 25px;}
.mrpx30 {margin-right: 30px;}
.mrpx35 {margin-right: 35px;}
.mrpx40 {margin-right: 40px;}

/*margin-right em*/
.mrem1 {margin-right: 1em;}
.mrem2 {margin-right: 2em;}
.mrem3 {margin-right: 3em;}
.mrem4 {margin-right: 4em;}
.mrem5 {margin-right: 5em;}
.mrem6 {margin-right: 6em;}
.mrem8 {margin-right: 8em;}
.mrem10 {margin-right: 10em;}
.mrem15 {margin-right: 15em;}
.mrem20 {margin-right: 20em;}
.mrem25 {margin-right: 25em;}
.mrem30 {margin-right: 30em;}
.mrem35 {margin-right: 35em;}
.mrem40 {margin-right: 40em;}


/*padding-top px*/
.ptpx5 {padding-top: 5px;}
.ptpx10 {padding-top: 10px;}
.ptpx15 {padding-top: 15px;}

/*padding-top em*/
.ptem1 {padding-top: 1em;}
.ptem2 {padding-top: 2em;}
.ptem3 {padding-top: 3em;}
.ptem4 {padding-top: 4em;}
.ptem5 {padding-top: 5em;}
.ptem10 {padding-top: 10em;}
.ptem15 {padding-top: 15em;}

/*padding-bottom px*/
.pbpx5 {padding-bottom: 5px;}
.pbpx10 {padding-bottom: 10px;}
.pbpx15 {padding-bottom: 15px;}

/*padding-bottom em*/
.pbem1 {padding-bottom: 1em;}
.pbem2 {padding-bottom: 2em;}
.pbem3 {padding-bottom: 3em;}
.pbem4 {padding-bottom: 4em;}
.pbem5 {padding-bottom: 5em;}
.pbem10 {padding-bottom: 10em;}
.pbem15 {padding-bottom: 15em;}

/*padding-left px*/
.plpx3 {padding-left: 3px;}
.plpx4 {padding-left: 4px;}
.plpx5 {padding-left: 5px;}
.plpx6 {padding-left: 6px;}
.plpx8 {padding-left: 8px;}
.plpx10 {padding-left: 10px;}
.plpx15 {padding-left: 15px;}
.plpx20 {padding-left: 20px;}
.plpx25 {padding-left: 25px;}
.plpx30 {padding-left: 30px;}
.plpx35 {padding-left: 35px;}
.plpx40 {padding-left: 40px;}

/*padding-left em*/
.plem1 {padding-left: 1em;}
.plem2 {padding-left: 2em;}
.plem3 {padding-left: 3em;}
.plem4 {padding-left: 4em;}
.plem5 {padding-left: 5em;}
.plem6 {padding-left: 6em;}
.plem8 {padding-left: 8em;}
.plem10 {padding-left: 10em;}
.plem15 {padding-left: 15em;}
.plem20 {padding-left: 20em;}
.plem25 {padding-left: 25em;}
.plem30 {padding-left: 30em;}
.plem35 {padding-left: 35em;}
.plem40 {padding-left: 40em;}

/*padding-right px*/
.prpx3 {padding-right: 3px;}
.prpx4 {padding-right: 4px;}
.prpx5 {padding-right: 5px;}
.prpx6 {padding-right: 6px;}
.prpx8 {padding-right: 8px;}
.prpx10 {padding-right: 10px;}
.prpx15 {padding-right: 15px;}
.prpx20 {padding-right: 20px;}
.prpx25 {padding-right: 25px;}
.prpx30 {padding-right: 30px;}
.prpx35 {padding-right: 35px;}
.prpx40 {padding-right: 40px;}

/*padding-right em*/
.prem1 {padding-right: 1em;}
.prem2 {padding-right: 2em;}
.prem3 {padding-right: 3em;}
.prem4 {padding-right: 4em;}
.prem5 {padding-right: 5em;}
.prem6 {padding-right: 6em;}
.prem8 {padding-right: 8em;}
.prem10 {padding-right: 10em;}
.prem15 {padding-right: 15em;}
.prem20 {padding-right: 20em;}
.prem25 {padding-right: 25em;}
.prem30 {padding-right: 30em;}
.prem35 {padding-right: 35em;}
.prem40 {padding-right: 40em;}


/*td内部*/
td.ptpx3 {padding-top: 3px;}
td.ptpx3 {padding-top: 5px;}
td.ptpx10 {padding-top: 10px;}
td.ptpx12 {padding-top: 12px;}

td.plem1 {padding-left: 1em;}
td.plem2 {padding-left: 2em;}
td.plem3 {padding-left: 3em;}

td.prem1 {padding-right: 1em;}
td.prem2 {padding-right: 2em;}
td.prem3 {padding-right: 3em;}