@charset "utf-8";

body , div , dl , dt , dd , ul , ol , li , a, h1 , h2 , h3 , h4 , h5 , h6 , pre , form , fieldset , input , textarea , select,option, p , blockquote , th , td , button{
	margin: 0;
	padding: 0;
	/*font-size: 24px;*/
	line-height:130%;
	color: #515151;
	font-weight:normal;
	font-family:Helvetica,Arial,"ヒラギノ角ゴ Pro W3","メイリオ",Meiryo,sans-serif;
	vertical-align:text-top;
}

@media screen and (max-width: 768px) {
  body , div , dl , dt , dd , ul , ol , li , a, h1 , h2 , h3 , h4 , h5 , h6 , pre , form , fieldset , input , textarea , select,option, p , blockquote , th , td , button{
    font-size: calc(2.03rem + ((1.1vw - 8.6px) * 1.9048));
  }
}

/* Maximum */
@media only screen and (min-width: 768px){
  body , div , dl , dt , dd , ul , ol , li , a, h1 , h2 , h3 , h4 , h5 , h6 , pre , form , fieldset , input , textarea , select,option, p , blockquote , th , td , button{
			font-size: 24px;
		}
		
  .res-table{
  	font-size: 24px;
  }
}

html{
	margin:0;
	padding:0;
	width:100%;
	height:100%;
}
body {
    margin: 0;
	padding:0;
	/*width:100%;*/
	height:100%;
}

h1{
	text-align:center;
	margin:0 auto;
	width:100%;
	background:#6699ff;
	color:#fff;
	padding:15px 0;
	margin-top:15px;
	
	/*border-left:10px solid #6699ff;*/
}

h2{
	color: #6699ff;
    margin: 0 auto;
    text-align: center;
    margin: 20px auto 0;
    width: 60%;
}

select{
	-moz-appearance: none;
	-webkit-appearance: none;
	appearance: none;
	background-color: #ffffec;
	border: 1px solid #6699ff;
	border-radius: 5px;
	padding: 0px 10px;
	color: #666666;
}

select::-ms-expand {
	display: none;
}

a{
	color: #0000ff;
	text-decoration:none;
}

#main a{
	color: #515151;
	text-decoration:none;
}



[disabled]{
    background:#cccccc;
    cursor:not-allowed; /* 禁止カーソル */
}

/*========================================================================================
									table
========================================================================================*/


/*--------------------------------------
　　スマホでの表示
--------------------------------------*/
.res-table{
	width:95%;
	margin:1em auto;
	border:#6699ff 1.5px solid;

}

.res-table table{
	width:100%;
}

.res-table table a{
	word-break: break-all;
}

.res-table th{
	padding:3px;
	display:block;
	background-color:#ccddff;
	color:#0079c2;
}
.res-table td{
	padding:5px;
	display:block;
	text-align:center;
	border: 1px dotted #ccddff;
}

.line-table{
	width:95%;
	margin:1em auto;
	border:#6699ff 1.5px solid;
}

.line-table table{
	width:100%;
}

.line-table th{
	/*background:#6699ff;*/
	color:#fff;
}

.line-table td,.line-table th {
	width:16%;   
}

.drop{
	display:block;
	margin: 5px 0 0 0;
}

.master td a{
	display:block;
}

.master td {
	border-bottom: 1px solid #ccddff;
}




/*
.master td:last-child {
	border-bottom: none;
}
*/

/*
.master tr:nth-child(even){
	background: #eee;
}
*/
/*media Queries PCサイズ
----------------------------------------------------*/
@media only screen and (min-width: 768px) {
/*--------------------------------------
PCでの表示
--------------------------------------*/

	.res-table{
		width:100%
		margin:5px auto;
	/*	font-size:90%;*/
		border:#6699ff 1.5px solid;
	}
	.res-table tr{
		border-bottom:#6699ff 1px solid;
	}
	.res-table tr:last-child{
		border:none;
	}
	.res-table th{
		width:40%;
		padding:5px 10px;
		display:table-cell;
		border-right:#6699ff 1px solid;
		text-align: left;
	}
	.res-table td{
		width:60%;   
		padding:5px 10px;
		display:table-cell;
		text-align: left;
	}
	
	.line-table{
		width:100%
		margin:5px auto;
		font-size:90%;
		border:#6699ff 1.5px solid;
	}
	.line tr{
		border-bottom:#6699ff 1px solid;
	}
	.line tr:last-child{
		border:none;
	}

	.line-table th {
		width:16%;   
		padding:5px 10px;
		display:table-cell;
		text-align: center;
	}

	.line-table td {
		width:16%;   
		padding:5px 10px;
		display:table-cell;
		text-align: center;
	}
	
	
	.drop{
		display: inline-block;
   		margin-top: -3px;
	}
}

#rireki {margin-top:25px;}
#rireki table {
    border-top: 1px solid #4f4d47;
    border-right: 1px solid #4f4d47;
    width: 95%;
    border-spacing: 0;
    margin: 0 auto;
}
#rireki th, #rireki td {
    border-bottom: 1px solid #4f4d47;
    border-left: 1px solid #4f4d47;
    text-align: center;
    padding: 5px;
}
#rireki th { background-color: #61c5bb; color: #fff;}

#rireki_tel {margin-top:25px;}
#rireki_tel table {
    border-top: 1px solid #4f4d47;
    border-right: 1px solid #4f4d47;
    width: 95%;
    border-spacing: 0;
    margin: 0 auto;
}
#rireki_tel th, #rireki_tel td {
    border-bottom: 1px solid #4f4d47;
    border-left: 1px solid #4f4d47;
    text-align: center;
    padding: 5px;
}
#rireki_tel th { background-color: #61c5bb; color: #fff;}


#rireki_name {margin-top:25px;}
#rireki_name table {
    border-top: 1px solid #4f4d47;
    border-right: 1px solid #4f4d47;
    width: 95%;
    border-spacing: 0;
    margin: 0 auto;
}
#rireki_name th, #rireki_name td {
    border-bottom: 1px solid #4f4d47;
    border-left: 1px solid #4f4d47;
    text-align: center;
    padding: 5px;
}
#rireki_name th { background-color: #61c5bb; color: #fff;}
/***** CAST *****/
#cast {margin-top:25px;}
#cast table {
    border-top: 1px solid #4f4d47;
    border-right: 1px solid #4f4d47;
    width: 95%;
    border-spacing: 0;
    margin: 0 auto;
}
#cast th, #cast td {
    border-bottom: 1px solid #4f4d47;
    border-left: 1px solid #4f4d47;
    text-align: center;
    padding: 5px;
}

#cast th { background-color: #61c5bb; color: #fff;}

#cast_edit {margin-top:25px;}
#cast_edit table {
    border-top: 1px solid #4f4d47;
    border-right: 1px solid #4f4d47;
    width: 95%;
    border-spacing: 0;
    margin: 0 auto;
}
#cast_edit th, #cast_edit td {
    border-bottom: 1px solid #4f4d47;
    border-left: 1px solid #4f4d47;
    text-align: center;
    padding: 5px;
}

#cast_edit th { background-color: #61c5bb; color: #fff;}

#cast_edit textarea {
    width: 200px;
    min-width: 200px;
}

/* CASTedit NEW */
#cst {margin-top:25px;}
#cst table {
    border-top: 1px solid #4f4d47;
    border-right: 1px solid #4f4d47;
    width: 95%;
    border-spacing: 0;
    margin: 0 auto;
}
#cst th, #cst td {
    border-bottom: 1px solid #4f4d47;
    border-left: 1px solid #4f4d47;
    text-align: center;
    padding: 5px;
}

#cst th { background-color: #61c5bb; color: #fff;}

#cst textarea {
    width: 200px;
    min-width: 200px;
}

/***** DRIVER *****/
#driver {margin-top:25px;}
#driver table {
    border-top: 1px solid #4f4d47;
    border-right: 1px solid #4f4d47;
    width: 95%;
    border-spacing: 0;
    margin: 0 auto;
}
#driver th, #driver td {
    border-bottom: 1px solid #4f4d47;
    border-left: 1px solid #4f4d47;
    text-align: center;
    padding: 5px;
}

#driver th { background-color: #61c5bb; color: #fff;}

#driver_edit {margin-top:25px;}
#driver_edit table {
    border-top: 1px solid #4f4d47;
    border-right: 1px solid #4f4d47;
    width: 95%;
    border-spacing: 0;
    margin: 0 auto;
}
#driver_edit th, #driver_edit td {
    border-bottom: 1px solid #4f4d47;
    border-left: 1px solid #4f4d47;
    text-align: center;
    padding: 5px;
}

#driver_edit th { background-color: #61c5bb; color: #fff;}

#driver_edit textarea {
    width: 200px;
    min-width: 200px;
}

/***** ADMIN *****/
#admin {margin-top:25px;}
#admin table {
    border-top: 1px solid #4f4d47;
    border-right: 1px solid #4f4d47;
    width: 95%;
    border-spacing: 0;
    margin: 0 auto;
}
#admin th, #admin td {
    border-bottom: 1px solid #4f4d47;
    border-left: 1px solid #4f4d47;
    text-align: center;
    padding: 5px;
}

#admin th { background-color: #61c5bb; color: #fff;}

#admin_edit {margin-top:25px;}
#admin_edit table {
    border-top: 1px solid #4f4d47;
    border-right: 1px solid #4f4d47;
    width: 95%;
    border-spacing: 0;
    margin: 0 auto;
}
#admin_edit th, #admin_edit td {
    border-bottom: 1px solid #4f4d47;
    border-left: 1px solid #4f4d47;
    text-align: center;
    padding: 5px;
}

#admin_edit th { background-color: #61c5bb; color: #fff;}

#admin_edit textarea {
    width: 200px;
    min-width: 200px;
}

/***** receipt *****/
#rireki_rec {margin-top:25px;}
#rireki_rec table {
    border-top: 1px solid #4f4d47;
    border-right: 1px solid #4f4d47;
    width: 95%;
    border-spacing: 0;
    margin: 0 auto;
}
#rireki_rec th, #rireki_rec td {
    border-bottom: 1px solid #4f4d47;
    border-left: 1px solid #4f4d47;
    text-align: center;
    padding: 5px;
}
#rireki_rec th { background-color: #61c5bb; color: #fff;}

/***** receipt2 *****/
#rireki_rec2 {margin-top:25px;}
#rireki_rec2 table {
    border-top: 1px solid #4f4d47;
    border-right: 1px solid #4f4d47;
    width: 95%;
    border-spacing: 0;
    margin: 0 auto;
}
#rireki_rec2 th, #rireki_rec2 td {
    border-bottom: 1px solid #4f4d47;
    border-left: 1px solid #4f4d47;
    text-align: center;
    padding: 5px;
}
#rireki_rec2 th { background-color: #61c5bb; color: #fff;}

/***** hotel *****/
#hotel {margin-top:25px;}
#hotel table {
    border-top: 1px solid #4f4d47;
    border-right: 1px solid #4f4d47;
    width: 95%;
    border-spacing: 0;
    margin: 0 auto;
}
#hotel th, #hotel td {
    border-bottom: 1px solid #4f4d47;
    border-left: 1px solid #4f4d47;
    text-align: center;
    padding: 5px;
}

#hotel th { background-color: #61c5bb; color: #fff;}

#hotel_edit {margin-top:25px;}
#hotel_edit table {
    border-top: 1px solid #4f4d47;
    border-right: 1px solid #4f4d47;
    width: 95%;
    border-spacing: 0;
    margin: 0 auto;
}
#hotel_edit th, #hotel_edit td {
    border-bottom: 1px solid #4f4d47;
    border-left: 1px solid #4f4d47;
    text-align: center;
    padding: 5px;
}

#hotel_edit th { background-color: #61c5bb; color: #fff;}

#hotel_edit textarea {
    width: 200px;
    min-width: 200px;
}

/***** ad *****/
#ad {margin-top:25px;}
#ad table {
    border-top: 1px solid #4f4d47;
    border-right: 1px solid #4f4d47;
    width: 95%;
    border-spacing: 0;
    margin: 0 auto;
}
#ad th, #ad td {
    border-bottom: 1px solid #4f4d47;
    border-left: 1px solid #4f4d47;
    text-align: center;
    padding: 5px;
}

#ad th { background-color: #61c5bb; color: #fff;}

#ad_edit {margin-top:25px;}
#ad_edit table {
    border-top: 1px solid #4f4d47;
    border-right: 1px solid #4f4d47;
    width: 95%;
    border-spacing: 0;
    margin: 0 auto;
}
#ad_edit th, #ad_edit td {
    border-bottom: 1px solid #4f4d47;
    border-left: 1px solid #4f4d47;
    text-align: center;
    padding: 5px;
}

#ad_edit th { background-color: #61c5bb; color: #fff;}

#ad_edit textarea {
    width: 200px;
    min-width: 200px;
}

/***** shop *****/
#shop {margin-top:25px;}
#shop table {
    border-top: 1px solid #4f4d47;
    border-right: 1px solid #4f4d47;
    width: 95%;
    border-spacing: 0;
    margin: 0 auto;
}
#shop th, #shop td {
    border-bottom: 1px solid #4f4d47;
    border-left: 1px solid #4f4d47;
    text-align: center;
    padding: 5px;
}

#shop th { background-color: #61c5bb; color: #fff;}

#shop_edit {margin-top:25px;}
#shop_edit table {
    border-top: 1px solid #4f4d47;
    border-right: 1px solid #4f4d47;
    width: 95%;
    border-spacing: 0;
    margin: 0 auto;
}
#shop_edit th, #shop_edit td {
    border-bottom: 1px solid #4f4d47;
    border-left: 1px solid #4f4d47;
    text-align: center;
    padding: 5px;
}

#shop_edit th { background-color: #61c5bb; color: #fff;}

#shop_edit textarea {
    width: 200px;
    min-width: 200px;
}

@media screen and (max-width: 768px) {

	#rireki table { width: 100%; border:none; padding: 10px;}
	#rireki thead { display: none;}
	#rireki tr {
	    border-top: 1px solid #4f4d47;
	    display: block;
	    margin-bottom: 20px;
	}
	#rireki td {
	    border-right: 1px solid #4f4d47;
	    border-bottom: none;
	    display: block;
	    padding: 0;
	}

	/* tdのデザイン */
	#rireki td:nth-of-type(1) { background-color: #61c5bb; color: #fff;}
	#rireki td:last-child { border-bottom: 1px solid #4f4d47;}
	     
	/*td:beforeのデザイン*/
	#rireki td:before {
	    background-color: #f5f3ec;
	    color: #4f4d47;
	    display: block;
	}

	#rireki_tel table { width: 100%; border:none; padding: 10px;}
	#rireki_tel thead { display: none;}
	#rireki_tel tr {
	    border-top: 1px solid #4f4d47;
	    display: block;
	    margin-bottom: 20px;
	}
	#rireki_tel td {
	    border-right: 1px solid #4f4d47;
	    border-bottom: none;
	    display: block;
	    padding: 0;
	}

	/* tdのデザイン */
	#rireki_tel td:nth-of-type(1) { background-color: #61c5bb; color: #fff;}
	#rireki_tel td:last-child { border-bottom: 1px solid #4f4d47;}
	     
	/*td:beforeのデザイン*/
	#rireki_tel td:before {
	    background-color: #f5f3ec;
	    color: #4f4d47;
	    display: block;
	}
	
	#rireki_name table { width: 100%; border:none; padding: 10px;}
	#rireki_name thead { display: none;}
	#rireki_name tr {
	    border-top: 1px solid #4f4d47;
	    display: block;
	    margin-bottom: 20px;
	}
	#rireki_name td {
	    border-right: 1px solid #4f4d47;
	    border-bottom: none;
	    display: block;
	    padding: 0;
	}

	/* tdのデザイン */
	#rireki_name td:nth-of-type(1) { background-color: #61c5bb; color: #fff;}
	#rireki_name td:last-child { border-bottom: 1px solid #4f4d47;}
	     
	/*td:beforeのデザイン*/
	#rireki_name td:before {
	    background-color: #f5f3ec;
	    color: #4f4d47;
	    display: block;
	}
	
	#rireki_rec table { width: 100%; border:none; padding: 10px;}
	#rireki_rec thead { display: none;}
	#rireki_rec tr {
	    border-top: 1px solid #4f4d47;
	    display: block;
	    margin-bottom: 20px;
	}
	#rireki_rec td {
	    border-right: 1px solid #4f4d47;
	    border-bottom: none;
	    display: block;
	    padding: 0;
	}

	/* tdのデザイン */
	#rireki_rec td:nth-of-type(1) { background-color: #61c5bb; color: #fff;}
	#rireki_rec td:last-child { border-bottom: 1px solid #4f4d47;}
	     
	/*td:beforeのデザイン*/
	#rireki_rec td:before {
	    background-color: #f5f3ec;
	    color: #4f4d47;
	    display: block;
	}

	#rireki_rec2 table { width: 100%; border:none; padding: 10px;}
	#rireki_rec2 thead { display: none;}
	#rireki_rec2 tr {
	    border-top: 1px solid #4f4d47;
	    display: block;
	    margin-bottom: 20px;
	}
	#rireki_rec2 td {
	    border-right: 1px solid #4f4d47;
	    border-bottom: none;
	    display: block;
	    padding: 0;
	}

	/* tdのデザイン */
	#rireki_rec2 td:nth-of-type(1) { background-color: #61c5bb; color: #fff;}
	#rireki_rec2 td:last-child { border-bottom: 1px solid #4f4d47;}
	     
	/*td:beforeのデザイン*/
	#rireki_rec2 td:before {
	    background-color: #f5f3ec;
	    color: #4f4d47;
	    display: block;
	}

	/* contentでタイトルを追加 */
	#rireki td:nth-of-type(2):before { content: "客名";color: #61c5bb;}
	#rireki td:nth-of-type(3):before { content: "TEL";color: #61c5bb;}
	#rireki td:nth-of-type(4):before { content: "店名";color: #61c5bb;}
	#rireki td:nth-of-type(5):before { content: "キャスト";color: #61c5bb;}
	#rireki td:nth-of-type(6):before { content: "金額";color: #61c5bb;}
	#rireki td:nth-of-type(7):before { content: "詳細";color: #61c5bb;}
	
	/* tdのデザイン */
	#rireki_tel td:nth-of-type(1) { background-color: #61c5bb; color: #fff;}
	#rireki_tel td:last-child { border-bottom: 1px solid #4f4d47;}
	     
	/*td:beforeのデザイン*/
	#rireki_tel td:before {
	    background-color: #f5f3ec;
	    color: #4f4d47;
	    display: block;
	}
	 
	/* contentでタイトルを追加 */
	#rireki_tel td:nth-of-type(2):before { content: "お客様名";color: #61c5bb;}
	#rireki_tel td:nth-of-type(3):before { content: "店名";color: #61c5bb;}
	#rireki_tel td:nth-of-type(4):before { content: "住所";color: #61c5bb;}
	#rireki_tel td:nth-of-type(5):before { content: "キャスト";color: #61c5bb;}
	#rireki_tel td:nth-of-type(6):before { content: "詳細";color: #61c5bb;}
	
	
	/* tdのデザイン */
	#rireki_name td:nth-of-type(1) { background-color: #61c5bb; color: #fff;}
	#rireki_name td:last-child { border-bottom: 1px solid #4f4d47;}
	     
	/*td:beforeのデザイン*/
	#rireki_name td:before {
	    background-color: #f5f3ec;
	    color: #4f4d47;
	    display: block;
	}
	 
	/* contentでタイトルを追加 */
	#rireki_name td:nth-of-type(2):before { content: "客名";color: #61c5bb;}
	#rireki_name td:nth-of-type(3):before { content: "TEL";color: #61c5bb;}
	#rireki_name td:nth-of-type(4):before { content: "店名";color: #61c5bb;}
	#rireki_name td:nth-of-type(5):before { content: "住所";color: #61c5bb;}
	#rireki_name td:nth-of-type(6):before { content: "キャスト";color: #61c5bb;}
	#rireki_name td:nth-of-type(7):before { content: "詳細";color: #61c5bb;}
	
	/******** CAST *********/
	#cast table { width: 100%; border:none; padding: 10px;}
	#cast thead { display: none;}
	#cast tr {
	    border-top: 1px solid #4f4d47;
	    display: block;
	    margin-bottom: 20px;
	}
	#cast td {
	    border-right: 1px solid #4f4d47;
	    border-bottom: none;
	    display: block;
	    padding: 0;
	}

	/* tdのデザイン */
	#cast td:nth-of-type(1) { background-color: #61c5bb; color: #fff;}
	#cast td:last-child { border-bottom: 1px solid #4f4d47;}
	     
	/*td:beforeのデザイン*/
	#cast td:before {
	    background-color: #f5f3ec;
	    color: #4f4d47;
	    display: block;
	}
	 
	/* contentでタイトルを追加 */
	#cast td:nth-of-type(2):before { content: "PASS";color: #61c5bb;}
	#cast td:nth-of-type(3):before { content: "名前";color: #61c5bb;}
	#cast td:nth-of-type(4):before { content: "TEL";color: #61c5bb;}
	#cast td:nth-of-type(5):before { content: "メアド";color: #61c5bb;}
	#cast td:nth-of-type(6):before { content: "欠席";color: #61c5bb;}
	#cast td:nth-of-type(7):before { content: "所属";color: #61c5bb;}
	#cast td:nth-of-type(8):before { content: "編集";color: #61c5bb;}
	#cast td:nth-of-type(9):before { content: "状態";color: #61c5bb;}
	
	#cast_edit table { width: 100%; border:none; padding: 10px;}
	#cast_edit thead { display: none;}
	#cast_edit tr {
	    border-top: 1px solid #4f4d47;
	    display: block;
	    margin-bottom: 20px;
	}
	#cast_edit td {
	    border-right: 1px solid #4f4d47;
	    border-bottom: none;
	    display: block;
	    padding: 0;
	}

	/* tdのデザイン */
	#cast_edit td:nth-of-type(1) { background-color: #61c5bb; color: #fff;}
	#cast_edit td:last-child { border-bottom: 1px solid #4f4d47;}
	     
	/*td:beforeのデザイン*/
	#cast_edit td:before {
	    background-color: #f5f3ec;
	    color: #4f4d47;
	    display: block;
	}
	 
	/* contentでタイトルを追加 */
	#cast_edit td:nth-of-type(2):before { content: "PASS";color: #61c5bb;}
	#cast_edit td:nth-of-type(3):before { content: "名前";color: #61c5bb;}
	#cast_edit td:nth-of-type(4):before { content: "TEL";color: #61c5bb;}
	#cast_edit td:nth-of-type(5):before { content: "メアド";color: #61c5bb;}
	#cast_edit td:nth-of-type(6):before { content: "欠席日数";color: #61c5bb;}
	#cast_edit td:nth-of-type(7):before { content: "備考";color: #61c5bb;}
	#cast_edit td:nth-of-type(8):before { content: "所属";color: #61c5bb;}
	#cast_edit td:nth-of-type(9):before { content: "編集";color: #61c5bb;}
	
	
	/******** DRIVER *********/
	#driver table { width: 100%; border:none; padding: 10px;}
	#driver thead { display: none;}
	#driver tr {
	    border-top: 1px solid #4f4d47;
	    display: block;
	    margin-bottom: 20px;
	}
	#driver td {
	    border-right: 1px solid #4f4d47;
	    border-bottom: none;
	    display: block;
	    padding: 0;
	}

	/* tdのデザイン */
	#driver td:nth-of-type(1) { background-color: #61c5bb; color: #fff;}
	#driver td:last-child { border-bottom: 1px solid #4f4d47;}
	     
	/*td:beforeのデザイン*/
	#driver td:before {
	    background-color: #f5f3ec;
	    color: #4f4d47;
	    display: block;
	}
	 
	/* contentでタイトルを追加 */
	#driver td:nth-of-type(2):before { content: "PASS";color: #61c5bb;}
	#driver td:nth-of-type(3):before { content: "名前";color: #61c5bb;}
	#driver td:nth-of-type(4):before { content: "TEL";color: #61c5bb;}
	#driver td:nth-of-type(5):before { content: "メアド";color: #61c5bb;}
	#driver td:nth-of-type(6):before { content: "編集";color: #61c5bb;}
	#driver td:nth-of-type(7):before { content: "状態";color: #61c5bb;}
	
	#driver_edit table { width: 100%; border:none; padding: 10px;}
	#driver_edit thead { display: none;}
	#driver_edit tr {
	    border-top: 1px solid #4f4d47;
	    display: block;
	    margin-bottom: 20px;
	}
	#driver_edit td {
	    border-right: 1px solid #4f4d47;
	    border-bottom: none;
	    display: block;
	    padding: 0;
	}

	/* tdのデザイン */
	#driver_edit td:nth-of-type(1) { background-color: #61c5bb; color: #fff;}
	#driver_edit td:last-child { border-bottom: 1px solid #4f4d47;}
	     
	/*td:beforeのデザイン*/
	#driver_edit td:before {
	    background-color: #f5f3ec;
	    color: #4f4d47;
	    display: block;
	}
	 
	/* contentでタイトルを追加 */
	#driver_edit td:nth-of-type(2):before { content: "PASS";color: #61c5bb;}
	#driver_edit td:nth-of-type(3):before { content: "名前";color: #61c5bb;}
	#driver_edit td:nth-of-type(4):before { content: "TEL";color: #61c5bb;}
	#driver_edit td:nth-of-type(5):before { content: "メアド";color: #61c5bb;}
	#driver_edit td:nth-of-type(6):before { content: "備考";color: #61c5bb;}
	#driver_edit td:nth-of-type(7):before { content: "編集";color: #61c5bb;}
	
	/******** ADMIN *********/
	#admin table { width: 100%; border:none; padding: 10px;}
	#admin thead { display: none;}
	#admin tr {
	    border-top: 1px solid #4f4d47;
	    display: block;
	    margin-bottom: 20px;
	}
	#admin td {
	    border-right: 1px solid #4f4d47;
	    border-bottom: none;
	    display: block;
	    padding: 0;
	}

	/* tdのデザイン */
	#admin td:nth-of-type(1) { background-color: #61c5bb; color: #fff;}
	#admin td:last-child { border-bottom: 1px solid #4f4d47;}
	     
	/*td:beforeのデザイン*/
	#admin td:before {
	    background-color: #f5f3ec;
	    color: #4f4d47;
	    display: block;
	}
	 
	/* contentでタイトルを追加 */
	#admin td:nth-of-type(2):before { content: "PASS";color: #61c5bb;}
	#admin td:nth-of-type(3):before { content: "名前";color: #61c5bb;}
	#admin td:nth-of-type(4):before { content: "TEL";color: #61c5bb;}
	#admin td:nth-of-type(5):before { content: "メアド";color: #61c5bb;}
	#admin td:nth-of-type(6):before { content: "編集";color: #61c5bb;}
	#admin td:nth-of-type(7):before { content: "状態";color: #61c5bb;}
	
	#admin_edit table { width: 100%; border:none; padding: 10px;}
	#admin_edit thead { display: none;}
	#admin_edit tr {
	    border-top: 1px solid #4f4d47;
	    display: block;
	    margin-bottom: 20px;
	}
	#admin_edit td {
	    border-right: 1px solid #4f4d47;
	    border-bottom: none;
	    display: block;
	    padding: 0;
	}

	/* tdのデザイン */
	#admin_edit td:nth-of-type(1) { background-color: #61c5bb; color: #fff;}
	#admin_edit td:last-child { border-bottom: 1px solid #4f4d47;}
	     
	/*td:beforeのデザイン*/
	#admin_edit td:before {
	    background-color: #f5f3ec;
	    color: #4f4d47;
	    display: block;
	}
	 
	/* contentでタイトルを追加 */
	#admin_edit td:nth-of-type(2):before { content: "PASS";color: #61c5bb;}
	#admin_edit td:nth-of-type(3):before { content: "名前";color: #61c5bb;}
	#admin_edit td:nth-of-type(4):before { content: "TEL";color: #61c5bb;}
	#admin_edit td:nth-of-type(5):before { content: "メアド";color: #61c5bb;}
	#admin_edit td:nth-of-type(6):before { content: "編集";color: #61c5bb;}

	#rireki_rec td:nth-of-type(1) { background-color: #61c5bb; color: #fff;}
	#rireki_rec td:last-child { border-bottom: 1px solid #4f4d47;}
	     
	/*td:beforeのデザイン*/
	#rireki_rec td:before {
	    background-color: #f5f3ec;
	    color: #4f4d47;
	    display: block;
	}
	 
	/* contentでタイトルを追加 */
	#rireki_rec td:nth-of-type(2):before { content: "日付";color: #61c5bb;}
	#rireki_rec td:nth-of-type(3):before { content: "お客様";color: #61c5bb;}
	#rireki_rec td:nth-of-type(4):before { content: "キャスト";color: #61c5bb;}
	#rireki_rec td:nth-of-type(5):before { content: "落とし";color: #61c5bb;}
	#rireki_rec td:nth-of-type(6):before { content: "作成";color: #61c5bb;}

	#rireki_rec2 td:nth-of-type(1) { background-color: #61c5bb; color: #fff;}
	#rireki_rec2 td:last-child { border-bottom: 1px solid #4f4d47;}
	     
	/*td:beforeのデザイン*/
	#rireki_rec2 td:before {
	    background-color: #f5f3ec;
	    color: #4f4d47;
	    display: block;
	}
	 
	/* contentでタイトルを追加 */
	#rireki_rec2 td:nth-of-type(2):before { content: "日付";color: #61c5bb;}
	#rireki_rec2 td:nth-of-type(3):before { content: "キャスト";color: #61c5bb;}
	#rireki_rec2 td:nth-of-type(4):before { content: "金額";color: #61c5bb;}
	#rireki_rec2 td:nth-of-type(5):before { content: "但";color: #61c5bb;}
	#rireki_rec2 td:nth-of-type(6):before { content: "　";color: #61c5bb;}
	
	/******** hotel *********/
	#hotel table { width: 100%; border:none; padding: 10px;}
	#hotel thead { display: none;}
	#hotel tr {
	    border-top: 1px solid #4f4d47;
	    display: block;
	    margin-bottom: 20px;
	}
	#hotel td {
	    border-right: 1px solid #4f4d47;
	    border-bottom: none;
	    display: block;
	    padding: 0;
	}

	/* tdのデザイン */
	#hotel td:nth-of-type(1) { background-color: #61c5bb; color: #fff;}
	#hotel td:last-child { border-bottom: 1px solid #4f4d47;}
	     
	/*td:beforeのデザイン*/
	#hotel td:before {
	    background-color: #f5f3ec;
	    color: #4f4d47;
	    display: block;
	}
	 
	/* contentでタイトルを追加 */
	#hotel td:nth-of-type(2):before { content: "ホテル名";color: #61c5bb;}
	#hotel td:nth-of-type(3):before { content: "エリア";color: #61c5bb;}
	#hotel td:nth-of-type(4):before { content: "住所";color: #61c5bb;}
	#hotel td:nth-of-type(5):before { content: "編集";color: #61c5bb;}
	
	#hotel_edit table { width: 100%; border:none; padding: 10px;}
	#hotel_edit thead { display: none;}
	#hotel_edit tr {
	    border-top: 1px solid #4f4d47;
	    display: block;
	    margin-bottom: 20px;
	}
	#hotel_edit td {
	    border-right: 1px solid #4f4d47;
	    border-bottom: none;
	    display: block;
	    padding: 0;
	}

	/* tdのデザイン */
	#hotel_edit td:nth-of-type(1) { background-color: #61c5bb; color: #fff;}
	#hotel_edit td:last-child { border-bottom: 1px solid #4f4d47;}
	     
	/*td:beforeのデザイン*/
	#hotel_edit td:before {
	    background-color: #f5f3ec;
	    color: #4f4d47;
	    display: block;
	}
	 
	/* contentでタイトルを追加 */
	#hotel_edit td:nth-of-type(2):before { content: "ホテル名";color: #61c5bb;}
	#hotel_edit td:nth-of-type(3):before { content: "エリア";color: #61c5bb;}
	#hotel_edit td:nth-of-type(4):before { content: "住所";color: #61c5bb;}
	#hotel_edit td:nth-of-type(5):before { content: "備考";color: #61c5bb;}
	#hotel_edit td:nth-of-type(6):before { content: "編集";color: #61c5bb;}
	
	/******** ad *********/
	#ad table { width: 100%; border:none; padding: 10px;}
	#ad thead { display: none;}
	#ad tr {
	    border-top: 1px solid #4f4d47;
	    display: block;
	    margin-bottom: 20px;
	}
	#ad td {
	    border-right: 1px solid #4f4d47;
	    border-bottom: none;
	    display: block;
	    padding: 0;
	}

	/* tdのデザイン */
	#ad td:nth-of-type(1) { background-color: #61c5bb; color: #fff;}
	#ad td:last-child { border-bottom: 1px solid #4f4d47;}
	     
	/*td:beforeのデザイン*/
	#ad td:before {
	    background-color: #f5f3ec;
	    color: #4f4d47;
	    display: block;
	}
	 
	/* contentでタイトルを追加 */
	#ad td:nth-of-type(2):before { content: "媒体広告名";color: #61c5bb;}
	#ad td:nth-of-type(3):before { content: "プラン";color: #61c5bb;}
	#ad td:nth-of-type(4):before { content: "月額";color: #61c5bb;}
	#ad td:nth-of-type(5):before { content: "契約状態";color: #61c5bb;}
	#ad td:nth-of-type(6):before { content: "メモ";color: #61c5bb;}
	#ad td:nth-of-type(7):before { content: "編集";color: #61c5bb;}
	#ad_edit table { width: 100%; border:none; padding: 10px;}
	#ad_edit thead { display: none;}
	#ad_edit tr {
	    border-top: 1px solid #4f4d47;
	    display: block;
	    margin-bottom: 20px;
	}
	#ad_edit td {
	    border-right: 1px solid #4f4d47;
	    border-bottom: none;
	    display: block;
	    padding: 0;
	}

	/* tdのデザイン */
	#ad_edit td:nth-of-type(1) { background-color: #61c5bb; color: #fff;}
	#ad_edit td:last-child { border-bottom: 1px solid #4f4d47;}
	     
	/*td:beforeのデザイン*/
	#ad_edit td:before {
	    background-color: #f5f3ec;
	    color: #4f4d47;
	    display: block;
	}
	 
	/* contentでタイトルを追加 */
	#ad_edit td:nth-of-type(2):before { content: "媒体広告名";color: #61c5bb;}
	#ad_edit td:nth-of-type(3):before { content: "プラン名";color: #61c5bb;}
	#ad_edit td:nth-of-type(4):before { content: "月額";color: #61c5bb;}
	#ad_edit td:nth-of-type(5):before { content: "契約状態";color: #61c5bb;}
	#ad_edit td:nth-of-type(6):before { content: "メモ";color: #61c5bb;}
	
	/******** shop *********/
	#shop table { width: 100%; border:none; padding: 10px;}
	#shop thead { display: none;}
	#shop tr {
	    border-top: 1px solid #4f4d47;
	    display: block;
	    margin-bottom: 20px;
	}
	#shop td {
	    border-right: 1px solid #4f4d47;
	    border-bottom: none;
	    display: block;
	    padding: 0;
	}

	/* tdのデザイン */
	#shop td:nth-of-type(1) { background-color: #61c5bb; color: #fff;}
	#shop td:last-child { border-bottom: 1px solid #4f4d47;}
	     
	/*td:beforeのデザイン*/
	#shop td:before {
	    background-color: #f5f3ec;
	    color: #4f4d47;
	    display: block;
	}
	 
	/* contentでタイトルを追加 */
	#shop td:nth-of-type(2):before { content: "店舗名";color: #61c5bb;}
	#shop td:nth-of-type(3):before { content: "TEL";color: #61c5bb;}
	#shop td:nth-of-type(4):before { content: "URL";color: #61c5bb;}
	#shop td:nth-of-type(5):before { content: "MAIL";color: #61c5bb;}
	#shop td:nth-of-type(6):before { content: "備考";color: #61c5bb;}
	#shop td:nth-of-type(7):before { content: "編集";color: #61c5bb;}
	
	#shop_edit table { width: 100%; border:none; padding: 10px;}
	#shop_edit thead { display: none;}
	#shop_edit tr {
	    border-top: 1px solid #4f4d47;
	    display: block;
	    margin-bottom: 20px;
	}
	#shop_edit td {
	    border-right: 1px solid #4f4d47;
	    border-bottom: none;
	    display: block;
	    padding: 0;
	}

	/* tdのデザイン */
	#shop_edit td:nth-of-type(1) { background-color: #61c5bb; color: #fff;}
	#shop_edit td:last-child { border-bottom: 1px solid #4f4d47;}
	     
	/*td:beforeのデザイン*/
	#shop_edit td:before {
	    background-color: #f5f3ec;
	    color: #4f4d47;
	    display: block;
	}
	 
	/* contentでタイトルを追加 */
	#shop_edit td:nth-of-type(2):before { content: "店舗名";color: #61c5bb;}
	#shop_edit td:nth-of-type(3):before { content: "TEL";color: #61c5bb;}
	#shop_edit td:nth-of-type(4):before { content: "URL";color: #61c5bb;}
	#shop_edit td:nth-of-type(5):before { content: "MAIL";color: #61c5bb;}
	#shop_edit td:nth-of-type(6):before { content: "備考";color: #61c5bb;}
	#shop_edit td:nth-of-type(7):before { content: "編集";color: #61c5bb;}
	
}
/*========================================================================================
									layout
========================================================================================*/

nav {
	/*background-color: #222222;*/
	color: white;
	text-align:center;
}
nav ul {
	display: flex;
	flex-flow: row;
	justify-content: space-around;
	margin: 0;
	padding: 6px;
	list-style-type: none;
}

nav li{
	width:33%;
}

nav li.single{
	width:99%;
}

nav a {
	display: block;
	border-radius: 4px;
	padding: 5px 0;
	color: white;
	text-decoration: none;
}

/*nav li.single a{
	color:#00a7db;
}
*/
/*
nav li a:hover {
	background-color: #8cae47;
}
*/
.center{
	margin:0 auto;
	text-align:center;
}

.mgn{
	margin-top:30px;
	margin-bottom:30px
}

#submit_button {
    padding: 10px 40px;
    font-size: 20px;
    background-color: #24d;
    color: #fff;
    border-style: none;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
}

#submit_button:hover {
	background-color: #191970;
	color: #fff;
}

textarea {
	width:100%;
}

.message{
	color: #6699ff;
    margin: 0 auto;
    text-align: center;
    margin: 20px auto 0;
    padding: 10px;
    border: 2px dashed;
    width: 60%;
}

.red{
	color: red;
}

.red{
	color: orange;
}

/*1:新規受け付け*/
.status_color_1{
	background:#0079c2;
	color:#fff;
}

/*2:メール送信済み*/
.status_color_2{
	background:#f39700;
	color:#fff;
}

/*3:接客中*/
.status_color_3{
	background:#009944;
	color:#fff;
}

/*4:未回収*/
.status_color_4{
	background:#e60012;
	color:#fff;
}

/*5:完了*/
.status_color_5{
	background:#000000;
	color:#fff;
}

/*6:キャンセル*/
.status_color_6{
	background:#9caeb7;
}


/* 稼働中 */
.status_color_kd{
	background:#0079c2;
	color:#fff;
}

/* 休眠 */
.status_color_km{
	background:#aaaaaa;
	color:#fff;
}

/* すべて */
.status_color_ks{
	background: #cd5c5c;
}

/* 予定時間順 */
.status_color_yt{
	background: #4169e1;
}

/* すべて 
.status_color_ks a{
	color:#00a7db !important; 
}
*/

#container{display:none;}
#loading{
  position:absolute;
  top: 50%;
  left: 50%;
  width: 200px;
  height: 200px;
  margin-top: -100px;
  margin-left: -100px;
  text-align: center;
}

/* ラジオボタンは非表示にする */
input[type=radio] {
  display: none; 
}
/* チェックされた時のスタイル */
input[type="radio"]:checked + label {
  background: #B1F9D0;
  color: #000; 
  background-image: url("rdo2.png");
  background-repeat: no-repeat;
}
/* マウスオーバーしたときのスタイル */
.label:hover {
  background-color: #E2EDF9; 
}
/* lableのスタイル */
.label {
  color: #000;
  border: #dddddd solid 2px;
  display: block;
  height: 45px;
  line-height: 45px;
  padding-left: 40px; /* 背景画像の分だけ少し右へ */
  padding-right: 20px;
  cursor: pointer; 
  background-image: url("rdo1.png");
  background-repeat: no-repeat;
}

.check{
	margin:0 auto 40px;
}

.check ul{
	display: flex;
	flex-flow: row;
	justify-content: center;
	margin: 0 auto;
	padding: 6px;
	list-style-type: none;
}

.check ul li{
  width:35%;
  list-style: none;
  padding: 5px;
  text-align:center;
}

.footer{
	padding:10px 0;
	margin:35px auto 0;
	text-align:center;
	background:#191970;
}

.footer a{
	color:#fff;
}

.pager {
    overflow: hidden;
}
 
.pager ul {
    list-style: none;
    position: relative;
    left: 50%;
    float: left;
}
 
.pager ul li {
    margin: 0 1px;
    position: relative;
    left: -50%;
    float: left;
}
 
.pager ul li span,
.pager ul li a {
    display: block;
    font-size: 16px;
    padding: 0.4em 0.6em;
    border-radius: 3px;
}
 
.pager ul li a {
    background: #EEE;
    color: #000;
    text-decoration: none;
}
 
.pager ul li a:hover {
    background: #191970;
    color: #FFF;
}

.kyumin{
	background:#aaaaaa;
}

/***** ログイン画面  ******/
#login form input {
  border: none;
  font-family: 'Open Sans', Arial, sans-serif;
  font-size: 16px;
  line-height: 1.5em;
  padding: 0;
  -webkit-appearance: none;
}

p {
  line-height: 1.5em;
}

after { clear: both; }

#login {
  margin: 50px auto;
  width: 80%;
  max-width:320px;
}

#login form {
  margin: auto;
  padding: 22px 22px 22px 22px;
 /* width: 100%;*/
  border-radius: 5px;
  background: #6699ff;
  border-top: 3px solid #246cfb;
  border-bottom: 3px solid #246cfb;
  text-align: center;
}

#login form span {
  background-color: #363b41;
  border-radius: 3px 0px 0px 3px;
  border-right: 3px solid #434a52;
  color: #606468;
  display: block;
  float: left;
  line-height: 50px;
  text-align: center;
  width: 50px;
  height: 50px;
}

#login form input[type="text"] {
  border-radius: 0px 3px 3px 0px;
  color: #000;
  margin-bottom: 1em;
  padding: 0 16px;
  width: 80%;
  height: 50px;
}

#login form input[type="password"] {
  border-radius: 0px 3px 3px 0px;
  color: #000;
  margin-bottom: 1em;
  padding: 0 16px;
  width: 80%;
  height: 50px;
}

#login form input[type="submit"] {
  background: #16aa56;
  border: 0;
  width: 80%;
  height: 40px;
  border: 1px solid;
  border-radius: 3px;
  color: white;
  cursor: pointer;
  transition: background 0.3s ease-in-out;
}
#login form input[type="submit"]:hover {
  background: #61c5bb;
}

input::-webkit-input-placeholder {
    color: #a9a9a9;
    font-weight: normal;
}
input:-ms-input-placeholder {
    color: #a9a9a9;
    font-weight: normal;
}
input::-moz-placeholder {
    color: #a9a9a9;
    font-weight: normal;
}

input {border:1px #6699ff solid;}

/* 検索用 */
dl.search2{
	position:relative;
	width: 50%;
	margin: 20px auto 40px;
}
dl.search2 dt{
	margin-right: 105px;
    /* padding: 8px; */
    background-color: #fff;
    border: 1px solid #aaa;
}
dl.search2 dt input{
	width: 100%;
    height: 24px;
    line-height: 24px;
    background: none;
    border: none;
    padding: 7px;
}
dl.search2 dd{
	position:absolute;
	top:0;
	right:0;
}
dl.search2 dd button{
	display:block;
	width:100px;
	height:42px;
	color:#fff;
	line-height:40px;
	text-align:center;
	background-color:#f66;
	border:1px solid #c66;
}

/**　グラフ　**/
/* graph
--------------------------------------------------*/
.graphSec{
	width:100%;
	overflow:auto;
}

.result{
	text-align:center;
	margin:20px auto;
	padding:10px 25px 25px;
	width:90%;
}

.sales {
  width: 90%;
  margin:35px auto;
}
 
.sales table {
  border-collapse: collapse;
  width: 100%;
}
.sales table td, .sales table th {
  border: 1px solid #ccc;
  padding: 10px;
  text-align:center;
}
.sales table th {
  background-color: #eee;
}

/* 成績表 */
.record {
  width: 90%;
  margin:35px auto;
}
 
.record table {
  border-collapse: collapse;
  width: 100%;
}
.record table td, .record table th {
  border: 1px solid #ccc;
  padding: 10px;
  text-align:center;
}
.record table th {
  background-color: #eee;
}


/**　フォーム　**/
/* imput
--------------------------------------------------*/
input {
    padding: 0px 10px;
    font-size: 1.0em;
    border-radius: 3px;
}

/* web-font(fontawesome) */
.fa{
	color:#6699ff;
}

/**　メール送信　**/
/*--------------------------------------------------*/

.grid {
width: 100%;
margin: 20px auto;
/*background: #E7E7E7;*/
border-radius: 10px;
}

.grid-cell{

}

.grid-cell table {
min-width: inherit;
width: 40%;
float: left;
margin: 20px 0 20px 2%;
background: #fff;
table-layout: auto;
}

.grid-cell th {
    vertical-align: middle;
    white-space: nowrap;
    text-align: center;
    background: #6aacea;
    color: #fff;
}
.grid-cell tr {
	background: #cad6ff;
}
.grid-cell td {
    padding:5px;
}

@media screen and (max-width: 768px) {
.grid-cell table {
width: 96%;
margin: 10px auto;
float: none;
}

}

/**　ドライバーメール送信　**/
/*--------------------------------------------------*/

.d_mail{
	margin:0 auto;
	width: 80%;
}

.d_mail table tr{
	height: 50px;
}

table.type04 {
	border-collapse: separate;
	border-spacing: 1px;
	text-align: left;
	line-height: 1.5;
	border-top: 1px solid #ccc;
}
table.type04 th {
	width: 150px;
	padding: 10px;
	font-weight: bold;
	vertical-align: top;
	border-bottom: 1px solid #ccc;
}
table.type04 td {
	width: 350px;
	padding: 10px;
	vertical-align: top;
	border-bottom: 1px solid #ccc;
}

/**　領収証　**/
/*--------------------------------------------------*/
#single-view, #multi-view {
    position: relative;
    overflow: hidden;
    margin-bottom: 10px;
    padding: 10px;
    background: url(./rec_back.jpg);
    border: 1px solid #ddd;
    color: #000;
    max-width: 800px;
	margin: 0 auto;
}

#single-view .receipt-upper, #multi-view .receipt-upper {
    overflow: hidden;
}

#single-view .title, #multi-view .title {
    float: left;
    margin: 20px 0 0 20px;
    font-size: 200%;
    font-weight: bold;
}

#single-view .border-bottom, #multi-view .border-bottom {
    padding: 2px 5px;
    border-bottom: 1px solid #000;
}

#single-view .receipt_no, #multi-view .receipt_no {
    float: right;
    width: 300px;
    text-align: center;
}

#single-view select,#single-view textarea,#single-view input[type="text"],#single-view input[type="password"],#single-view input[type="datetime"], 
#single-view input[type="datetime-local"], #single-view input[type="date"], #single-view input[type="month"], #single-view input[type="time"], #single-view input[type="week"], #single-view input[type="number"]
    display: inline-block;
    height: 20px;
    padding: 4px 6px;
    margin-bottom: 10px;
    font-size: 14px;
    line-height: 20px;
    color: #555;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    vertical-align: middle;
}

#single-view .border-bottom, #multi-view .border-bottom {
    padding: 2px 5px;
    border-bottom: 1px solid #000;
}

#single-view .receipt_date, #multi-view .receipt_date {
    float: right;
    width: 300px;
    text-align: center;
    clear: both;
}

#single-view .border-bottom, #multi-view .border-bottom {
    padding: 2px 5px;
    border-bottom: 1px solid #000;
}

#single-view .customer_name, #multi-view .customer_name {
	padding-left: 0;
    float: left;
    margin-bottom: 10px;
    text-align: center;
    margin-left: 68px;
}

#single-view .price, #multi-view .price {
    width: 400px;
    margin: 0 auto 5px;
    font-size: 30px;
    text-align: center;
    clear: both;
}

#single-view .price input, #multi-view .price input {
    width: 300px;
    height: 40px;
    font-size: 30px;
    line-height: 40px;
}

#single-view .note, #multi-view .note {
    width: 400px;
    margin: auto;
    text-align: center;
}

#single-view .note input, #multi-view .note input {
    width: 300px;
}

#single-view .receiver_detail, #multi-view .receiver_detail {
    float: right;
    margin: 30px;
}

#single-view .receiver_detail textarea, #multi-view .receiver_detail textarea {
    width: 300px;
    height: 100px;
}

/**　顧客情報　**/
/*--------------------------------------------------*/

.customer_info {
    width: 100px;
    margin: 0 auto;
    padding: 0;
    font-size: 20px;
    text-decoration: none;
    display: inline-block;
    text-align: center;
    background: #ffa035;
    border-radius: 5px;
    -webkit-border-radius: 5px;/* for Safari and Chrome 対応*/
    -moz-border-radius: 5px;/* for Firefox 対応*/
}


.customer_info a{
    color: #FFFFFF !important;
}

.result_o{
	text-align:center;
	margin:20px auto;
	padding:10px 0;
	width:100%;
}

.result_o form{
	display:inline;
}