﻿/* h2 */
h2.general { font-size:18px;  margin:0; padding:5px 0 0 0; color:#123413; }
/* h3 */
h3.general1,
h3.general2,
h3.general3{ background:none; width:220px; height:260px; float:left; }
h3.general1{ padding:0 0 12px 7px; }
h3.general2{ padding:0 10px 12px; }
h3.general3{ padding:0 0 12px 0; }
/* geBox */
div.geBox{ overflow:hidden; width:690px; height:180px; margin:auto; background:url("../img/general/index_bk.png") right top no-repeat; }
/* fbnr */
div.fbnrl{float:left; width:350px; overflow:hidden; padding:20px 0 30px 0;}
div.fbnrr{float:right; width:350px; overflow:hidden; padding:20px 0 30px 0;}
/* aboutTbl */
.aboutTbl{ margin:0 auto 30px; border-spacing:4px; width:660px;}
.aboutTbl tr th{ background-color:#9bbb92; font-weight:normal; width:140px; padding:7px 10px 4px 0; text-align:right; }
.aboutTbl tr td{ background-color:#f5f5f4; padding:7px 10px 4px 10px; }
/* npoTbl */
.npoTbl{ margin:0 auto 30px; }
.npoTbl td{ width:220px; text-align:center; vertical-align:top; padding:0 0 12px 0; font-size:12px; line-height:18px; }
.npoTbl td img{ padding:5px; border:solid 1px #aaa; } 
/* teikanT */
.teikanT{ font-weight:bold; text-align:center; padding-top:15px; }
/* teikanDl */
dl.teikanDl dt{ float:left; width:86px; text-align:center; }
dl.teikanDl dd{ padding: 0 30px 0 86px; }
/* brackets */
ol.brackets{ list-style:none; margin:5px 0; padding:0 0 0 14px; }
/* circlenumber */
ol.circlenumber{ list-style:none; margin:5px 0; padding:0 0 0 30px; }
/* rijiTbl */
table.rijiTbl{ border-collapse:collapse; width:680px; margin:5px auto 0; }
table.rijiTbl th,
table.rijiTbl td { padding:6px; text-align:center; border:solid 1px #ccc; }
table.rijiTbl th { background:#ddd; border-bottom:ridge 2px #ccc; }
table.rijiTbl td { vertical-align:top; }
table.rijiTbl th.th1{ width:100px; }
table.rijiTbl th.th2{ width:140px; }
table.rijiTbl th.th3{ width:100px; }
table.rijiTbl th.th4{ width:340px; }
table.rijiTbl td.member{ text-align:left; vertical-align:middle; }
/* iinTbl */
table.iinTbl{ border-collapse:collapse; width:680px; margin:5px auto 0; }
table.iinTbl th,
table.iinTbl td { padding:6px; text-align:center; border:solid 1px #ccc; }
table.iinTbl th { background:#ddd; border-bottom:ridge 2px #ccc; }
table.iinTbl td { vertical-align:top; }
table.iinTbl th.th1{ width:100px; }
table.iinTbl th.th2{ width:100px; }
table.iinTbl th.th3{ width:380px; }
table.iinTbl th.th4{ width:100px; }
table.iinTbl td.member{ text-align:left; vertical-align:middle; }
/* shibubtn2 */
a.onSoshiki,
a.noSoshiki{ width:140px; height:32px; display:block; border-radius:6px; text-align:center; background:#aaa; float:left; outline:none; line-height:230%; font-size:15px; margin:0 2px; color:#fff; cursor:pointer; }
a.onSoshiki{ background:#56bc40; }

/*******************************************/
/* responsive                              */
/*******************************************/
@media screen and (max-width: 768px) {
    
    /* aboutTbl */
    .aboutTbl{ border-collapse:separate; border-spacing:4px; width:100%; }
    .aboutTbl tr th{ display:block; width:100%; padding:7px 10px 4px 0; text-align:center; font-size:16px; }
    .aboutTbl tr td{ display:block; padding:7px 10px 4px 10px; font-size:16px; }
    .aboutTbl tr td ol{ margin-left:22px; }
    /* npoTbl */
    .npoTbl td{ width:calc(100% / 3); padding:0 0 6px 0; padding:4px; }
    .npoTbl td img{ margin-bottom:4px; }
    .npoTbl td br:nth-of-type(1){ display:none; }
    /* teikanT */
    .teikanT{ padding:15px 0; }
    /* teikanDl */
    dl.teikanDl dt{ width:72px; font-size:16px; }
    dl.teikanDl dd{ padding: 0 0 0 72px; font-size:16px; }
    /* rijiTbl */
    table.rijiTbl{ width:100%; }
    table.rijiTbl tr td{ width:calc(100% / 4); font-size:16px; }
    /* iinTbl */
    table.iinTbl{ width:100%; }
    table.iinTbl tr td{ width:calc(100% / 4); font-size:16px; }
    /* shibubtn2 */
    a.onSoshiki,
    a.noSoshiki{ margin:0 2px 15px; }

    /* geBox */
    div.geBox{ width:100%; height:auto; }
    
	/*left*/
    div#PlMAbout{ position:absolute; top:12px; left:0; width:100%; }
    
    /*right*/
    div#mcontents div#mcr{ padding:72px 0 0; width:100%; float:none; }
    
}