@charset "utf-8";

/*========================================
	全共通
========================================*/
html, body {
	padding-top: 0;
	height: 100%;
	width: 100%;
	color: #FFFFFF;
	
}
a{
	color:#FFFFFF;
	text-decoration:none;
}
a:hover img {
	filter: alpha(style=0, opacity=70);
	opacity: 0.7;
}
a:hover {
	text-decoration: none;
	color:#F00;
}
.white {
	color: #FFF;
}
.black {
	color: #000;
}
.inviewFadeLR, .inviewFadeRL {
	position: relative;
}
.BRSP {
	display: none;
}
body{
	background-color: #C1DCD7;
	background-image: url(../images/cast_bg.png);
	background-repeat: repeat-y;
	background-position: center top;
	background-size: 100% auto;
	}


/*========================================
	ヘッダー
========================================*/

#headerRoot{
	width:100%;	
}
#headerWrap{
	width: 100%;
	background-color: #4F4430;	
	color:#FFF;
}
#header{
	max-width: 640px;
	width: 100%;
	margin: auto;
	padding-bottom: 0.5em;
	padding-right: 0.5em;
	padding-left: 0.5em;
}
#headerleft{
	float: left;
	width: 60%;
	padding-top: 0.3em;
}
.headerBread{
	font-size:0.9em;	
}
.headerBread a{
	text-decoration:underline;	
	color:#FFF;
}
.headerBread img{
	widht:auto;
	height:1em;
}
.headerTitle{
	margin-top: 0.5em;
	font-size: 1.3em;
	line-height: 1em;
}
#headerLogo{
	height:1.2em;
	width:auto;
}

#headerRight{
	float: right;
	width: 40%;
	padding-top: 0.5em;
}
.headerLogout{
	border-radius: 8px;
	padding: 0.2em 0.5em;
	background-color: #F8B026;
	color: #FFF;
	font-size: 1.2em;
	float: right;
	font-weight: bold;
	line-height: 1em;
}
.headerLogout img{
	widht: auto;
	height: 0.8em;
	width: auto;
}
.headerUsername{
	float: right;
	clear: both;
	font-size: 0.9em;
	margin-top: 0.5em;
	line-height: 1em;
}
#headerSubmenuWrap{
	background-color: #FFF;
	widht:100%;
	
}
#headerSubmenu{
	width: 100%;
	max-width: 640px;
	padding-top: 1em;
	padding-bottom: 1em;
	color: #4F4430;
	margin: auto;
	padding-right: 0.5em;
	padding-left: 0.5em;
}



/*========================================
	コンテンツエリア
========================================*/
#contentArea{
	width:100%;
	max-width:640px;
	padding:0 0.5em 1em 0.5em;
	
	color: #4F4430;
	margin:auto;	
}
.contentWindow{
	width: 100%;
	border: 3px solid #F9D528;	
	border-radius:8px;
	padding:0.5em;	
	background:rgba(255,255,255,0.8)
}





.iconCyan{
	color: #FFF;
	background-color: #3D91E7;
}
.iconMagenta{
	color: #FFF;
	background-color: #E1005A;
}
.iconOrange{
	color: #FFF;
	background-color: #FF9900;
}
.iconPurple{
	color: #FFF;
	background-color: #CA00E7;
}
.iconBrown{
	color: #FFF;
	background-color: #4f4430;
}
.iconSmall {
	border-radius:4px;
	padding:0.5em 1em;
	display:inline-block;
	margin:2px 5px;
	font-weight:bold;
	font-size:12px;
	line-height:1em;
}
.BTNOrange {
	color: #FFF;
	background-color: #F8B026;	
}
.BTNCyan {
	color: #FFF;
	background-color: #3D91E7;
}
.BTNMagenta {
	color: #FFF;
	background-color: #E1005A;
}
.BTNsmall {
	border-radius:16px;
	padding:0.5em 1em;
	display:inline-block;
	margin:2px 5px;
	font-weight:bold;
	font-size:12px;
	line-height:1em;
}
.BTNmid {
	border-radius:24px;
	padding:0.5em 1em;
	display:inline-block;
	margin:2px 5px;
	font-weight:bold;
	font-size:15px;
	line-height:1em;
}
.BTNlarge {
	border-radius:32px;
	padding:0.5em 1em;
	display:inline-block;
	margin:2px 5px;
	font-weight:bold;
	font-size:18px;
	line-height:1em;
}
.textLinkBrown{
	color: #4f4430;
	text-decoration:underline;
	font-weight:bold;
}

.TXleft{
	text-align:left;
}
.TXright{
	text-align:right;
}
.TXcenter{
	text-align:center;
}

option{
	padding:0em 0.5em;
	margin:-2px 0 -2px 0;
}
input{
	padding:0em 0.5em;
}
textarea{
	padding:0em 0.5em;
	margin:-2px 0 -2px 0;
	resize: none;
}
select{
	padding:0em 0.5em;
	margin:-2px 0 -2px 0;
}
.radio1 {
	line-height: 1em;
	margin-right: 0.5em;
}
.radio1 input{
	line-height: 1em;
	top: 2px;
	position: relative;
	margin-right: 0.2em;
}
.checkbox1{
	line-height: 1em;
	margin-right: 2em;
}
.checkbox1 input{
	line-height: 1em;
	top: 2px;
	position: relative;
	margin-right: 0.2em;
}
.inputTextS input{
	width:75px;
	margin-right: 0.2em;
}
.inputTextM input{
	width:150px;
	margin-right: 0.2em;
}
.inputTextL input{
	width:300px;
	margin-right: 0.2em;
}
.input100{
	width: 100%;
	padding:0.5em;
}
.inputYMD input{
	max-width:600px;
	margin-right: 0.2em;
	vertical-align: middle;
	padding:0.5em;
	width:80%;
}
.calendar {
	height: 16px;
	width: 16px;
	margin-left:0.5em;
}
.innerFrame1{
	border:solid 2px #CCC;
	border-radius:4px;
	padding-left:0.5em;	
	padding-right:0.5em;	
}


.tableTrance{
	background-color:initiale !important;
	border:none !important;
	margin-top:10px;
	margin-bottom:10px;
	width:100%;
}
.tableTrance td{
	background-color:initiale !important;
	border:none !important;
}







/*HOME*/

.topMenuBTNLeft {
	float: left;
	margin-top: 15px;
	width:48%;
	position:relative;
}


.topMenuBTNRight {
	float: right;
	margin-top: 15px;
	width:48%;
	position:relative;
}
.topMenuBTNLeft img ,.topMenuBTNRight img{
	width:100%;
	height:auto;
}
#topnavi {
	width: 100%;
	margin-right: auto;
	margin-left: auto;
	max-width:480px;
}
.topAlert {
	background-color: #F00;
	position: absolute;
	top: -10px;
	right: -10px;
	border-radius:32px;
	padding:0.3em 1em;
	color:#FFF;
}

.topFrame1 {
	margin-top: 15px;
	width: 100%;
	max-width:480px;
	padding: 1em;
	margin-right: auto;
	margin-left: auto;
	background-color: rgba(255,255,255,0.5);
	border: 4px solid #A46D22;
	border-radius:32px;
}
.topFrame1Midashi1 {
	text-align: center;
}
.topFrame1Midashi1 img {
	height: 1.8em;
	width: auto;
}
.topTelBTN {
	font-size: 1.2em;
	line-height: 1em;
	color: #FFF;
	background-color: #F8B026;
	padding-top: 0.4em;
	padding-right: 1em;
	padding-bottom: 0.4em;
	padding-left: 1em;
	border-radius:32px;
	margin-top: 0.5em;
}
.topBTNInfo{
	margin-top: 15px;
	width: 100%;
	max-width:480px;
	margin-right: auto;
	margin-left: auto;
	background: -webkit-gradient(linear, left top, left bottom, color-stop(1.00, #ffa709), color-stop(0.00, #ffde6a));
	background: -webkit-linear-gradient(#ffde6a, #ffa709);
	background: -moz-linear-gradient(#ffde6a, #ffa709);
	background: -o-linear-gradient(#ffde6a, #ffa709);
	background: -ms-linear-gradient(#ffde6a, #ffa709);
	background: linear-gradient(#ffde6a, #ffa709);
	border: 4px solid #A46D22;
	border-radius: 32px;
	text-align: center;
	font-size: 1.4em;
	line-height: 1em;
	font-weight: bold;
	padding-top: 0.5em;
	padding-right: 1em;
	padding-bottom: 0.5em;
	padding-left: 1em;
}
.midashi1{
	font-weight:bold;
	line-height:1.2em;
	padding:0.5em;	
}
.textarea100{
	width: calc(100% - 1em);
	padding:0.5em;
}

.table1{
	width:100%;	
}
.table1 th{
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #CCCCCC;
	padding: 0.7em 0.5em;
	line-height: 1.2em;
	vertical-align: middle;
	font-weight: bold;
	text-align: left;
	max-width: 35%;
}
.table1 td{
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #CCCCCC;
	padding: 0.7em 0.5em;
}
.tableCell1{
	width:100%;	
}
.tableCell1 th , .tableCell1 td{
	padding: 0.5em 0.5em;
	border: 1px solid #CCCCCC;
}
.tableCell1 th{
	background-color: #BEAF94;		
}

/*連絡管理*/


/*予約詳細*/


/*確認*/

/*給与明細*/