*  { 
padding: 0px ; 
margin: 0px ;
margin: 0 auto;
text-align: center;
font-family: “メイリオ”, Meiryo, sans-serif;
}

.font200 { font-size: 200%; }
.font180 { font-size: 180%; }
.font150 { font-size: 150%; }
.font90 { font-size: 90%; }
.font80 { font-size: 80%; }
.font70 { font-size: 70%; }
.font60 { font-size: 60%; }

.hidari{ text-align: left; }
.migi{ text-align: right; }

.width500 { width: 500px; }
.width484 { width: 484px; }
.width400 { width: 400px; }
.width300 { width: 300px; }
.width200 { width: 200px; }
.width150 { width: 150px; }
.width130 { width: 130px; }
.width125 { width: 125px; }
.width100 { width: 100px; }
.width80 { width: 80px; }
.width65 { width: 68px; }
.width55 { width: 55px; }
.width48 { width: 48px; }
.width20 { width: 20px; }
.width_max { width: 100%; }

/* 印刷改行用 */
.break { page-break-before: always; }

/*■□■□■□■□■□■□■□■□■□■□■□■□*/
/*■□■□スペーサー*/
/*■□■□■□■□■□■□■□■□■□■□■□■□*/

.top_space{
margin-top: 7px;
}

.bottom_space{
margin-bottom: 7px;
}

/*
margin・・・・・要素の外側の余白
padding・・・・・要素の内側の余白 
*/

/*■□■□■□■□■□■□■□■□■□■□■□■□*/
/*■□■□配置*/
/*■□■□■□■□■□■□■□■□■□■□■□■□*/

.left {
text-align: left;
}

.center {
text-align: center;
}

/*■□■□■□■□■□■□■□■□■□■□■□■□*/
/*■□■□テキストエリア*/
/*■□■□■□■□■□■□■□■□■□■□■□■□*/

textarea.mail{
text-align: left;
width: 100%;
height: 500px;
}

textarea.memo{
text-align: left;
width: 500px;
height: 500px;
}

textarea#honbun{
text-align: left;
width: 100%;
height: 350px;
}



/*■□■□■□■□■□■□■□■□■□■□■□■□*/
/*■□■□ボタン大きさ*/
/*■□■□■□■□■□■□■□■□■□■□■□■□*/

input {
-webkit-appearance: none;/* iphoneのボタンが丸まらないよう */
}

/*■□■□トップボタン*/
input.top_btn {
width: 187px; 
height: 70px;
}

input.btn_50_35 {
width: 50px;
height: 35px;
}

input.btn_50_25 {
width: 50px;
height: 25px;
}

.damy {
width: 50px;
height: 25px;
color: #b4b4b4;
background: #ebe5e5;
border: #b4b4b4 1px solid;
pointer-events : none;
}

input.btn_40_40{
width: 40px;
height: 40px;
}

input.btn_80_35 {
width: 80px;
height: 35px;
}

input.btn_100_40 {
width: 100px;
height: 40px;
}

input.btn_110_35 {
width: 110px;
height: 35px;
}

input.btn_150_40 {
width: 150px; 
height: 40px;
}

input.btn_160_40 {
width: 165px; 
height: 40px;
}

input.btn_150_35 {
width: 150px;
height: 35px;
}

input.btn_200_35 {
width: 200px;
height: 35px;
}

input.btn_400_40 {
width: 400px; 
height: 40px;
}

input.btn_500_40 {
width: 500px; 
height: 40px;
}

input.btn_600_40 {
width: 600px; 
height: 40px;
}

input.btn_800_40 {
width: 800px; 
height: 40px;
}

input.btn_max {
width: 100%;
height: 40px;
}


/*■□■□■□■□■□■□■□■□■□■□■□■□*/
/*■□■□ボタン色*/
/*■□■□■□■□■□■□■□■□■□■□■□■□*/

.green {
color: #ffffff;
background-color:#5f8261;
}

.gray {
color: #485868;
background-color:d8d8d8;
}

.lgray {
color: #485868;
}

.dgray {
color: #908e8e;
background: #646464;
border: 1px solid #f0f0f1;
}

#red {
color: #ffffff;
background-color:#d83f3f;
outline:1px solid #646464;
outline-offset: -1px;/* ボーダー内側 */
}

.red {
color: #ffffff;
background-color:#d83f3f;
outline:1px solid #646464;
outline-offset: -1px;/* ボーダー内側 */
}

/* ボタン押せ無く（ノーマル） */
input.disabled_lgray {
color: #c7c6c6;
pointer-events : none;
}

/* ボタン押せ無く（カレンダー） */
input.disabled {
color: #8d8c8c;
pointer-events : none;
}

/* ボタン押せ無く（黄色） */
input.disabled_yellow {
color: #485868;
background-color:#c5bd66;
pointer-events : none;
border: 1px solid #646464;
}












input.day_btn {
width: 60px; 
height: 60px;
}


/*■□■□■□■□■□■□■□■□■□■□■□■□*/
/*■□■□背景色*/
/*■□■□■□■□■□■□■□■□■□■□■□■□*/

#back_red {
background-color:#d83f3f !important;
}

#back_lred {
background-color:#e86868 !important;
}

#back_yellow {
color: #ffffff;
background-color:#c5bd66 !important;
}

#back_dgray {
color: #908e8e !important;
background-color:#646464 !important;
}

#back_lgray {
color: #485868 !important;
background-color:#f0f0f1 !important;
}

.back_red {
background-color:#d83f3f !important;
}

.back_green {
background-color:#5f8261 !important;
}

.back_yellow {
background-color:#c5bd66 !important;
}

.back_gray {
background-color:#f0f0f1 !important;
}

.back_dgray {
color: #908e8e !important;
background-color:#646464 !important;
}

.back_lgray {
color: #485868 !important;
background-color:#f0f0f1 !important;
}

.back_lgreen {
color: #ffffff !important;
background-color:#84bb7c !important;
}

#back_1st {
color: #ffffff !important;
background-color:#6eb762 !important;
font-weight: bold; 
}

#back_2nd {
color: #ffffff !important;
background-color:#e7bf94 !important;
font-weight: bold; 
}

#back_3rd {
color: #ffffff !important;
background-color:#8f94cf !important;
font-weight: bold; 
}

/*
1st #6eb762
2nd #e7bf94
3rd #8f94cf
*/

/*■□■□■□■□■□■□■□■□■□■□■□■□*/
/*■□■□ログイン画面タイトル*/
/*■□■□■□■□■□■□■□■□■□■□■□■□*/


div.term_title {
margin-top: 7px;
color: #ffffff;
background-color:#69b56e;
font-size: 200%;
font-weight: bold;
border: 1px solid #475c4a;
}


/*■□■□■□■□■□■□■□■□■□■□■□■□*/
/*■□■□グリーンボックス*/
/*■□■□■□■□■□■□■□■□■□■□■□■□*/

table#green_box {
margin-top: 7px;
background: #bfbfbf;
border-spacing: 2px;
}

table#green_box th {
color: #ffffff;
background-color:#5f8261;
font-weight: normal;
padding: 5px 10px;
}

table#green_box th.ken {
white-space:nowrap;
}

table#green_box tr {
color: #485868;
background-color:#f0f0f1;
}

table#green_box td {
padding: 5px 10px;
}

.title {
width: 160px;
}

.bikou {
width: 240px;
}

.joutai {
width: 200px;
}

/*■□■□画像の隣テキストを上下中央配置に*/

table#green_box p{
display:table-cell;
vertical-align:middle;
margin:0;
}

table#green_box div{
line-height:0.1;
}


/*■□■□■□■□■□■□■□■□■□■□■□■□*/
/*■□■□ページ偏移ナビ*/
/*■□■□■□■□■□■□■□■□■□■□■□■□*/

table#pagenavi {
margin-top: 7px;
background: #bfbfbf;
border-spacing: 2px;
}

table#pagenavi th {
color: #ffffff;
background-color:#5f8261;
font-weight: normal;
}

table#pagenavi td {
color: #485868;
background-color:#f0f0f1;
padding: 5px 10px;
width: 150px;
}

table#pagenavi td.comp {
color: #ffffff;
background-color:#5f8261;
}

table#pagenavi td.work {
color: #ffffff;
background-color:#d83f3f;
}




/*■□■□■□■□■□■□■□■□■□■□■□■□*/
/*■□■□予約一覧*/
/*■□■□■□■□■□■□■□■□■□■□■□■□*/

/*
table-layout: fixed;で幅固定指定しても
テーブル自体にwidth設定が無いとthでwidthしていしても崩れる
*/
table.yoyaku {
background-color: #bfbfbf;
border-spacing: 2px;
table-layout: fixed;
width:0px;
}

table.yoyaku th {
color: #ffffff;
background-color:#5f8261;
font-weight: normal;
padding: 5px 10px;
width: 150px;
}

table.yoyaku tr {
color: #485868;
}

table.yoyaku td.gray {
background-color:#f0f0f1;
}

table.yoyaku td.red {
background-color:#d83f3f;
}

table.yoyaku th.red {
background-color:#d83f3f;
}

table.yoyaku div.llred {
background-color:#ff9494;
}

table.yoyaku div.lred {
background-color:#ef6464;
}

table.yoyaku td.lred {
background-color:#f28484;
}

table.yoyaku div.llblue {
background-color:#b1bbe5;
}

table.yoyaku div.lblue {
background-color:#798ee8;
}

table.yoyaku div.yellow {
background-color:#d9cf4a;
}

table.yoyaku div.lyellow {
background-color:#e7dd94;
}

table.mini_box td {
padding: 2px;
}

table.mini_box img{
margin: 0;
padding: 0;
vertical-align: bottom;
}




/*■□■□■□■□■□■□■□■□■□■□■□■□*/
/*■□■□大枠（カレンダー外枠）*/
/*■□■□■□■□■□■□■□■□■□■□■□■□*/

table#oowaku {
margin-top: 7px;
border: 1px solid #646464;
border-spacing: 7px;
}

table#oowaku td {
vertical-align:top;
color: #485868;
background-color:#f0f0f1;
}

/*■□■□■□■□■□■□■□■□■□■□■□■□*/
/*■□■□カレンダーテーブル　*/
/*■□■□■□■□■□■□■□■□■□■□■□■□*/

table#clender {
background: #bfbfbf;
border-spacing: 2px;
}

table#clender th {
color: #ffffff;
background-color:#5f8261;
font-weight: normal;
padding: 7px 0px;
font-size: 12px;
}

/* 土曜日・日曜日 */
table#clender th.sat {
background-color:#353783;
}

table#clender th.sun {
background-color:#d83f3f;
}

table#clender th.wk {
background-color:#d4bf4a;
}

table#clender td {
color: #485868;
background-color:#f0f0f1;
padding: 1px 1px;
}



/* 後で消す */
table#clender input#b {
background-image: url("icon/b.gif");
}

table#clender input#m {
background-image: url("icon/m.gif");
}

table#clender input#s {
background-image: url("icon/s.gif");
}

table#clender input#n {
background-image: url("icon/n.gif");
}

table#clender input#ya {
background-image: url("icon/ya.gif");
}

table#clender input#fin {
background-image: url("icon/fin.gif");
pointer-events : none;
}

table#clender input#1st {
background-image: url("icon/1st.gif");
}

table#clender input#2nd {
background-image: url("icon/2nd.gif");
}

table#clender input#3rd {
background-image: url("icon/3rd.gif");
}

table#clender img{
	margin: 0;
	padding: 0;
	vertical-align: bottom;
}



/*■□■□■□■□■□■□■□■□■□■□■□■□*/
/*■□■□余白関連*/
/*■□■□■□■□■□■□■□■□■□■□■□■□*/

/* paddingしたく無い時 */
table#green_box td.nospace {
padding: 0px;
}

/* トップボタン */
table#top_btn {
border-collapse : collapse;/*線の重なりを相殺*/
}

/* トップボタン */
table#top_btn td {
padding: 4px;
background-color:#5f8261;
}


/*■□■□■□■□■□■□■□■□■□■□■□■□*/
/*■□■□カレンダー関連*/
/*■□■□■□■□■□■□■□■□■□■□■□■□*/








/*■□■□■□■□■□■□■□■□■□■□■□■□*/
/*■□■□その他*/
/*■□■□■□■□■□■□■□■□■□■□■□■□*/

#hide {
display: none;
}

.hide {
display: none;
}


#yoyaku {
display: none;
}

#reset {
display: none;
}

#d_new_task {
display: none;
}

#kinyuuran {
display: none;
}

#bikou {
display: none;
}

#syori {
display: none;
}

#hide {
display: none;
}

#sakujyo_hide {
display: none;
}

.sakujyo_list {
display: none;
}

/*■□■□■□■□■□■□■□■□■□■□■□■□*/
/*■□■□色見本*/
/*■□■□■□■□■□■□■□■□■□■□■□■□*/

table#color {
width: 800px;
margin-top: 7px;
background: #bfbfbf;
border-spacing: 2px;
}

table#color td {
padding: 3px 10px;
}

table#color td.a {
color: #485868;
background: #ffffff;
}

table#color td.b {
color: #ffffff;
background: #485868;
}

table#color td.c {
color: #ffffff;
background: #bfbfbf;
}

table#color td.d {
color: #485868;
background: #f0f0f1;
}

table#color td.e {
color: #ffffff;
background: #ff6633;
}

table#color td.f {
color: #ffffff;
background: #5f8261;
}

table#color td.g {
color: #ffffff;
background: #c5bd66;
}

table#color td.h {
color: #ffffff;
background: #646464;
}

table#color td.i {
color: #ffffff;
background: #d83f3f;
}

table#color td.j {
color: #ffffff;
background: #353783;
}


/*■□■□■□■□■□■□■□■□■□■□■□■□*/
/*■□■□ローディング関連*/
/*■□■□■□■□■□■□■□■□■□■□■□■□*/


#loader{
    display: none;
    position: fixed;
    _position: absolute;     /* IE6対策 */
    top: 50%;
    left: 50%;
    margin-top: -40px;       /* heightの半分のマイナス値 */
    margin-left: -150px;      /* widthの半分のマイナス値 */
    z-index: 10;             /* #fadeより多い値を入れて下さい */
}
#fade{
    width: 100%;
    height: 100%;
    display: none;
    background-color: #fff;
    position: absolute;
    top: 0px;
    left: 0px;
    z-index: 5;              /* #loaderより少ない値を入れて下さい */
}