@charset "utf-8";

/* content */
#main ul.BGN_content {
	width: 98%;
	margin: 0 auto;
	list-style: none;
	padding-left: 0;
}
#main ul.BGN_content li {
	display: inline-block;
	width: 47%;
	height: 100%;
	vertical-align: middle;
	margin: 0 0 0.5em 0.2em;
	border: solid 1px #999999;
	font-size: 0.8em;
	box-shadow: 0 2px 6px 0 rgba(0,0,0,0.2);
	text-align: center;
}
#main ul.BGN_content li a {
	display: block;
	color: #000000;
	text-decoration: none;
	background-color: #ffffff;
	padding: 0.3em;
}
#main ul.BGN_content li span.BGN_content_wrap {
	display: block;
	padding: 0.3em;
}
#main ul.BGN_content li span.BGN_content_title {
	display: block;
	font-size: 1.2em;
	color: #ffffff;
	font-weight: bold;
	padding: 0.3em;
	word-wrap:break-word;
}
#main ul.BGN_content li.BGN_print,
#main ul.BGN_content li.BGN_print span.BGN_content_title {
	background-color: #cc0000;
}
#main ul.BGN_content li.BGN_copy,
#main ul.BGN_content li.BGN_copy span.BGN_content_title {
	background-color: #fd8461;
}
#main ul.BGN_content li.BGN_scan,
#main ul.BGN_content li.BGN_scan span.BGN_content_title {
	background-color: #54b9da;
}
#main ul.BGN_content li.BGN_fax,
#main ul.BGN_content li.BGN_fax span.BGN_content_title {
	background-color: #80af45;
}
#main ul.BGN_content li span.BGN_content_img {
	display: block;
	padding: 0.2em 0;
}
#main ul.BGN_content li span.BGN_content_img img {
	width: 80%;
}
#main ul.BGN_content li span.BGN_content_text { display: none;}
#main ul.BGN_content li a:hover {
	opacity: 0.7;
	-webkit-transition: all 0.7s ease;
	transition: all 0.7s ease;
}
#main ul.BGN_content li.BGN_actual.BGN_print,
#main div.BGN_step_box.BGN_print {
	background-color: #ffbaba;
}
#main ul.BGN_content li.BGN_actual.BGN_copy,
#main div.BGN_step_box.BGN_copy {
	background-color: #fcc8b8;
}
#main ul.BGN_content li.BGN_actual.BGN_scan,
#main div.BGN_step_box.BGN_scan {
	background-color: #caeefa;
}
#main ul.BGN_content li.BGN_actual.BGN_fax,
#main div.BGN_step_box.BGN_fax {
	background-color: #c4e69a;
}

/* os select */
#main div.BGN_select_os {
	display: table;
	margin-bottom: 0.5em;
}
#main div.BGN_select_os p {
	margin-top: 0.5em;
	font-size: 0.9em;
}

/* step */
#main div.BGN_step_box {
	padding: 1em 2.5em;
	margin-top: 0.1em;
	margin-bottom: 1em;
}
#main div.BGN_step {
	background-color: #ffffff;
	padding: 0.5em 0;
	margin-bottom: 1em;
}
#main div.BGN_step_box div.BGN_step h2 {
	margin : 0.5em;
}
#main div.BGN_step p.BGN_headword {
	font-weight: bold;
	margin-top: 1em;
	margin-left: 0.5em;
}
#main div.BGN_step div.BGN_lead {
	margin: 0 1em;
}
#main div.BGN_step_box ol.BGN_step_list {
	list-style-type: none;
	margin-left: 0;
}
#main ol.BGN_step_list p.BGN_step_num {
	display: inline-block;
	text-align: center;
	width: 10%;
	max-width: 120px;
	vertical-align: middle;
	margin: 0.5em 0.5em 0 0.5em;
	font-weight: bold;
}
#main ol.BGN_step_list p.BGN_step_text {
	display: inline-block;
	width: 80%;
	vertical-align: middle;
	margin-bottom: 0;
	font-size: 1.3em;
}
#main ol.BGN_step_list p.BGN_step_sup {
	margin: 0 3% 1em 15%;
}
#main ol.BGN_step_list p.BGN_step_anno {
	margin: 1em 3% 1em 15%;
	font-size: 0.9em;
}
#main ol.BGN_step_list ul.BGN_step_img li {
	padding: 0.5em 0.5em 0 0;
	list-style-type: none;
	text-align: center;
}
#main ol.BGN_step_list ul.link_list {
	margin: 5px 3% 0 12%;
}

/* fax */
#main div.BGN_fax_box {
	border: dashed 2px #d9e021;
	padding: 0 1em;
	margin: 1.5em 3% 1.5em 15%;
}
#main div.BGN_fax_box div.BGN_fax_step div.figure {
	text-align: center;
	margin: 1em;
}
#main div.BGN_fax_box div.BGN_fax_step div.BGN_fax_text {
	padding: 0.5em;
}

/* note */
#main div.BGN_note {
	margin: 5% 3% 3% 3%;
	padding: 0.5em;
	background-color: #f2f2f2;
	border: dashed 2px #ffffff;
	box-shadow: 0 0 0 5px #f2f2f2;
}

/* UF link */
#main div.BGN_useful_box {
	border: solid 8px #bbbbbb;
	padding: 1em;
}
#main div.BGN_useful_box div.figure {
	padding-left: 2em;
}
#main div.BGN_useful_box div.BGN_useful_text {
	padding: 0.5em 2em;
}

@media screen and (min-width: 400px) {

/* UF link */
	#main div.BGN_useful_box div.BGN_useful_step {
		display: table;
		width: 100%;
	}
	#main div.BGN_useful_box div.figure {
		display: table-cell;
		padding-left: 1em;
	}
	#main div.BGN_useful_box div.BGN_useful_text {
		display: table-cell;
		width: 70%;
		vertical-align: middle;
		padding: 0.5em 1em;
	}
}

@media screen and (min-width: 480px) {

/* content */
	#main ul.BGN_content li {
		width: 31.5%;
	}
	#main ul.BGN_content li span.BGN_content_title {
		padding: 0.1em;
	}
	#main ul.BGN_content li span.BGN_content_img {
		padding: 0.5em;
	}
	#main ul.BGN_content li span.BGN_content_img img {
		width: 90%; 
	}
	#main ul.BGN_content li span.BGN_content_text {
		display: block;
		padding: 0.3em;
		font-size: 1.2em;
		line-height: 1.2;
		height: 2.5em;
	}
	#main ul.BGN_content li:hover span.BGN_content_img img {
		transform: scale(1.1);
		transition:1s all;
	}
	#main ul.BGN_content li.BGN_actual span.BGN_content_img img {
		transform: scale(1.1);
	}

/* os select */
	#main div.BGN_select_os select {
		display: table-cell;
		margin-right: 1em;
	}
	#main div.BGN_select_os p {
		display: table-cell;
		font-size: 0.8em;
		vertical-align: top;
	}

/* step */
	#main div.BGN_step p.BGN_headword {
		margin-left: 1em;
	}
	#main ol.BGN_step_list p.BGN_step_sup {
		margin-left: 13%;
	}
	#main ol.BGN_step_list p.BGN_step_anno {
		margin-left: 13%;
	}

/* fax */
	#main div.BGN_fax_box div.BGN_fax_step {
		display: table;
		margin: 1em;
	}
	#main div.BGN_fax_box div.figure {
		display: table-cell;
	}
	#main div.BGN_fax_box div.BGN_fax_text {
		display: table-cell;
		width: 60%;
		vertical-align: top;
	}
}

@media screen and (min-width: 650px) {
/* content */
	#main ul.BGN_content li {
		width: 23.5%;
	}
}

@media print{
/* content */
	#main ul.BGN_content li {
		width: 23.5%;
	}
/* UF link */
	#main div.BGN_useful_box div.BGN_useful_step {
		display: table;
		width: 100%;
	}
	#main div.BGN_useful_box div.figure {
		display: table-cell;
		padding-left: 1em;
	}
	#main div.BGN_useful_box div.BGN_useful_text {
		display: table-cell;
		width: 70%;
		vertical-align: middle;
		padding: 0.5em 1em;
	}
}