﻿.terms-body {
    font-family: "Lucida Grande","Lucida Sans","Lucida Sans Unicode", sans-serif;
    min-width: 1280px;
}
    .terms-body #mjs-main {
        -webkit-flex: 1 0 auto;
        flex: 1 0 auto;
        -webkit-flex-grow: 1;
        flex-grow: 1;
        min-width: calc(100vw - 15px);
    }
.terms-base-body {
    background-color: #fff;
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -ms-flex-flow: column wrap;
    -webkit-flex-flow: column wrap;
    flex-flow: column wrap;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    -webkit-align-items: stretch;
    align-items: stretch;
    -ms-flex-wrap: nowrap;
    -webkit-flex-wrap: nowrap;
    flex-wrap: nowrap;
}
.terms-base-body .panel-body {
    margin-left: auto;
    margin-right: auto;
    padding: 50px 0 0 0;
}
.terms-header {
    background-color: #252525;
    min-height: 64px;
    border-bottom: 2px #1a74b0 solid;
    border-radius: 0;
}
.terms-header-inner {
    padding: 0 20px;
    width: 1280px;
}
.terms-header .terms-title-logo {
    display: inline-block;
    float: left;
    padding-top: 11px;
}
.terms-header .terms-title {
    display: inline-block;
    float: left;
    color: #ffffff;
    font-size: 28px;
    font-weight: bold;
    padding: 13px 0 0 8px;
}
.terms-body h1 {
    color: #1a74b0;
    border-bottom: 3px #1a74b0 solid;
	font-weight: bold;
    margin-bottom: 20px;
    font-size: 1.75em;
    line-height: 1.75em;
    margin: 0 auto;
    width: 918px;
}
.termsMenu {
    width: 768px;
    margin-left: auto;
    margin-right: auto;
}
.termsMenu dt {
    padding-top: 7px 20px 0 0;
    position: relative;
    height: 40px;
    border-bottom: 1px solid #ccc;
    cursor: pointer;
    font-size: 24px;
}
.termsMenu dd {
    overflow: auto;
    height: 450px;
    padding: 20px;
    margin-bottom: 20px;
    border: 1px solid #ccc;
}
.termsName {
    font-size: 20px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    padding-top: 7px;
}
    .termsName span {
        min-width: 220px;
        font-family: Verdana, "���S�V�b�N", YuGothic, "�q���M�m�p�S ProN W3", "Hiragino Kaku Gothic ProN", "���C���I", Meiryo, sans-serif;
        font-size: 20px;
        padding-left:30px;
    }
    .termsName .termsNameSupplement {
        max-width: 500px;
        padding-top: 0;
        font-size: 14px;
    }
.termsDownload-btn {
	width: 70px;
    float: right;
}
	.termsDownload-btn span {
		position: absolute;
	}
		.termsDownload-btn span:first-child {
			top: 10px;
			left: 8px;
		}
		.termsDownload-btn span:last-child {
			right: 0;
		}
.termsText_content {
    padding-bottom: 10px;
    width: 720px;
}
    .termsText_content p {
        margin: 0;
    }
        .termsText_content li {
            padding-left: 30px;
            position: relative;
        }
            .termsText_content li span {
                left: 0;
                position: absolute;
            }
.terms-footer {
    min-height: 60px;
    bottom: 0;
    width: 100%;
    background-color: #252525;
}
.terms-footer-inner {
    padding: 8px 0;
}
.terms-footer-inner p {
    color: #f2f2f2;
    text-align: center;
    margin-bottom: 2px;
}
.terms-footer-inner a{
    color: #f2f2f2;
    margin: 0 20px;
}
