@charset "UTF-8";
/* CSS Document */

/* 基本設定クリア */
/*html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, input, textarea, legend, article, aside, footer, header, hgroup, menu, nav, section {
	border: 0;
	color: #000;
	font-size: 100%;
	font: inherit;
	margin: 0;
	padding: 0;
	vertical-align: baseline;
}*/

div, footer, header, a, p, input, h1, h2, h3, h4, h5, h6, pdl, dt, dd, ol, ul, li {
	border: 0;
	color: #000;
	font-size: 100%;
	font: inherit;
	margin: 0;
	padding: 0;
	vertical-align: baseline;
}
h1, h2, h3, h4, h5, h6 {
	font-weight: bold;
}

/*.clear {
	overflow: hidden;
	zoom: 1;
}*/
/* 基本のレイアウト */
body {
	/*max-width: 960px;*/
	background: #fff;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}
.required {
	color: #FF0000;
	font-size: .7em;
}
#required {
	color: #FF0000;
}
.complement {
	font-size: .7em;
}
.ui-header {
	/*border-top: solid 6px #000 !important;*/
	background: #fff;
	margin: 0 auto;
	position: relative;
	max-width: 960px;
	border-bottom: none !important;
	/*height: 64px !important;*/
}
	.header {
		border-top: solid 6px #000 !important;
		background: #fff;
		padding: 0 ;
		border-bottom: none;
	}

.title {
	/*background: #FFBF00;
	border-top: solid 5px #75b4c4;*/
	background: #868A08;
	border-top: solid 5px #3B240B;
	height: 50px;
	margin: 0 0 0 0;
	max-width: 100%;
	padding: 0 ;
	/*max-width: 960px;*/
}
	.title p {
		margin: 0;
		color: #fff;
		font-size: 2em;
		line-height: 1em;
		padding: 18px ;
		text-align: right;
	}
	.nav-global {
		margin: 0 auto;
		max-width: 960px;
		background: #fff;
		border-top: solid 2px #000;
	}
/*ハンバーガーメニュー//////////*/
#humberger {
  position: relative;
  height: 15px;
  width: 20px;
  display: inline-block;
  box-sizing: border-box;
  background-color: #fff;
}
#humberger div {
  position: absolute;
  left: 0;
  height: 2px;
  width: 20px;
  background-color: #444;
  border-radius: 2px;
  display: inline-block;
  box-sizing: border-box;
}
#humberger div:nth-of-type(1) {
  bottom: 10px;
}
#humberger div:nth-of-type(2) {
  bottom: 5px;
}
#humberger div:nth-of-type(3) {
  bottom: 0;
}
/*ハンバーガーメニュー//////////*/
/* nav-global */
.nav-global ul {
	display:none;
}

.nav-global >li {
	float: left;
	text-align: center;
	width: 25%;/* 横幅の25％（ボタンが4つだから・・・） */
}
.nav-global >li > a{
	text-decoration: none; border-left:1px solid #EEE; border-bottom:1px solid #EEE;
}
.nav-global > li > ul > li {
	background:#999; border-bottom:1px solid #EEE; width:98%; float: right;
}

.nav-global > li > ul > li > a {
	text-decoration: none;
	background-color:#F5F5F5; width:100%;
}
.nav-global > li > ul > li > a:hover {
	border-bottom: solid 5px #e5b9b7;
	padding: 15px 0 10px 0;
}
.nav-global li a {
	border-right: solid 1px #ddd;
	color: #000;
	display: block;
	padding: 15px 0;
}
.nav-global li:last-child a {
	/*border-right: none;*/
}
.nav-global li a:hover {
	border-bottom: solid 5px #e9cc77;
	padding: 15px 0 10px 0;
}
.nav-global li a:active {
	border-bottom: solid 5px #75b4c4;
}
/* nav-globalここまで */
ul {
	list-style: none;
}
.clear {
	overflow: hidden;
	zoom: 1;
}
.ui-footer {
	margin: 0 auto;
	max-width: 960px;
}
	.ui-footer p {
    		margin: 5px 10px;
    		font-weight: normal;
    		font-size: .8em;
	}
	.ui-footer ul {
    		margin: 5px 10px;
    		font-weight: normal;
    		font-size: .8em;
	}
	#copy p{
		padding: 20px 0 0 5px !important;
		font-size: .8em !important;
		font-weight: normal;
	}
.main {
	background: #fff !important;
	margin: 0 auto !important;
	max-width: 960px !important;
	position: relative !important;
}


	.maindiv {
		background: #fff;
		margin: 0 auto;
		max-width: 600px;
		padding: 10px 10px 10px 10px;
		position: relative;
	}
		#info h1 {
			font-size: .8em;
			padding: 10px 0 0 0;
		}
		.no-shortening {
      			overflow: visible !important;
      			white-space: normal !important;
  		}
	.login {
		background: #fff;
		max-width: 100px;
		margin: 0 auto;
	}
	.sub-title {
		background: #fff;
		margin: 10 0 0 0;
		max-width: 600px;
		padding: 10 0 0 5;
		/*border-bottom: solid 5px #75b4c4;*/
		border-bottom: solid 5px #3B240B;
	}
	.sub-title p {
		/*color: #fff;*/
		font-size: 1.5em;
		line-height: 1em;
		/*padding: -40px ;*/
		text-align: left;
	}
	.help {
		font-size: 1em;
		margin: 0px 0 0px 0;
		text-align: right; !important;
		margin: 0 auto;
		max-width: 600px;
	}
	.help p {
		font-size: 1em;
		line-height: 40xp;
		text-align: right; !important;
	}
	/*.help a {
		font-size: 1em;
		line-height: 40xp;
		text-align: right; !important;
	}*/
	.contents {
		background: #fff;
		margin: 0 auto;
		max-width: 600px;
		padding: 0 0 0 0;
	}
	ui-grid-a {
		max-width: 100% !important;
		margin: 10 0 0 0!important;
		padding: 10 0 0 0 !important;
		vertical-align: middle !important;
	}
	ui-grid-b {
		max-width: 100% !important;
		padding: 0 0 0 0 !important;
	}
	.ui-block-a {
		padding: 10 0 0 0 !important;
		padding: 10 0 0 0 !important;
	}
	.ui-block-a p {
		font-size: 1.5em;
		margin: 10 0 0 0!important;
		line-height: 1em;
		text-align: left;
	}
	ui-block-b {
		max-width: 100% !important;
		padding: 0 0 0 0 !important;
		vertical-align: middle !important;
	}
	ui-block-b a {
		max-width: 100% !important;
		vertical-align: middle !important;
	}
	ui-block-b a img {
		max-width: 100% !important;
		vertical-align: middle !important;
	}
	#subtitle {
		background: #fff;
		margin: 0 auto !important;
		height: 49px!important;
		padding: 20px 0 0 -40px !important;
	}
	#subtitle p{
		/*height: 49px!important;*/
		position:absolute;
		padding: 20px 0 0 0 !important;
	}
	#holiday_title {
		position:absolute;
		padding: 0 0 0 0 !important;
		font-size: 1em !important;
	}
	#target_title {
		position:absolute;
		padding: 0 0 0 0 !important;
		font-size: 1em !important;
	}
	#trackrecord_title {
		position:absolute;
		padding: 0 0 0 0 !important;
		font-size: 1em !important;
	}
.text-m {
	width:100px !important;
}
.text-s {
	width:30px !important;
}
.ui-field-contain {
	margin: 10px 0 0 0!important;
	max-width: 100％;
	padding: 0 0 0 0!important;
}
#login_fieldcontain{
	margin: 20px 0 10px 0!important;
	max-width: 100％;
	padding: 0 0 0 0!important;
}
.field_group {
	display: inline-block;/*field_groupを横並びに表示*/
	margin: 0 0 0 0!important;
	max-width: 100％;
	padding: 0 0 0 0!important;
	vertical-align: middle !important;
}
#caution_comment {
	font-size: 0.8em!important;
	text-align: left!important;
	padding: 0 0 10px 0 !important;
}

#logoutbutton a {
	vertical-align: middle !important;
}
#logoutbutton a img {
	vertical-align: middle !important;
	position: relative !important;
}
#logoutbutton  p {
	font-size: 0.8em !important;
}
#UserSalonUse {
	height:31px !important;
}

#userinfo {
	white-space: pre !important;
}
#holidayinfo {
	white-space: pre !important;
}
.calendar{
	/*width:560px;*/
	border-collapse: collapse !important;
  	border-spacing: 0 !important;
}
#calendar_table{
	/*background:#c0c0c0;*/
	padding: 0 0 0 0 !important;
	margin: 0 0 0 0 !important;
	border-collapse: collapse !important;
  	border-spacing: 0 !important;
	/*width:560px;*/
}
#calendar_table th{
	background: #fff;
	border:0.1px solid #c0c0c0;
	padding: 5px 0 5px 0;
	font-size: .8em;
	/*width: 80px!important;*/
}
#calendar_table td{
	background: #fff;
	border:0.1px solid #c0c0c0;
	padding: 0 0 0 0;
	vertical-align: top;
	/*width: 80px!important;*/
}
#trackrecord_calendar_table{
	/*background:#c0c0c0;*/
	border-collapse: collapse !important;
  	border-spacing: 0 !important;
	padding: 0 0 0 0 !important;
	margin: 0 0 0 0 !important;
	width:560px;
}
#trackrecord_calendar_table th{
	background: #fff;
	border:0.1px solid #c0c0c0;
	padding: 5px 0 5px 0;
	font-size: .8em;
}
#trackrecord_calendar_table td{
	background: #fff;
	border:0.1px solid #c0c0c0;
	padding: 0 0 0 0 !important;
	vertical-align: top;
	height:62px;
	width:80px;
}
#TrackInputDay {
	font-size: 0.7em !important;
	margin: 0 auto !important;
	padding: 0 0 0 0 !important;
}
/*#TrackInputDay {
	width: 60px!important;
	height: 20px!important;
	font-size: 0.7em !important;
	border-radius: 5px!important;        /* CSS3草案 */  
    	/*-webkit-border-radius: 5px!important;    /* Safari,Google Chrome用 */  
    	/*-moz-border-radius: 5px!important;   /* Firefox用 */
/*}
#TrackInputDay_sun {
	width: 60px!important;
	height: 20px!important;
	font-size: 0.7em !important;
	border-radius: 5px!important;        /* CSS3草案 */  
    	/*-webkit-border-radius: 5px!important;    /* Safari,Google Chrome用 */  
    	/*-moz-border-radius: 5px!important;   /* Firefox用 */
	/*color: #ff0000 !important;
}
#TrackInputDay_sat {
	width: 50px!important;
	height: 20px!important;
	font-size: 0.7em !important;
	border-radius: 5px!important;        /* CSS3草案 */  
    	/*-webkit-border-radius: 5px!important;    /* Safari,Google Chrome用 */  
    	/*-moz-border-radius: 5px!important;   /* Firefox用 */
	/*color: #0000ff !important;
}*/
#ClassName {
	width: 10px;
}
/*#holiday-input{
	padding: 0 0 0 0 !important;
	margin: 0 0 0 0 !important;
}*/
#calendar_date_year{
	position:absolute;
	padding: 5px 0 0 130px !important;
	font-size: 1em !important;
	font-weight: bold;
}
#calendar_date_year_label{
	position:absolute;
	padding: 5px 0 0 175px !important;
	font-size: 1em !important;
	font-weight: bold;
}
#calendar_date_month{
	position:absolute;
	padding: 5px 0 0 195px !important;
	font-size: 1em !important;
	font-weight: bold;
}
#calendar_date_month_label{
	position:absolute;
	padding: 5px 0 0 220px !important;
	font-size: 1em !important;
	font-weight: bold;
}
#target_date_year{
	position:absolute;
	padding: 5px 0 0 130px !important;
	font-size: 1em !important;
	font-weight: bold;
}
#target_date_year_label{
	position:absolute;
	padding: 5px 0 0 175px !important;
	font-size: 1em !important;
	font-weight: bold;
}
#target_date_month{
	position:absolute;
	padding: 5px 0 0 195px !important;
	font-size: 1em !important;
	font-weight: bold;
}
#target_date_month_label{
	position:absolute;
	padding: 5px 0 0 220px !important;
	font-size: 1em !important;
	font-weight: bold;
}

#trackrecord_date_year{
	position:absolute;
	padding: 5px 0 0 130px !important;
	font-size: 1em !important;
	font-weight: bold;
}
#trackrecord_date_year_label{
	position:absolute;
	padding: 5px 0 0 175px !important;
	font-size: 1em !important;
	font-weight: bold;
}
#trackrecord_date_month{
	position:absolute;
	padding: 5px 0 0 195px !important;
	font-size: 1em !important;
	font-weight: bold;
}
#trackrecord_date_month_label{
	position:absolute;
	padding: 5px 0 0 220px !important;
	font-size: 1em !important;
	font-weight: bold;
}
#progresstable_date{
	position:absolute;
	padding: 5px 0 0 130px !important;
	font-size: 1em !important;
	font-weight: bold;
}
#ranking_date{
	position:absolute;
	padding: 5px 0 0 130px !important;
	font-size: 1em !important;
	font-weight: bold;
}
#radar_date{
	position:absolute;
	padding: 5px 0 0 130px !important;
	font-size: 1em !important;
	font-weight: bold;
}
#user_radar_date{
	position:absolute;
	padding: 5px 0 0 130px !important;
	font-size: 1em !important;
	font-weight: bold;
}
#year_progresstable_date{
	position:absolute;
	padding: 5px 0 0 130px !important;
	font-size: 1em !important;
	font-weight: bold;
}
#ClassTitle{
	background: #FFBF00;
	padding: 5px 5px 5px 5px !important;
	margin: 10px 0 5px 0 !important;
}
#target_contain{
	padding: 0 5px 5px 5px !important;
}
#targetname{
/*	font-size: .8em;
	height: 33px!important;*/
}
#target_label{
	font-size: .8em!important;
}
#calendarchk{
	margin: 0 auto;
/*	width:80px;*/
}

/********************************************************
Tabグループ
********************************************************/
.tab {
  border-bottom: 3px solid #868A08;
  height:40px;
}
.tab li {
  color: #333;
  float: left;
  margin: 0 10px -1px 0;
  padding: 10px 20px;
  border: 1px solid #868A08;
  cursor: pointer;
  list-style: none;
  transition: .3s;
}
.tab li.active {
  color: #fff;
  background: #868A08;
  cursor: auto;
}
 
.panel-group ul {
  display: none;
}
.panel-group ul.show {
  display: block;
}

/*******************************************************/
/**
 * 02-02　レスポンシブなナビゲーション
 */
.menubtn {
	display: none;
}
.nav-global {
	display: block;
}

#table50 th {
	background: #004080;
	
}
/**
 * RESPONSIVE: スマートフォン向けウィンドウ幅600px以下
 */
@media screen and (max-width:600px) {
	/* 基本のレイアウト */
	/* nav-global */
	.nav-global li {
		float: none;
		width: 100%;
		text-align: left;
	}
	.nav-global li a {
		text-decoration: none;
		padding: 10px 0 10px 15px;
		border-right: none;
		border-top: solid 1px #dedede;
	}
	.nav-global li a:hover {
		padding: 10px 0 10px 10px;
		border-bottom: none;
		border-left: solid 5px #e9cc77;
	}
	.nav-global > li > ul > li > a:hover {
		border-left: solid 5px #e5b9b7;
		padding: 10px 0 10px 10px;
		border-bottom: none;
	}
	/*メニューボタン*/
	.menubtn {
		display: block;
	}
	.menubtn a {
		text-decoration: none;
		display: block;
		padding: 10px 0;
		background: #ededed;
		color: #FFBF00;
		font-weight: bold;
		text-align: center;
	}
	.menubtn a:hover {
		background: #ddd;
	}
	.menubtn a:active {
		background: #bbb;
	}
	.nav-global {
		display: none;
	}
	
	.subtitle {
		background: #fff;
		margin: 0 auto !important;
		/*max-width: 250px !important;*/
		padding: 0px 0px 0px 0 !important;
	}
#trackrecord_calendar_table td{
	background: #fff;
	border:0.1px solid #c0c0c0;
	padding: 0 0 0 0 !important;
	vertical-align: top;
	height:62px;
	width:35px;
}

#TrackInputDay {
	font-size: 0.5em !important;
	font-weight: normal !important;
	margin: 0 0 0 0 !important;
	padding: 0 0 0 0 !important;
}

}