@charset "utf-8";

/*
Description:
Author: 全国町村議会議長会
Author URI: http://www.nactva.gr.jp/
*/

/*横幅980px以上（headerのみ）*/
@media screen and (min-width: 641px){

    /****************************************

              2.Header

    *****************************************/
    #header {
        width:980px;
        height:87px;
        margin: 0 auto;
        overflow : hidden;
        _zoom:1;
    }
    h1 {
        float:left;
        margin-top:25px;
        width: 492px;
    }
    .zenkoku{
        float:right;
        margin-top:17px;
    }
    /****************************************

              topMain

    *****************************************/
    #main-imgArea{
        height: auto;
        width: 100%;
        height:358px;
        margin: 0;
        background: url(../../img/snow/home/back.png) repeat;
        /*box-shadow: 0px 3px 5px 0px rgba(0,0,0,0.3);*/
        clear:both;}
    #main-imgArea .Mainimage{
        width:980px;
        margin: 0 auto;
        /*padding: 32px 0;*/
        overflow : hidden;
        _zoom:1;
    }
    /*#main-imgArea .Mainimage img{
        float:left;
        margin-right:32px;
        width:379px;
    }
    #main-imgArea .Mainimage p{
        float:left;
        margin-top:35px;
        width:569px;
        line-height:1.8;
        font-size:130%;
        font-weight:bold;
    }*/

    /****************************************

              Navi

    *****************************************/
    #gnav {
        height: 48px;
        width: 100%;
        margin: 0;
        background: url(../../img/snow/nav/bg.png) repeat-x left top;
        box-shadow: 0px 3px 5px 0px rgba(0,0,0,0.3);
        clear:both;
    }
    .topicpath {
        width: 980px;
        margin: 0 auto;
        line-height:52px;
        font-size: 90%;
    }
    .topicpath a{
        color:#FFFFFF;
    }

    .topicpath a:hover{
        text-decoration: underline;
    }

    /****************************************

              pagetop

    *****************************************/
    #pagetop {
        text-align: right;
        padding: 10px 0;
        margin-right: 15px;
        font-size: 90%;
    }
    #pagetop a {
        text-decoration: none;
        background: url(../../img/snow/footer/top_arrow.png) no-repeat left center;
        padding-left: 10px;
    }

    /****************************************

              footer

    *****************************************/
    #footerInner {
        background-color:#85c2e0;
        padding: 20px 0;
        overflow : hidden;
        _zoom:1;
        text-align:center;
        font-size:80%;
    }
    /****************************************

              Adjustment

    *****************************************/
    .center,
    .txtCenter {
        text-align: center;
    }
    .txtRight {
        text-align: right;
    }
    .small {
        font-size: 80%;
    }
    .floatLeft {
        float:left;
    }
    .floatRight {
        float:right;
    }
    .Sat {
        color:#0066FF;
    }
    .Sun {
        color:#990000;
    }
    strong {
        font-weight: bold;
    }
    .mt10 {
        margin-top: 10px;
    }
    .mt20 {
        margin-top: 20px;
    }
    .mt30 {
        margin-top: 30px;
    }

    /****************************************

              rightContents

    *****************************************/
    #leftArea {
        float: left;
        width: 250px;
        margin:0 auto 30px;
    }
    #leftArea #l-nav {
        margin:0 auto 10px;
        padding: 6px;
        background: url(../../img/snow/leftArea/lnav-bg.png) repeat;
    }
    #leftArea #l-nav .l-navBox {
        padding: 26px 25px 16px;
        background-color:#FFF;
    }
    #leftArea #l-nav .l-navBox h2 {
        margin:0 0 15px;
        font-size: 140%;
    }
    #leftArea #l-nav .l-navBox ul {
        border-top: 1px dotted #999;
    }
    #leftArea #l-nav .l-navBox li {
        border-bottom: 1px dotted #999;
        background: url(../../img/snow/leftArea/arrow.png) no-repeat left 16px;
    }
    #leftArea #l-nav .l-navBox li a,
    #leftArea #l-nav .l-navBox li a:visited {
        display: block;
        padding: 7px 0 4px 15px;
        color: #000000;
    }
    #leftArea #l-nav .l-navBox li a:hover {
        background: #efeeee url(../../img/leftArea/arrow_on.gif) no-repeat left 16px !important;
        color: #f68528;
    }
    #leftArea #l-nav .l-navBox li a.active {
        background: #efeeee url(../../img/snow/leftArea/arrow.png) no-repeat left 16px;
        color:#f68528 !important;
    }

    #leftArea #l-nav .l-navBox li ul {
        margin:0 0 0 11px;
        border-top: none;
        font-size: 90%;
    }
    #leftArea #l-nav .l-navBox li li {
        border-top: 1px dotted #999;
        border-bottom: none;
        background: url(../../img/snow/leftArea/left-arrow.png) no-repeat left center;
    }
    #leftArea #l-nav .l-navBox li li a {
        display: block;
        padding: 4px 0 1px 8px;
    }
    #leftArea #l-nav .l-navBox li li a:hover {
        background: #efeeee url(../../img/leftArea/left-arrow_on.png) no-repeat left center !important;
    }
    #leftArea #l-nav .l-navBox li li a.active {
        background: #efeeee url(../../img/snow/leftArea/left-arrow.png) no-repeat left center;
    }

    #leftArea .informationBox {
        -webkit-border-radius: 5px;
        -moz-border-radius: 5px;
        border-radius: 5px;
        background-color:#85c2e0;
        padding: 8px 15px;
        color:#FFF;
        behavior: url(/PIE.htc);
    }
    #leftArea .informationBox h3 {
        padding-bottom: 1px;
        margin-bottom: 5px;
        border-bottom: 2px solid #FFF;
        font-size: 120%;
    }
    #leftArea .informationBox p {
        font-size: 100%;
        line-height: 130%;
    }
    #leftArea .informationBox span {
        font-size: 100%;
        line-height: 130%;
        padding-right: 20px;
        background: url(../../img/leftArea/mail-icon.png) no-repeat right top;
    }
    #leftArea .informationBox a {
        color: #ffffff;
        text-decoration: none;
    }
    #leftArea .informationBox a:hover {
        color: #f68528;
        text-decoration: underline;
    }

    /****************************************

              mainLayout

    *****************************************/
    /* 共通要素
    --------------------------------------- */
    #mainContentArea {
        clear:both;
        width: 980px;
        margin:0 auto 20px;
        overflow : hidden;
        _zoom:1;
    }
    #mainContentArea #Contents{
        margin:38px auto 0;
        overflow : hidden;
        _zoom:1;
    }
    #mainContentArea #mainContents {
        float: right;
        width: 680px;
    }
    #mainContentArea #main {
        background-color:#FFF;
        margin-bottom: 0;
        padding: 20px ;
        width: 630px;
        -webkit-box-shadow: #cccccc 0px 0px 10px;
        -moz-box-shadow: #cccccc 0px 0px 10px;
        box-shadow: #cccccc 0px 0px 10px;
        behavior: url(/PIE.htc);
        overflow : hidden;
        _zoom:1;
    }

    /* h2,h3,h4
    --------------------------------------- */
    #mainContentArea #mainContents .title {
        margin:0 0 23px;
        font-size: 1.4em;
        border-top: solid 3px #85c2e0;
        border-bottom: solid 1px #c7c7c7;
        padding: 26px 0 24px;
        text-align: left;
        background: #F4F3F3;
        background: -webkit-gradient(linear, 0 0, 0 bottom, from(#F4F3F3), to(#ffffff));
        background: -webkit-linear-gradient(#F4F3F3, #ffffff);
        background: -moz-linear-gradient(#F4F3F3, #ffffff);
        background: -ms-linear-gradient(#F4F3F3, #ffffff);
        background: -o-linear-gradient(#F4F3F3, #ffffff);
        background: linear-gradient(#F4F3F3, #ffffff);
        -pie-background: linear-gradient(#F4F3F3, #ffffff);
        behavior: url(/PIE.htc);
    }
    #mainContentArea #mainContents .title h2 {
        padding-left: 20px;
    }
    #mainContentArea #mainContents #main h3 {
        background-color:#85c2e0;
        padding: 5px 3px 4px 10px;
        color:#FFF;
        font-size: 110%;
        margin-bottom: 10px;
        -webkit-border-radius: 4px;
        -moz-border-radius: 4px;
        border-radius: 4px;
        background: -webkit-gradient(linear, 0 0, 0 bottom, from(#85c2e0), to(#309aba));
        background: -webkit-linear-gradient(#85c2e0, #309aba);
        background: -moz-linear-gradient(#85c2e0, #309aba);
        background: -ms-linear-gradient(#85c2e0, #309aba);
        background: -o-linear-gradient(#85c2e0, #309aba);
        background: linear-gradient(#85c2e0, #309aba);
        -pie-background: linear-gradient(#85c2e0, #309aba);
        behavior: url(/PIE.htc);
    }
    #mainContentArea #mainContents #main h4 {
        border-left: 3px solid #85c2e0;
        padding: 5px 0 3px 10px;
        font-size: 90%;
        font-weight: bold;
        margin: 0 0 0 5px;
        background:url(../../img/news/bg.png) repeat;
    }
    #mainContentArea #mainContents #main .all {
        float: right;
        text-align:center;
        margin-bottom: 10px;
        padding: 0 10px;
        -webkit-border-radius: 4px;
        -moz-border-radius: 4px;
        border-radius: 4px;
        -webkit-box-shadow: #666 0px 2px 3px;
        -moz-box-shadow: #666 0px 2px 3px;
        box-shadow: #666 0px 2px 3px;
        background: #FC2E2E;
        background: -webkit-gradient(linear, 0 0, 0 bottom, from(#FC2E2E), to(#781616));
        background: -webkit-linear-gradient(#FC2E2E, #781616);
        background: -moz-linear-gradient(#FC2E2E, #781616);
        background: -ms-linear-gradient(#FC2E2E, #781616);
        background: -o-linear-gradient(#FC2E2E, #781616);
        background: linear-gradient(#FC2E2E, #781616);
        -pie-background: linear-gradient(#FC2E2E, #781616);
        behavior: url(/PIE.htc);
    }
    #mainContentArea #mainContents #main .all a {
        color: #ffffff !important;
        text-decoration: none !important;
        background: url(../../img/footer/footer-link.png) no-repeat right center;
        padding-right: 13px;
    }
    #mainContentArea #mainContents #main .all a:hover { color: #f68528 !important; }

    /* tables
    --------------------------------------- */
    table.tablesorter {
        background-color: #efeeee;
        border-top: 1px solid #cfcdcd;
        margin:20px 0 10px;
        width: 100%;
        text-align: left;
    }
    table.tablesorter thead tr th,
    table.tablesorter tfoot tr th {
        background-color: #efeeee;
        border-left: 1px solid #cfcdcd;
        border-bottom: 1px solid #cfcdcd;
        padding: 4px 20px 2px;
        white-space: nowrap;
        text-align: center;
        font-weight: bold;
    }
    table.tablesorter thead tr th:last-child,
    table.tablesorter tfoot tr th:last-child {
        border-right: 1px solid #cfcdcd;
    }
    table.tablesorter tbody td {
        padding: 6px 4px 4px;
        border-left: 1px solid #cfcdcd;
        background-color: #FFF;
        vertical-align: top;
        border-bottom: 1px dotted #3e3e3e;
    }
    #group table.tablesorter tbody td {
        width:50%;
        text-align:center;
    }
    #group table.tablesorter tbody td.sum {
        background-color:#cccccc;
        font-weight:bold;
    }

    table.tablesorter tbody td:first-child {
        border-left: none;
    }

    /* Pager-link
    --------------------------------------- */
    div#pagelink {
        position:relative;
        overflow:hidden;
    }
    div#pagelink ul {
        position:relative;
        left:50%;
        float:left;
    }
    div#pagelink li {
        position:relative;
        left:-50%;
        float:left;
        margin: 0 2px;
    }
    div#pagelink img {
        vertical-align:middle;
        margin: 0 5px;
    }

    /* text
   --------------------------------------- */
    #mainContentArea #main .text {
        margin: 15px 5px 15px 10px;
    }

    /* 枠組 box
    --------------------------------------- */
    #main .box,
    .contentsbox .box {
        -webkit-border-radius: 5px;
        -moz-border-radius: 5px;
        border-radius: 5px;
        background-color:#f4f3f3;
        padding: 8px 10px;
        margin: 10px 0 0 10px;
        border: solid 1px #efeeee;
        behavior: url(/PIE.htc);
        overflow : hidden;
        _zoom:1;
    }

    /* pdf関連
    --------------------------------------- */
    #main .box .pdficon {
        float: left;
        width: 100px;
    }
    #main .box .exp {
        float: left;
        width: 480px;
        font-size: 80%;
        line-height: 1.4em;
    }
    #main .iconPdf{
        background-image: url(../../img/main/pdf.gif);
        background-repeat:no-repeat;
        background-position:right;
        padding-right:20px;
    }

    /* newアイコン指定
    --------------------------------------- */
    #main .new img {
        padding-left:5px;
        vertical-align: text-top;
    }

    /* 矢印 li
    --------------------------------------- */
    #main .element {
        margin: 0 0 20px 10px;
    }
    #main .element li {
        padding: 5px 15px ;
        margin: 5px 0 0;
        border-bottom: 1px dotted #c7c7c7;
        background: url(../../img/snow/main/arrow.png) no-repeat left 11px;
    }
    #main .element li li{
        padding: 5px 10px ;
        background: url(../../img/snow/leftArea/left-arrow.png) no-repeat left 15px;
    }
    #main .element li li:last-child{
        border: none;
    }

    /* 矢印 dl
    --------------------------------------- */
    #main dl.element {
        border-top: 1px dotted #c7c7c7;
        clear:both;
    }
    #main .element dt {
        clear: left;
        float: left;
        padding: 5px 0 5px 18px ;
        margin: 5px 0 0;
        background: url(../../img/snow/main/arrow.png) no-repeat left 11px;
        width:138px;
    }
    #main .element dd {
        padding: 5px 0 ;
        margin: 5px 0 0;
        border-bottom: 1px dotted #c7c7c7;
    }

    /* 元のページに戻る
    --------------------------------------- */
    #main .pageback {
        padding: 5px 0 3px 16px ;
        margin: 25px 0 0;
        text-align: left;
        background: url(../../img/snow/main/arrow-left.png) no-repeat left center;
    }


    /****************************************

              news

    *****************************************/
    /* news page
    --------------------------------------- */
    body#news #mainContentArea .photo {
        text-align: center;
        font-size: 90%;
    }
    body#news #mainContentArea .photo img {
        margin: 15px 0 5px;
    }
    body#news #mainContentArea .contentsbox {
        background-color:#FFF;
        margin: 20px 0;
        padding: 20px ;
        width: 630px;
        -webkit-box-shadow: #cccccc 0px 0px 10px;
        -moz-box-shadow: #cccccc 0px 0px 10px;
        box-shadow: #cccccc 0px 0px 10px;
        behavior: url(/PIE.htc);
    }
    body#news #mainContentArea .contentsbox .freetext {
        border: solid 1px #85c2e0;
        padding: 5px 10px;
        margin-bottom: 10px;
    }
    body#news #mainContentArea .contentsbox dl {
        margin: 5px 0 0;
        padding-bottom: 4px;
        font-size: 90%;
        border-bottom: 1px dotted #3e3e3e;
        overflow : hidden;
        _zoom:1;
    }
    body#news #mainContentArea .contentsbox dl dt {
        float: left;
        width: 600px;
    }
    body#news #mainContentArea .contentsbox dl dt span {
        color:#85c2e0;
    }
    body#news #mainContentArea .contentsbox dl dd {
        float: right;
        background-color:#85c2e0;
        padding: 2px 10px 1px;
    }
    body#news #mainContentArea .contentsbox a {
        color: #f68528;
        text-decoration: underline;
    }
    body#news #mainContentArea .contentsbox a:hover {
        color: #f68528;
        text-decoration: underline;
    }


}

@media print{
    #header,
    #leftArea,
    #pagetop,
    #owl-demo,
    .customNavigation,
    .pageback
    {
        display:none;
    }
    #mainContents{
        width:100%;
    }
    #footerInner{
        clear:both;
        border-top:1px solid #000000;
        margin-top:10px;
        padding-top:10px;
        font-size:80%;}
    .topicpath{ font-size:80%;}
    /****************************************

              Adjustment

    *****************************************/
    .center,
    .txtCenter {
        text-align: center;
    }
    .txtRight {
        text-align: right;
    }
    .small {
        font-size: 80%;
    }
    .floatLeft {
        float:left;
    }
    .floatRight {
        float:right;
    }
    .Sat {
        color:#0066FF;
    }
    .Sun {
        color:#990000;
    }
    strong {
        font-weight: bold;
    }
    .mt10 {
        margin-top: 10px;
    }
    .mt20 {
        margin-top: 20px;
    }
    .mt30 {
        margin-top: 30px;
    }

    /****************************************

              topMain

    *****************************************/
    #main-imgArea .Mainimage img{
        float:left;
        width:50%;
        margin:15px 0;
    }
    #main-imgArea .Mainimage p{
        float:right;
        width:48%;
        font-size:100%;
        font-weight:bold;
        margin:15px 0;
    }
    /****************************************

              mainLayout

    *****************************************/

    /* h2,h3,h4
    --------------------------------------- */
    #mainContentArea{clear:both;}
    #mainContentArea #mainContents .title {
        margin:0 0 5px;
        font-size: 1.4em;
        border-top: solid 3px #85c2e0;
        border-bottom: solid 1px #c7c7c7;
        padding: 10px 0;
        text-align: left;
    }
    #mainContentArea #mainContents .title h2 {
        padding-left: 20px;
    }
    #mainContentArea #mainContents #main h3 {
        border:1px solid #85c2e0;
        padding: 5px 3px 4px 10px;
        font-size: 110%;
        margin-bottom: 10px;
    }
    #mainContentArea #mainContents #main h4 {
        border-left: 3px solid #85c2e0;
        padding: 5px 0 3px 10px;
        font-size: 90%;
        font-weight: bold;
        margin: 0 0 0 5px;
    }
    #mainContentArea #mainContents #main .all {
        float: right;
        text-align:center;
        margin-bottom: 10px;
        padding: 0 10px;
        border:1px solid #85c2e0;
    }

    /* tables
    --------------------------------------- */
    table.tablesorter {
        background-color: #efeeee;
        border-top: 1px solid #cfcdcd;
        margin:0;
        width: 100%;
        text-align: left;
    }
    table.tablesorter thead tr th,
    table.tablesorter tfoot tr th {
        background-color: #efeeee;
        border-left: 1px solid #cfcdcd;
        border-bottom: 1px solid #cfcdcd;
        padding: 1px;
        white-space: nowrap;
        text-align: center;
        font-weight: bold;
    }
    table.tablesorter thead tr th:last-child,
    table.tablesorter tfoot tr th:last-child {
        border-right: 1px solid #cfcdcd;
    }
    table.tablesorter tbody td {
        padding: 1px;
        border-left: 1px solid #cfcdcd;
        background-color: #FFF;
        vertical-align: top;
        border-bottom: 1px dotted #3e3e3e;
    }
    #group table.tablesorter tbody td {
        width:50%;
        text-align:center;
    }
    #group table.tablesorter tbody td.sum {
        background-color:#cccccc;
        font-weight:bold;
    }

    table.tablesorter tbody td:first-child {
        border-left: none;
    }

    /* Pager-link
    --------------------------------------- */
    div#pagelink {
        position:relative;
        overflow:hidden;
    }
    div#pagelink ul {
        position:relative;
        left:50%;
        float:left;
    }
    div#pagelink li {
        position:relative;
        left:-50%;
        float:left;
        margin: 0 2px;
    }
    div#pagelink img {
        vertical-align:middle;
        margin: 0 5px;
    }

    /* text
   --------------------------------------- */
    #mainContentArea #main .text {
        margin: 15px 5px 15px 10px;
    }

    /* 枠組 box
    --------------------------------------- */
    #main .box,
    .contentsbox .box {
        border: solid 1px #efeeee;
    }

    /* pdf関連
    --------------------------------------- */
    #main .box .pdficon {
        float: left;
        width: 100px;
    }
    #main .box .exp {
        float: left;
        width: 480px;
        font-size: 80%;
        line-height: 1.4em;
    }
    #main .iconPdf{
        background-image: url(../../img/main/pdf.gif);
        background-repeat:no-repeat;
        background-position:right;
        padding-right:20px;
    }

    /* newアイコン指定
    --------------------------------------- */
    #main .new img {
        padding-left:5px;
        vertical-align: text-top;
    }

    /* 矢印 li
    --------------------------------------- */
    #main .element {
        margin: 0 0 20px 10px;
    }
    #main .element li {
        padding: 5px 15px ;
        margin: 5px 0 0;
        border-bottom: 1px dotted #c7c7c7;
        background: url(../../img/snow/main/arrow.png) no-repeat left 11px;
    }
    #main .element li li{
        padding: 5px 10px ;
        background: url(../../img/snow/leftArea/left-arrow.png) no-repeat left 15px;
    }
    #main .element li li:last-child{
        border: none;
    }

    /* 矢印 dl
    --------------------------------------- */
    #main dl.element {
        border-top: 1px dotted #c7c7c7;
        clear:both;
    }
    #main .element dt {
        clear: left;
        float: left;
        padding: 1px 0 1px 15px ;
        margin: 1px 0 0;
        background: url(../../img/snow/main/arrow.png) no-repeat left 11px;
        width:138px;
    }
    #main .element dd {
        padding: 1px 0 ;
        margin: 1px 0 0;
        border-bottom: 1px dotted #c7c7c7;
    }

    /****************************************

              news

    *****************************************/
    /* news page
    --------------------------------------- */
    body#news #mainContentArea .photo {
        text-align: center;
        font-size: 90%;
    }
    body#news #mainContentArea .photo img {
        margin: 15px 0 5px;
    }
    body#news #mainContentArea .contentsbox {
        background-color:#FFF;
        margin: 20px 0;
        padding: 20px ;
        width: 630px;
        -webkit-box-shadow: #cccccc 0px 0px 10px;
        -moz-box-shadow: #cccccc 0px 0px 10px;
        box-shadow: #cccccc 0px 0px 10px;
        behavior: url(/PIE.htc);
    }
    body#news #mainContentArea .contentsbox .freetext {
        border: solid 1px #85c2e0;
        padding: 5px 10px;
        margin-bottom: 10px;
    }
    body#news #mainContentArea .contentsbox dl {
        margin: 5px 0 0;
        padding-bottom: 4px;
        font-size: 90%;
        border-bottom: 1px dotted #3e3e3e;
        overflow : hidden;
        _zoom:1;
    }
    body#news #mainContentArea .contentsbox dl dt {
        float: left;
        width: 400px;
    }
    body#news #mainContentArea .contentsbox dl dt span {
        color:#85c2e0;
    }
    body#news #mainContentArea .contentsbox dl dd {
        float: right;
        background-color:#85c2e0;
        padding: 2px 10px 1px;
    }
    body#news #mainContentArea .contentsbox a {
        color: #ffffff;
        text-decoration: none;
    }
    body#news #mainContentArea .contentsbox a:hover {
        color: #f68528;
        text-decoration: underline;
    }

}

.l-navBox a {
cursor: pointer;
cursor: hand;
}

    table.tablesorter a {
        cursor: pointer;

    }