@charset "utf-8";

/*
Font-size list
 71% = 10px	114% = 16px	186% = 26px
 79% = 11px	129% = 18px	200% = 28px
 86% = 12px	143% = 20px
 93% = 13px	157% = 22px
100% = 14px	171% = 24px
*/

/* //////////////////////////////////////////////////
[Base]
////////////////////////////////////////////////// */

/* --------------------------------------------------
	0. Resetting default margin and padding
-------------------------------------------------- */
/* このファイルではデフォルトスタイルのリセットはしない */


/* --------------------------------------------------
	1. HTML, Body, Anchor
-------------------------------------------------- */
html {
	overflow-y: scroll;
}

body {
	color: #212121;
	font-size: 88%;
	line-height: 1.75;
	font-family: "Hiragino Kaku Gothic ProN","ヒラギノ角ゴ ProN W3","Meiryo","メイリオ",Arial,Helvetica,sans-serif;
}

a:link,
a:visited {
	color: #0086CE;
	text-decoration: underline;
}

a:hover,
a:active {
	color: #0086CE;
	text-decoration: none;
}


/* //////////////////////////////////////////////////
[contents]
////////////////////////////////////////////////// */

/* --------------------------------------------------
	layout
-------------------------------------------------- */
.cont-help {
	overflow: hidden;
	margin: 0 auto !important;
}


/* =========================================================
.topic-path
========================================================= */
.topic-path {
	padding: 10px 0;
}

.topic-path li {
	display: inline-block;
	margin: 0 0 0 10px;
}

.topic-path li:first-child {
	display: inline-block;
	margin: 0;
	font-weight: bold;
}

.topic-path li:before {
	content: '>';
	display: inline-block;
	margin: 0 10px 0 0;
	color: #666666;
}

.topic-path li:first-child:before {
	content: '';
	display: inline-block;
	margin: 0;
}


/* //////////////////////////////////////////////////
[main]
////////////////////////////////////////////////// */
.cont-help .main {
	float: right;
	width: 720px;
	border-top: 5px #00AAFF solid;
}


/* --------------------------------------------------
	section
-------------------------------------------------- */
.cont-help .main .section-main {
	margin: 0 0 40px;
}

.cont-help .main .section-main .faq {
margin-top: 20px;
margin-bottom: 40px;
}

.cont-help .main .section-main .faq .pagetop {
margin-left:5px;
}

/* --------------------------------------------------
	.page-title
-------------------------------------------------- */
.cont-help .main .page-title {
	margin: 0 0 20px;
	padding: 10px;
	border-left: 1px #E6E6E6 solid;
	border-right: 1px #E6E6E6 solid;
	border-bottom: 1px #E6E6E6 solid;
	-webkit-border-bottom-left-radius: 5px;
	-webkit-border-bottom-right-radius: 5px;
	border-bottom-left-radius: 5px;
	border-bottom-right-radius: 5px;
}

.cont-help .main .page-title h1 {
	font-size: 200%;
	font-weight: normal;
}

.cont-help .main .page-title p {
	margin: 0;
	font-size: 114%;
}

.cont-help .main .page-title ul {
	overflow: hidden;
	margin: 0;
	padding: 0;
	font-size: 114%;
}

.cont-help .main .page-title ul li {
	float: left;
	margin: 0 0 0 10px;
	padding: 0 0 0 14px;
	background: url(../img/ico_arrow_07.png) no-repeat 0 50%;
	list-style-type: none;
}

.cont-help .main .page-title ul li:first-child {
	margin: 0;
	padding: 0;
	background: none;
}


/* --------------------------------------------------
	heading
-------------------------------------------------- */
.cont-help .main h2 {
	margin: 0 0 20px;
	padding: 10px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	background: #E6E6E6;
	color: #212121;
	font-size: 143%;
	font-weight: normal;
}

.cont-help .main h3 {
	margin: 0 0 20px;
	padding: 0 0 0 15px;
	border-left: 5px #E6E6E6 solid;
	background: #FFFFFF;
	font-size: 129%;
	font-weight: normal;
	line-height: 1.5;
}

.cont-help .main h4 {
	margin: 0 0 10px;
	font-size: 114%;
	font-weight: bold;
}

.cont-help .main .section-main .faq h4 {
margin: 0 0 10px 0;
padding:10px 0px;
font-size: 114%;
font-weight: bold;
border-bottom:1px solid #ddd;
}

/* --------------------------------------------------
	paragraph
-------------------------------------------------- */
.cont-help .main p {
	margin: 0 0 20px;
}


/* --------------------------------------------------
	figure
-------------------------------------------------- */
.cont-help .main .fig {
	text-align: center;
}


/* --------------------------------------------------
	list
-------------------------------------------------- */
.cont-help ul,
.cont-help ol {
	list-style-type:none;
	list-style-position:inside;
}

.cont-help .main ul {
	margin: 0 0 10px;
	list-style-type: disc;
}

.cont-help .main ul li {
	margin: 0 0 10px;
	list-style-type: disc;
}

.cont-help .main ul li.cnt {
      margin: 0 0 10px;
      list-style-type:none;
      list-style-position:outside;
      counter-increment: cnt;	
}
.cont-help .main ul li.cnt:before{
      display: marker;
      content: "(" counter(cnt) ")";
}

.cont-help .main ol {
	margin: 0 0 20px;
	padding: 0 25px;
	list-style-position: outside;
}

.cont-help .main ol li {
	margin: 0 0 10px;
	list-style-type: decimal;
}

.cont-help .main dl {
	margin: 0 0 20px;
}

.cont-help .main dt {
	margin: 0 0 5px;
	font-weight: bold;
}

.cont-help .main dd {
	margin: 0 0 20px;
}


/* --------------------------------------------------
	table
-------------------------------------------------- */
.cont-help .main table {
	width: 720px;
	margin: 0 0 20px;
	border: 1px #DDDDDD solid;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	border-collapse: separate;
	border-spacing: 0;
}

.cont-help .main table.font-m {
	font-size: 86%;
}

.cont-help .main table.font-s {
	font-size: 71%;
}

.cont-help .main table tr:first-child th:first-child {
	-webkit-border-radius: 5px 0 0 0;
	border-radius: 5px 0 0 0;
}

.cont-help .main table tr:first-child th:last-child {
	-webkit-border-radius: 0 5px 0 0;
	border-radius: 0 5px 0 0;
}

.cont-help .main table th {
	background: #F6F6F6;
	text-align: center;
}

.cont-help .main table.width-auto th {
	width: auto;
	white-space: nowrap;
}

.cont-help .main table th,
.cont-help .main table td {
	padding: 5px;
	border-left: 1px #DDDDDD dotted;
	border-bottom: 1px #DDDDDD solid;
	vertical-align: middle;
}

.cont-help .main table th:first-child,
.cont-help .main table td:first-child {
	border-left: none;
}

.cont-help .main table tr:last-child td {
	border-bottom: none;
}

.cont-help .main table td.align-c {
	text-align: center;
}


/* --------------------------------------------------
	.pagination
-------------------------------------------------- */
.cont-help .main .pagination {
	float: none;
	margin: 30px auto;
	text-align: center;
}

.cont-help .main .pagination .disable {
	color: #999999;
}


/* --------------------------------------------------
	other
-------------------------------------------------- */
.cont-help .main .alert-txt {
	color: #FF0000;
}

.cont-help .main ul.link-txt {
	padding: 0;
}

.cont-help .main p.link-txt,
.cont-help .main ul.link-txt li {
	padding: 0 0 0 15px;
	background: url(../img/ico_arrow_03.png) no-repeat 5px 0.5em;
	list-style-type: none;
	line-height: 1.75;
}


/* --------------------------------------------------
	.block-two-column
-------------------------------------------------- */
.cont-help .main .block-two-column {
	margin: 0 0 40px;
}

.cont-help .main .no-margin {
	margin: 0;
}

.cont-help .main .no-margin p {
	margin: 0;
}

.cont-help .main .block-two-column .unit-text {
	float: left;
	width: 350px;
/*	font-size: 86%;*/
}

.cont-help .main .block-two-column .font-s {
	font-size: 86%;
}

.cont-help .main .block-two-column .unit-fig-l {
	float: left;
	width: 350px;
	margin: 0 20px 0 0;
}

.cont-help .main .block-two-column .unit-fig-r {
	float: right;
	width: 350px;
	margin: 0 0 0 20px;
}

.cont-help .main .block-two-column .unit-fig-l .fig img,
.cont-help .main .block-two-column .unit-fig-r .fig img {
	display: block;
}

.cont-help .main .block-two-column .unit-text strong {
	font-weight: bold;
}


/* --------------------------------------------------
	.block-notice
-------------------------------------------------- */
.cont-help .main .block-notice {
	margin: 0 0 20px;
	border: 1px #F0D3D7 solid;
	-webkit-border-radius: 5px;
	border-radius: 5px;
}

.cont-help .main .block-notice h2 {
	margin: 0 0 20px;
	padding: 10px 20px;
	border: 0;
	-webkit-border-radius: 5px 5px 0 0;
	border-radius: 5px 5px 0 0;
	background: #F3DEDE;
	color: #A82424;
	font-weight: bold;
	font-size: 114%;
	line-height: 1.5;
}

.cont-help .main .block-notice p,
.cont-help .main .block-notice ul {
	margin: 0 20px 20px;
}

.cont-help .main .block-notice table {
	width: 678px;
	margin: 0 20px 20px;
}


/* --------------------------------------------------
	.block-important
-------------------------------------------------- */
.cont-help .main .block-important {
	margin: 0 0 20px;
	border: 1px #E1962D solid;
	-webkit-border-radius: 5px;
	border-radius: 5px;
}

.cont-help .main .block-important h2 {
	margin: 0 0 20px;
	padding: 10px 20px;
	border: 0;
	border-bottom: 1px #E1962D solid;
	-webkit-border-radius: 5px 5px 0 0;
	border-radius: 5px 5px 0 0;
	background: #FEEACB;
	color: #A82424;
	font-weight: bold;
	font-size: 114%;
	line-height: 1.5;
}

.cont-help .main .block-important p,
.cont-help .main .block-important ul {
	margin: 0 20px 20px;
}

.cont-help .main .block-important li p {
	margin: 5px 0 20px;
}

.cont-help .main .block-important table {
	width: 678px;
	margin: 0 20px 20px;
}


/* //////////////////////////////////////////////////
[sub]
////////////////////////////////////////////////// */
.cont-help .sub {
	float: left;
	width: 220px;
	margin: 0 0 30px;
	font-size: 93%;
}


/* --------------------------------------------------
	.unit-search
-------------------------------------------------- */
.cont-help .sub .unit-search {
	margin: 0 0 10px;
	padding: 10px 0;
	border-top: 1px #E6E6E6 solid;
	border-bottom: 1px #E6E6E6 solid;
}

.cont-help .sub .unit-search input {
	display: inline-block;
}

.cont-help .sub .unit-search input[type="text"] {
	width: 159px;
	margin: 0 10px 0 0;
	border: 1px solid #EEEEEE;
	box-shadow: none;
}

.cont-help .sub .unit-search input[type="text"]:focus {
	border: 1px solid #75B9F0;
	box-shadow: none;
}

.cont-help .sub .unit-search input[type="button"] {
	width: 30px;
}

.cont-help .sub .unit-search button {
	padding: 2px 8px;
}

.cont-help .sub .unit-search i {
	margin: 5px 0;
}


/* --------------------------------------------------
	nav
-------------------------------------------------- */
.cont-help .sub h3 {
	margin: 0;
	padding: 5px 0;
	border: 0;
	border-bottom: 2px #00AAFF solid;
	-webkit-border-radius: 5px 5px 0 0;
	border-radius: 5px 5px 0 0;
	background: #737373;
	color: #FFFFFF;
	font-size: 93%;
	line-height: 1.5;
	text-align: center;
}

/* Level1
---------------------------------------- */
.cont-help .sub ul {
	margin: 0 0 10px;
	border-top: 1px #E6E6E6 solid;
}

.cont-help .sub ul li {
	border-right: 1px #E6E6E6 solid;
	border-bottom: 1px #E6E6E6 solid;
	border-left: 1px #E6E6E6 solid;
}

.cont-help .sub ul li a {
	display: block;
	padding: 8px 30px 8px 10px;
	background: #FFFFFF url(../img/ico_arrow_01.png) no-repeat 200px 50%;
	color: #212121;
	text-decoration: none;
}

.cont-help .sub ul li a:hover {
	background-color: #E6E6E6;
}

.cont-help .sub ul li.parent a:hover {
	background-color: #E6E6E6;
}

.cont-help .sub ul li.parent > a {
	display: block;
	padding: 8px 30px 8px 10px;
	background: #FFFFFF url(../img/ico_arrow_06.png) no-repeat 200px 50%;
	color: #212121;
	text-decoration: none;
}

.cont-help .sub ul li.parent.open > a {
	background: #CCCCCC url(../img/ico_arrow_05.png) no-repeat 200px 50% !important;
}

.cont-help .sub ul li.current > a {
	background: #00AAFF url(../img/ico_arrow_02.png) no-repeat 200px 50% !important;
	color: #FFFFFF;
	text-decoration: none;
}


/* Level2
---------------------------------------- */
.cont-help .sub ul li ul {
	display: none;
	margin: 0;
	padding: 5px 0;
	border: 0;
	background: #E6E6E6;
}

.cont-help .sub ul li ul li {
	border: 0;
	background: #E6E6E6;
}

.cont-help .sub ul li ul li a {
	padding: 5px 10px 5px 30px;
	background: #E6E6E6 url(../img/ico_arrow_03.png) no-repeat 20px 0.8em;
	color: #1F1F1F;
}

.cont-help .sub ul li ul li a:hover {
	background-color: #CCCCCC !important;
}

.cont-help .sub ul li ul li.current a {
	background: #00AAFF url(../img/ico_arrow_04.png) no-repeat 20px 0.75em !important;
}


/* //////////////////////////////////////////////////
[code]
////////////////////////////////////////////////// */

/* --------------------------------------------------
	.block-job-code
-------------------------------------------------- */
.cont-help .main .block-job-code {
	width: 740px;
	margin: 0 -20px 0 0;
}

.cont-help .main .block-job-code .unit-job-code {
	display: block;
	float: left;
	width: 350px;
	margin: 0 20px 0 0;
}

.cont-help .main .block-job-code .unit-job-code h2 {
	margin: 0 0 10px;
	padding: 0;
	font-size: 114%;
	text-align: center;
}

.cont-help .main .block-job-code .unit-job-code h2 a {
	display: block;
	border: 1px #CCCCCC solid;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	background-color: #F5F5F5;
	background-image: -moz-linear-gradient(top,#FFFFFF,#E6E6E6);
	background-image: -webkit-gradient(linear,0 0,0 100%,from(#FFFFFF),to(#E6E6E6));
	background-image: -webkit-linear-gradient(top,#FFFFFF,#E6E6E6);
	background-image: linear-gradient(to bottom,#FFFFFF,#E6E6E6);
	background-repeat: repeat-x;
	text-decoration: none;
}

.cont-help .main .block-job-code .unit-job-code h2 a:hover,
.cont-help .main .block-job-code .unit-job-code h2 a:focus {
	background-color: #E6E6E6;
	background-position: 0 -30px;
	transition: background-position 0.1s linear 0s;
}

.cont-help .main .block-job-code .unit-job-code p {
	font-size: 86%;
}


/* --------------------------------------------------
	.tbl-job-code
-------------------------------------------------- */
.cont-help .main .tbl-job-code {
	margin: 0 0 20px;
	border: 1px #CCCCCC solid;
	-webkit-border-radius: 5px;
	border-radius: 5px;
}

.cont-help .main .tbl-job-code h2 {
	margin-bottom: 0 !important;
	-webkit-border-radius: 5px 5px 0 0;
	border-radius: 5px 5px 0 0;
	font-weight: bold !important;
	font-size: 100% !important;
	line-height: 1.5;
}

.cont-help .main .tbl-job-code dl {
	margin: 0;
	border-top: 1px #CCCCCC solid;
}

.cont-help .main .tbl-job-code dt {
	display: inline-block;
	width: 165px;
	margin: 0;
	padding: 15px 10px;
	font-weight: normal;
	vertical-align: top;
}

.cont-help .main .tbl-job-code dd {
	display: inline-block;
	width: 500px;
	margin: 0;
	padding: 15px 10px;
	vertical-align: top;
}


/* //////////////////////////////////////////////////
[users popup]
////////////////////////////////////////////////// */
.cont-user .main {
	border-top: 5px #da0000 solid;
}

.cont-user .main .block-job-code {
}

.cont-user .unit-close-btn {
	margin: 20px auto;
	text-align: center;
}

.cont-user .unit-close-btn a {
	text-decoration: none;
}