@media screen and (max-width: 640px){
/*********************************
 メインコンテンツ
**********************************/
#container div.main {
    width:100%;
    margin:0 auto;
    text-align:left;
    padding:0;
}
#container .main div.subtitle {
    width:100%;
    text-align:center;
}

#container .main div.title {
}

#container .main div.mainbox {
    width:100%;
    padding-bottom:10px;
}
#container .main div.mainbox img{
    margin:0;
    padding:0;
}
#container .main .mainbox div.title  {
}

#container .main .mainbox hr {
    border:0;
    border-bottom:1px solid #ccc;
    width:100%;
}


table {
    width: 100%;
    border: 1px #dcdbdb solid;
    border-collapse: collapse;
    border-spacing: 0;
    font-size:14px;
}

table th {
    width:1.2em;
    color:#fff;
    padding: 5px;
    border: #dcdbdb solid;
    border-width: 0 0 1px 1px;
    background: #acadae;
    line-height: 120%;
    text-align: center;
}
table td {
    padding: 15px 20px 15px 50px;
    border: 1px #dcdbdb solid;
    border-width: 0 0 1px 1px;
    text-align: left;
}

table .indent1 {
    text-indent:-4em;
    padding-left:4em;
}


table .box {
    margin:10px 0;
    overflow:hidden;
}
table .box .box1 {
    width:9em;
}
table .box .box2 {
    margin-left:2em;
}

table .box p{
    padding-left:1em;text-indent:-1em;
}
}