/* charset */
@charset "UF-8";

/* 初期化・ベース------------------------------------------------------------- */
* {
    margin:0px;
    padding:0px;
}

html, body {
    font-family: 'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','ＭＳ Ｐゴシック','MS P Gothic',sans-serif;
    margin:0 ;
    padding:0;
    font-size:small;
    text-align:center;
    color:#424242;
    width: 100%;
    background:url(../help-images/bg-body.gif) #f4f4f4 top center repeat-y;
}

/* a */
a:link{
    color:#145eb1;
}

a:visited{
    color:#145eb1;
}

a:hover{
    color:#ff0000;
}

a.linkName{ color:#424242;}

/* 縦スクロールバーを常時表示-------------------------------------- */
html{
    overflow-y:scroll;
}

/* ul  */
ul {
    margin:0px;
    padding:0px;
    list-style:none;
    font-size:95%;
}

ul li {
    list-style:none;
    text-align:left;
    list-style-postion: outside;
    padding:4px 0px 1px 0px;
    line-height:1.1em;
    border-bottom:dotted 1px #818181;
}

ul li.ll {
    list-style:none;
    text-align:left;
    list-style-postion: outside;
    padding:4px 0px 2px 2px;
    margin:0px 8px 2px 11px;
    line-height:1.1em;
    border-bottom:dotted 1px #818181;
    font-size:105%;
}



/* dl dt dd  */
dl{
    margin:10px 0px 15px 28px;
}

dt{
    font-weight:bold;
    padding-left:10px;
    padding-top: -5px;
    margin:0px 0px 2px 0px;
    background:url(../help-images/ico-ya.gif) left center #FFFFFF no-repeat;
}

.position8{ background-position:left 8%;}
.position10{ background-position:left 10%;}
.position20{ background-position:left 20%;}

dl dd{
    font-size:95%;
    width:auto;
    line-height:1.1em;
}

dl dd{
    font-size:95%;
    width:auto;
    line-height:1.4em;
    width: 520px;
    margin-bottom: 10px;

}

dl.commentary dt {
    margin-bottom: 5px;
}

dl.commentary dd {
    margin-bottom: 10px;
    margin-left: 10px;
}


/* img */
img {
    vertical-align:middle;
    margin-right:3px;
}
/* p  */
p{
    width:560px;
    margin:10px 0px 7px 12px;
    line-height:1.3em;
    margin-bottom: 0px;
}

p.h4-p{
    width:550px;
    margin:10px 0px 5px 25px;
}

p.section{
	width:390px;
	margin:5px 0px 3px 2px;
	line-height:1.3em;
}

/* 見出し  */
h1, h2, h3, h4, h5{
    margin:0px;
    padding:0px;
}

h2{
    margin:5px 5px 10px 5px;
    font-size:1.1em;
    background:url(../help-images/bg-h2.gif) transparent left top repeat-x;
    border-top:1px solid #cfcfcf;
    border-left:1px solid #cfcfcf;
    border-right:1px solid #cfcfcf;
    border-bottom:3px solid #6699cc;
    height:31px;
}

h2 span{
    position:relative;
    top:7px;
    left:8px;
}

h3{
    font-size:1.1em;
    margin:25px 0px 10px 10px;
    border-bottom:1px dotted #cccccc;
    width:570px;
    padding-bottom:2px;
}

h4{
    font-size:1.0em;
    margin:20px 0px  7px 20px;
    padding-bottom:2px;
    border-bottom:1px dotted #cccccc;
    width:560px;
}

h5{
    font-size:1.0em;
    margin:12px 0px  0px 25px;
    border-bottom:1px dotted #cccccc;
    padding-bottom:2px;
    width:550px;
}

h5 span.line{
    padding:2px;
}

/* table  */
table{
    border:1px solid #bdbcbd;
    border-collapse:collapse;
    margin:12px 0px 15px 15px;
    font-size:90%;
    width:542px;
}

table th, table tbody th {
    padding:3px 2px 3px 3px;
    text-align:left;
    background-color:#f4f4f4;
    border:1px solid #bdbcbd;
    white-space: nowrap;
	vertical-align:top;
	line-height:1.4em;
}

table th.title{
    padding:3px;
    text-align:left;
    background-color:#9a9a9a;
    border:1px solid #bdbcbd;
    white-space: nowrap;
    vertical-align:top;
    line-height:1.4em;
    color: #ffffff;
    text-align: center;
}

table td{
    padding:3px;
    border:1px solid #bdbcbd;
	line-height:1.25em;
}

table caption {
    font-weight: bold;
    margin-bottom: 5px;
}

table thead th {
    background-color: #e5f0f6;
}

table.data{
    border:1px solid #bdbcbd;
    border-collapse:collapse;
    margin:7px 0px 7px 10px;
    width:395px;
	font-size:100%;
}

table.data-s{
	border:none;
	border-collapse:collapse;
	margin:5px 0px 5px 8px;
	width:auto;
	font-size:100%;
}

table.data-s td{
	padding:2px;
	border:none;
	vertical-align:top;
}


/* table2  */
table.table-s{
    border:1px solid #bdbcbd;
    border-collapse:collapse;
    width:96%;
    font-size: 100%;
    margin-left: 5px;
    margin-top: 5px;
}

table.table-s th{
    padding:3px;
    text-align:left;
    background-color:9a9a9a;
    border:1px solid #bdbcbd;
    white-space: nowrap;
    vertical-align:top;
    line-height:1.4em;
}

table.table-s th.title{
    padding:3px;
    text-align:left;
    background-color:#eeeeee;
    border:1px solid #bdbcbd;
    white-space: nowrap;
    vertical-align:top;
    line-height:1.4em;
    color: #ffffff;
    text-align: center;
}

table.table-s td{
    padding:3px;
    border:1px solid #bdbcbd;
	line-height:1.25em;
}



#container{
    width:835px;
    margin:0px auto;
}

/* header  */
#header{
    margin:0px auto;
    padding:0px;
    width:815px;
    position:relative;
    top:0px;
    left:0px;
}


#header h1{
    background:url(../help-images/bg-header.gif) transparent left top repeat-x;
    float:right;
    height:65px;
    width:744px;
    text-align:left;
    font-size:1.5em;
    margin:0px;
    color:#FFFFFF;
}

#header h1 span{
    position:relative;
    top:24px;
    left:2px;
    float:left;
}

.mark{
    background:url(../help-images/bg-header-mark.gif) transparent left top no-repeat;
    height:65px;
    width:71px;
    float:left;
}

.subtitle{
   text-align:right;
   font-size:small;
   font-weight:normal;
   display:inline;
   float:right;
   margin:45px 16px 0px 0px;
}

/* wrap  */
#wrap{
    width:828px;
}

/* sideMenu */
#sideMenu {
    width: 210px;
    border: #dcdcdc solid 1px;
    margin: 6px 0px 10px 15px;
    text-align: left;
    float: left;
    display: inline;
    background-color: #FFFFFF;
}

#sideMenu a{
    text-decoration:none;
}

#sideMenu ul {
    counter-reset: item 0;
    color: #145EB1;
    font-size:100%;
}

#sideMenu ul>li {
    list-style-type: none;
}

ul.index-1 li {
    display: block !important;
    font-weight: bold;
    margin: 5px 4px 5px 5px;
    padding: 10px 0px 9px 15px;
    background:url(../help-images/bg-menu-index1.gif) left top #FFFFFF no-repeat;
    line-height:1.4em;
}

ul.index-1 li ul.index-2 {
    margin-top: 9px;
    margin-left:-15px;
}

ul.index-1 li ul.index-2 li {
    font-weight: normal;
    border: none 0px;
    border-bottom: 1px dotted #aaa;
    padding: 4px 0 0px 2px ;
    margin: 0 2px 0px 2px;
    background-image:none;
    border-right:none 0px !important;
    line-height:1.3em !important;
}
ul.index-3 { margin-top: 3px; }
ul.index-3 li {
  background:url(../help-images/ico-list-ya.gif) left 7px #FFFFFF no-repeat !important;
    text-align:left;
    list-style-postion: outside;
    padding: 4px 0px 2px 12px !important;
    margin: 0px 0px 2px 5px !important;
    line-height:1.1em;
    border-bottom:dotted 1px #818181;
    font-size:98% !important;
}

ul.index-2 li:last-child, ul.index-3 li:last-child { border-bottom: none 0px !important; }

ul.leftTitle{
    margin:0px 0px 6px 5px;
    text-align:left;
}

ul.leftTitle li{
    list-style:none;
    width:200px;
    height:34px;
    background:url(../help-images/bg-menu.gif) right top repeat-x transparent;
    border-right:#bdbcbd solid 1px;
    padding:0px;
    border-bottom:none;
    line-height:normal;
    list-style-position : intside;
}

html:not(:target) ul.leftTitle li a{
    padding:8px 0px 7px 15px;
    display:block;
    font-weight:bold;
}



ul.leftTitle li a{
    padding:10px 0px 10px 15px;
    display:block;
    font-weight:bold;
}

ul.leftTitle li a:link{
    color:#28477c;
}

ul.leftTitle li a:visited{
    color:#28477c;
}

ul.leftTitle li a:hover{
    color:#72a8cc;
}

/* contents */
#contents{
    float:right;
    width:590px;
    margin:6px 8px 6px 0px;
    text-align:left;
    display: inline;
    background-color:#FFFFFF;
    text-align:left;
}

/* 説明に使う画面画像のstyle */
#contents img.view{
    margin:10px;
    border:1px solid #aaaaaa;
    margin-left:12px;
}

#contents p.view {
    padding: 10px;
    border: 1px solid #aaaaaa;
    max-width: 510px;
}
.pageToplink{
    text-align:right;
    margin:30px 15px 5px 0px;
}

/* footer  */
#footer{
    clear:both;
    text-align:left;
/*     border-top:1px solid #dcdcdc; */
    padding:5px 0px 3px 18px;
    margin-top:5px;
    margin-left: 10px;
    font-size:90%;
    width: 797px;
}

.caption-big{
	background:url("../help-images/ico-ya.gif") no-repeat scroll 0 50% #FFFFFF;
	font-size:107%;
	font-weight:bold;
	margin-left:10px;
	margin-top:20px;
	padding-left:15px;
}

.favorite-icon{
    width:11px;
    height:11px;
    padding-bottom:2px;
    padding-right:0px;
    margin-right: 0px;
}

/* 汎用 ----------------------------------*/
.fLeft{ float:left;}

.cc { text-align: center; }
.rr { text-align: right; }
.ll { text-align: left; }

.paddingTop5{ padding-top:5px; }
.marginBottom6{ margin-bottom:6px; }

.nowrap{ white-space: nowrap; }
.normalWeight{ font-weight:normal; }
.attention{ color:#FF0000;}
.bold { font-weight: bold; }

.bRnone{ border-right:none; }
.bLnone{ border-left:none; }

.caption { font-weight: bold; margin-top: 40px; margin-bottom: 0; text-align: center;}

.bold { font-weight: bold; color: #555555;}

#sideMenu ol li:before {
    content: counters(item, "-", decimal) ".";
    counter-increment: item;
}