@charset "utf-8";

h1 {
	text-align: center;
	font-size: 20px;
	background: -webkit-linear-gradient(bottom, #cccccc 0%, #e3e3e3 100%);
	background: -moz-linear-gradient(to top, #cccccc 0%, #e3e3e3 100%);
	background: -o-linear-gradient(to top, #cccccc 0%, #e3e3e3 100%);
	background: -ms-linear-gradient(to top, #cccccc 0%, #e3e3e3 100%);
	background: linear-gradient(to top, #cccccc 0%, #e3e3e3 100%);
	-webkit-border-radius: 10px 10px 0 0;
	-moz-border-radius: 10px 10px 0 0;
	-o-border-radius: 10px 10px 0 0;
	-ms-border-radius: 10px 10px 0 0;
	border-radius: 10px 10px 0 0;
	padding: 10px 0;
	margin-bottom: 0;
}

#nav-global-help ul {
	background: -webkit-linear-gradient(top, #f1f1f1 0px, #ffffff 10px);
	background: -moz-linear-gradient(top, #f1f1f1 0px, #ffffff 10px);
	background: -o-linear-gradient(top, #f1f1f1 0px, #ffffff 10px);
	background: -ms-linear-gradient(top, #f1f1f1 0px, #ffffff 10px);
	background: linear-gradient(top, #f1f1f1 0px, #ffffff 10px);
	padding: 0;
	margin: 1px 0 20px 0;
	-webkit-border-radius: 0 0 10px 10px;
	-moz-border-radius: 0 0 10px 10px;
	-o-border-radius: 0 0 10px 10px;
	-ms-border-radius: 0 0 10px 10px;
	border-radius: 0 0 10px 10px;
}

#nav-global-help ul li img {
	margin: auto;
}

#nav-global-help ul li {
	padding: 20px 15px 35px;
	background: url(../images/line.png) bottom no-repeat;
	-webkit-background-size: 272px 11px;
	-moz-background-size: 272px 11px;
	-o-background-size: 272px 11px;
	-ms-background-size: 272px 11px;
	background-size: 272px 11px;
	border: none;
}

#nav-global-help ul li:last-child {
	background: none;
}

#nav-global-help ul li p {
	margin: 0;
	font-size: 12px;
	line-height: 1.67;
	text-align: left;
}

#helpslide {
	width: 272px;
	height: 142px;
	content: url("../images/flow_slide.png");
}

#helpcontents {
	width: 272px;
	height: 130px;
	content: url("../images/flow_contents.png");
}

#helpexpansion {
	width: 272px;
	height: 136px;
	content: url("../images/flow_expansion.png");
}

#helpslide_sentence:before {
	white-space: pre-wrap;
	content: "ページの移動は、画面の上で指をスライドさせるか、[<<  次へ][前へ >>]を押してください。";
}

#helpcontents_sentence:before {
	white-space: pre-wrap;
	content: "目次を表示させて、目的のページに移動することもできます。\A ※目次の設定がない場合もあります。";
}

#helpexpansion_sentence:before {
	white-space: pre-wrap;
	content:
		"画面上を2回タップして、ページの拡大・縮小ができます。\A iPhone、iPadをご使用の場合は、2本の指を画面に触れたまま、開いたり閉じたりすることでも操作できます。\A Android端末をご使用の際に、拡大・縮小ができない場合は、代わりに[+]・[-]ボタンをご使用ください。\A \A ※機種・環境等によって、正常に動作しない場合がありますので、あらかじめご了承ください。";
}