/* IME設定 */
.imeOn {
    ime-mode:active;
}
.imeOff {
    ime-mode:disabled;
}
/* ReadOnlyのテキストボックスのバックカラー */
.readcolor {
	background-color: #CDC9A5
}


/*** ボタンCSS ***/
.btnDesing{
	width:150px;
	text-decoration:none;
	color:#333;
	padding:10px 30px;
	display:inline-block;
	text-align:center;
	font-size:130%;
	font-weight:bold;
	border:1px solid #cccccc;
	background: #ffffff; /* Old browsers */
	background: -moz-linear-gradient(top, #ffffff 0%, #e5e5e5 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#e5e5e5)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #ffffff 0%,#e5e5e5 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #ffffff 0%,#e5e5e5 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, #ffffff 0%,#e5e5e5 100%); /* IE10+ */
	background: linear-gradient(to bottom, #ffffff 0%,#e5e5e5 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#e5e5e5',GradientType=0 ); /* IE6-9 */
}


/*** clear fix ***/
.clfix:after {
  	content: ".";
  	display: block;
  	height: 0;
  	clear: both;
  	visibility: hidden;
}
.clfix {
	display: inline-block;
}



/*** 共通コンテンツエリア(PC) ***/
body{
	font-family:'メイリオ', 'Lucida Grande', 'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3', Meiryo, sans-serif;
	font-size:12px;		
}
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;
}
li{
	list-style-type: none;  
}
#content{
	width:980px;
	margin:0 auto;
	height: 465px;
}
#header{
	width:970px;
	background-color:#dd155d;
	color:#FFF;
	font-weight:bold;
	padding:3px 5px;
	font-size:12px;
}
#main{
	width:800px;
	margin:20px auto 15px;
}
h1{
	font-size:18px;    
	color:#333;
	border-bottom:3px solid #dd155d;
	margin:15px 0 0;
	padding-left:5px;
}
#footer{
	font-size:9px;
}


#msk_info table th , li.reserve_li_top{
	font-size:18px;
}

li.reserve_li_top{
	border-bottom:solid 2px #dd155d;
	text-align:center;
	font-weight:bold;
	padding:15px;
	box-sizing:border-box;
}

.noPc{
	display:none;
}
#btnLogOut {
	padding:10px;
	background:#efefef;
	border:1px solid #cccccc;
	font-size:11px;
	box-sizing:border-box;
	color:#666;
	cursor:pointer;
}


/*** 共通コンテンツエリア(スマホ) ***/
@media screen and (max-width: 980px) {
	#content{
		width:100%;
		height: 465px;
	}
	#header{
		width:95%;
		background-color:#dd155d;
		color:#FFF;
		font-weight:bold;
		font-size:100%;
		padding:1% 0% 1% 5%;
		font-size:90%;
	}
	#main{
		width:100%;
		padding:0%;
	}
	h1{
		width:95%;
		color:#333;
		border-bottom:3px solid #dd155d;
		margin:10px 0 0;
		font-size:100%;
		padding:0 0 0 5%;
	}

	#footer{
		font-size:70%;
		width:95%;
		padding:0 0 0 5%;
	}

	.noPc{
		display:block;
	}

	#msk_info table th , li.reserve_li_top{
		font-size:140%;
	}
}