body
{
    font-size: 10pt;
    font-family: メイリオ, 'ＭＳ Ｐゴシック' , Monospace;
}

/*トップページ*/
.widthdiv
{
    width: 700px;
}

.maintable
{
    height: 100%;
}

.maintable .left
{
    width: 20px;
    background-position: right top;
    background-image: url(images/share/left.png);
    background-repeat: repeat-y;
}

.maintable .center
{
    padding-top: 30px;
    padding-right: 10px;
    padding-left: 15px;
    padding-bottom: 15px;
}

.maintable .right
{
    width:20px;
        background-position: left top;
    background-image: url(images/share/right.png);
    background-repeat: repeat-y;    
}

.logo
{
    background-position: left top;
    background-image: url(images/top/logo.jpg);
    width: 601px;
    background-repeat: no-repeat;
    height: 51px;
}

.logo_setsu
{
    background-position: left top;
    background-image: url(images/setsu/logo.png);
    width: 601px;
    background-repeat: no-repeat;
    height: 51px;
}

.logo_sei
{
    background-position: left top;
    background-image: url(images/seihin/logo.png);
    width: 601px;
    background-repeat: no-repeat;
    height: 51px;
}

.logo_sai
{
    background-position: left top;
    background-image: url(images/saiyo/logo.png);
    width: 601px;
    background-repeat: no-repeat;
    height: 51px;
}

.logo_gaiyo
{
    background-position: left top;
    background-image: url(images/gaiyo/logo.png);
    width: 601px;
    background-repeat: no-repeat;
    height: 51px;
}

.logo_ask
{
    background-position: left top;
    background-image: url(images/share/logo_ask.png);
    width: 601px;
    background-repeat: no-repeat;
    height: 51px;
}

.logomenu
{
    background-color: #306e2e;
    width: 601px;
    margin-top: -3px;
    text-align: left;
    font-size: 7pt;
    color: #ffff99;
    padding-bottom: 5px;
    padding-top: 5px;
    font-weight: bold;
}

.logomenu a:link
{
    color: #ffff99;
    text-decoration: none;
}

.logomenu a:link:hover
{
    color: #ffff99;
    text-decoration: none;
}

.logomenu a:link:visited
{
    color: #ffff99;
    text-decoration: none;
}

.logomenu a:link:visited:hover
{
    color: #ffff99;
    text-decoration: none;
}

.logomenu img
{
    margin-left: 5px;
    vertical-align: middle;
}

.iso
{
    font-size: 22pt;
    color: #ff0000;
    text-align: center;
    margin-top: 8px;
    width: 100%;
    padding-bottom: 10px;
}

.menu
{
    width: 610px;
    clear: both;
    display: block;
}

.menu .button
{
    float: left;
    width: 144px;
    margin-left: 15px;
}

.menu .button img
{
    margin-bottom: 7px;
}

.menu .main_image
{
    float: left;
    width: 420px;
    height: 214px;
    background-position: left top;
    background-image: url(images/top/image.jpg);
    background-repeat: no-repeat;
    margin-left: 12px;
}

.banner
{
    width: 610px;
    clear: both;
    display: block;
    padding-top: 10px;
}


.topics
{
    width: 610px;
    clear: both;
    display: block;
    padding-top: 13px;
}
.topics .main
{
    width: 350px;
    height: 180px;
    float: left;
    border-right: #000066 1px solid;
    border-top: #000066 1px solid;
    border-left: #000066 1px solid;
    border-bottom: #000066 1px solid;
    margin-left: 20px;
    text-align: left;
}

.topics .main .title
{
    font-weight: bold; 
    font-size: 8pt; 
    padding-bottom: 1px; 
    width: 100%;
    color: #ffffff; 
    padding-top: 1px; 
    background-color: #000066; 
    text-align: left; 
    margin-bottom: 5px;
}

.topics .link
{
    float: left;
    margin-left: 10px;
    width: 205px;
}

.topics .link img
{
    margin-bottom: 5px;
}

.footer
{
    width: 610px;
    clear: both;
    display: block;
    padding-top: 40px;
}

.footer .f1
{
    width: 100%; 
    font-size: 8pt; 
    clear: both; 
    text-align: center;
}

.footer .f2
{
    width: 100%; 
    font-size: 8pt; 
    padding-bottom: 3px; 
    color: #ffffff; 
    padding-top: 3px; 
    background-color: #000066; 
    text-align: center;
}

.area
{
    width: 580px;
    clear: both;
    display: block;
    text-align: left;
    font-size: 9pt;
}

.area2
{
    width: 580px;
    clear: both;
    display: block;
    text-align: left;
    font-size: 9pt;
    margin-top: 15px;
}

h1
{
    font-size: 11pt;
    color: #006633;
    margin-top: 5px;
    margin-bottom: 5px;
}

h2
{
    font-size: 11pt;
    color: #ff0000;
    margin-top: 5px;
    margin-bottom: 5px;
}

.row
{
    border: 1px solid #62C0FF;
    padding: 5px;
    vertical-align: middle;
}

.row:hover
{
        background-color: #E6F4FF;
}


.row2
{
    padding: 5px;
    vertical-align: middle;
}

.row2:hover
{
        background-color: #E6F4FF;
}

.modalBackground {
	background-color:Gray;
	filter:alpha(opacity=70);
	opacity:0.4;
}

.row3
{
    text-align: center;
    padding-top: 10px;
}

.row3 .kakunin
{
    margin-left: 35px;
}