@charset 'utf-8';

/*------------------------------------------------------------*/
/*-- 共通 スタイルシート --*/
/*------------------------------------------------------------*/

/*------------------------------------------------------------*/
/*-- IME --*/
/*------------------------------------------------------------*/
/*-- 指定なし --*/
.ime_auto{ime-mode:auto;}
/*-- 英数字入力モードのみ --*/
.ime_disabled{ime-mode:disabled;}
/*-- 初期値が日本語入力モード --*/
.ime_active{ime-mode:active;}
/*-- 初期値が英数字入力モード --*/
.ime_inactive{ime-mode:inactive;}

/*------------------------------------------------------------*/
/*-- ボックス --*/
/*------------------------------------------------------------*/
/*-- ボックス --*/
.boxContainer{overflow:hidden;}
/*-- ボックス制御 --*/
.boxContainer:before,.boxContainer:after{content:"";display:table;}
/*-- ボックス制御 --*/
.boxContainer:after{clear:both;}

/*------------------------------------------------------------*/
/*-- 個別部品 --*/
/*------------------------------------------------------------*/
/*-- テキスト位置 --*/
.align_left   { text-align: left;   }
.align_center { text-align: center; }
.align_right  { text-align: right;  }

/*-- float位置 --*/
.float_left   { float:left;   }
.float_center { float:center; }
.float_right  { float:right;  }

/*-- 縦位置 --*/
.vertical_align_top    { vertical-align: top;   }
.vertical_align_middle { vertical-align: middle;}
.vertical_align_bottom { vertical-align: bottom;}

/*-- フォントサイズ --*/
.font_xxlarge { font-size: xx-large; }
.font_xlarge  { font-size: x-large;  }
.font_large   { font-size: large;    }
.font_medium  { font-size: medium;   }
.font_small   { font-size: small;    }
.font_xsmall  { font-size: x-small;  }
.font_xxsmall { font-size: x-small;  }
.font_10 { font-size: 10px; }
.font_12 { font-size: 12px; }
.font_14 { font-size: 14px; }
.font_16 { font-size: 16px; }
.font_18 { font-size: 18px; }
.font_20 { font-size: 20px; }
.font_22 { font-size: 22px; }
.font_24 { font-size: 24px; }
.font_26 { font-size: 26px; }
.font_28 { font-size: 28px; }
.font_30 { font-size: 30px; }

/*-- フォント太さ --*/
.font_weight_normal  { font-weight: normal; }
.font_weight_bold    { font-weight: bold;   }
.font_weight_lighter { font-weight: lighter;}
.font_weight_bolder  { font-weight: bolder; }

/*-- width px --*/
.width_10px  { width: 10px;  }
.width_20px  { width: 20px;  }
.width_30px  { width: 30px;  }
.width_40px  { width: 40px;  }
.width_45px  { width: 45px;  }
.width_50px  { width: 50px;  }
.width_60px  { width: 60px;  }
.width_70px  { width: 70px;  }
.width_80px  { width: 80px;  }
.width_90px  { width: 90px;  }
.width_100px { width: 100px; }
.width_110px { width: 110px; }
.width_120px { width: 120px; }
.width_130px { width: 130px; }
.width_140px { width: 140px; }
.width_145px { width: 145px; }
.width_150px { width: 150px; }
.width_160px { width: 160px; }
.width_170px { width: 170px; }
.width_180px { width: 180px; }
.width_190px { width: 190px; }
.width_200px { width: 200px; }
.width_250px { width: 250px; }
.width_300px { width: 300px; }
.width_310px { width: 310px; }
.width_320px { width: 320px; }
.width_325px { width: 325px; }
.width_330px { width: 330px; }
.width_340px { width: 340px; }
.width_350px { width: 350px; }
.width_400px { width: 400px; }
.width_450px { width: 450px; }
.width_500px { width: 500px; }
.width_550px { width: 550px; }
.width_600px { width: 600px; }
.width_650px { width: 650px; }
.width_700px { width: 700px; }
.width_750px { width: 750px; }
.width_800px { width: 800px; }
.width_850px { width: 850px; }

/*-- width % --*/
.width_5   { width: 5%;   }
.width_10  { width: 10%;  }
.width_15  { width: 15%;  }
.width_20  { width: 20%;  }
.width_25  { width: 25%;  }
.width_30  { width: 30%;  }
.width_35  { width: 35%;  }
.width_40  { width: 40%;  }
.width_45  { width: 45%;  }
.width_50  { width: 50%;  }
.width_55  { width: 55%;  }
.width_60  { width: 60%;  }
.width_65  { width: 65%;  }
.width_70  { width: 70%;  }
.width_75  { width: 75%;  }
.width_80  { width: 80%;  }
.width_85  { width: 85%;  }
.width_90  { width: 90%;  }
.width_95  { width: 95%;  }
.width_96  { width: 96%;  }
.width_97  { width: 97%;  }
.width_98  { width: 98%;  }
.width_99  { width: 99%;  }
.width_100 { width: 100%; }

/*-- min-width px --*/
.min_width_10px   { min-width: 10px;   }
.min_width_20px   { min-width: 20px;   }
.min_width_30px   { min-width: 30px;   }
.min_width_40px   { min-width: 40px;   }
.min_width_50px   { min-width: 50px;   }
.min_width_60px   { min-width: 60px;   }
.min_width_70px   { min-width: 70px;   }
.min_width_80px   { min-width: 80px;   }
.min_width_90px   { min-width: 90px;   }
.min_width_100px  { min-width: 100px;  }
.min_width_150px  { min-width: 150px;  }
.min_width_200px  { min-width: 200px;  }
.min_width_250px  { min-width: 250px;  }
.min_width_300px  { min-width: 300px;  }
.min_width_350px  { min-width: 350px;  }
.min_width_400px  { min-width: 400px;  }
.min_width_450px  { min-width: 450px;  }
.min_width_500px  { min-width: 500px;  }
.min_width_550px  { min-width: 550px;  }
.min_width_600px  { min-width: 600px;  }
.min_width_650px  { min-width: 650px;  }
.min_width_700px  { min-width: 700px;  }
.min_width_750px  { min-width: 750px;  }
.min_width_800px  { min-width: 800px;  }
.min_width_850px  { min-width: 850px;  }
.min_width_900px  { min-width: 900px;  }
.min_width_950px  { min-width: 950px;  }
.min_width_1000px { min-width: 1000px; }

/*-- min-width % --*/
.min_width_5   { min-width: 5%;   }
.min_width_10  { min-width: 10%;  }
.min_width_15  { min-width: 15%;  }
.min_width_20  { min-width: 20%;  }
.min_width_25  { min-width: 25%;  }
.min_width_30  { min-width: 30%;  }
.min_width_35  { min-width: 35%;  }
.min_width_40  { min-width: 40%;  }
.min_width_45  { min-width: 45%;  }
.min_width_50  { min-width: 50%;  }
.min_width_55  { min-width: 55%;  }
.min_width_60  { min-width: 60%;  }
.min_width_65  { min-width: 65%;  }
.min_width_70  { min-width: 70%;  }
.min_width_75  { min-width: 75%;  }
.min_width_80  { min-width: 80%;  }
.min_width_85  { min-width: 85%;  }
.min_width_90  { min-width: 90%;  }
.min_width_95  { min-width: 95%;  }
.min_width_100 { min-width: 100%; }

/*-- height px --*/
.height_10px  { height: 10px;  }
.height_20px  { height: 20px;  }
.height_30px  { height: 30px;  }
.height_40px  { height: 40px;  }
.height_50px  { height: 50px;  }
.height_60px  { height: 60px;  }
.height_70px  { height: 70px;  }
.height_80px  { height: 80px;  }
.height_90px  { height: 90px;  }
.height_100px { height: 100px; }
.height_150px { height: 150px; }
.height_200px { height: 200px; }
.height_250px { height: 250px; }
.height_300px { height: 300px; }
.height_350px { height: 350px; }
.height_400px { height: 400px; }
.height_450px { height: 450px; }
.height_500px { height: 500px; }
.height_550px { height: 550px; }

/*-- height % --*/
.height_5   { height: 5%;   }
.height_10  { height: 10%;  }
.height_15  { height: 15%;  }
.height_20  { height: 20%;  }
.height_25  { height: 25%;  }
.height_30  { height: 30%;  }
.height_35  { height: 35%;  }
.height_40  { height: 40%;  }
.height_45  { height: 45%;  }
.height_50  { height: 50%;  }
.height_55  { height: 55%;  }
.height_60  { height: 60%;  }
.height_65  { height: 65%;  }
.height_70  { height: 70%;  }
.height_75  { height: 75%;  }
.height_80  { height: 80%;  }
.height_85  { height: 85%;  }
.height_90  { height: 90%;  }
.height_95  { height: 95%;  }
.height_100 { height: 100%; }

/*-- min-height px --*/
.min_height_10px   { min-height: 10px;   }
.min_height_20px   { min-height: 20px;   }
.min_height_30px   { min-height: 30px;   }
.min_height_40px   { min-height: 40px;   }
.min_height_50px   { min-height: 50px;   }
.min_height_60px   { min-height: 60px;   }
.min_height_70px   { min-height: 70px;   }
.min_height_80px   { min-height: 80px;   }
.min_height_90px   { min-height: 90px;   }
.min_height_100px  { min-height: 100px;  }
.min_height_150px  { min-height: 150px;  }
.min_height_200px  { min-height: 200px;  }
.min_height_250px  { min-height: 250px;  }
.min_height_300px  { min-height: 300px;  }
.min_height_350px  { min-height: 350px;  }
.min_height_400px  { min-height: 400px;  }
.min_height_450px  { min-height: 450px;  }
.min_height_500px  { min-height: 500px;  }
.min_height_550px  { min-height: 550px;  }
.min_height_1000px { min-height: 1000px; }

/*-- min-height % --*/
.min_height_5   { min-height: 5%;   }
.min_height_10  { min-height: 10%;  }
.min_height_15  { min-height: 15%;  }
.min_height_20  { min-height: 20%;  }
.min_height_25  { min-height: 25%;  }
.min_height_30  { min-height: 30%;  }
.min_height_35  { min-height: 35%;  }
.min_height_40  { min-height: 40%;  }
.min_height_45  { min-height: 45%;  }
.min_height_50  { min-height: 50%;  }
.min_height_55  { min-height: 55%;  }
.min_height_60  { min-height: 60%;  }
.min_height_65  { min-height: 65%;  }
.min_height_70  { min-height: 70%;  }
.min_height_75  { min-height: 75%;  }
.min_height_80  { min-height: 80%;  }
.min_height_85  { min-height: 85%;  }
.min_height_90  { min-height: 90%;  }
.min_height_95  { min-height: 95%;  }
.min_height_100 { min-height: 100%; }

/*-- margin px --*/
.margin_5px   { margin: 5px;   }
.margin_10px  { margin: 10px;  }
.margin_15px  { margin: 15px;  }
.margin_20px  { margin: 20px;  }
.margin_25px  { margin: 25px;  }
.margin_30px  { margin: 30px;  }
.margin_35px  { margin: 35px;  }
.margin_40px  { margin: 40px;  }
.margin_45px  { margin: 45px;  }
.margin_50px  { margin: 50px;  }
.margin_55px  { margin: 55px;  }
.margin_60px  { margin: 60px;  }
.margin_65px  { margin: 65px;  }
.margin_70px  { margin: 70px;  }
.margin_75px  { margin: 75px;  }
.margin_80px  { margin: 80px;  }
.margin_85px  { margin: 85px;  }
.margin_90px  { margin: 90px;  }
.margin_95px  { margin: 95px;  }
.margin_100px { margin: 100px; }

/*-- margin % --*/
.margin_5    { margin: 5%;   }
.margin_10   { margin: 10%;  }
.margin_15   { margin: 15%;  }
.margin_20   { margin: 20%;  }
.margin_25   { margin: 25%;  }
.margin_30   { margin: 30%;  }
.margin_35   { margin: 35%;  }
.margin_40   { margin: 40%;  }
.margin_45   { margin: 50%;  }
.margin_55   { margin: 55%;  }
.margin_60   { margin: 60%;  }
.margin_65   { margin: 65%;  }
.margin_70   { margin: 70%;  }
.margin_75   { margin: 75%;  }
.margin_80   { margin: 80%;  }
.margin_85   { margin: 85%;  }
.margin_90   { margin: 90%;  }
.margin_95   { margin: 95%;  }
.margin_100  { margin: 100%; }

/*-- margin-top px --*/
.margin_top_5px   { margin-top: 5px;   }
.margin_top_10px  { margin-top: 10px;  }
.margin_top_15px  { margin-top: 15px;  }
.margin_top_20px  { margin-top: 20px;  }
.margin_top_25px  { margin-top: 25px;  }
.margin_top_30px  { margin-top: 30px;  }
.margin_top_35px  { margin-top: 35px;  }
.margin_top_40px  { margin-top: 40px;  }
.margin_top_45px  { margin-top: 45px;  }
.margin_top_50px  { margin-top: 50px;  }
.margin_top_55px  { margin-top: 55px;  }
.margin_top_60px  { margin-top: 60px;  }
.margin_top_65px  { margin-top: 65px;  }
.margin_top_70px  { margin-top: 70px;  }
.margin_top_75px  { margin-top: 75px;  }
.margin_top_80px  { margin-top: 80px;  }
.margin_top_85px  { margin-top: 85px;  }
.margin_top_90px  { margin-top: 90px;  }
.margin_top_95px  { margin-top: 95px;  }
.margin_top_100px { margin-top: 100px; }

/*-- margin-top % --*/
.margin_top_5   { margin-top: 5%;   }
.margin_top_10  { margin-top: 10%;  }
.margin_top_15  { margin-top: 15%;  }
.margin_top_20  { margin-top: 20%;  }
.margin_top_25  { margin-top: 25%;  }
.margin_top_30  { margin-top: 30%;  }
.margin_top_35  { margin-top: 35%;  }
.margin_top_40  { margin-top: 40%;  }
.margin_top_45  { margin-top: 45%;  }
.margin_top_50  { margin-top: 50%;  }
.margin_top_55  { margin-top: 55%;  }
.margin_top_60  { margin-top: 60%;  }
.margin_top_65  { margin-top: 65%;  }
.margin_top_70  { margin-top: 70%;  }
.margin_top_75  { margin-top: 75%;  }
.margin_top_80  { margin-top: 80%;  }
.margin_top_85  { margin-top: 85%;  }
.margin_top_90  { margin-top: 90%;  }
.margin_top_95  { margin-top: 95%;  }
.margin_top_100 { margin-top: 100%; }

/*-- margin-bottom px --*/
.margin_bottom_5px   { margin-bottom: 5px;   }
.margin_bottom_10px  { margin-bottom: 10px;  }
.margin_bottom_15px  { margin-bottom: 15px;  }
.margin_bottom_20px  { margin-bottom: 20px;  }
.margin_bottom_25px  { margin-bottom: 25px;  }
.margin_bottom_30px  { margin-bottom: 30px;  }
.margin_bottom_35px  { margin-bottom: 35px;  }
.margin_bottom_40px  { margin-bottom: 40px;  }
.margin_bottom_45px  { margin-bottom: 45px;  }
.margin_bottom_50px  { margin-bottom: 50px;  }
.margin_bottom_55px  { margin-bottom: 55px;  }
.margin_bottom_60px  { margin-bottom: 60px;  }
.margin_bottom_65px  { margin-bottom: 65px;  }
.margin_bottom_70px  { margin-bottom: 70px;  }
.margin_bottom_75px  { margin-bottom: 75px;  }
.margin_bottom_80px  { margin-bottom: 80px;  }
.margin_bottom_85px  { margin-bottom: 85px;  }
.margin_bottom_90px  { margin-bottom: 90px;  }
.margin_bottom_95px  { margin-bottom: 95px;  }
.margin_bottom_100px { margin-bottom: 100px; }

/*-- margin-bottom % --*/
.margin_bottom_5   { margin-bottom: 5%;   }
.margin_bottom_10  { margin-bottom: 10%;  }
.margin_bottom_15  { margin-bottom: 15%;  }
.margin_bottom_20  { margin-bottom: 20%;  }
.margin_bottom_25  { margin-bottom: 25%;  }
.margin_bottom_30  { margin-bottom: 30%;  }
.margin_bottom_35  { margin-bottom: 35%;  }
.margin_bottom_40  { margin-bottom: 40%;  }
.margin_bottom_45  { margin-bottom: 45%;  }
.margin_bottom_50  { margin-bottom: 50%;  }
.margin_bottom_55  { margin-bottom: 55%;  }
.margin_bottom_60  { margin-bottom: 60%;  }
.margin_bottom_65  { margin-bottom: 65%;  }
.margin_bottom_70  { margin-bottom: 70%;  }
.margin_bottom_75  { margin-bottom: 75%;  }
.margin_bottom_80  { margin-bottom: 80%;  }
.margin_bottom_85  { margin-bottom: 85%;  }
.margin_bottom_90  { margin-bottom: 90%;  }
.margin_bottom_95  { margin-bottom: 95%;  }
.margin_bottom_100 { margin-bottom: 100%; }

/*-- margin-rigth px --*/
.margin_right_5px   { margin-right: 5px;   }
.margin_right_10px  { margin-right: 10px;  }
.margin_right_15px  { margin-right: 15px;  }
.margin_right_20px  { margin-right: 20px;  }
.margin_right_25px  { margin-right: 25px;  }
.margin_right_30px  { margin-right: 30px;  }
.margin_right_35px  { margin-right: 35px;  }
.margin_right_40px  { margin-right: 40px;  }
.margin_right_45px  { margin-right: 45px;  }
.margin_right_50px  { margin-right: 50px;  }
.margin_right_55px  { margin-right: 55px;  }
.margin_right_60px  { margin-right: 60px;  }
.margin_right_65px  { margin-right: 65px;  }
.margin_right_70px  { margin-right: 70px;  }
.margin_right_75px  { margin-right: 75px;  }
.margin_right_80px  { margin-right: 80px;  }
.margin_right_85px  { margin-right: 85px;  }
.margin_right_90px  { margin-right: 90px;  }
.margin_right_95px  { margin-right: 95px;  }
.margin_right_100px { margin-right: 100px; }

/*-- margin-rigth % --*/
.margin_right_5   { margin-right: 5%;   }
.margin_right_10  { margin-right: 10%;  }
.margin_right_15  { margin-right: 15%;  }
.margin_right_20  { margin-right: 20%;  }
.margin_right_25  { margin-right: 25%;  }
.margin_right_30  { margin-right: 30%;  }
.margin_right_35  { margin-right: 35%;  }
.margin_right_40  { margin-right: 40%;  }
.margin_right_45  { margin-right: 45%;  }
.margin_right_50  { margin-right: 50%;  }
.margin_right_55  { margin-right: 55%;  }
.margin_right_60  { margin-right: 60%;  }
.margin_right_65  { margin-right: 65%;  }
.margin_right_70  { margin-right: 70%;  }
.margin_right_75  { margin-right: 75%;  }
.margin_right_80  { margin-right: 80%;  }
.margin_right_85  { margin-right: 85%;  }
.margin_right_90  { margin-right: 90%;  }
.margin_right_95  { margin-right: 95%;  }
.margin_right_100 { margin-right: 100%; }

/*-- margin-left px --*/
.margin_left_5px   { margin-left: 5px;   }
.margin_left_10px  { margin-left: 10px;  }
.margin_left_15px  { margin-left: 15px;  }
.margin_left_20px  { margin-left: 20px;  }
.margin_left_25px  { margin-left: 25px;  }
.margin_left_30px  { margin-left: 30px;  }
.margin_left_35px  { margin-left: 35px;  }
.margin_left_40px  { margin-left: 40px;  }
.margin_left_45px  { margin-left: 45px;  }
.margin_left_50px  { margin-left: 50px;  }
.margin_left_55px  { margin-left: 55px;  }
.margin_left_60px  { margin-left: 60px;  }
.margin_left_65px  { margin-left: 65px;  }
.margin_left_70px  { margin-left: 70px;  }
.margin_left_75px  { margin-left: 75px;  }
.margin_left_80px  { margin-left: 80px;  }
.margin_left_85px  { margin-left: 85px;  }
.margin_left_90px  { margin-left: 90px;  }
.margin_left_95px  { margin-left: 95px;  }
.margin_left_100px { margin-left: 100px; }

/*-- margin-left % --*/
.margin_left_5   { margin-left: 5%;   }
.margin_left_10  { margin-left: 10%;  }
.margin_left_15  { margin-left: 15%;  }
.margin_left_20  { margin-left: 20%;  }
.margin_left_25  { margin-left: 25%;  }
.margin_left_30  { margin-left: 30%;  }
.margin_left_35  { margin-left: 35%;  }
.margin_left_40  { margin-left: 40%;  }
.margin_left_45  { margin-left: 45%;  }
.margin_left_50  { margin-left: 50%;  }
.margin_left_55  { margin-left: 55%;  }
.margin_left_60  { margin-left: 60%;  }
.margin_left_65  { margin-left: 65%;  }
.margin_left_70  { margin-left: 70%;  }
.margin_left_75  { margin-left: 75%;  }
.margin_left_80  { margin-left: 80%;  }
.margin_left_85  { margin-left: 85%;  }
.margin_left_90  { margin-left: 90%;  }
.margin_left_95  { margin-left: 95%;  }
.margin_left_100 { margin-left: 100%; }

/*-- padding px --*/
.padding_5px   { padding: 5px;   }
.padding_10px  { padding: 10px;  }
.padding_15px  { padding: 15px;  }
.padding_20px  { padding: 20px;  }
.padding_25px  { padding: 25px;  }
.padding_30px  { padding: 30px;  }
.padding_35px  { padding: 35px;  }
.padding_40px  { padding: 40px;  }
.padding_45px  { padding: 45px;  }
.padding_50px  { padding: 50px;  }
.padding_55px  { padding: 55px;  }
.padding_60px  { padding: 60px;  }
.padding_65px  { padding: 65px;  }
.padding_70px  { padding: 70px;  }
.padding_75px  { padding: 75px;  }
.padding_80px  { padding: 80px;  }
.padding_85px  { padding: 85px;  }
.padding_90px  { padding: 90px;  }
.padding_95px  { padding: 95px;  }
.padding_100px { padding: 100px; }

/*-- padding % --*/
.padding_5   { padding: 5%;   }
.padding_10  { padding: 10%;  }
.padding_15  { padding: 15%;  }
.padding_20  { padding: 20%;  }
.padding_25  { padding: 25%;  }
.padding_30  { padding: 30%;  }
.padding_35  { padding: 35%;  }
.padding_40  { padding: 40%;  }
.padding_45  { padding: 45%;  }
.padding_50  { padding: 50%;  }
.padding_55  { padding: 55%;  }
.padding_60  { padding: 60%;  }
.padding_65  { padding: 65%;  }
.padding_70  { padding: 70%;  }
.padding_75  { padding: 75%;  }
.padding_80  { padding: 80%;  }
.padding_85  { padding: 85%;  }
.padding_90  { padding: 90%;  }
.padding_95  { padding: 95%;  }
.padding_100 { padding: 100%; }

/*-- padding-top px --*/
.padding_top_5px   { padding-top: 5px;   }
.padding_top_10px  { padding-top: 10px;  }
.padding_top_15px  { padding-top: 15px;  }
.padding_top_20px  { padding-top: 20px;  }
.padding_top_25px  { padding-top: 25px;  }
.padding_top_30px  { padding-top: 30px;  }
.padding_top_35px  { padding-top: 35px;  }
.padding_top_40px  { padding-top: 40px;  }
.padding_top_45px  { padding-top: 45px;  }
.padding_top_50px  { padding-top: 50px;  }
.padding_top_55px  { padding-top: 55px;  }
.padding_top_60px  { padding-top: 60px;  }
.padding_top_65px  { padding-top: 65px;  }
.padding_top_70px  { padding-top: 70px;  }
.padding_top_75px  { padding-top: 75px;  }
.padding_top_80px  { padding-top: 80px;  }
.padding_top_85px  { padding-top: 85px;  }
.padding_top_90px  { padding-top: 90px;  }
.padding_top_95px  { padding-top: 95px;  }
.padding_top_100px { padding-top: 100px; }

/*-- padding-top % --*/
.padding_top_5   { padding-top: 5%;   }
.padding_top_10  { padding-top: 10%;  }
.padding_top_15  { padding-top: 15%;  }
.padding_top_20  { padding-top: 20%;  }
.padding_top_25  { padding-top: 25%;  }
.padding_top_30  { padding-top: 30%;  }
.padding_top_35  { padding-top: 35%;  }
.padding_top_40  { padding-top: 40%;  }
.padding_top_45  { padding-top: 45%;  }
.padding_top_50  { padding-top: 50%;  }
.padding_top_55  { padding-top: 55%;  }
.padding_top_60  { padding-top: 60%;  }
.padding_top_65  { padding-top: 65%;  }
.padding_top_70  { padding-top: 70%;  }
.padding_top_75  { padding-top: 75%;  }
.padding_top_80  { padding-top: 80%;  }
.padding_top_85  { padding-top: 85%;  }
.padding_top_90  { padding-top: 90%;  }
.padding_top_95  { padding-top: 95%;  }
.padding_top_100 { padding-top: 100%; }

/*-- padding-bottom px --*/
.padding_bottom_5px   { padding-bottom: 5px;   }
.padding_bottom_10px  { padding-bottom: 10px;  }
.padding_bottom_15px  { padding-bottom: 15px;  }
.padding_bottom_20px  { padding-bottom: 20px;  }
.padding_bottom_25px  { padding-bottom: 25px;  }
.padding_bottom_30px  { padding-bottom: 30px;  }
.padding_bottom_35px  { padding-bottom: 35px;  }
.padding_bottom_40px  { padding-bottom: 40px;  }
.padding_bottom_45px  { padding-bottom: 45px;  }
.padding_bottom_50px  { padding-bottom: 50px;  }
.padding_bottom_55px  { padding-bottom: 55px;  }
.padding_bottom_60px  { padding-bottom: 60px;  }
.padding_bottom_65px  { padding-bottom: 65px;  }
.padding_bottom_70px  { padding-bottom: 70px;  }
.padding_bottom_75px  { padding-bottom: 75px;  }
.padding_bottom_80px  { padding-bottom: 80px;  }
.padding_bottom_85px  { padding-bottom: 85px;  }
.padding_bottom_90px  { padding-bottom: 90px;  }
.padding_bottom_95px  { padding-bottom: 95px;  }
.padding_bottom_100px { padding-bottom: 100px; }

/*-- padding-bottom % --*/
.padding_bottom_5   { padding-bottom: 5%;   }
.padding_bottom_10  { padding-bottom: 10%;  }
.padding_bottom_15  { padding-bottom: 15%;  }
.padding_bottom_20  { padding-bottom: 20%;  }
.padding_bottom_25  { padding-bottom: 25%;  }
.padding_bottom_30  { padding-bottom: 30%;  }
.padding_bottom_35  { padding-bottom: 35%;  }
.padding_bottom_40  { padding-bottom: 40%;  }
.padding_bottom_45  { padding-bottom: 45%;  }
.padding_bottom_50  { padding-bottom: 50%;  }
.padding_bottom_55  { padding-bottom: 55%;  }
.padding_bottom_60  { padding-bottom: 60%;  }
.padding_bottom_65  { padding-bottom: 65%;  }
.padding_bottom_70  { padding-bottom: 70%;  }
.padding_bottom_75  { padding-bottom: 75%;  }
.padding_bottom_80  { padding-bottom: 80%;  }
.padding_bottom_85  { padding-bottom: 85%;  }
.padding_bottom_90  { padding-bottom: 90%;  }
.padding_bottom_95  { padding-bottom: 95%;  }
.padding_bottom_100 { padding-bottom: 100%; }

/*-- padding-right px --*/
.padding_right_5px   { padding-right: 5px;   }
.padding_right_10px  { padding-right: 10px;  }
.padding_right_15px  { padding-right: 15px;  }
.padding_right_20px  { padding-right: 20px;  }
.padding_right_25px  { padding-right: 25px;  }
.padding_right_30px  { padding-right: 30px;  }
.padding_right_35px  { padding-right: 35px;  }
.padding_right_40px  { padding-right: 40px;  }
.padding_right_45px  { padding-right: 45px;  }
.padding_right_50px  { padding-right: 50px;  }
.padding_right_55px  { padding-right: 55px;  }
.padding_right_60px  { padding-right: 60px;  }
.padding_right_65px  { padding-right: 65px;  }
.padding_right_70px  { padding-right: 70px;  }
.padding_right_75px  { padding-right: 75px;  }
.padding_right_80px  { padding-right: 80px;  }
.padding_right_85px  { padding-right: 85px;  }
.padding_right_90px  { padding-right: 90px;  }
.padding_right_95px  { padding-right: 95px;  }
.padding_right_100px { padding-right: 100px; }

/*-- padding-right % --*/
.padding_right_5  { padding-right: 5%;   }
.padding_right_10 { padding-right: 10%;  }
.padding_right_15 { padding-right: 15%;  }
.padding_right_20 { padding-right: 20%;  }
.padding_right_25 { padding-right: 25%;  }
.padding_right_30 { padding-right: 30%;  }
.padding_right_35 { padding-right: 35%;  }
.padding_right_40 { padding-right: 40%;  }
.padding_right_45 { padding-right: 45%;  }
.padding_right_50 { padding-right: 50%;  }
.padding_right_55 { padding-right: 55%;  }
.padding_right_60 { padding-right: 60%;  }
.padding_right_65 { padding-right: 65%;  }
.padding_right_70 { padding-right: 70%;  }
.padding_right_75 { padding-right: 75%;  }
.padding_right_80 { padding-right: 80%;  }
.padding_right_85 { padding-right: 85%;  }
.padding_right_90 { padding-right: 90%;  }
.padding_right_95 { padding-right: 95%;  }
.padding_right_100{ padding-right: 100%; }

/*-- padding-left px --*/
.padding_left_10px   { padding-left: 5px;   }
.padding_left_20px   { padding-left: 10px;  }
.padding_left_30px   { padding-left: 15px;  }
.padding_left_40px   { padding-left: 20px;  }
.padding_left_50px   { padding-left: 25px;  }
.padding_left_60px   { padding-left: 30px;  }
.padding_left_70px   { padding-left: 35px;  }
.padding_left_80px   { padding-left: 40px;  }
.padding_left_90px   { padding-left: 45px;  }
.padding_left_100px  { padding-left: 50px;  }
.padding_left_150px  { padding-left: 55px;  }
.padding_left_200px  { padding-left: 60px;  }
.padding_left_250px  { padding-left: 65px;  }
.padding_left_300px  { padding-left: 70px;  }
.padding_left_350px  { padding-left: 75px;  }
.padding_left_400px  { padding-left: 80px;  }
.padding_left_450px  { padding-left: 85px;  }
.padding_left_500px  { padding-left: 90px;  }
.padding_left_550px  { padding-left: 95px;  }
.padding_left_100px  { padding-left: 100px; }

/*-- padding-left % --*/
.padding_left_5   { padding-left: 5%;   }
.padding_left_10  { padding-left: 10%;  }
.padding_left_15  { padding-left: 15%;  }
.padding_left_20  { padding-left: 20%;  }
.padding_left_25  { padding-left: 25%;  }
.padding_left_30  { padding-left: 30%;  }
.padding_left_35  { padding-left: 35%;  }
.padding_left_40  { padding-left: 40%;  }
.padding_left_45  { padding-left: 45%;  }
.padding_left_50  { padding-left: 50%;  }
.padding_left_55  { padding-left: 55%;  }
.padding_left_60  { padding-left: 60%;  }
.padding_left_65  { padding-left: 65%;  }
.padding_left_70  { padding-left: 70%;  }
.padding_left_75  { padding-left: 75%;  }
.padding_left_80  { padding-left: 80%;  }
.padding_left_85  { padding-left: 85%;  }
.padding_left_90  { padding-left: 90%;  }
.padding_left_95  { padding-left: 95%;  }
.padding_left_100 { padding-left: 100%; }

/*-- サイズ --*/
.resize_none { resize: none; }

/*------------------------------------------------------------*/
/*-- PC向けスタイルシート 画面サイズ 1024px～               --*/
/*------------------------------------------------------------*/
@media screen and (min-width:1024px){
	/*-- コンポ―ネント  --*/
	/*-----------------------------------*/
	/*-- コンポ―ネント  --*/
	/*-----------------------------------*/
	/*-- 入力領域(線有) --*/
	#common_block_line_on{
		box-sizing:border-box;
		height:auto;
		margin:0% auto 0% auto;
		padding:10px 0% 0% 0%;
		border:1px #000000 solid;
	}

	/*-- 入力領域(線無) --*/
	#common_block_line_off{
		box-sizing:border-box;
		height:auto;
		margin:0% auto 0% auto;
		padding:10px 0% 0% 0%;
	}

	/*-- ボタン --*/
	.btn_style{
		font-weight:bold;
		font-size:1.6em;
		width:220px;
		height:46px;
	}

	/*-- ログアウトボタン --*/
	.btn_style_logout{
		font-weight:bold;
		font-size:1.2em;
		width:130px;
		height:36px;
	}

	/*-- ボタン 小 --*/
	.btn_style_min{
		font-weight:bold;
		font-size:1.6em;
		width:110px;
		height:46px;
	}

	/*-- テキストボックス --*/
	.txt_style{
		font-size:1.0em;
		height:26px;
	}

	/*-- テキストエリア --*/
	.txa_style{
		font-size:1.0em;
	}

	/*-- セレクトボックス --*/
	.lst_style{
		font-size:1.0em;
		height:26px;
	}

	/*-- ラジオボタン --*/
	.rdo_style{

	}

	/*-- ラベル --*/
	.lbl_style{
		font-size:1.0em;
	}

	/*-- カレンダー --*/
	.dat_style{
		font-size:1.0em;
		height:26px;
		width:160px;
	}

	/*-- パスワード --*/
	.pwd_style{
		font-size:1.0em;
		height:26px;
	}

	/*-- チェックボックス --*/
	.chk_style{

	}

	/*-- 【必須】 --*/
	.required{
		color:#ff4444;
	}

	/*-- 取得件数0件時のラベル --*/
	.select_result_zero{
		color:#ff4444;
	}

	/*-- 検索テーブル  --*/
	/*-----------------------------------*/

	/*-- 検索 領域 --*/
	#search_where_block{
		height:auto;
		min-width:calc(1024px - (100vw - 100px));
		box-sizing:border-box;
	}

	/*-- 検索 テーブル td １セル --*/
	#search_where_block #search_where_1{
		height:auto;
		min-width:150px;
		text-align:right;
		float:left;
		vertical-align:middle;
	}

	/*-- 検索 テーブル td ２セル --*/
	#search_where_block #search_where_2{
		height:auto;
		min-width:350px;
		text-align:left;
		float:left;
		vertical-align:middle;
	}

	/*-- 検索 テーブル td ３セル --*/
	#search_where_block #search_where_3{
		height:auto;
		min-width:150px;
		text-align:right;
		float:left;
		vertical-align:middle;
	}

	/*-- 検索 テーブル td ４セル --*/
	#search_where_block #search_where_4{
		height:auto;
		min-width:calc(100% - 650px);
		text-align:left;
		float:left;
		vertical-align:middle;
	}

	/*-- 検索 テーブル td 2～4結合セル --*/
	#search_where_block #search_where_24{
		height:auto;
		min-width:calc(100% - 150px);
		text-align:left;
		float:left;
		vertical-align:middle;
	}

	/*-- 検索結果 テーブルスクロールバー --*/
	#table_scroll_result{
		height:405px;
		min-width:830px;
		overflow-y:scroll;
		border:1px #000000 solid;
		box-sizing:border-box;
	}

	/*-- 検索結果 テーブル --*/
	table.table_result{
		width:100%;
		border-spacing:0px 0px;
		border-collapse:separate;
	}

	/*-- 検索結果 テーブル th --*/
	table.table_result th{
		position:sticky;
		top:0;
		border-right:1px #000000 solid;
		border-bottom:1px #000000 solid;
		background:-moz-linear-gradient(bottom, #bfbfbf, #d9d9d9, #f2f2f2);
		background:-webkit-linear-gradient(bottom, #bfbfbf, #d9d9d9, #f2f2f2);
		background:linear-gradient(to top, #bfbfbf, #d9d9d9, #f2f2f2);
		color:#000000;
		height:30px;
		vertical-align:middle;
	}

	/*-- 検索結果 テーブル td --*/
	table.table_result td{
		border-right: 1px #000000 solid;
		border-bottom: 1px #000000 solid;
		height:30px;
		vertical-align:middle;
	}

	/*-- 検索結果 テーブル td align --*/
	table.table_result td .align_left{
		text-align:left;
	}
	table.table_result td .align_center{
		text-align:center;
	}
	table.table_result td .align_right{
		text-align:right;
	}

	/*-- 検索結果 テーブル tr --*/
	table.table_result tr:nth-child(2n+1){
		background:#e0e0e0;
	}

	/*-- 検索ボタン領域  --*/
	/*-----------------------------------*/

	/*-- ボタン 枠 検索 --*/
	.btn_block_search{
		margin:0% 0% 0% 15px;
		float:right;
	}

	/*-- ボタン 枠 リセット --*/
	.btn_block_reset{
		margin:0% 0% 0% 15px;
		float:right;
	}

	/*-- 実行ボタン領域  --*/
	/*-----------------------------------*/

	/*-- ボタン 左 枠 --*/
	#btn_block_left{
		float:left;
	}

	/*-- ボタン 左 ボタン --*/
	#btn_block_left #btn{
		float:left;
		margin:0% 15px 15px 0%;
	}

	/*-- ボタン 右 枠 --*/
	#btn_block_right{
		float:right;
	}

	/*-- ボタン 右 ボタン --*/
	#btn_block_right #btn{
		float:right;
		margin:0% 0% 15px 15px;
	}

	/*-- ボタン 中央 枠 --*/
	#btn_block_center{
		text-align:center;
	}

	/*-- ボタン 中央 ボタン --*/
	#btn_block_center #btn{
		margin-right:15px;
		display:inline;
	}

	/*-- 編集画面デザイン  --*/
	/*-----------------------------------*/
	/*-- 引用 --*/
	#item_quotation_block{
		margin-top:20px;
		float:right;
	}

	/*-- 編集領域 --*/
	#edit_item_block{
		box-sizing:border-box;
		width:100%;
		display:table;
	}

	/*-- 編集領域 行 --*/
	#edit_item_block #block_row{
		box-sizing:border-box;
		width:100%;
		height:auto;
		display:table-row;
	}

	/*-- 編集領域 列 タイトル --*/
	#edit_item_block #block_row #title{
		box-sizing:border-box;
		width:210px;
		text-align:right;
		vertical-align:top;
		display:table-cell;
		padding:5px 0% 5px 0%;
	}

	/*-- 編集領域 列 項目 --*/
	#edit_item_block #block_row #item{
		box-sizing:border-box;
		min-width:290px;
		text-align:left;
		display:table-cell;
		padding:5px 0% 5px 0%;
		vertical-align: top;
	}

	/*-- 編集領域 列 項目 --*/
	#edit_item_block #block_row #item_max{
		box-sizing:border-box;
		min-width:290px;
		text-align:left;
		padding:5px 0% 5px 0%;
	}
}

/*------------------------------------------------------------*/
/*-- スマホ向けスタイルシート 画面サイズ 0px～1023px        --*/
/*------------------------------------------------------------*/
@media screen and (max-width:1023px){
	/*-- コンポ―ネント  --*/
	/*-----------------------------------*/
	/*-- 入力領域(線有) --*/
	#common_block_line_on{
		box-sizing:border-box;
		height:auto;
		margin:0% auto 0% auto;
		padding:10px 0% 0% 0%;
		border:1px #000000 solid;
	}

	/*-- 入力領域(線無) --*/
	#common_block_line_off{
		box-sizing:border-box;
		height:auto;
		margin:0% auto 0% auto;
		padding:10px 0% 0% 0%;
	}

	/*-- ボタン --*/
	.btn_style{
		font-weight:bold;
		font-size:1.2em;
		width:280px;
		height:72px;
	}

	/*-- ログアウトボタン --*/
	.btn_style_logout{
		font-weight:bold;
		font-size:1.0em;
		width:160px;
		height:100%;
	}

		/*-- ボタン 小 --*/
	.btn_style_min{
		font-weight:bold;
		font-size:1.2em;
		width:140px;
		height:72px;
	}

	/*-- テキストボックス --*/
	.txt_style{
		font-size:1.0em;
		height:38px;
	}

	/*-- テキストエリア --*/
	.txa_style{
		font-size:1.0em;
	}

	/*-- セレクトボックス --*/
	.lst_style{
		font-size:1.0em;
		height:38px;
	}

	/*-- ラジオボタン --*/
	.rdo_style{

	}

	/*-- ラベル --*/
	.lbl_style{
		font-size:1.0em;
	}

	/*-- カレンダー --*/
	.dat_style{
		font-size:1.0em;
		height:38px;
		width:165px;
	}

	/*-- パスワード --*/
	.pwd_style{
		font-size:1.0em;
		height:38px;
	}

	/*-- チェックボックス --*/
	.chk_style{

	}

	/*-- 【必須】 --*/
	.required{
		color:#ff4444;
	}

	/*-- 取得件数0件時のラベル --*/
	.select_result_zero{
		color:#ff4444;
	}

	/*-- 検索テーブル  --*/
	/*-----------------------------------*/

	/*-- 検索 領域 --*/
	#search_where_block{
		height:auto;
		min-width:calc(750px - (100vw - 100%));
		box-sizing:border-box;
	}

	/*-- 検索 テーブル td １セル --*/
	#search_where_block #search_where_1{
		height:auto;
		min-width:220px;
		text-align:right;
		float:left;
		vertical-align:middle;
		display:inline;
		margin-bottom:10px;
	}

	/*-- 検索 テーブル td ２セル --*/
	#search_where_block #search_where_2{
		height:auto;
		min-width:calc(100% - 220px);
		text-align:left;
		float:left;
		vertical-align:middle;
		display:inline;
		margin-bottom:10px;
	}

	/*-- 検索 テーブル td ３セル --*/
	#search_where_block #search_where_3{
		height:auto;
		min-width:220px;
		text-align:right;
		float:left;
		vertical-align:middle;
		display:inline;
		margin-bottom:10px;
	}

	/*-- 検索 テーブル td ４セル --*/
	#search_where_block #search_where_4{
		height:auto;
		width:calc(100% - 220px);
		text-align:left;
		float:left;
		vertical-align:middle;
		display:inline;
		margin-bottom:10px;
	}

	/*-- 検索 テーブル td 2～4結合セル --*/
	#search_where_block #search_where_24{
		height:auto;
		width:calc(100% - 220px);
		text-align:left;
		float:left;
		vertical-align:middle;
		display:inline;
		margin-bottom:10px;
	}

	/*-- 検索結果 テーブルスクロールバー --*/
	#table_scroll_result{
		height:345px;
		width:100%;
		overflow-y:scroll;
		border:1px #000000 solid;
		box-sizing:border-box;
	}

	/*-- 検索結果 テーブル --*/
	table.table_result{
		width:100%;
		border-spacing:0px 0px;
		border-collapse:separate;
	}

	/*-- 検索結果 テーブル th --*/
	table.table_result th{
		position:sticky;
		top:0;
		border-right:1px #000000 solid;
		border-bottom:1px #000000 solid;
		background:-moz-linear-gradient(bottom, #bfbfbf, #d9d9d9, #f2f2f2);
		background:-webkit-linear-gradient(bottom, #bfbfbf, #d9d9d9, #f2f2f2);
		background:linear-gradient(to top, #bfbfbf, #d9d9d9, #f2f2f2);
		color:#000000;
		height:30px;
		vertical-align:middle;
	}

	/*-- 検索結果 テーブル td --*/
	table.table_result td{
		border-right: 1px #000000 solid;
		border-bottom: 1px #000000 solid;
		height:30px;
		vertical-align:middle;
	}

	/*-- 検索結果 テーブル td align --*/
	table.table_result td .align_left{
		text-align:left;
	}
	table.table_result td .align_center{
		text-align:center;
	}
	table.table_result td .align_right{
		text-align:right;
	}

	/*-- 検索結果 テーブル tr --*/
	table.table_result tr:nth-child(2n+1){
		background:#e0e0e0;
	}

	/*-- 検索ボタン領域  --*/
	/*-----------------------------------*/

	/*-- ボタン 枠 検索 --*/
	.btn_block_search{
		margin:0% 0% 0% 15px;
		float:right;
	}

	/*-- ボタン 枠 リセット --*/
	.btn_block_reset{
		margin:0% 0% 0% 15px;
		float:right;
	}

	/*-- 実行ボタン領域  --*/
	/*-----------------------------------*/

	/*-- ボタン 左 枠 --*/
	#btn_block_left{
		float:left;
	}

	/*-- ボタン 左 ボタン --*/
	#btn_block_left #btn{
		margin:0% 15px 15px 0%;
	}

	/*-- ボタン 右 枠 --*/
	#btn_block_right{
		float:right;
	}

	/*-- ボタン 右 ボタン --*/
	#btn_block_right #btn{
		margin:0% 0% 15px 15px;
	}

	/*-- ボタン 中央 枠 --*/
	#btn_block_center{
		text-align:center;
		display:inline;
	}

	/*-- ボタン 中央 ボタン --*/
	#btn_block_center #btn{
		margin-right:15px;
		margin-bottom:15px;
	}

	/*-- 編集画面デザイン  --*/
	/*-----------------------------------*/

	/*-- 引用 --*/
	#item_quotation_block{
		margin-top:20px;
		float:right;
	}

	/*-- 編集領域 --*/
	#edit_item_block{
		box-sizing:border-box;
		width:100%;
		padding:0% 2px 0% 2px;
	}

	/*-- 編集領域 行 --*/
	#edit_item_block #block_row{
		box-sizing:border-box;
	}

	/*-- 編集領域 列 タイトル --*/
	#edit_item_block #block_row #title{
		box-sizing:border-box;
		width:100%;
		text-align:left;
		padding:5px 0% 5px 0%;
	}

	/*-- 編集領域 列 項目 --*/
	#edit_item_block #block_row #item{
		box-sizing:border-box;
		width:100%;
		text-align:left;
		padding:5px 0% 5px 0%;
	}

	/*-- 編集領域 列 項目 --*/
	#edit_item_block #block_row #item_max{
		box-sizing:border-box;
		width:100%;
		text-align:left;
		padding:5px 0% 5px 0%;
	}

}