@charset "utf-8";

/* SP：secure_sp.css
 * ======================================
 * Title
 * Main
 * Side
 * ======================================
 */

/* Title
-------------------------------------------------- */

#content .title {
    background-image: url(../images/bg_title.jpg);
}

/* Main
-------------------------------------------------- */

#content .main {
    padding-bottom: 40px;
}

/* headline */
#content .main h2 {
    background: rgba(11, 75, 125, 0.3);
    border-bottom: 3px solid rgba(11, 75, 125, 0.2);
}
#content .main h2:before {
    background: #19497d;
}
#content .main h3 {
    background-image: url(../images/icon_h3.png);
    border-bottom-color: #19497d;
}
#content .main h4 {
    color: #19497d;
}
#content .main h4:before {
    background: #19497d;
}

/* require */
#content .main span.require {
    background: #e16117;
    color: #ffffff;
    display: inline-block;
    font-size: 1.0rem;
    height: 16px;
    line-height: 17px;
    margin: 0 0 0 5px;
    padding: 0 6px;
    vertical-align: 0.1em;
}
#content .main p span.require {
    margin: 0 5px 0 0;
}

/* table */
#content .main table {
    border-bottom: 1px solid #d4d4d4;
}
#content .main table tr th {
    border-bottom: none;
    display: block;
    text-align: left;
}
#content .main table tr td {
    border-bottom: none;
    display: block;
    font-size: 1.2rem;
}

/* text */
#content .main input[type="text"] {
    border: 1px solid #d4d4d4;
    height: 40px;
    margin: 5px 0;
    outline: none;
    padding: 0 0.5em;
    vertical-align: middle;
    width: 100%;
}
#content .main input[type="text"].short {
    width: 5em;
}

/* label */
#content .main label {
    display: block;
}
#content .main label + label {
    margin-top: 10px;
}




/* checkbox */
#content .main input[type="checkbox"] {
    margin-right: 4px;
    vertical-align: -0.25em;
}

/* radio */
#content .main input[type="radio"] {
    margin-right: 4px;
    vertical-align: -0.25em;
}

/* select */
#content .main select {
    border: 1px solid #d4d4d4;
    height: 40px;
    margin: 5px 0;
    outline: none;
    width: 100%;
}

/* textarea */
#content .main textarea {
    border: 1px solid #d4d4d4;
    height: 150px;
    line-height: 1.53;
    outline: none;
    padding: 0.5em;
    width: 100%;
}

/* submit */
#content .main input[type="submit"] {
    background: #19497d;
    border: none;
    color: #ffffff;
    cursor: pointer;
    display: block;
    font-size: 1.5rem;
    height: 47px;
    letter-spacing: 0;
    line-height: 49px;
    margin: 5.3% auto 0;
    outline: none;
    text-align: center;
    position: relative;
    width: 270px;
}
#content .main input[type="submit"].back {
    background: #b5c9d8;
    color: inherit;
}

/* error */
#content .main .error {
    color: #f62432
}
#content .main .errorMessage {
    border: 1px solid #f62432;
    color: #f62432;
    margin: 5.3% 0 0 0;
    padding: 4%;
}
#content .main .errorMessage p {
    font-size: 1.2rem;
    margin-top: 0;
}
#content .main .errorMessage ul {
    list-style: none;
}
#content .main .errorMessage ul li {
    font-size: 1.2rem;
    line-height: 1.6;
}
#content .main .errorMessage ul li:before {
    content: '・';
}

/* link */
#content .main ul.link {
    list-style: none;
    margin: 2.8% 0 0 0;
}
#content .main ul.link li {
    line-height: 2;
}
#content .main ul.link li:before {
    content: '・';
}

/* Side
-------------------------------------------------- */

/* head */
#content .side {
    display: none;
}

/* list */
#content .side ul li a > img {
    margin: 0 5px 0 0;
    vertical-align: text-bottom;
    width: 34px;
}
#content .side ul li.parent > a {
    border-bottom-color: #e8e1cc;
}
#content .side ul li a:after {
	background-image: url(../images/arrow.png);
}
#content .side ul li a[target="_blank"]:after {
	background-image: url(../images/icon_link.png);
}
#content .side ul li a.parent:after {
    border-right-color: #19497d;
	border-bottom-color: #19497d;
}
#content .side ul li a:hover:before,
#content .side ul li.current a:before {
    background: #e16117;
}