@charset "utf-8";
/**********************************************************************/
/* ****************************************************************** */
/* *                                                                * */
/* *  パソコン向けのスタイル                                        * */
/* *                                                                * */
/* ****************************************************************** */
/**********************************************************************/


/*********************************************
 * メンバー / 予約登録画面                   *
/*********************************************/
#member .reserve_message dt,
#member .reserve_message dd{ display:inline-block; vertical-align:middle; }
#member .reserve_message dt{ vertical-align:middle; }

/*********************************************
 * グローバルメニュー(admin/trainer)     *
/*********************************************/
.btn_menu      { text-align:center;color:#FFF; display:inline-block; width:5.1em; height:2em; line-height:2em; background-color:#666; border-radius: 4px; cursor:pointer; margin:0.2em 0; }
.btn_menu:hover{ background-color:#AAA; text-decoration:none; color:#FFF; }

/*********************************************
 * ページのローディング画面用                *
/*********************************************/
#loader { width: 300px; height: 200px; display: none; position: fixed; top: 50%; left: 50%; margin-top: -100px; margin-left: -150px; z-index: 100; text-align:center; }
#loader img{ margin-top:0.5em; }
#fade { width: 100%; height: 100%; display: none; background-color: #FFFFFF; position: absolute; top: 0px; left: 0px; z-index: 50; }

/*********************************************
 * リセット用                                *
/*********************************************/
@import url("reset.css");
* { padding:0;margin:0; }
body { overflow-y: scroll; }
input {}
input[type="button"],
a.button{ padding:0 !important; -webkit-appearance: none; text-align:center; }
canvas{ margin-top:-4px; position:relative; }
@-moz-document url-prefix() {/*FF hack*/
	canvas{ margin-top:-4px; }
}
@media screen and (-webkit-min-device-pixel-ratio:0) {/*Chrome hack*/
	canvas{ margin-top:-2px; }
	.training_monthly canvas{ margin-top:-3px; }
}

/*********************************************
 * 基本スタイル                              *
/*********************************************/

body { letter-spacing:-0.03em; background:url("../img/background.gif") repeat; }
#auth #header img{ margin-top:1em; }
#member h1{ width:100%; text-align:center; margin-bottom:0.2em;}
#member h2{ padding-top:1em; }
#member .header img{ margin-top:0.4em; }
body, input,select{ font-family: "consolas",/*Meiryo UI,*/"メイリオ", Meiryo, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", sans-serif;}
#auth, #member{ font-size:16px; }
input { font-size:13px; padding:0 .2em; }
#auth input, #auth .singleline-button-area a{ font-size:16px; }
#member input { font-size:16px; }
#admin, #trainer, #dialog_detail { font-size:13px; }
dl { letter-spacing:-0.5em; }
dl *{ letter-spacing:normal; }
dt { cursor: default; padding-right:1em;
	-moz-user-select: none;
	-webkit-user-select: none;
	-ms-user-select: none;
	 user-select: none;
	
}
ul li{ list-style-type:none; }
#mailer_explanation_area dt{ cursor:text;
 	user-select: text;
	-moz-user-select: text;
	-webkit-user-select: text;
	-ms-user-select: text;	
}
select{ height:1.6em; cursor:pointer; }
input:not([type="file"]){ height:1.2em; line-height:1.2em; }

/* テーブル共通 */
table * { vertical-align:middle; }
textarea { resize:none; border-radius:4px; }

/* リンクテキスト共通 */
a { color:blue; text-decoration:none; }
a:hover { color:blue; text-decoration:underline; }
.back-page a{ color:#777 };


/*********************************************
 * 汎用スタイル                              *
/*********************************************/
.ta_c, td.ta_c  { text-align:center !important; }
.ta_r { text-align:right !important; }
.ta_l { text-align:left !important; }
.ml0 { margin-left:0 !important; }
.mb05em { margin-bottom:.5em !important; }
.large{  font-size:1.2em;font-weight:bold; }
.mb0{ margin-bottom:0 !important;}
textarea{ padding:.2em .2em; }
h1{ display:inline-block; }
h2{ color:#003294; font-size:1.4em; text-align:left; margin-bottom:1em; }
#auth h2{ margin-bottom:0.2em; }
h3{ text-align:center; }
#member .menu_index{ font-size:20px; }
#member.container.menu_index{ width:44em; }

/* コンテナ */
#auth.container { width:720px; padding:0 0 1.4em; }
#member.container { width:51em; }
#admin.container, #trainer.container { margin-top:1em; margin-bottom:1em; width:970px; height:980px; }
#admin.sche_event.container { height:auto; }
.container{ padding:0 0 1em; background-color:#FFF; margin:0px auto; position:relative;
    -webkit-box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 20px rgba(0, 0, 0, 0.1) inset;
       -moz-box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 20px rgba(0, 0, 0, 0.1) inset;
            box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 20px rgba(0, 0, 0, 0.1) inset;
}
.container:before, .container:after{
	content:"";
    position:absolute;
    z-index:-1;
    -webkit-box-shadow:0 0 20px rgba(0,0,0,0.8);
    -moz-box-shadow:0 0 20px rgba(0,0,0,0.8);
    box-shadow:10px 5px 8px rgba(0,0,0,0.3);
    top:0;
    bottom:0;
    left:10px;
    right:10px;
    -moz-border-radius:100px / 10px;
    border-radius:100px / 10px;
}
.container:after{
	 right:10px;
    left:auto;
}

#maincontent{ padding:0 3em; }


/*********************************************
 * テキストの選択（反転）禁止                *
/*********************************************/
/*マウス形状変更無し*/
.search_area, #this_month_calendar_table *
{ 
	user-select: none;
	-moz-user-select: none;
	-webkit-user-select: none;
	-ms-user-select: none;
}

/**/

.left_fix_table td {
	cursor:default;
}

/* マウス形状がpointer */
a{ 
	user-select: none;
	-moz-user-select: none;
	-webkit-user-select: none;
	-ms-user-select: none;
	cursor:pointer;
}

/*マウス形状がdefault*/
table caption{ 
	user-select: none;
	-moz-user-select: none;
	-webkit-user-select: none;
	-ms-user-select: none;
	cursor:default;
}


/*********************************************
 * 汎用パーツ                                *
/*********************************************/
/* 注釈文 */
.help_message { font-size:0.6em; }
#header{ text-align:center;margin-bottom:1.5em; }
#globalmenu{ text-align:center; }
#globalmenu li{ vertical-align:top; }
#globalmenu li a{ width:12em;vertical-align:middle;  margin-right:0.6em; }
#globalmenu ul.submenu{ width:12em; position:absolute; z-index:10; margin-top:-1px; }
#globalmenu ul.submenu li { width:158px; margin:-1px 0 0 0; top:6px; left:5px; }
.list_last{ margin-right:0 !important; margin-bottom:0 !important; }
.list_last dl{ margin-bottom:0 !important; }
#globalmenu li a.dummylist{ position:absolute; top:5px; left:5px;}


/* 区切り線 */
.border-line01 { display:block; width:65%; height:2px;
background: #ff0000; /* Old browsers */
background: -moz-linear-gradient(left,  #ff0000 0%, #ff0000 12%, #003294 24%, #003294 24%, #003294 60%, #ffffff 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, right top, color-stop(0%,#ff0000), color-stop(12%,#ff0000), color-stop(24%,#003294), color-stop(24%,#003294), color-stop(60%,#003294), color-stop(100%,#ffffff)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(left,  #ff0000 0%,#ff0000 12%,#003294 24%,#003294 24%,#003294 60%,#ffffff 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(left,  #ff0000 0%,#ff0000 12%,#003294 24%,#003294 24%,#003294 60%,#ffffff 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(left,  #ff0000 0%,#ff0000 12%,#003294 24%,#003294 24%,#003294 60%,#ffffff 100%); /* IE10+ */
background: linear-gradient(to right,  #ff0000 0%,#ff0000 12%,#003294 24%,#003294 24%,#003294 60%,#ffffff 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff0000', endColorstr='#ffffff',GradientType=1 ); /* IE6-9 */
}
.border-line02 { display:block; height:2px;
background: #ffffff; /* Old browsers */
background: -moz-linear-gradient(left,  #ffffff 0%, #003294 15%, #003294 33%, #ff0000 46%, #ff0000 54%, #003294 67%, #003294 85%, #ffffff 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, right top, color-stop(0%,#ffffff), color-stop(15%,#003294), color-stop(33%,#003294), color-stop(46%,#ff0000), color-stop(54%,#ff0000), color-stop(67%,#003294), color-stop(85%,#003294), color-stop(100%,#ffffff)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(left,  #ffffff 0%,#003294 15%,#003294 33%,#ff0000 46%,#ff0000 54%,#003294 67%,#003294 85%,#ffffff 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(left,  #ffffff 0%,#003294 15%,#003294 33%,#ff0000 46%,#ff0000 54%,#003294 67%,#003294 85%,#ffffff 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(left,  #ffffff 0%,#003294 15%,#003294 33%,#ff0000 46%,#ff0000 54%,#003294 67%,#003294 85%,#ffffff 100%); /* IE10+ */
background: linear-gradient(to right,  #ffffff 0%,#003294 15%,#003294 33%,#ff0000 46%,#ff0000 54%,#003294 67%,#003294 85%,#ffffff 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ffffff',GradientType=1 ); /* IE6-9 */
}
.border-line02 { width:75%; margin:auto; }
.border-line01 { width:70%; }
#member .border { margin-bottom:2em; }

.border-line04 { height:1px; width:60%; display:block; margin:1em 0; opacity:0.8;
/* IE9 SVG, needs conditional override of 'filter' to 'none' */
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzAwMzI5NCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjElIiBzdG9wLWNvbG9yPSIjMDAzMjk0IiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iNzUlIiBzdG9wLWNvbG9yPSIjMDAzMjk0IiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzAwMzI5NCIgc3RvcC1vcGFjaXR5PSIwIi8+CiAgPC9saW5lYXJHcmFkaWVudD4KICA8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2dyYWQtdWNnZy1nZW5lcmF0ZWQpIiAvPgo8L3N2Zz4=);
background: -moz-linear-gradient(left,  rgba(0,50,148,1) 0%, rgba(0,50,148,1) 1%, rgba(0,50,148,1) 75%, rgba(0,50,148,0) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(0,50,148,1)), color-stop(1%,rgba(0,50,148,1)), color-stop(75%,rgba(0,50,148,1)), color-stop(100%,rgba(0,50,148,0))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(left,  rgba(0,50,148,1) 0%,rgba(0,50,148,1) 1%,rgba(0,50,148,1) 75%,rgba(0,50,148,0) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(left,  rgba(0,50,148,1) 0%,rgba(0,50,148,1) 1%,rgba(0,50,148,1) 75%,rgba(0,50,148,0) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(left,  rgba(0,50,148,1) 0%,rgba(0,50,148,1) 1%,rgba(0,50,148,1) 75%,rgba(0,50,148,0) 100%); /* IE10+ */
background: linear-gradient(to right,  rgba(0,50,148,1) 0%,rgba(0,50,148,1) 1%,rgba(0,50,148,1) 75%,rgba(0,50,148,0) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#003294', endColorstr='#00003294',GradientType=1 ); /* IE6-8 */

}


/* ヘルプコメント */
.help_message p{ display:block; }
/*.help_message p:before { content:"※"; float:left; }*/


/* 汎用ボタン */
#globalmenu a, #link_logoff a,
a.button
{ 
	user-select: none;
	-moz-user-select: none;
	-webkit-user-select: none;
	-ms-user-select: none;
}

a.button{ display:inline-block; line-height:2.2em; }
a,input[type="button"], { cursor:pointer; }
input[type="button"], a.button
{ height:2.2em; width:9em;  background-color:gray; border:1px solid #888;
	color:#FFF;
	-webkit-box-shadow: 0 10px 6px -6px #777;
    -moz-box-shadow: 0 10px 6px -6px #777;
	box-shadow: 0 9px 8px -8px #777;
}

#table_plugin a.button
{ height:100%; width:100%;  border:none;
	-webkit-box-shadow: none;
    -moz-box-shadow: none;
	box-shadow: none;
}

.training_daily #table_plugin table td,
.sche_item #table_plugin table td,
.reserve #table_plugin table td{ padding:0;text-align:center;  }

@media all and (-ms-high-contrast:none){
  .training_daily #table_plugin table td a.button {
    border-radius: 20px;
  }
}
.training_daily #table_plugin table td a.button {
    border-radius: 20px\9;
}

a.btn_reverse_itemstat{ width:100%; text-align:center; }

input[type="button"]:hover, a.button:hover{ text-decoration:none; background-color:#AAA; border:1px solid #BBB; }

.btn_style01 li { vertical-align:middle; text-align:center; position:relative; }
#setting_master > .global_hover:not(.dummylist)
 { text-decoration:none !important; background-color:#AAA !important; border:1px solid #BBB !important; }
 
#setting_master .global_hover.dummylist
{ background-color:#808080;}
#setting_master .submenu li{ margin-top:-1px; position:relative; }

/* 汎用ボタン領域 */
.singleline-button-area { margin-top:1.5em; margin-bottom:1em; }
#member .singleline-button-area{ margin-top:1em; }
.dialog .singleline-button-area { margin-top:1em; margin-bottom:2em; }
#dialog_detail .singleline-button-area { margin-top:1em; margin-bottom:1.5em; }

.ui-scheduler table input[type="button"], .ui-scheduler table a.button,
input.btn_generate, a.button.btn_generate,
.btn_add a.button, .btn_del a.button
 {/* 予約テーブル内のボタン */
	border:none;
	-webkit-box-shadow:none;
    -moz-box-shadow:none;
	box-shadow:none;
}
/*.btn_add, .btn_del{ margin-bottom:1px; }*/

/* 検索ボタン */
#search_button_area p{ position:absolute; left:50%; top:0.4em; }
#search_button_area p span{ position:relative; left:-50%; color:#FFF; }


.btn_style01 li a {
	display:table-cell; vertical-align:middle; height:2.2em; width:9em;  background-color:gray; border:1px solid #CDCDCD;
	color:#FFF;
	-webkit-box-shadow: 0 10px 6px -6px #777;
    -moz-box-shadow: 0 10px 6px -6px #777;
	box-shadow: 0 9px 8px -8px #777;
 }
.btn_style01 li a:hover { text-decoration:none; background-color:#AAA; border:1px solid #BBB; }
#admin .btn_style01 li, #trainer .btn_style01 li, #member .btn_style01 li {margin-bottom:0.7em;}
#admin .btn_style01 li a, #trainer .btn_style01 li a{ width:156px; }
.singleline-button-area input.button_last, 
.singleline-button-area a.button.button_last{ margin-right:0; }


input.btn_generate, a.button.btn_generate{ line-height:1.8em; font-size:0.8em; height:1.8em; width:6em; vertical-align:middle; margin-left:-1px; position;relative; }

/* ログアウトボタン */
#link_logoff{ display:inline-block; }
#logoff{ top:0; }
#logoff a{ color:#FFF; background-color:rgb(252, 108, 108); text-align:center; display:table-cell; vertical-align:middle; width:6em;height:2.0em;
	-webkit-box-shadow: 1px -1px 5px 0px rgba(50,50,50,0.4) inset;
    -moz-box-shadow: 1px -1px 5px 0px rgba(50,50,50,0.4) inset;
	box-shadow: 1px -1px 5px 0px rgba(50,50,50,0.4) inset;
	
    border-radius: 0px 0px 0px 50px;        /* CSS3草案 */
    -webkit-border-radius: 0px 0px 0px 50px;    /* Safari,Google Chrome用 */
    -moz-border-radius: 0px 0px 0px 50px;   /* Firefox用 */
 }
#logoff a:hover{ text-decoration:none; color:#AAA; background-color:rgb(255, 216, 216);

	-webkit-box-shadow: 1px -1px 5px 0px rgba(50,50,50,0.3) inset;
    -moz-box-shadow: 1px -1px 5px 0px rgba(50,50,50,0.3) inset;
	box-shadow: 1px -1px 5px 0px rgba(50,50,50,0.3) inset; }
#admin #logoff, #trainer #logoff{ position:absolute; right:0; }
#admin #logoff a, #trainer #logoff a{padding-left:1em }


/* ヘッダ */
#header{ text-align:left; }
#logoff span{ width:100%; text-align:right; position:relative; }

#LineUpArea thead {
	background-color: #ccc;
}

/* グローバルナビ */
#globalmenu ul { width:100%; }
#globalmenu ul li { display:inline-block; }


/* 追加ボタンと削除ボタン */
.btn_add, .btn_del{ display:inline-block; }
.btn_add{ float:right; }
.btn_del{ height:0px; }
.btn_add a.button, .btn_del a.button { line-height:1.8em; font-size:0.9em; height:1.8em; border-left:1px solid #666; border-top:1px solid #666; border-right:1px solid #666; border-bottom:none;}
.btn_add a.button{ width:10em; }

#trainer .btn_csv a.button{ width:10em; margin-right:-2px; }

#admin .btn_add input:hover, .btn_add a.button:hover{ border-left:1px solid #999; border-top:1px solid #999;  border-right:1px solid #999 }
#admin .btn_del input, .btn_del a.button{ width:16.5em; }
.btn_add, .btn_csv{ text-align:left; }
.btn_del{ float:left; text-align:right; }

/* 予約をキャンセルするボタン */
input.btn_cancel_reserv, a.button.btn_cancel_reserve { width:12em; }
.cancel .btn_del{ height:auto; margin-bottom:1px; }

/* 検索ボタン */
#admin #search_button_area,
#trainer #search_button_area{ width:12em; margin-bottom:.5em; }
#admin .btn_search,
#trainer .btn_search
{ width:12em;height:1.2em;
    border:none;
	-webkit-box-shadow: 0 10px 6px -6px #777;
    -moz-box-shadow: 0 10px 6px -6px #777;
	box-shadow:0 3px 6px -2px #333;
}
.search_area{ margin-bottom:-5px; position:relative; }
.view_area{ margin-left:2em; height:62em; }
#admin .btn_search,
#trainer .btn_search{ padding-top:2em; }

/* システム管理者、トレーナー */
.btn_style01 li.btn_on a {
	background-color:#FFF; border:none;
	color:#777;
	-webkit-box-shadow: 0 10px 6px -6px #777;
    -moz-box-shadow: 0 10px 6px -6px #777;
	box-shadow: 0 2px 8px -1px #888 inset;
 }


/*********************************************
 *  システム管理者、トレーナー、             *
 *               一般メンバー共通スタイル    *
/*********************************************/
/* ログイン画面 */
#auth.container *{ text-align:center; }
#auth #maincontent .input_area{ margin:auto; border-collapse:separate; border-spacing:4px; margin-bottom:1em; position:relative; }
#auth #maincontent .input_area dl{ text-align:letf;  width: 30em; display:block; }
#auth #maincontent .input_area dt{ text-align:right; width: 10em; display:inline-block; }
#auth #maincontent .input_area dd{ text-align:left;  width: 10em; display:inline-block; }
#auth #maincontent dl.usernum{ margin: 1em 0 0.2em; }
#auth #maincontent .usernum input     {  text-align:left; width: 8em; }
#auth #maincontent .password input    {  text-align:left; width:15em; }
#auth #maincontent .mailaddress input {  text-align:left; width:15em; }
#auth #maincontent tr{ margin-bottom:1em; }
#auth .singleline-button-area { margin-bottom:2em; }
#auth .infoarea {
	position:relative;
	margin:0 auto 2em;
	width:55%;
	padding:0.2em;
	border:4px double #003294;
    border-radius: 5px;        /* CSS3草案 */
    -webkit-border-radius: 5px;    /* Safari,Google Chrome用 */
    -moz-border-radius: 5px;   /* Firefox用 */
}
#auth .infoarea span { font-size:0.8em; background-color:#003294;color:#FFF; display:inline-block;width:5em;position:absolute; top:-19px;left:0px; }

#maincontent .infoarea {
	position:relative;
    top:20px;
	margin:0 auto 1em;
	width:55%;
	padding:0.2em;
	border:4px double #003294;
    border-radius: 5px;        /* CSS3草案 */
    -webkit-border-radius: 5px;    /* Safari,Google Chrome用 */
    -moz-border-radius: 5px;   /* Firefox用 */
}
#maincontent .infoarea span { font-size:0.8em; background-color:#003294;color:#FFF; display:inline-block;width:5em;position:absolute; top:-19px;left:0px; }


/*********************************************
 *  システム管理者、トレーナー共通           *
/*********************************************/

/* 日付表示エリア */
#admin .datetime_area, #trainer .datetime_area { display:inline-block; padding-top:1.2em; }
#admin .datetime_area .date, #admin .datetime_area .time, #admin .datetime_area .loginuser,
#trainer .datetime_area .date, #trainer .datetime_area .time, #trainer .datetime_area .loginuser{ display:inline-block; }
#admin .datetime_area, #admin .datetime_area,
#trainer .datetime_area, #trainer .datetime_area{ display:block; text-align:center; }
#admin h1, #trainer h1{ position:absolute; top:0.35em; left:1em; }
#admin #header .border-line03, #trainer #header .border-line03{
	display:block;
	width:90%;
	height:6px;
	margin:1.2em auto ;
	
	-webkit-box-shadow: 0px 1px 3px 0px rgba(50,50,50,0.4) inset;
    -moz-box-shadow: 0px 1px 3px 0px rgba(50,50,50,0.4) inset;
	box-shadow: 0px 1px 3px 0px rgba(50,50,50,0.4) inset;
	
    border-radius: 30px 30px 30px 30px;        /* CSS3草案 */
    -webkit-border-radius: 30px 30px 30px 30px;    /* Safari,Google Chrome用 */
    -moz-border-radius: 30px 30px 30px 30px;   /* Firefox用 */
}
/* システム管理者メニュー */
.sidemenu, .sidemenu2 { margin-top:38px; padding:0 0; width:190px;float:left; }
.sidemenu ul li, .sidemenu2 ul li{ list-style-type:none; }
.sidemenu_line {
background: -moz-linear-gradient(top,  rgba(0,50,148,1) 0%, rgba(0,50,148,1) 65%, rgba(0,50,148,0) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(0,50,148,1)), color-stop(65%,rgba(0,50,148,1)), color-stop(100%,rgba(0,50,148,0))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  rgba(0,50,148,1) 0%,rgba(0,50,148,1) 65%,rgba(0,50,148,0) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  rgba(0,50,148,1) 0%,rgba(0,50,148,1) 65%,rgba(0,50,148,0) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  rgba(0,50,148,1) 0%,rgba(0,50,148,1) 65%,rgba(0,50,148,0) 100%); /* IE10+ */
background: linear-gradient(to bottom,  rgba(0,50,148,1) 0%,rgba(0,50,148,1) 65%,rgba(0,50,148,0) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#003294', endColorstr='#00003294',GradientType=0 ); /* IE6-9 */

}

/*********************************************
 *  システム管理者                           *
/*********************************************/

/*********************************************
 *  トレーナー                               *
/*********************************************/
/* トレーナー情報 */
#trainer.index .setting_address{ position:relative; vertical-align:middle; }

/*********************************************
 *  一般メンバー                             *
/*********************************************/
#member #maincontent *{ text-align:center; }
#member #maincontent{ text-align:center; }
#member .uppermenu{ text-align:center; }
#member .uppermenu ul{ display:inline-block; list-style-type:none; margin-top:20px; margin-bottom:20px; }
#member .datetime_area{ width:20em; height:auto; padding-top:10px; background:white;margin:auto; margin-bottom:0.6em; border:1px solid #BBB;
	-webkit-box-shadow: 0 10px 6px -6px #777;
    -moz-box-shadow: 0 10px 6px -6px #777;
	box-shadow: 0 9px 8px -8px #777;
}
#member .date { font-size:1.2em; }
#member .time { font-size:3em; line-height:1.2em;margin-bottom:0.1em; }
#member .setting ul { list-style-type:none; }
#member .member-info-area { line-height:1.5em; padding: 0 1em; }
.member-info-area { margin-bottom:0.6em; }
#member .user-custom .singleline-button-area { margin-top:0.5em; }
#member .user-custom dl dt{ display:inline-block; width:9em;text-align:right; }
#member .user-custom dl dd select{ width:8em;}
#member .user-custom dl dd{ text-align:left; }
/*#member .user-custom dl dd:nth-of-type(1){width:10em;}*/
#member .user-custom dl *{ display:inline-block;  }
#member .user-custom dl dd li input { margin-right:-0.1em;  }
#member .user-custom >ul li { display:inline; }

/* 予約スケジュール用 */

/* キャンセル用 */
.cancel-scheduler table{ margin:auto; border-collapse:collapse; text-align:center; }
.cancel-scheduler table td { padding:0.2em 0; }
.singleline-button-area{ display:block; text-align:center; }
.singleline-button-area input,
.singleline-button-area a { margin-right:1em; }
.singleline-button-area input.last-child{ margin-right:0; }
.cancel-scheduler { margin-bottom:2em; }


/* 会員情報用 */
/*********************************************
 *  共通テーブル画面                         *
/*********************************************/
.table_area{ background-color:#999; }

table caption a{ color:#FFF }
table caption a:hover{ color:#FFF }

.button_area a.button{
	 border-top:1px solid #666;
	 border-left:1px solid #666;
	 border-right:1px solid #666;
}

table{ border-collapse:collapse; table-layout:fixed; }
table td{ 
	border:1px solid #666;
	word-break:break-all;
/*	white-space: nowrap;*/
	padding:5px;
	text-overflow: ellipsis;
	-webkit-tap-highlight-color: transparent;
}
.left_fix_table td{ padding:0 5px }
#this_month_calendar_table td { padding:0; }
.monthly_calendar_table td { padding:0; }
table input[type="button"]{ width:3em; font-size:1em; }



/*********************************************
 * 各列のスタイル（width等）                 *
/*********************************************/

/* 共通 チェック用テーブル */
table .col_check, table .col_check2 { width:15px; background-color:#808080; text-align:center; }

/* メンバー キャンセル画面 */
table .col_date { width:4em; }
table .col_shopname2 { width:14em; }
#member.cancel table .col_username { width:10em; }
#member table#simle_table td{ padding-left:0;padding-right:0; }

/* 会員種別のテーブル */
table .col_types_num { width:7em; } 
table .col_types_name { width:30em; } 
table .col_available_num { width:8em } 
table .col_available_segment_num { width:8em; } 
table .col_edit { width:3em; }

/* 利用者情報のテーブル */
table .col_shopname { width:17em; } 
table .col_usernum { width:6em; } 
table .col_username { width:12em;} 
table .col_mail { width:20em; } 
table .col_gender { width:3em; }  
table .col_type { width:10em; } 
table .col_auth { width:7em; } 
table .col_menu { width:6em; text-align:center; } 

/* 店舗情報のテーブル */
/* 管理者 店舗情報 */
.setting_shop .col_shopname { width:17em; }
.setting_shop .col_shopnum { width:4em; }
.setting_shop .col_shop_stat { width:5em; }
.setting_shop .col_shop_zipcode { width:7em; }
.setting_shop .col_shop_address { width:27em; }
.col_represent { width:12em; } 
.col_shop_address { width:8em; } 
.col_shop_tel { width:10em; } 

/*予約対象情報保守*/

/* 月別トレーニング情報のテーブル */
table .col_free_training_num { width:9em; } 
table .col_monthly_training_num { width:9em; } 
table .col_ticket_num { width:7em; } 

/* テーマ設定のテーブル */
table .col_theme_num { width:8em; } 
table .col_theme_name { width:15em; } 
table .col_theme_order { width:6em; } 
table .col_theme_css { width:40em; } 

/* タイムテーブル用共通 */
table .col_date{ width:3em; }
table .col_canceldate{ width:128px; }
table .col_canceltime{ width:128px; }
table .col_function{ width:3em; }
table .col_function,
.col_time_section td{ /*width:3em;*/ height:2em; padding:0; }
tr.tr_minutes td {  width:2em; }

/* 日別トレーニング状況 */
/*.training_daily th, .training_daily td  { overflow:hidden; }*/


 tr.tr_minutes td { width:5em; };
tr.tr_hour td { width:auto; };
    		
    		


/* アジャスター */
table .adjust_td{ background-color:#AAA; }

.view_table input[type='button']{  
    border:none;
    -webkit-box-shadow:none;
    -moz-box-shadow:none;
    box-shadow:none;
}
.noshadow{
	border:none !important;
    -webkit-box-shadow:none !important;
    -moz-box-shadow:none !important;
    box-shadow:none !important;
}


/* トレーナー-予約対象一覧 */
.function_reverse { width:3em; }
.value_materials { width:6em }
table.side_fixed_table .btn_reverse{ width:3em; }
table.side_fixed_table th{ width:6em; border:1px solid #777; }
table.side_fixed_table .scroll_table_area{ width:42em; }
#scroll_table a{ cursor:pointer; }
.scroll_table_area table input[type="button"]{ width:5em; font-size:1em; }

/*********************************************
 *  入力画面、検索画面                       *
/*********************************************/
.setting_list{ cursor:default;}
.setting_list li{ word-break:break-all; word-wrap:break-word; padding-right:20px; }
#search_button_area{ position:relative; display:block; margin-left:auto; margin-right:auto; cursor:pointer; } 
#search_button_area input{ cursor : pointer; }

#admin .search_area .setting_list,
.search_area .setting_list{ position:relative; width:80%;  border:1px solid #808080; padding:1em 0; display:block; margin:auto;
    border-radius: 5px;        /* CSS3草案 */
    -webkit-border-radius: 5px;    /* Safari,Google Chrome用 */
    -moz-border-radius: 5px;   /* Firefox用 */
 }
 .search_area .setting_list ul{ text-align:center; } 
 .setting_list.shop_cal dt{ width:2em; padding-right:0.8em; }
#member #maincontent{ text-align:left; }
#member #maincontent .setting_list *{ text-align:left; }
#member #maincontent .setting_list a.button{ text-align:center; }
.search_area .setting_list{ 
	-webkit-box-shadow: 0 10px 6px -6px #777;
    -moz-box-shadow: 0 10px 6px -6px #777;
	box-shadow: 0 9px 8px -8px rgba(0,0,0,0.4); }
.search_area .setting_list dt{ margin-left:3em; }

.setting_list_area { /*border-bottom:1px solid #666;*/ height:1px; width:100%;  padding-bottom:.5em; margin-bottom:.5em; }

.setting_list dt{ line-height:1em; }
.setting_list>li, #setting_list_left>li,
#setting_list_right>ul li
/*.setting_list>li dl*/
{ margin-bottom:0.4em; }

.setting_list li dl dd input:nth-of-type(2),
.setting_list li dl dd input:nth-of-type(3),
.setting_list li dl:nth-of-type(2)
{ margin-top:0.4em; }
.setting_list dl dt, .setting_list dl dd{ display:inline-block; }
#admin.menu3 .search_area .setting_list dl dt{ width:10.5em; }
.setting_list dl dt{ width:8em; text-align:left; }

.setting_system .setting_list dl dt{ width:14em; text-align:left; }



#member.menu2 .setting_list dl dt{ width:9em;  }
#member.menu2 #maincontent{ padding:1em 3em; }
#setting_list_right dl dt { width:5em; margin-left:0em; }
#trainer.index .setting_list dl dt{ width:10em; }
#admin.menu9 .setting_list dl dt{ width:11.5em; }
#admin.menu6 .setting_list dl dt{ width:5.5em; }
.setting_list dl dd{  }
#trainer.index .setting_list dl.innerdl dt{float:left;width:8em; height:2em;}
#trainer.index .setting_list dl.innerdl dd{float:left; width:58%;}

.setting_list .open_day ul li { float:left; }
.setting_list dt{ display:table-cell; vertical-align:middle; }
#trainer.menu3 .setting_list {}
#setting_list_left { display:inline-block; margin-right:3em; margin-left:3em; }
#setting_list_right { display:inline-block; vertical-align:top;margin-top:1.5em; }
#maincontent .setting_list_area{ margin:0; }
#admin.menu6 #maincontent .setting_list_area .setting_list{ display:inline-block; width:40em; }
.setting_list{ display:inline-block; }


/* ダイアログ */
.dialog{ cursor:default; }
.dialog h2{ text-align:center; margin:0.5em 0 1.5em; }
#dialogBack{ z-index:50; position:fixed; left:0px; top:0px;visibility:hidden;min-height:100%; min-width:100%; width:100%; }
#dialogBack_table{ z-index:50; background-color:#000000; position:absolute; filter:alpha(opacity=50);-moz-opacity:0.5;opacity:0.5; }

#dialog_loading_table div{
	-webkit-box-shadow: 0 10px 6px -6px #777;
    -moz-box-shadow: 0 10px 6px -6px #777;
	box-shadow: 0px 2px 12px 0 rgba(0,0,0,0.4);
}

/* 詳細ダイアログ */
#dialog_detail .setting_list{
	padding:0 1em;
	text-align:left;
	width:100%;
}
#dialog_detail .setting_list dl dt{ width:11em; text-align:left; padding-right:.5em;  }





/*.dialog_area{width:100%;}*/
.dialog{ padding:.5em 1em;  height:auto; width:40em; z-index:100; position:fixed ;visibility:hidden; text-align:center; color:#333; background-color:#FFF;left:50%;top:50%;margin-left:-21em;
	-webkit-box-shadow: 0 10px 6px -6px #777;
    -moz-box-shadow: 0 10px 6px -6px #777;
	box-shadow: 0px 2px 12px 0 rgba(0,0,0,0.4); 
 }
 #dialog_detail { width:53em; }
 
#dialog_edit{ text-align:left; }
#dialog_edit ul.setting_list { margin-left:1em; }
#dialog_edit .setting_list>li { margin-bottom:0.25em; }
#dialog_edit .setting_list dt{ padding-right:1.5em; }

/* 会員情報画面用 */
#theme_select{ font-size:1em; }
.ui-scheduler h3{ margin-top:1em; }

/* メールテンプレート */
#mailer_explanation_area { width:345px; height:100%; border: 1px solid #666; float:right; padding:10px;  
    border-radius: 5px;        /* CSS3草案 */
    -webkit-border-radius: 5px;    /* Safari,Google Chrome用 */
    -moz-border-radius: 5px;   /* Firefox用 */
 }

#mailer_explanation_title{ padding-bottom:0.5em; }
#mailer_explanation_area #mailer_explanation dl dt{ display:inline-block; width:42%; font-size:0.9em; }
#mailer_explanation_area #mailer_explanation dl dd{ display:inline-block; width:52%; font-size:0.9em; }
.menu6 .setting_list_area .setting_list{ float:left; }
.menu6 .setting_list_area{ height:100%; }

#load_anm{ width:2em; height:2em; background-image:url("../img/loading2.gif") }



/* 顔写真 */
#member_picture_area{ position:absolute; width:150px; height:200px; display:block; border: 1px solid #666; right:12em; top:13.2em; }
#dialog_detail #member_picture_area{ right:2em; top:5.8em; }
span#update_reserve{ display:inline-block;width:20em; }


/****************************************/
/*  予約状態ごとの背景色と文字色の設定  */
/****************************************/
/* _stat0:空き */
/* _stat1:不在 */
/* _stat2:予約 */
/*** トレーナー - 日別トレーニング状況 ***/
.training_daily .color_sample ._stat0,
.training_daily td._stat0      { background-color:aliceblue; color:#000; }
.training_daily td._stat0:hover{ background-color:aliceblue; }
.training_daily .color_sample ._stat1,
.training_daily td._stat1      { background-color:slategray; }
.training_daily td._stat1:hover{ background-color:slategray; }
.training_daily .color_sample ._stat2,
.training_daily a.button._stat2      { color:black; background-color:orange; }
.training_daily a.button._stat2:hover{ background-color:rgb(255, 180, 43);}

/***トレーナー - 予約対象スケジュール ***/
.sche_item .color_sample ._stat0,
.sche_item a.button._stat0      { background-color:#FFF; color:#000; }
.sche_item a.button._stat0:hover{ background-color:#FFECCE; }
.sche_item .color_sample ._stat1,
.sche_item a.button._stat1      { background-color:lightsteelblue; }
.sche_item a.button._stat1:hover{ background-color:rgb(204, 218, 237); }
.sche_item .color_sample ._stat2,
.sche_item a.button._stat2      { background-color:orange; cursor:default; }
.sche_item a.button._stat2:hover{ background-color:color:orange;}

/*** メンバー - 予約登録 ***/
/* _stat0:予約可能 */
.reserve .color_sample ._stat0, .reserve td._stat0{ background-color:rgb(67, 161, 253); }
.reserve a.button._stat0      { background-color:rgb(67, 161, 253); }
.reserve a.button._stat0:hover{ background-color:orange; }
/* _stat1:不在 */
.reserve .color_sample ._stat1, .reserve td._stat1{ background-color:darkgrey; }
.reserve a.button._stat1      { background-color:darkgrey; }
.reserve a.button._stat1:hover{ background-color:rgb(204, 218, 237); }
/* _stat2:予約 */
.reserve .color_sample ._stat2, .reserve td._stat2{ background-color:red; }
.reserve a.button._stat2      { background-color:red; cursor:default; }
.reserve a.button._stat2:hover{ background-color:color:red;}



/* スクロールバーのスタイル */
		
		#table_plugin th,  #table_plugin td{ border:1px solid rgb(102, 102, 102); }
		#scrollbar_bottom, #scrollbar_bottom_point, #scrollbar_right, #scrollbar_right_point{ border-radius:30px; }
		#scrollbar_bottom, #scrollbar_right{ box-shadow: 0 1px 5px rgba(0,0,0,0.2) inset }
		#scrollbar_bottom, #scrollbar_bottom_point{}
		#scrollbar_right, #scrollbar_right_point{}
		#scrollbar_right_point { background-color:rgb(170, 170, 170); box-shadow: -4px 0px 5px rgba(0, 0, 0, 0.1) inset; }
		#scrollbar_bottom_point{ background-color:rgb(170, 170, 170); box-shadow: 0 -4px 5px rgba(0, 0, 0, 0.1) inset; }
		.base_table, .side_table, .header_table, .fixed_table{ border-collapse:collapse; margin-left:-1px; margin-top:-1px; }
		#table_plugin .side_table tbody tr:last-child td{ border-bottom:none; }
		.side_table_area ,.fixed_table_area { border-right:1px solid rgb(102, 102, 102); }
		#table_plugin .header_table tr th:last-child{ border-right:none; }
		
		
		.side_table_area{/*margin-top:-1px;*/}
		
		#member.container{ margin-top:1em; }



/**********************************************************************/
/* ****************************************************************** */
/* *                                                                * */
/* *  スマートフォン向けのスタイル（メディアクエリ）                * */
/* *                                                                * */
/* ****************************************************************** */
/**********************************************************************/
/* @media screen */

@media screen and (max-device-width:736px)
 {

/*********************************************
 * 基本スタイル                              *
/*********************************************/
	body * { -webkit-appearance: none; }	/* プラットフォームにおける標準的なUIの外観にする */
	h2{ margin-left:1em; }
	html, body{ height:100%; }
	
	
	
	#maincontent{ padding:0; }
	.setting_list{ display:block; text-align:center; }
	#auth #maincontent,
	#member #maincontent{ padding:0 0; }
	#member.container,
	#auth.container{ min-height:100%; width:100%; }

	#member.container.menu_index{ width:100%; }	
	#auth.container,
	#member.container{ 
	    -webkit-box-shadow:none;
	       -moz-box-shadow:none;
	            box-shadow:none;
	}
	#auth.container:before, #auth.container:after,
	#member.container:before, #member.container:after{
	    -webkit-box-shadow:none;
	    -moz-box-shadow:none;
	    box-shadow:none;
	    -moz-border-radius:none;
	    border-radius:none;
	}
	#auth.container:after,
	#member.container:after{
	    -webkit-transform:none;
		-moz-transform:none;
		-ms-transform:none;
		-o-transform:none;
		transform:none;
	}
	
	
	/* TOP画面用 */
	#member.container.menu_index .datetime_area { width:70%; height:auto;  }
	#member.container.menu1 table td { padding:1em; font-size:0.6em; white-space:nowrap; }
	
	
	/* 予約登録画面用 */
	table .col_username{ width:6em; }
	#member #maincontent .setting_list {  }
	#member #maincontent .setting_list dl { display:block;text-align:left; margin-bottom:0.5em; }
	
    /* 会員情報 */
	#member #maincontent .setting_list dl dt { width:10em; display:block; }
	#member #maincontent .setting_list dl dd { display:block; }
	.reserve .col_username { text-align:left; width:8em; font-size:0.8em; }
	#member.reserve #maincontent .col_username{ text-align:left; }
	
	
	
	/* キャンセル画面用 */
	table .col_canceldate{ width:128px; }
	table .col_canceltime{ width:128px; }
	#member.container.menu1 table tr:first-child td:first-child { border:none; }
	#member.container.menu1 table td { padding:1em 0; font-size:0.6em; white-space:nowrap; }
	#member .date { font-size:0.8em; }
	#member .time { font-size:2em; line-height:1.2em;margin-bottom:0.1em; }
	#member .setting ul { list-style-type:none; }
	#member .member-info-area { line-height:1.5em; font-size:0.8em; }
	
	/* 会員情報画面用 */
	#member .setting_address textarea{ width:80%;}
	#member.container.menu2 .setting_list { margin-left:0em;}
	#member .setting_list{ width:100%; }
	/*
	#member.container.menu2{padding:0 2em;}
	#member.container.menu2{ font-size:0.6em; }
	#member.container.menu2 input{ font-size:0.6em; }
	*/
	
	#member.container{ margin-top:0; }
	#member.container.setting_member{ width:120%; }

	#member .singleline-button-area input,
	#auth .singleline-button-area input { display:block; }
	#auth .singleline-button-area .btn_logon,
	#member .singleline-button-area .btn_preview,
	#member .singleline-button-area .btn_cancel,
	#member .singleline-button-area .btn_member_edit { margin-bottom:0.7em; }
	
	/* 認証画面用 */
	#auth.container *{ text-align:center; }
	#auth .input_area{ margin:auto;  border-collapse:separate; margin-bottom:2em; } 
	#auth #maincontent .input_area{ margin-bottom:1.5em; }
	
    #auth #maincontent .input_area dl{  display:block; width:auto; }
	#auth #maincontent .input_area dt{  display:block; text-align:left; margin:auto; height:1.5em; }
	#auth #maincontent .input_area dd{  display:block; margin:auto; height:1.5em; }
    #auth #maincontent .usernum     input {  text-align:left; width:8em; }
	#auth #maincontent .password    input {  text-align:left; width:8em; }	
	#auth #maincontent .mailaddress input {  text-align:left; width:11em; }	
	#auth #infoarea { width:80%; }
	
	.singleline-button-area input, .singleline-button-area a.button { display:block; margin-right:0; margin-left:auto !important; margin-right:auto !important; margin-bottom:0.5em;  }
	
	/* ダイアログ */
	.dialog{ width:100%; height:100%; overflow-x:hidden; overflow-y:scroll; }
	.dialog h2{ text-align: font-size:0.9em; }
	.dialog input{ margin-bottom:1em; }
	#member.container.back_no_scroll{ height:100%; display:none; overflow:hidden; }
	
	#member.menu2 #maincontent{ padding:1em 1em; }
	#member.menu2 dl{ margin-bottom:.5em;}
	#member.menu2 .setting_list dl dt{ width:auto; padding-right:0; font-weight:bold;  }
	.password_disp_type{ display:block; }
	
	#member .user-custom dl{ text-align:center;display:inline-block; }
	#member .user-custom dl dt{ text-align:left; }
	#member .user-custom dl dt, #member .user-custom dl dd{ display:block; }
	#member .user-custom dl dd select{ height:2.2em; width:9em; }
	
	/* チェックボックスの書式（mobile用） */
    input[type="checkbox"] {
        border: 1px solid #aaaaaa;
        vertical-align: -8px;
        -webkit-appearance: none;
        position: relative;
        margin-right: 5px;
        -webkit-border-radius: 3px;
        border-radius: 3px;
        -webkit-box-sizing: border-box;
        width: 15px;
        height: 15px;
        /*Other Browser*/
        background: #ffffff;
    }

    input[type="checkbox"]:checked {
        /*Other Browser*/
        background: #000000;
        /*For Old WebKit*/
        border: 1px solid #336600;
    }
    

}