@charset "utf-8";
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textarea, p, blockquote,th, td{margin:0; padding:0;}
html{overflow-y: scroll;border:0;}
h1, h2, h3, h4, h5, h6{font-size: 100%; font-weight: normal;}
ol, ul{list-style:none;}
fieldset, img{border:0;}
table{border-collapse:collapse; border-spacing:0;}
caption, th{text-align: left;}
address, caption, cite, code, dfn, em, strong, th, var{font-style: normal; font-weight: normal;}
p {margin:12px 0px;}
img {vertical-align:bottom;}
@media screen and (max-device-width: 480px) {body {-webkit-text-size-adjust: 100%;}}
A:link,A:visited,A:hover,A:active {color:#0066CC;}
A:hover {text-decoration: underline;}
A {text-decoration:none;}
strong{font-weight: bold;}
/*--reset--*/
html{
	height:100%; 
}
body{
	font-family: メイリオ, Meiryo, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku GothicPro", "ＭＳ ゴシック";
	text-align:center;
	font-size:90%;
	color:#333;
	background:#faefd9;
	width:100%;
	height:100%; 
}
#container{  
	position: relative;
	width: 100%;
	height: auto !important;
	height: 100%;
	min-height: 100%;
} 
/*ヘッダ*/
header{
	background:#4A0303;
	color:#fff;
	margin-bottom:20px;
	width:100%;
}
header > div{
	padding:20px;
}
header strong{
	font-size:90%;
}
#wrap{
	width:1000px;
	margin:0 auto;
	padding-bottom:300px;
}
/*フッター*/
footer{
	height:240px;
	background:url(../img/foot_back.gif) repeat-x #4A0303;
	position:absolute;
	bottom:0;
	width:100%;
}

footer img{
	margin:15px 0 0 10px;
}
footer img:hover{
	opacity:0.8;
}
footer div{
	margin:0 auto;
}

footer address{
	width:340px;
	background:#FAEFD9;
	border-radius:5px;
	margin:20px auto 0;
	font-size:80%;
	text-align:center;
	color:#4A0303;
}

footer address p{
	margin:0 10px;
	padding:5px;
	font-weight:bold;
	line-height:1.5;
}

footer nav{
	width:400px;
	background:transparent;
	height:80px;
	margin:22px 15px;
}

footer nav img:hover{
	position:relative;
	left:2px;
}

/*日付タイトル*/
#cday{
	font-weight:bold;
	color:#faefd9;
	padding:5px;
	margin-bottom:30px;
}
#cday span{
	display:inline-block;
	margin:0 10px;
	border-radius:10px;
	padding:10px 0;
	cursor:pointer;
	background:#0099CC;
	color:#fff;
	min-width:45px;
	-webkit-transition: none;
	transition: none;
	box-shadow: 0 2px 0 #00759C;
	text-shadow: 0 1px 1px rgba(0, 0, 0, .3);
}
#cday span:hover{
	opacity:0.7;
}
#cday #daytitle{
	box-shadow: none;
	cursor:default;
	font-size:180%;
	background:none;
	color:#333;
	text-shadow: none;
}
#cday #daytitle:hover{
	opacity:1;
}
#cday #backtoday{
	border-radius:40px;
	font-size:80%;
}
#cday .pointer{
	cursor:pointer;
}
#cday .nofunc{
	background:#CEC6B7;
	cursor:default;
	box-shadow: 0 2px 0 #A09C93;
}
#cday .nofunc:hover{
	opacity:1;
}
#cday #backtoday span{

}
#cday #reload{
	font-size:80%;
	border-radius:40px;
	background:#40AA61;
	cursor:pointer;
	padding:5px;
	margin:10px auto 0;
	font-weight:bold;
	min-width:0;
	position:relative;
	top:-7px;
	box-shadow: 0 2px 0 #35824C;
}
#cday #reload img{
	vertical-align:middle;
}

/*カレンダーと表の並び*/
#all{
	width:100%;
	display:table;
	text-align:center;
}
#all > div{
	margin:0 auto;
	display:table-cell;
	text-align:center;
	vertical-align:top;
}
#idou{
	width:300px;
}
/*メニュー*/
#menu button{
	width:80%;
	padding:5px 0;
	margin:2px 0;
}
#menu{
	margin-bottom:10px;
}
#calendar{
	height:280px;
}
/*カレンダー*/
#calendar .calendar{
	margin:0 auto;
	font-size:90%;
}
.calendar th{
	font-weight:bold;
	text-align:center;
}
.calendar thead th,.calender thead td{
	padding:5px 0;
}
.calendar thead td img{
	height:20px;
}
.calendar thead td img:hover{
	opacity:0.7;
}
.calendar .days{
	border:3px solid #faefd9;
	background:#fff;
	border-radius:4px;
	padding:6px 7px;
	cursor:pointer;
}
.calendar .days:hover{
	opacity:0.8;
}
.calendar .sun{
	color:#ff0000;
}
.calendar .holiday{
	color:#ff0000;
}
.calendar .sat{
	color:#0000ff;
}
.calendar .today{
	background:#0099cc;
	color:#fff;
}
.calendar .past{
	background:#CEC6B7;
	color:#fff;
	cursor:default;
}
.calendar .past:hover{
	opacity:1;
}
/*選択情報*/
#infobox{
	width:95%;
	background:#EBDBBB;
	height:49px;
	margin:-10px auto 20px auto;
	display:table;
	border:1px dotted #D2C4A7;
}
#info{
	margin:13px 10px 0;
}
#info strong{
	white-space: pre;
}
#info .chip{
	display:inline-block;
	margin:0 4px 0 13px;
	background:#B6AA91;
	color:#fff;
	padding:1px 6px;
	border-radius:5px;
	font-size:90%;
}
/*予約テーブル*/
#yoyaku{
}

#yoyakutable{
	padding-left:30px;
	display:table;
}
#cells{
}
#yoyaku table{
	margin:0 auto;
	border-collapse:separate; border-spacing:1px;
	display:table-cell;
	vertical-align:top;
}
#yoyaku table th{
	height:35px;
	text-align:center;
	font-weight:bold;
	width:80px;
}
#yoyaku table td{
	height:30px;
}

#yoyaku table td.cannottime{
	height:16px;
	border:none;
	background: #faefd9!important;
}
/*予約テーブル時間のリスト*/
#yoyaku #time td {
	padding-right:5px;
	text-align:right;
	font-size:90%;
	border:none;
	font-weight:bold;
	border:1px solid #faefd9;
}
#yoyaku tr td.ycell {
	height:30px;
	width:80px;
	background:#fff;
	border:1px solid #E2D0AD;
	cursor:pointer;
}
#yoyaku tr td.tcell {
	height:30px;
	width:80px;
	background:#fff;
	border:1px solid #E2D0AD;
	cursor:default;
}
/*予約済み*/
.reserved {
	border:1px solid #E2D0AD;
	height:30px;
	width:80px;
	background:#E2D0AD;
	cursor:default;
	font-size:70%;
	font-weight:normal;
}
/*予約済み（リハーサル）*/
.t-1 {
	color:#fff;
	background:#E2782A;
	border-color:#E2782A;
}
/*予約済み（個人練習）*/
.t-2 {
	color:#fff;
	background:#CEA348;
	border-color:#CEA348;
}
/*予約済み（レコーディング）*/
.t-3 {
	color:#fff;
	background:#69578C;
	border-color:#69578C;
}
/*予約済み（セルフレコーディング）*/
.t-4 {
	color:#fff;
	background:#A567A4;
	border-color:#A567A4;
}
/*予約済み（その他・予定）*/
.t-6,.t-10 {
	color:#fff;
	background:#5b7aae;
	border-color:#5b7aae;
}
/*予約済み（レンタル・オペレート）*/
.t-7 {
	color:#fff;
	background:#4A7758;
	border-color:#4A7758;
}
/*予約済み（レンタル・運搬）*/
.t-8 {
	color:#fff;
	background:#4EA77A;
	border-color:#4EA77A;
}
/*予約済み（レンタル・店頭）*/
.t-9 {
	color:#fff;
	background:#a2bb65;
	border-color:#a2bb65;
}
/*予約済み（不在）*/
.t-11 {
	color:#fff;
	background:#AB9D83;
	border-color:#AB9D83;
}
/*予約済み（閉鎖）*/
.t-5{
	color:#555;
	background:#E2D0AD;
	border-color:#E2D0AD;
}
/*予約済み（ユーザー）*/
.t-u{
	color:#fff;
	background:#4A0303;
	border-color:#4A0303;
}
/*予約内容詳細ボックス*/
#details{
	text-align:center;
}


/*凡例*/
#hanrei{
	margin:0px auto;
	display:table;
}
#hanrei td{
	padding:10px 10px 0 10px;
	font-size:80%;
	text-align:left;
}
.color{
	display:inline-block;
	padding:10px;
	position:relative;
	top:5px;
}
/*部屋別詳細*/
#d_table{
	margin:40px auto;
	border-collapse:separate; border-spacing:1px;
	border:#D6C299;
}
#d_table td{
	width:400px;
	vertical-align:top;
	padding-bottom:30px;
}
#d_table th{
	font-weight:bold;
	text-align:center;
	font-size:130%;
	color:#5F4718;
}
/*詳細チップ*/
#d_table td > div{
	color:#5F4718;
	border:1px solid #DED0B4;
	text-align:left;
	margin:5px 3px;
	cursor:pointer;
	background:#FBF4E7;
	border-radius:5px;
}
#d_table td > div .d_time{
	display:inline-block;
	padding:8px 6px;
	font-size:80%;
	background:#E8DABD;
}
#d_table td > div .d_time strong{
	font-size:120%;
}
#d_table td > div div{
	padding:10px;
}
.rf{
	font-size:80%;
	width:67%;
	display:inline-block;
	text-align:right;
}
.d_com{
	background:#fff;
	border-radius:5px;
	padding:10px;
	font-size:80%;
	margin-top:0;
}
.rby{
	color:#D6C299;
	font-size:80%;
	text-align:right;
	margin:0;
}
.ico_com{
	position:relative;
	top:-10px;
}
/*空き*/
#d_table td > div.aki{
	margin:5px 3px;
	position:relative;
	background:#fff;
	color:#aaa;
	border-color:#fff;
	cursor:default;
}
#d_table td > div.aki .d_time{
	background:#fff;
	color:#aaa;
}
/*埋める*/
.umeru{
	position:absolute;
	right:0;
	top:-5px;
}
.umeru img{
	border:1px solid #ccc;
	border-radius:4px;
	cursor:pointer;
}
.umeru img:hover{
	border:1px solid #999;
}
/*ボタン*/
#bt_goy{
	padding:3px;
}
/*内容確認テーブル*/
.yoyaku_subinfo{
	width:380px;
	margin:20px auto 20px auto;
}
.yoyaku_subinfo td{
	padding:15px;
	text-align:left;
	border:3px solid #FAEFD9;
	line-height:2;
	background:#FFFDF7;
	color:#4A0303;
}
.yoyaku_subinfo td.solid{
	color:#4A0303;
	font-size:110%;
}
.yoyaku_subinfo td.solid_min{
	color:#4A0303;
	font-size:90%;
}
.yoyaku_subinfo th{
	padding:15px 0;
	width:72px;
	text-align:center;
	background:#EBDBBB;
	color:#4A0303;
	font-size:90%;
	font-weight:bold;
	border:3px solid #FAEFD9;
}
.yoyaku_subinfo label{
	font-weight:bold;
	cursor:pointer;
}
input[type="radio"]{
	width:15px;
	height:15px;
	cursor:pointer;
	position:relative;
	top:2px;
}
.radio_disa{
	color:#aaa;
}
.radio_caution{
	font-size:80%;
	line-height:1.3;
	margin-top:20px;
}
.radio_caution strong{
	color:#c00;
}
select{
	padding:3px;
}
.yoyaku_subinfo .msg{
	text-align:center;
}
.yoyaku_subinfo .msg textarea{
	width:90%;
	height:120px;
}
.yoyaku_subinfo .desc{
	font-size:80%;
	font-weight:normal;
}
#inputerror{
	width:350px;
	border-radius:5px;
	background:#aa0000;
	color:#fff;
	margin:0 auto 20px auto;
	padding:5px 0;
}
.bt_kak{
	padding:5px 10px;
	margin-bottom:20px;
}
/*サブページ*/
#sub_menu{
	margin-bottom:20px;
}
#sub_menu button{
	padding:5px 20px;
	margin-bottom:20px;
}
/*ログ*/
#sel_log{
	margin:20px auto;
	background:#EBDBBB;
}
#sel_log th {
	font-weight:bold;
	padding:15px;
	text-align:right;
}

#sel_log td {
	text-align:left;
	padding:15px;
}
#view_log table{
	margin-top:20px;
	background:#EBDBBB;
	width:100%;
	margin-bottom:40px;
}
#view_log table th#date{
	min-width:90px;
}
#view_log table th#time{
	min-width:110px;
}
#view_log table th#room{
	min-width:90px;
}
#view_log table th#type{
	min-width:90px;
}
#view_log table th{
	background: #4A0303;
	color:#faefd9;
	font-weight:bold;
	font-size:80%;
	border:3px solid #faefd9;
	padding:10px;
	text-align:center;
}
#view_log table td{
	border:3px solid #faefd9;
	padding:10px;
}
#view_log table .delete button{
	padding:0;
	font-weight:bold;
	color:#666;
	margin:0;
	width:20px;
	height:20px;

}
#view_log table .delete button:hover{
	color:#dd0000;
}
#view_log table .typetip{
	display:inline-block;
	padding:3px;
	font-size:70%;
	width:80px;
}
#view_log table .l_com{
	background:#faefd9;
	border-radius:5px;
	padding:10px;
	font-size:80%;
}
/*ログイン*/
#f_login{
	font-family:arial;
	background:#EBDBBB;
	color:#4A0303;
	font-weight:bold;
	margin:20px auto 20px auto;
	width:460px;
	border-radius:5px;
	text-align:center;
	line-height:3.0;
}
#f_login > div{
	padding:20px;
}
#f_login input{
	font-size:120%;
}
/*リセットパスワード*/
#rp_table{
	margin:20px auto;
}
#rp_table td{
	padding:5px;
	text-align:left;
}
#rp_table th{
	text-align:right;
}
/*フォームのエラーメッセージ*/
#errf{
	color:#fff;
	margin:0 auto 10px auto;
	padding:5px 0;
	border-radius:5px;
	width:450px;
	background:#C50000;
	text-align:center;
}
#compf{
	color:#fff;
	margin:0 auto 10px auto;
	padding:5px 0;
	border-radius:5px;
	width:450px;
	background:#259C5B;
	text-align:center;
}
#errf img{
	position:relative;
	top:-3px;
	margin-right:4px;
}
/*料金計算*/
#mathtype{
	position:relative;
	top:-30px;
	left:-14px;
}

#mathtool table{
	margin:15px auto;
}
#mathtool th{
	text-align:center;
	background:#4A0303;
	color:#fff;
	border:1px solid #D2C4A7;
	vertical-align:middle;
	padding:15px;
}
#mathtool td{
	text-align:left;
	background:#EBDBBB;
	border:1px solid #D2C4A7;
	vertical-align:top;
	padding:15px;
}
#m_kojin,#m_rehear{
	margin:0 0 30px 0;
}
.kekka{
	display:inline-block;
	background:#fff;
	padding:10px;
	margin:10px;
}
.kekka .d{
	color:#aaa;
}
.kekka p{
	margin:12px 20px;
}
.kekka p:first-child{
	font-size:80%;
}
#mathtool td#errortr{
	background:#aa0000;
	color:#fff;
	text-align:center;
}
/*アクションヒストリー*/
.h_typechip{
	display:inline-block;
	width:100%;
	padding:3px 0;
	color:#fff;
}
.ht_1{
	background:#009822;
}
.ht_2{
	background:#BD0000;
}
.ht_3{
	background:#FD6B00;
}
.ht_4{
	background:#000;
}
.h_pager{
	color:#D2C5AC;
}
.h_pager span{
	display:inline-block;
	margin:0 5px;
	color:#333;
}
/*input*/
input[type="submit"]{
	cursor:pointer;
}
input[type="text"],input[type="number"]{
	-webkit-appearance: none;
	padding:4px;
	border:1px solid #ccc;
	font-size:120%;
	width:210px;
}
input[type="password"]{
	-webkit-appearance: none;
	padding:4px;
	border:1px solid #ccc;
	font-size:120%;
}
textarea{
	-webkit-appearance: none;
	padding:6px;
	font-size:130%;
	border:1px solid #ccc;
}
button{
	cursor:pointer;
}
input[type="text"].nameinput{
	width:90px;
}
input[type="text"].loginput{
	width:100px;
}
input[type="password"].loginput{
	width:100px;
}
input[type="text"].mini,input[type="number"].mini,input[type="password"].mini{
	width:60px;
}
input[type="text"].m5,input[type="number"].m5{
	margin-right:5px;
}
input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
  -webkit-appearance: none;
  margin: 0;
}
/*basic*/
.center{
	text-align:center!important;
}
.left{
	text-align:left!important;
}
.right{
	text-align:right!important;
}
.size80{
	font-size:80%!important;
}
.size120{
	font-size:120%!important;
}
.reds{
	color:#cc0000!important;
	font-weight:bold;
}
.nobr{
	white-space:pre;
}
.hanyotit{
	margin:0 40px;
	font-size:200%;
	font-weight:bold;
	border-radius:5px 5px 0 0;
	padding:5px;
}
.hanyobox{
	margin:0 40px;
	background:#fff;
	border-radius:0 0 5px 5px;
	padding:20px;
}
.messagebox{
	width:90%;
	margin:20px auto;
	background:#fff;
	border-radius:0 0 5px 5px;
}
.messagebox > div{
	padding:20px;
}
button{
	padding: 5px 20px;
	-webkit-appearance: none;
	border:1px solid #bbb;
}
button:focus {
	outline: none;
}

.ctrl_df{
	background:#efefef;
	border-radius:10px;
	padding:6px 10px;
	cursor:pointer;
	-webkit-transition: none;
	transition: none;
	box-shadow: 0 2px 0 #bbb;
	position:relative;
	top:-2px;
	color:#555;
}
.ctrl_df:hover{
	background:#f7f7f7;
}
.ctrl_ora{
	background:#FF5400;
	color:#fff;
	border-radius:20px;
	padding:10px 20px;
	cursor:pointer;
	-webkit-transition: none;
	transition: none;
	box-shadow: 0 2px 0 #B33B00;
	position:relative;
	top:-2px;
	border:none;
}
.ctrl_ora:hover{
	background:#FF7531;
}