@charset "utf-8";

div#blockContent{
	margin: 0px 15px;
}
div#barBlock {
	display: table;
	width: 100%;
	background-color:#666;
}
.blocksBottom{
	text-align:center;
}
/*============================================
設定変更画面
============================================*/
div#configArea{
	display:inline-block;
	width: 550px;
	margin-top:80px;
	text-align:center;
	font-weight:bold;
}
div#configArea .configBox{
	display:inline-block;
	width: 100%;
	border-style: solid;
	border-width: 2px;
	border-color: #666;
	padding: 20px;
	text-align:center;
	font-weight:normal;
}
.configForm{
	display:inline-block;
}
.configForm .line{
	display:inline-block;
	clear:left;
	width: 100%;
	font-size: 13px;
}
.configForm .line .caption{
	display:inline-block;
	float:left;
	width: 50%;
	text-align:right;
}
.configForm .line .input{
	display:inline-block;
	float:left;
	width: 50%;
	text-align:left;
}
.configForm .buttons{
	display:inline-block;
	clear:left;
	width: 100%;
	padding: 10px 10px 0px 10px;
}
span.alert {
	color:#f00;
}
.txtboxPasswd {
	width: 170px;
}
.txtboxPhone {
	width: 100px;
}

div#msgArea{
	display:inline-block;
	width: 100%;
	text-align:center;
	font-size:13px;
}
div#msgArea .msgBox{
	display:inline-block;
	width: 100%;
	background-color: #cccccc;
	margin: 10px 0px;
	padding: 5px;
	font-size:12px;
	font-weight:bold;
	color:#333;
}
div#msgArea .msgAlert{
	background-color: #ffd700;
}
div#msgArea a {
	float:right;
	margin-left:20px;
}
/*============================================
動画表示
============================================*/
div#movieArea{
	display:inline-block;
	width: 700px;
	margin-top:80px;
	text-align:center;
	font-weight:bold;
}
div#movieArea .movieBox{
	display:inline-block;
	min-width: 640px;
	border-style: solid;
	border-width: 2px;
	border-color: #666;
	padding: 25px;
	text-align:center;
	font-weight:normal;
}

/*---------------------------------------------------------------------------------*/
/* 767px以下用（タブレット／スマートフォン用）の記述 */
@media screen and (max-width: 767px) {
}
/* 479px以下用（スマートフォン用）の記述 */
@media screen and (max-width: 479px) {

	div#configArea{
		margin-top:30px;
		width: 300px;
	}
	.configForm .line{
		width: 200px;
		text-align:left;
	}
	div#configPasswdForm .line .caption{
		clear:left;
		width: 100%;
		text-align:left;
	}
	div#configPasswdForm .line .input{
		clear:left;
		width: 100%;
		text-align:right;
	}





}