@charset "UTF-8";
/* CSS Document*/
/* 表示コントロール用 prg_ctl.css */

.disp_off {
	display: none;
}

/* 幅500のセンタリング背景用 */
.panel500 {
	margin-left:auto;
	margin-right:auto;
	width: 500px;
	padding-top: 20px;
	padding-bottom: 20px;
	text-align: center;
}

/*====================================================
自動で消えるメッセージの領域 function fadeOutMessage(message) とセットで使う
====================================================*/
#modalMsg {
	width: 250px;
	padding: 20px;
	font-size: 15px;
	/*height: 150px;*/
	position: fixed; /* viewpointを相対位置にする */
	border: 2px solid #888888;
	background-color: #E8E8E8;
	display: none; 
	z-index: 1  /* 「メインのHTML要素」(ディフォルトは0）よりもスタックレベルを高くする */
}


/*====================================================
ファイル発注用のスタイル
メインのcssで作成した場合は消す
====================================================*/


@media screen and (max-width: 600px) {
.global-nav .no-sp {display: none;}
}

.file_order {width:100%; margin: 0 auto; position: relative;}
.file_order .settei_table {margin-bottom:10px;width:100%;border-bottom: 1px solid #ececec;}
.file_order .settei_table tr{border-bottom: none;}
.file_order .settei_table th{
	background-color: #fff;border-left: 2px solid #fff; font-weight: normal;
	border-top: 1px solid #ececec; font-size: .8rem; white-space: nowrap;
}
.file_order .settei_table th:first-child{border-left: none;}
.file_order .settei_table td{
	border-left: 2px solid #fff;
	border-top: 1px solid #ececec;
	background-color: #ececec;
	background-image: 
		-webkit-gradient(linear, 0 0, 100% 100%,color-stop(.25, #F9F9F9), 
		color-stop(.25, transparent),
		color-stop(.5, transparent), 
		color-stop(.5, #F9F9F9),
		color-stop(.75, #F9F9F9), 
		color-stop(.75, transparent),to(transparent));
		-webkit-background-size: 7px 7px;
		display: table-cell; padding:.5rem; 
		font-size: 1.2rem; text-align:center;
}
.file_order .settei_table td:first-child{border-left: none;}
.file_order .msg_box {margin-left:10px;margin-right:10px;}
.file_order .msg_box a{color:#009cde;}
.file_order .msg_box input[type='radio'] {width: 25px;height: 25px;vertical-align:text-top;}
.file_order .settei_sample{border: 1px solid #ccc; padding: 5%; border-radius: 10px; margin-bottom:5%; }
.file_order .msg_box .settei_sample h3.flow{font-weight: normal; margin: 5% 0; font-size: 1rem}
.file_order .msg_box .settei_sample h3.flow span{
	font-weight: bold; display: inline-block; width: 2rem; padding: 5px; margin-right: 1rem;
	color: #fff; background-color: #ccc; text-align: center; border-radius: 50%; float: left;
}
.file_order .settei_table .suryo {width:5em; margin-bottom: 0; text-align: center;}


@media screen and (max-width: 375px) {
.file_order .settei_table .suryo {width:2.5em;}
	.file_order .settei_table td{padding: 2%;}
}