/* base stylesheet style01.css written by tadatugu */
a:hover img{
    opacity:0.80;
    filter: alpha(opacity=80);
}
.font11{
    font-size : 14px;
    color : #5a5a5a;
    font-weight : normal;
    font-family : メイリオ, sans-serif;
    line-height : 20px;
    margin-left : 10px;
}
.date{
    font-size : 12px;
    color : #004080;
    font-weight : bold;
    font-family : Arial;
    background-repeat : no-repeat;
    background-position : left center;
    padding-left : 12px;
}
.font12{
    font-size : 13px;
    color : green;
    font-weight : bold;
    font-family : Century;
    line-height : 14px;
    text-align : right;
}
.font13{
    font-size : 13px;
    color : #3c3c3c;
    font-weight : bold;
    line-height : 18px;
    font-family : メイリオ, sans-serif;
    text-align : center;
}
.font14{
    color : #555500;
    font-weight : bold;
    line-height : 22px;
    font-family : メイリオ, sans-serif;
    border-bottom-width : 1px;
    border-bottom-style : solid;
    border-bottom-color : #7bc4a9;
    margin-top : 10px;
    margin-bottom : 0px;
    background-image : url(..//img/page_title_4.gif);
    background-repeat : no-repeat;
    background-position : left center;
    padding-left : 14px;
    margin-left : 10px;
    border-top-width : 1px;
    border-top-style : solid;
    border-top-color : #7bc4a9;
    padding-top : 6px;
    padding-bottom : 1px;
    font-size : 14px;
}
.font15{
    color : #804040;
    font-weight : bold;
    line-height : 20px;
    font-family : メイリオ, sans-serif;
    margin-top : 10px;
    margin-left : 10px;
}
a.toptextlink10 {
    color : #8c6e50;
    text-decoration: none;
    font-size : 16px;
    font-weight : bold;
    font-family : メイリオ,Century;
    text-align : left;
    background-image : url(../img/page_title_2.gif);
    background-repeat : no-repeat;
    background-position : left top;
    padding-left : 14px;
    line-height : 20px;
}
.toptextlink10:hover {
    font-size : 16px;
    color : #ff6e00;
    position: relative;
    font-weight : bold;
    font-family : メイリオ,Century;
    background-image : url(../img/page_title_4.gif);
    background-repeat : no-repeat;
    background-position : left top;
    padding-left : 14px;
    line-height : 20px;
}
a.toptextlink11 {
    color : blue;
    text-decoration : underline;
    font-size : 13px;
    font-weight : normal;
    font-family : メイリオ, sans-serif;
}
.toptextlink11:hover {
    font-size : 13px;
    color : red;
    position: relative;
    font-weight : normal;
    font-family : メイリオ, sans-serif;
    text-decoration : underline;
    background-color : #f0faff;
}
a.toptextlink12 {
    color : #505050;
    text-decoration : underline;
    font-size : 14px;
    font-weight : bold;
    font-family : メイリオ, sans-serif;
}
.toptextlink12:hover {
    font-size : 14px;
    color : #f00000;
    position: relative;
    text-decoration : underline;
    font-weight : bold;
    font-family : メイリオ, sans-serif;
}
a.toptextlink13 {
    color : #666666;
    text-decoration: none;
    font-size : 14px;
    line-height: 18px;
    font-weight : normal;
}
.toptextlink13:hover {
    font-size : 14px;
    color : #f50000;
    position: relative;
    font-weight : normal;
}
a.toptextlink14 {
    color : black;
    text-decoration: none;
    font-size : 14px;
    line-height: 18px;
    font-weight : bold;
    font-family : Century;
}
.toptextlink14:hover {
    font-size : 14px;
    color : blue;
    position: relative;
    font-weight : bold;
    font-family : Century;
}
a.toptextlink15 {
    color : blue;
    text-decoration: none;
    font-size : 14px;
    line-height: 18px;
}
.toptextlink15:hover {
    font-size : 14px;
    color : red;
    position: relative;
}
.a0{
    font-size : 12px;
    font-weight : bold;
    background-color : #f5f5f5;
    font-family : Arial,メイリオ, sans-serif;
    color : #3c3c3c;
    text-align : left;
    text-indent : 8px;
    border-width : 1px 1px 1px 1px;
    border-style : solid solid solid solid;
    border-color : #cccccc #cccccc #cccccc #cccccc;
}
.a1{
    font-size : 13px;
    border-bottom-width : 1px;
    border-bottom-style : solid;
    border-bottom-color : #b9b9ff;
    font-weight : bold;
    border-top-width : 1px;
    border-left-width : 1px;
    border-top-style : solid;
    border-left-style : solid;
    border-top-color : #b9b9ff;
    border-left-color : #b9b9ff;
    border-right-width : 1px;
    border-right-style : solid;
    border-right-color : #b9b9ff;
    text-align : center;
    color : #5a5a5a;
    font-family : メイリオ, sans-serif;
    letter-spacing : 2px;
}
.a2{
    font-size : 13px;
    font-weight : normal;
    border-left-width : 1px;
    border-right-width : 1px;
    border-bottom-width : 1px;
    border-left-style : solid;
    border-right-style : solid;
    border-bottom-style : solid;
    border-left-color : #b9b9ff;
    border-right-color : #b9b9ff;
    border-bottom-color : #b9b9ff;
    text-align : left;
    color : #5a5a5a;
    text-indent : 8px;
    font-family : メイリオ, sans-serif;
}
.a3{
    font-size : 13px;
    border-right-width : 1px;
    border-right-style : solid;
    border-right-color : #b9b9ff;
    font-weight : bold;
    text-align : center;
    color : #5a5a5a;
    font-family : メイリオ, sans-serif;
    border-top-width : 1px;
    border-bottom-width : 1px;
    border-top-style : solid;
    border-bottom-style : solid;
    border-top-color : #b9b9ff;
    border-bottom-color : #b9b9ff;
    letter-spacing : 2px;
}
.a4{
    border-right-width : 1px;
    border-bottom-width : 1px;
    border-right-style : solid;
    border-bottom-style : solid;
    border-right-color : #b9b9ff;
    border-bottom-color : #b9b9ff;
    font-size : 13px;
    color : #5a5a5a;
    text-align : left;
    text-indent : 8px;
    font-family : メイリオ, sans-serif;
}
.b0{
    font-size : 12px;
    font-weight : bold;
    color : red;
}
.b1{
    font-size : 18px;
    border-bottom-width : 1px;
    border-bottom-style : dotted;
    border-bottom-color : #999999;
    font-weight : bold;
    border-top-width : 1px;
    border-left-width : 1px;
    border-top-style : dotted;
    border-left-style : solid;
    border-top-color : #999999;
    border-left-color : #999999;
    color : fuchsia;
    border-right-width : 1px;
    border-right-style : solid;
    border-right-color : #999999;
}
.b2{
    font-size : 18px;
    font-weight : bold;
    color : fuchsia;
    border-left-width : 1px;
    border-right-width : 1px;
    border-bottom-width : 1px;
    border-left-style : solid;
    border-right-style : solid;
    border-bottom-style : solid;
    border-left-color : #999999;
    border-right-color : #999999;
    border-bottom-color : #999999;
}
.b3{
    border-bottom-width : 1px;
    border-bottom-style : dotted;
    border-bottom-color : #999999;
    font-size : 18px;
    border-top-width : 1px;
    border-right-width : 1px;
    border-top-style : dotted;
    border-right-style : solid;
    border-top-color : #999999;
    border-right-color : #999999;
    font-weight : bold;
    color : fuchsia;
}
.b4{
    border-right-width : 1px;
    border-bottom-width : 1px;
    border-right-style : solid;
    border-bottom-style : dotted;
    border-right-color : #999999;
    border-bottom-color : #999999;
    font-size : 18px;
    color : fuchsia;
}
.c0{
    font-size : 14px;
    border-bottom-width : 1px;
    border-bottom-style : solid;
    border-bottom-color : #ff8040;
    font-weight : normal;
    border-left-width : 1px;
    border-left-style : solid;
    border-left-color : #ff8040;
    border-right-width : 1px;
    border-right-style : solid;
    border-right-color : #ff8040;
    height : 24px;
}
.c1{
    font-size : 14px;
    border-bottom-width : 1px;
    border-bottom-style : solid;
    border-bottom-color : #ff8040;
    font-weight : normal;
    border-top-width : 1px;
    border-left-width : 1px;
    border-top-style : solid;
    border-left-style : solid;
    border-top-color : #ff8040;
    border-left-color : #ff8040;
    border-right-width : 1px;
    border-right-style : solid;
    border-right-color : #ff8040;
    text-indent : 8px;
    height : 24px;
}
.c2{
    font-size : 14px;
    border-left-width : 1px;
    border-right-width : 1px;
    border-bottom-width : 1px;
    border-left-style : solid;
    border-right-style : solid;
    border-bottom-style : solid;
    border-left-color : #ff8040;
    border-right-color : #ff8040;
    border-bottom-color : #ff8040;
    text-align : left;
    text-indent : 6px;
    height : 24px;
}
.c3{
    border-bottom-width : 1px;
    border-bottom-style : solid;
    border-bottom-color : #ff8040;
    font-size : 14px;
    border-top-width : 1px;
    border-right-width : 1px;
    border-top-style : solid;
    border-right-style : solid;
    border-top-color : #ff8040;
    border-right-color : #ff8040;
    font-weight : normal;
    text-align : left;
    text-indent : 10px;
}
.c4{
    border-right-width : 1px;
    border-bottom-width : 1px;
    border-right-style : solid;
    border-bottom-style : solid;
    border-right-color : #ff8040;
    border-bottom-color : #ff8040;
    font-size : 14px;
    text-align : left;
    text-indent : 10px;
}
.topics{
    padding-top : 0px;
    padding-left : 0px;
    padding-right : 0px;
    padding-bottom : 0px;
    margin-left : 26px;
    width : 560px;
}
.line1{
    font-size : 16px;
    font-family : Arial;
    font-weight : bold;
    color : #8c5a32;
    background-image : url(../img/line_1.jpg);
    background-repeat : no-repeat;
    background-position : left center;
    height : 30px;
    bottom : inherit;
    right : inherit;
    text-align : left;
    padding-left : 36px;
    padding-bottom : 0px;
}
.text5{
    margin-top : 40px;
    margin-left : 26px;
    width : 560px;
    color : white;
}
.font19{
    font-size : 12px;
    font-family : Arial;
    color : #969696;
}
.headtitle{
    font-size : 13px;
    font-family : Arial,メイリオ, sans-serif;
    font-weight : bold;
    color : #b4504b;
    background-repeat : no-repeat;
    background-position : left center;
    padding-top : 0px;
    padding-left : 0px;
    padding-right : 0px;
    padding-bottom : 0px;
}
.headtitle2{
    font-size : 16px;
    font-family : メイリオ, sans-serif;
    font-weight : bold;
    color : #646464;
    background-repeat : no-repeat;
    background-position : left center;
    padding-top : 0px;
    padding-left : 00px;
    padding-right : 0px;
    padding-bottom : 0px;
    border-bottom-width : 1px;
    border-bottom-style : solid;
    border-bottom-color : #b9b9ff;
}
.headtitle3{
    font-size : 14px;
    font-family : Arial;
    font-weight : bold;
    color : white;
    background-image : url(img/title_back.gif);
    background-repeat : no-repeat;
    background-position : left center;
    padding-top : 6px;
    padding-left : 8px;
    padding-right : 4px;
    padding-bottom : 6px;
}
.log{
    text-align : right;
    top : 30px;
}
.font16{
    font-size : 13px;
    font-family : メイリオ, sans-serif;
    font-weight : bold;
    color : #5a5a5a;
    text-align : left;
    padding-top : 4px;
    padding-left : 4px;
    padding-right : 4px;
    padding-bottom : 4px;
}
.new{
    font-size : 13px;
    font-family : Arial;
    font-weight : bold;
    color : #f50000;
}
.img2{
width: 300px;
    border-width : 1px 1px 1px 1px;
    border-style : solid solid solid solid;
    border-color : #7bc4a9 #7bc4a9 #7bc4a9 #7bc4a9;
}
.img3{
width: 200px;
    border-width : 1px 1px 1px 1px;
    border-style : solid solid solid solid;
    border-color : #7bc4a9 #7bc4a9 #7bc4a9 #7bc4a9;
}
.img4{
width: 500px;
    border-width : 1px 1px 1px 1px;
    border-style : solid solid solid solid;
    border-color : #7bc4a9 #7bc4a9 #7bc4a9 #7bc4a9;
}
.img5{
width: 600px;
    border-width : 1px 1px 1px 1px;
    border-style : solid solid solid solid;
    border-color : #7bc4a9 #7bc4a9 #7bc4a9 #7bc4a9;
}
.event_back{
    background-image : url(img/event_back.jpg);
    background-repeat : no-repeat;
    background-position : right bottom;
}
#back{
    float : right;
    position : static;
    width : 60px;
    height : 20px;
    margin-top : 10px;
}
.font17{
    font-size : 14px;
    font-family : メイリオ, sans-serif;
    font-weight : bold;
    color : #505050;
    text-align : right;
}
table {
width: 96%;
}
.fontcenter{
text-align: center;
}


/* ************************************************ 
*   レスポンシブ
* ************************************************ */
/* PC 画面の横幅が960px以上 */
@media only screen and (min-width: 960px){

}

/* Tablet (Portrait) 画面の横幅が768px〜959pxまで */
@media only screen and (min-width: 768px) and (max-width: 959px) {
.img2,
.img3,
.img4,
.img5 {
width: calc(97% - 2px);
}
}

/* Mobile (Portrait) 画面の横幅が767pxまで */
@media only screen and (max-width: 767px) {
table td{
width: 100%;
display: block;
}
table td img{
width: 100%;
}
ul.sidemenu li.event{
background-color:#eff8fb;
padding: 8px 0 6px 0;
}
.font17 {
font-size : 4vw;
margin: 10px 0;
}
.font15 {
font-size : 5vw;
    margin-top: 15px;
    margin-left: 0;
}
.font14 {
font-size : 4.5vw;
margin-left: 0;
padding-top: 7px;
padding-bottom: 3px;
}
.font12 {
font-size : 3.5vw;
line-height: 160%;
}
.font11 {
font-size : 4vw;
line-height: 160%;
margin-left: 0;
margin-bottom: 15px;
}
.img2,
.img3,
.img4,
.img5 {
width: calc(100% - 2px);
}
.font13 {
font-size : 4vw;
line-height: 160%;
}
a.toptextlink12 {
font-size : 4vw;
}
.fontcenter{
text-align: left;
}
}

