@import url(https://fonts.googleapis.com/css?family=Open+Sans:300,400,600,700,800&subset=latin-ext);
@import url(https://fonts.googleapis.com/css?family=Roboto:300,400,600,700,800&subset=latin-ext);

/* * { margin: 0; ma\rgin: 0; } */
/* ======================================================================================================================== */
HTML { width: 100%; height: 100%; }
BODY { 
  margin: 0;
  padding-bottom: 52px;
  width: 100%; height: calc(100% - 52px);
}
/* ------------------------------ */
DIV { font-family: Verdana, Arial, Tahoma; font-size: 12px; color: #333; line-height: 150%; }
TABLE { font-family: Verdana, Arial, Tahoma; font-size: 12px; color: #333; }
FORM { margin: 0; }
HR { border: 0; color: #DDD; background-color: #DDD; height: 1px; }
UL { margin: 0; margin-left: 30px; padding: 0px; }
/* ------------------------------ */

A { text-decoration: none; color: crimson; }
A:hover { text-decoration: underline; }

A.a_no { text-decoration: none; color: #333; }
A.a_no:hover { text-decoration: underline; }

A.a_no_col { text-decoration: none; color: #333; }
A.a_no_col:hover { text-decoration: underline; color: crimson; }

A.a_wh { text-decoration: none; color: #FFF; }
A.a_wh:hover { text-decoration: underline; color: #FFF; }
/* ------------------------------ */
IMG.img_orion { padding: 2px; border: 8px solid #DDD; }
/* --- */
IMG.img_ns { float: left; padding: 2px; background: #FFF; border: 1px solid #BBB; margin: 2px 10px 5px 0px; }
/* --- */
IMG.img_mix { padding: 3px; background: #FFF; border: 1px solid #AAA; margin: 5px 0px; }
/* --- */
IMG.img_box { padding: 2px; background: #FFF; border: 4px solid #DDD; }
/* --- */
IMG.img_photo { padding: 2px; background: #FFF; border: 2px solid #D3D3D3; }
IMG.img_photo:hover { padding: 1px; background: #FFF; border: 3px solid #C3C3C3; }
/* --- */
IMG.img_gal_1 { float: left; padding: 3px; background: #FFF; border: 1px solid #BBB; margin: 0px 15px 15px 0px; }
IMG.img_gal_1:hover { padding: 1px; background: #FFF; border: 3px solid #AAA; }
/* --- */
IMG.img_screen { padding: 2px; background: #FFF; border: 1px solid #AAA; }
/* ------------------------------ */
IMG.img_gal_list { padding: 2px; background: #FFF; border: 1px solid #AAA; }
/* ------------------------------ */
.both { clear: both; height: 1px; font-size: 0px; } 
/* ------------------------------ */
.red { color: #FF0000; }
.redb { color: #FF0000; font-weight: bold; }
.green { color: #55B948; }
.greenb { color: #55B948; font-weight: bold; }
.bezowy { color: #C0AE7E; }
/* ------------------------------ */
.through { color: #FF0000; text-decoration:line-through; }
/* ------------------------------ */
.d_head_old { padding: 5px 10px; margin: 10px 0px; font-weight: bold; color: #FFF; background: #333; border: 1px solid #000; }
/* ------------------------------ */
.d_er { padding: 10px 10px 10px 50px; margin-bottom: 10px; background: #FFE3E3 url(pro.files/img/ico_er.gif) no-repeat left top; 
        border: 1px solid #FB5F5F; }
.d_ok { padding: 10px 10px 10px 50px; margin-bottom: 10px; background: #EBF9D1 url(pro.files/img/ico_ok.gif) no-repeat left top; 
        border: 1px solid #84B937; }
/* ------------------------------ */
.d_redinfo { padding: 10px; font-weight: bold; color: #FF0000; text-align: center; }
/* ------------------------------ */
.d_both { clear: both; height: 1px; font-size: 0px; } 
/* ------------------------------ */
.d_pad_5 { padding: 5px; }
.d_pad_10 { padding: 10px; }
.d_dash_top { border-top: 1px dashed #BBB; }
.d_dash_bot { padding: 0px 5px 10px; margin-bottom: 5px; border-bottom: 1px dashed #999; }
.d_dash_bot2 { padding: 0px 5px 5px; margin-bottom: 5px; border-bottom: 1px dashed #999; }
/* ------------------------------ */
.d_left_0 { float: left; padding: 10px 5px 5px; text-align: right; }
.d_left_50 { float: left; padding: 10px 5px 5px; width: 50px; text-align: right; }
.d_left_150 { float: left; padding: 10px 5px 5px; width: 150px; text-align: right; }
.d_left_label { float: left; padding: 10px 5px 5px; }
.d_left_free { float: left; padding: 5px; }
.d_left_free_r { float: left; padding: 5px; text-align: right; }
.d_left_free_c { float: left; padding: 5px; text-align: center; }
/* ------------------------------ */
.d_right_free { float: right; padding: 5px; }
/* ------------------------------ */
.d_spaw_pad { padding: 5px 5px 5px 20px; }
/* ------------------------------ */
.d_submit { padding: 10px; text-align: center; }
/* ------------------------------ */
.but_del { padding: 15px; text-align: center; border: 1px solid #FF0000; background: #FFF0F0; }
.but_edit { padding: 15px; text-align: center; border: 1px solid #237C34; background: #E4FFE0; }
/* ------------------------------ */
#play-pause-button{
  font-size: 20px;
  cursor: pointer;
  text-decoration: none;
}
.SP_audio { font-size: 24px; cursor: pointer; }
.SP_audio A { text-decoration: none; color: #333; }
.SP_audio A:hover { text-decoration: none; color: crimson; }

.SP_audio_sm { font-size: 16px; display: inline-block; width: 20px; text-align: center; cursor: pointer; }
.SP_audio_sm A { text-decoration: none; color: #333; }
.SP_audio_sm A:hover { text-decoration: none; color: crimson; }
/* ======================================================================================================================== */


/* FORM */
/* ======================================================================================================================== */
.f_inp { margin: 0px; padding: 2px 3px; color: #333; font-size: 12px; font-family: Verdana, Arial, Tahoma; }
.f_inp_desc { margin: 0px; padding: 2px 3px; color: #999; font-size: 12px; font-family: Verdana, Arial, Tahoma; }
.f_sel { color: #333; font-size: 13px; font-family: Verdana, Arial, Tahoma, Geneva; }
.f_sub { margin: 0px; padding: 2px 4px; }
.f_txt { padding: 3px; color: #333; font-size: 12px; overflow: hidden; font-family: Verdana, Arial, Tahoma, Geneva; }
/* ======================================================================================================================== */


/* TOOLTIP */
/* ======================================================================================================================== */
.tooltip {
	position: absolute;
	top: 0px;
	left: 0px;
	visibility: hidden;
	margin-top: 10px;
	background-color: White;
	font-size: 12px;
	font-family: Verdana, Arial, Tahoma;
	padding: 5px 10px;
	color: #000000;
	border: 1px solid #666; 
	width: 300px; 
	z-index: 3;
}
/* ======================================================================================================================== */


.C-both { clear: both; height: 0px; font-size: 0px; } 


/* Magic Menu -> Menu::Magic.php (MM-) */

.MM- { margin: auto; width: 100%; height: 51px; position: fixed; bottom: 0; left: 0; z-index: 170; min-width: 320px; 
-webkit-box-shadow: 0px -10px 150px 0px rgba(0,0,0,0.15);
-moz-box-shadow: 0px -10px 150px 0px rgba(0,0,0,0.15);
box-shadow: 0px -10px 150px 0px rgba(0,0,0,0.15);
border-top: 1px solid #FFF;
}
.MM-100- { margin: auto; width: 100%; height: 100%; position: fixed; top: 0; left: 0; overflow: auto; z-index: 170; }

.MM-in- { margin: auto; padding-left: 1%; padding-right: 1%; width: 98%; height: 50px; border-top: 1px solid #CCC; background: #FFF; }

.MM-in-logo { float: left; height: 100%; }
.MM-in-logo IMG { height: 50px; }

.MM-in-link { float: left; height: 100%; }
.MM-in-link A { display: block; padding: 0px 15px; height: 100%; 
                font-family: 'Roboto', sans-serif; font-weight: 400; font-style: normal; 
                font-size: 16px; line-height: 50px; color: #444; text-align: center; }
.MM-in-link A:hover { text-decoration: none; color: #AAA; background: #333; }

.MM-in-ico { float: right; height: 100%; }
.MM-in-ico IMG { height: 50px; }
.MM-in-ico A { display: block; height: 100%; }
.MM-in-ico A:hover { text-decoration: none; background: #333; }


#FullOff { display: none; }

:-webkit-full-screen #FullOn { display: none; }
:-webkit-full-screen #FullOff { display: inline; }

:-moz-full-screen #FullOn { display: none; }
:-moz-full-screen #FullOff { display: inline; }

:-ms-fullscreen #FullOn { display: none; }
:-ms-fullscreen #FullOff { display: inline; }

:fullscreen #FullOn { display: none; }
:fullscreen #FullOff { display: inline; }

/* ------------------------------------------------------------------------------------------------------------------------ */



/* ------------------------------------------------------------------------------------------------------------------------ */
.Tb { display: table; width: 100%; height: 100%; }
.TbCell { display: table-cell; width: 100%; height: 100%; text-align: center; vertical-align: middle; }
/* ------------------------------------------------------------------------------------------------------------------------ */
.DivEr { margin-top: -5px; padding-bottom: 15px; 
         font-size: 16px; line-height: 130%; text-align: center; color: #FE5268; }
/* ------------------------------------------------------------------------------------------------------------------------ */
.LogPass { width: 150px; padding: 10px 15px;
  font-family: 'Roboto', sans-serif; font-weight: 400; font-style: normal; 
  font-size: 20px; line-height: 30px; color: #444; text-align: center; 
  border: 2px solid #CCC; background: #FFF; 
          
  -webkit-border-radius: 50px; -moz-border-radius: 50px; border-radius: 50px;
}
.LogPass:active, .LogPass:focus { -moz-outline: none; outline: none; }
/* ------------------------------------------------------------------------------------------------------------------------ */
.ButColor {
  padding: 14px 40px; 
  font-family: 'Roboto', sans-serif; font-size: 20px; line-height: 100%; color: #FFF; text-align: center; 

  background: #fd287c;
  background: -moz-linear-gradient(left, #fd287c 0%, #ff7654 100%);
  background: -webkit-linear-gradient(left, #fd287c 0%, #ff7654 100%);
  background: linear-gradient(to right, #fd287c 0%, #ff7654 100%);

  border: 0px none;

  -webkit-border-radius: 50px; -moz-border-radius: 50px; border-radius: 50px;

  -webkit-box-shadow: 0px 5px 10px 0px rgba(0,0,0,0.25);
  -moz-box-shadow: 0px 5px 10px 0px rgba(0,0,0,0.25);
  box-shadow: 0px 5px 10px 0px rgba(0,0,0,0.25);

  cursor: pointer;
}
.ButColor:hover { background: #FD287C; border: 0px none; }
.ButColor:active, .ButColor:focus { -moz-outline: none; outline: none; border: 0px none; }
/* ------------------------------------------------------------------------------------------------------------------------ */











.m1_out { min-width: 1250px; background: #000; }
.m1_in { margin: auto; height: 40px; padding: 0px 10px; width: 1230px; }
/* ----- */
.m1_left { float: left; height: 40px; border-left: 1px solid #555; }
.m1_right { float: right; height: 40px; border-left: 1px solid #555; }
.m1_both { clear: both; height: 0px; font-size: 0px; }
/* ----- */
.m1_info { float: left; padding: 0px 15px; color: #FFF; line-height: 40px; border-right: 1px solid #555; }
/* ----- */
.m1_but { float: left; border-right: 1px solid #555; }
.m1_but A { display: block; padding: 0px 15px; height: 40px; text-decoration: none; line-height: 40px; color: #FFF; font-weight: bold; 
                text-align: center; }
.m1_but A:hover { text-decoration: none; color: #FFF; background: crimson; }
.m1_but A SPAN { font-weight: normal; }
/* ----- */
.m1_but_now { float: left; border-right: 1px solid #555; }
.m1_but_now A { display: block; padding: 0px 15px; height: 40px; text-decoration: none; line-height: 40px; color: #FFF; font-weight: bold; 
                    text-align: center; background: crimson; }
.m1_but_now A:hover { text-decoration: none; color: #FFF; background: crimson; }
.m1_but_now A SPAN { font-weight: normal; }
/* ------------------------------------------------------------------------------------------------------------------------ */
.m2_out { min-width: 1250px; background: #EEE; border-top: 1px solid #EEE; border-bottom: 1px solid #DDD; }
.m2_in { margin: auto; width: 1228px; border-left: 1px solid #D6D6D6; border-right: 1px solid #EEE; }
/* ----- */
.m2_both { clear: both; height: 0px; font-size: 0px; }
/* ----- */
.m2_but { float: left; }
.m2_but A { display: block; padding: 8px 14px; height: 20px; color: #333; font-size: 12px; line-height: 20px; text-decoration: none; 
            background: #EEE; border-left: 1px solid #FFF; border-right: 1px solid #D6D6D6; }
.m2_but A:hover { text-decoration: none; color: #333; background: #DDD; border-left: 1px solid #EEE; }
/* ----- */
.m2_but_now { float: left; }
.m2_but_now A { display: block; padding: 8px 14px; height: 20px; color: #333; font-size: 12px; line-height: 20px; text-decoration: none; 
                background: #DDD; border-left: 1px solid #EEE; border-right: 1px solid #D6D6D6; }
.m2_but_now A:hover { text-decoration: none; color: #333; }
/* ----- */
.m2_w { float: left; padding: 8px 14px; height: 20px; border-left: 1px solid #FFF; }
.m2_w_l1 { float: left; padding-right: 10px; width: 25px; height: 20px; }
.m2_w_l2 { float: left; text-align: center; height: 20px; font-size: 18px; line-height: 20px; color: #999; font-family: Arial, Verdana; }
.m2_w_l2 SPAN { font-weight: bold; color: #333; }
/* ------------------------------------------------------------------------------------------------------------------------ */


/* ------------------------------------------------------------------------------------------------------------------------ */
.d_main { margin: auto; width: 1200px; padding: 10px 10px 60px; /*min-height: 500px; height: auto !important; height: 500px;*/ }
/* ------------------------------------------------------------------------------------------------------------------------ */
.d_head { margin-bottom: 10px; padding: 0px 10px 10px; font-family: Arial, Tahoma, Verdana; font-size: 18px; border-bottom: 1px solid #CCC; }
/* ----- */
.d_head_b { padding: 5px 10px; color: #FFF; background: #000; }
/* ------------------------------------------------------------------------------------------------------------------------ */
.head { margin-bottom: 1px; padding: 5px 10px; color: #FFF; background: #000; 
        -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; }
.head_l { float: left; height: 18px; color: #FFF; font-size: 12px; line-height: 18px; }
.head_r { float: right; height: 18px; color: #FFF; font-size: 12px; line-height: 18px; text-align: right; }
.head_b { clear: both; height: 0px; font-size: 0px; }
/* ------------------------------------------------------------------------------------------------------------------------ */
.txt-Head { margin-bottom: 10px; padding: 10px 0px; line-height: 20px; font-family: Arial; font-size: 18px; border-bottom: 1px solid #BBB; }
/* ----- */
.txt_head { margin-bottom: 10px; border-bottom: 1px solid #BBB; }
.txt_title { float: left; display: block; padding: 10px 0px; height: 20px; line-height: 20px; font-family: Arial, Tahoma, Verdana; font-size: 18px; }
/* ----- */
.txt_but { float: right; margin-left: 20px; }
.txt_but A { display: block; padding: 10px; height: 20px; line-height: 20px; font-family: Arial, Tahoma, Verdana; font-size: 12px;
          text-decoration: none; color: #333; background: #EEE; border-left: 1px solid #BBB; border-top: 1px solid #BBB; border-right: 1px solid #BBB; }
.txt_but A:hover { text-decoration: none; background: #DDD; 
          border-left: 1px solid #AAA; border-top: 1px solid #AAA; border-right: 1px solid #AAA; }
          
.txt_but_now { float: right; margin-left: 20px; }
.txt_but_now A { display: block; padding: 10px; height: 20px; line-height: 20px; font-family: Arial, Tahoma, Verdana; font-size: 12px;
          text-decoration: none; color: #333; background: #DDD; border-left: 1px solid #AAA; border-top: 1px solid #AAA; border-right: 1px solid #AAA; }
.txt_but_now A:hover { text-decoration: none; background: #DDD; 
          border-left: 1px solid #AAA; border-top: 1px solid #AAA; border-right: 1px solid #AAA; }
/* ----- */
.txt_both { clear: both; height: 0px; font-size: 0px; } 
/* ======================================================================================================================== */




/* COLS */
/* ======================================================================================================================== */
.d_col3_1 { float: left; margin-right: 15px; width: 400px; }
.d_col3_2 { float: left; width: 400px; }
.d_col3_3 { float: right; width: 400px; }
/* ======================================================================================================================== */
.d_col2_1 { float: left; width: 400px; }
.d_col2_2 { float: right; width: 815px; }
/* ======================================================================================================================== */
.d_col_txt_l { float: left; width: 250px; }
.d_col_txt_r { float: right; width: 965px; }
/* ======================================================================================================================== */


/* ENG */
/* ======================================================================================================================== */
.d_words_only { padding: 10px 12px; background: #DDD; border: 1px solid #AAA; }
.d_words_only_l1 { float: left; padding-right: 10px; width: 25px; height: 20px; }
.d_words_only_l2 { float: left; text-align: center; height: 20px; font-size: 18px; line-height: 20px; color: #999; font-family: Arial, Verdana; }
.d_words_only_l2 SPAN { font-weight: bold; color: #333; }
/* ----- */
.d_phrase_only { padding: 10px 9px; text-align: center; height: 20px; font-size: 14px; line-height: 20px; font-family: Arial, Verdana, Tahoma; 
                  background: #EEE; border: 1px solid #BBB; }
/* ----- */
.d_w_test { float: left; width: 605px; background: #DDD; border: 1px solid #BBB; }
.d_w_test_on { padding: 20px; text-align: center; height: 20px; font-size: 20px; line-height: 20px; font-family: Arial, Verdana, Tahoma; 
                cursor: pointer; cursor: hand; }
/* ----- */
.d_p_test { float: right; width: 605px; background: #EEE; border: 1px solid #CCC; }
.d_p_test_on { padding: 20px; text-align: center; height: 20px; font-size: 16px; line-height: 20px; font-family: Arial, Verdana, Tahoma; 
                cursor: pointer; cursor: hand; }
/* ----- */
.d_s_test { background: #DDD; border: 1px solid #BBB; }
.d_s_test_on { padding: 20px; text-align: center; height: 20px; font-size: 20px; line-height: 20px; font-family: Arial, Verdana, Tahoma; 
                cursor: pointer; cursor: hand; }
/* ======================================================================================================================== */


/* MON */
/* ======================================================================================================================== */
.mon_tab_form { width: 100%; margin-bottom: 10px; background: #DDD; border: 1px solid #BBB; }
.mon_tab_sub { width: 100%; margin-bottom: 10px; background: #EEE; border: 1px solid #CCC; }
/* ----- */
.mon_td_r { width: 110px; text-align: right; }
/* ------------------------------ */
.mon_cat { padding: 4px 10px; border-bottom: 1px solid #BBB; }
.mon_cat_l { float: left; width: 180px; font-size: 11px; }
.mon_cat_r1 { float: right; width: 90px; padding-right: 10px; font-size: 11px; text-align: right; border-left: 1px solid #BBB; }
.mon_cat_r2 { float: right; width: 90px; font-size: 11px; text-align: right; border-left: 1px solid #BBB; }
/* ------------------------------ */
.mon_list { padding: 4px 10px; border-bottom: 1px solid #BBB; }
.mon_list_l { float: left; width: 280px; font-size: 11px; }
.mon_list_r { float: right; width: 90px; font-size: 11px; text-align: right; border-left: 1px solid #BBB; }
/* ------------------------------ */
.mon_close { padding: 4px 10px; border-bottom: 1px solid #BBB; }
.mon_close_l { float: left; width: 220px; font-size: 11px; }
.mon_close_r { float: right; width: 150px; font-size: 11px; text-align: right; }
/* ------------------------------ */
.acc_list { padding: 4px 10px; border-bottom: 1px solid #BBB; }
.acc_list_l1 { float: left; padding-right: 10px; font-size: 11px; border-right: 1px solid #CCC; }
.acc_list_l2 { float: left; width: 480px; padding-left: 10px; font-size: 11px; }
.acc_list_r1 { float: right; width: 100px; padding-right: 10px; font-size: 11px; text-align: right; border-left: 1px solid #CCC; }
.acc_list_r2 { float: right; width: 100px; font-size: 11px; text-align: right; border-left: 1px solid #CCC; }
/* ======================================================================================================================== */


/* BOX */
/* ======================================================================================================================== */
.box_td_r { width: 80px; text-align: right; }
/* ======================================================================================================================== */





/* CAL */
/* ======================================================================================================================== */
#cal { padding: 0px 0px 20px; }
/* ----- */
.Cal-Both { clear: both; height: 0px; font-size: 0px; }
/* ------------------------------------------------------------------------------------------------------------------------ */
.Cal-MPrev { float: left; width: 40px; height: 40px; text-align: left; }
.Cal-MNow { 
  float: left; 
  width: -moz-calc(100% - 80px);
  width: -webkit-calc(100% - 80px);
  width: calc(100% - 80px);
  text-align: center; font-family: Arial, Tahoma, Verdana; font-size: 14px; line-height: 18px; 
}
.Cal-MNow SPAN { padding-bottom: 5px; font-size: 18px; }
.Cal-MNext { float: right; height: 40px; width: 40px; text-align: right; }

.Cal-MPrev IMG, .Cal-MNext IMG { opacity: 0.70; }
.Cal-MPrev:hover IMG, .Cal-MNext:hover IMG { opacity: 1; }
/* ------------------------------------------------------------------------------------------------------------------------ */
.Cal-Days { margin-top: 10px; border-bottom: 1px dashed #CCC; }
/* ----- */


.day_no { cursor: pointer; }
.day_no A { 
  display: block;
  font-family: Tahoma, Arial, Verdana;
  font-size: 18px;
  line-height: 16px;
  text-align: left;
  text-decoration: none;
  color: #333; 
  background: #FFF; 
  border-top: 1px dashed #CCC; 
}
.day_no A:hover { 
  background: #FFEEDD;
  text-decoration: none;
}

.day_no_edit {
  margin-left: 80px;
  background: #EEE;
}



/* ----- */
.cal_d_no, .cal_d_no_blue, .cal_d_no_red,
.cal_d_name, .cal_d_name_blue, .cal_d_name_red { 
  float: left; padding: 3px 0px; width: 30px; font-family: Arial, Verdana; font-size: 18px; line-height: 18px; text-align: center; color: #444; 
}
.cal_d_name, .cal_d_name_blue, .cal_d_name_red { font-size: 16px; }

.cal_d_no_blue, .cal_d_name_blue { color: royalblue; }
.cal_d_no_red, .cal_d_name_red { color: crimson; }

.cal_d_cont {
  float: left; 
  padding: 3px 0px; 
  width: -moz-calc(100% - 60px);
  width: -webkit-calc(100% - 60px);
  width: calc(100% - 60px);
  font-family: Arial, Verdana; font-size: 16px; line-height: 18px; color: #444; 
}

.cal_d_list { padding-left: 20px; }

.cal_list_r { padding: 5px 10px; border-top: 1px dashed #CCC; }


.cal_list_r { padding: 5px 10px; border-top: 1px dashed #CCC; }



/* ----- */
.cal_d_list_grey { padding: 5px 0px 0px 3px; height: 10px; font-size: 10px; line-height: 10px; color: #CCC; }
/* ----- */
.cal_d_both { clear: both; height: 1px; font-size: 0px; /*border-bottom: 1px dotted #CCC;*/ }
/* ----- */
.cal_d_form { border-top: 1px dashed #DDD; }
/* ----- */
.cal_week { clear: both; margin-right: 2px; margin-bottom: 5px; padding: 3px 4px 4px; font-size: 10px; color: #AAA; 
            background: #EEE; border-right: 1px solid #CCC; border-bottom: 1px solid #CCC; }
/* ------------------------------------------------------------------------------------------------------------------------ */
.cal_list_date { padding-bottom: 1px; border-bottom: 1px dotted #CCC; } 
.cal_list_date_mY { float: left; padding: 3px 5px 3px 8px; font-weight: bold;} 
.cal_list_date_d_name { float: left; padding: 3px 0px; color: #AAA; } 
/* ----- */

.cal_list_r_done { float: left; width: 20px; padding-top: 2px; }
.cal_list_r_done IMG { border: 0px none; cursor: pointer; cursor: hand; }
.cal_list_r_hour { float: left; width: 47px; }
.cal_list_r_head { float: left; width: 313px; }
.cal_list_r_head SPAN { color: #AAA; font-style: italic; }

.cal_listD { padding: 5px 10px; border-bottom: 1px dashed #CCC; }

/*.cal_form_title { margin-bottom: 5px; padding: 5px 0px; text-align: center; font-weight: bold; border-bottom: 1px dashed #CCC; }*/
/* ------------------------------------------------------------------------------------------------------------------------ */
.cal_tab_form { width: 100%; }
/* ----- */
.cal_td_r { width: 100px; text-align: right; }
.cal_td_c { text-align: center; }
/* ======================================================================================================================== */


/* TIMES */
/* ======================================================================================================================== */
.d_times_g { padding: 5px; text-align: center; font-size: 16px; font-family: Arial, Verdana; background: white; border-bottom: 1px solid #BBB; }
.d_times_n { padding: 5px; text-align: center; font-size: 16px; font-family: Arial, Verdana; background: #CEF4FF; border-bottom: 1px solid #BBB; }
.d_times_q { padding: 5px; text-align: center; font-size: 16px; font-family: Arial, Verdana; background: lightyellow; border-bottom: 1px solid #BBB; }
.d_times_p { padding: 5px; text-align: center; font-size: 16px; font-family: Arial, Verdana; background: gainsboro; border-bottom: 1px solid #BBB; }
/* ----- */
SPAN.times_s { color: dodgerblue; font-weight: bold; }
SPAN.times_v { color: crimson; font-weight: bold; }
/* ----- */
.d_times_desc_1 { padding: 5px 10px; font-size: 11px; color: #999; border-bottom: 1px solid #BBB; }
.d_times_desc_1 A { text-decoration: none; color: crimson; }
.d_times_desc_1 A:hover { text-decoration: underline; color: crimson; }
/* ----- */
.d_times_desc_2 { padding: 5px 10px; font-size: 11px; color: #666; border-bottom: 1px solid #BBB; }
.d_times_desc_2 DIV { font-size: 11px; color: #666; }
.d_times_desc_2 UL { margin-left: 15px; padding: 0px; }
.d_times_desc_2 A { text-decoration: none; color: crimson; }
.d_times_desc_2 A:hover { text-decoration: underline; color: crimson; }
/* ======================================================================================================================== */



.OYM-Add-But { 
  display: block; margin-bottom: 10px; 
  padding: 10px; line-height: 20px; font-size: 12px; color: #333; text-align: center;
  text-decoration: none;
  background: #DDD; 
  border: 1px solid #BBB; 
  -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px;
}
.OYM-Add-But:hover { 
  text-decoration: none;
  background: #CCC; 
  border: 1px solid #AAA; 
}

/* OYM BOX (rec) */
/* ------------------------------------------------------------------------------------------------------------------------ */
.OYM-Box { 
  margin-bottom: 10px; 
  background: #EEE; 
  border: 1px solid #CCC; 
  -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px;
}


.OYM-Line { 
  padding: 10px;
  text-decoration: none;
  cursor: pointer;
}
.OYM-Line:hover { text-decoration: none; cursor: pointer; }
.OYM-Line:hover .OYM-Title { font-weight: 600; color: rgba(0,0,0,0.8); }
.OYM-Line:hover .OYM-Show { opacity: 0.9; background-image: url(pro.svg/OYM-ShowB.svg); }


.OYM-Title, .OYM-TitleB {
  display: inline-block; vertical-align: top; 
  
  font-family: 'Roboto', sans-serif; font-weight: 600; font-style: normal; 
  font-size: 18px; line-height: 25px; color: #444; 

  width: -moz-calc(100% - 50px);
  width: -webkit-calc(100% - 50px);
  width: calc(100% - 50px);
}
.OYM-TitleB { font-weight: 600; color: #000;  }



.OYM-Show { 
  display: inline-block; vertical-align: top; width: 50px; height: 25px; 

  background-repeat: no-repeat;
  background-size: auto 24px;
  background-image: url(pro.svg/OYM-Show.svg);
  background-position: center center;
  opacity: 0.4;
}
.OYM-Hide { 
  display: inline-block; vertical-align: top; width: 50px; height: 25px; 

  background-repeat: no-repeat;
  background-size: auto 24px;
  background-image: url(pro.svg/OYM-Hide.svg);
  background-position: center center;
  opacity: 0.9;
}



.OYM-More {
  padding: 0px 10px 10px;
}
.OYM-More A { text-decoration: none; color: inherit; }
.OYM-More A:hover { text-decoration: underline; color: inherit; }


.OYM-More-But {
  display: block;
  margin-bottom: 10px;
  padding: 5px 5px; 

  text-decoration: none;
  text-align: center; 
  background: #DDD; 
  border: 1px solid #CCC;
  -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px;
}
.OYM-More-But:hover {
  text-decoration: none;
}
/* ------------------------------------------------------------------------------------------------------------------------ */


/* NAVI */
/* ======================================================================================================================== */
.nav_sep { float: left; width: 10px; }
/* ----- */
.nav_but { float: left; }
.nav_but A { display: block; padding: 6px 10px; text-decoration: none; background: #DDD; border-left: 1px solid #BBB; 
              border-right: 1px solid #BBB; border-top: 1px solid #BBB; color: #333; font-size: 11px; }
.nav_but A:hover { text-decoration: none; background: #333; color: #FFF; }
/* ----- */
.nav_but_now { float: left; }
.nav_but_now A { display: block; padding: 6px 10px; text-decoration: none; background: #333; border-left: 1px solid #BBB; 
                  border-right: 1px solid #BBB; border-top: 1px solid #BBB; color: #FFF; font-size: 11px; }
.nav_but_now A:hover { text-decoration: none; background: #DDD; color: #333; }
/* ----- */
.nav_iframe { clear: both; } 
/* ======================================================================================================================== */