@charset "utf-8";

/*===Header===*/
#header {
	padding: 0.3em 0 0.3em 0.4em;
}
#header div.WGS_logo_title {
	float: right;
}
#header p.WGS_header_title {
	padding-right: 11px;
}
/*---Step Bar---*/
#header ul.WGS_steps {
	float: right;
	margin-right: 11px;
}
#header ul.WGS_steps li:before {
	right: -8px;
}

/* FAQ */
#header p.WGS_faq {
	margin: 0.5em 1em 0 0.5em;
	padding-left: 0;
}

/*===Contents===*/
#contents span.WGS_strong_b {
	font-weight: bold;
}
/*---Movie button---*/
#contents div.WGS_contents p.WGS_movie_button img {
	padding-left: 0.5em;
}
/*---Next/Back button---*/
#contents div.WGS_contents div.WGS_next_button {
	left: 0;
}
#contents div.WGS_contents div.WGS_back_button {
	right: 0;
}
/*---Modal Window---*/
/*common*/
#WGS_modal_bg {
	right: 0;
}
#container div.WGS_modal_close_button {
	text-align: left;
}
#container div.WGS_modal_main div.modal_contents_main {
	margin-left: 1.5em;
}
#container div.WGS_modal_main ul.WGS_modal_list_b {
	padding-right: 2em;
}
#container div.WGS_modal_main ol li span.WGS_strong,
#container div.WGS_modal_main ul li span.WGS_strong { /* from 22A */
	font-style: italic;
}
/* from 22A */
#container div.WGS_modal_main ul.WGS_modal_list li img {
	margin: 0.5em 0 0.5em 0.5em;
}

/**********************************************************************************/
@media screen and (min-width: 480px) {
	/*===Header===*/
	#header {
		padding: 0.3em 0.5em 0.3em 0.5em;
	}
	#header p.WGS_header_title {
		padding-right: 15px;
	}
	#header ul.WGS_steps li:before {
		right: -11px;
	}
}

/**********************************************************************************/
@media screen and (min-width: 700px) {
	/*===Header===*/
	#header p.WGS_header_title {
		padding-right: 0;
	}
	/*---Step Bar---*/
	#header ul.WGS_steps {
		margin-right: 3em;
	}
}

/**********************************************************************************/
@media print {
	/*---Modal Window---*/
	/* For Print */
	#container div.WGS_modal_main {
		right: 100px !important;
	}
}