@charset "utf-8";
body .rn .main--area {
    background: #e0e4eb;
}

body .rn #dBWrapper {
    font-family: 'Noto Sans JP', sans-serif;
}

body .rn div#dBWrapper input[type="checkbox"] {
    -webkit-appearance: checkbox;
    -moz-appearance: checkbox;
    appearance: checkbox;
}

body .rn div#dBWrapper input[type="radio"] {
    -webkit-appearance: radio;
    -moz-appearance: radio;
    appearance: radio;
}

/*----------------------------------------------*/
/*
/* h
/*
/*----------------------------------------------*/

/* h1
--------------------------------------*/
body .rn div#dBWrapper div#dMain h1{
	margin-bottom: 30px;
	padding-left: 30px;
	background-image: url(/images/common/module/bg_module_h1.gif);
	background-repeat: no-repeat;
	background-position: left 0.5em;
	font-size: 2.2em;
	font-weight: bold;
}
  
/* h2
--------------------------------------*/
body .rn div#dBWrapper div#aMainContents h2 {
	margin-bottom: 20px;
	padding: 10px 20px;
	background-color: #fbfaf9;
	background-image: url(/images/common/module/bg_module_h2.gif);
	background-repeat: repeat-x;
	background-position: left bottom;
	font-size: 1.4em;
	font-weight: bold;
}

body .rn div#dBWrapper div#aMainContents h2.h2Link {
	margin-bottom: 30px;
	padding: 0;
	background-image: none;
	background-color: transparent;
}
body .rn div#dBWrapper div#aMainContents h2 a{
	display: inline-block;  
	background-image: url(/images/common/module/ico_arrow_right.gif);
	background-position: right 0.7em;
	background-repeat: no-repeat;
	padding: 3px 16px 3px 0;
	color: #333333;
}


/* h3
--------------------------------------*/
body .rn div#dBWrapper div#aMainContents h3 {
	margin-bottom: 20px;
	padding: 10px 20px;
	background-image: url(/images/common/module/bg_module_h3.gif);
	background-repeat: no-repeat;
	background-position: left center;
	background-color: #eeebe8;
	font-size: 1.15em;
	font-weight: bold;
}

/* h4
--------------------------------------*/
body .rn div#dBWrapper div#aMainContents h4 {
	margin-bottom: 20px;
	padding: 10px 20px;
	background-image: url(/images/common/module/bg_module_h4.gif);
	background-repeat: no-repeat;
	background-position: left center;
	border-bottom: dotted 1px #aaaaaa;
	font-size: 1.15em;
	font-weight: bold;
}

/* h5
--------------------------------------*/
body .rn div#dBWrapper div#aMainContents h5 {
	margin-bottom: 20px;
	font-size: 1.15em;
	font-weight: bold;
}

/* hModEleHCol
--------------------------------------*/
body .rn div#dBWrapper div#aMainContents .hModEleHCol {
	margin-bottom: 20px;
}

/* hModEleCol h2 */
body .rn div#dBWrapper div#aMainContents .hModEleHCol h2 {
	float: left;
	padding-bottom: 0;
	margin-bottom: 0;
	border-bottom: none;
	background-color: transparent;
}

/* hModEleCol div */
body .rn div#dBWrapper div#aMainContents .hModEleHCol div {
	float: right;
	margin-top: 5px;
	text-align: right;
	vertical-align: middle;
}

/*----------------------------------------------*/
/*
/* p
/*
/*----------------------------------------------*/
body .rn div#dBWrapper div#aMainContents p {
  margin-bottom: 0;
}

body .rn div#dBWrapper div#aMainContents table p, 
body .rn div#dBWrapper div#aMainContents fieldset p {
  margin-bottom: 5px;
}

body .rn div#dBWrapper div#aMainContents p.pModEleHalf,
body .rn div#dBWrapper div#aMainContents .comModEleHalf {
  margin-bottom: 10px;
}

body .rn div#dBWrapper div#aMainContents p.pModEleTop,
body .rn div#dBWrapper div#aMainContents .comModEleTop {
  margin-top: 20px;
  margin-bottom: 0;
}

body .rn div#dBWrapper div#aMainContents p.pModEleTopHalf,
body .rn div#dBWrapper div#aMainContents .comModEleTopHalf {
  margin-top: 10px;
  margin-bottom: 0;
}

body .rn div#dBWrapper div#aMainContents p.pModEleIndent,
body .rn div#dBWrapper div#aMainContents .comModEleIndent {
  text-indent: 1em;
}

body .rn div#dBWrapper div#aMainContents p.pModEleCenter,
body .rn div#dBWrapper div#aMainContents .comModEleCenter {
  text-align: center;
}

body .rn div#dBWrapper div#aMainContents p.pModEleRight,
body .rn div#dBWrapper div#aMainContents .comModEleRight {
  text-align: right;
}

/*----------------------------------------------*/
/*
/* a
/*
/*----------------------------------------------*/
body .rn div#dBWrapper div#aMainContents a.aModEleDef {
	display: inline-block;  
  background-image: url("/images/common/module/ico_arrow_right.gif");
  background-position: 4px 0.7em;
  background-repeat: no-repeat;
  padding: 3px 0 3px 16px;
}

body .rn div#dBWrapper div#aMainContents a.aModEleBack {
	display: inline-block;  
  background-image: url("/images/common/module/ico_arrow_left.gif");
  background-position: 4px 0.5em;
  background-repeat: no-repeat;
  padding: 3px 0 3px 16px;
}

body .rn div#dBWrapper div#aMainContents a.aModEleUp {
	display: inline-block;  
  background-image: url("/images/common/module/ico_arrow_up.gif");
  background-position: 4px 0.8em;
  background-repeat: no-repeat;
  padding: 3px 0 3px 16px;
}

body .rn div#dBWrapper div#aMainContents a.aModEleDown {
	display: inline-block;  
  background-image: url("/images/common/module/ico_arrow_down.gif");
  background-position: 4px 0.8em;
  background-repeat: no-repeat;
  padding: 3px 0 3px 16px;
}

/*----------------------------------------------*/
/*
/* list
/*
/*----------------------------------------------*/
/* list bottom margin
--------------------------------------*/

body .rn div#dBWrapper div#aMainContents table ul, 
body .rn div#dBWrapper div#aMainContents table ol, 
body .rn div#dBWrapper div#aMainContents table dl, 
body .rn div#dBWrapper div#aMainContents fieldset ul, 
body .rn div#dBWrapper div#aMainContents fieldset ol, 
body .rn div#dBWrapper div#aMainContents fieldset dl {
  margin-bottom: 5px;
}

/* error
--------------------------------------*/
body .rn div#dBWrapper div#aMainContents p.pErrorBox {
  font-weight: bold;
  color: #E90000;
  padding: 5px 10px;
  margin-top: 5px;
  background-color: #ffeeee;
}

body .rn div#dBWrapper div#aMainContents p.pError {
  font-weight: bold;
  color: #E90000;
  padding: 2px 5px;
  margin-top: 5px;
  background-color: #ffeeee;
}


/* hr
--------------------------------------*/
body .rn div#dBWrapper div#aMainContents hr {
  height: 1px;
  border-top: 0;
  border-left: 0;
  border-right: 0;
  border-bottom: 3px solid #EEEEEE;
  margin-bottom: 40px;
}

body .rn div#dBWrapper a {
  color: #00337f;
  text-decoration: none;
}

body .rn div#dBWrapper a:hover {
  color: #00337f;
  text-decoration: underline;
}

body .rn div#dBWrapper a:active {
  color: #763769;
  text-decoration: underline;
}

body .rn div#dBWrapper a:visited {
  color: #763769;
  text-decoration: none;
}

body .rn div#dBWrapper a:focus {
  color: #00337f;
  text-decoration: underline;
}

body .rn div#dBWrapper input[type="text"],
body .rn div#dBWrapper input[type="password"],
body .rn div#dBWrapper select,
body .rn div#dBWrapper textarea {
  padding: 5px 5px;
  border: 1px solid #CCCCCC;
}

body .rn div#dBWrapper input[type="text"]:focus,
body .rn div#dBWrapper input[type="password"]:focus,
body .rn div#dBWrapper select:focus,
body .rn div#dBWrapper textarea:focus {
  border: 1px solid #AACCEE;
  background-color: #F8FDFF;
}

body .rn div#dBWrapper input[type="button"],
body .rn div#dBWrapper input[type="submit"],
body .rn div#dBWrapper input[type="button"].disabled:hover,
body .rn div#dBWrapper input[type="submit"].disabled:hover {
  padding: 3px 5px;
  color: inherit;
  border-color: rgb(216, 216, 216) rgb(209, 209, 209) rgb(186, 186, 186);
  border-style: solid;
  border-width: 1px;
}

body .rn div#dBWrapper input[type="button"]:hover, 
body .rn div#dBWrapper input[type="button"]:focus, 
body .rn div#dBWrapper input[type="button"]:active, 
body .rn div#dBWrapper input[type="button"]:visited,
body .rn div#dBWrapper input[type="submit"]:hover,
body .rn div#dBWrapper input[type="submit"]:focus,
body .rn div#dBWrapper input[type="submit"]:active,
body .rn div#dBWrapper input[type="submit"]:visited,
body .rn div#dBWrapper input[type="button"].disabled:hover:hover,
body .rn div#dBWrapper input[type="button"].disabled:hover:focus,
body .rn div#dBWrapper input[type="button"].disabled:hover:active,
body .rn div#dBWrapper input[type="button"].disabled:hover:visited,
body .rn div#dBWrapper input[type="submit"].disabled:hover:hover,
body .rn div#dBWrapper input[type="submit"].disabled:hover:focus,
body .rn div#dBWrapper input[type="submit"].disabled:hover:active,
body .rn div#dBWrapper input[type="submit"].disabled:hover:visited {
  text-decoration: none;
}

body .rn div#dBWrapper input[type="button"]:hover,
body .rn div#dBWrapper input[type="submit"]:hover {
  border: 1px solid #AACCEE;
  background-color: #F8FDFF;
}

body .rn div#dBWrapper a.btn, 
body .rn div#dBWrapper input[type="submit"], 
body .rn div#dBWrapper input[type="reset"] {
    display:inline-block;
    margin:0 2px;
    padding:2px 15px;
    font-size: 12px;
    text-decoration:none;
    color:#000;
    border-radius:3px;
    -webkit-border-radius:3px;
    -moz-border-radius:3px;
    border:1px solid #8a8a8a;
    box-shadow:0 0 2px#999;
    outline:none;
    background: -moz-linear-gradient(top center, #fff 0%, #ddd 100%);
    background: -webkit-gradient(linear, center top, center bottom, from(#fff), to(#ddd));
    background: linear-gradient(to bottom, #fff, #ddd);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#dddddd',GradientType=0);
}

body .rn div#dBWrapper a.btn:hover, 
body .rn div#dBWrapper input[type="submit"]:hover, 
body .rn div#dBWrapper input[type="reset"]:hover {
	color:#f00;
}

body .rn div#dBWrapper div, 
body .rn div#dBWrapper dl, 
body .rn div#dBWrapper dt, 
body .rn div#dBWrapper dd, 
body .rn div#dBWrapper ul, 
body .rn div#dBWrapper ol, 
body .rn div#dBWrapper li, 
body .rn div#dBWrapper h1, 
body .rn div#dBWrapper h2, 
body .rn div#dBWrapper h3, 
body .rn div#dBWrapper h4, 
body .rn div#dBWrapper h5, 
body .rn div#dBWrapper h6, 
body .rn div#dBWrapper form, 
body .rn div#dBWrapper fieldset, 
body .rn div#dBWrapper legend, 
body .rn div#dBWrapper input, 
body .rn div#dBWrapper textarea, 
body .rn div#dBWrapper p, 
body .rn div#dBWrapper table, 
body .rn div#dBWrapper tr, 
body .rn div#dBWrapper th, 
body .rn div#dBWrapper td {
  margin: 0;
  padding: 0;
}

body .rn div#dBWrapper table, 
body .rn div#dBWrapper tr, 
body .rn div#dBWrapper th, 
body .rn div#dBWrapper td, 
body .rn div#dBWrapper fieldset, 
body .rn div#dBWrapper img {
	border: 0;
}

body .rn div#dBWrapper table {
	border-collapse:collapse;
	border-spacing: 0;
}

body .rn div#dBWrapper address, 
body .rn div#dBWrapper caption, 
body .rn div#dBWrapper th,
body .rn div#dBWrapper em {
  font-style: normal;
  font-weight: normal;
}

body .rn div#dBWrapper ul li {
  list-style: none;
}

body .rn div#dBWrapper caption, 
body .rn div#dBWrapper th {
  text-align: left;
}

body .rn div#dBWrapper h1, 
body .rn div#dBWrapper h2, 
body .rn div#dBWrapper h3, 
body .rn div#dBWrapper h4, 
body .rn div#dBWrapper h5, 
body .rn div#dBWrapper h6 {
  font-size: 1em;
  font-weight: normal;
}

body .rn div#dBWrapper sup {
  vertical-align: text-top;
  line-height: 1;
}

body .rn div#dBWrapper sub {
  vertical-align: text-bottom;
  line-height: 1;
}

body .rn div#dBWrapper img {
  vertical-align: bottom;
}

body .rn div#dBWrapper table.enableBorder {
    border: 2px solid #333;
}
body .rn div#dBWrapper table.enableBorder tr {
    border: 1px solid #333;
}
body .rn div#dBWrapper table.enableBorder th {
    border: 1px solid #333;
}
body .rn div#dBWrapper table.enableBorder td {
    border: 1px solid #333;
}

body .rn div#dBWrapper a.popup {
    display: inline-block;  
    background-image: url("/images/common/module/ico_popup.gif");
    background-position: 4px 0.7em;
    background-repeat: no-repeat;
    padding: 3px 0 3px 16px;
}

body .rn div#dBWrapper .btnBasic {
    background-image: -moz-linear-gradient(top, #9a8d82, #67594e);
    background-image: -ms-linear-gradient(top, #9a8d82, #67594e);
    background-image: -o-linear-gradient(top, #9a8d82, #67594e);
    background-image: -webkit-gradient(linear, center top, center bottom, from(#9a8d82), to(#67594e));
    background-image: -webkit-linear-gradient(top, #9a8d82, #67594e);
    background-image: linear-gradient(top, #9a8d82, #67594e);
    color: #fff;
    padding: 8px 24px 8px 16px;
    position: relative;
    letter-spacing: 0.1em;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    margin: auto 4px;
}
body .rn div#dBWrapper .btnBasic:after {
    display: inline-block; 
    content: "";
    position: absolute;
    top: 50%;
    /*left: 4px;*/
    width: 0;
    height: 0;
    margin-top: -4px;
    margin-left: 4px;
    border: 4px solid transparent;
    border-left: 6px solid #fff;
}
body .rn div#dBWrapper .btnBasic:hover {
    opacity: 0.7;
    text-decoration: none;
    color: #fff;
}
body .rn div#dBWrapper .btnBasic:visited, .btnBasic:focus {
    color: #fff;
    text-decoration: none;
}

body .rn div#dBWrapper .btnFixedS {
    width: 40px;
}
body .rn div#dBWrapper .btnFixedM {
    width: 80px;
}
body .rn div#dBWrapper .btnFixedL {
    width: 120px;
}

body .rn div#dBWrapper .btnSlim {
    padding: 4px 24px 4px 16px;
}

body .rn div#dBWrapper a.btnLight {
    background-image: -moz-linear-gradient(top, #ffffff, #d7cfc9);
    background-image: -ms-linear-gradient(top, #ffffff, #d7cfc9);
    background-image: -o-linear-gradient(top, #ffffff, #d7cfc9);
    background-image: -webkit-gradient(linear, center top, center bottom, from(#ffffff), to(#d7cfc9));
    background-image: -webkit-linear-gradient(top, #ffffff, #d7cfc9);
    background-image: linear-gradient(top, #ffffff, #d7cfc9);
    color: #333;
    padding: 4px 8px;
    border: 1px solid #ccc;
    border-radius: 4px;
    text-decoration: none;
}
body .rn div#dBWrapper a.btnLight:hover {
    opacity: 0.7;
    text-decoration: none;
    color: #333;
}
body .rn div#dBWrapper a.btnLight:visited {
    color: #333;
    text-decoration: none;
}

/*error message*/
body .rn div#dBWrapper em.error {
    color:#fff;
    background-color: #f00;
    padding: 0.3em 1em;
    margin: 4px;
    font-size:0.8em;
    border-radius: 1em;
    display:inline-block;
}
body .rn div#dBWrapper em.error.top {
    text-align:center;
    display:block;
    font-size:1em;
}

body .rn div#dBWrapper video {
    max-width: 100%;
    height: auto;
}

body .rn div#dBWrapper ul.actionArea {
    margin: 8px 0;
    text-align: center;
}
body .rn div#dBWrapper ul.actionArea li {
    display: inline-block;
    vertical-align: middle;
    margin: 4px 0;
}
body .rn div#dBWrapper ul.actionArea li.break {
    display: block;
}

body .rn  button, 
body .rn  fieldset, 
body .rn  form, 
body .rn  input, 
body .rn  label, 
body .rn  legend, 
body .rn  select, 
body .rn  textarea {
    font-size: 62.5%;
}

body .rn .reset-this {
    animation : none;
    animation-delay : 0;
    animation-direction : normal;
    animation-duration : 0;
    animation-fill-mode : none;
    animation-iteration-count : 1;
    animation-name : none;
    animation-play-state : running;
    animation-timing-function : ease;
    backface-visibility : visible;
    background : 0;
    background-attachment : scroll;
    background-clip : border-box;
    background-color : transparent;
    background-image : none;
    background-origin : padding-box;
    background-position : 0 0;
    background-position-x : 0;
    background-position-y : 0;
    background-repeat : repeat;
    background-size : auto auto;
    border : 0;
    border-style : none;
    border-width : medium;
    border-color : inherit;
    border-bottom : 0;
    border-bottom-color : inherit;
    border-bottom-left-radius : 0;
    border-bottom-right-radius : 0;
    border-bottom-style : none;
    border-bottom-width : medium;
    border-collapse : separate;
    border-image : none;
    border-left : 0;
    border-left-color : inherit;
    border-left-style : none;
    border-left-width : medium;
    border-radius : 0;
    border-right : 0;
    border-right-color : inherit;
    border-right-style : none;
    border-right-width : medium;
    border-spacing : 0;
    border-top : 0;
    border-top-color : inherit;
    border-top-left-radius : 0;
    border-top-right-radius : 0;
    border-top-style : none;
    border-top-width : medium;
    bottom : auto;
    box-shadow : none;
    box-sizing : content-box;
    caption-side : top;
    clear : none;
    clip : auto;
    color : inherit;
    columns : auto;
    column-count : auto;
    column-fill : balance;
    column-gap : normal;
    column-rule : medium none currentColor;
    column-rule-color : currentColor;
    column-rule-style : none;
    column-rule-width : none;
    column-span : 1;
    column-width : auto;
    content : normal;
    counter-increment : none;
    counter-reset : none;
    cursor : auto;
    direction : ltr;
    display : inline;
    empty-cells : show;
    float : none;
    font : normal;
    font-family : inherit;
    font-size : medium;
    font-style : normal;
    font-variant : normal;
    font-weight : normal;
    height : auto;
    hyphens : none;
    left : auto;
    letter-spacing : normal;
    line-height : normal;
    list-style : none;
    list-style-image : none;
    list-style-position : outside;
    list-style-type : disc;
    margin : 0;
    margin-bottom : 0;
    margin-left : 0;
    margin-right : 0;
    margin-top : 0;
    max-height : none;
    max-width : none;
    min-height : 0;
    min-width : 0;
    opacity : 1;
    orphans : 0;
    outline : 0;
    outline-color : invert;
    outline-style : none;
    outline-width : medium;
    overflow : visible;
    overflow-x : visible;
    overflow-y : visible;
    padding : 0;
    padding-bottom : 0;
    padding-left : 0;
    padding-right : 0;
    padding-top : 0;
    page-break-after : auto;
    page-break-before : auto;
    page-break-inside : auto;
    perspective : none;
    perspective-origin : 50% 50%;
    position : static;
    /* May need to alter quotes for different locales (e.g fr) */
    quotes : '\201C' '\201D' '\2018' '\2019';
    right : auto;
    tab-size : 8;
    table-layout : auto;
    text-align : inherit;
    text-align-last : auto;
    text-decoration : none;
    text-decoration-color : inherit;
    text-decoration-line : none;
    text-decoration-style : solid;
    text-indent : 0;
    text-shadow : none;
    text-transform : none;
    top : auto;
    transform : none;
    transform-style : flat;
    transition : none;
    transition-delay : 0s;
    transition-duration : 0s;
    transition-property : none;
    transition-timing-function : ease;
    unicode-bidi : normal;
    vertical-align : baseline;
    visibility : visible;
    white-space : normal;
    widows : 0;
    width : auto;
    word-spacing : normal;
    z-index : auto;
    /* basic modern patch */
    all: initial;
    all: unset;
}

body .rn div#dBWrapper .btnSapa {
    display: inline-block;
    border-style: solid;
    color: black;
        padding: 10px; 
    background-color: rgb(255, 102, 0);
        color: rgb(255, 255, 255);
    border-width:1px;
    border-color: darkgray;
    text-decoration: none;
        margin-bottom: 10px; 
        border-radius:10px;
        font-size: 22px;
}
body .rn div#dBWrapper .btnSapa:after {
    display: inline-block; 
    content: "";
    position: absolute;
    top: 50%;
    /*left: 4px;*/
    width: 0;
    height: 0;
    margin-top: -4px;
    margin-left: 4px;
    border: 4px solid transparent;
    border-left: 6px solid #fff;
}
body .rn div#dBWrapper .btnSapa:hover {
    opacity: 0.7;
    text-decoration: none;
    color: rgb(255, 255, 255);
}
body .rn div#dBWrapper .btnSapa:visited, .btnSapa:focus {
    color: #fff;
    text-decoration: none;
}