﻿#main{
    margin: auto;
    width: 95%;
    max-width: 1100px;
    padding: 20px 0;
}

[class^="icon-"]:before, [class*=" icon-"]:before{
    margin-right:15px;
}

.content{
    min-height:400px;
    background-color:#fff;
    margin-top:20px;
}

.error{
    color:#FF0000;
}

h1{
font-size: 24px;
    background-color: #F3EFEC;
    padding: 5px 10px;
    border-top: solid 2px #272425;
    margin-bottom: 15px;
    border-bottom: solid 1px #E1EAEB
}

h2{
    font-size:20px;
    border: #ff8635 solid 3px;
    border-image: url("../Images/h2border.png") 0 0 35 0 repeat;
    margin-bottom:10px;
}

#wrap h3{
    font-size:18px;
    font-weight:normal;
    margin-bottom:10px;
    border: #ff8635 solid 1px;
    border-image: url("../Images/h2border.png") 0 0 35 0 repeat;
}

#wrap h3.title{
    border: none;
    border-bottom: dotted 1px #999999;
    /*font-size: 18px;*/
    font-weight: bold;
    margin: 10px auto;
    padding: 3px;
    text-align: left;
    border-image: none;
}

.pg_title{
}

.pg_body{
    text-align:center;
    width:100%;
    display:inline-block;
}

.kiyaku_body{
    height:200px;
    overflow:auto;
    text-align:left;
    border:solid 1px #ACACEF;
    background-color:#fff;
}

.kiyaku_link{
    text-align:right;
    display:none;
}
.btn{
    margin-top:20px;
}
.btn input[type=submit]{
    width:200px;
    padding:5px;
    margin:5px;
}

div.err{
    text-align:left;
    margin:auto;
    width:80%;
}

div.err li{
    list-style:disc;
    margin-left:20px;
    color:#FF0000;
}

table.entry{
    border-collapse: collapse;
    border: solid 1px #b9b9b9;
    margin:10px auto;
    width:90%;
}

table.entry th, table.entry td{
    border-right: solid 1px #b9b9b9;
    border-bottom: solid 1px #b9b9b9;
    padding:8px;
}

table.entry th{
    background-color: #ebebeb;
    color:#111179;
    font-weight:normal;
    text-align:left;
    vertical-align:top;
    width:40%;
}

table.entry th.hd{
    background-color:#C2C2F3;
    text-align:center;
    font-weight:bold;
}

table.entry th .hissu{
    color:#ff0000;
}

table.entry td{
    text-align:left;
    width:60%;
}

table.entry td div{
    padding:3px;
}

table.entry input[type=radio]{
}

table.subtbl td, table.subtbl th{
    border:0;
    padding:0px 10px 0px 0px;
    display:inline;
}

fieldset{
    padding:20px;
    border:1px solid #d3d3d3;
    box-sizing: border-box;
    width:100%;
}

.form-group{
    padding:5px;
    text-align:left;
}

.form-label{
    float:left;
    margin-right:30px;
    width:200px;
    text-align:right;
    display:inline-block;
}

.form-control{
    text-align:left;
    display:inline-block;
}

/***** 改ページリンク *****/
.pageKirikae span.link, .pageKirikae span.link{
    margin:5px;
}

/***** loadpage.aspx(規約、プライバシーポリシー等) *****/
.loadPageContent .pg_body{
    text-align:left;
}

.loadPage_title{
    text-align:center;
}

@media screen and (max-width: 768px) {
    h1{
        font-size:22px;
    }
    h2,  h3{
        font-size:18px;
    }
    div.err{
        width:100%;
    }
    table.entry{
        width:100%;
    }
    table.entry th, table.entry td{
        display:block;
        width:auto;
        border-right:0;
    }
    table.entry tr:last-child td{
        border-bottom:0;
    }
    table.entry input[type=text], table.entry input[type=password], table.entry textarea{
        width:100%;
    }
    .btn input[type=submit]{
        width:90%;
    }
    table.subtbl td, table.subtbl th{
        display:inline;
    }
    .form-label{
        text-align:left;
        width:100%;
    }
    .form-control{
        width:100%;
    }
    .form-control input[type=text], .form-control input[type=password], .form-control textarea{
        width:100%;
    }
}