/*登録フォーム用*/
body {
	font-family:"メイリオ","Meiryo","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro",Osaka,"ＭＳ Ｐゴシック","MS PGothic",Sans-Serif;
	font-size:15px;
}

.DME_test_mode_area{
/*登録フォームをテストモードで使用時*/
	border:1px solid #CC9966;
	background-color:#FF9966;
	color:#FFFFFF;
	font-size:16;
	font-weight:bold;
	margin:10px;
	padding:10px;
}


.DME_step_on {
/*ステップ表示（アクティブ）*/
	width: 147px;
	height: 47px;
	background-image: url(image/step_.png);
	float: left;
	padding: 8px 5px 5px 8px;
	background-repeat: no-repeat;
	color: #FFFFFF;
	font-weight: bold;
	font-size: 15px;
}

.DME_step_off {
/*ステップ表示（非アクティブ）*/
	width: 147px;
	height: 47px;
	background-image: url(image/step.png);
	float: left;
	padding: 8px 5px 5px 8px;
	background-repeat: no-repeat;
	font-weight: bold;
	color: #666666;
	font-size: 15px;
}

.DME_page_caption{
/*ページの説明部分*/

}


.DME_block_title {
/*ブロックのタイトル部分*/
	clear: both;
	font-size: 17px;
	font-weight: bold;
	padding-left: 5px;
	text-align: left;
	color: #996600;
	margin-bottom: 0px;
background: #ffffff; /* Old browsers */
background: -moz-linear-gradient(top,  #ffffff 0%, #f7f3e7 50%, #ffffff 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(50%,#f7f3e7), color-stop(100%,#ffffff)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #ffffff 0%,#f7f3e7 50%,#ffffff 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #ffffff 0%,#f7f3e7 50%,#ffffff 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #ffffff 0%,#f7f3e7 50%,#ffffff 100%); /* IE10+ */
background: linear-gradient(to bottom,  #ffffff 0%,#f7f3e7 50%,#ffffff 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ffffff',GradientType=0 ); /* IE6-9 */
	padding-top: 10px;
	padding-bottom: 8px;
	border-top: 1px solid #f1ebd7;
	border-right: 1px solid #d7c9aa;
	border-left: 1px solid #f1ebd7;
}

.DME_block {
/*ブロック部分*/
	font-weight: normal;
	text-align: left;
	padding-bottom: 10px;
	margin: 0px;
	padding-top: 10px;
	padding-left: 10px;
	padding-right: 10px;
	border-top: 1px solid #d7c9aa;
	border-right: 1px solid #d7c9aa;
	border-bottom: 1px solid #d7c9aa;
	border-left: 1px solid #d7c9aa;
	background:#FFFFFF;
}


.DME_bg_001 {
/*背景１*/
/*現在利用していません*/
}
.DME_bg_002 {
/*背景２*/
/*現在利用していません*/
}
.DME_bg_003{
/*背景３*/
/*カートテーブルのタイトル*/
	color:#666666;
	background-color:#fafdff;
	font-weight: bold;
}
.DME_bg_004{
/*背景４*/
/*カートテーブルのボディ*/
	color:#666666;
	background-color:#FFFFFF;
	font-size: 14px;
}
.DME_bg_005{
/*背景５*/
/*カートテーブルの合計*/
	padding:10px;
	color:#666666;
	background-color:#ffffe8;
	font-weight: bold;
	font-size: 18px;
}

.DME_order_comment{
/*カートテーブルの商品名*/
	font-size:13px;
	font-weight:normal;
	color:#999999;
}

.DME_footer{
/*フッター*/
	text-align:center;
}

input.DME_err {
/*エラーチェックの際の入力エラーの場合*/
	background-color: #fff0f0 !important;
}

.DME_err_mes_area_{
/*エラーチェックの際の入力エラーの場合エラー内容を表示*/
	border:1px solid #FF0000;
	background:#FFEEEE;
	color:#000000;
	padding:10px;
	margin:10px;
}
.DME_err_mes_area{
/*エラーチェックの際の入力エラーがない場合*/
	border:;
	background:;
}


.DME_nec{
/*必須の文字*/
	background-color: #FF6600;
	padding:0px 3px;
	font-size: 10px;
	color:#FFFFFF;
	display:block;
	float:right;
}

.DME_kessai_title{
/*決済選択*/
	padding:3px;
	background-color:#DDDDDD;
}
.DME_kessai_comment{
/*決済選択の説明*/
	padding:3px;
}

.DME_hidden{
	display:none;
}
.DME_view{
	display:;
}

.DME_form_title{
	font-size: 20px;
	font-weight: bold;
	padding-left: 5px;
	text-align: left;
	padding-top: 20px;
	padding-bottom: 20px;
	border:1px solid #996600;
	color:#663300;
background: #ffffff; /* Old browsers */
background: -moz-linear-gradient(top,  #ffffff 0%, #e8c8a4 47%, #fcead4 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(47%,#e8c8a4), color-stop(100%,#fcead4)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #ffffff 0%,#e8c8a4 47%,#fcead4 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #ffffff 0%,#e8c8a4 47%,#fcead4 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #ffffff 0%,#e8c8a4 47%,#fcead4 100%); /* IE10+ */
background: linear-gradient(to bottom,  #ffffff 0%,#e8c8a4 47%,#fcead4 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#fcead4',GradientType=0 ); /* IE6-9 */

}


/*bootstrapクラスのカスタマイズ*/

.control-label{
	background:#EEEEEE;
	padding:3px;
}
.table-bordered{
	border-collapse: collapse !important;
}
.navbar{
	margin-bottom:0px !important; 
}



.youtubewrapper{
  margin:auto;
  position: relative;
  width: 100%;
  padding-top: 56.25%;
}

.youtubewrapper iframe {
  position: absolute;
  top: 0;
  right: 0;
  width: 100% !important;
  height: 100% !important;
}

@media (min-width: 768px) {

.youtubewrapper-w50{
  width: 50%;
  padding-top: 28%;
}
.youtubewrapper-w60{
  width: 60%;
  padding-top: 33.7%;
}
.youtubewrapper-w70{
  width: 70%;
  padding-top: 39.4%;
}
.youtubewrapper-w80{
  width: 80%;
  padding-top: 45%;
}
.youtubewrapper-w90{
  width: 90%;
  padding-top: 50.6%;
}

}