﻿

/*** for PC Browser ***/
@media (min-width:401px)
{
.benrinav
{
}

.benrinav .ModuleReference
{
}

.benrinav h2
{
    background: #E6E6E6 url(../../../Images/h2.png) no-repeat left top;
    color: #000000;
    font-size: medium;
    font-weight: bold;
    margin: 5px 0;
    padding: 13px 10px 11px 60px;
}

.benrinav h3
{
    background: #E6E6E6;
    color: #000000;
    font-size: 100%;
    font-weight: bold;
    margin: 5px 0px 5px 5px;
    padding: 12px 9px 12px 18px;
    border-radius: 4px;
}

.benrinav ul
{
    margin: 0;
    padding: 10px;
    list-style-type: none;
}

.benrinav ul li
{
    list-style: none url("../../../Images/simple_icon1.png") outside;
    margin: 0 0 5px 13px;
}

.benrinav .table_thlist
{
    width: 700px;
    margin: 0px auto 10px auto;
}

.benrinav .table_thlist tr,
.benrinav .table_thlist td
{
    padding: 5px;
}

.benrinav #naviresearch,
.benrinav #navisearch
{
    margin: 15px auto;
    text-align: center;
    display: block;
    border: 1px solid #666666;
    border-radius: 4px;
    padding: 10px;
}

.benrinav .div_explain
{
    display: block !important;
}

.div_koumoku,
.div_listtable
{
    border: 1px solid #cccccc;
    border-radius: 4px;
    padding: 10px;
}

.koumokulist_li
{
    background: url("../../../Images/simple_icon1.png") no-repeat left top;
    margin: 0px;
    padding: 0px 0px 0px 20px;
}

.koumokulist_li input
{
    margin: 0px 10px 0px 0px !important;
}

.table_thlist td
{
    padding: 5px;
    border-bottom: 1px dashed #cccccc;
}
}


/*** for Smart Phone ***/
@media (max-width:400px)
{
.benrinav
{
}

.benrinav .ModuleReference
{
}

.benrinav h2
{
    background: #E6E6E6 url(../../../Images/h2.png) no-repeat left top;
    color: #000000;
    font-size: medium;
    font-weight: bold;
    margin: 5px 0;
    padding: 13px 10px 11px 60px;
}

.benrinav h3
{
    background: #E6E6E6;
    color: #000000;
    font-size: 100%;
    font-weight: bold;
    margin: 5px 0px 5px 5px;
    padding: 12px 9px 12px 18px;
    border-radius: 4px;
}

.benrinav ul
{
    margin: 0;
    padding: 10px;
    list-style-type: none;
}

.benrinav ul li
{
    list-style: none url("../../../Images/simple_icon1.png") outside;
    margin: 0 0 5px 13px;
}

.benrinav .table_thlist
{
    width: 300px;
    margin: 0px auto 10px auto;
}

.benrinav .table_thlist tr,
.benrinav .table_thlist td
{
    padding: 5px;
}

.benrinav #naviresearch,
.benrinav #navisearch
{
    margin: 15px auto;
    text-align: center;
    display: block;
    border: 1px solid #666666;
    border-radius: 4px;
    padding: 10px;
}

.benrinav .div_explain
{
    display: block !important;
}

.div_koumoku,
.div_listtable
{
    border: 1px solid #cccccc;
    border-radius: 4px;
    padding: 10px;
}

.div_koumoku,
.div_listtable
{
    border: 1px solid #cccccc;
    border-radius: 4px;
    padding: 10px;
}

.koumokulist_li
{
    background: url("../../../Images/simple_icon1.png") no-repeat left top;
    margin: 0px;
    padding: 0px 0px 0px 20px;
}

.koumokulist_li input
{
    margin: 0px 10px 0px 0px !important;
}

.table_thlist td
{
    padding: 5px;
    border-bottom: 1px dashed #cccccc;
}
}
