﻿.toptitlewaku {
    /*background-image: url(../images/categoryMark.gif);*/ /* 虫眼鏡マークを背景に設定 */
    background-repeat: no-repeat;
    background-position: left;
    padding: 10px 0 10px 35px;
    border-top: 1px solid #B4B4B4;
    border-right: 1px solid #B4B4B4;
    border-left: 1px solid #B4B4B4;
    border-bottom-width: 5px;
    border-bottom: solid #EC7336;
    vertical-align: bottom;
}

.toptitle {
    display: block;
    font-size: 20pt;
}

/* タイトル右の　＊＊データ9999＊から検索 */
.topsubtitle {
    display: block;
    font-size: 12pt;
    margin-top: 10px;
}

.t0waku_sepline {
    width: 100%;
    background-color: darkorange;
    height: 4px;
    margin-bottom: 5px;
}

/*タイトル*/
.t0_outer {
    position: relative;
    display: table;
    border: 2px solid darkorange;
    background-color: orange;
    -moz-border-radius-topleft: 10px;
    -moz-border-radius-topright: 10px;
    -moz-border-radius-bottomright: 10px;
    -moz-border-radius-bottomleft: 0px;
    -webkit-border-top-left-radius: 10px;
    -webkit-border-top-right-radius: 10px;
    -webkit-border-bottom-right-radius: 10px;
    -webkit-border-bottom-left-radius: 0px;
    border-radius: 10px 10px 10px 0; /*左上 右上 右下 左下*/
    width: 70%;
    height: 25px;
    margin-top: 5px;
}

.t0_inner {
    position: absolute;
    top: 50%;
    margin-top: -.5em;
    margin-bottom: 1px;
    left: 5px;
    font-size: 16pt;
    font-weight: 400;
    color: darkblue;
    padding-left: 5px;
    padding-right: 5px;
}

.t1_outer {
    position: relative;
    display: table;
    border: 2px solid red;
    background-color: #FFDCA0;
    width: 80%;
    height: 25px;
    margin-bottom: 3px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
}

.t1_inner {
    position: absolute;
    top: 50%;
    margin-top: -.5em;
    margin-bottom: 1px;
    left: 5px;
    font-size: 14pt;
    font-weight: 600;
    color: darkblue;
    padding-left: 5px;
    padding-right: 5px;
}

.t2_outer {
    position: relative;
    display: table;
    border: 1px solid red;
    /*background-color: #FFCC00;*/
    height: 28px;
    width: 97%;
    margin-left: 2%;
}

    .t2_outer:hover {
        opacity: 0.5;
    }

.t2_inner1 {
    position: absolute;
    top: 50%;
    margin-top: -.5em;
    font-size: 9pt;
    margin-left: 8px;
    color: blue;
}

.t2_inner2 {
    position: absolute;
    top: 50%;
    margin-top: -.5em;
    left: 20px;
    font-size: 12pt;
    font-weight: 600;
    color: blue;
    padding-left: 5px;
    padding-right: 5px;
}

.t2_inner3 {
    position: absolute;
    top: 50%;
    right: 10px;
    margin-top: -.5em;
    font-size: 10pt;
    text-align: right;
    color: blue;
}

.t3_outer {
    position: relative;
    display: table;
    border-top: 0;
    border-right: 1px;
    border-bottom: 1px;
    border-left: 1px;
    border-style: solid;
    border-color: blue;
    background-color: aliceblue;
    height: 25px;
    width: 97%;
    margin-left: 2%;
}

    .t3_outer:hover {
        opacity: 0.5;
    }

.t3_inner1 {
    position: absolute;
    top: 50%;
    margin-top: -.5em;
    font-size: 10pt;
    margin-left: 8px;
    color: blue;
}

.t3_inner2 {
    position: absolute;
    top: 50%;
    margin-top: -.5em;
    left: 30px;
    font-size: 10pt;
    color: darkblue;
    padding-left: 5px;
    padding-right: 5px;
}

.t3_inner3 {
    position: absolute;
    top: 50%;
    right: 10px;
    margin-top: -.5em;
    font-size: 10pt;
    text-align: right;
    color: darkblue;
}

.t4_outer {
    position: relative;
    display: table;
    border-top: 0;
    border-right: 1px;
    border-bottom: 1px;
    border-left: 1px;
    border-style: solid;
    border-color: blue;
    background-color: aliceblue;
    height: 20px;
    width: 97%;
    margin-left: 2%;
}

    .t4_outer:hover {
        opacity: 0.5;
    }

.t4_inner1 {
    position: absolute;
    width: 15%;
    top: 50%;
    margin-top: -.5em;
    font-size: 10pt;
    color: blue;
}

.t4_inner2 {
    position: absolute;
    width: 85%;
    top: 50%;
    margin-top: -.5em;
    left: 50px;
    font-size: 8.5pt;
    color: blue;
    padding-left: 5px;
    padding-right: 5px;
}

.sepline {
    width: 100%;
    background-color: #FF9933;
    height: 3px;
}

.t3titlemark {
    font-size: 16pt;
}


/* 右リストのタイトル(１・２区分) */
.t12_title_outer {
    position: relative;
    display: table;
    border-top: 0;
    height: 20px;
    width: 100%;
    margin-left: 2%;
}

.t12_title_inner {
    position: absolute;
    left: 30px;
    height: 20px;
}

.t12_title_name {
    display: table-cell;
    margin-left: 30px;
    font-size: 10pt;
    color: black;
    vertical-align: middle;
    height: 20px;
}

/* 右リストのタイトル(３区分) */
.t3_title_outer {
    position: relative;
    display: table;
    border-top: 0;
    height: 30px;
    width: 100%;
    margin-left: 2%;
}

.t3_title_inner1 {
    position: absolute;
    top: 50%;
    margin-top: -.5em;
    font-size: 14pt;
    color: black;
}

/*タイトル用*/
.t3_title_inner2 {
    position: absolute;
    left: 30px;
    height: 30px;
}

.t3_title_name {
    display: table-cell;
    margin-left: 30px;
    font-size: 20pt;
    color: black;
    vertical-align: middle;
    height: 30px;
}

.sepline {
    width: 100%;
    background-color: #FF9933;
    height: 6px;
    margin-top: 3px;
    margin-left: 10px;
}

.t4_title_outer {
    position: relative;
    display: table;
    border-top: 0;
    height: 30px;
    width: 100%;
    margin-left: 2%;
}

.t4_title_inner {
    position: absolute;
    top: 50%;
    margin-top: -.5em;
    font-size: 14pt;
    color: black;
}

.t4_title_name {
    display: table-cell;
    margin-left: 30px;
    font-size: 14pt;
    color: black;
    vertical-align: middle;
    height: 30px;
    font-weight: 600;
}

/* 広告毎の枠 */
.kokoku_waku {
    display: block;
    width: 95%;
    min-height: 150px;
    border: 1px solid darkgray;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    padding: 10px 5px 5px 5px; /*TRBL*/
    margin: 5px 0 5px 5px; /*TRBL*/
    background-color: #F9F9F9;
}

.kokoku_hnnm {
    display: block;
    margin: 0 0 10px 5px;
    text-align: left;
    font-size: 14pt;
    color: darkblue;
    font-weight: 600;
}

.kokoku_hnnm_line {
    width: 100%;
    background-color: #FF9933;
    height: 2px;
    margin-bottom: 5px;
}

.kokoku_tinm {
    display: block;
    margin: 0 0 0 30px;
    min-height: 25px;
    text-align: left;
    vertical-align: top;
    font-size: 11pt;
    color: black;
}

.kokoku_page {
    display: block;
    margin: 20px 10px 0 0;
    min-height: 30px;
    text-align: right;
    font-size: 10pt;
    color: blue;
}

.kokoku_kinm_link {
    display: block;
    width: 100%;
    height: 100%;
    text-decoration: none;
}

.kokoku_kinm {
    display: block;
    margin: 5px 0 0 40px;
    min-height: 30px;
    width: 100%;
    text-align: left;
    font-size: 12pt;
    color: black;
    font-weight: 600;
}

    .kokoku_kinm:hover {
        opacity: 0.5;
        color: red;
        background-color: aliceblue;
    }

.image_setu {
    font-size: 10pt;
    color: black;
}

.loadimg {
    border: 1px solid gray;
}


.triangle_right {
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 5px 0 5px 10px;
    border-color: transparent transparent transparent #007bff;
}

.triangle_down {
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 10px 5px 0 5px;
    border-color: #007bff transparent transparent transparent;
}

/*.accordionHeader
{
    margin: 2px;
    padding: 0;
    border: 1px solid #2F4F4F;
    cursor: pointer;
    height: 30px;
    vertical-align: middle;
    width:100%;
}


.accordionHeaderSelected
{
    margin: 2px;
    padding: 0;
    border: 1px solid #2F4F4F;
    font-weight: bold;
    cursor: pointer;
    height: 30px;
    width:100%;
}

.accordionContent
{
    border: 1px dashed gray;
    border-top: none;
    padding: 5px;
    padding-top: 10px;
    overflow: hidden;
    width:100%;
}

.accordionLink
{
    margin: 2px;
    height:25px;
    text-decoration: none;
    font-size: 12pt;
    font-weight: bold;
    vertical-align: middle;
}*/
