@charset "UTF-8";

/* ヘッダー */
#header {
    border: 1px solid #000;
    background: #3d3d3d;
    font-size: 1.2em;
    font-weight: bold;
    margin-bottom: 10px;
    color: #fff;
    text-align: center;
    text-shadow: 0 -1px 1px #000;
    background: -moz-linear-gradient(top, #333, #5a5a5a);  /* 3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #333), color-stop(1, #5a5a5a)); /* Chrome 10+, Safari 5.1+ */
    background: -webkit-linear-gradient(top, #333, #5a5a5a); /* Chrome 10+, Safari 5.1+ */
    background: -ms-linear-gradient(top, #333, #5a5a5a); /* 10+ */
    background: -o-linear-gradient(top, #333, #5a5a5a); /* 11.1+ */
    background: linear-gradient(to bottom, #333, #5a5a5a); /* Standard */
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#333333', EndColorStr='#5a5a5a')";
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
}
#header2 {
    border: 1px solid #000;
    background: #3d3d3d;
    font-size: 16px;
    font-weight: bold;
    color: #fff;
    text-align: center;
    text-shadow: 0 -1px 1px #000;
    background: -moz-linear-gradient(top, #333, #5a5a5a);  /* 3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #333), color-stop(1, #5a5a5a)); /* Chrome 10+, Safari 5.1+ */
    background: -webkit-linear-gradient(top, #333, #5a5a5a); /* Chrome 10+, Safari 5.1+ */
    background: -ms-linear-gradient(top, #333, #5a5a5a); /* 10+ */
    background: -o-linear-gradient(top, #333, #5a5a5a); /* 11.1+ */
    background: linear-gradient(to bottom, #333, #5a5a5a); /* Standard */
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#333333', EndColorStr='#5a5a5a')";
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
}
.header-menu_icon {
    margin: 0 0.3em 0 0;
}

/* チE?E??E?スチE*/
.cont {
    text-align: left;
    font-size: 120%;
}
.cont a {
    font-size: 120%;
}
.cont2 {
    text-align: center;
    /*font-size: 120%;*/
}
.cont2>h1 {
    margin-bottom: 20px;
}
.cont2 a {
    /*font-size: 120%;*/
}
.cont4 {
    background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0, rgb(208,208,208)),	color-stop(0.57, rgb(255,255,255)));
    background-image: -moz-linear-gradient(center bottom, rgb(208,208,208) 0%, rgb(255,255,255) 57%);
    text-align: center;
    font-size: 20px;
    padding: 5px 0px;
    margin-top: 0px;
    margin-bottom: 10px;
}
.cont4 a {
    font-size: 24px;
}

/* メニュー */
ul.menu_list li {
    background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0, rgb(208,208,208)),	color-stop(0.57, rgb(255,255,255)));
    background-image: -moz-linear-gradient(center bottom, rgb(208,208,208) 0%, rgb(255,255,255) 57%);
    border-bottom: 1px solid #939393;
    border-top: 1px solid #c9c9c9;
}
ul.menu_list li a {
    display: block;
    font-size: 1.1em;
    padding: 10px 0px 10px 10px;
    color: #000;
    overflow: hidden;
    text-decoration: none;
}
ul.menu_list li.none {
    display: block;
    font-size: 1.1em;
    padding: 10px 0px 10px 10px;
    color: #999;
    overflow: hidden;
    text-decoration: none;
}
ul.cont3 li a {
    background: url(../img/muryo/back.png) center right no-repeat;
    height: auto;
    padding-right: 20px;
}
h2.title  {
    text-shadow: 1px 1px 3px #000;
    font-size: 1.2em;
    font-weight: bold;
    padding: 10px;
}
.maintitle  {
    text-shadow: 1px 1px 3px #000;
    font-weight: bold;
    padding: 10px 0px 10px 0px;
}
span.date {
    text-align: left;
    text-shadow: none;
    margin-right: 0px;
    margin-top: 5px;
}
#tab {
    width: 90%;
    overflow: hidden;
    margin: 0px auto 5px auto;
}
#tab ul {
    text-align: center;
    position: relative;
    margin-left: auto;
    margin-right: auto;
}
#tab li {
    text-align:center;
}
#tab li a
{
    width: 45%;
    float: left;
    padding: 10px 0px;
    color: #fff;
    text-shadow: 1px 1px 3px #000;
    -webkit-border-top-right-radius: 8px;
    -webkit-border-bottom-right-radius: 8px;
    border-top-right-radius: 8px;
    border-bottom-right-radius: 8px;
    -webkit-border-top-left-radius: 8px;
    -webkit-border-bottom-left-radius: 8px;
    border-top-left-radius: 8px;
    border-bottom-left-radius: 8px;
    text-align: center;
    text-decoration: none;
}
#tab li.first a
{
    width: 45%;
    float: left;
    padding: 5px 0px;
    color: #fff;
    text-shadow: 1px 1px 3px #000;
    background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0.5, rgb(0,153,204)), color-stop(0.5, rgb(87,188,221)), color-stop(1, rgb(232,251,255)));
    background-image: -moz-linear-gradient(center bottom, rgb(0,153,204) 50%, rgb(87,188,221) 50%, rgb(232,251,255) 100%);
    -webkit-border-top-right-radius: 8px;
    -webkit-border-bottom-right-radius: 8px;
    border-top-right-radius: 8px;
    border-bottom-right-radius: 8px;
    -webkit-border-top-left-radius: 8px;
    -webkit-border-bottom-left-radius: 8px;
    border-top-left-radius: 8px;
    border-bottom-left-radius: 8px;
    text-align: center;
    margin-right: 10%;
    text-decoration: none;
}
#tab li.firstnone {
    width: 200px;
    float: left;
    padding: 10px 0px;
    color: #fff;
    text-shadow: 1px 1px 3px #000;
    background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0.5, rgb(0,153,204)), color-stop(0.5, rgb(87,188,221)), color-stop(1, rgb(232,251,255)));
    background-image: -moz-linear-gradient(center bottom, rgb(0,153,204) 50%, rgb(87,188,221) 50%, rgb(232,251,255) 100%);
    -webkit-border-top-right-radius: 8px;
    -webkit-border-bottom-right-radius: 8px;
    border-top-right-radius: 8px;
    border-bottom-right-radius: 8px;
    -webkit-border-top-left-radius: 8px;
    -webkit-border-bottom-left-radius: 8px;
    border-top-left-radius: 8px;
    border-bottom-left-radius: 8px;
    text-align: center;
    margin-right: 20px;
}
#tab li.last a
{
    width: 45%;
    float: left;
    padding: 5px 0px;
    color: #fff;
    text-shadow: 1px 1px 3px #000;
    background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0.5, rgb(255,88,121)), color-stop(0.5, rgb(255,149,170)), color-stop(1, rgb(238,224,227)));
    background-image: -moz-linear-gradient(center bottom, rgb(233,83,136) 50%, rgb(255,149,170) 50%, rgb(238,224,227) 100%);
    -webkit-border-top-right-radius: 8px;
    -webkit-border-bottom-right-radius: 8px;
    border-top-right-radius: 8px;
    border-bottom-right-radius: 8px;
    -webkit-border-top-left-radius: 8px;
    -webkit-border-bottom-left-radius: 8px;
    border-top-left-radius: 8px;
    border-bottom-left-radius: 8px;
    text-align: center;
    text-decoration: none;
}
#tab li.lastnone {
    width: 200px;
    float: left;
    padding: 10px 0px;
    color: #999;
    text-shadow: 1px 1px 3px #000;
    background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0.5, rgb(255,88,121)), color-stop(0.5, rgb(255,149,170)), color-stop(1, rgb(238,224,227)));
    background-image: -moz-linear-gradient(center bottom, rgb(233,83,136) 50%, rgb(255,149,170) 50%, rgb(238,224,227) 100%);
    -webkit-border-top-right-radius: 8px;
    -webkit-border-bottom-right-radius: 8px;
    border-top-right-radius: 8px;
    border-bottom-right-radius: 8px;
    -webkit-border-top-left-radius: 8px;
    -webkit-border-bottom-left-radius: 8px;
    border-top-left-radius: 8px;
    border-bottom-left-radius: 8px;
    text-align: center;
}
#tab li.space	{
    width: 45%;
    float: left;
    padding: 5px 0px;
    color: #fff;
    font-weight: bold;
    text-shadow: 1px 1px 3px #000;
    text-align: center;
    margin-right: 10%;
}

/*===============================
* 20121228更新
================================*/
.tab {
    width: 90%;
    overflow: hidden;
    margin: 0px auto 5px;
}
.tab ul {
    margin: 0 auto;
}
.tab li {
    text-align: center;
}
.tab li a {
    width: 45%;
    padding: 5px 0px;
    color: #fff;
    text-shadow: 1px 1px 3px #000;
    border-radius: 8px;
    -webkit-border-radius: 8px;
    text-align: center;
    text-decoration: none;
}
.tab li:first-child a {
    float: left;
    background: -webkit-gradient(linear, left bottom, left top, color-stop(0.5, rgb(0,153,204)), color-stop(0.5, rgb(87,188,221)), color-stop(1, rgb(232,251,255)));
    background: -moz-linear-gradient(center bottom, rgb(0,153,204) 50%, rgb(87,188,221) 50%, rgb(232,251,255) 100%);
}
.tab li:last-child a {
    float: right;
    background: -webkit-gradient(linear, left bottom, left top, color-stop(0.5, rgb(255,88,121)), color-stop(0.5, rgb(255,149,170)), color-stop(1, rgb(238,224,227)));
    background: -moz-linear-gradient(center bottom, rgb(233,83,136) 50%, rgb(255,149,170) 50%, rgb(238,224,227) 100%);
}
.tab li.close {
    width: 45%;
    padding: 5px 0px;
    border-radius: 8px;
    -webkit-border-radius: 8px;
    text-align: center;
    text-decoration: none;
    float: right;
    color: #999;
    background: -webkit-gradient(linear, left bottom, left top, color-stop(0.5, rgb(255,88,121)), color-stop(0.5, rgb(255,149,170)), color-stop(1, rgb(238,224,227)));
    background: -moz-linear-gradient(center bottom, rgb(233,83,136) 50%, rgb(255,149,170) 50%, rgb(238,224,227) 100%);
}
.tab li.space	{
    width: 45%;
    float: left;
    padding: 5px 0px;
    color: #fff;
    font-weight: bold;
    text-shadow: 1px 1px 3px #000;
    text-align: center;
    margin-right: 10%;
}
/*===============================
* /20121228更新
================================*/

ul.menu_list2 li {
    margin-top: 2px;
}
ul.menu_list2 li a {
    display: block;
    padding: 6px 20px 6px 10px;
    overflow: hidden;
}
ul.cont5 li a {
    background: url(../img/muryo/back_2.png) center right no-repeat;
    height: auto;
}
li.cont5none {
    display: block;
    padding: 6px 20px 6px 10px;
    overflow: hidden;
}

ul.menu_list3 li {
    margin-top: 2px;
}
ul.menu_list3 li a {
    display: block;
    padding: 10px 20px 10px 10px;
    overflow: hidden;
}
ul.cont6 li a {
    background: url(../img/muryo/back_2.png) center right no-repeat;
    height: auto;
    padding-right: 20px;
}
ul.cont7 li a {
    height: auto;
}

/* otherspec */
.otherspec3 {
    width: 100%;
    font-size: 12px;
    color: #666;
    text-align: center;
    padding-top: 3px;
    padding-bottom: 1em;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 0px;
}
.otherspec3 ul {
    height: px;
    line-height: 34px;
    list-style-type:none;
    margin-left: auto;
    margin-right: auto;
    width: 100%;
}
.otherspec3 ul:after {
    display: block;
    clear: both;
    content: '';
}
.otherspec3 li {
    margin: 2px 0px 0px 5px;
    float:left;
    width: 150px;
    font-size: 14px;
    text-align: center;
}
.otherspec3 li a {
    display: block;
    color:#FFF;
    font-size: 20px;
    text-shadow: 1px 1px 3px #000;
    background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0, rgb(255,154,0)),	color-stop(0.57, rgb(247,201,27)));
    background-image: -moz-linear-gradient(center bottom, rgb(255,154,0) 0%, rgb(247,201,27) 57%);
    box-shadow: 0 0 3px #000000;
}
.otherspec3 li:first-child a {
    -webkit-border-top-left-radius: 8px;
    -webkit-border-bottom-left-radius: 8px;
    border-top-left-radius: 8px;
    border-bottom-left-radius: 8px;
}
.otherspec3 li:last-child a {
    -webkit-border-top-right-radius: 8px;
    -webkit-border-bottom-right-radius: 8px;
    border-top-right-radius: 8px;
    border-bottom-right-radius: 8px;
    margin-right: 5px;
}


/* ミニボタン */
.gradient {
    background-image: -moz-linear-gradient(top, #fffff9, #ffffff);
    background: -webkit-gradient(linear, left top, left bottom, from(#fffff9), to(#ffffff));
    border-bottom: 1px solid #c9c9c2;
    border-top: 1px solid #c9c9c2;
}
.tab2 {
    width: 220px;
    overflow: hidden;
    margin-left: auto;
    margin-right: 5px;
}
.tab2 ul {
    text-align: center;
    position: relative;
    margin-left: auto;
    margin-right: auto;
}
.tab2 li {
    text-align:center;
}
.tab2 li a
{
    width: 100px;
    float: left;
    padding: 15px 0px;
    color: #fff;
    font-weight: bold;
    text-shadow: 1px 1px 3px #000;
    background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0.5, rgb(255,88,121)), color-stop(0.5, rgb(255,149,170)), color-stop(1, rgb(238,224,227)));
    background-image: -moz-linear-gradient(center bottom, rgb(233,83,136) 50%, rgb(255,149,170) 50%, rgb(238,224,227) 100%);
    -webkit-border-top-right-radius: 8px;
    -webkit-border-bottom-right-radius: 8px;
    border-top-right-radius: 8px;
    border-bottom-right-radius: 8px;
    -webkit-border-top-left-radius: 8px;
    -webkit-border-bottom-left-radius: 8px;
    border-top-left-radius: 8px;
    border-bottom-left-radius: 8px;
    text-align: center;
}
.tab2 li:first-child a {
    margin-right: 20px;
}

/* チE?E??E?チE*/
.tab3 {
    width: 250px;
    overflow: hidden;
    margin-left: auto;
    margin-right: 5px;
}
.tab3 ul {
    text-align: center;
    position: relative;
    margin-left: auto;
    margin-right: auto;
}
.tab3 li {
    text-align:center;
}
.tab3 li a
{
    width: 100px;
    float: left;
    padding: 10px 0px;
    color: #fff;
    font-weight: bold;
    text-shadow: 1px 1px 3px #000;
    background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0.5, rgb(255,88,121)), color-stop(0.5, rgb(255,149,170)), color-stop(1, rgb(238,224,227)));
    background-image: -moz-linear-gradient(center bottom, rgb(233,83,136) 50%, rgb(255,149,170) 50%, rgb(238,224,227) 100%);
    -webkit-border-top-right-radius: 8px;
    -webkit-border-bottom-right-radius: 8px;
    border-top-right-radius: 8px;
    border-bottom-right-radius: 8px;
    -webkit-border-top-left-radius: 8px;
    -webkit-border-bottom-left-radius: 8px;
    border-top-left-radius: 8px;
    border-bottom-left-radius: 8px;
    text-align: center;
}
.tab3 li:first-child a {
    margin-right: 20px;
    background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0.5, rgb(0,153,204)), color-stop(0.5, rgb(87,188,221)), color-stop(1, rgb(232,251,255)));
    background-image: -moz-linear-gradient(center bottom, rgb(0,153,204) 50%, rgb(87,188,221) 50%, rgb(232,251,255) 100%);

}
.tab3 li:last-child a {
    padding: 10px 15px;
}


#tab4 {
    width: 100%;
    overflow: hidden;
    margin-left: auto;
    margin-right: auto;
}
#tab4 ul {
    text-align: center;
}
#tab4 li {
    text-align:center;
}
#tab4 li a
{
    width: 200px;
    float: left;
    padding: 15px 0px;
    color: #fff;
    font-weight: bold;
    text-shadow: 1px 1px 3px #000;
    background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0.5, rgb(255,88,121)), color-stop(0.5, rgb(255,149,170)), color-stop(1, rgb(238,224,227)));
    background-image: -moz-linear-gradient(center bottom, rgb(233,83,136) 50%, rgb(255,149,170) 50%, rgb(238,224,227) 100%);
    -webkit-border-top-right-radius: 8px;
    -webkit-border-bottom-right-radius: 8px;
    border-top-right-radius: 8px;
    border-bottom-right-radius: 8px;
    -webkit-border-top-left-radius: 8px;
    -webkit-border-bottom-left-radius: 8px;
    border-top-left-radius: 8px;
    border-bottom-left-radius: 8px;
    text-align: center;
}
#tab4 li {
    text-align:center;
}
#tab4 li.first a {
    width: 200px;
    float: left;
    padding: 10px 0px;
    color: #fff;
    font-weight: bold;
    text-shadow: 1px 1px 3px #000;
    background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0.5, rgb(0,153,204)), color-stop(0.5, rgb(87,188,221)), color-stop(1, rgb(232,251,255)));
    background-image: -moz-linear-gradient(center bottom, rgb(0,153,204) 50%, rgb(87,188,221) 50%, rgb(232,251,255) 100%);
    -webkit-border-top-right-radius: 8px;
    -webkit-border-bottom-right-radius: 8px;
    border-top-right-radius: 8px;
    border-bottom-right-radius: 8px;
    -webkit-border-top-left-radius: 8px;
    -webkit-border-bottom-left-radius: 8px;
    border-top-left-radius: 8px;
    border-bottom-left-radius: 8px;
    text-align: center;
}
#tab4 li.last a
{
    width: 200px;
    float: right;
    padding: 10px 0px;
    color: #fff;
    font-weight: bold;
    text-shadow: 1px 1px 3px #000;
    background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0.5, rgb(255,88,121)), color-stop(0.5, rgb(255,149,170)), color-stop(1, rgb(238,224,227)));
    background-image: -moz-linear-gradient(center bottom, rgb(233,83,136) 50%, rgb(255,149,170) 50%, rgb(238,224,227) 100%);
    -webkit-border-top-right-radius: 8px;
    -webkit-border-bottom-right-radius: 8px;
    border-top-right-radius: 8px;
    border-bottom-right-radius: 8px;
    -webkit-border-top-left-radius: 8px;
    -webkit-border-bottom-left-radius: 8px;
    border-top-left-radius: 8px;
    border-bottom-left-radius: 8px;
    text-align: center;
}

/* ページ送りボタン */
#navi {
    width: 220px;
    overflow: hidden;
    margin-top: 10px;
    margin-left: auto;
    margin-right: auto;
}
#navi ul {
    text-align: center;
    position: relative;
    margin-left: auto;
    margin-right: auto;
}
#navi li {
    width: 100px;
    float: left;
    color: #fff;
    font-weight: bold;
    text-align: center;
}
#navi li.forenone {
    text-decoration: none;
    width: 100px;
    float: left;
    padding: 5px 0px;
    color: #fff;
    font-weight: bold;
    text-shadow: 1px 1px 3px #000;
    background-color: #999;
    -webkit-border-top-right-radius: 8px;
    -webkit-border-bottom-right-radius: 8px;
    border-top-right-radius: 8px;
    border-bottom-right-radius: 8px;
    text-align: center;
    margin-left: 20px;
}
#navi li.fore {
    border: none;
}
#navi li.fore a {
    background: none;
    text-decoration: none;
    width: 100px;
    float: left;
    padding: 5px 0px;
    color: #fff;
    font-weight: bold;
    text-shadow: 1px 1px 3px #000;
    background-color: #6c9bd2;
    -webkit-border-top-right-radius: 8px;
    -webkit-border-bottom-right-radius: 8px;
    border-top-right-radius: 8px;
    border-bottom-right-radius: 8px;
    text-align: center;
    margin-left: 20px;
}
#navi li.prenone {
    text-decoration: none;
    width: 100px;
    float: left;
    padding: 5px 0px;
    color: #fff;
    font-weight: bold;
    text-shadow: 1px 1px 3px #000;
    background-color: #999;
    -webkit-border-top-left-radius: 8px;
    -webkit-border-bottom-left-radius: 8px;
    border-top-left-radius: 8px;
    border-bottom-left-radius: 8px;
    text-align: center;
}
#navi li.pre {
    border: none;
}
#navi li.pre a {
    background: none;
    text-decoration: none;
    width: 100px;
    float: left;
    padding: 5px 0px;
    color: #fff;
    font-weight: bold;
    text-shadow: 1px 1px 3px #000;
    background-color: #6c9bd2;
    -webkit-border-top-left-radius: 8px;
    -webkit-border-bottom-left-radius: 8px;
    border-top-left-radius: 8px;
    border-bottom-left-radius: 8px;
    text-align: center;
}


/* 色見本 */
.red {
    border-bottom: 1px solid #d9333f;
    border-top: 1px solid #d9333f;
    background-image: -webkit-gradient(
        linear,
        left bottom,
        left top,
        color-stop(0, rgb(255,51,51)),
        color-stop(0.57, rgb(255,153,153))
        );
    background-image: -moz-linear-gradient(
        center bottom,
        rgb(255,51,51) 0%,
        rgb(255,153,153) 57%
        );
    background: -webkit-
}
.pink {
    border-bottom: 1px solid #ff00ff;
    border-top: 1px solid #ff00ff;
    background-image: -webkit-gradient(
        linear,
        left bottom,
        left top,
        color-stop(0, rgb(255,88,121)),
        color-stop(0.57, rgb(255,149,170))
        );
    background-image: -moz-linear-gradient(
        center bottom,
        rgb(255,88,121) 0%,
        rgb(255,149,170) 57%
        );
}
.orange {
    border-bottom: 1px solid #ffac30;
    border-top: 1px solid #ffac30;
    background-image: -webkit-gradient(
        linear,
        left bottom,
        left top,
        color-stop(0, rgb(255,128,0)),
        color-stop(0.57, rgb(255,196,0))
        );
    background-image: -moz-linear-gradient(
        center bottom,
        rgb(255,128,0) 0%,
        rgb(255,196,0) 57%
        );
}
.yellow {
    border-bottom: 1px solid #ffdc00;
    border-top: 1px solid #ffdc00;
    background-image: -webkit-gradient(
        linear,
        left bottom,
        left top,
        color-stop(0, rgb(224,224,32)),
        color-stop(0.57, rgb(255,255,0))
        );
    background-image: -moz-linear-gradient(
        center bottom,
        rgb(224,224,32) 0%,
        rgb(255,255,0) 57%
        );
}
.blue {
    border-bottom: 1px solid #cce3ff;
    border-top: 1px solid #cce3ff;
    background-image: -webkit-gradient(
        linear,
        left bottom,
        left top,
        color-stop(0, rgb(8,102,204)),
        color-stop(0.57, rgb(102,175,255))
        );
    background-image: -moz-linear-gradient(
        center bottom,
        rgb(8,102,204) 0%,
        rgb(102,175,255) 57%
        );
}
.skyblue {
    border-bottom: 1px solid #2fabd5;
    border-top: 1px solid #2fabd5;
    background-image: -webkit-gradient(
        linear,
        left bottom,
        left top,
        color-stop(0, rgb(31,169,215)),
        color-stop(0.57, rgb(136,222,250))
        );
    background-image: -moz-linear-gradient(
        center bottom,
        rgb(31,169,215) 0%,
        rgb(136,222,250) 57%
        );
}
.green {
    border-bottom: 1px solid #abd52f;
    border-top: 1px solid #abd52f;
    background-image: -webkit-gradient(
        linear,
        left bottom,
        left top,
        color-stop(0, rgb(76,154,25)),
        color-stop(0.57, rgb(143,198,3))
        );
    background-image: -moz-linear-gradient(
        center bottom,
        rgb(76,154,25) 0%,
        rgb(143,198,3) 57%
        );
}
.lightgreen {
    border-bottom: 1px solid #00e58d;
    border-top: 1px solid #00e58d;
    background-image: -webkit-gradient(
        linear,
        left bottom,
        left top,
        color-stop(0, rgb(0,229,141)),
        color-stop(0.57, rgb(178,255,193))
        );
    background-image: -moz-linear-gradient(
        center bottom,
        rgb(0,229,141) 0%,
        rgb(178,255,193) 57%
        );
}
.purple {
    border-bottom: 1px solid #b34ee5;
    border-top: 1px solid #b34ee5;
    background-image: -webkit-gradient(
        linear,
        left bottom,
        left top,
        color-stop(0, rgb(179,78,229)),
        color-stop(0.57, rgb(229,178,255))
        );
    background-image: -moz-linear-gradient(
        center bottom,
        rgb(179,78,229) 0%,
        rgb(229,178,255) 57%
        );
}
.caramel {
    border-bottom: 1px solid #bc611e;
    border-top: 1px solid #bc611e;
    background-image: -webkit-gradient(
        linear,
        left bottom,
        left top,
        color-stop(0, rgb(188,97,30)),
        color-stop(0.57, rgb(255,180,127))
        );
    background-image: -moz-linear-gradient(
        center bottom,
        rgb(188,97,30) 0%,
        rgb(255,180,127) 57%
        );
}
.black {
    border-bottom: 1px solid #000;
    border-top: 1px solid #000;
    background-image: -webkit-gradient(
        linear,
        left bottom,
        left top,
        color-stop(0, rgb(51,51,51)),
        color-stop(0.57, rgb(90,90,90))
        );
    background-image: -moz-linear-gradient(
        center bottom,
        rgb(51,51,51) 0%,
        rgb(90,90,90) 57%
        );
}
.gray {
    border-bottom: 1px solid #939393;
    border-top: 1px solid #c9c9c9;
    background-image: -webkit-gradient(
        linear,
        left bottom,
        left top,
        color-stop(0, rgb(165,169,173)),
        color-stop(0.57, rgba(198,203,209,0.5))
        );
    background-image: -moz-linear-gradient(
        center bottom,
        rgb(165,169,173) 0%,
        rgba(198,203,209,0.5) 57%
        );
}
.white {
    border-bottom: 1px solid #939393;
    border-top: 1px solid #c9c9c9;
    background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0, rgb(208,208,208)), color-stop(0.57, rgb(255,255,255)));
    background-image: -moz-linear-gradient(center bottom, rgb(208,208,208) 0%, rgb(255,255,255) 57%);
}
.gold {
    border-bottom: 1px solid #665a1a;
    border-top: 1px solid #665a1a;
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0.00, #ffe400), color-stop(1.00, #805d00));
    background: -webkit-linear-gradient(#ffe400, #805d00);
    background: -moz-linear-gradient(#ffe400, #805d00);
    background: -o-linear-gradient(#ffe400, #805d00);
    background: -ms-linear-gradient(#ffe400, #805d00);
    background: linear-gradient(#ffe400, #805d00);
}

.pachi, .slo {
    font-size: 0.8em;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    text-align: center;
    color: #fff;
    text-shadow: 1px 1px 3px #000;
    margin-right: 10px;
    padding: 3px 6px;
}

.pachi {
    border: 2px solid #d9333f;
    background: -webkit-gradient(linear, left bottom, left top, color-stop(0,#ff3333), color-stop(0.85, #ff9999));
    background: -moz-linear-gradient(center bottom, #ff3333 0%, #ff9999 85%);
    background: -webkit-linear-gradient(bottom, #ff3333 0%, #ff9999 85%);
    background: -o-linear-gradient(bottom, #ff3333 0%, #ff9999 85%);
    background: -ms-linear-gradient(bottom, #ff3333 0%, #ff9999 85%);
    background: linear-gradient(bottom, #ff3333 0%, #ff9999 85%);

}
.slo {
    border: 2px solid #abd52f;
    background: -webkit-gradient(linear, left bottom, left top, color-stop(0,#4c9a19), color-stop(0.85, #8fc603));
    background: -moz-linear-gradient(center bottom, #4c9a19 0%, #8fc603 85%);
    background: -webkit-linear-gradient(bottom, #4c9a19 0%, #8fc603 85%);
    background: -o-linear-gradient(bottom, #4c9a19 0%, #8fc603 85%);
    background: -ms-linear-gradient(bottom, #4c9a19 0%, #8fc603 85%);
    background: linear-gradient(bottom, #4c9a19 0%, #8fc603 85%);
}

/* 三つボタン */
.otherspec {
    width: 470px;
    font-size: 12px;
    color: #666;
    text-align: center;
    padding-top: 3px;
    padding-bottom: 1em;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 0px;
}
.otherspec ul {
    height: 34px;
    line-height: 34px;
    list-style-type:none;
    margin-left: auto;
    margin-right: auto;
    width: 100%;
}
.otherspec ul:after {
    display: block;
    clear: both;
    content: '';
}
.otherspec li {
    margin: 2px 0px 0px 5px;
    float:left;
    width: 150px;
    font-size: 14px;
    text-align: center;
}
.otherspec li a {
    display: block;
    font-size: 20px;
    text-shadow: 1px 1px 3px #000;
    box-shadow: 0 0 3px #000000;
}
.otherspec li:first-child a {
    -webkit-border-top-left-radius: 8px;
    -webkit-border-bottom-left-radius: 8px;
    border-top-left-radius: 8px;
    border-bottom-left-radius: 8px;
}
.otherspec li:last-child a {
    -webkit-border-top-right-radius: 8px;
    -webkit-border-bottom-right-radius: 8px;
    border-top-right-radius: 8px;
    border-bottom-right-radius: 8px;
    margin-right: 5px;
}

/* しましま */



/* 入力フォーム */
#form {
    width: 98%;
    background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0, rgb(31,169,215)), color-stop(0.85, rgb(136,222,250)));
    background-image: -moz-linear-gradient(center bottom, rgb(31,169,215) 0%, rgb(136,222,250) 85%);
    border-bottom: 1px solid #939393;
    border-top: 1px solid #c9c9c9;
    display: block;
    margin-top: 10px;
    margin-left: auto;
    margin-right: auto;
    text-align: center;
    color: #fff;
    text-shadow: 1px 1px 3px #000;
    overflow: hidden;
}
#form a {
    color: #ffffff;
    font-size: 18px;
}
/* 点緁E*/
.dotted {
    border-style: dashed;
    border-bottom-color: #FFF;
    height: 1px;
}
/* ボタン */
#down {
    text-align: center;
    margin-left: auto;
    margin-right: auto;
    overflow: hidden;
}
#down a {
    text-decoration: none;
    position: relative;
    cursor: pointer;
    border: 0;
    font-size: 1.0em;
    font-weight: bold;
    line-height: 1;
    padding: 10px 10px 10px 10px;
    border-bottom: 1px solid transparent\9;
    text-shadow: 0 -1px 1px rgba(0,0,0,0.25), -2px 0 1px rgba(0,0,0,0.25);
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-box-shadow: 0 1px 2px rgba(0,0,0,0.5);
    -webkit-box-shadow: 0 1px 2px rgba(0,0,0,0.5);
    background-position: 0 0;
    display: -moz-inline-stack;
    display: inline-block;
    vertical-align: middle;
    *display: inline !important;
    position: relative;
    zoom: 1;
    -moz-user-select: none;
}
button.login, input.login, a.button.login {
    background-color: #111;
}
button.login, input.login, a.button.login {
    background-repeat: repeat-x;
    color: #fff;
    text-decoration: none;
    position: relative;
    cursor: pointer;
    border: 0;
    font-weight: bold;
    line-height: 1;
    padding: 5px 10px 6px;
    font-size: 24px;
    border-bottom: 1px solid transparent\9;
    text-shadow: 0 -1px 1px rgba(0,0,0,0.25), -2px 0 1px rgba(0,0,0,0.25);
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-box-shadow: 0 1px 2px rgba(0,0,0,0.5);
    -webkit-box-shadow: 0 1px 2px rgba(0,0,0,0.5);
    background-image: url(login-overlay-sprite.png);
    background-position: 0 0;
    display: -moz-inline-stack;
    display: inline-block;
    vertical-align: middle;
    *display: inline !important;
    position: relative;
    zoom: 1;
    -moz-user-select: none;
}
.login::selection {
    background: transparent;
}
button.login:hover, input.login:hover, a.button.login:hover {
    background-position: 0 -50px;
    color: #fff;
}
button.login:active, input.login:active, a.button.login:active	{
    background-position: 0 100%;
    -moz-box-shadow: inset 0 1px 2px rgba(0,0,0,0.7);
    -webkit-box-shadow: none;
    border-bottom: 0;
    border-top: 1px solid #666;
}
.button2 {
    width: 300px;
    padding: 10px 0px;
    color: #fff;
    font-weight: bold;
    text-shadow: 1px 1px 3px #000;
    -webkit-border-top-right-radius: 40px;
    -webkit-border-bottom-right-radius: 40px;
    border-top-right-radius: 40px;
    border-bottom-right-radius: 40px;
    -webkit-border-top-left-radius: 40px;
    -webkit-border-bottom-left-radius: 40px;
    border-top-left-radius: 40px;
    border-bottom-left-radius: 40px;
    text-align: center;
    margin: 0px auto 10px auto;
}


/* フッターメニュー */
.section {
    position: relative;
    margin-top: 20px;
    overflow: hidden;
    link: #FFF;
}
.section ul {
    position: relative;
    margin-top: 20px;
    list-style-type: none;
    left: 50%;
    float: left;
}
.section li  {
    position: relative;
    left: -50%;
    float:left;
    text-align: center;
    margin-right: 10px;
    margin-bottom: 10px;
}
.section li a  {
    padding: 5px 10px;
    background-image: -webkit-gradient(
        linear,
        left top,
        left bottom,
        color-stop(0, #6e6e6e),
        color-stop(0.5, #494949),
        color-stop(0.5, #3c3c3c),
        color-stop(1, #363636)
        );
    border-top-color: #212121;
    border-left-color: #2f2f2f;
    border-right-color: #454545;
    border-bottom-color: #6f6f6f;
    border-width: 1px;
    border-style: solid;
    border-radius: 4px;
    color: #FFF;
    font-size: 1.0em;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.5);
    text-decoration: none;
}

/* フッターメニュー?E?E?E?E*/
.toolbarBox {
    position: relative;
}
.toolbarBox nav li {
    position: absolute;
}
.toolbarBox nav .toolBtn {
    display: block;
    padding: 3px 10px;
    background-image: -webkit-gradient(
        linear,
        left top,
        left bottom,
        color-stop(0, #8ea3c0),
        color-stop(0.5, #5776a2),
        color-stop(0.5, #49699a),
        color-stop(1, #4a6b9a)
        );
    border-top-color: #2f363e;
    border-left-color: #435a79;
    border-right-color: #435a79;
    border-bottom-color: #385074;
    border-width: 1px;
    border-style: solid;
    border-radius: 4px;
    color: #fff;
    font-size: 13px;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.5);
    text-decoration: none;
    -webkit-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.4);
    box-shadow: 0 1px 0 rgba(255, 255, 255, 0.4);
}
.toolbarBox nav .toolBtnTypeA {
    left: 4px;
    top: 8px;
}
.toolbarBox nav .toolBtnTypeB {
    right: 4px;
    top: 8px;
}
.toolbarBox nav .toolBtnArr {
    position:absolute;
    margin-left: 10px;
    padding: 4px 10px 1px;
    color: #fff;
    font-size: 13px;
    text-align: center;
    text-decoration: none;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.5);
    z-index: 5;
}
.toolbarBox nav .toolBtnArr:before {
    content: "";
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-image: -webkit-gradient(
        linear,
        left top,
        left bottom,
        color-stop(0, #8ea3c0),
        color-stop(0.5, #5776a2),
        color-stop(0.5, #49699a),
        color-stop(1, #4a6b9a)
        );
    border-top-color: #2f363e;
    border-right-color: #435a79;
    border-bottom-color: #385074;
    border-width: 1px;
    border-style: solid;
    border-radius: 7px;
    border-left: none;
    -webkit-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.4);
    box-shadow: 0 1px 0 rgba(255, 255, 255, 0.4);
    z-index: -1;
}
.toolbarBox nav .toolBtnArr:after {
    content: "";
    display: block;
    position: absolute;
    left: 4px;
    top: 0;
    width: 20px;
    height: 17px;
    -webkit-transform-origin: left top;
    -webkit-transform: rotate(45deg);
    background-image: -webkit-gradient(
        linear,
        left top,
        right bottom,
        color-stop(0, #8ea3c0),
        color-stop(0.5, #5776a2),
        color-stop(0.5, #49699a),
        color-stop(1, #4a6b9a)
        );
    border-left-color: #2f363e;
    border-bottom-color: #385074;
    border-width: 1px;
    border-style: solid;
    border-radius: 3px;
    border-right: none;
    border-top: none;
    -webkit-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.4);
    box-shadow: 0 1px 0 rgba(255, 255, 255, 0.4);
    z-index: -2;
}

.toolbar {
    padding: 10px 0;
    border-top: solid 1px #bec5cf;
    border-bottom: solid 1px #3f4e63;
    background-image: -webkit-gradient(
        linear,
        left top,
        left bottom,
        color-stop(0, #acb9c9),
        color-stop(0.5, #8395af),
        color-stop(0.5, #7388a5),
        color-stop(1, #7488a1)
        );
    color: #fff;
    font-size: 16px;
    font-weight: bold;
    text-shadow: -1px -1px 0 #434b57;
    text-align: center;
}

.toolbarB {
    padding: 1px 12px;
    border-top: solid 1px #99a7b2;
    border-bottom: solid 1px #999ea4;
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #919fa8), color-stop(1, #b7c0c9));
    color: #fff;
    text-shadow: 1px 1px 0 rgba(0, 0, 0, 0.3);
}

.footerToolbar {
    padding: 10px 0;
    border-top: solid 1px #2d3033;
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #b5c0ce), color-stop(0.5, #899cb4), color-stop(0.5, #7e94b0), color-stop(1, #6d83a1));
    color: #fff;
    text-align: center;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.6);
}


#copy2 {
    border: 1px solid #000;
    background: #3d3d3d;
    font-size: 0.9em;
    font-weight: bold;
    color: #fff;
    text-align: center;
    text-shadow: 0 -1px 1px #000;
    background-image: -moz-linear-gradient(top, #333, #5a5a5a);
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #333), color-stop(1, #5a5a5a));
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#333333', EndColorStr='#5a5a5a')";
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
}


/*==============================================================================*/


/* アツいぜボタン */
.atsuBtn2 {
    text-align: right;
    padding: 5px 0px;
    position: relative;
}
.atsuCnt2 {
    position: absolute;
    top: 4px;
    right: 10px;
    width: 20px;
    font-size: 12px;
}

/* 機種惁E?E??E?用表絁E?E??E? */.basic{
 border-collapse:collapse;
 border-top:1px solid #000;
 border-right:1px solid #000;
 font-size:16px;
 line-height:1em;
}
.basic td{
 border-bottom:1px solid #000;
 border-left:1px solid #000;
 padding: 8px 4px 6px 4px;
 background-color:#fff;
 text-align: right;
 vertical-align:middle;
}
.tuika{
 border-collapse:collapse;
 border-right:1px solid #000;
 font-size:16px;
 line-height:1em;
}
.tuika td{
 border-bottom:1px solid #000;
 border-left:1px solid #000;
 padding: 8px 4px 6px 4px;
 background-color:#fff;
 text-align: right;
 vertical-align:middle;
}
th{
 border-left:1px solid #000;
 border-bottom:1px solid #000;
 padding: 6px 4px 4px 4px;
 font-weight:bold;
 background-color:#000;
 color:#fff;
 text-align: center;
 vertical-align:middle; 
 font-size:14px;
}
td.noline{
 border-bottom:1px solid #000;
 border-left:none;
 padding: 6px 4px 4px 4px;
 background-color:#fff;
 text-align: right;
 font-size:16px;
 vertical-align:middle;
}
td.noline1{
 text-align: right;
 border-left:none;
 vertical-align:middle;
 background-color: #e0e0e0;
 padding: 6px 4px 4px 4px;
 font-size:14px;
}
td.noline2{
 border-bottom:1px solid #000;
 border-left:none;
 background-color:#e0e0e0;
 vertical-align:middle;
 padding: 6px 4px 4px 4px;
 text-align: right;
 font-size:14px;
}
td.center{
 text-align: center;
 vertical-align:middle;
 background-color: #e0e0e0;
 padding: 6px 4px 4px 4px;
 font-size:14px;
}
td.center0{
 text-align: center;
 vertical-align:middle;
 background-color: #e0e0e0;
 font-size:16px;
 padding: 6px 4px 4px 4px;
}
td.center1{
 text-align: center;
 vertical-align:middle;
 background-color: #e0e0e0;
 font-size:13px;
 padding: 6px 4px 4px 4px;
}
td.center2{
 text-align: center;
 vertical-align:middle;
 background-color: #e0e0e0;
 font-size:12px;
 padding: 6px 4px 4px 4px;
}
td.center3{
 text-align: center;
 vertical-align:middle;
 background-color: #e0e0e0;
 font-size:11px;
 padding: 6px 4px 4px 4px;
}
td.center_align{
 text-align: center;
 vertical-align:middle;
 background-color: #fff;
 font-size:16px;
 padding: 6px 4px 4px 4px;
}
td.center_align1{
 text-align: center;
 vertical-align:middle;
 background-color: #fff;
 font-size:14px;
 padding: 6px 4px 4px 4px;
}
td.left{
 text-align: left;
 vertical-align:middle;
 background-color: #e0e0e0;
 padding: 6px 4px 4px 4px;
 font-size:14px;
}
td.left_align{
 text-align: left;
 vertical-align:middle;
 background-color: #fff;
 font-size:14px;
 padding: 6px 4px 4px 4px;
}
td.center_blue{
 padding: 6px 4px 4px 4px;
 text-align: center;
 vertical-align:middle;
 background-color: #add8e6;
 font-size:14px;
}
td.center_yellow{
 padding: 6px 4px 4px 4px;
 text-align: center;
 vertical-align:middle;
 background-color: #ffff99;
 font-size:14px;
}
td.center_orange{
 padding: 6px 4px 4px 4px;
 text-align: center;
 vertical-align:middle;
 background-color: #fc6;
 font-size:14px;
}
td.center_red{
 padding: 6px 4px 4px 4px;
 text-align: center;
 vertical-align:middle;
 background-color: #f9f;
 font-size:14px;
}
td.center_purple{
 padding: 6px 4px 4px 4px;
 text-align: center;
 vertical-align:middle;
 background-color: #e0e;
 font-size:14px;
}
td.center_green{
 padding: 6px 4px 4px 4px;
 text-align: center;
 vertical-align:middle;
 background-color: #9add32;
 font-size:14px;
}
td.center_blood{
 padding: 6px 4px 4px 4px;
 text-align: center;
 vertical-align:middle;
 background-color: #ff1493;
 font-size:14px;
}

td.font_red{
 color: #f00;
}
td.font_red1{
 color: #f00;
 font-size:14px;
}
td.font_red2{
 color: #f00;
 font-size:12px;
}

td.font_blue{
 color: #00f;
}
td.font_blue1{
 color: #00f;
 font-size:14px;
}
td.font_blue2{
 color: #00f;
 font-size:12px;
}

td.font_1{
 font-size:14px;
}
td.font_2{
 font-size:12px;
}

td.ph{
 padding: 0px;
 text-align: center;
}


.obi{
 padding: 4px;
 background-color:#00bbbb;
 text-align:center;
 letter-spacing:0.1em;
} 
 
.kyoutai{
 float:left;
 width:40%;
 padding-right:10px;
 padding-left:5px;
 padding-bottom:10px;
}
 
.copyright{
 color:#808080;
 font-size:10px;
 line-height:1.2em;
}
 
.clearfix{
 clear:both
}

.bal{
  color:#fff;
  font-weight:bold;
  position: relative;
  padding:15px;
  background-color: #0bf;
  border-radius: 10px;
  margin-bottom: 20px;
}
.bal :after{
  content: "";
  position: absolute;
  display: block;
  width: 0;
  height: 0;
  left: 20px;
  bottom:-12px;
  border-top: 15px solid #0bf;
  border-right: 15px solid transparent;
  border-left: 15px solid transparent;
}

.margin{
  margin-bottom:1.5em;
}
.pkz{
  font-size: 0.7em;
  line-height: 1.2em;
  color: #606060;
  text-align: left;
  padding: 0;
  margin: 1.5em 8px ;
}
.pkz ol li{
  display: inline-block;
  padding: 0 5px 0 0;
}
.pkz a{
  text-decoration: underline;
  color: #606060;
}
.article{
  margin-bottom: 2.4em;
}
.article h2{
  border-left: 10px solid #000;
  border-bottom: 2px solid #000;
  padding-left: 10px;
  font-size: 1.2em;
  line-height: 1.4em;
  font-weight: bold;
  color: #000;
  margin-bottom: 1.2em;
}
.ph{
  text-align: center;
  margin-bottom: 1.2em;
}
.cap{
  margin-bottom: 1.2em;
}
.cap_0{
  margin-bottom: 0;
}
.grid {
  position: relative;
  padding: 35px 10px 7px 10px;
  border: solid 2px #3f51b5;
  margin-bottom: 1.5em;
}
.grid .gridtitle {
  position: absolute;
  display: inline-block;
  top: -2px;
  left: -2px;
  padding: 8px 15px 3px 15px ;
  vertical-align: middle;
  font-size: 1em;
  background: #3f51b5;
  color: #ffffff;
  font-weight: bold;
  letter-spacing: 0.2em;
}
.grid_red {
  position: relative;
  padding: 35px 10px 7px 10px;
  border: solid 2px #c06;
  margin-bottom: 1.5em;
}
.grid_red .gridtitle {
  position: absolute;
  display: inline-block;
  top: -2px;
  left: -2px;
  padding: 8px 15px 3px 15px ;
  vertical-align: middle;
  font-size: 1em;
  background: #c03;
  color: #ffffff;
  font-weight: bold;
  letter-spacing: 0.2em;
}
.lineup{
  border-collapse: separate;
  border-spacing: 10px;
}
.icon_red{
  color: #ff0000;
}
.icon_gray{
  color: #606060;
}