@charset "utf-8";

/* -------------------------------------------------- */
/* file   : procedure.css                                   */
/* -------------------------------------------------- */


/*共通編集箇所*/
/*申込・支払方法・コンビニ名見出し部分背景色*/
#procedure .sec_box .midashi02{
	background:#2A8ABE;
	color:#ffffff;
}
/*ご提出先*/
#procedure .sec_box .teisyutsu_detail dt{
	background-color: #8B6EB5;
}
/*取扱金融機関（入る場合）*/
#procedure .sec_box .kifu_l .bankList dt {
	border-bottom: dotted 1px #663f74;
	color: #38A040;
}



/*common*/
#procedure .sec_box .midashi02{
	margin-top:20px;
	margin-bottom:10px;
	font-weight:bold;
	font-size:116.6%;
}
#procedure .sec_box .teisyutsu_detail dt{
	padding: 5px 10px;
	color: #ffffff;
	font-weight: bold;
	border-left: 1px solid #D8D8D8;
	border-top: 1px solid #D8D8D8;
	float: left;
}
#procedure .sec_box .teisyutsu_detail dd{
	border-right:1px solid #D8D8D8;
	border-top:1px solid #D8D8D8;
	padding:5px 10px;
}
#procedure .sec_box .kifu_l li{
	background:url(../../procedure/img/sec_mark.gif) no-repeat;
	background-position:1px 4px;
	padding:0 0 0 18px;
}
#procedure .sec_box .kifu_l .bankList{
	padding:10px;
	background:#eeeeee;
}
#procedure .sec_box .kifu_l .bankList dt {
	margin-bottom: 8px;
	padding-bottom: 3px;
	font-weight: bold;
}
#procedure .sec_box .kifu_l .bankList dd {
	display:block;
	width:15em;
	float:left;
	margin-right:20px;
}
#procedure .sec_box .cvs_box li{
	background:url(../../procedure/img/sec_mark.gif) no-repeat;
	background-position:1px 4px;
	padding:0 0 0 18px;
}
/*申込フォーム*/
#procedure .sec_box .FormInfo_l {
	height:auto;
}


@media print,screen and (min-width: 681px){
.pc{ display:block; }
.sp{ display:none; }

#procedure .sidemb{
	margin-bottom:3px;
}

#procedure .sec_box .midashi01{
	margin-top:25px;
	margin-bottom:5px;
}
#procedure .sec_box .midashi02{
	padding:2px 0 2px 10px;
	border-radius: 4px; /*角丸*/
  -webkit-border-radius: 4px;  /* 角丸Safari,Google Chrome用 */  
  -moz-border-radius: 4px;  /* 角丸 Firefox用 */
}
#procedure .sec_box .midashi02_info_l{
	width:300px;
	float:left;
}
#procedure .sec_box .midashi02_info_r{
	width:360px;
	float: right;
}
#procedure .sec_box .midashi03{
	padding:2px 0 2px 10px;
	border-radius: 4px; /*角丸*/
  -webkit-border-radius: 4px;  /* 角丸Safari,Google Chrome用 */  
  -moz-border-radius: 4px;  /* 角丸 Firefox用 */
}
#procedure .sec_box .ico{
	vertical-align:middle;
}
#procedure .sec_box .date_box{
	border:2px solid #088457;
	width:400px;
	padding:10px;
	margin:15px 0;
}
#procedure .sec_box .date_box a{
	color:#333333;
}

/*boxPdf*/
#procedure .sec_box  .boxPdf{
	margin:20px 0;
	padding:12px 10px;
	border:1px solid #cccccc;
}
#procedure .sec_box .boxPdf p strong {
	color:#ee0000;
	}
#procedure .sec_box .boxPdf div {
	margin-top:8px;
	text-align:center;
}
/*提出先*/
#procedure .sec_box .teisyutsu_t{
	margin-top:20px;
	margin-bottom:5px;
}
#procedure .sec_box .teisyutsu_detail{
	margin-top:10px;
}
#procedure .sec_box .teisyutsu_detail dl{
	clear:both;
}
#procedure .sec_box .teisyutsu_detail dt{
	width: 170px;
}
#procedure .sec_box .teisyutsu_detail dd{
	width:495px;
	float:left;
}
#procedure .sec_box .teisyutsu_detail .detail_btm{
	border-bottom:1px solid #D8D8D8;
}
#procedure .sec_box .kifu_l{
	width:485px;
	float:left;
}
#procedure .sec_box .kifu_l a{
	color:#333333;
}
#procedure .sec_box .kifu_l li{
	margin-bottom:10px;
}
#procedure .sec_box .kifu_l .link_t{
	padding:0 0 0 20px;
}
#procedure .sec_box .kifu_l .toGuide{
	width:480px;
	text-align:center;
}
#procedure .sec_box .kifu_l .toGuide img{
	width:330px;
	height:auto;
}
#procedure .sec_box .kifu_r{
	width:221px;
	float: right;
}
#procedure .sec_box .guide_r{
	width:221px;
	float: right;
	margin:0 0 10px 15px;
}
#procedure .sec_box .cvs_box li{
	margin-bottom:7px;
}
#procedure .sec_box .toChoice img {
	width: 468px;
	height: auto;
}
/*申込フォーム*/
#procedure .sec_box .FormInfo_l {
	width:330px;
	float:left;
}
#procedure .sec_box .FormInfo_r {
	width:330px;
	float:right;
}
}


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

.pc{ display: none; }
.sp{ display: block; }

#procedure .sp_box{
	padding:0 5px;
}
#procedure .sec_box .midashi01{
	margin-top:10px;
	margin-bottom:5px;
}
#procedure .sec_box .midashi02{
	padding:5px 10px;
}
#procedure .sec_box .midashi02_info_l{
	width:100%;
	float: none;
}
#procedure .sec_box .midashi02_info_r{
	width:90%;
	float:none;
	margin:10px 0 20px;
	text-align:center;
}
#procedure .sec_box .midashi03{
	padding:5px 10px;
}
#procedure .sec_box .ico{
	vertical-align:middle;
}
#procedure .sec_box .date_box{
	border:2px solid #088457;
	width:auto;
	padding:10px;
	margin:15px 0;
}
#procedure .sec_box .date_box a{
	color:#333333;
}

/*追加*/
#procedure .sec_box  .boxPdf{
	margin:20px 0;
	padding:12px 10px;
	border:1px solid #cccccc;
}
#procedure .sec_box .boxPdf p strong {
	color:#ee0000;
	}
#procedure .sec_box .boxPdf div {
	margin-top:8px;
	text-align:center;
}
/*提出先*/
#procedure .sec_box .teisyutsu_t{
	margin-top:20px;
	margin-bottom:5px;
}
#procedure .sec_box .teisyutsu_detail{
	margin-top:10px;
}
#procedure .sec_box .teisyutsu_detail dl{
	clear:both;
}
#procedure .sec_box .teisyutsu_detail dt{
	width: auto;
	float:none;
}
#procedure .sec_box .teisyutsu_detail dd{
	border-left:1px solid #D8D8D8;
	width:auto;
	float:none;
}
#procedure .sec_box .teisyutsu_detail .detail_btm{
	border-bottom:1px solid #D8D8D8;
}
#procedure .sec_box .kifu_l{
	width:100%;
	float:none;
}
#procedure .sec_box .kifu_l a{
	color:#333333;
}
#procedure .sec_box .kifu_l li{
	margin-bottom:5px;
}
#procedure .sec_box .kifu_l .link_t{
	padding:0 0 0 20px;
}
#procedure .sec_box .kifu_l .toGuide{
	width:100%;
	height:auto;
	text-align:center;
}
#procedure .sec_box .kifu_l .toGuide img{
	width:100%;
	height:auto;
	text-align:center;
}
#procedure .sec_box .kifu_l .bankList{
	margin-bottom:10px;
}
#procedure .sec_box .kifu_r{
	width:70%;
	float:none;
	margin:0 auto 0;
}
#procedure .sec_box .kifu_r img {
	display:block;
	margin-bottom:20px;
}
#procedure .sec_box .guide_r{
	width:100%;
	float:none;
	margin:0 0 10px 0;
}
#procedure .sec_box .cvs_box li{
	margin-bottom:5px;
}
.mgrl10 {
	margin:10px;
}
#procedure .sec_box .toChoice img {
	width: 100%;
	height: auto;
}

}

/*追加しました*/
#txtbox {
	border: thin solid #CCCCCC;
	margin-top: 10px;
	margin-bottom: 20px;
	padding: 10px;
}
#txtbox h4{
	font-weight: bold;
	color: #006600;
	font-size: 130%;
}
#txtbox dl,dt{
	font-weight: bold;
	font-size: 110%;
}
#txtbox dd {
	font-weight: normal;
	text-indent: 10px;
}