@charset"utf-8";

/*----------------------------------
 clearfix
 ----------------------------------*/

.clearfix:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}

.clearfix {
    display: inline-block;
}


/* Hides from IE-mac ＼*/

* html .clearfix {
    height: 1%;
}

.clearfix {
    display: block;
}


/* End from IE-mac ＼*/


/*----------------------------------
header
----------------------------------*/

body {
    background: url(../images/bg01rep.gif) left top repeat-x;
}

#header {
    width: 1090px;
    margin: 0 auto;
    height: 33px;
}

@media only screen and (max-width: 640px) {
    body {
        background: none;
        overflow-x: hidden;
        -webkit-text-size-adjust: none;
    }
    #header {
        background: #DBD6CC;
        height: 27px;
        text-align: center;
        width: 100%;
    }
}

#hd {
    width: 1090px;
    margin: 0 auto;
}

@media only screen and (max-width: 640px) {
    #hd {
        width: 100%;
        margin: 0 auto;
    }
}

#headerbox {
    padding: 3px 0 5px 0;
    width: 957px;
    float: left;
}


/* IE8 */

html>
/**/

body #headerbox {
    padding: /*\**/
    3px 0 0 0\9;
    width: /*\**/
    950px\9;
    float: /*\**/
    left\9;
}

@media only screen and (max-width: 640px) {
    #headerbox {
        padding: 3px 0 5px 0;
        float: none;
        width: 100%;
    }
}

#headerbox h1 {
    float: left;
    font-size: 12px;
    border-right: dotted 1px #8C8C8C;
    padding: 0 5px 0 0;
    margin: 0 5px 0 0;
}

@media only screen and (max-width: 640px) {
    #headerbox h1 {
        font-size: 12px;
        display: block;
        text-align: center;
        border: none;
        float: none;
        color: #313131;
        padding: 0;
        margin: 0;
    }
}

#headerbox h2 {
    font-size: 9px;
}


/* IE8 */

html>
/**/

body #headerbox h2 {
    font-size: /*\**/
    9px\9;
    padding: 1px 0 0 0;
}

@media only screen and (max-width: 640px) {
    #headerbox h2 {
        font-size: 12px;
        line-height: 14px;
        text-align: left;
        position: relative;
        top: 70px;
        left: 0;
        margin: 0;
        display: block;
        background: #FFFFFF;
        padding: 10px;
        border-bottom: solid 4px #DBD6CC;
    }
}

#hedaerRight {
    padding: 3px 0 0 0;
    width: 120px;
    float: right;
    font-size: 12px;
}

@media only screen and (max-width: 640px) {
    #hedaerRight {
        display: none;
    }
}

#hedaerRight a {
    text-decoration: underline;
    float: left;
}

#hFirst a {
    border-right: dotted 1px #8C8C8C;
    padding: 0 5px 0 0;
    margin: 0 5px 0 0;
}

#headerBox02 {
    clear: both;
}

@media only screen and (max-width: 640px) {
    #headerBox02 {
        background: #F7F0E6;
        clear: both;
    }
}

#headerBox02left01 {
    width: 218px;
    float: left;
    margin: 0 12px 0 0;
}

@media only screen and (max-width: 640px) {
    #headerBox02left01 {
        width: 101px;
        float: left;
    }
    #headerBox02left01 img {
        width: 101px;
        height: auto;
    }
}

#headerBox02left02 {
    width: 510px;
    padding: 25px 0 0 0;
    float: left;
}

@media only screen and (max-width: 640px) {
    #headerBox02left02 {
        width: 100%;
        padding: 25px 0 0 0;
        float: none;
        clear: both;
    }
}

p.htxt01 {
    font-size: 10px;
    color: #FD2D2B;
}

@media only screen and (max-width: 640px) {
    p.htxt01 {
        display: none;
    }
}

p.htxt02 {
    font-size: 14px;
    font-weight: bold;
}

p.htxt02 span {
    font-size: 20px;
    font-weight: bold;
    color: #FF7F00;
}

@media only screen and (max-width: 640px) {
    p.htxt02 {
        font-size: 12px;
        font-weight: bold;
        padding: 10px 0 0 0;
    }
    p.htxt02 a {
        font-size: 14px;
        font-weight: bold;
        color: #FF7F00;
        text-decoration: underline;
        line-height: 14px;
    }
}

#hedaerBox0203 {
    background: url(../images/icon.png) 0% 88% no-repeat;
    padding: 0 0 0 30px;
    width: 360px;
    float: left;
}

@media only screen and (max-width: 640px) {
    #hedaerBox0203 {
        padding: 0 0 0 0;
        background: none;
        width: 100%;
        margin: 0 auto;
        float: none;
        margin: 0;
        text-align: center;
        clear: both;
    }
}

#hedaerBox0204 {
    width: 120px;
    float: right;
    padding: 18px 0 0 0;
}

@media only screen and (max-width: 640px) {
    #hedaerBox0204 {
        width: 100%;
        float: none;
        padding: 25px 0 0 0;
        text-align: center;
        clear: both;
    }
}

.harrows a {
    background: url(../images/arrows.png) 0 50% no-repeat;
    padding: 0 0 0 15px;
    font-size: 12px;
    background-size: 6px auto;
    -moz-background-size: 6px auto;
    -webkit-background-size: 6px auto;
    -o-background-size: 6px auto;
    -ms-background-size: 6px auto;
    color: #073A75;
    font-size: 12px;
    text-decoration: underline;
    padding: 0 0 0 15px;
}

html>
/**/

body .harrows a {
    background: /*\**/
    url(../images/arrows_sm.png) 0 50% no-repeat\9;
}

.custom-selectbox {
    position: relative;
}

.custom-selectbox {
    position: relative\9;
    margin: 5px 0 0 0\9;
}

.custom-selectbox select {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
    width: 100px;
    height: 24px;
    opacity: 0;
}

.custom-selectbox .inner {
    position: relative;
    z-index: 0;
    box-sizing: border-box;
    padding: 0 12px;
    width: 100px;
    font-size: 14px;
    height: 24px;
    padding: 3px 0 0 0;
}

.custom-selectbox .inner:before, .custom-selectbox .inner:after {
    content: '';
    position: absolute;
    display: block;
}

.custom-selectbox .inner:before {
    top: 0;
    right: 0;
    bottom: 0;
    width: 24px;
    border-left: solid 1px #999;
}

.custom-selectbox .inner:after {
    top: 50%;
    right: 7px;
    margin-top: -3px;
    width: 0;
    height: 0;
    border: solid transparent;
    border-top-color: #000;
    border-width: 5px 5px 0 5px;
}

#customBox {
    float: left;
    padding: 8px 0 0 0;
}

.hSearchInput {
    float: left;
    background: url(../images/bg02rep.gif) left top repeat-x;
    width: 358px;
    height: 20px;
    border: none;
    font-size: 14px;
    padding: 10px;
    margin: 0 0 0 30px;
}

.hSearchInput {
    width: 335px;
}

@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
    .hSearchInput {
        float: left;
        background: url(../images/bg02rep.gif) left top repeat-x;
        width: 200px;
        height: 20px;
        border: none;
        font-size: 14px;
        padding: 10px;
        margin: 2px 0 0 30px;
    }
}

#headerBox03left001 {
    border: 4px #A8A8A8 solid;
    border-radius: 6px;
    /* CSS3草案 */
    -webkit-border-radius: 6px;
    /* Safari,Google Chrome用 */
    -moz-border-radius: 6px;
    /* Firefox用 */
    background: #fff url(../images/bg02rep.gif) left top repeat-x;
    width: 470px;
    float: left;
}

#headerBox03left0001 {
    border: 4px #A8A8A8 solid;
    border-radius: 6px;
    /* CSS3草案 */
    -webkit-border-radius: 6px;
    /* Safari,Google Chrome用 */
    -moz-border-radius: 6px;
    /* Firefox用 */
    background: #fff url(../images/bg02rep.gif) left top repeat-x;
    width: 470px;
    float: left;
    height: 47px;
}

@media only screen and (max-width: 640px) {
    #footer .hSearchInput {
        float: left;
        background: url(../images/bg02rep.gif) left top repeat-x;
        width: 164px;
        height: 38px;
        border: none;
        font-size: 14px;
        padding: 0;
        margin: 2px 0 0 26px;
    }
    #headerBox03left01 {
        border: 4px #A8A8A8 solid;
        border-radius: 6px;
        /* CSS3草案 */
        -webkit-border-radius: 6px;
        /* Safari,Google Chrome用 */
        -moz-border-radius: 6px;
        /* Firefox用 */
        background: #fff url(../images/bg02rep.gif) left top repeat-x;
        width: 470px;
        float: left;
    }
    #headerBox03left001 {
        border: 4px #A8A8A8 solid;
        border-radius: 6px;
        /* CSS3草案 */
        -webkit-border-radius: 6px;
        /* Safari,Google Chrome用 */
        -moz-border-radius: 6px;
        /* Firefox用 */
        background: #fff url(../images/bg02rep.gif) left top repeat-x;
        width: 100%px;
        float: left;
    }
    #headerBox03left0001 {
        border: 4px #A8A8A8 solid;
        border-radius: 6px;
        /* CSS3草案 */
        -webkit-border-radius: 6px;
        /* Safari,Google Chrome用 */
        -moz-border-radius: 6px;
        /* Firefox用 */
        background: #fff url(../images/bg02rep.gif) left top repeat-x;
        width: 90%;
        float: none;
        height: 47px;
    }
}

@media only screen and (max-width: 640px) {
    #headerBox03left01 {
        display: none;
    }
    #headerBox03left001 {
        border: 4px #A8A8A8 solid;
        border-radius: 6px;
        /* CSS3草案 */
        -webkit-border-radius: 6px;
        /* Safari,Google Chrome用 */
        -moz-border-radius: 6px;
        /* Firefox用 */
        background: #fff url(../images/bg02rep.gif) left top repeat-x;
        width: 300px;
        float: none;
    }
}

#hedaerBox0301Search {
    background: url(/shared/images/serach.png) 3% 60% no-repeat;
}

.submit {
    border: 2px solid #fff;
    padding: 0 20px;
    height: 40px;
    color: #000;
    cursor: pointer;
    background: #FDBF6F url(../images/btnrep.gif) left bottom repeat-x;
    border-radius: 6px;
    font-weight: bold;
    float: right;
    /* Webkit */
    background: -webkit-gradient( linear, left top, left bottom, from(#FDBF6F), to(#FF8408));
    -webkit-border-radius: 5px;
    /* Firefox */
    background: -moz-linear-gradient( top, #FDBF6F, #FF8408);
    -moz-border-radius: 5px;
    /* IE */
    filter: progid: DXImageTransform.Microsoft.gradient (startColorstr=#ffFDBF6F, endColorstr=#ffFF8408);
    zoom: 1;
}

@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
    .submit {
        font-size: 16px;
        margin: 2px 0 0 0;
    }
}

.submit02 {
    border: 2px solid #fff;
    padding: 0 20px;
    height: 40px;
    color: #000;
    cursor: pointer;
    background: #FDBF6F url(../images/btnrep.gif) left bottom repeat-x;
    border-radius: 6px;
    font-weight: bold;
    /* Webkit */
    background: -webkit-gradient( linear, left top, left bottom, from(#FDBF6F), to(#FF8408));
    -webkit-border-radius: 5px;
    -webkit-box-shadow: 1px 1px 1px #fff;
    /* Firefox */
    background: -moz-linear-gradient( top, #FDBF6F, #FF8408);
    -moz-border-radius: 5px;
    -moz-box-shadow: 1px 1px 1px #fff;
    /* IE */
    filter: progid: DXImageTransform.Microsoft.gradient (startColorstr=#ffFDBF6F, endColorstr=#ffFF8408);
    zoom: 1;
}

#hedaerBoxTop {
    width: 860px;
    float: left;
}

@media only screen and (max-width: 640px) {
    #hedaerBoxTop {
        width: 100%;
        float: none;
    }
}

#headerRightMenu {
    width: 340px;
    float: right;
    font-size: 14px;
    color: #FFFFFF;
    text-align: right;
}

@media only screen and (max-width: 640px) {
    #headerRightMenu {
        width: 40%;
        float: right;
        font-size: 14px;
        color: #FFFFFF;
        text-align: right;
    }
}

#headerRightMenu p a {
    width: 111px;
    line-height: 40px;
    color: #FFFFFF;
    display: block;
    text-align: center;
    float: right;
}

#headerbox p a {
    width: 111px;
    line-height: 40px;
    color: #FFFFFF;
    display: block;
    text-align: center;
    float: right;
}

#headerRightMenu p.gnR01 a {
    background: #7FC31C;
}

#headerRightMenu p.gnR01 a:hover {
    background: #A6D561;
}

#headerRightMenu p.gnR02 a {
    background: #34AEAA;
}

#headerRightMenu p.gnR02 a:hover {
    background: #71C6C4;
}

#headerRightMenu p.gnR03 a {
    background: #FD341F;
}

#headerRightMenu p.gnR03 a:hover {
    background: #FD6656;
}

#headerRightMenu p.gnR03 a br {
    display: none;
}

#header p.gnR04 {
    display: none;
}

#headerRightMenu p.gnR04 a {
    background: #FD341F;
}

#headerRightMenu p.gnR04 a:hover {
    background: #FD6656;
}

p.gnR05 {
    display: none;
}

p.gnR05 a {
    background: #FD341F;
}

p.gnR05 a:hover {
    background: #FD6656;
}

#headerbox04 {
    width: 503px;
    float: left;
    margin: 8px 0 0 0;
}

@media only screen and (max-width: 640px) {
    #headerbox04 {
        width: 100%;
        float: none;
        margin: 8px 0 0 5px;
    }
    #headerRightMenu p.gnR03 {
        display: none;
    }
    #header p.gnR04 a br {
        display: inline;
    }
    #header p.gnR04 a {
        background: #FD341F;
        width: 59px;
        line-height: 15px;
        color: #FFFFFF;
        display: block;
        text-align: center;
        font-size: 12px;
        padding: 5px 0;
    }
    #header p.gnR04 a:hover {
        background: #FD6656;
    }
    #header p.gnR04 {
        display: inline;
        position: absolute;
        top: 27px;
        right: 139px;
    }
    p.gnR05 a {
        background: #34AEAA;
        width: 59px;
        line-height: 15px;
        color: #FFFFFF;
        display: block;
        text-align: center;
        font-size: 12px;
        padding: 5px 0;
    }
    p.gnR05 a:hover {
        background: #71C6C4;
    }
    p.gnR05 {
        display: inline;
        position: absolute;
        top: 27px;
        right: 80px;
    }
}

#hedaerBox0302 {
    width: 70px;
    float: left;
    padding: 10px 0 0 10px;
}

@media only screen and (max-width: 640px) {
    #hedaerBox0302 {
        display: none;
    }
}

#hedaerBox0302 a {
    color: #16457C;
    text-decoration: underline;
    background: url(../images/plus.jpg) 0 50% no-repeat;
    padding: 0 0 0 20px;
    font-size: 12px;
}

#hedaerBox0303 {
    float: right;
    position: relative;
    right: 2px;
    top: 2px;
    margin: -24px 0 0 0;
}

#hedaerBox0303 a {
    /*color: #16457C;*/
    text-decoration: underline;
    background: url(../images/arrows.gif) 0 50% no-repeat;
    padding: 0 0 1px 16px;
    font-size: 12px;
}

#hedaerBox0303SP {
    display: none;
}

@media only screen and (max-width: 640px) {
    #hedaerBox0303 {
        float: none;
        position: relative;
        right: -6px;
        top: 2px;
        margin: -3px 0 0 0;
        padding: 0 0 10px 0;
    }
    #hedaerBox0303 a {
        /*color: #16457C;*/
        text-decoration: underline;
        background: url(../images/arrows.png) 0 50% no-repeat;
        padding: 0 0 0 16px;
        font-size: 12px;
        background-size: 6px auto;
        -moz-background-size: 6px auto;
        -webkit-background-size: 6px auto;
        -o-background-size: 6px auto;
        -ms-background-size: 6px auto;
    }
    html>/**/
    body #hedaerBox0303 a {
        background: /*\**/
        url(../images/arrows_sm.png) 0 50% no-repeat\9;
    }
    #hedaerBox0303SP {
        display: block;
        width: 100%;
        padding: 0;
        text-align: center;
        margin: 0;
    }
    #hedaerBox0303SP a {
        color: #16457C;
        text-decoration: underline;
        background: url(../images/arrows.png) 0 50% no-repeat;
        padding: 0 0 0 10px;
        font-size: 12px;
        background-size: 6px auto;
        -moz-background-size: 6px auto;
        -webkit-background-size: 6px auto;
        -o-background-size: 6px auto;
        -ms-background-size: 6px auto;
    }
    html>/**/
    body #hedaerBox0303SP a {
        background: /*\**/
        url(../images/arrows_sm.png) 0 50% no-repeat\9;
    }
}

.headerFreeInfo {
    width: 27em;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    display: block;
    line-height: 24px;
}


/*----------------------------------
Globalnav
----------------------------------*/

#navw {
    width: 1090px;
    margin: 0 auto;
}

#navbox01 {
    width: 1068px;
    margin: 10px auto 0 auto;
}

.navboxbg01 {
    width: 450px;
    float: left;
    font-size: 10px;
}

.navboxbg01 p {
    background: #00A0C6;
    color: #fff;
    display: block;
    width: 435px;
    padding: 0 0 0 5px;
}

.navboxbg02 {
    width: 300px;
    float: left;
    font-size: 10px;
}

.navboxbg02 p {
    background: #FC4E32;
    color: #fff;
    display: block;
    width: 285px;
    padding: 0 0 0 5px;
}

.navboxbg03 {
    width: 313px;
    float: left;
    font-size: 10px;
}

.navboxbg03 p {
    background: #FF7F00;
    color: #fff;
    display: block;
    width: 313px;
    padding: 0 0 0 5px;
}

#navbox02 {
    border: 4px #B3B3B3 solid;
    padding: 12px 0 7px 0;
    background: #FFFFFF;
    margin: -10px 0 0 0;
}

#navbox02 ul li a {
    font-size: 14px;
    float: left;
    color: #000000;
    text-align: center;
    display: block;
    font-weight: bold;
    padding: 5px 0 3px 0;
}

#navbox02 ul li a:hover {
    color: #ff5700;
}

#navbox02 ul li.nav01 a {
    width: 144px;
    border-right: dotted 1px #585858;
}

#navbox02 ul li.nav02 a {
    width: 153px;
    border-right: dotted 1px #585858;
}

#navbox02 ul li.nav03 a {
    width: 153px;
    border-right: dotted 1px #585858;
}

#navbox02 ul li.nav04 a {
    width: 151px;
    border-right: dotted 1px #585858;
}

#navbox02 ul li.nav05 a {
    width: 146px;
    border-right: dotted 1px #585858;
}

#navbox02 ul li.nav06 a {
    width: 201px;
    border-right: dotted 1px #585858;
}

#navbox02 ul li.nav07 a {
    width: 124px;
}

ul#menu {
    display: none;
}

@media only screen and (max-width: 640px) {
    ul#menu {
        display: inline;
    }
    #navbox01 {
        display: none;
    }
    #navbox02 {
        display: none;
    }
    #headerRightMenu p.gnR02 a {
        display: none;
    }
    #headerRightMenu p.gnR02 a:hover {
        display: none;
    }
    #headerRightMenu p.gnR01 a {
        display: none;
    }
    #headerRightMenu p.gnR01 a:hover {
        display: none;
    }
    #navbox002 {
        width: 100%;
    }
    ul#menu, ul.sub_menu {
        list-style: none;
        margin: 0;
        padding: 0;
    }
    #menu {
        width: 100%;
        border-bottom: none;
        position: absolute;
        right: 0;
        top: 67px;
        z-index: 9999;
    }
    #mainMenuBox {
        text-align: right;
    }
    .main_menu {
        color: #ffffff;
        font-size: 12px;
        cursor: pointer;
        text-align: center;
        line-height: 40px;
        background: #7FC31C;
        width: 80px;
        position: absolute;
        right: 0px;
        top: -40px;
    }
    .sub_menu li {
        display: none;
        /*ページ読み込み時には非表示・jsで表示させる*/
        background: #666;
        border: 1px solid #cccccc;
        font-size: 12px;
        font-weight: bold;
        width: 100%;
        color: #FFFFFF;
        text-indent: 10px;
    }
    .sub_menu li a {
        color: #FFFFFF;
        display: block;
        padding: 16px 0;
    }
}


/*----------------------------------
イマイル
----------------------------------*/

#df_event li.nav01 a {
    color: #FF5700;
}

#df_newevent li.nav02 a {
    color: #FF5700;
}

#df_shousai li.nav03 a {
    color: #FF5700;
}

#df_report li.nav04 a {
    color: #FF5700;
}

#df_commu li.nav05 a {
    color: #FF5700;
}

#df_ng li.nav06 a {
    color: #FF5700;
}

#df_osusume li.nav07 a {
    color: #FF5700;
}


/*----------------------------------
=03　トップコンテンツ
----------------------------------*/

#cnt {
    width: 1090px;
    margin: 0 auto;
    padding: 20px 0 0 0;
}

#contentsBox {
    width: 762px;
    float: left;
}

#contentsBoxLine {
    border: 1px solid #E6E6E6;
    padding: 0;
    margin: 0 0 10px 0;
}

#KodawariBox {
    display: none;
}

#mailMagazineBnrBox {
    clear: both;
    margin: 0;
    text-align: center;
    padding: 15px 0 0 0;
}

@media only screen and (max-width: 640px) {
    #KodawariBox {
        display: block;
    }
    #cnt {
        width: 100%;
        margin: 0 auto 0 auto;
        padding: 0;
    }
    #contentsBox {
        width: 100%;
        float: none;
    }
}


/*----------------------------------
=04　右コンテンツ
----------------------------------*/

#rigthContents {
    width: 300px;
    float: right;
}

#adbox img {
    width: 300px;
}

@media only screen and (max-width: 640px) {
    #rigthContents {
        width: 100%;
        float: none;
    }
    #adbox {
        width: 100%;
        text-align: center;
        margin: 10px 0;
    }
}

#cornerBox01 {
    margin: 10px 0 0 0;
}

#cornerBox01 h3 {
    background: url(../images/iconRight02.png) left bottom no-repeat;
    background-size: 22px auto;
    -moz-background-size: 22px auto;
    -webkit-background-size: 22px auto;
    -o-background-size: 22px auto;
    -ms-background-size: 22px auto;
    padding: 10px 0 0 30px;
    font-weight: bold;
    line-height: 20px;
    font-size: 16px;
}


/* IE8 */

html>
/**/

body #cornerBox01 h3 {
    background: /*\**/
    url(../images/iconRight02_sm.png) left bottom no-repeat\9;
}

.cornerLineBox {
    border: 1px solid #CCCCCC;
    padding: 5px;
    margin: 5px 0 0 0;
}

.cornerEvent {
    padding: 5px;
    background: url(../images/iconArrwos_small.png) 100% 50% no-repeat;
    background-size: 12px auto;
    -moz-background-size: 12px auto;
    -webkit-background-size: 12px auto;
    -o-background-size: 12px auto;
    -ms-background-size: 12px auto;
}


/* IE8 */

html>
/**/

body .cornerEvent {
    background: /*\**/
    url(../images/iconArrwos_small_sm.png) 100% 50% no-repeat\9;
}

.cornerEventBg {
    padding: 5px;
    background: #EFEFEF url(../images/iconArrwos_small.png) 100% 50% no-repeat;
    background-size: 12px auto;
    -moz-background-size: 12px auto;
    -webkit-background-size: 12px auto;
    -o-background-size: 12px auto;
    -ms-background-size: 12px auto;
}

@media only screen and (max-width: 640px) {
    .cornerEvent {
        padding: 5px;
        background: url(../images/iconArrwos_small.png) 100% 50% no-repeat;
        background-size: 12px auto;
        -moz-background-size: 12px auto;
        -webkit-background-size: 12px auto;
        -o-background-size: 12px auto;
        -ms-background-size: 12px auto;
    }
    html>/**/
    body .cornerEvent {
        background: /*\**/
        url(../images/iconArrwos_small_sm.png) 100% 50% no-repeat\9;
    }
    .cornerEventBg {
        padding: 5px;
        background: #EFEFEF url(../images/iconArrwos_small.png) 100% 50% no-repeat;
        background-size: 12px auto;
        -moz-background-size: 12px auto;
        -webkit-background-size: 12px auto;
        -o-background-size: 12px auto;
        -ms-background-size: 12px auto;
    }
}

.cornerEventLeft {
    width: 62px;
    float: left;
    /*height:52px;*/
    overflow: hidden;
    position: relative;
}

.cornerEventLeft img {
    position: absolute;
    z-index: 100;
    top: -25px;
    left: -25px;
}

.cornerEventRight {
    float: none;
    width: 100%;
    /*height: 56px;*/
    background-size: 12px auto;
    -moz-background-size: 12px auto;
    -webkit-background-size: 12px auto;
    -o-background-size: 12px auto;
    -ms-background-size: 12px auto;
    border-bottom: 1px dotted #A4A4A4;
    padding: 0 0 5px 0;
}

.cornerEventRight a {
    display: block;
    padding: 0 10px 0 0;
}

@media only screen and (max-width: 640px) {
    .cornerEventRight {
        float: none;
        width: 100%;
        /*height: 56px;*/
        background-size: 12px auto;
        -moz-background-size: 12px auto;
        -webkit-background-size: 12px auto;
        -o-background-size: 12px auto;
        -ms-background-size: 12px auto;
        margin: 0 0 0 5px;
        padding: 0 0 5px 0;
        border-bottom: none;
    }
}

.cornerEventLeft001 {
    width: 70px;
    float: left;
    text-align: right;
}

@media only screen and (max-width: 640px) {
    .cornerEventLeft001 {
        width: 70px;
        float: left;
        text-align: right;
        margin: 0 10px 0 0;
    }
}

.cornerEventLeft001 img {
    border-radius: 50px;
    -moz-border-radius: 50px;
    -webkit-border-radius: 50px;
    -o-border-radius: 50px;
    -ms-border-radius: 50px;
    width: 70px;
    height: auto;
    border: solid 1px #ddd;
}

.cornerEventRight003 {
    float: right;
    width: 205px;
    height: 56px;
    background: url(../images/iconArrwos_small.png) 100% 50% no-repeat;
    background-size: 12px auto;
    -moz-background-size: 12px auto;
    -webkit-background-size: 12px auto;
    -o-background-size: 12px auto;
    -ms-background-size: 12px auto;
}

html>
/**/

body .cornerEventRight003 {
    background: /*\**/
    url(../images/iconArrwos_small_sm.png) 100% 50% no-repeat\9;
}

.cornerEventRight003 a {
    color: #000000;
    line-height: 16px;
}

.cornerEventRight003 h4 {
    color: #000000;
    font-weight: bold;
}

.cornerEventRight003 p {
    font-size: 12px;
}

.cornerEventRight h4 {
    font-size: 14px;
    line-height: 18px;
}

.cornerEventRight p {
    font-size: 10px;
    font-weight: bold;
}

.more {
    background: #F0E2CE;
    text-align: center;
    padding: 3px 0;
}

.more a {
    color: #666666;
    font-size: 12px;
    display: block;
    padding: 3px 0;
    text-shadow: 1px 0px 0px #000;
    -moz-box-shadow: text-shadow: 1px 0px 0px #000;
    -webkit-box-shadow: text-shadow: 1px 0px 0px #000;
}

#cornerBox02 {
    margin: 18px 0 0 0;
    border: 1px solid #CCCCCC;
}

#cornerBox02 h3 {
    text-align: center;
    font-weight: bold;
    color: #FFFFFF;
    background: #FB6747;
    padding: 15px 0 0 0;
    line-height: 14px;
}

#cornerBox02 h3 a {
    color: #F3F3F3;
    display: block;
}

.fenshubuicon {
    text-align: center;
    background: url(../images/fenshubuicon_rep.gif) left top repeat-x;
}

.oshiraseBox {
    margin: 5px;
}

.oshiraseData {
    font-size: 12px;
}

.oshiraseNew {
    font-size: 10px;
    color: #FF0004;
    font-weight: bold;
    margin: 0 3px 0 0;
    display: inline-block;
    vertical-align: middle;
}

.oshirase {
    margin: 0 0 5px 0;
    padding: 0 0 5px 25px;
    border-bottom: dotted 1px #7B7B7B;
    background: url(../images/icon_arros_oshirase.gif) 0 50% no-repeat;
    line-height: 16px;
    background-size: 16px auto;
    -moz-background-size: 16px auto;
    -webkit-background-size: 16px auto;
    -o-background-size: 16px auto;
    -ms-background-size: 16px auto;
}

html>
/**/

body .oshirase {
    background: /*\**/
    url(../images/icon_arros_oshirase_sm.gif) 0 50% no-repeat\9;
}

.oshirasehonbun {
    font-size: 14px;
    display: block;
}

.oshirasehonbun a {
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    width: 100%;
    display: inline-block;
    vertical-align: middle;
}

@media only screen and (max-width: 640px) {
    .oshirase {
        margin: 0 0 5px 0;
        padding: 0 0 5px 25px;
        border-bottom: dotted 1px #7B7B7B;
        background: url(../images/icon_arros_oshirase.gif) 0 50% no-repeat;
        background-size: 16px auto;
        -moz-background-size: 16px auto;
        -webkit-background-size: 16px auto;
        -o-background-size: 16px auto;
        -ms-background-size: 16px auto;
        line-height: 16px;
    }
    /* IE8 */
    html>/**/
    body .oshirase {
        background: /*\**/
        url(../images/icon_arros_oshirase_sm.gif) 0 50% no-repeat\9;
    }
    .oshirasehonbun {
        font-size: 14px;
        display: block;
    }
}

#cornerBox03 {
    margin: 10px 0 0 0;
}

#cornerBox03 h3 {
    background: url(../images/eventRanking.png) left bottom no-repeat;
    background-size: 22px auto;
    -moz-background-size: 22px auto;
    -webkit-background-size: 22px auto;
    -o-background-size: 22px auto;
    -ms-background-size: 22px auto;
    padding: 10px 0 0 30px;
    font-weight: bold;
    line-height: 20px;
    font-size: 16px;
}


/* IE8 */

html>
/**/

body #cornerBox03 h3 {
    background: /*\**/
    url(../images/eventRanking_sm.png) left bottom no-repeat\9;
}

.cornerEvent02 {
    padding: 5px;
}

.cornerEventLeft02 {
    width: 93px;
    float: left;
    text-align: right;
    background: url(../images/eventRanking01.png) 0% 50% no-repeat;
    background-size: 30px auto;
    -moz-background-size: 30px auto;
    -webkit-background-size: 30px auto;
    -o-background-size: 30px auto;
    -ms-background-size: 30px auto;
}


/* IE8 */

html>
/**/

body .cornerEventLeft02 {
    background: /*\**/
    url(../images/eventRanking01_sm.png) 0% 50% no-repeat;
}

.cornerEventLeft02 a {
    width: 62px;
    height: 52px;
    overflow: hidden;
    position: relative;
    display: block;
    margin: 0 0 0 30px;
}

.cornerEventLeft02 img {
    position: absolute;
    z-index: 100;
    top: -25px;
    left: -25px;
}

.cornerEventLeft03 {
    width: 93px;
    float: left;
    text-align: right;
    background: url(../images/eventRanking02.png) 0% 50% no-repeat;
    background-size: 30px auto;
    -moz-background-size: 30px auto;
    -webkit-background-size: 30px auto;
    -o-background-size: 30px auto;
    -ms-background-size: 30px auto;
}


/* IE8 */

html>
/**/

body .cornerEventLeft03 {
    background: /*\**/
    url(../images/eventRanking02_sm.png) 0% 50% no-repeat\9;
}

.cornerEventLeft03 a {
    width: 62px;
    height: 52px;
    overflow: hidden;
    position: relative;
    display: block;
    margin: 0 0 0 30px;
}

.cornerEventLeft03 img {
    position: absolute;
    z-index: 100;
    top: -25px;
    left: -25px;
}

.cornerEventLeft04 {
    width: 93px;
    float: left;
    text-align: right;
    background: url(../images/eventRanking03.png) 0% 50% no-repeat;
    background-size: 30px auto;
    -moz-background-size: 30px auto;
    -webkit-background-size: 30px auto;
    -o-background-size: 30px auto;
    -ms-background-size: 30px auto;
}

html>
/**/

body .cornerEventLeft04 {
    background: /*\**/
    url(../images/eventRanking03_sm.png) 0% 50% no-repeat\9;
}

.cornerEventLeft04 a {
    width: 62px;
    height: 52px;
    overflow: hidden;
    position: relative;
    display: block;
    margin: 0 0 0 30px;
}

.cornerEventLeft04 img {
    position: absolute;
    z-index: 100;
    top: -25px;
    left: -25px;
}

.cornerEventLeft05 {
    width: 93px;
    float: left;
    text-align: right;
    background: url(../images/eventRanking04.png) 0% 50% no-repeat;
    background-size: 30px auto;
    -moz-background-size: 30px auto;
    -webkit-background-size: 30px auto;
    -o-background-size: 30px auto;
    -ms-background-size: 30px auto;
}


/* IE8 */

html>
/**/

body .cornerEventLeft05 {
    background: /*\**/
    url(../images/eventRanking04_sm.png) 0% 50% no-repeat\9;
}

.cornerEventLeft05 a {
    width: 62px;
    height: 52px;
    overflow: hidden;
    position: relative;
    display: block;
    margin: 0 0 0 30px;
}

.cornerEventLeft05 img {
    position: absolute;
    z-index: 100;
    top: -25px;
    left: -25px;
}

.cornerEventLeft06 {
    width: 93px;
    float: left;
    text-align: right;
    background: url(../images/eventRanking05.png) 0% 50% no-repeat;
    background-size: 30px auto;
    -moz-background-size: 30px auto;
    -webkit-background-size: 30px auto;
    -o-background-size: 30px auto;
    -ms-background-size: 30px auto;
}


/* IE8 */

html>
/**/

body .cornerEventLeft06 {
    background: /*\**/
    url(../images/eventRanking05_sm.png) 0% 50% no-repeat\9;
}

.cornerEventLeft06 a {
    width: 62px;
    height: 52px;
    overflow: hidden;
    position: relative;
    display: block;
    margin: 0 0 0 30px;
}

.cornerEventLeft06 img {
    position: absolute;
    z-index: 100;
    top: -25px;
    left: -25px;
}

@media only screen and (max-width: 640px) {
    .cornerEventLeft02 {
        width: 93px;
        float: left;
        text-align: right;
        margin: 0 5px 0 0;
        background: url(../images/eventRanking01.png) 0% 50% no-repeat;
        background-size: 30px auto;
        -moz-background-size: 30px auto;
        -webkit-background-size: 30px auto;
        -o-background-size: 30px auto;
        -ms-background-size: 30px auto;
    }
    /* IE8 */
    html>/**/
    body .cornerEventLeft02 {
        background: /*\**/
        url(../images/eventRanking01_sm.png) 0% 50% no-repeat\9;
    }
    .cornerEventLeft03 {
        width: 93px;
        float: left;
        text-align: right;
        margin: 0 5px 0 0;
        background: url(../images/eventRanking02.png) 0% 50% no-repeat;
        background-size: 30px auto;
        -moz-background-size: 30px auto;
        -webkit-background-size: 30px auto;
        -o-background-size: 30px auto;
        -ms-background-size: 30px auto;
    }
    /* IE8 */
    html>/**/
    body .cornerEventLeft03 {
        background: /*\**/
        url(../images/eventRanking02_sm.png) 0% 50% no-repeat\9;
    }
    .cornerEventLeft04 {
        width: 93px;
        float: left;
        text-align: right;
        margin: 0 5px 0 0;
        background: url(../images/eventRanking03.png) 0% 50% no-repeat;
        background-size: 30px auto;
        -moz-background-size: 30px auto;
        -webkit-background-size: 30px auto;
        -o-background-size: 30px auto;
        -ms-background-size: 30px auto;
    }
    /* IE8 */
    html>/**/
    body .cornerEventLeft04 {
        background: /*\**/
        url(../images/eventRanking03_sm.png) 0% 50% no-repeat\9;
    }
    .cornerEventLeft05 {
        width: 93px;
        float: left;
        text-align: right;
        margin: 0 5px 0 0;
        background: url(../images/eventRanking04.png) 0% 50% no-repeat;
        background-size: 30px auto;
        -moz-background-size: 30px auto;
        -webkit-background-size: 30px auto;
        -o-background-size: 30px auto;
        -ms-background-size: 30px auto;
    }
    /* IE8 */
    html>/**/
    body .cornerEventLeft05 {
        background: /*\**/
        url(../images/eventRanking04_sm.png) 0% 50% no-repeat\9;
    }
    .cornerEventLeft06 {
        width: 93px;
        float: left;
        text-align: right;
        margin: 0 5px 0 0;
        background: url(../images/eventRanking05.png) 0% 50% no-repeat;
        background-size: 30px auto;
        -moz-background-size: 30px auto;
        -webkit-background-size: 30px auto;
        -o-background-size: 30px auto;
        -ms-background-size: 30px auto;
    }
    html>/**/
    body .cornerEventLeft06 {
        background: /*\**/
        url(../images/eventRanking05_sm.png) 0% 50% no-repeat\9;
    }
}

.cornerEventRight02 {
    float: right;
    width: 179px;
    /*height: 56px;*/
    line-height: 18px;
    background-size: 12px auto;
    -moz-background-size: 12px auto;
    -webkit-background-size: 12px auto;
    -o-background-size: 12px auto;
    -ms-background-size: 12px auto;
}

@media only screen and (max-width: 640px) {
    .cornerEventRight02 {
        float: left;
        width: 61%;
        height: 56px;
        line-height: 18px;
        background: none;
        background-size: none;
    }
    .timeTxt {
        display: block;
    }
}

.cornerEventRight03 {
    float: right;
    width: 208px;
    height: 56px;
    line-height: 18px;
}

.cornerEventRight04 {
    width: 97;
    /*height: 56px;*/
    line-height: 18px;
    border-bottom: dotted 1px #C3C3C3;
}

.cornerEventRightseeBox {
    width: 100%;
    /*height: 56px;*/
    line-height: 18px;
    padding: 0 0 5px;
    border-bottom: 1px dotted #888;
}

.cornerEventRight04 a {
    color: #000000;
    display: block;
    background: #fff;
    background: url(../images/iconArrwos_small.png) 98% 50% no-repeat;
    background-size: 12px auto;
    -moz-background-size: 12px auto;
    -webkit-background-size: 12px auto;
    -o-background-size: 12px auto;
    -ms-background-size: 12px auto;
    padding: 8px;
}


/* IE8 */

html>
/**/

body .cornerEventRight04 a {
    background: /*\**/
    url(../images/iconArrwos_small_sm.png) 98% 50% no-repeat\9;
}

.cornerEventRight04 a:hover {
    background: url(../images/iconArrwos_small.png) 98% 50% no-repeat #F9F4ED;
    background-size: 12px auto;
    -moz-background-size: 12px auto;
    -webkit-background-size: 12px auto;
    -o-background-size: 12px auto;
    -ms-background-size: 12px auto;
}


/* IE8 */

html>
/**/

body .cornerEventRight04 a:hover {
    background: /*\**/
    url(../images/iconArrwos_small_sm.png) 98% 50% no-repeat #F9F4ED\9;
}

@media only screen and (max-width: 640px) {
    .cornerEventRight03 {
        float: left;
        width: 70%;
        height: 56px;
        line-height: 18px;
        margin: 0 0 0 5px;
    }
    .cornerEventRight04 {
        width: 100%;
        height: auto;
        line-height: 18px;
        background-size: 12px auto;
        -moz-background-size: 12px auto;
        -webkit-background-size: 12px auto;
        -o-background-size: 12px auto;
        -ms-background-size: 12px auto;
        border-bottom: dotted 1px #C3C3C3;
        padding: 0 0 5px 0;
        margin: 0 0 5px 0;
    }
    .cornerEventRightseeBox {
        width: 100%;
        /*height: 56px;*/
        line-height: 18px;
        padding: 0 0 5px;
        border: none;
    }
    /* IE8 */
    html>/**/
    body .cornerEventRight04 {
        background: /*\**/
        url(../images/iconArrwos_small_sm.png) 100% 50% no-repeat\9;
    }
    .cornerEventRight04 a {
        color: #000000;
    }
}

.categoryBox {
    background: #FD341F;
    color: #FFFFFF;
    text-align: center;
    padding: 0 2px;
    font-size: 12px;
}

.localy {
    font-size: 12px;
    padding: 0 0 0 5px;
}

.summarytxt {
    font-size: 14px;
    width: 97%;
    padding: 0 3% 0 0;
    margin: 2px 0 0 0;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    width: 95%;
    display: inline-block;
    vertical-align: middle;
}

.timeTxt {
    font-size: 14px;
    display: block;
}

#cornerBox04 {
    margin: 10px 0 0 0;
}

#cornerBox04 h3 {
    background: url(../images/eturanEvent.png) left bottom no-repeat;
    background-size: 22px auto;
    -moz-background-size: 22px auto;
    -webkit-background-size: 22px auto;
    -o-background-size: 22px auto;
    -ms-background-size: 22px auto;
    padding: 10px 0 0 30px;
    font-weight: bold;
    line-height: 20px;
}


/* IE8 */

html>
/**/

body #cornerBox04 h3 {
    background: /*\**/
    url(../images/eturanEvent_sm.png) left bottom no-repeat\9;
}

.adBnr {
    margin: 22px 0;
    text-align: center;
}

.adBnr img {
    margin: 5px 0 5px 0;
}

.shusaisha {
    margin: 10px 0 0 0;
    text-align: center;
}

#cornerBox05 {
    margin: 10px 0 0 0;
    border: 1px solid #CCCCCC;
}

#cornerBox05 h3 {
    text-align: center;
    font-weight: bold;
    color: #FFFFFF;
    background: #F81C4D;
    padding: 15px 0 0 0;
    line-height: 14px;
}

#cornerBox05 h3 a {
    color: #F3F3F3;
    display: block;
}

.presenticon {
    background: #F81C4D url(../images/presentIcon_bg.gif) left bottom repeat-x;
    text-align: center;
}

.presentCnt {
    text-align: center;
}

.presentTxt {
    text-align: left;
    margin: 10px 20px;
    display: block;
    line-height: 16px;
    font-size: 14px;
}

.presentCnt h4 {
    color: #F8003F;
    font-weight: bold;
}

#cornerBox06 {
    margin: 18px 0 0 0;
    border: 1px solid #CCCCCC;
}

@media only screen and (max-width: 640px) {
    #cornerBox06 {
        margin: 10px 0 0 0;
        border: none;
    }
}

#cornerBox06 h3 {
    text-align: center;
    font-weight: bold;
    color: #FFFFFF;
    padding: 20px 0 0 0;
    line-height: 14px;
    font-size: 18px;
    background: #7FC31C url(../images/bgshoshinsha.gif) 50% 80% no-repeat;
}

#cornerBox06 h3 a {
    color: #F3F3F3;
    display: block;
    padding: 10px 0;
}

.shosinshaicon {
    background: #7FC31C url(../images/iconshosinsha_rep.gif) left bottom repeat-x;
    text-align: center;
    margin: 0 0 10px 0;
}

.firsticon a {
    text-decoration: underline;
    background: url(../images/icon_arros_oshirase.gif) 0 50% no-repeat;
    padding: 0 10px 0 20px;
    font-size: 14px;
    background-size: 16px auto;
    -moz-background-size: 16px auto;
    -webkit-background-size: 16px auto;
    -o-background-size: 16px auto;
    -ms-background-size: 16px auto;
    margin: 0 0 0 8px;
    display: block;
}


/* IE8 */

html>
/**/

body .firsticon a {
    background: /*\**/
    url(../images/icon_arros_oshirase_sm.gif) 0 90% no-repeat\9;
}

.firstText {
    border-bottom: dotted 1px #A6A6A6;
    padding: 4px 0px 11px;
    margin: 0 0 10px;
    text-indent: 0;
    line-height: 16px;
}

.firsticonComu a {
    text-decoration: underline;
    background: url(../images/icon_arros_oshirase.gif) 0 90% no-repeat;
    padding: 0 0 0 20px;
    font-size: 14px;
    background-size: 16px auto;
    -moz-background-size: 16px auto;
    -webkit-background-size: 16px auto;
    -o-background-size: 16px auto;
    -ms-background-size: 16px auto
}


/* IE8 */

html>
/**/

body .firsticonComu a {
    background: /*\**/
    url(../images/icon_arros_oshirase_sm.gif) 0 90% no-repeat\9;
}

@media only screen and (max-width: 640px) {
    .firsticonComu a {
        text-decoration: underline;
        padding: 0 0 0 20px;
        font-size: 14px;
        background: url(../images/arrows_ye.png) 0 50% no-repeat;
        background-size: 12px auto;
        -moz-background-size: 12px auto;
        -webkit-background-size: 12px auto;
        -o-background-size: 12px auto;
        -ms-background-size: 12px auto;
    }
    html>/**/
    body .firsticonComu a {
        background: /*\**/
        url(../images/arrows_ye_sm.png) 0 50% no-repeat\9;
    }
    .firsticon a {
        text-decoration: underline;
        background: url(../images/arrows_ye.png) 0 50% no-repeat;
        background-size: 12px auto;
        -moz-background-size: 12px auto;
        -webkit-background-size: 12px auto;
        -o-background-size: 12px auto;
        -ms-background-size: 12px auto;
        padding: 0 0 0 20px;
        font-size: 14px;
    }
    html>/**/
    body .firsticon a {
        background: /*\**/
        url(../images/arrows_ye_sm.png) 0 50% no-repeat\9;
    }
}

.firstTextComu {
    border-bottom: dotted 1px #A6A6A6;
    padding: 10px 10px 10px 30px;
    text-indent: -18px;
    line-height: 16px;
}

#cornerBox07 {
    margin: 18px 0 0 0;
    border: 1px solid #CCCCCC;
}

@media only screen and (max-width: 640px) {
    #cornerBox07 {
        margin: 10px 0 0 0;
        border: none;
    }
}

#cornerBox07 h3 {
    text-align: center;
    font-weight: bold;
    color: #FFFFFF;
    padding: 20px 0 0 0;
    line-height: 14px;
    background: #34AEAA url(../images/osusumeicon.gif) 5% 100% no-repeat;
}

#cornerBox07 h3 a {
    color: #F3F3F3;
    display: block;
    font-size: 18px;
}

.osusumeicon {
    background: #34AEAA url(../images/osusume_repbg.gif) left bottom repeat-x;
    text-align: center;
}

.newTxt {
    color: #FF3A3D;
    font-weight: bold;
}

.cornerEventRight004 {
    float: right;
    width: 205px;
    /*height: 36px;*/
    padding: 5px 0;
    background: url(../images/iconArrwos_small.png) 96% 50% no-repeat;
    background-size: 12px auto;
    -moz-background-size: 12px auto;
    -webkit-background-size: 12px auto;
    -o-background-size: 12px auto;
    -ms-background-size: 12px auto;
}


/* IE8 */

html>
/**/

body .cornerEventRight004 {
    background: /*\**/
    url(../images/iconArrwos_small_sm.png) 100% 50% no-repeat\9;
}

@media only screen and (max-width: 640px) {
    .cornerEventRight004 {
        float: left;
        width: 70%;
        height: 36px;
        padding: 10px 0 10px 0;
        background: url(../images/iconArrwos_small.png) 100% 50% no-repeat;
        background-size: 12px auto;
        -moz-background-size: 12px auto;
        -webkit-background-size: 12px auto;
        -o-background-size: 12px auto;
        -ms-background-size: 12px auto;
    }
    /* IE8 */
    html>/**/
    body .cornerEventRight004 {
        background: /*\**/
        url(../images/iconArrwos_small_sm.png) 100% 50% no-repeat\9;
    }
}

.cornerEventRight004 a {
    color: #000000;
    line-height: 16px;
    display: block;
    padding: 10px 0;
}

.cornerEventRight004 h4 {
    color: #000000;
    font-weight: bold;
    font-size: 14px;
}

.cornerEventRight004 p {
    font-size: 12px;
}

.cornerOsusume {
    padding: 5px 0 10px 10px;
    border-bottom: dotted 1px #6B6B6B;
    margin: 0 0 10px 0;
}

div:last-child.cornerOsusume {
    border-bottom: none;
    margin: 0;
}

.moremargin {
    margin: 5px;
}

#mailMagazine {
    margin: 18px 0 0 0;
    text-align: center;
}

.page-back a {
    position: fixed;
    bottom: 10px;
    right: 10px;
    background: #7F7F7F;
    padding: 7px;
    width: 31px;
    height: 31px;
    border-radius: 7px;
    /* CSS3草案 */
    -webkit-border-radius: 7px;
    /* Safari,Google Chrome用 */
    -moz-border-radius: 7px;
    /* Firefox用 */
}

@media only screen and (max-width: 640px) {
    .page-back a {
        position: static;
        bottom: 0;
        right: 0;
        background: #7F7F7F;
        padding: 7px 0;
        width: 95%;
        margin: 20px auto 10px auto;
        height: 31px;
        display: block;
        border-radius: 7px;
        /* CSS3草案 */
        -webkit-border-radius: 7px;
        /* Safari,Google Chrome用 */
        -moz-border-radius: 7px;
        /* Firefox用 */
        text-align: center;
    }
}


/*----------------------------------
フッター
----------------------------------*/

#footer {
    background: #F7F7F7;
    padding: 15px 0 0 0;
    margin: 20px 0 0 0;
    width: 100%;
    clear: both;
}

#footerBox {
    width: 1090px;
    margin: 0 auto;
}

#footerLeft {
    width: 672px;
    float: left;
}

#footerRight {
    width: 390px;
    float: right;
}

#footerLeft nav ul {
    padding: 10px;
    width: 665px;
    background: #FFFFFF;
    border-radius: 10px;
    /* CSS3草案 */
    -webkit-border-radius: 10px/* Safari,Google Chrome用 */
    -moz-border-radius: 10px;
    /* Firefox用 */
}

#footerLeft nav ul li a {
    display: block;
    float: left;
    padding: 0 10px 0 10px;
    border-right: dotted 1px #5A5A5A;
    font-size: 14px;
}

@media only screen and (max-width: 640px) {
    #footerBox {
        width: 100%;
        margin: 0 auto;
    }
    #footerLeft {
        width: 100%;
        float: none;
    }
    #footerLeft nav ul {
        display: none;
    }
}

#footerLeft nav ul li.navlast a {
    border: none;
}

#footerbg {
    background: #FFFFFF;
    border-radius: 10px;
    /* CSS3草案 */
    -webkit-border-radius: 10px;
    /* Safari,Google Chrome用 */
    -moz-border-radius: 10px;
    /* Firefox用 */
    clear: both;
    padding: 10px;
    margin: 20px 170px 0 0;
}

#footerbg02 {
    display: none;
}

@media only screen and (max-width: 640px) {
    #footerbg {
        background: #FFFFFF;
        border-radius: 10px;
        /* CSS3草案 */
        -webkit-border-radius: 10px;
        /* Safari,Google Chrome用 */
        -moz-border-radius: 10px;
        /* Firefox用 */
        clear: both;
        padding: 5px;
        margin: 0;
    }
    #footerbg02 {
        background: #FFFFFF;
        border-radius: 10px;
        /* CSS3草案 */
        -webkit-border-radius: 10px;
        /* Safari,Google Chrome用 */
        -moz-border-radius: 10px;
        /* Firefox用 */
        clear: both;
        padding: 5px;
        margin: 0;
    }
}

#footerRight {
    text-align: right;
    font-size: 12px;
    background: url(../images/logo.png) right bottom no-repeat;
    padding: 0 0 130px 0;
}

#footerRight a {
    text-decoration: underline;
}

#footerRight ul li a {
    border-right: solid 1px #8A8A8A;
    padding: 0 10px;
    line-height: 12px;
}

@media only screen and (max-width: 640px) {
    #footerRight {
        text-align: left;
        font-size: 14px;
        background: none;
        background-size: none;
        padding: 0;
        width: 100%;
        float: none;
    }
    #footerRight ul li {
        background: #FFF url(../images/areabg.jpg) left bottom repeat-x;
    }
    #footerRight ul li a {
        float: none;
        border-right: none;
        background: url(../images/arrowsRight.png) 99% 50% no-repeat;
        background-size: 5px auto;
        -moz-background-size: 5px auto;
        -webkit-background-size: 5px auto;
        -o-background-size: 5px auto;
        -ms-background-size: 5px auto;
        display: block;
        padding: 15px 10px;
        font-weight: bold;
    }
}

#footerRight ul {
    margin: 0 0 10px 0;
}

#footerRight ul li {
    display: inline-block;
}

#footerRight ul li.last a {
    /*border: none;*/
}

#footerRight nav {
    margin: 10px 0 0 0;
}

.footerRBox {
    /*border-right: dotted 1px #000000;*/
}

#footerHbox {
    clear: both;
}

#footerHbox p {
    font-size: 12px;
    text-align: center;
    background: #F0E2CE;
    padding: 6px 0;
}

#footerHbox02 {
    clear: both;
    background: #F7F7F7;
}

#footerHbox02 p {
    font-size: 12px;
    text-align: center;
    padding: 6px 0;
}

@media only screen and (max-width: 640px) {
    #footerRight ul {
        margin: 0;
    }
    .footerRBox {
        border-right: none;
    }
    #footerRight nav {
        margin: 0;
    }
}


/*----------------------------------
トップページ
----------------------------------*/

#areaBoxTop {
    height: 20%;
    overflow: hidden;
}

@media only screen and (max-width: 640px) {
    #areaBoxTop {
        height: auto;
        overflow: inherit;
    }
}


/*都道府県ボタン*/


/*#areaBoxTop .radioHeight{
	visibility: hidden;
}
一旦消す */

#areaBoxTop .radioWrap {
    display: block;
}

#areaBoxTop .radioWrapHidden {
    display: none;
}

#todayfurimaBtn {
    display: none;
}

@media only screen and (max-width: 640px) {
    #todayfurimaBtn {
        display: block;
        text-align: center;
        margin: 20px 10px;
        clear: both;
    }
    #KodawariBox #todayfurimaBtn {
        margin: 10px;
    }
    #todayfurimaBtn p a {
        background: #FDBF6F url(../images/todayBgbtn.png) left bottom repeat-x;
        text-align: center;
        padding: 10px;
        display: block;
        border-radius: 3px;
        /* CSS3草案 */
        -webkit-border-radius: 3px;
        /* Safari,Google Chrome用 */
        -moz-border-radius: 3px;
        /* Firefox用 */
        color: #000;
        font-weight: bold;
    }
}

#cntTitle {
    background: #F0E2CE;
    font-weight: bold;
    padding: 4px 0 0 8px;
    text-shadow: 1px 0px 0px #FFF;
    -moz-box-shadow: text-shadow: 1px 0px 0px #FFF;
    display: block;
    border: 1px solid #FFFFFF;
    -webkit-box-shadow: text-shadow: 1px 0px 0px #FFF;
}

@media only screen and (max-width: 640px) {
    #cntTitle {
        background: #F0E2CE;
        font-weight: bold;
        padding: 4px 0 4px 8px;
        text-shadow: 1px 0px 0px #FFF;
        -moz-box-shadow: text-shadow: 1px 0px 0px #FFF;
        display: block;
        border: 1px solid #FFFFFF;
        -webkit-box-shadow: text-shadow: 1px 0px 0px #FFF;
        text-align: center;
    }
}

#areaNav {
    background: url(../images/bgsolide.gif)left bottom repeat-x;
}

#areaNav {
    border-bottom: solid 1px #CBCBCB\9;
}

#areaNav ul {
    margin: 10px 0 0 0;
}

#areaNav ul li {
    background: #FFFFFF;
    box-shadow: 0 -3px 5px #F1F1F1;
    -moz-box-shadow: box-shadow: 1px 0px 0px #F1F1F1;
    -webkit-box-shadow: box -shadow: 1px 0px 0px #F1F1F1;
    padding: 6px 2px 4px 1px;
    font-size: 14px;
    font-weight: bold;
    float: left;
    border-left: solid 1px #F1F1F1;
    border-right: solid 1px #F1F1F1;
    border-top: solid 1px #F1F1F1;
    margin: 0 0 0 5px;
}

#areaNav ul li {
    background: #FFFFFF;
    box-shadow: 0 -3px 5px #F1F1F1;
    -moz-box-shadow: box-shadow: 1px 0px 0px #F1F1F1;
    -webkit-box-shadow: box -shadow: 1px 0px 0px #F1F1F1;
    padding: 6px 2px 4px 1px;
    font-size: 14px;
    font-weight: bold;
    float: left;
    border-left: solid 1px #999\9;
    border-right: solid 1px #999\9;
    border-top: solid 1px #999\9;
    margin: 0 0 0 5px;
}


/* IE8 */

html>
/**/

body #areaNav ul li {
    padding: /*\**/
    6px 2px 4px 1px\9;
}

html>
/**/

body #areaNav ul li.areaNow {
    border-bottom: /*\**/
    solid 1px #fff\9;
}

html>
/**/

body #areaNav ul li a {
    color: #000000;
    text-align: /*\**/
    left\9;
    padding: /*\**/
    1px 8px 0 8px\9;
}

html>
/**/

body #areaNav ul li a:hover {
    color: /*\**/
    #FF8810\9;
}

#areaNav ul li a {
    color: #000000;
    text-align: center;
    padding: 1px 10px 0 10px;
}

#areaNav ul li a:hover {
    color: #FF8810;
}

#areaNav ul li.areaNow {
    border-bottom: solid 1px #FFF;
}

#areaNav ul li#area01 a {
    border-top: solid 5px #517BB8;
}

#areaNav ul li#area02 a {
    border-top: solid 5px #B3B3B3;
}


/*#FF7F00*/

#areaNav ul li#area03 a {
    border-top: solid 5px #F84F6C;
}

#areaNav ul li#area04 a {
    border-top: solid 5px #F84F6C;
}

#areaNav ul li#area05 a {
    border-top: solid 5px #A4459F;
}

#areaNav ul li#area06 a {
    border-top: solid 5px #4EB9B2;
}

#areaNav ul li#area07 a {
    border-top: solid 5px #008837;
}

#areaNav ul li#area08 a {
    border-top: solid 5px #FFCC00;
}

#areaNav ul li#area09 a {
    border-top: solid 5px #7F0000;
}

#areaNav ul li#area10 a {
    border-top: solid 5px #7FC31C;
}

#spSearchBox {
    display: none;
}

@media only screen and (max-width: 640px) {
    #areaNav {
        background: none;
    }
    #areaNav ul {
        margin: 0;
    }
    #areaNav ul li {
        background: #FFFFFF url(../images/areabg.jpg) left bottom repeat-x;
        box-shadow: none;
        font-size: 14px;
        font-weight: bold;
        border: solid 1px #F1F1F1;
        margin: 0;
        width: 50%;
        text-align: left;
        float: left;
        text-indent: 10px;
    }
    #areaNav ul li a {
        color: #000000;
        display: block;
        padding: 5px 0 5px 0;
        text-align: left;
        background: url(../images/areabgarrows.png) 98% 50% no-repeat;
        background-size: 15px auto;
        -moz-background-size: 15px auto;
        -webkit-background-size: 15px auto;
        -o-background-size: 15px auto;
        -ms-background-size: 15px auto;
    }
    /* IE8 */
    html>/**/
    body #areaNav ul li a {
        background: /*\**/
        url(../images/areabgarrows_sm.png) 98% 50% no-repeat\9;
    }
    #areaNav ul li a:hover {
        color: #FF8810;
    }
    #areaNav ul li.areaNow {
        border-bottom: none;
    }
    #areaNav ul li#area01 a {
        border-top: none;
    }
    #areaNav ul li#area02 a {
        border-top: none;
    }
    #areaNav ul li#area03 a {
        border-top: none;
    }
    #areaNav ul li#area04 a {
        border-top: none;
    }
    #areaNav ul li#area05 a {
        border-top: none;
    }
    #areaNav ul li#area06 a {
        border-top: none;
    }
    #areaNav ul li#area07 a {
        border-top: none;
    }
    #areaNav ul li#area08 a {
        border-top: none;
    }
    #areaNav ul li#area09 a {
        border-top: none;
    }
    #areaNav ul li#area10 a {
        border-top: none;
    }
}

@media only screen and (max-width: 640px) {
    #areaNav ul li.areaNow {
        border: 1px solid #f1f1f1;
    }
    #areaNav ul li.areaNow a {
        border: none;
    }
}

@media only screen and (max-width: 640px) {
    #spSearchBox {
        display: block;
        /*margin: 12px auto 0;*/
        margin: 0 auto;
    }
    #sCatBox00 {
        display: none;
    }
    #seachplus {
        /*display: none;*/
    }
    #spSearchBox h3 {
        background: url(../images/codawariIcon.png) 2% 50% no-repeat;
        background-size: 32px auto;
        -moz-background-size: 32px auto;
        -webkit-background-size: 32px auto;
        -o-background-size: 32px auto;
        -ms-background-size: 32px auto;
        font-weight: bold;
        text-indent: 40px;
        border-top: 1px solid #9B9B9B!important;
        border-bottom: 1px solid #9B9B9B!important;
        padding: 10px 0;
    }
    #spSearchBox #KodawariBox h3 {
        border: none;
    }
    /* IE8 */
    html>/**/
    body #spSearchBox h3 {
        background: /*\**/
        url(../images/codawariIcon_sm.png) 2% 50% no-repeat\9;
    }
    .spSearchBox02 {
        border-bottom: solid 1px #D5D5D5;
        padding: 0;
        margin: 0;
    }
    .spSearchBox03 {
        margin: 0 0 0 10px;
        display: inline-block;
    }
    .spSearchBox04 {
        margin: 0px auto 10px;
        text-align: center;
        display: inline-block;
    }
    .spSearchBox04 input.submit04 {
        width: auto;
    }
    .areaBoxDataTitle {
        font-weight: bold;
        margin: 5px 0 0px 10px;
    }
}

#areaSub, #box1, #box2, #box3, #box4, #box5, #box6, #box7, #box8, #box9, #box10 {
    clear: both;
    margin: 7px;
}

#areaSub ul li, #box1 ul li, #box2 ul li, #box3 ul li, #box4 ul li, #box5 ul li, #box6 ul li, #box7 ul li, #box8 ul li, #box9 ul li, #box10 ul li {
    font-size: 14px;
    float: left;
    margin: 0 4px 0 0;
    background: #FFF;
    line-height: 30px;
    padding: 0;
    border: 1px solid #B2B2B2;
    border-radius: 3px;
    /* CSS3草案 */
    -webkit-border-radius: 3px;
    /* Safari,Google Chrome用 */
    -moz-border-radius: 3px;
    /* Firefox用 */
    font-size: 14px;
}

@media only screen and (max-width: 640px) {
    #areaSub ul li, #box1 ul li, #box2 ul li, #box3 ul li, #box4 ul li, #box5 ul li, #box6 ul li, #box7 ul li, #box8 ul li, #box9 ul li, #box10 ul li {
        border: 1px solid #B2B2B2;
        border-radius: 3px;
        /* CSS3草案 */
        -webkit-border-radius: 3px;
        /* Safari,Google Chrome用 */
        -moz-border-radius: 3px;
        /* Firefox用 */
        font-size: 14px;
        text-align: center;
        width: 70px;
        float: left;
        margin: 0 4px 4px 0;
        background: #FFF;
        line-height: 30px;
    }
}

#areaSub ul li a, #box1 ul li a, #box2 ul li a, #box3 ul li a, #box4 ul li a, #box5 ul li a, #box6 ul li a, #box7 ul li a, #box8 ul li a, #box9 ul li a, #box10 ul li a {
    border-bottom: none;
    display: block;
    color: #000000;
    padding: 3px 4px;
}

#areaSub ul li a:hover, #box1 ul li a:hover, #box2 ul li a:hover, #box3 ul li a:hover, #box4 ul li a:hover, #box5 ul li a:hover, #box6 ul li a:hover, #box7 ul li a:hover, #box8 ul li a:hover, #box9 ul li a:hover, #box10 ul li a:hover {
    background: #E6E6E6;
}

.areaNow02 a {
    background: #E6E6E6;
}

#areaBox02 {
    margin: 5px 0 0 0;
}

#areaBox02Left {
    width: 260px;
    float: left;
}

#areaBox02Right {
    width: 470px;
    float: right;
}

#cntBoxArea {
    margin: 0 8px;
}

#sCatboxM {
    float: left;
    width: 60px;
    font-size: 14px;
    padding: 3px 0 0 0;
    font-weight: bold;
    text-align: right;
}

.sCatSelectform {
    border: 1px solid #D1D1D1;
    /*width: 160px;*/
    height: 23px;
    font-size: 13px;
    padding: 0 4px;
}

@media only screen and (max-width: 640px) {
    .sCatSelectform {
        font-size: 16px;
        min-width: 140px;
        margin: -4px 0 -3px 0;
        padding: 0 0 0 3px;
        height: 1.75em;
        line-height: 32px;
    }
    .sCatSelectform#top_cal_year, .sCatSelectform#top_cal_month {
        min-width: 0;
    }
}

#sCatSelect {
    width: 160px;
    float: right;
}


/*---------------------
カレンダー
-------------------*/

#calTitle h3 {
    font-size: 14px;
    font-weight: bold;
    padding: 13px 0 8px 36px;
    background: url(../images/topCalendaricon.gif) 0 6px no-repeat;
    margin: 0 0 10px;
}


/* IE8 */

html>
/**/

body #calTitle h3 {
    font-size: /*\**/
    14px\9;
    font-weight: /*\**/
    bold\9;
    padding: /*\**/
    13px 0 12px 36px\9;
    background: /*\**/
    url(../images/topCalendaricon.gif) 0 6px no-repeat\9;
    margin: /*\**/
    0 0 10px\9;
}

#calTitle h3 span {
    display: block;
    font-weight: normal;
    font-size: 12px;
}

.nowCal {
    text-align: center;
    font-weight: bold;
    padding: 3px 0;
    font-size: 17px;
    color: #3D3730;
}

#sCalendar {
    padding: 7px;
    background: #F0E2CE;
    clear: both;
}

#sCalmonth {
    /*width: 160px;*/
    float: left;
    padding: 3px 0 0 0;
}

#sCalmonthArrows {
    float: right;
    width: 56px;
}

#sCalmonthArrowsLeft {
    width: 26px;
    float: left;
}

#sCalmonthArrowsRight {
    width: 26px;
    float: right;
}

#sCalbody {
    background: #FFFFFF;
    margin: 5px 0 0 0;
    padding: 10px;
}

.sCalbottom {
    border-bottom: dotted 1px #AFAFAF;
}

#sCalbody table .sCalbottom td {
    height: 30px;
    font-size: 14px;
}

#sCalbody table {
    width: 100%;
}


/*Sun*/

#sCalbody table tr td:first-child {
    color: #FF1115;
}

#sCalbody table tr td:first-child a {
    color: #FF1115;
}


/*Sat*/

#sCalbody table tr td:last-child {
    color: #225EA8;
}

#sCalbody table tr td:last-child a {
    color: #225EA8;
}


/*平日*/

#sCalbody table tr td {
    color: #333333;
}

#sCalbody table tr td a {
    color: #333333;
}

#sCalbody table td {
    text-align: center;
    font-size: 16px;
    width: 24px;
    vertical-align: middle;
    font-family: Arial, Helvetica, sans-serif;
}

#sCalbody table td a {
    text-decoration: underline;
    display: block;
    height: 30px;
    line-height: 30px;
}

#sCalbody table td a:hover {
    text-decoration: none;
    background: #F9F4ED;
    font-weight: bold;
}

@media only screen and (max-width: 640px) {
    #areaBox02Right {
        width: 100%;
        float: none;
        margin: 5px 5px 0 5px;
    }
    #sCalbody {
        background: #FFFFFF;
        margin: 5px 0 0 0;
        padding: 10px;
    }
    .sCalbottom {
        border-bottom: dotted 1px #AFAFAF;
    }
    #sCalbody table {
        width: 100%;
    }
    #sCalbody table td {
        text-align: center;
        font-size: 14px;
        width: 10%;
        vertical-align: middle;
        height: 30px;
        font-family: Arial, Helvetica, sans-serif;
    }
    #sCalbody table td a {
        text-decoration: underline;
        color: #FF1115;
    }
    #areaBox02Left {
        width: 100%;
        float: none;
        margin: 10px 0 0 0;
    }
}

span.sun {
    color: #FF0004;
}

span.sat {
    color: #225EA8;
}

.sCalbottom td {
    font-weight: bold;
}

td span.dayAct a {
    background: #FFCC00;
    border-radius: 3px;
    /* CSS3草案 */
    -webkit-border-radius: 3px;
    /* Safari,Google Chrome用 */
    -moz-border-radius: 3px;
    /* Firefox用 */
    color: #FFFFFF;
    padding: 4px;
}


/*-------------------------
トップページ　全国の新着イベント
-------------------------*/

#areacntNewTitle {}

#areacntNewTitleLeft {
    width: 260px;
    float: left;
    background: url(../images/newIcon.gif) 0 50% no-repeat;
}

@media only screen and (max-width: 640px) {
    #areacntNewTitleLeft {
        float: left;
        background: url(../images/newIcon.png) 0 50% no-repeat;
        background-size: 32px auto;
        -moz-background-size: 32px auto;
        -webkit-background-size: 32px auto;
        -o-background-size: 32px auto;
        -ms-background-size: 32px auto;
    }
    .newEvnetBox {
        clear: both;
        width: 98%;
    }
}

#areacntNewTitleRight {
    width: 205px;
    float: right;
    background: #F0E2CE;
    border-radius: 3px;
    /* CSS3草案 */
    -webkit-border-radius: 3px;
    /* Safari,Google Chrome用 */
    -moz-border-radius: 3px;
    /* Firefox用 */
    height: 22px;
    margin: 12px 0 0 0;
}

#areacntNewTitleLeft h2 {
    margin: 0 0 0 40px;
    font-size: 14px;
    font-weight: bold;
    padding: 12px 0 10px 0;
}

.newEvnetBox {
    clear: both;
}

.newEventHeader {
    margin-bottom: 6px;
}

.newEventHeader h4, .cornerEventRightseeBox h4 {
    display: inline-block;
    margin-right: 8px;
}

.newEventHeader .licensebox .license, .cornerEventRightseeBox .licensebox .license {
    font-size: 10px;
    line-height: 1;
    padding: 2px 6px;
}

.cornerEventRightseeBox .licensebox {
    color: #333;
    margin-bottom: 4px;
}

#newEvnetmore {
    display: block;
    text-align: right;
}

#newEvnetmore a {
    font-size: 12px;
    background: url(../images/arrows.png) 0 50% no-repeat;
    padding: 0 0 0 10px;
    font-size: 12px;
    background-size: 6px auto;
    -moz-background-size: 6px auto;
    -webkit-background-size: 6px auto;
    -o-background-size: 6px auto;
    -ms-background-size: 6px auto;
    padding: 0 0 0 15px;
    text-decoration: underline;
    margin: 10px 0 0 0;
}

#seachplus {
    /*	background: url(../images/bgplus.gif) 50% 25% no-repeat;
padding: 35px 0 0 0;*/
}

#seachplus p a {
    border: 2px solid #fff;
    padding: 0 20px;
    padding: 10px 20px;
    text-align: center;
    color: #333;
    font-size: 15px;
    cursor: pointer;
    background: #FDBF6F url(../images/btnrep.gif) left bottom repeat-x;
    border-radius: 6px;
    font-weight: bold;
    background: -webkit-gradient( linear, left top, left bottom, from(#FDBF6F), to(#FF8408));
    -webkit-border-radius: 5px;
    -webkit-box-shadow: 1px 1px 1px #fff;
    background: -moz-linear-gradient( top, #FDBF6F, #FF8408);
    -moz-border-radius: 5px;
    -moz-box-shadow: 1px 1px 1px #fff;
    filter: progid: DXImageTransform.Microsoft.gradient (startColorstr=#ffFDBF6F, endColorstr=#ffFF8408);
    zoom: 1;
    text-shadow: 1px 1px 0 rgba(255, 255, 255, .5);
    display: block;
    max-width: 210px;
    margin: 10px auto;
}

#seachplus p input.searchJokenBtn {
    border: 2px solid #fff;
    padding: 0 20px;
    padding: 10px 20px;
    text-align: center;
    color: #333;
    font-size: 15px;
    cursor: pointer;
    background: #FDBF6F url(../images/btnrep.gif) left bottom repeat-x;
    border-radius: 6px;
    font-weight: bold;
    background: -webkit-gradient( linear, left top, left bottom, from(#FDBF6F), to(#FF8408));
    -webkit-border-radius: 5px;
    -webkit-box-shadow: 1px 1px 1px #fff;
    background: -moz-linear-gradient( top, #FDBF6F, #FF8408);
    -moz-border-radius: 5px;
    -moz-box-shadow: 1px 1px 1px #fff;
    filter: progid: DXImageTransform.Microsoft.gradient (startColorstr=#ffFDBF6F, endColorstr=#ffFF8408);
    zoom: 1;
    text-shadow: 1px 1px 0 rgba(255, 255, 255, .5);
    display: block;
    max-width: 210px;
    margin: 10px auto;
    width: 300px;
}

#seachjoken {
    background: #F0E2CE;
    border-radius: 3px;
    /* CSS3草案 */
    -webkit-border-radius: 3px;
    /* Safari,Google Chrome用 */
    -moz-border-radius: 3px;
    /* Firefox用 */
    padding: 5px;
    clear: both;
    margin: 10px 10px 0;
}

#seachjoken000 {
    display: none;
}

@media only screen and (max-width: 640px) {
    #seachjoken {
        /* display: none;*/
        /*margin: 10px 0 0;*/
        margin: 0;
    }
    #seachjoken000 {
        display: block;
        background: #F0E2CE;
        border-radius: 3px;
        /* CSS3草案 */
        -webkit-border-radius: 3px;
        /* Safari,Google Chrome用 */
        -moz-border-radius: 3px;
        /* Firefox用 */
        padding: 5px;
        clear: both;
        margin: 10px;
    }
}

#seachjoken .searchjokenTitle {
    font-size: 14px;
    font-weight: bold;
    margin: 6px 0 8px 8px;
    color: #6B6864;
}

#seachjoken02 {
    margin: 5px;
    border-radius: 3px;
    /* CSS3草案 */
    -webkit-border-radius: 3px;
    /* Safari,Google Chrome用 */
    -moz-border-radius: 3px;
    /* Firefox用 */
    background: #FFFFFF;
    padding: 3px 8px;
}

.searchJokenTxtWrap {
    display: inline-block;
}

.seachjokeTxt {
    font-weight: bold;
    font-size: 14px;
    margin: 0 0 0 14px;
}

span:first-child.seachjokeTxt {
    margin: 0;
}

.seachjokeTxt02 {
    font-size: 12px;
}

.seachBoxBtn {
    text-align: center;
}

@media only screen and (max-width: 640px) {
    #seachjoken .searchjokenTitle {
        margin: 0 0 0 5px;
    }
    #seachjoken02 {
        padding: 3px 5px;
        margin: 5px 0;
    }
    .searchJokenTxtWrap {
        display: block;
    }
}

.eventDay h3 {
    display: block;
    background: #999999;
    padding: 5px 0 3px 10px;
    color: #FFFFFF;
    border-radius: 3px;
    /* CSS3草案 */
    -webkit-border-radius: 3px;
    /* Safari,Google Chrome用 */
    -moz-border-radius: 3px;
    /* Firefox用 */
    margin: 20px 10px 0 10px;
}

@media only screen and (max-width: 640px) {
    .eventDay h3 {
        display: block;
        background: #999999;
        padding: 5px 0 3px 10px;
        color: #FFFFFF;
        border-radius: 3px;
        /* CSS3草案 */
        -webkit-border-radius: 3px;
        /* Safari,Google Chrome用 */
        -moz-border-radius: 3px;
        /* Firefox用 */
        margin: 20px 0 0 0;
    }
}

.eventListbox {
    /*width: 714px;*/
    margin: 0 10px 0 10px;
    border-bottom: dotted 1px #CDCDCD;
    padding: 2px 0 2px 10px;
}

@media only screen and (max-width: 640px) {
    .eventListbox {
        width: 100%;
        margin: 0;
        border-bottom: dotted 1px #CDCDCD;
        padding: 5px 0;
    }
    #areacntNewTitleRight {
        display: none;
    }
}


/*イベント一覧表示　エリアタグ*/

.areaTag {
    border-radius: 3px;
    /* CSS3草案 */
    -webkit-border-radius: 3px;
    /* Safari,Google Chrome用 */
    -moz-border-radius: 3px;
    /* Firefox用 */
    text-align: center;
    padding: 2px 3px;
    font-size: 12px;
    color: #FFFFFF;
}


/*地域ごとの色*/


/*北海道*/

.areaColor01 {
    background: #517BB8;
}


/*関東*/

.areaColor02 {
    background: #F84F6C;
}


/*首都圏*/

.areaColor03 {
    background: #FF7F00;
}


/*北陸・甲信越*/

.areaColor04 {
    background: #B3B3B3;
}


/*中部*/

.areaColor05 {
    background: #A4459F;
}


/*関西*/

.areaColor06 {
    background: #4EB9B2;
}


/*中国*/

.areaColor07 {
    background: #008837;
}


/*四国*/

.areaColor08 {
    background: #FFCC00;
}


/*九州・沖縄*/

.areaColor09 {
    background: #7F0000;
}


/*全国*/

.areaColor10 {
    background: #7FC31C;
}

.areaColor01, .areaColor02, .areaColor03, .areaColor04, .areaColor05, .areaColor06, .areaColor07, .areaColor08, .areaColor09, .areaColor10 {
    padding: 2px;
    /*margin: 0 4px 0 0;*/
    bottom: 0;
}


/*一週間纏めて見る*/

.weeklyEventLink {
    background: #FFFFFF url(../images/iconweekly.gif) 0 50% no-repeat;
    box-shadow: none;
    font-size: 14px;
    font-weight: bold;
    border: none;
    margin: 0;
    padding: 0 0 0 15px;
    text-align: center;
    text-indent: 10px;
}

@media only screen and (max-width: 640px) {
    .weeklyEventLink {
        background: #FFFFFF url(../images/areabg.jpg) left bottom repeat-x;
        box-shadow: none;
        font-size: 14px;
        font-weight: bold;
        border: solid 1px #F1F1F1;
        margin: 0;
        width: 100%;
        text-align: center;
        padding: 0;
        float: none;
        text-indent: 10px;
    }
    .weeklyEventLink a {
        color: #000000;
        display: block;
        background: none;
        padding: 5px 0 5px 0;
        text-align: center;
        background-size: 15px auto;
        -moz-background-size: 15px auto;
        -webkit-background-size: 15px auto;
        -o-background-size: 15px auto;
        -ms-background-size: 15px auto;
    }
}


/*カレンダーから選ぶ*/

@media only screen and (max-width: 640px) {
    .calendarIconbtn {
        background: #FFFFFF url(../images/areabg.jpg) left bottom repeat-x;
        box-shadow: none;
        font-size: 14px;
        font-weight: bold;
        border: solid 1px #F1F1F1;
        margin: 0;
        width: 100%;
        text-align: center;
        padding: 10px 0;
        float: none;
        text-indent: 10px;
    }
    .calendarIconbtn a {
        color: #000000;
        padding: 5px 0 5px 5px;
        text-align: center;
        display: block;
    }
    .calendarIconbtn img {
        position: relative;
        left: -7px;
        top: -3px;
    }
}

.catbox {
    border: 1px solid #B8B8B8;
    border-radius: 3px;
    /* CSS3草案 */
    -webkit-border-radius: 3px;
    /* Safari,Google Chrome用 */
    -moz-border-radius: 3px;
    /* Firefox用 */
    text-align: center;
    padding: 2px 5px;
    font-size: 12px;
    background: #FFFFFF;
    margin: 0 3px 0 0;
}

.couponbox {
    border: 1px solid #ccc;
    border-radius: 3px;
    /* CSS3草案 */
    -webkit-border-radius: 3px;
    /* Safari,Google Chrome用 */
    -moz-border-radius: 3px;
    /* Firefox用 */
    text-align: center;
    padding: 0px 5px;
    font-size: 12px;
    margin: 0 0 0 5px;
    background: #FF8429;
    color: #FFFFFF;
    display: inline-block;
}

.koushinDate {
    font-size: 11px;
    color: #666;
    margin: 0 5px;
}

.summaryname {
    display: block;
    width: 100%;
}

.summaryname a {
    background: url(../images/arrows_ye.gif) 0 50% no-repeat;
    padding: 0 24px 0 20px;
    text-decoration: underline;
    font-size: 14px;
    margin: 5px 0 0 0;
    display: block;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}

@media only screen and (max-width: 640px) {
    .summaryname {
        line-height: 24px;
    }
    .summaryname a {
        background: url(../images/arrows_ye.png) 0 50% no-repeat;
        background-size: 12px auto;
        -moz-background-size: 12px auto;
        -webkit-background-size: 12px auto;
        -o-background-size: 12px auto;
        -ms-background-size: 12px auto;
        padding: 0 0 0 20px;
        text-decoration: underline;
        font-size: 14px;
        display: block;
        margin: 0;
    }
    /* IE8 */
    html>/**/
    body .summaryname a {
        background: /*\**/
        url(../images/arrows_ye_sm.png) 0 50% no-repeat\9;
    }
}

.time {
    font-size: 14px;
    margin: 0;
}

#communityInfo {
    margin: 20px 0 30px 0;
    width: 756px;
    float: left;
}

#communityInfo h3 {
    color: #FC4E32;
    font-size: 18px;
    font-weight: bold;
    display: block;
    background: #FC4E32;
    padding: 3px 0 3px 15px;
    color: #FFFFFF;
    margin: 0 15px 0 15px;
    position: relative;
    top: 0;
}

@media only screen and (max-width: 640px) {
    #communityInfo {
        margin: 20px 0 0 0;
        width: 100%;
        float: none;
    }
    #communityInfo h3 {
        color: #FC4E32;
        font-size: 18px;
        font-weight: bold;
        display: block;
        background: #FC4E32;
        padding: 3px 0 3px 15px;
        color: #FFFFFF;
        margin: 0 15px 0 15px;
        position: relative;
        top: 0;
    }
}

#comunityBox {
    background: #F0E2CE;
    padding: 30px 10px 10px 10px;
    margin: -20px 0 0 0;
}

.comunityBox02 {
    width: 250px;
    float: left;
}

.comunityBox02Last {
    width: 235px;
    float: left;
}

.comunityBox02 h4 {
    font-size: 14px;
}

.comunityBox02Last h4 {
    font-size: 14px;
    margin: 0;
}

.comunityBox03Last {
    width: 235px;
    height: 257px;
    background: #FFFFFF;
    margin: 5px 0 0 0;
}

.comunityBox03Last div.comuPhoto:nth-child(2n+1) {
    background: #EFEFEF;
}

.comunityBox03 {
    width: 240px;
    height: 257px;
    background: #FFFFFF;
    margin: 5px 0 0 0;
}

@media only screen and (max-width: 640px) {
    .comunityBox02Last {
        width: 100%;
        float: none;
    }
    .comunityBox03Last {
        width: 100%;
        height: auto;
        background: #FFFFFF;
        margin: 5px 0 0 0;
    }
    .comunityBox02 {
        width: 100%;
        float: none;
    }
    .comunityBox03 {
        width: 100%;
        height: auto;
        background: #FFFFFF;
        margin: 5px 0 0 0;
    }
}

.cornerComuEvent {
    width: 212px;
    margin: 0 auto;
}

@media only screen and (max-width: 640px) {
    .cornerComuEvent {
        width: 100%;
        margin: 0 5px;
    }
}

.cornerComuEvent h4 {
    font-size: 14px;
}

.cornerComuEvent p {
    font-size: 12px;
}

.cornerComuEventLeft {
    width: 62px;
    float: left;
    height: 52px;
    overflow: hidden;
    position: relative;
    padding: 0 10px 0 0;
}

.cornerComuEventLeft img {
    position: absolute;
    z-index: 100;
    top: -25px;
    left: -25px;
}

.corneComurEventRight {
    overflow: hidden;
    line-height: 18px;
}

@media only screen and (max-width: 640px) {
    .cornerComuEventLeft {
        width: 62px;
        float: left;
        margin: 0 5px 0 0;
    }
    .corneComurEventRight {
        float: left;
        width: 70%;
        height: 50px;
        line-height: 16px;
    }
}

.comuTitle {
    font-weight: bold;
    background: url(../images/comunityIconBg.gif) 0 50% no-repeat;
    padding: 0 0 0 20px;
}

@media only screen and (max-width: 640px) {
    .comuTitle {
        font-weight: bold;
        background: url(../images/comunityIconBg.png) 0 50% no-repeat;
        padding: 0 0 0 20px;
        background-size: 18px auto;
        -moz-background-size: 18px auto;
        -webkit-background-size: 18px auto;
        -o-background-size: 18px auto;
        -ms-background-size: 18px auto;
        margin: 10px 0 0 0;
    }
    /* IE8 */
    html>/**/
    body .comuTitle {
        background: /*\**/
        url(../images/comunityIconBg_sm.png) 0 50% no-repeat\9;
    }
}

.corneComurEventRight p {
    margin: 0 0 3px 0;
}

.cornerComuEvnetBOx {
    padding: 12px 3px 12px;
    overflow: hidden;
}

div:nth-child(2).cornerComuEvnetBOx {
    background: #EFEFEF;
}

.cornerComuEvnetBOx .cornerComuEventLeft {
    height: auto;
}

.cornerComuEvnetBOx img {
    width: 65px;
    height: auto;
    max-height: 65px;
}

@media only screen and (max-width: 640px) {
    .cornerComuEvnetBOx {
        padding: 8px 3px 0;
        overflow: hidden;
    }
}

.morecomu {
    background: #F7F0E6;
    text-align: center;
    margin: 6px;
    clear: both;
}

.morecomu a {
    color: #666666;
    font-size: 12px;
    display: block;
    padding: 3px;
    text-shadow: 1px 0px 0px #000;
    -moz-box-shadow: text-shadow: 1px 0px 0px #000;
    -webkit-box-shadow: text-shadow: 1px 0px 0px #000;
}

.comubuy {
    margin: 5px 4px 0;
    padding: 7px 0 0;
}

.comubuy h5 {
    background: url(../images/buyicon.gif) left top no-repeat;
    padding: 0 0 0 30px;
    font-weight: bold;
    width: 100%;
    font-size: 14px;
    display: block;
}

.comubuy h5 a {
    text-decoration: underline;
}

.comusall {
    margin: 4px 8px 0;
    padding: 5px 0 0 0;
    border-top: 1px dotted #CCCCCC;
}

.comusall h5 {
    background: url(../images/sellicon.gif) left top no-repeat;
    padding: 0 0 0 30px;
    font-weight: bold;
    width: 100px;
    float: left;
    font-size: 14px;
    display: block;
}

.comusall h5 a {
    text-decoration: underline;
}

.comubuyed {
    font-size: 12px;
    line-height: 14px;
    display: block;
}

.comusalled {
    margin: 0 10px 0 10px;
    padding: 10px 0 0 0;
}

.comusalled h5 {
    background: url(../images/buyed.gif) left top no-repeat;
    padding: 0 0 0 30px;
    font-weight: bold;
    width: 100px;
    float: left;
    display: block;
    font-size: 14px;
}

.buyedFBnr {
    margin: 10px 0;
    text-align: center;
}

.buyedFBnr img {
    width: 90%;
}

@media only screen and (max-width: 640px) {
    .comusall {
        margin: 15px 8px 0;
        padding: 5px 0 0 0;
        border-top: 1px dotted #CCCCCC;
    }
    .comubuy h5 {
        background: url(../images/buyicon.png) left top no-repeat;
        padding: 5px 0 5px 30px;
        font-weight: bold;
        width: 100%;
        float: left;
        font-size: 14px;
        display: block;
        background-size: 25px auto;
        -moz-background-size: 25px auto;
        -webkit-background-size: 25px auto;
        -o-background-size: 25px auto;
        -ms-background-size: 25px auto;
    }
    /* IE8 */
    html>/**/
    body .comubuy h5 {
        background: /*\**/
        url(../images/buyicon_sm.png) left top no-repeat\9;
    }
    .comusall h5 {
        background: url(../images/sellicon.png) left top no-repeat;
        padding: 5px 0 5px 30px;
        font-weight: bold;
        width: 130px;
        float: left;
        font-size: 14px;
        display: block;
        background-size: 25px auto;
        -moz-background-size: 25px auto;
        -webkit-background-size: 25px auto;
        -o-background-size: 25px auto;
        -ms-background-size: 25px auto;
    }
    /* IE8 */
    html>/**/
    body .comusall h5 {
        background: /*\**/
        url(../images/sellicon_sm.png) left top no-repeat\9;
    }
    .comusalled h5 {
        background: url(../images/buyed.png) left top no-repeat;
        padding: 5px 0 5px 30px;
        font-weight: bold;
        width: 100px;
        float: left;
        display: block;
        font-size: 14px;
        background-size: 25px auto;
        -moz-background-size: 25px auto;
        -webkit-background-size: 25px auto;
        -o-background-size: 25px auto;
        -ms-background-size: 25px auto;
    }
    /* IE8 */
    html>/**/
    body .comusalled h5 {
        background: /*\**/
        url(../images/buyed_sm.png) left top no-repeat\9;
    }
}

.comuIchoran {
    width: 68px;
    float: right;
    background: #FFD731;
    border-radius: 3px;
    /* CSS3草案 */
    -webkit-border-radius: 3px;
    /* Safari,Google Chrome用 */
    -moz-border-radius: 3px;
    /* Firefox用 */
    text-align: center;
    font-size: 12px;
    padding: 3px 0;
}

.comuIchoran a {
    font-weight: bold;
    color: #000000;
    background: url(../images/comuiconIchoran.gif) 0 50% no-repeat;
    padding: 0 0 0 15px;
}

.comuPhoto {
    clear: both;
    height: 45px;
    margin: 3px 0 0;
    padding: 3px 0 3px 15px;
}

@media only screen and (max-width: 640px) {
    .comuPhoto {
        clear: both;
        height: auto;
        margin: 3px 0 0;
        padding: 3px 0 3px 15px;
    }
}

.comuPhoto .left {
    width: 46px;
    float: left;
    padding: 0 8px 0 0;
}

.comuPhoto .left img {
    width: 46px;
    height: auto;
    max-height: 46px;
}

.comuPhoto .right {
    overflow: hidden;
}

.comuPhoto .right a {
    display: block;
}

.comuPhoto02 {
    clear: both;
    margin: 0 0 0 0;
    padding: 0 0 0 5px;
}

.comuPbox {
    width: 52px;
    height: 47px;
    float: left;
}

.comuPbox a {
    width: 46px;
    height: 41px;
    float: left;
    overflow: hidden;
    position: relative;
}

.comuPbox img {
    position: absolute;
    z-index: 100;
    top: -25px;
    left: -25px;
}

.comuPboxLast {
    width: 47px;
    height: 47px;
    float: left;
}

#snsBox {
    width: 763px;
    margin: 0 auto;
    clear: both;
}

#snsBoxLeft {
    width: 368px;
    float: left;
}

.fb-like-box, .fb-like-box span, .fb-like-box iframe[style] {
    width: 100%!important;
}

#snsBoxRight {
    width: 368px;
    float: right;
}

@media only screen and (max-width: 640px) {
    .comuPhoto02 {
        clear: both;
        margin: 0 0 0 0;
        padding: 0 0 20px 15px;
    }
    #snsBox {
        width: 100%;
        margin: 0;
        padding: 10px;
        clear: both;
    }
    #snsBoxLeft {
        width: 95%;
        float: none;
        margin: 10px auto 10px auto;
        padding: 10px 0 0 0;
        clear: both;
    }
    #snsBoxRight {
        width: 95%;
        float: none;
        margin: 0 auto;
    }
    #snsBoxRight iframe {
        width: 100% !important;
    }
}


/*----------------------------------
よくある質問
----------------------------------*/

#pankuzu li {
    float: left;
    color: #000000;
    font-size: 12px;
    display: block;
}

#pankuzu li a {
    float: left;
    color: #000000;
    background: url(../images/pankuzubg.gif) 100% 50% no-repeat;
    padding: 0 20px 0 0;
    font-size: 12px;
    margin: 0 5px 0 0;
    text-decoration: underline;
    display: block;
}

#subContents {
    border: 1px solid #E6E6E6;
    clear: both;
    margin: 20px 0 0 0;
    padding: 18px;
    width: 730px;
}

#subContents img {
    width: 90%;
    height: auto;
				margin-left: auto;
				margin-right: auto;
				display: block;
}
#subContents img.spView {
display: none!important;
}
@media only screen and (max-width: 640px) {
	#subContents img.pcView {
	display: none!important;
	}
	#subContents img.spView {
	display: block!important;
	}
}


#subContentsLeft {
    width: 177px;
    float: left;
}

#subContentsRight {
    width: 538px;
    float: right;
    padding: 0;
}

@media only screen and (max-width: 640px) {
    #subContents {
        border: none;
        clear: both;
        margin: 5px 0 0 0;
        padding: 0;
        width: 100%;
    }
    #subContentsLeft {
        width: 100%;
        float: none;
    }
    #subContentsRight {
        width: 100%;
        float: none;
        padding: 0;
    }
}

.subCntLine {
    border: 3px solid #7F7F7F;
    padding: 10px;
    margin: 0 0 20px 0;
}

@media only screen and (max-width: 640px) {
    .subCntLine {
        border: none;
        padding: 0;
        margin: 0 0 5px 0;
    }
}

.subCntLine h4 {
    font-weight: bold;
}

#subContentsLeft h3 {
    background: url(../images/sitegaide.gif) 0 50% no-repeat;
    padding: 0 0 0 25px;
    font-weight: bold;
}

@media only screen and (max-width: 640px) {
    #subContentsLeft h3 {
        background: url(../images/sitegaide.gif) 0 50% no-repeat;
        padding: 10px 0 0 25px;
        font-weight: bold;
        clear: both;
    }
}

.subCntLine ul li {
    line-height: 16px;
}

.subCntLine ul li a {
    color: #313131;
    border-bottom: solid 1px #B3B3B3;
    padding: 0px 0 5px 0;
    margin: 0 0 8px 0;
    color: #000000;
    display: block;
    font-size: 12px;
}

.subCntLine ul li a:hover {
    color: #FF8E00;
}

@media only screen and (max-width: 640px) {
    .subCntLine ul li {
        line-height: 16px;
        background: #FFFFFF url(../images/areabg.jpg) left bottom repeat-x;
        box-shadow: none;
        font-size: 14px;
        font-weight: normal;
        border: solid 1px #F1F1F1;
        margin: 0;
        width: 100%;
        text-align: left;
        text-indent: 0;
        padding: 10px 10px 10px 14px;
    }
    .subCntLine ul li a {
        border-bottom: none;
        padding: 0;
        margin: 0;
        color: #000000;
        display: inline;
        font-size: 14px;
        text-align: left;
        display: block;
    }
}

.scondTitle {
    background: url(../images/titleBg.jpg) left bottom repeat-x;
    border: 1px solid #999999;
    font-size: 18px;
    padding: 10px;
    font-weight: bold;
}

@media only screen and (max-width: 640px) {
    .scondTitle {
        background: url(../images/titleBg.jpg) left bottom repeat-x;
        border: 1px solid #999999;
        font-size: 18px;
        padding: 10px;
        font-weight: bold;
        clear: both;
        margin: 10px 0 0 0;
        clear: both;
    }
}

#subCntLine {
    padding: 8px 2px;
    margin: 0;
}

@media only screen and (max-width: 640px) {
    #subCntLine {
        padding: 8px 2px;
        margin: 0;
    }
}

#subCntLine h4 {
    font-size: 14px;
    padding: 10px 0 8px 5px;
    font-weight: bold;
    display: block;
    border-top: solid 1px #000000;
    color: #000;
    background: #E5E5E5;
    margin: 15px 0 0 0;
}

.qabox01 {
    margin: 10px 0 20px 0;
}

.tokuteiTitle {
    margin: 10px 0 10px 0;
    padding: 0 0 8px 0;
    border-bottom: 1px dotted #C8C8C8;
}

.tokuteiTitle h3 {
    font-weight: bold;
    font-size: 14px;
}

.qabox01_01 {
    margin: 10px 0 20px 0;
}

.qabox01 h3 {
    padding: 5px 20px 0 30px;
    margin: 0;
    font-size: 14px;
    font-weight: bold;
    text-indent: -1em;
}

@media only screen and (max-width: 640px) {
    .qabox01 h3 {
        padding: 5px 10px 0 15px;
        margin: 0;
        font-size: 14px;
        font-weight: bold;
        text-indent: -1em;
    }
}

.qabox01_01 h3 {
    padding: 5px 20px 0 44px;
    margin: 0;
    font-size: 14px;
    font-weight: bold;
    text-indent: -2em;
}

.qabox02 h3 {
    padding: 5px 20px 5px 25px;
    margin: 0 0 10px 0;
    text-indent: -14px;
    font-size: 14px;
}

@media only screen and (max-width: 640px) {
    .qabox02 h3 {
        padding: 5px 10px 5px 15px;
        margin: 0 0 10px 0;
        text-indent: -14px;
        font-size: 14px;
    }
}

.qaboxTxt {
    font-size: 12px;
    padding: 0 10px 0 0;
    text-indent: -20px;
    margin: 0 0 0 40px;
}

.qaboxTxt03 {
    font-size: 14px;
    padding: 0 10px 0 0;
    margin: 0 0 0 30px;
}

@media only screen and (max-width: 640px) {
    .qaboxTxt03 {
        font-size: 14px;
        padding: 0 10px 0 0;
        margin: 0;
    }
}

.qaboxTxt02 {
    font-size: 14px;
    padding: 0 10px 0 0;
    margin: 0 0 0 20px;
}

@media only screen and (max-width: 640px) {
    .qaboxTxt02 {
        font-size: 14px;
        padding: 0 5px 0 0;
        margin: 0 0 0 10px;
    }
}

p#kiyaku {
    font-size: 14px;
    margin: 0 10px;
}

@media only screen and (max-width: 640px) {
    p#kiyaku {
        font-size: 14px;
        margin: 0 5px;
    }
}

.tokuteiTxt {
    font-size: 12px;
    padding: 0 10px 0 0;
    margin: 0;
    line-height: 16px;
}


/*----------------------------------
会社概要
----------------------------------*/

.guidelineTxt {
    font-size: 14px;
    padding: 0 10px 20px 20px;
    text-indent: -16px;
    margin: 20px 0 0 16px;
    display: block;
    border-bottom: dotted 1px #878787;
}

#companyTable {
    width: 100%;
    border-left: solid 1px #B3B3B3;
    border-top: solid 1px #B3B3B3;
}

#companyTable tr td {
    border-right: solid 1px #B3B3B3;
    border-bottom: solid 1px #B3B3B3;
    padding: 10px;
}

td.comLeft {
    width: 30%;
    background: #E6E6E6;
    font-size: 14px;
}

td.comRight {
    width: 70%;
    font-size: 14px;
}


/*----------------------------------
用語集
----------------------------------*/

.wordCntLine {
    padding: 10px;
    border: 1px solid #B3B3B3;
    margin: 10px 0 0 0;
}

@media only screen and (max-width: 640px) {
    .wordCntLine {
        padding: 10px;
        border: 1px solid #B3B3B3;
        margin: 10px 0 10px 0;
    }
}

.wordCntLine h3 {
    font-size: 16px;
    font-weight: bold;
    color: #FB6747;
}

.wordCntLine h4 {
    border-bottom: dotted 1px #000000;
    border-left: solid 5px #000000;
    padding: 0 0 5px 8px;
    font-size: 14px;
    margin: 10px 0 0 0;
}

.wordCntLine p {
    font-size: 14px;
    line-height: 18px;
    margin: 10px 0 0 10px;
}


/*----------------------------------
=10　カレンダー検索方法
----------------------------------*/

.calCntLine {
    padding: 10px;
    border: 1px solid #B3B3B3;
    margin: 10px 0 0 0;
}

.calCntLine h3 {
    font-size: 18px;
    font-weight: bold;
    color: #FB6747;
}

.calCntLine h4 {
    border-bottom: dotted 1px #000000;
    border-left: solid 5px #FE9929;
    padding: 0 0 5px 8px;
    font-size: 14px;
    font-weight: bold;
    margin: 20px 0 0 0;
}

.calCntLine p {
    font-size: 14px;
    line-height: 18px;
    margin: 10px 0 0 20px;
    text-indent: -18px;
}


/*----------------------------------
いいものワルイモノ
----------------------------------*/

#iimonoTitle {
    background: #A6D854 url(../images/iimonoBg.jpg) 13px 13px no-repeat;
    border-radius: 6px;
    /* CSS3草案 */
    -webkit-border-radius: 6px;
    /* Safari,Google Chrome用 */
    -moz-border-radius: 6px;
    /* Firefox用 */
    height: 80px;
    padding: 13px;
}

@media only screen and (max-width: 640px) {
    #iimonoTitle {
        background: #A6D854;
        border-radius: 6px;
        /* CSS3草案 */
        -webkit-border-radius: 6px;
        /* Safari,Google Chrome用 */
        -moz-border-radius: 6px;
        /* Firefox用 */
        height: auto;
        padding: 13px;
    }
}

#iimonoTitle h2 {
    font-size: 36px;
    font-weight: bold;
    text-shadow: 1px 0px 0px #fff;
    -moz-box-shadow: text-shadow: 1px 0px 0px #fff;
    -webkit-box-shadow: text-shadow: 1px 0px 0px #fff;
    line-height: 38px;
}

@media only screen and (max-width: 640px) {
    #iimonoTitle h2 {
        font-size: 20px;
        font-weight: bold;
        text-shadow: 1px 0px 0px #fff;
        -moz-box-shadow: text-shadow: 1px 0px 0px #fff;
        -webkit-box-shadow: text-shadow: 1px 0px 0px #fff;
        line-height: 26px;
    }
}

.iimonoTxt02 {
    color: #FF6200;
}

.iimonoTxt03 {
    color: #456B98;
}

.iimonoTxt {
    font-size: 12px;
}

#iimonoMargin {
    margin: 10px 0 0 80px;
}

@media only screen and (max-width: 640px) {
    #iimonoMargin {
        margin: 0;
    }
}

.iimonoprg {
    font-size: 12px;
    line-height: 18px;
    margin: 15px;
}

@media only screen and (max-width: 640px) {
    .iimonoprg {
        font-size: 14px;
        line-height: 18px;
        margin: 5px;
    }
}

.iimonoindex {
    width: 684px;
    margin: 0 auto;
    border: 1px #B1B1B1 solid;
    padding: 10px;
}

@media only screen and (max-width: 640px) {
    .iimonoindex {
        width: 98%;
        margin: 0 auto;
        border: 1px #B1B1B1 solid;
        padding: 10px;
    }
}

.iimonoindex h3 {
    font-weight: bold;
}

.iimonoindex ul li {
    margin: 10px 0;
}

.iimonoindex ul li a {
    text-decoration: underline;
    font-size: 14px;
    padding: 0 0 10px 0;
    border-bottom: 1px #7A7A7A dotted;
    display: block;
}

.iimonoATitle {
    background: #F0E2CE;
    padding: 8px 6px 8px 15px;
    font-size: 16px;
    border-radius: 6px;
    /* CSS3草案 */
    -webkit-border-radius: 6px;
    /* Safari,Google Chrome用 */
    -moz-border-radius: 6px;
    /* Firefox用 */
    font-weight: bold;
}

.iimonoATitle00 {
    background: #F0E2CE;
    padding: 8px 6px 8px 15px;
    font-size: 16px;
    border-radius: 6px;
    /* CSS3草案 */
    -webkit-border-radius: 6px;
    /* Safari,Google Chrome用 */
    -moz-border-radius: 6px;
    /* Firefox用 */
    margin: -10px 0 0 0;
}

.iimonoBox01 {
    margin: 30px 0 0 0;
}

.iimonoATitle02 {
    background: #FF6200;
    color: #FFFFFF;
    font-size: 16px;
    padding: 8px 6px 8px 15px;
    border-radius: 6px;
    /* CSS3草案 */
    -webkit-border-radius: 6px;
    /* Safari,Google Chrome用 */
    -moz-border-radius: 6px;
    /* Firefox用 */
    margin: 0;
}

.iimonoATitle002 {
    background: #FF6200;
    color: #FFFFFF;
    font-size: 16px;
    padding: 8px 6px 8px 15px;
    border-radius: 6px;
    /* CSS3草案 */
    -webkit-border-radius: 6px;
    /* Safari,Google Chrome用 */
    -moz-border-radius: 6px;
    /* Firefox用 */
}

.iimonoATitle03 {
    background: #073A75;
    color: #FFFFFF;
    font-size: 16px;
    padding: 8px 6px 8px 15px;
    border-radius: 6px;
    /* CSS3草案 */
    -webkit-border-radius: 6px;
    /* Safari,Google Chrome用 */
    -moz-border-radius: 6px;
    /* Firefox用 */
    margin: 0;
}

.iimonoBox01 p {
    font-size: 14px;
    line-height: 18px;
    margin: 10px 20px;
}

@media only screen and (max-width: 640px) {
    .iimonoBox01 p {
        font-size: 14px;
        line-height: 21px;
        margin: 5px;
    }
}


/*----------------------------------
=12　常設フリマについて
----------------------------------*/

#josetuTitle {
    background: #FFCC00 url(../images/icnbg.jpg) 23px 23px no-repeat;
    border-radius: 6px;
    /* CSS3草案 */
    -webkit-border-radius: 6px;
    /* Safari,Google Chrome用 */
    -moz-border-radius: 6px;
    /* Firefox用 */
    padding: 13px;
}

@media only screen and (max-width: 640px) {
    #josetuTitle {
        background: #FFCC00;
        border-radius: 6px;
        /* CSS3草案 */
        -webkit-border-radius: 6px;
        /* Safari,Google Chrome用 */
        -moz-border-radius: 6px;
        /* Firefox用 */
        padding: 10px;
    }
}

#josetuTitle h2 {
    font-size: 36px;
    font-weight: bold;
    text-shadow: 1px 0px 0px #fff;
    -moz-box-shadow: text-shadow: 1px 0px 0px #fff;
    -webkit-box-shadow: text-shadow: 1px 0px 0px #fff;
    line-height: 38px;
}

@media only screen and (max-width: 640px) {
    #josetuTitle h2 {
        font-size: 20px;
        font-weight: bold;
        text-shadow: 1px 0px 0px #fff;
        -moz-box-shadow: text-shadow: 1px 0px 0px #fff;
        -webkit-box-shadow: text-shadow: 1px 0px 0px #fff;
        line-height: 18px;
    }
}

.josetuTxt {
    font-size: 14px;
    line-height: 20px;
}

#josetuBox {
    width: 733px;
    margin: 0 auto;
}

@media only screen and (max-width: 640px) {
    #josetuBox {
        width: 100%;
        margin: 0 auto;
    }
}

.josetuhurimaBox {
    margin: 20px 0;
}

h3.furimaMidashi {
    border-left: dotted 1px #000000;
    padding: 3px 0 3px 15px;
    font-size: 18px;
    font-weight: bold;
}

p.furimaTxt {
    margin: 10px 0 0 40px;
    line-height: 22px
}

@media only screen and (max-width: 640px) {
    p.furimaTxt {
        margin: 10px 0 0 5px;
        line-height: 22px
    }
}

.josetubox02 {
    width: 468px;
    margin: 10px auto;
}

@media only screen and (max-width: 640px) {
    .josetubox02 {
        width: 100%;
        margin: 10px auto;
    }
}

.josetubox03 {
    background: #FFCC00;
    padding: 15px;
}

.josetubox03 h4 {
    font-size: 16px;
    font-weight: bold;
    text-shadow: 1px 0px 0px #000;
    -moz-box-shadow: text-shadow: 1px 0px 0px #000;
    -webkit-box-shadow: text-shadow: 1px 0px 0px #000;
    margin: 0 0 5px 0;
}

p.josetsutxt01 {
    font-size: 14px;
}

.josetubgArrows {
    text-align: center;
}

.josetubgArrows img {
    text-align: center;
    width: 42px !important;
}

@media only screen and (max-width: 640px) {
    .josetubox02 .josetubgArrows img {
        width: 42px !important;
    }
}

.furimaTitle03 {
    display: block;
    font-size: 36px;
    font-weight: bold;
    color: #F81C4D;
    line-height: 40px;
    margin: 20px 15px;
}

.josetuTitleBox {
    border-left: solid 3px #073A75;
    padding: 0 0 0 10px;
    font-size: 20px;
    margin: 20px 0;
}

.josetuTitleBox a {
    text-decoration: underline;
    margin: 10px 0 0 0;
}

.josetuTitleBox02 {
    border-left: solid 3px #073A75;
    padding: 0 0 0 10px;
    font-size: 20px;
    margin: 10px 30px 10px 40px;
}

@media only screen and (max-width: 640px) {
    .josetuTitleBox02 {
        border-left: solid 3px #073A75;
        padding: 0 0 0 10px;
        font-size: 20px;
        margin: 10px 5px 10px 15px;
    }
}

.josetuTitleBox02 a {
    text-decoration: underline;
    margin: 10px 0 0 10px;
}

.josetuTitleBox02 p {
    font-size: 14px;
    line-height: 18px;
}

.josetuTitleBox02 h4 {
    font-size: 14px;
    font-weight: bold;
}

.josetubox001 {
    border-top: dotted 1px #747474;
    padding: 10px 0 0 0;
    width: 670px;
    margin: 10px auto 0 auto;
}

.josetubox001 h3 {
    padding: 5px 0 5px 15px;
    border-left: dotted 1px #000000;
    display: block;
    margin: 0 0 0 70px;
    font-weight: bold;
}

.josetubox0001 h3 {
    padding: 5px 0 5px 15px;
    border-left: dotted 1px #000000;
    display: block;
    margin: 0 0 0 64px;
    font-weight: bold;
}

@media only screen and (max-width: 640px) {
    .josetubox0001 h3 {
        padding: 5px 0 5px 57px;
        border-left: dotted 1px #000000;
        display: block;
        margin: 0;
        font-weight: bold;
    }
}

.josetubox002 h3 {
    padding: 5px 0 5px 15px;
    border-left: dotted 1px #000000;
    display: block;
    margin: 0 0 0 70px;
    font-weight: bold;
}

.josetubox0002 h3 {
    padding: 5px 0 5px 15px;
    border-left: dotted 1px #000000;
    display: block;
    margin: 0 0 0 10px;
    font-weight: bold;
}

.josetubox003 h3 {
    padding: 5px 0 5px 15px;
    border-left: dotted 1px #000000;
    display: block;
    margin: 0 0 0 70px;
    font-weight: bold;
}

.josetubox0003 h3 {
    padding: 5px 0 5px 15px;
    border-left: dotted 1px #000000;
    display: block;
    margin: 0 0 0 10px;
    font-weight: bold;
}

.josetuTitle001 {
    background: url(../images/step01.gif) 0 50% no-repeat;
}

.josetuTitleStep02bg {
    background: url(../images/step02.gif) 0 50% no-repeat;
}

.josetuTitleStep03bg {
    background: url(../images/step03.gif) 0 50% no-repeat;
}

.josetuTitle002 {
    background: url(../images/step02.gif) 0 50% no-repeat;
}

.josetuTitle003 {
    background: url(../images/step03.gif) 0 50% no-repeat;
}

.josetuTitle004 h4 {
    padding: 5px 0 5px 10px;
    border-left: dotted 1px #000000;
    display: block;
    margin: 10px 0 10px 40px;
}

.josetuTitle002 {
    width: 670px;
    margin: 10px auto;
}

@media only screen and (max-width: 640px) {
    .josetuTitle004 h4 {
        padding: 5px 0 5px 10px;
        border-left: dotted 1px #000000;
        display: block;
        margin: 10px 0 10px 0;
        font-weight: bold;
    }
    .josetuTitle002 {
        width: 100%;
        margin: 10px auto;
        background: none;
        text-align: left;
    }
}

.josetuTitle0002 {
    width: 670px;
    margin: 10px auto;
}

@media only screen and (max-width: 640px) {
    .josetuTitle0002 {
        width: 100%;
        margin: 10px auto;
    }
}

.josetuTitle005 {
    width: 630px;
    margin: 10px auto;
}

.josetubox001right {
    width: 409px;
    float: right;
    font-size: 14px;
    line-height: 18px;
}

@media only screen and (max-width: 640px) {
    .josetuTitle005 {
        width: 100%;
        margin: 10px auto;
    }
    .josetubox001right {
        width: 100%;
        float: none;
        font-size: 14px;
        line-height: 18px;
        margin: 10px 0 10px 0;
    }
}

.josetubox002right {
    width: 400px;
    float: right;
    font-size: 14px;
    line-height: 18px;
}

@media only screen and (max-width: 640px) {
    .josetubox002right {
        width: 100%;
        float: none;
        font-size: 16px;
        line-height: 24px;
    }
}

.josetubox003right {
    width: 640px;
    font-size: 14px;
    line-height: 18px;
    margin: 0 auto;
}

@media only screen and (max-width: 640px) {
    .josetubox003right {
        width: 100%;
        font-size: 16px;
        line-height: 24px;
        margin: 0 auto;
    }
}

.josetubox001right h4 {
    color: #FE463B;
    margin: 10px 0 0 0;
}

.josetubox001left {
    width: 247px;
    float: left;
}

@media only screen and (max-width: 640px) {
    .josetubox001left {
        width: 100%;
        float: none;
        text-align: center;
    }
}

.josetubox002left {
    width: 208px;
    float: left;
}

@media only screen and (max-width: 640px) {
    .josetubox002left {
        width: 100%;
        float: none;
        text-align: center;
    }
}

.jTS02 {
    width: 720px;
    margin: 20px auto;
}

.jTS002 {
    width: 660px;
    margin: 20px auto;
}

@media only screen and (max-width: 640px) {
    .jTS02 {
        width: 100%;
        margin: 10px auto;
    }
    .jTS002 {
        width: 100%;
        margin: 10px auto;
    }
}

.jTS01 {
    margin: 20px 0;
}

.jTS01 h3 {
    display: block;
    background: #FFCC00;
    font-size: 18px;
    font-weight: bold;
    padding: 8px;
    border-radius: 3px;
    /* CSS3草案 */
    -webkit-border-radius: 3px;
    /* Safari,Google Chrome用 */
    -moz-border-radius: 3px;
    /* Firefox用 */
    margin: 0 23px;
}

@media only screen and (max-width: 640px) {
    .jTS01 h3 {
        display: block;
        background: #FFCC00;
        font-size: 18px;
        font-weight: bold;
        padding: 8px;
        border-radius: 3px;
        /* CSS3草案 */
        -webkit-border-radius: 3px;
        /* Safari,Google Chrome用 */
        -moz-border-radius: 3px;
        /* Firefox用 */
        margin: 0;
    }
}

.jTS02 h3 {
    display: block;
    background: #FFCC00;
    font-size: 18px;
    font-weight: bold;
    padding: 6px;
    border-radius: 3px;
    /* CSS3草案 */
    -webkit-border-radius: 3px;
    /* Safari,Google Chrome用 */
    -moz-border-radius: 3px;
    /* Firefox用 */
    margin: 0 0 0 10px;
}

@media only screen and (max-width: 640px) {
    .jTS02 h3 {
        display: block;
        background: #FFCC00;
        font-size: 18px;
        font-weight: bold;
        padding: 6px;
        border-radius: 3px;
        /* CSS3草案 */
        -webkit-border-radius: 3px;
        /* Safari,Google Chrome用 */
        -moz-border-radius: 3px;
        /* Firefox用 */
        margin: 0;
    }
}

.jTS02Left {
    float: left;
    width: 198px;
}

.jTS02Right {
    float: right;
    width: 446px;
}

@media only screen and (max-width: 640px) {
    .jTS02Left {
        float: none;
        width: 100%;
        text-align: center;
    }
    .jTS02Right {
        float: none;
        width: 100%;
    }
}

#jTS03Tbox {
    width: 90%;
    margin: 15px 20px;
}

#jTS03Tbox {
    border-left: solid 1px #999999;
    border-top: solid 1px #999999;
}

#jTS03Tbox td {
    width: 33%;
    border-right: solid 1px #999999;
    border-bottom: solid 1px #999999;
}

td.jTSTitle {
    text-align: center;
    font-size: 16px;
    font-weight: bold;
    padding: 10px 0;
    background: #F5F5F5;
}

@media only screen and (max-width: 640px) {
    #jTS03Tbox {
        width: 98%;
        margin: 5px;
    }
    #jTS03Tbox td {
        width: 33%;
        border-right: solid 1px #999999;
        border-bottom: solid 1px #999999;
    }
    td.jTSTitle {
        text-align: center;
        font-size: 14px;
        font-weight: bold;
        padding: 10px 0;
        background: #F5F5F5;
    }
}

.jTSTBox {
    display: block;
    margin: 20px;
}

@media only screen and (max-width: 640px) {
    .jTSTBox {
        display: block;
        margin: 5px;
        font-size: 14px;
        word-break: break-all;
    }
}


/*----------------------------------
=12　初めてのフリマQ&A
----------------------------------*/

#qaTitle {
    background: #FFCB00;
    border-radius: 6px;
    /* CSS3草案 */
    -webkit-border-radius: 6px;
    /* Safari,Google Chrome用 */
    -moz-border-radius: 6px;
    /* Firefox用 */
    padding: 13px;
}

#qaTitle h2 {
    font-size: 36px;
    font-weight: bold;
    text-shadow: 1px 0px 0px #fff;
    -moz-box-shadow: text-shadow: 1px 0px 0px #fff;
    -webkit-box-shadow: text-shadow: 1px 0px 0px #fff;
    line-height: 38px;
}

@media only screen and (max-width: 640px) {
    #qaTitle h2 {
        font-size: 28px;
        font-weight: bold;
        text-shadow: 1px 0px 0px #fff;
        -moz-box-shadow: text-shadow: 1px 0px 0px #fff;
        -webkit-box-shadow: text-shadow: 1px 0px 0px #fff;
        line-height: 30px;
    }
}

#qaoMargin {
    margin: 10px 0 0 30px;
}

@media only screen and (max-width: 640px) {
    #qaoMargin {
        margin: 5px 0 0 5px;
    }
}

.furimaqabox p {
    font-size: 14px;
    line-height: 18px;
}

.furimaqabox {
    margin: 30px 0 0 0;
}


/*----------------------------------
=13　戦利品自慢
----------------------------------*/

#senrihinTitle {
    background: #A6D854 url(../images/bg.jpg) 13px 13px no-repeat;
    border-radius: 6px;
    /* CSS3草案 */
    -webkit-border-radius: 6px;
    /* Safari,Google Chrome用 */
    -moz-border-radius: 6px;
    /* Firefox用 */
    height: 80px;
    padding: 13px;
}

@media only screen and (max-width: 640px) {
    #senrihinTitle {
        background: #A6D854 url(../images/bg.jpg) 13px 0px no-repeat;
        border-radius: 6px;
        /* CSS3草案 */
        -webkit-border-radius: 6px;
        /* Safari,Google Chrome用 */
        -moz-border-radius: 6px;
        /* Firefox用 */
        height: none;
        padding: 13px;
    }
}

#senrihinTitle h2 {
    font-size: 36px;
    font-weight: bold;
    text-shadow: 1px 0px 0px #fff;
    -moz-box-shadow: text-shadow: 1px 0px 0px #fff;
    -webkit-box-shadow: text-shadow: 1px 0px 0px #fff;
    line-height: 38px;
}

@media only screen and (max-width: 640px) {
    #senrihinTitle h2 {
        font-size: 20px;
        font-weight: bold;
        text-shadow: 1px 0px 0px #fff;
        -moz-box-shadow: text-shadow: 1px 0px 0px #fff;
        -webkit-box-shadow: text-shadow: 1px 0px 0px #fff;
        line-height: 22px;
    }
}

#senrihinMargin {
    margin: 20px 0 0 80px;
}

@media only screen and (max-width: 640px) {
    #senrihinMargin {
        margin: 2px 0 0 78px;
    }
}

.SPDBox02 {
    width: 225px;
    float: left;
}

.SPDBox02in {
    width: 215px;
    border: 1px solid #999;
    background: url(../images/dotto.gif) 50% 5% no-repeat;
}

.SPDBox03in {
    width: 215px;
    border: 1px solid #999;
    background: url(../images/dotto.gif) 50% 5% no-repeat;
}

.SPDBox04in {
    width: 215px;
    border: 1px solid #999;
    background: url(../images/dotto.gif) 50% 5% no-repeat;
}

.SPDBox05in {
    width: 215px;
    border: 1px solid #999;
    background: url(../images/dotto.gif) 50% 5% no-repeat;
}

.SPDBox06in {
    width: 215px;
    border: 1px solid #999;
    background: url(../images/dotto.gif) 50% 5% no-repeat;
}

.SPDBox07in {
    width: 215px;
    border: 1px solid #999;
    background: url(../images/dotto.gif) 50% 5% no-repeat;
}

.SPDBox08in {
    width: 215px;
    border: 1px solid #999;
    background: url(../images/dotto.gif) 50% 5% no-repeat;
}

@media only screen and (max-width: 640px) {
    .SPDBox02 {
        width: 100%;
        float: none;
        margin: 0 0 10px 0;
    }
    .SPDBox02in {
        width: 100%;
        border: 1px solid #999;
        background: url(../images/dotto.gif) 50% 5% no-repeat;
    }
    .SPDBox03in {
        width: 100%;
        border: 1px solid #999;
        background: url(../images/dotto.gif) 50% 5% no-repeat;
    }
    .SPDBox04in {
        width: 100%;
        border: 1px solid #999;
        background: url(../images/dotto.gif) 50% 5% no-repeat;
    }
    .SPDBox05in {
        width: 100%;
        border: 1px solid #999;
        background: url(../images/dotto.gif) 50% 5% no-repeat;
    }
    .SPDBox06in {
        width: 100%;
        border: 1px solid #999;
        background: url(../images/dotto.gif) 50% 5% no-repeat;
    }
    .SPDBox07in {
        width: 100%;
        border: 1px solid #999;
        background: url(../images/dotto.gif) 50% 5% no-repeat;
    }
    .SPDBox08in {
        width: 100%;
        border: 1px solid #999;
        background: url(../images/dotto.gif) 50% 5% no-repeat;
    }
}

.SPHBox01 {
    margin: 30px 0 0 0;
}

.SPHBox01 p {
    margin: 30px 10px 10px 10px;
    font-size: 14px;
    line-height: 16px;
}

.SPHBox02 {
    margin: 30px 0 0 0;
}

.SPHBox02 p {
    margin: 10px;
    font-size: 14px;
    line-height: 18px;
}

.SPDBox02in p {
    display: block;
    background: url(../images/tokubg.gif) right bottom no-repeat;
}

.SPDBox03in p {
    display: block;
    background: url(../images/tokubg.gif) right bottom no-repeat;
}

.SPDBox04in p {
    display: block;
    background: url(../images/tokubg.gif) right bottom no-repeat;
}

.SPDBox05in p {
    display: block;
    background: url(../images/tokubg.gif) right bottom no-repeat;
}

.SPDBox06in p {
    display: block;
    background: url(../images/tokubg.gif) right bottom no-repeat;
}

.SPDBox07in p {
    display: block;
    background: url(../images/tokubg.gif) right bottom no-repeat;
}

.SPDBox08in p {
    display: block;
    background: url(../images/sonbg.gif) right bottom no-repeat;
}

.shippaidanBox {
    margin: 15px 10px 10px 20px;
}

@media only screen and (max-width: 640px) {
    .shippaidanBox {
        margin: 5px;
    }
}


/*----------------------------------
リポート
----------------------------------*/

#reportBox {
    width: 100%;
    border: 1px solid #E6E6E6;
    clear: both;
    margin: 20px 0 0 0;
}

@media only screen and (max-width: 640px) {
    #reportBox {
        width: 100%;
        border: none;
        clear: both;
        margin: 5px 0 0 0;
    }
}

h3.reportTitle {
    display: block;
    padding: 10px 10px 10px 40px;
    background: #FC4E32 url(/report/images/bg01.gif) 10px 8px no-repeat;
    background-size: 26px auto;
    -moz-background-size: 26px auto;
    -webkit-background-size: 26px auto;
    -o-background-size: 26px auto;
    -ms-background-size: 26px auto;
    color: #fff;
    font-size: 16px;
    border: 1px solid #fff;
    margin: 0 0 15px 0;
}

h3.searchThicBoxTitle {
    display: block;
    padding: 10px 0 10px 40px;
    background: #FC4E32 url(/report/images/bg01.gif) 10px 8px no-repeat;
    background-size: 26px auto;
    -moz-background-size: 26px auto;
    -webkit-background-size: 26px auto;
    -o-background-size: 26px auto;
    -ms-background-size: 26px auto;
    color: #fff;
    font-size: 16px;
    border: 1px solid #fff;
    margin: 0 0 15px 0;
}


/* IE8 */

html>
/**/

body h3.reportTitle {
    background: /*\**/
    #FC4E32 url(/report/images/bg01_sm.gif) 10px 8px no-repeat\9;
}


/* IE8 */

html>
/**/

body h3.searchThicBoxTitle {
    background: /*\**/
    #FC4E32 url(/report/images/bg01_sm.gif) 10px 8px no-repeat\9;
}

h3.reportTitle a {
    color: #FFFFFF;
    text-decoration: underline;
}

.reportBox02Left {
    width: 148px;
    float: left;
    margin: 0 20px 0 0;
}

.reportBox02Left img {
    border-radius: 15px;
    /* CSS3草案 */
    -webkit-border-radius: 15px;
    /* Safari,Google Chrome用 */
    -moz-border-radius: 15x;
    /* Firefox用 */
    display: block;
    width: 100%;
}

@media only screen and (max-width: 640px) {
    .reportBox02Left {
        width: 100%;
        float: none;
        text-align: center;
    }
}

.reportBox002Left {
    width: 148px;
    float: left;
    margin: 0 20px 0 0;
}

.reportBox002Left a {
    display: block;
    width: 100%;
}

.reportBox002Left img {
    border-radius: 15px;
    /* CSS3草案 */
    -webkit-border-radius: 15px;
    /* Safari,Google Chrome用 */
    -moz-border-radius: 15px;
    /* Firefox用 */
    display: block;
    width: 100%;
}

@media only screen and (max-width: 640px) {
    .reportBox002Left {
        width: 100%;
        float: none;
        text-align: center;
    }
}

.reportBox02Right {
    overflow: hidden;
    margin: 0 0 15px 0;
}

.reportBox02Right a h2 {
    text-decoration: underline;
}

.reportBox02Right a p.rBTxt01data {
    color: #000000;
}

.reportBox02Right a p.rBTxt01 {
    color: #000000;
}

@media only screen and (max-width: 640px) {
    .reportBox02Right {
        width: 100%;
        float: none;
        clear: both;
    }
    .reportBox02Right a {
        color: #000000;
    }
}

.reportBox02 {
    margin: 0 10px 15px 10px;
    border-bottom: dotted 1px #8A8A8A;
    padding: 10px 0;
}


/*編集部のおすすめのみ*/

#df_osusume .reportBox02 {
    margin: 0 20px;
}

#df_osusume .reportBox02Right {
    margin: 0;
}

#df_osusume .reportBox02Right h4.yellowArrow {
    padding: 0 0 0 20px;
    font-size: 16px;
}

#df_osusume .categoryInfo {
    font-size: 14px;
    padding: 0 0 0 20px;
}

#df_osusume .reportBox002Left {
    margin: 0 10px 0 0;
}

#df_osusume .reportBox02Right h2 {
    font-size: 22px;
    line-height: 26px;
    margin: 0;
}

#df_osusume p.rBTxt01 {
    margin: 5px 0 0 0;
}

@media only screen and (max-width: 640px) {
    .reportBox02 {
        margin: 5px 0 5px 5px;
        border-bottom: solid 1px #8A8A8A;
        padding: 5px 0;
    }
}

p.rBTxt01data {
    font-size: 12px;
    margin: 5px 0 0 0;
}

@media only screen and (max-width: 640px) {
    p.rBTxt01data {
        font-size: 12px;
        margin: 5px 0 5px 0;
        padding: 2px;
        border: 1px dotted #BFBFBF;
    }
}

p.rBTxt01 {
    font-size: 16px;
    margin: 10px 0 0 0;
}

a .moreRB {
    display: block;
    background: #F7F0E6 url(../../report/images/icnarrows.gif) 90% 50% no-repeat;
    padding: 5px 0;
    text-align: center;
    color: #666666;
    font-size: 12px;
    width: 30%;
    margin: 5px 0 0 0;
}

.moreRB a {
    display: block;
    background: #F7F0E6 url(../../report/images/icnarrows.gif) 90% 50% no-repeat;
    padding: 5px 0;
    text-align: center;
    color: #666666;
    font-size: 12px;
    width: 200px;
    margin: 5px 0 0 0;
}

@media only screen and (max-width: 640px) {
    a .moreRB {
        display: block;
        background: #F7F0E6 url(../../report/images/icnarrows.gif) 90% 50% no-repeat;
        text-align: center;
        color: #666666;
        font-size: 12px;
        width: 100%;
        margin: 5px 0 10px 0;
        padding: 5px 0 10px 0;
    }
    .moreRB a {
        display: block;
        background: #F7F0E6 url(../../report/images/icnarrows.gif) 90% 50% no-repeat;
        text-align: center;
        color: #666666;
        font-size: 12px;
        width: 100%;
        margin: 5px 0 10px 0;
        padding: 5px 0 10px 0;
    }
}

.reportBox02Right h2 {
    font-size: 22px;
    line-height: 26px;
    margin: 0 0 14px 0;
}

@media only screen and (max-width: 640px) {
    .reportBox02Right h2 {
        font-size: 22px;
        margin: 5px;
        font-weight: bold;
    }
}

.paging {
    width: 100%;
    margin: 100px 0 30px 150px;
}

.paging a {
    display: block;
    text-align: center;
    padding: 3px 0;
    box-shadow: 0px 0px 4px #000;
    -moz-box-shadow: box-shadow: 1px 0px 0px #000;
    -webkit-box-shadow: box -shadow: 1px 0px 0px #000;
    width: 5%;
    font-size: 14px;
    float: left;
    margin: 0 10px 0 0;
}

a.PGnow {
    background: #888888;
    color: #FFFFFF;
}

@media only screen and (max-width: 640px) {
    .paging {
        width: 100%;
        margin: 20px 0 10px 10px;
    }
    .paging a {
        display: block;
        text-align: center;
        padding: 3px 0;
        box-shadow: 0px 0px 4px #000;
        -moz-box-shadow: box-shadow: 1px 0px 0px #000;
        -webkit-box-shadow: box -shadow: 1px 0px 0px #000;
        width: 8%;
        font-size: 14px;
        float: left;
        margin: 0 5px 10px 0;
    }
    a.PGnow {
        background: #888888;
        color: #FFFFFF;
    }
}

.sns03 {
    margin: 0 0 10px 0;
    width: 99%;
}

@media only screen and (max-width: 640px) {
    .sns03 {
        margin: 10px 0;
        width: 99%;
    }
}

.reprtDetail {
    margin: 10px;
}

.repartData {
    margin: 10px;
    font-size: 14px;
    text-align: right;
}

.reportHonbun p {
    font-size: 16px;
    line-height: 20px;
}

.reportHonbun {
    margin: 5px;
    font-size: 16px;
    overflow: hidden;
    padding: 10px 0;
}

.reportHonbun a {
    text-decoration: underline;
}

.reportHonbun h3 {
    font-size: 16px;
}

.RBcornerEventRight03 {
    float: right;
    width: 63%;
    height: 56px;
    line-height: 18px;
    background: url(../images/iconArrwos_small.png) 100% 100% no-repeat;
    background-size: 12px auto;
    -moz-background-size: 12px auto;
    -webkit-background-size: 12px auto;
    -o-background-size: 12px auto;
    -ms-background-size: 12px auto;
    padding: 0 0 5px 0;
}

html>
/**/

body .RBcornerEventRight03 {
    background: /*\**/
    url(../images/iconArrwos_small_sm.png) 100% 100% no-repeat\9;
}

.RBcornerEventLeft {
    width: 105px;
    float: left;
}

.RBcornerEvent {
    padding: 5px;
}

.reportBox03 {
    margin: 0 10px 0 30px;
    padding: 0 0 15px 0;
}

.RBcornerEventLeft00 {
    border: dotted 1px #646464;
    padding: 10px;
    margin: 0 10px 0 0;
    width: 300px;
    float: left;
}

.reportATitle {
    background: #F0E2CE;
    padding: 8px 6px 8px 15px;
    font-size: 16px;
    border-radius: 6px;
    /* CSS3草案 */
    -webkit-border-radius: 6px;
    /* Safari,Google Chrome用 */
    -moz-border-radius: 6px;
    /* Firefox用 */
    font-weight: bold;
    margin: 0 10px 10px 10px;
}

.reportHonbun img {
    margin: 0 0 10px 0;
    height: auto;
    max-width: 100%;
}


/*----------------------------------
イベントランキング&最近閲覧したイベント
----------------------------------*/

#eventRankingBox {
    margin: 25px;
    border-top: dotted 1px #989898;
}

@media only screen and (max-width: 640px) {
    #eventRankingBox {
        margin: 0;
    }
}

.eventRanking {
    border-bottom: dotted 1px #989898;
    padding: 10px 0 10px 0;
}

@media only screen and (max-width: 640px) {
    .eventRanking {
        border-bottom: dotted 1px #989898;
        padding: 5px;
    }
}

.eventRankingLeft p.rank01 {
    background: url(/eventranking/images/rank01.png) 50% 0 no-repeat;
    font-family: Arial, Helvetica, sans-serif;
    font-weight: bold;
    color: #FFFFFF;
    text-align: center;
    padding: 15px 10px 10px 10px;
}

.eventRankingLeft p.rank02 {
    background: url(/eventranking/images/rank02.png) 50% 0 no-repeat;
    font-family: Arial, Helvetica, sans-serif;
    font-weight: bold;
    color: #FFFFFF;
    text-align: center;
    padding: 15px 10px 10px 10px;
}

.eventRankingLeft p.rank03 {
    background: url(/eventranking/images/rank03.png) 50% 0 no-repeat;
    font-family: Arial, Helvetica, sans-serif;
    font-weight: bold;
    color: #FFFFFF;
    text-align: center;
    padding: 15px 10px 10px 10px;
}

.eventRankingLeft p.rank04 {
    background: url(/eventranking/images/rank04.png) 50% 0 no-repeat;
    font-family: Arial, Helvetica, sans-serif;
    font-weight: bold;
    color: #FFFFFF;
    text-align: center;
    padding: 12px 10px 10px 8px;
}

.eventRankingLeft {
    width: 110px;
    float: left;
    padding: 10px 0 0 0;
}

@media only screen and (max-width: 640px) {
    .eventRankingLeft {
        width: 100%;
        float: none;
        padding: 10px 0 0 0;
    }
}

.eventRankingRight {
    width: 602px;
    float: right;
}

@media only screen and (max-width: 640px) {
    .eventRankingRight {
        width: 100%;
        float: none;
    }
}

.eventreadRight {
    width: 100%;
    float: none;
    margin: 0 0 0 10px;
}

@media only screen and (max-width: 640px) {
    .eventreadRight {
        width: 100%;
        float: none;
        margin: 0;
    }
}

.eventRankingArrows a {
    background: url(/eventranking/images/event_arrows.png) 0 50% no-repeat;
    padding: 10px 0 10px 20px;
    text-decoration: underline;
    font-size: 16px;
    display: block;
}

.timeRank {
    font-size: 14px;
}


/*----------------------------------
コミュニティ関係
----------------------------------*/

.editBtnWrap {
    width: 100%;
    text-align: right;
}

.editBtnWrapEntry {
    width: 100%;
    margin: 0 0 0 10px;
}

p.comeditBtn a {
    background: url(/shared/images/comedit.png) 0 50% no-repeat;
    padding: 5px 10px 5px 18px;
    float: left;
    background-size: 15px auto;
    -moz-background-size: 15px auto;
    -webkit-background-size: 15px auto;
    -o-background-size: 15px auto;
    -ms-background-size: 15px auto;
    font-size: 14px;
}


/* IE8 */

html>
/**/

body p.comeditBtn a {
    background: /*\**/
    url(/community/images/comedit_sm.png) 0 50% no-repeat\9;
}

p.comdeleteBtn a {
    background: url(/shared/images/comdelet.png) 0 50% no-repeat;
    padding: 5px 10px 5px 18px;
    float: left;
    background-size: 15px auto;
    -moz-background-size: 15px auto;
    -webkit-background-size: 15px auto;
    -o-background-size: 15px auto;
    -ms-background-size: 15px auto;
    font-size: 14px;
}


/* IE8 */

html>
/**/

body p.comdeleteBtn a {
    background: /*\**/
    url(/community/images/comdelet_sm.png) 0 50% no-repeat\9;
}

.comIconTitle {
    background: #F0E2CE url(/community/images/comunityIcon.gif) 10px 5px no-repeat;
    font-weight: bold;
    padding: 8px 6px 8px 36px;
    font-size: 16px;
    border-radius: 6px;
    /* CSS3草案 */
    -webkit-border-radius: 6px;
    /* Safari,Google Chrome用 */
    -moz-border-radius: 6px;
    /* Firefox用 */
    text-shadow: 1px 0px 0px #fff;
    -moz-box-shadow: text-shadow: 1px 0px 0px #fff;
    -webkit-box-shadow: text-shadow: 1px 0px 0px #fff;
    margin: 5px 0 0 0;
    background-size: 21px auto;
    -moz-background-size: 21px auto;
    -webkit-background-size: 21px auto;
    -o-background-size: 21px auto;
    -ms-background-size: 21px auto;
}

.comIconTitle br {
    display: none;
}

html>
/**/

body .comIconTitle {
    background: /*\**/
    #F0E2CE url(/community/images/comunityIcon_sm.gif) 10px 5px no-repeat\9;
}

@media only screen and (max-width: 640px) {
    .comIconTitle br {
        display: inline;
    }
}

.comIconTitle01 {
    background: #F0E2CE url(/community/images/buybg01.gif) 10px 5px no-repeat;
    font-weight: bold;
    padding: 8px 6px 8px 35px;
    font-size: 16px;
    border-radius: 6px;
    /* CSS3草案 */
    -webkit-border-radius: 6px;
    /* Safari,Google Chrome用 */
    -moz-border-radius: 6px;
    /* Firefox用 */
    text-shadow: 1px 0px 0px #fff;
    -moz-box-shadow: text-shadow: 1px 0px 0px #fff;
    -webkit-box-shadow: text-shadow: 1px 0px 0px #fff;
}

.comIconTitle02 {
    background: #F0E2CE url(/community/images/buybg02.gif) 10px 5px no-repeat;
    font-weight: bold;
    padding: 8px 6px 8px 35px;
    font-size: 16px;
    border-radius: 6px;
    /* CSS3草案 */
    -webkit-border-radius: 6px;
    /* Safari,Google Chrome用 */
    -moz-border-radius: 6px;
    /* Firefox用 */
    text-shadow: 1px 0px 0px #fff;
    -moz-box-shadow: text-shadow: 1px 0px 0px #fff;
    -webkit-box-shadow: text-shadow: 1px 0px 0px #fff;
}

.comIconTitle03 {
    background: #F0E2CE url(/community/images/buybg03.gif) 10px 5px no-repeat;
    font-weight: bold;
    padding: 8px 6px 8px 35px;
    font-size: 16px;
    border-radius: 6px;
    /* CSS3草案 */
    -webkit-border-radius: 6px;
    /* Safari,Google Chrome用 */
    -moz-border-radius: 6px;
    /* Firefox用 */
    text-shadow: 1px 0px 0px #fff;
    -moz-box-shadow: text-shadow: 1px 0px 0px #fff;
    -webkit-box-shadow: text-shadow: 1px 0px 0px #fff;
}

#reportBox02 {
    margin: 12px;
}

@media only screen and (max-width: 640px) {
    #reportBox02 {
        margin: 12px;
    }
}

p.comTxt03 a {
    text-decoration: underline;
    font-size: 14px;
    line-height: 18px;
}

@media only screen and (max-width: 640px) {
    p.comTxt03 a {
        text-decoration: underline;
        font-size: 14px;
        line-height: 18px;
        padding: 0 20px 0 0;
        margin: 0 10px 0 0;
    }
}

p.comTxt02 {
    font-size: 14px;
}

.comhatugenBox {
    margin: 0 5px 0 5px;
    background: url(/community/images/communityArrow.fw.png) 1% 50% no-repeat;
    padding: 5px 0 5px 30px;
    background-size: 16px auto;
    -moz-background-size: 16px auto;
    -webkit-background-size: 16px auto;
    -o-background-size: 16px auto;
    -ms-background-size: 16px auto;
}

html>
/**/

body .comhatugenBox {
    background: /*\**/
    url(/community/images/communityArrow.fw_sm.png) 1% 50% no-repeat\9;
}

.comhatugenBox {
    width: 674px;
    float: left;
}


/*掲示板、買い物レビュー限定*/

.communityListParts .comunityIBoxR {
    width: 111px;
    float: right;
}

.communityListParts .comunityIBoxR img {
    width: 93px;
    height: auto;
}

.communityListParts .comhatugenBox {
    overflow: hidden;
    width: auto;
    float: none;
}

@media only screen and (max-width: 640px) {
    .comhatugenBox {
        width: 95%;
        float: none;
        margin: 0;
        background: url(/community/images/communityArrow.fw.png) 1% 50% no-repeat;
        padding: 5px 10px 5px 30px;
        background-size: 16px auto;
        -moz-background-size: 16px auto;
        -webkit-background-size: 16px auto;
        -o-background-size: 16px auto;
        -ms-background-size: 16px auto;
    }
    /* IE8 */
    html>/**/
    body .comhatugenBox {
        background: /*\**/
        url(/community/images/communityArrow.fw_sm.png) 1% 50% no-repeat\9;
    }
}

.comunityIBox {
    margin: 0 10px 0 0;
}

p.comTxt02 {
    font-size: 14px;
    margin: 0 10px 0 0;
}

.comunityIBox h3.buy01 {
    background: #FF4649;
    color: #FFFFFF;
    padding: 2px 0;
    display: block;
    font-size: 12px;
    width: 100px;
    text-align: center;
}

.comunityIBox h3.buy02 {
    background: #00AAA7;
    color: #FFFFFF;
    padding: 2px 0;
    display: block;
    font-size: 12px;
    width: 100px;
    text-align: center;
}

.comunityIBox.detail h3.buy01, .comunityIBox.detail h3.buy02 {
    margin: 0 0 0 12px;
    padding: 6px 18px;
    font-size: 14px;
    display: inline-block;
    font-weight: bold;
    border-radius: 6px;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    width: auto;
}

.comunityIBoxR {
    width: 93px;
    float: right;
}

@media only screen and (max-width: 640px) {
    .comunityIBoxR {
        width: 100%;
        float: none;
        margin: 0;
        text-align: center;
        display: block;
    }
    .comunityIBox h3.buy01 {
        background: #FF4649;
        color: #FFFFFF;
        padding: 2px;
        display: block;
        font-size: 12px;
        width: 100px;
        text-align: center;
    }
    .comunityIBox h3.buy02 {
        background: #00AAA7;
        color: #FFFFFF;
        padding: 2px;
        display: block;
        font-size: 12px;
        width: 100px;
        text-align: center;
    }
}

.comuhatugeBox00 {
    margin: 0 10px;
    border-bottom: dotted 1px #000000;
    padding: 10px 0 10px 0;
}

@media only screen and (max-width: 640px) {
    .comuhatugeBox00 {
        border-bottom: dotted 1px #000000;
        padding: 10px 0 20px 0;
        width: 100%;
        margin: 0 10px 0 0;
    }
}

.comuhatugeBox001 {
    margin: 0 10px;
    border-bottom: dotted 1px #000000;
    padding: 5px 0 5px 0;
}

@media only screen and (max-width: 640px) {
    .comuhatugeBox001 {
        margin: 0;
        border-bottom: dotted 1px #000000;
        padding: 5px 0 5px 0;
    }
}

.moreComu {
    background: #D8D8D8;
    text-align: center;
    padding: 5px 0;
    margin: 0 10px 15px 10px;
}

.moreComu a {
    color: #666666;
    font-size: 14px;
    display: block;
    padding: 8px 0;
    text-shadow: 1px 0px 0px #000;
    -moz-box-shadow: text-shadow: 1px 0px 0px #000;
    -webkit-box-shadow: text-shadow: 1px 0px 0px #000;
}

@media only screen and (max-width: 640px) {
    .moreComu {
        background: #D8D8D8;
        text-align: center;
        padding: 5px 0;
        margin: 0 0 15px 0;
    }
    .moreComu a {
        color: #666666;
        font-size: 14px;
        display: block;
        padding: 8px 0;
        text-shadow: 1px 0px 0px #000;
        -moz-box-shadow: text-shadow: 1px 0px 0px #000;
        -webkit-box-shadow: text-shadow: 1px 0px 0px #000;
    }
}

p.nickname {
    text-align: right;
    font-size: 14px;
    margin: 3px 0;
}

p.comuHatusgen {
    font-size: 14px;
    line-height: 20px;
    margin: 0 5px;
}

.comuImg {
    text-align: center;
    margin: 10px;
}

.comuImg img {
    max-width: 400px;
    max-height: 400px;
    width: auto;
    height: auto;
}

@media only screen and (max-width: 640px) {
    .comuImg img {
        width: auto;
        height: auto;
        max-width: 100%;
        max-height: 100%;
    }
}

.comComentTitle {
    background: #F7F0E6;
    font-weight: bold;
    padding: 8px 6px 8px 8px;
    font-size: 16px;
    border-radius: 6px;
    /* CSS3草案 */
    -webkit-border-radius: 6px;
    /* Safari,Google Chrome用 */
    -moz-border-radius: 6px;
    /* Firefox用 */
    text-shadow: 1px 0px 0px #fff;
    -moz-box-shadow: text-shadow: 1px 0px 0px #fff;
    -webkit-box-shadow: text-shadow: 1px 0px 0px #fff;
    margin: 30px 0 0 0;
}

.comComentBox {
    margin: 10px;
}

p.nicknamecoment {
    font-size: 14px;
    margin: 3px 0;
    background: url(/community/images/commentbg.gif) 0 50% no-repeat;
    padding: 10px 0 10px 30px;
}

.nicknameBox02 {
    background: #E6E6E6;
    padding: 5px;
}

.comentTime {
    font-size: 12px;
}

.hatugenBtn {
    /*border-top: dotted 1px #9B9B9B;*/
    padding: 0px 0 0 0;
    margin: 25px auto 0 auto;
    width: 90%;
}

.hatugenBtn p {
    display: block;
    padding: 10px;
    background: url(/community/images/comentbg.gif) left bottom repeat-x;
    margin: 10px 0;
    text-align: center;
    font-size: 14px;
    font-weight: bold;
    border: 1px solid #A4A4A4;
    border-radius: 6px;
    /* CSS3草案 */
    -webkit-border-radius: 6px;
    /* Safari,Google Chrome用 */
    -moz-border-radius: 6px;
    /* Firefox用 */
}

.hatugenBtn p a {
    color: #000000;
    text-shadow: 1px 0px 0px #fff;
    display: block;
    -moz-box-shadow: text-shadow: 1px 0px 0px #fff;
    -webkit-box-shadow: text-shadow: 1px 0px 0px #fff;
}

.tuuhou p {
    background: url(/community/images/ihanbg.gif) 90% 50% no-repeat;
    display: block;
    margin: 0 0 20px 0;
}

.tuuhou p a {
    text-align: right;
    font-size: 12px;
    color: #FF0004;
    display: block;
}

.tuuhou h4 {
    font-size: 16px;
    font-weight: bold;
    padding: 0 0 0 10px;
}

@media only screen and (max-width: 640px) {
    .tuuhou p {
        background: none;
        display: block;
        text-align: right;
    }
    .tuuhou p a {
        text-align: right;
        font-size: 12px;
        color: #FF0004;
        display: inline;
        background: url(/community/images/ihanbg.gif) left top no-repeat;
        padding: 0 0 0 20px;
    }
}

.ihantuhotxt {
    text-align: left;
    font-size: 14px;
    margin: 10px;
}

ul#cometnowBox li {
    font-size: 12px;
    line-height: 26px;
    padding: 0 0 0 10px;
}

#cometnowBox {
    margin: 10px 0;
}

#comentFormBox {
    margin: 3px;
}

ul#cometnowBox li.formN01 {
    display: block;
    float: left;
    width: 85px;
    background: #F0AF54 url(/community/images/stepbg01.gif) right top no-repeat;
    height: 30px;
    color: #FFF;
}

ul#cometnowBox li.formN02 {
    display: block;
    float: left;
    width: 85px;
    background: #F0E2CE url(/community/images/stepbg02.gif) right top no-repeat;
    height: 30px;
}

ul#cometnowBox li.formN03 {
    display: block;
    float: left;
    width: 85px;
    background: #F0E2CE url(/community/images/stepbg03.gif) right top no-repeat;
    height: 30px;
}

ul#cometnowBox li.formN001 {
    display: block;
    float: left;
    width: 85px;
    background: #F0E2CE url(/community/images/stepbg001.gif) right top no-repeat;
    height: 30px;
    color: #000;
}

ul#cometnowBox li.formN002 {
    display: block;
    float: left;
    width: 85px;
    background: #F0AF54 url(/community/images/stepbg002.gif) right top no-repeat;
    height: 30px;
    color: #fff;
}

ul#cometnowBox li.formN0002 {
    display: block;
    float: left;
    width: 85px;
    background: #F0E2CE url(/community/images/stepbg0001.gif) right top no-repeat;
    height: 30px;
    color: #000;
}

ul#cometnowBox li.formN003 {
    display: block;
    float: left;
    width: 85px;
    background: #F0AF54 url(/community/images/stepbg0002.gif) right top no-repeat;
    height: 30px;
    color: #fff;
}

p.formBoxTxt {
    font-size: 12px;
    line-height: 20px;
    margin: 10px 0;
}

p.formBoxTxt00 {
    font-size: 20px;
    line-height: 28px;
    margin: 40px 0;
    text-align: center;
}

p.formBoxTxt02 {
    font-size: 12px;
    line-height: 20px;
    margin: 10px 0;
    display: block;
    background: #E6E6E6;
    padding: 10px;
    border-radius: 6px;
    /* CSS3草案 */
    -webkit-border-radius: 6px;
    /* Safari,Google Chrome用 */
    -moz-border-radius: 6px;
    /* Firefox用 */
}

#formBoxToko {
    border: 1px solid #CFC5B8;
    padding: 2px;
    margin: 10px;
    overflow: hidden;
}

.hissu {
    color: #FF0004;
    font-size: 10px;
    margin: 4px 0 0 0;
}

.formTitleBg {
    background: #F5EADA;
    padding: 4px 0 4px 10px;
}

.formcoment00 {
    border: 1px solid #C1C1C1;
    padding: 3px;
    background: url(/community/images/formbg.gif) left top repeat-x;
    height: 25px;
    width: 150px;
    font-weight: bold;
    border-radius: 6px;
    /* CSS3草案 */
    -webkit-border-radius: 6px;
    /* Safari,Google Chrome用 */
    -moz-border-radius: 6px;
    /* Firefox用 */
}

.formcoment {
    border: 1px solid #C1C1C1;
    padding: 3px;
    background: url(/community/images/formbg.gif) left top repeat-x;
    height: 25px;
    width: 460px;
    /*font-weight: bold;*/
    border-radius: 6px;
    /* CSS3草案 */
    -webkit-border-radius: 6px;
    /* Safari,Google Chrome用 */
    -moz-border-radius: 6px;
    /* Firefox用 */
    display: block;
}

@media only screen and (max-width: 640px) {
    .formcoment {
        border: 1px solid #C1C1C1;
        padding: 3px;
        background: url(/community/images/formbg.gif) left top repeat-x;
        height: 25px;
        width: 100%;
        font-weight: bold;
        border-radius: 6px;
        /* CSS3草案 */
        -webkit-border-radius: 6px;
        /* Safari,Google Chrome用 */
        -moz-border-radius: 6px;
        /* Firefox用 */
    }
}

.formcoment02 {
    border: 1px solid #C1C1C1;
    padding: 3px;
    background: url(/community/images/formbg.gif) left top repeat-x;
    height: 125px;
    width: 670px;
    /*font-weight: bold;*/
    border-radius: 6px;
    /* CSS3草案 */
    -webkit-border-radius: 6px;
    /* Safari,Google Chrome用 */
    -moz-border-radius: 6px;
    /* Firefox用 */
}

@media only screen and (max-width: 640px) {
    .formcoment02 {
        border: 1px solid #C1C1C1;
        padding: 3px;
        background: url(/community/images/formbg.gif) left top repeat-x;
        height: 125px;
        width: 100%;
        font-weight: bold;
        border-radius: 6px;
        /* CSS3草案 */
        -webkit-border-radius: 6px;
        /* Safari,Google Chrome用 */
        -moz-border-radius: 6px;
        /* Firefox用 */
    }
}

.formMarginbox {
    margin: 15px;
}

.IMGsansho {
    /*width: 60px;*/
    /*height: 30px;*/
    padding: 8px 0;
    margin: 5px 0;
}

.formMarginbox p {
    font-size: 12px;
}

.formTxt002 {
    font-size: 12px;
}

.formBoxTxt02 p a {
    text-decoration: underline;
}

.formBoxIMG {
    margin: 0px;
    text-align: center;
}

.formBoxIMG img {
    max-width: 90% !important;
    max-height: 90% !important;
    width: auto !important;
    height: auto !important;
}

.hatugenBtn00 {
    padding: 10px 0 0 0;
    width: 40%;
    float: left;
}

.hatugenBtn00 p a {
    color: #000000;
    text-shadow: 1px 0px 0px #fff;
    -moz-box-shadow: text-shadow: 1px 0px 0px #fff;
    -webkit-box-shadow: text-shadow: 1px 0px 0px #fff;
}

@media only screen and (max-width: 640px) {
    .formBoxIMG {
        margin: 0px;
        text-align: center;
    }
    .formBoxIMG img {
        max-width: 90%;
        max-height: 90%;
        width: auto;
        height: auto;
    }
    .hatugenBtn00 {
        border-top: none;
        padding: 10px 0 0 0;
        width: 40%;
        float: left;
    }
    .hatugenBtn00 p a {
        color: #000000;
        text-shadow: 1px 0px 0px #fff;
        -moz-box-shadow: text-shadow: 1px 0px 0px #fff;
        -webkit-box-shadow: text-shadow: 1px 0px 0px #fff;
    }
}

.hatugenBtn01 {
    padding: 10px 0 0 0;
    width: 40%;
    float: right;
}

.hatugenBtn01 p a {
    color: #000000;
    text-shadow: 1px 0px 0px #fff;
    -moz-box-shadow: text-shadow: 1px 0px 0px #fff;
    -webkit-box-shadow: text-shadow: 1px 0px 0px #fff;
}

@media only screen and (max-width: 640px) {
    .hatugenBtn01 {
        border-top: none;
        padding: 10px 0 0 0;
        width: 50%;
        float: right;
    }
    .hatugenBtn01 p a {
        color: #000000;
        text-shadow: 1px 0px 0px #fff;
        -moz-box-shadow: text-shadow: 1px 0px 0px #fff;
        -webkit-box-shadow: text-shadow: 1px 0px 0px #fff;
    }
}

.confirmBtn {
    display: block;
    padding: 10px;
    width: 90%;
    background: url(/community/images/comentbg.gif) left bottom repeat-x;
    margin: 10px auto 20px auto;
    text-align: center;
    font-size: 14px;
    font-weight: bold;
    border: 1px solid #A4A4A4;
    border-radius: 6px;
    /* CSS3草案 */
    -webkit-border-radius: 6px;
    /* Safari,Google Chrome用 */
    -moz-border-radius: 6px;
    /* Firefox用 */
    cursor: pointer;
}

.confirmBtn01 {
    display: block;
    padding: 10px;
    background: url(/community/images/comentbg.gif) left bottom repeat-x;
    margin: 10px 0;
    text-align: center;
    font-size: 14px;
    font-weight: bold;
    border: 1px solid #A4A4A4;
    border-radius: 6px;
    /* CSS3草案 */
    -webkit-border-radius: 6px;
    /* Safari,Google Chrome用 */
    -moz-border-radius: 6px;
    /* Firefox用 */
    width: 100%;
    cursor: pointer;
}

.confirmBtn02 {
    display: block;
    padding: 10px;
    background: url(/community/images/comentbg.gif) left bottom repeat-x;
    margin: 10px 0;
    text-align: center;
    font-size: 14px;
    font-weight: bold;
    border: 1px solid #A4A4A4;
    border-radius: 6px;
    /* CSS3草案 */
    -webkit-border-radius: 6px;
    /* Safari,Google Chrome用 */
    -moz-border-radius: 6px;
    /* Firefox用 */
    width: 100%;
    cursor: pointer;
}

.hatugenBtn000 {
    width: 70%;
    margin: 10px auto;
}

p.newTokou {
    font-size: 16px;
    text-align: center;
    margin: 10px 0;
}

.newWadai {
    width: 35%;
    margin: 10px auto;
}

.newWadai p a {
    color: #FFFFFF;
    font-size: 14px;
    padding: 10px;
    text-align: center;
    background: #FB6747 url(/community/images/iconArrorws.png) 90% 50% no-repeat;
    display: block;
}

.newWadai p a:hover {
    background: #FF7A4D url(/community/images/iconArrorws.png) 90% 50% no-repeat;
}

@media only screen and (max-width: 640px) {
    .newWadai {
        width: 95%;
        margin: 10px auto;
    }
    #df_user .newWadai {
        width: 94% !important;
        margin: 20px auto 10px !important;
    }
    .newWadai p a {
        color: #FFFFFF;
        font-size: 14px;
        padding: 10px;
        text-align: center;
        background: #FB6747 url(/community/images/iconArrorws02.png) 90% 50% no-repeat;
        display: block;
        background-size: 13px auto;
        -moz-background-size: 13px auto;
        -webkit-background-size: 13px auto;
        -o-background-size: 13px auto;
        -ms-background-size: 13px auto;
    }
    .newWadai p a:hover {
        background: #FF7A4D url(/community/images/iconArrorws02.png) 90% 50% no-repeat;
        background-size: 13px auto;
        -moz-background-size: 13px auto;
        -webkit-background-size: 13px auto;
        -o-background-size: 13px auto;
        -ms-background-size: 13px auto;
    }
}

.borderTop {
    border-top: dotted 1px #000000;
}

.snsb li {
    float: right;
    list-style-type: none;
    margin-right: 3px;
}

.snsb {
    margin: 10px 0 0 0;
}

@media only screen and (max-width: 640px) {
    .snsb {
        margin: 0 0 0 10px;
    }
    .snsb li {
        float: left;
        list-style-type: none;
        margin-right: 3px;
    }
}


/*----------------------------------
=プレゼント内容
----------------------------------*/

#presentBox {
    margin: 20px;
    line-height: 20px;
    font-size: 14px;
}

.formtxt {
    color: #000000;
    font-size: 10px;
    margin: 4px 0 0 0;
}

@media only screen and (max-width: 640px) {
    .formtxt {
        color: #000000;
        font-size: 10px;
        margin: 0;
        display: block;
    }
}

.formTxt02 {
    font-size: 14px;
    margin: 0 10px 0 0;
}

.new {
    color: #FF0004;
    font-size: 12px;
}


/*----------------------------------
=課金
----------------------------------*/

h2.furimaTitle {
    font-size: 22px;
    text-align: center;
    font-weight: bold;
    margin: 0 0 10px 0;
}

.Forenge {
    color: #FF3700;
}

.comIconKakinTitle {
    background: #a5a5a5;
    /* Old browsers */
    /* IE9 SVG, needs conditional override of 'filter' to 'none' */
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2E1YTVhNSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiM5YjliOWIiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: -moz-linear-gradient(top, #a5a5a5 0%, #9b9b9b 100%);
    /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #a5a5a5), color-stop(100%, #9b9b9b));
    /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #a5a5a5 0%, #9b9b9b 100%);
    /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #a5a5a5 0%, #9b9b9b 100%);
    /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #a5a5a5 0%, #9b9b9b 100%);
    /* IE10+ */
    background: linear-gradient(to bottom, #a5a5a5 0%, #9b9b9b 100%);
    /* W3C */
    filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#a5a5a5', endColorstr='#9b9b9b', GradientType=0);
    /* IE6-8 */
    color: #fff;
    padding: 3px 0 3px 4px;
    font-weight: bold;
    font-size: 14px;
    margin: 10px;
}

.creditBtn a {
    background: #ffffff;
    background: -moz-linear-gradient(top, #ffffff 0%, #e5e5e5 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ffffff), color-stop(100%, #e5e5e5));
    background: -webkit-linear-gradient(top, #ffffff 0%, #e5e5e5 100%);
    background: -o-linear-gradient(top, #ffffff 0%, #e5e5e5 100%);
    background: -ms-linear-gradient(top, #ffffff 0%, #e5e5e5 100%);
    background: linear-gradient(to bottom, #ffffff 0%, #e5e5e5 100%);
    filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#e5e5e5', GradientType=0);
    border-radius: 5px;
    margin: 12px auto 12px;
    border: solid 1px #ccc;
    width: 90%;
    text-align: left;
    cursor: pointer;
    display: block;
    color: #6c6c6c;
    font-weight: bold;
    font-size: 14px;
    text-shadow: 1px 1px 0 #fff;
}

@media only screen and (max-width: 640px) {
    .creditBtn a {
        background: #ffffff;
        background: -moz-linear-gradient(top, #ffffff 0%, #e5e5e5 100%);
        background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ffffff), color-stop(100%, #e5e5e5));
        background: -webkit-linear-gradient(top, #ffffff 0%, #e5e5e5 100%);
        background: -o-linear-gradient(top, #ffffff 0%, #e5e5e5 100%);
        background: -ms-linear-gradient(top, #ffffff 0%, #e5e5e5 100%);
        background: linear-gradient(to bottom, #ffffff 0%, #e5e5e5 100%);
        filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#e5e5e5', GradientType=0);
        border-radius: 5px;
        margin: 12px auto 12px;
        border: solid 1px #ccc;
        width: 90%;
        text-align: center;
        cursor: pointer;
        display: block;
        color: #6c6c6c;
        font-weight: bold;
        font-size: 14px;
        text-shadow: 1px 1px 0 #fff;
    }
}


/*ロゴの大きさ調整*/

.creditBtn.au a {
    padding: 8px 0 7px;
}

.creditBtn.au img {
    height: 30px !important;
}

.creditBtn.docomo a {
    padding: 8px 0 7px;
}

.creditBtn.docomo img {
    height: 30px !important;
}

.creditBtn.softbank a {
    padding: 12px 0;
}

.creditBtn.softbank img {
    height: 15px !important;
}

.creditBtn.credit a {
    padding: 12px 0;
}

.creditBtn.credit img {
    height: 20px !important;
}

.creditBtn.yahoo a {
    padding: 12px 0;
}

.creditBtn.yahoo img {
    padding: 0 18px 0 0;
    position: relative;
    top: -1px;
    height: 23px !important;
}

.creditBtn.yahoo a br {
    display: none;
}

@media only screen and (max-width: 640px) {
    .creditBtn.au a {
        padding: 8px 18px 7px;
        text-align: left;
    }
    .creditBtn.docomo a {
        padding: 8px 18px 7px;
        text-align: left;
    }
    .creditBtn.credit a {
        padding: 12px 0 12px 18px;
        text-align: left;
    }
    .creditBtn.yahoo a br {
        display: inline;
    }
    .creditBtn.yahoo {
        text-align: center;
        display: block;
    }
    .creditBtn.yahoo img {
        margin: 0 0 5px 0;
    }
}


/*----------------------------------
=yahoo ウォレット完了
----------------------------------*/

div.yahooWBtnBox {
    display: block;
    text-align: center;
    margin: 20px 5px;
}

.creditBtnImage {
    margin: 0px 10px 0px 175px;
    width: auto;
    text-align: center;
}

@media only screen and (max-width: 640px) {
    .creditBtnImage {
        margin: 0px 10px 0px 0;
        width: auto;
        text-align: center;
    }
}

#newregistBox {
    margin: 20px 0 0 0;
}


/*----------------------------------
=お知らせ
----------------------------------*/

.comIconTitlenews {
    background: #F0E2CE url(/community/images/comunityIcon.gif) 10px 5px no-repeat;
    font-weight: bold;
    padding: 8px 6px 8px 30px;
    font-size: 16px;
    border-radius: 6px;
    /* CSS3草案 */
    -webkit-border-radius: 6px;
    /* Safari,Google Chrome用 */
    -moz-border-radius: 6px;
    /* Firefox用 */
    text-shadow: 1px 0px 0px #fff;
    -moz-box-shadow: text-shadow: 1px 0px 0px #fff;
    -webkit-box-shadow: text-shadow: 1px 0px 0px #fff;
    margin: 0 0 10px 0;
}


/* IE8 */

html>
/**/

body .comIconTitlenews {
    background: /*\**/
    #F0E2CE url(/community/images/comunityIcon_sm.gif) 10px 5px no-repeat\9;
}


/*----------------------------------
=主催者一覧
----------------------------------*/

.shusaishaTitle {
    font-size: 22px;
}

@media only screen and (max-width: 640px) {
    .shusaishaTitle {
        font-size: 20px;
        margin: 5px;
    }
}

.ownerBox {
    width: 353px;
    margin: 0 0 10px 0;
    float: left;
}

.ownerTel {
    font-size: 14px;
    line-height: 16px;
}

.ownerNumber {
    width: 27px;
    text-align: right;
    display: block;
    float: left;
    margin: 0 10px 0 0;
}

.ownerName {
    width: 295px;
    float: left;
    display: block;
}

.allCountBox {
    margin: 10px 0;
}

.areaBox01 {
    padding: 5px;
}

.areaBox00 h3.areaTitle {
    float: left;
    width: 100px;
    text-align: right;
    padding: 0 10px 0 0;
    border-right: dotted 1px #000000;
}

.areaRightbox {
    float: right;
    width: 599px;
    font-size: 16px;
}

@media only screen and (max-width: 640px) {
    .areaBox00 h3.areaTitle {
        float: none;
        width: 100%;
        text-align: left;
        padding: 0;
        font-weight: bold;
        border-right: none;
    }
    .areaRightbox {
        float: none;
        width: 100%;
        font-size: 16px;
    }
}

.areaRightbox h3 {
    float: left;
    padding: 0 10px 0 0;
}

.areaBoxList01 {
    padding: 10px 0;
    font-size: 16px;
}

.areaBoxList02 {
    width: 100%;
}

.areaBoxList02 h3 {
    font-size: 14px;
}

.areaBoxList03 {
    width: 50%;
    float: right;
}

.areaBoxList03 h3 {
    font-size: 14px;
}

@media only screen and (max-width: 640px) {
    .areaBoxList02 {
        width: 100%;
        float: none;
    }
    .areaBoxList02 h3 {
        font-size: 14px;
    }
    .areaBoxList03 {
        width: 100%;
        float: none;
    }
    .areaBoxList03 h3 {
        font-size: 14px;
    }
}

.ownerName a {
    text-decoration: underline;
}

.areaBoxW {
    margin: 20px 5px 20px 5px;
}

.areaBoxList02 h3 {
    margin: 5px 0;
}

.areaBoxList01 {
    clear: both;
}

.areaBoxList01.bdnone {
    border: none;
}

.areaName01 {
    font-weight: bold;
    margin: 10px 0;
    border-left: 3px solid #000000;
    padding: 0 0 0 10px;
}


/*----------------------------------
=主催者ページ旧オリジナル項目
----------------------------------*/

.originalListBox {
    border-bottom: 1px dotted #c0c0c0;
    margin: 10px 5px 10px 0;
    padding: 0 0 17px 15px;
}

.originalListinBox {
    margin: 0 20px 20px 20px;
}

@media only screen and (max-width: 640px) {
    .originalListinBox {
        margin: 5px 0 10px 17px;
    }
}

.originalListBox h3 {
    margin: 0 0 1px 0;
    padding: 5px 0 5px 25px;
    background: url(../images/icon_arros_oshirase.gif) 0 50% no-repeat;
    line-height: 16px;
    background-size: 16px auto;
    -moz-background-size: 16px auto;
    -webkit-background-size: 16px auto;
    -o-background-size: 16px auto;
    -ms-background-size: 16px auto;
    font-weight: bold;
}


/* IE8 */

html>
/**/

body .originalListBox h3 {
    background: /*\**/
    url(../images/icon_arros_oshirase_sm.gif) 0 50% no-repeat\9;
}

.originalListBox h4 {
    font-size: 15px;
    font-weight: bold;
    margin: 0 10px 10px 23px;
    padding: 0 0 0 1px;
    border-bottom: 2px solid #ccc;
}

@media only screen and (max-width: 640px) {
    .originalListBox {
        border-bottom: 1px dotted #c0c0c0;
        margin: 10px 0 0 0;
        padding: 0 0 17px 5px;
    }
    .originalListBox h4 {
        font-size: 15px;
        font-weight: bold;
        margin: 0 5px 10px 23px;
        padding: 0 0 0 1px;
        border-bottom: 2px solid #ccc;
    }
}

.originalListBoxLeft {
    width: 220px;
    float: left;
}

.originalListBoxLeft img {
    width: 200px;
    padding: 0 0 10px 0;
}

.originalListBoxRight {
    width: 100%;
    font-size: 14px;
    line-height: 18px;
}

@media only screen and (max-width: 640px) {
    .originalListBoxLeft {
        width: 98%;
        float: none;
        display: block;
        text-align: center;
    }
    .originalListBoxLeft img {
        width: 100%;
        padding: 0 0 10px 0;
    }
    .originalListBoxRight {
        width: 100%;
        font-size: 14px;
        display: block;
        padding: 10px 5px;
    }
}


/*----------------------------------
=イベント詳細情報
----------------------------------*/

.event__description {
	padding: 12px 16px 0;
	margin-bottom: 16px;
}

#eventPickupHonbun {
    margin: 10px;
}

.eventpickupBox {
    width: 310px;
    border-left: dotted 1px #000000;
    padding: 0 0 0 15px;
    font-size: 14px;
    margin: 0 10px 20px 0;
    line-height: 16px;
    display: inline-block;
    vertical-align: top;
}

.eventpickupBox00 {
    margin: 10px;
}

.eventpickupBox01 {
    margin: 10px;
}

.eventRepotBox {
    margin: 10px;
}

.eventPhoto {
    text-align: center;
}

#eventInfoBox06 {
    margin: 0 0 20px 0;
}

#eventInfoBox07 {
    margin: 10px 0 20px 0;
}

@media only screen and (max-width: 640px) {
    .kaisaidata {
        display: block;
    }
}

#eventBoxTitle {
    background: #F0E2CE;
    padding: 10px;
}

#eventBoxTitle h2 {
    font-size: 20px;
    font-weight: bold;
    text-shadow: 1px 0px 0px #fff;
    -moz-box-shadow: text-shadow: 1px 0px 0px #fff;
    -webkit-box-shadow: text-shadow: 1px 0px 0px #fff;
}

#eventBoxTitle [itemprop="url"] {
	color: #333;
}

#eventBoxleft {
    width: 560px;
    float: left;
    padding: 0 0 0 10px;
    border-left: solid 6px #999999;
}

#eventBoxleft .eventsummary [itemprop="url"] {
	color: #333;
}

#eventBoxTitle p {
    font-size: 14px;
    line-height: 18px;
}

#eventBoxRight {
    width: 160px;
    float: right;
    text-align: right;
}

@media only screen and (max-width: 640px) {
    #eventBoxleft {
        width: 100%;
        float: none;
        padding: 0 0 0 10px;
        border-left: solid 6px #999999;
    }
    #eventBoxRight {
        width: 100%;
        float: none;
        text-align: left;
        margin: 5px 0 0 0;
    }
}

.eventsummary {
    margin: 0 10px 0 0;
}

#eventBoxRight p.eventnow {
    background: #FB6747;
    border-radius: 3px;
    /* CSS3草案 */
    -webkit-border-radius: 3px;
    /* Safari,Google Chrome用 */
    -moz-border-radius: 3px;
    /* Firefox用 */
    color: #FFFFFF;
    display: inline;
    padding: 3px;
}

#eventBoxRight p.eventnowCop {
    background: #FF8429;
    border-radius: 3px;
    /* CSS3草案 */
    -webkit-border-radius: 3px;
    /* Safari,Google Chrome用 */
    -moz-border-radius: 3px;
    /* Firefox用 */
    color: #FFFFFF;
    display: inline;
    padding: 3px;
}

#eventBoxRight p.eventcat {
    background: #fff;
    padding: 3px;
    border-radius: 3px;
    /* CSS3草案 */
    -webkit-border-radius: 3px;
    /* Safari,Google Chrome用 */
    -moz-border-radius: 3px;
    /* Firefox用 */
    color: #000;
    display: inline;
    text-align: center;
    margin: 5px 0 0 30px;
    border: 1px solid #949494;
    font-size: 12px;
}

#eventCoupon {
    display: block;
    margin: 0 0 5px 0;
}

@media only screen and (max-width: 640px) {
    #eventCoupon {
        display: inline;
    }
    #eventBoxRight p.eventcat {
        background: #fff;
        padding: 3px;
        border-radius: 3px;
        /* CSS3草案 */
        -webkit-border-radius: 3px;
        /* Safari,Google Chrome用 */
        -moz-border-radius: 3px;
        /* Firefox用 */
        color: #000;
        display: inline;
        text-align: center;
        margin: 3px 0 0 12px;
        font-size: 12px;
        border: 1px solid #949494;
    }
}

#eventBoxTitle {
    border: 1px solid #FFFFFF;
}

#eventInfoBox {
    margin: 10px;
    clear: both;
}

#eventInfoBox02 {
    margin: 10px 0;
}

table#eventInfoLeft {
    width: 50%;
    float: left;
    border-top: solid 1px #999;
    border-left: solid 1px #999;
    clear: both;
}

table#eventInfoLeft0000 {
    width: 100%;
    border-top: solid 1px #999;
    border-left: solid 1px #999;
}

table#eventInfoRight {
    width: 49%;
    float: right;
    border-top: solid 1px #999;
    border-left: solid 1px #999;
}

@media only screen and (max-width: 640px) {
    table#eventInfoLeft0000 {
        width: 100%;
        border: solid 1px #999;
    }
    table#eventInfoLeft0000 td {
        display: list-item;
        border: none;
        list-style: none;
    }
    table#eventInfoLeft {
        width: 100%;
        float: none;
        border-top: solid 1px #999;
        border-left: solid 1px #999;
    }
    table#eventInfoRight {
        width: 100%;
        float: none;
        border-top: none;
        border-left: solid 1px #999;
    }
}

td.eventLBox {
    width: 35%;
    background: #E6E6E6;
    padding: 5px;
    font-size: 14px;
    font-weight: bold;
    border-bottom: solid 1px #999;
    border-right: solid 1px #999;
    vertical-align: top;
}

td.eventLBox02 {
    width: 35%;
    background: #E6E6E6;
    padding: 5px;
    font-size: 14px;
    font-weight: bold;
    border-right: solid 1px #999;
    vertical-align: top;
}


/*---フリマ・骨董市以外---*/

table#eventInfoLeftOtherCate {
    width: 100%;
    border-top: solid 1px #999;
    border-left: solid 1px #999;
    margin: 0 0 10px 0;
}

table#eventInfoLeftOtherCate td.eventLBox02 {
    background: #e6e6e6;
    border-right: 1px solid #999;
    border-top: 1px solid #999;
    font-size: 14px;
    font-weight: bold;
    padding: 7px 5px;
    vertical-align: top;
    width: 28%;
}


/*---フリマ・骨董市以外おわり---*/

td.eventLBox004 {
    width: 20%;
    background: #E6E6E6;
    padding: 5px;
    font-size: 14px;
    font-weight: bold;
    border-bottom: solid 1px #999;
    border-right: solid 1px #999;
    vertical-align: top;
}

@media only screen and (max-width: 640px) {
    td.eventLBox02 {
        width: 35%;
        background: #E6E6E6;
        padding: 5px;
        font-size: 14px;
        font-weight: bold;
        border-right: solid 1px #999;
        vertical-align: top;
    }
    td.eventLBox004 {
        width: 100%;
        background: #E6E6E6;
        padding: 5px 0;
        font-size: 14px;
        font-weight: bold;
        border-bottom: solid 1px #999;
        border-right: solid 1px #999;
        vertical-align: top;
        text-indent: 10px;
    }
}

td.eventLBox03 {
    background: #E6E6E6;
    padding: 5px;
    font-size: 14px;
    font-weight: bold;
    border-bottom: solid 1px #999;
    border-right: solid 1px #999;
    text-align: center;
    border-top: solid 1px #999;
    width: 20%;
}

@media only screen and (max-width: 640px) {
    td.eventLBox03 {
        background: #E6E6E6;
        padding: 0;
        font-size: 12px;
        font-weight: bold;
        border-bottom: solid 1px #999;
        border-right: solid 1px #999;
        text-align: center;
        border-top: solid 1px #999;
        width: 25%;
    }
}

td.eventLBox04 {
    background: #E6E6E6;
    border-bottom: solid 1px #999;
    border-right: solid 1px #999;
}

td.eventRBox {
    width: 64%;
    padding: 10px;
    font-size: 12px;
    border-bottom: solid 1px #999;
    border-right: solid 1px #999;
    word-break: break-all;
}

td.eventRBox a {
    text-decoration: underline;
}

td.eventRBox004 {
    width: 64%;
    padding: 10px;
    font-size: 12px;
    border-bottom: solid 1px #999;
    border-right: solid 1px #999;
}

td.eventRBox00004 {
    width: 64%;
    padding: 10px;
    font-size: 12px;
    border-bottom: solid 1px #999;
    border-right: solid 1px #999;
}

@media only screen and (max-width: 640px) {
    td.eventRBox004 {
        width: 100%;
        font-size: 12px;
        border-bottom: solid 1px #999;
        border-right: solid 1px #999;
    }
    td.eventRBox004 p {
        margin: 5px;
    }
    td.eventRBox00004 {
        width: 100%;
        padding: 0;
        font-size: 12px;
        border-bottom: solid 1px #999;
        border-right: solid 1px #999;
    }
}

td.eventRBox02 {
    width: 64%;
    font-size: 12px;
    border-bottom: solid 1px #999;
    border-right: solid 1px #999;
    vertical-align: top;
}

h3.eventBtnGoogle a {
    text-align: center;
    border-radius: 3px;
    /* CSS3草案 */
    -webkit-border-radius: 3px;
    /* Safari,Google Chrome用 */
    -moz-border-radius: 3px;
    /* Firefox用 */
    background: #FB6747;
    display: block;
    text-align: center;
    color: #FFFFFF;
    padding: 3px 0;
    margin: 10px 0 0 0;
}

h3.eventBtnAreaGoogle a {
    text-align: left;
    border-radius: 3px;
    /* CSS3草案 */
    -webkit-border-radius: 3px;
    /* Safari,Google Chrome用 */
    -moz-border-radius: 3px;
    /* Firefox用 */
    background: #FB6747;
    display: inline;
    color: #FFFFFF;
    padding: 3px 6px;
    margin: 0;
}

@media only screen and (max-width: 640px) {
    h3.eventBtnAreaGoogle a {
        border-radius: 3px;
        /* CSS3草案 */
        -webkit-border-radius: 3px;
        /* Safari,Google Chrome用 */
        -moz-border-radius: 3px;
        /* Firefox用 */
        background: #FB6747;
        display: block;
        text-align: center;
        color: #FFFFFF;
        padding: 3px;
        margin: 10px;
    }
}

p.evetTxt00 {
    font-size: 12px;
    font-weight: normal;
}

.evetBorderBox {
    margin: 6px 0;
    padding: 6px 0;
    border-top: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
}

.evetBorderBox .evetTxt00, .evetBorderBox .shopShikakuLink {
    font-size: 10px;
}

.evetBorderBox .shopShikakuLink {
    top: 0;
    margin-top: 4px;
}

.eventRTableL.shikakuName strong {
    display: block;
    font-weight: bold;
}

.eventRTableL.shikakuName span {
    font-size: 11px;
    display: block;
    line-height: 1.4;
}

.evetBorderBox .shopShikakuLink {
    top: 0;
    margin-top: 4px;
}

table.eventRTable {
    width: 100%;
    margin-bottom: -1px;
}

td.eventRTableL {
    border-bottom: 1px solid #999;
    border-right: 1px solid #999;
    padding: 2px;
    width: 85%;
}

td.eventRTableL02 {
    border-right: 1px solid #999;
    padding: 2px;
    width: 85%;
}

td.eventRTableR {
    border-bottom: 1px solid #999;
    padding: 2px;
    width: 15%;
    text-align: center;
    vertical-align: middle;
}

td.eventRTableR02 {
    padding: 2px;
    width: 15%;
    text-align: center;
    vertical-align: middle;
}

table#eventShutenBox {
    width: 100%;
    margin-bottom: -1px;
}

td.eventShutenBox02 {
    width: 50%;
    border-bottom: 1px solid #999;
    border-right: 1px solid #999;
    padding: 3px;
}

td.eventShutenBox03 {
    width: 25%;
    border-bottom: 1px solid #999;
    border-right: 1px solid #999;
    padding: 3px;
    text-align: center;
}

td.eventShutenBox04 {
    width: 25%;
    padding: 3px;
    border-bottom: 1px solid #999;
    text-align: center;
}

td.eventShutenBox002 {
    width: 50%;
    border-right: 1px solid #999;
    padding: 3px;
}

td.eventShutenBox003 {
    width: 25%;
    border-right: 1px solid #999;
    padding: 3px;
    text-align: center;
}

td.eventShutenBox004 {
    width: 25%;
    padding: 3px;
    text-align: center;
}

td.eventShutenBoxRBg {
    background: #E6E6E6;
    text-align: center;
    padding: 3px;
    border-right: 1px solid #999;
    border-bottom: 1px solid #999;
}

td.eventShutenBoxRBg02 {
    background: #E6E6E6;
    text-align: center;
    padding: 3px;
    border-bottom: 1px solid #999;
}

td.eventShutenBoxRBg03 {
    text-align: center;
    padding: 3px;
    border-bottom: 1px solid #999;
    border-right: 1px solid #999;
}

#eventowner {
    font-size: 20px;
}

#eventowner02 {
    font-size: 20px;
    background: #ff8429;
    padding: 5px;
    color: #FFFFFF;
}

#eventowner002 {
    font-size: 18px;
    padding: 5px;
    color: #000;
    border-bottom: dotted 1px #CCCCCC;
    border-left: solid 6px #FF7E00;
}

.ownerNews {
    font-size: 14px;
    margin: 10px 0;
}

.ownerTitleB {
    margin: 0 0 5px 15px;
    padding: 5px 0 5px 25px;
    background: url(../images/icon_arros_oshirase.gif) 0 50% no-repeat;
    line-height: 16px;
    background-size: 16px auto;
    -moz-background-size: 16px auto;
    -webkit-background-size: 16px auto;
    -o-background-size: 16px auto;
    -ms-background-size: 16px auto;
    font-weight: bold;
}


/* IE8 */

html>
/**/

body .ownerTitleB {
    background: /*\**/
    url(../images/icon_arros_oshirase_sm.gif) 0 50% no-repeat\9;
}

.ownerflm {
    margin: 0 0 5px 15px;
    padding: 5px 0 5px 25px;
    background: url(../images/icon_arros_oshirase.gif) 0 50% no-repeat;
    line-height: 16px;
    background-size: 16px auto;
    -moz-background-size: 16px auto;
    -webkit-background-size: 16px auto;
    -o-background-size: 16px auto;
    -ms-background-size: 16px auto;
    font-size: 14px;
}


/* IE8 */

html>
/**/

body .ownerflm {
    background: /*\**/
    url(../images/icon_arros_oshirase_sm.gif) 0 50% no-repeat\9;
}

@media only screen and (max-width: 640px) {
    .ownerTitleB {
        margin: 0 0 5px 15px;
        padding: 5px 0 5px 25px;
        background: url(../images/icon_arros_oshirase.gif) 0 50% no-repeat;
        background-size: 16px auto;
        -moz-background-size: 16px auto;
        -webkit-background-size: 16px auto;
        -o-background-size: 16px auto;
        -ms-background-size: 16px auto;
        line-height: 16px;
        font-weight: bold;
    }
    /* IE8 */
    html>/**/
    body .ownerTitleB {
        background: /*\**/
        url(../images/icon_arros_oshirase_sm.gif) 0 50% no-repeat\9;
    }
    .ownerflm {
        margin: 0 0 5px 15px;
        padding: 5px 0 5px 25px;
        background: url(../images/icon_arros_oshirase.gif) 0 50% no-repeat;
        background-size: 16px auto;
        -moz-background-size: 16px auto;
        -webkit-background-size: 16px auto;
        -o-background-size: 16px auto;
        -ms-background-size: 16px auto;
        line-height: 16px;
        font-size: 14px;
    }
    html>/**/
    body .ownerflm {
        background: /*\**/
        url(../images/icon_arros_oshirase_sm.gif) 0 50% no-repeat\9;
    }
}

.eventAreaOwner {
    font-size: 16px;
    margin: 20px 0 0 20px;
}

.ownerflmBox {
    margin: 0 0 10px 0;
}

.ownerTitleTxt {
    padding: 0 0 10px 30px;
    font-size: 12px;
    border-bottom: dotted 1px #C0C0C0;
    margin: 0 0 10px 0;
}

#eventInfoBox04 {
    width: 97%;
    border: 1px solid #999;
    padding: 10px;
    background: #F5F5F5;
    margin: 20px 0 0 0;
}

@media only screen and (max-width: 640px) {
    #eventInfoBox04 {
        width: 98%;
        border: 1px solid #999;
        padding: 5px;
        background: #F5F5F5;
        margin: 20px auto 0 auto;
    }
}

.eventBoxSNSL {
    width: 100%;
    float: none;
    background: #FFFFFF;
}

.eventBoxSNSL iframe {
    width: 100% !important;
    height: 250px !important;
}

.eventBoxSNSR {
    width: 100%;
    float: none;
    margin: 5px 0 0 0;
}

.eventBoxSNSR iframe {
    width: 100% !important;
    height: 250px !important;
}

@media only screen and (max-width: 640px) {
    .eventBoxSNSL {
        width: 100%;
        float: none;
    }
    .eventBoxSNSR {
        width: 100%;
        float: none;
        margin: 10px 0 0 0;
    }
    .eventBoxSNSR iframe {
        width: 100% !important;
    }
}

#eventInfoBox05 {
    width: 100%;
    border: 1px solid #999;
    background: #F5F5F5;
    margin: 20px 0 0 0;
}

#eventInfoBox05L {
    width: 180px;
    float: left;
}

#eventInfoBox05R {
    width: 550px;
    float: right;
}

@media only screen and (max-width: 640px) {
    #eventInfoBox05L {
        display: block;
    }
    #eventInfoBox05R {
        width: 100%;
        float: none;
    }
}

#evetLBoxTitle {
    margin: 10px;
}

#evetLBoxTitle h3 {
    background: url(/event/images/rssicon.gif) 0 50% no-repeat;
    padding: 3px 0 3px 30px;
    font-weight: bold;
}

#evetLBoxRTitle {
    background: #FFFFFF;
}

#evetLBoxRTitle h3.normal {
    font-size: 14px;
    background: url(/event/images/blogarrows.gif) 10px 12px no-repeat;
    padding: 10px 0 10px 40px;
    border-bottom: dotted 1px #999;
}

#evetLBoxRTitle h3.last {
    font-size: 14px;
    background: url(/event/images/blogarrows.gif) 10px 12px no-repeat;
    padding: 10px 0 10px 40px;
}

@media only screen and (max-width: 640px) {
    #evetLBoxRTitle h3.normal {
        font-size: 14px;
        background: url(/event/images/blogarrows.gif) 10px 12px no-repeat;
        padding: 10px 0 10px 40px;
        border-bottom: dotted 1px #999;
        clear: both;
    }
}


/*----------------------------------
=細々
----------------------------------*/

.regMailBox {
    border-left: solid 5px #0050B0;
    padding: 0 0 0 10px;
    font-weight: bold;
    margin: 20px 0 20px 0;
}

.mailkaraBox {
    margin: 77px 0 0 0;
}

.spaceMailBtn {
    background: url("/community/images/comentbg.gif") repeat-x scroll left bottom rgba(0, 0, 0, 0);
    border: 1px solid #a4a4a4;
    border-radius: 6px;
    cursor: pointer;
    display: block;
    font-size: 14px;
    font-weight: bold;
    margin: 10px auto 20px;
    text-align: center;
    width: 78%;
}

.spaceMailBtn a {
    color: #000000;
    display: block;
    padding: 10px;
}

.loginTxt {
    font-size: 12px;
    margin: 5px 15px 0 15px;
}

.loginTxt02 {
    font-size: 14px;
    margin: 10px;
}

.kaisaidata00 {
    font-size: 14px;
    padding: 0 5px;
}

.kaisaiTxt {
    font-size: 12px;
}

.fred {
    color: #FF0004;
}

span.blogdata {
    margin: 0 10px 0 0;
}

.bgGlay {
    background: #EFEFEF;
}

.bgY {
    background: #FFF5A1;
}


/*----------------------------------
=404
----------------------------------*/

h2.title404 {
    font-size: 16px;
    font-weight: bold;
    border-bottom: dotted 1px #7F7F7F;
    margin: 20px;
}

p.txt404 {
    font-size: 14px;
    margin: 20px;
}

.title404link a {
    background: #E1E1E1;
    border-bottom: dotted 1px #ACACAC;
    padding: 6px 0;
    display: block;
    text-decoration: underline;
    text-align: center;
    margin: 5px;
    color: #000;
}

@media only screen and (max-width: 640px) {
    h2.title404 {
        font-size: 16px;
        font-weight: bold;
        border-bottom: dotted 1px #7F7F7F;
        margin: 5px;
    }
    p.txt404 {
        font-size: 14px;
        margin: 5px;
    }
}


/*----------------------------------
=フリマガイドとは
----------------------------------*/

#furimaTitle {
    background: url(../images/iconfurima.jpg) 0 50% no-repeat;
    padding: 3px 0 3px 40px;
    font-size: 22px;
    font-weight: bold;
}

#furimaWBox {
    background: #FFCB00;
    padding: 5px;
    border: 4px solid #E8A41C;
    border-radius: 6px;
    /* CSS3草案 */
    -webkit-border-radius: 6px;
    /* Safari,Google Chrome用 */
    -moz-border-radius: 6px;
    /* Firefox用 */
    margin: 10px 10px -30px 10px;
    position: relative;
    top: 0;
    left: 0;
}

#furimaWbox02 {
    margin: 10px 10px 25px 10px;
    border: 4px solid #E8A41C;
    border-radius: 6px;
    /* CSS3草案 */
    -webkit-border-radius: 6px;
    /* Safari,Google Chrome用 */
    -moz-border-radius: 6px;
    /* Firefox用 */
    text-align: center;
    background: #FFF1DA;
}

.furimaWTxt {
    font-size: 18px;
    padding: 20px 0 0 0;
}

.furiaTitle02 {
    font-weight: bold;
    color: #FF3F1F;
    font-size: 24px;
}

.furimaWTxt02 {
    text-align: center;
    font-weight: bold;
    font-size: 18px;
    display: block;
    background: #FFFFFF;
    box-shadow: 0 0px 5px #888;
    -moz-box-shadow: box-shadow: 0 0px 5px #888;
    -webkit-box-shadow: box-shadow: 0 0px 5px #888;
    margin: 0 15px 15px 15px;
    padding: 10px;
}

@media only screen and (max-width: 640px) {
    #furimaWBox {
        background: #FFCB00;
        padding: 5px;
        border: 4px solid #E8A41C;
        border-radius: 6px;
        /* CSS3草案 */
        -webkit-border-radius: 6px;
        /* Safari,Google Chrome用 */
        -moz-border-radius: 6px;
        /* Firefox用 */
        margin: 0px 0px -30px 0px;
        position: relative;
        top: 0;
        left: 0;
    }
    #furimaWbox02 {
        margin: 0px 0px 25px 0px;
        border: 4px solid #E8A41C;
        border-radius: 6px;
        /* CSS3草案 */
        -webkit-border-radius: 6px;
        /* Safari,Google Chrome用 */
        -moz-border-radius: 6px;
        /* Firefox用 */
        text-align: center;
        background: #FFF1DA;
    }
    .furimaWTxt {
        font-size: 16px;
        padding: 40px 10px 0 10px;
        line-height: 20px;
        text-align: left;
    }
    .furiaTitle02 {
        font-weight: bold;
        color: #FF3F1F;
    }
    .furimaWTxt02 {
        text-align: center;
        font-weight: bold;
        font-size: 16px;
        display: block;
        background: #FFFFFF;
        box-shadow: 0 0px 5px #888;
        -moz-box-shadow: box-shadow: 0 0px 5px #888;
        -webkit-box-shadow: box-shadow: 0 0px 5px #888;
        margin: 10px;
        padding: 10px;
        line-height: 20px;
    }
}

.furimaWbox03 {
    width: 702px;
    margin: 15px auto 20px auto;
}

.furimaWbox03left {
    width: 414px;
    float: left;
}

.furimaWbox03right {
    width: 272px;
    float: right;
}

.furimaWbox03left h3 {
    background: #8CCA2E;
    display: block;
    font-weight: bold;
    padding: 2px;
    font-size: 16px;
    color: #FFFFFF;
    border-radius: 3px;
    /* CSS3草案 */
    -webkit-border-radius: 3px;
    /* Safari,Google Chrome用 */
    -moz-border-radius: 3px;
    /* Firefox用 */
}

.furimaWbox03left p {
    font-size: 14px;
    margin: 10px;
}

@media only screen and (max-width: 640px) {
    .furimaWbox03left h3 {
        background: #8CCA2E;
        display: block;
        font-weight: bold;
        padding: 2px;
        font-size: 16px;
        color: #FFFFFF;
        border-radius: 3px;
        /* CSS3草案 */
        -webkit-border-radius: 3px;
        /* Safari,Google Chrome用 */
        -moz-border-radius: 3px;
        /* Firefox用 */
        text-align: center;
    }
    .furimaWbox03 {
        width: 100%;
        margin: 15px auto 20px auto;
    }
    .furimaWbox03left {
        width: 100%;
        float: none;
    }
    .furimaWbox03right {
        width: 100%;
        text-align: center;
        float: none;
        margin: 10px 0;
    }
    .furimaWbox03left h3 {
        background: #8CCA2E;
        display: block;
        font-weight: bold;
        padding: 4px;
        font-size: 16px;
        color: #FFFFFF;
        border-radius: 3px;
        /* CSS3草案 */
        -webkit-border-radius: 3px;
        /* Safari,Google Chrome用 */
        -moz-border-radius: 3px;
        /* Firefox用 */
    }
    .furimaWbox03left p {
        font-size: 14px;
        margin: 10px;
    }
}

.newShusai {
    width: 35%;
    margin: 10px auto;
}

.newShusai p a {
    color: #FFFFFF;
    font-size: 14px;
    padding: 10px;
    text-align: center;
    background: #34AEAA url(/community/images/iconArrorws.png) 90% 50% no-repeat;
    display: block;
}

.newShusai p a:hover {
    color: #FFFFFF;
    font-size: 14px;
    padding: 10px;
    text-align: center;
    background: #71C6C4 url(/community/images/iconArrorws.png) 90% 50% no-repeat;
    display: block;
}

@media only screen and (max-width: 640px) {
    .newShusai {
        width: 80%;
        margin: 10px auto;
    }
    .newShusai p a {
        color: #FFFFFF;
        font-size: 14px;
        padding: 10px;
        text-align: center;
        background: #34AEAA url(/community/images/iconArrorws.png) 90% 50% no-repeat;
        display: block;
    }
}

.mb10 {
    margin-bottom: 10px;
}

.mb20 {
    margin-bottom: 20px;
}

.officalBox {
    margin: 15px;
}

.fDBox {
    background: url(../images/f_icon01.gif) 0 50% no-repeat;
    padding: 10px 0 10px 40px;
    border-bottom: dotted 1px #B0B0B0;
}

.fKBox {
    background: url(../images/f_icon02.gif) 0 50% no-repeat;
    padding: 10px 0 10px 40px;
    border-bottom: dotted 1px #B0B0B0;
}

.fSBox {
    background: url(../images/f_icon03.gif) 0 50% no-repeat;
    padding: 10px 0 10px 40px;
}

.sDBox {
    background: url(../images/s_icon01.gif) 0 50% no-repeat;
    padding: 10px 0 10px 40px;
    border-bottom: dotted 1px #B0B0B0;
}

.sKBox {
    background: url(../images/s_icon02.gif) 0 50% no-repeat;
    padding: 10px 0 10px 40px;
    border-bottom: dotted 1px #B0B0B0;
}

.sSBox {
    background: url(../images/s_icon03.gif) 0 50% no-repeat;
    padding: 10px 0 10px 40px;
}

.officalBox h4 {
    margin: 20px 0 0 0;
}

.officalBox ul li.fOSM {
    float: left;
    background: url(../images/furimaNext.gif) 100% 50% no-repeat;
    padding: 0 20px 0 20px;
    font-size: 14px;
}

.officalBox ul li.fOSL {
    float: left;
    background: none;
    padding: 0 20px 0 20px;
    font-size: 14px;
}

.comIconTitleOTL {
    background: #F0E2CE url(/community/images/comunityIcon.gif) 10px 5px no-repeat;
    font-weight: bold;
    padding: 8px 6px 8px 30px;
    font-size: 16px;
    border-radius: 6px;
    /* CSS3草案 */
    -webkit-border-radius: 6px;
    /* Safari,Google Chrome用 */
    -moz-border-radius: 6px;
    /* Firefox用 */
    text-shadow: 1px 0px 0px #fff;
    -moz-box-shadow: text-shadow: 1px 0px 0px #fff;
    -webkit-box-shadow: text-shadow: 1px 0px 0px #fff;
    margin: 5px 0 0 0;
    background-size: 21px auto;
    -moz-background-size: 21px auto;
    -webkit-background-size: 21px auto;
    -o-background-size: 21px auto;
    -ms-background-size: 21px auto;
}


/* IE8 */

html>
/**/

body .comIconTitleOTL {
    background: /*\**/
    #F0E2CE url(/community/images/comunityIcon_sm.gif) 10px 5px no-repea\9t;
}

@media only screen and (max-width: 640px) {
    .officalBox {
        display: none;
    }
    .comIconTitleOTL {
        display: none;
    }
}


/*----------------------------------
=新規主催者登録
----------------------------------*/

.registBox {
    font-size: 14px;
    margin: 10px;
}

.registBox a {
    text-decoration: underline;
}

.registBox02 {
    margin: 0 0 0 20px;
    font-size: 14px;
}

.registBox03 {
    margin: 0 5px 0 0;
    font-size: 12px;
}

@media only screen and (max-width: 640px) {
    .registBox02 {
        margin: 0 0 0 5px;
        font-size: 14px;
    }
}

h3.reportTitleOwner {
    display: block;
    padding: 10px 0 10px 40px;
    background: #34AEAA url(/report/images/bg02.gif) 10px 8px no-repeat;
    background-size: 26px auto;
    -moz-background-size: 26px auto;
    -webkit-background-size: 26px auto;
    -o-background-size: 26px auto;
    -ms-background-size: 26px auto;
    color: #fff;
    font-size: 16px;
    border: 1px solid #fff;
    margin: 0 0 15px 0;
}


/* IE8 */

html>
/**/

body h3.reportTitleOwner {
    background: /*\**/
    #34AEAA url(/report/images/bg02_sm.gif) 10px 8px no-repeat\9;
}

h3.reportTitleOwner a {
    color: #FFFFFF;
    text-decoration: underline;
}

.newonerbox {
    width: 100%;
    border: 1px solid #E6E6E6;
    clear: both;
    margin: 20px 0 0 0;
}

.registformcoment00 {
    border: 1px solid #C1C1C1;
    padding: 3px;
    background: url(/community/images/formbg.gif) left top repeat-x;
    height: 25px;
    width: 360px;
    /*font-weight: bold;*/
    border-radius: 6px;
    /* CSS3草案 */
    -webkit-border-radius: 6px;
    /* Safari,Google Chrome用 */
    -moz-border-radius: 6px;
    /* Firefox用 */
}

.registformcoment01 {
    border: 1px solid #C1C1C1;
    padding: 3px;
    background: url(/community/images/formbg.gif) left top repeat-x;
    height: 25px;
    width: 280px;
    /*font-weight: bold;*/
    border-radius: 6px;
    /* CSS3草案 */
    -webkit-border-radius: 6px;
    /* Safari,Google Chrome用 */
    -moz-border-radius: 6px;
    /* Firefox用 */
}

.registformcoment02 {
    border: 1px solid #C1C1C1;
    padding: 3px;
    background: url(/community/images/formbg.gif) left top repeat-x;
    height: 25px;
    width: 120px;
    /*font-weight: bold;*/
    border-radius: 6px;
    /* CSS3草案 */
    -webkit-border-radius: 6px;
    /* Safari,Google Chrome用 */
    -moz-border-radius: 6px;
    /* Firefox用 */
}

.registformcoment03 {
    border: 1px solid #C1C1C1;
    padding: 3px;
    background: url(/community/images/formbg.gif) left top repeat-x;
    height: 25px;
    width: 280px;
    /*font-weight: bold;*/
    border-radius: 6px;
    /* CSS3草案 */
    -webkit-border-radius: 6px;
    /* Safari,Google Chrome用 */
    -moz-border-radius: 6px;
    /* Firefox用 */
    margin: 0 0 10px 0;
}

@media only screen and (max-width: 640px) {
    .registformcoment00 {
        border: 1px solid #C1C1C1;
        padding: 3px;
        background: url(/community/images/formbg.gif) left top repeat-x;
        height: 25px;
        width: 95%;
        /*font-weight: bold;*/
        border-radius: 6px;
        /* CSS3草案 */
        -webkit-border-radius: 6px;
        /* Safari,Google Chrome用 */
        -moz-border-radius: 6px;
        /* Firefox用 */
    }
    .registformcoment01 {
        border: 1px solid #C1C1C1;
        padding: 3px;
        background: url(/community/images/formbg.gif) left top repeat-x;
        height: 25px;
        width: 95%;
        /*font-weight: bold;*/
        border-radius: 6px;
        /* CSS3草案 */
        -webkit-border-radius: 6px;
        /* Safari,Google Chrome用 */
        -moz-border-radius: 6px;
        /* Firefox用 */
    }
    .registformcoment02 {
        border: 1px solid #C1C1C1;
        padding: 3px;
        background: url(/community/images/formbg.gif) left top repeat-x;
        height: 25px;
        width: 95%;
        /*font-weight: bold;*/
        border-radius: 6px;
        /* CSS3草案 */
        -webkit-border-radius: 6px;
        /* Safari,Google Chrome用 */
        -moz-border-radius: 6px;
        /* Firefox用 */
    }
    .registformcoment03 {
        border: 1px solid #C1C1C1;
        padding: 3px;
        background: url(/community/images/formbg.gif) left top repeat-x;
        height: 25px;
        width: 95%;
        /*font-weight: bold;*/
        border-radius: 6px;
        /* CSS3草案 */
        -webkit-border-radius: 6px;
        /* Safari,Google Chrome用 */
        -moz-border-radius: 6px;
        /* Firefox用 */
        margin: 0 0 10px 0;
    }
}

.registSelect {
    margin: 0 0 10px 0;
}

.registformtxt {
    color: #000000;
    font-size: 14px;
    margin: 4px 0 0 0;
}

.shusaishaBoxBtn {
    background: #0faa96;
    /* Old browsers */
    /* IE9 SVG, needs conditional override of 'filter' to 'none' */
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzBmYWE5NiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMwMDgyN2YiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: -moz-linear-gradient(top, #0faa96 0%, #00827f 100%);
    /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #0faa96), color-stop(100%, #00827f));
    /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #0faa96 0%, #00827f 100%);
    /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #0faa96 0%, #00827f 100%);
    /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #0faa96 0%, #00827f 100%);
    /* IE10+ */
    background: linear-gradient(to bottom, #0faa96 0%, #00827f 100%);
    /* W3C */
    filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#0faa96', endColorstr='#00827f', GradientType=0);
    /* IE6-8 */
    border-radius: 5px;
    /* CSS3草案 */
    -webkit-border-radius: 5px;
    /* Safari,Google Chrome用 */
    -moz-border-radius: 5px;
    /* Firefox用 */
    display: block;
    width: 200px;
    margin: 15px auto;
    color: #FFFFFF;
    text-align: center;
}

.shusaishaBoxBtn a {
    background: url(/shared/images/sloginarrows.png) 97% 50% no-repeat;
    display: block;
    padding: 10px 0;
    background-size: 10px auto;
    -moz-background-size: 10px auto;
    -webkit-background-size: 10px auto;
    -o-background-size: 10px auto;
    -ms-background-size: 10px auto;
    color: #FFFFFF;
    font-weight: bold;
}


/* IE8 */

html>
/**/

body .shusaishaBoxBtn a {
    background: /*\**/
    url(/shared/images/sloginarrows_sm.png) 97% 50% no-repeat\9;
}

.tableInTxt {
    margin: 0 0 0 10px;
}


/*----------------------------------
=マイメニュー
----------------------------------*/

ul.mymenu li {
    display: block;
    padding: 16px 10px 16px 54px;
    border-bottom: dotted 1px #BCBCBC;
    font-size: 14px;
}

ul.mymenu li a {
    width: 140px;
    display: inline-block;
}

ul.mymenu {
    border-top: dotted 1px #BCBCBC;
}

li.myMenubg01 {
    background: url(/member/mymenu/images/bg01.png) 10px 50% no-repeat;
    background-size: 32px auto;
    -moz-background-size: 32px auto;
    -webkit-background-size: 32px auto;
    -o-background-size: 32px auto;
    -ms-background-size: 32px auto;
}


/* IE8 */

html>
/**/

body li.myMenubg01 {
    background: /*\**/
    url(/member/mymenu/images/bg01_sm.png) 10px 50% no-repeat\9;
}

li.myMenubg02 {
    background: url(/member/mymenu/images/bg02.png) 10px 50% no-repeat;
    background-size: 32px auto;
    -moz-background-size: 32px auto;
    -webkit-background-size: 32px auto;
    -o-background-size: 32px auto;
    -ms-background-size: 32px auto;
}


/* IE8 */

html>
/**/

body li.myMenubg02 {
    background: /*\**/
    url(/member/mymenu/images/bg02_sm.png) 10px 50% no-repeat\9;
}

li.myMenubg03 {
    background: url(/member/mymenu/images/bg03.png) 10px 50% no-repeat;
    background-size: 32px auto;
    -moz-background-size: 32px auto;
    -webkit-background-size: 32px auto;
    -o-background-size: 32px auto;
    -ms-background-size: 32px auto;
}


/* IE8 */

html>
/**/

body li.myMenubg03 {
    background: /*\**/
    url(/member/mymenu/images/bg03_sm.png) 10px 50% no-repeat\9;
}

li.myMenubg04 {
    background: url(/member/mymenu/images/bg04.png) 10px 50% no-repeat;
    background-size: 32px auto;
    -moz-background-size: 32px auto;
    -webkit-background-size: 32px auto;
    -o-background-size: 32px auto;
    -ms-background-size: 32px auto;
}


/* IE8 */

html>
/**/

body li.myMenubg04 {
    background: /*\**/
    url(/member/mymenu/images/bg04_sm.png) 10px 50% no-repeat\9;
}

li.myMenubg05 {
    background: url(/member/mymenu/images/bgmailMag.png) 10px 50% no-repeat;
    background-size: 32px auto;
    -moz-background-size: 32px auto;
    -webkit-background-size: 32px auto;
    -o-background-size: 32px auto;
    -ms-background-size: 32px auto;
}


/* IE8 */

html>
/**/

body li.myMenubg05 {
    background: /*\**/
    url(/member/mymenu/images/bgmailMag_sm.png) 10px 50% no-repeat #F5F5F5\9;
}

@media only screen and (max-width: 640px) {
    ul.mymenu span {
        display: block;
    }
}


/*----------------------------------
=細々プロパティ
----------------------------------*/

.mt10 {
    margin-top: 10px;
}


/*----------------------------------
エリア別色プロパティ
----------------------------------*/

.reportBox02Right span a {
    padding: 2px 5px;
    margin: 0 5px 0 0;
    color: #FFFFFF;
    text-decoration: none;
}

.repartData span a {
    padding: 2px 5px;
    margin: 0 5px 0 0;
    color: #FFFFFF;
    text-decoration: none;
}

#area01bg a {
    background: #517BB8;
}

#area02bg a {
    background: #F84F6C;
}

#area03bg a {
    background: #FF7F00;
}

#area04bg a {
    background: #B3B3B3;
}

#area05bg a {
    background: #A4459F;
}

#area06bg a {
    background: #4EB9B2;
}

#area07bg a {
    background: #008837;
}

#area08bg a {
    background: #FFCC00;
}

#area09bg a {
    background: #7F0000;
}

#area10bg a {
    background: #7FC31C;
}


/*----------------------------------
パスワード文言
----------------------------------*/

.idpassBox {
    border: 1px solid #000000;
    padding: 10px;
    margin: 20px 10px;
}

.idpassBox p {
    font-size: 12px;
    line-height: 18px;
}

.idpassBox02 {
    border: 1px solid #000000;
    padding: 10px;
    margin: 20px 10px;
}

.idpassBox02 p {
    font-size: 12px;
    line-height: 18px;
}


/*----------------------------------
パスワード変更文言
----------------------------------*/

.pwchange {
    border: 1px solid #8A8A8A;
    padding: 3px;
    margin: 10px;
}

.pwchange p {
    font-size: 12px;
    margin: 10px;
}

.pwchange h3 {
    font-size: 14px;
    font-weight: bold;
    margin: 10px;
}

.pwFontRed {
    color: #FF0004;
}

.serchboxRight font {
    margin: 5px;
}

.mg5 {
    margin: 5px;
}

.mp5 {
    padding: 5px;
}


/*----------------------------------
ドメイン受信文言
----------------------------------*/

.domaibox {
    font-size: 12px;
    margin: 10px 0;
}

.sslbox {
    /*border:1px solid #000000;*/
    padding: 5px;
    font-size: 12px;
}


/*----------------------------------
サイトマップ
----------------------------------*/

#sitemapBox h2 {
    margin: 0 0 22px 0;
    font-size: 18px;
    font-weight: bold;
}

#sitemapBox h3 {
    background: url(../images/sitemapbg01.gif) no-repeat 0% 50%;
    background-size: 20px auto;
    -moz-background-size: 20px auto;
    -webkit-background-size: 20px auto;
    -o-background-size: 20px auto;
    -ms-background-size: 20px auto;
    padding: 4px 0 4px 24px;
    font-weight: bold;
    display: block;
}


/* IE8 */

html>
/**/

body #sitemapBox h3 {
    background: /*\**/
    url(../images/sitemapbg01_sm.gif) no-repeat 0% 50%\9;
}

.sitemapbox03 {
    border-top: solid 1px #B3B3B3;
    padding: 10px 0 0 15px;
    margin: 10px 0 0 0;
}

.sitemapbox02 {
    width: 96%;
    margin: 0 auto 20px auto;
}

.sitemapbox02 ul.sitemapbox03 li a {
    font-size: 14px;
    background: url(../images/sitemapbg02.gif) no-repeat 0% 50%;
    background-size: 4px auto;
    -moz-background-size: 4px auto;
    -webkit-background-size: 4px auto;
    -o-background-size: 4px auto;
    -ms-background-size: 4px auto;
    padding: 0 0 0 10px;
    display: block;
}


/* IE8 */

html>
/**/

body .sitemapbox02 ul.sitemapbox03 li a {
    background/*\**/
    : url(../images/sitemapbg02_sm.gif) no-repeat 0% 50%\9;
}

.sitemapboxleft {
    width: 48%;
    float: left;
}

.sitemapboxright {
    width: 48%;
    float: right;
}

@media only screen and (max-width: 640px) {
    .sitemapbox02 {
        width: 100%;
        margin: 0 auto 20px auto;
    }
    .sitemapboxleft {
        width: 100%;
        float: none;
    }
    .sitemapboxright {
        width: 100%;
        float: none;
        margin: 10px 0 0 0;
    }
    .sitemapbox02 ul.sitemapbox03 li a {
        border-bottom: dotted 1px #B7B7B7;
        padding: 10px 0 10px 10px;
    }
    .SotbankBlock {
        display: block;
    }
    .mb5 {
        display: block;
        margin: 3px 0;
    }
}


/*----------------------------------
利用規約
----------------------------------*/

ul.kiyakuBoxLink {
    margin: 0 0 20px 0;
}

ul.kiyakuBoxLink li a {
    float: left;
    padding: 0 10px 0 10px;
    background: url(../images/arrows.png) 0 41% no-repeat;
    font-size: 12px;
    background-size: 6px auto;
    -moz-background-size: 6px auto;
    -webkit-background-size: 6px auto;
    -o-background-size: 6px auto;
    -ms-background-size: 6px auto;
}


/* IE8 */

html>
/**/

body ul.kiyakuBoxLink li a {
    background: /*\**/
    url(../images/arrows_sm.png) 0 41% no-repeat\9;
}

.err {
    font-size: 12px;
    margin: 10px 0 0 19px;
}


/*----------------------------------
ヘルプトップ
----------------------------------*/

#helpbox {
    border: 1px solid #E5E5E5;
    background: #FFFFFF url(../images/helpbg.png) repeat-x left bottom;
}

#helpboxIn {
    margin: 10px;
}

h2.helpbg {
    background: url(../images/firstbg.png) no-repeat 0 50%;
    padding: 15px 0 15px 30px;
    font-weight: bold;
    background-size: 20px auto;
    -moz-background-size: 20px auto;
    -webkit-background-size: 20px auto;
    -o-background-size: 20px auto;
    -ms-background-size: 20px auto;
    float: left;
}


/* IE8 */

html>
/**/

body h2.helpbg {
    background: /*\**/
    url(../images/firstbg_sm.png) no-repeat 0 50%\9;
}

.helpTxt {
    background: #FE8C14;
    color: #FFFFFF;
    padding: 3px 6px;
    text-align: center;
    float: left;
    margin: 13px 0 0 10px;
    font-size: 14px;
}

#helpheadre {
    clear: both;
}

.helpnavi a {
    display: block;
    background: #fff url(../images/arrowshelp.png) no-repeat 99% 50%;
    background-size: 8px auto;
    -moz-background-size: 8px auto;
    -webkit-background-size: 8px auto;
    -o-background-size: 8px auto;
    -ms-background-size: 8px auto;
    border: 1px solid #ccc;
    padding: 10px 0 10px 10px;
    font-size: 14px;
}


/* IE8 */

html>
/**/

body .helpnavi a {
    background: /*\**/
    #fff url(../images/arrowshelp.png) no-repeat 99% 50%\9;
}

#helpboxIn h3 {
    font-size: 14px;
}


/*
@media only screen and (max-width: 640px) {
	#helpbox{
		display:none;
 }
}
*/

.hidden {
    color: #D8D8D8;
    padding: 3px;
}


/*------------カレンダー切り替え-------------*/

.eventCalenderKirikae {
    margin: 10px 0;
}

.eventCalenderKirikae .title {
    font-weight: bold;
    padding: 8px 0 8px 8px;
    text-shadow: 1px 0px 0px #FFF;
    -moz-box-shadow: text-shadow: 1px 0px 0px #FFF;
    display: block;
    border-left: 5px solid #F0E2CE;
    margin: 16px 0px 12px;
    background: #FCF6ED;
}

@media all and (max-width: 640px) {
    .eventCalenderKirikae .title {
        display: none;
    }
}

.thisWeekEvent {
    padding: 0 8px;
    margin: 0 0 8px;
    font-size: 15px;
    text-align: center;
}

@media all and (max-width: 640px) {
    .thisWeekEvent {
        display: none;
    }
}

.thisWeekEvent li {
    display: inline-block;
    margin: 0 2px 5px;
    color: #999999;
    font-size: 12px;
}

.thisWeekEvent li a {
    color: #3768B7;
    text-decoration: underline;
}

.thisWeekEvent li a:link {
    color: #047391;
}

.thisWeekEvent li a:visited {
    color: #3768B7;
}

.thisWeekEvent li a:hover {
    color: #FF6600;
    text-decoration: none;
}

.thisWeekEvent li a:active {
    color: #3768B7;
}

.monthTab {
    overflow: hidden;
    padding: 0 12px;
    border-bottom: solid 1px #b2b2b2;
}

.monthTab li {
    border-top: 1px solid #B2B2B2;
    border-left: 1px solid #B2B2B2;
    border-right: 2px solid #B2B2B2;
    border-bottom: 3px solid #E6E6E6;
    border-radius: 3px 3px 0 0;
    -webkit-border-radius: 3px 3px 0 0;
    -moz-border-radius: 3px 3px 0 0;
    font-size: 14px;
    text-align: center;
    width: 54px;
    float: left;
    margin: 0 0px 0 4px;
    background: #FFF;
    line-height: 30px;
}

.monthTab li:first-child {
    margin: 0;
}

.monthTab li a {
    display: block;
    color: #333;
    font-size: 14px;
}

.monthTab li:hover {
    border-bottom: 3px solid #efefef;
}

.monthTab li a:hover {
    font-weight: bold;
    background: #efefef;
}

.monthTab li.active {
    border-bottom: 3px solid #efefef;
}

.monthTab li.active a {
    font-weight: bold;
    background: #efefef;
}

@media only screen and (max-width: 640px) {
    #contentsBoxLine.top .eventCalenderKirikae .thisWeekEvent {
        display: none;
    }
    #contentsBoxLine.top .eventCalenderKirikae .title {
        display: none;
    }
    .monthTab {
        overflow: hidden;
        padding: 0 0 0 8px;
        border-bottom: solid 1px #b2b2b2;
    }
    .monthTab li {
        border-top: 1px solid #B2B2B2;
        border-left: 1px solid #B2B2B2;
        border-right: 2px solid #B2B2B2;
        border-bottom: 3px solid #E6E6E6;
        border-radius: 3px 3px 0 0;
        -webkit-border-radius: 3px 3px 0 0;
        -moz-border-radius: 3px 3px 0 0;
        font-size: 14px;
        text-align: center;
        width: 16%;
        float: left;
        margin: 0;
        background: #FFF;
        line-height: 30px;
    }
}


/*------------日付並び替え-------------*/

.calendarInfo {
    overflow: hidden;
}

.dateSort {
    text-align: right;
    font-size: 14px;
    margin: 16px 8px 0;
    padding: 0;
    display: inline-block;
    float: right;
}

.dateSort dt, .dateSort dd {
    display: inline-block;
}

.dateSort dd a.active {
    font-weight: bold;
    color: #666;
}


/*------------カレンダータイトル-------------*/

.calendarTitle {
    font-weight: bold;
    font-size: 20px;
    display: inline-block;
    margin: 20px 0 0 12px;
    float: left;
    line-height: 17px;
}


/*---------------------------
フォーム
------------------------------------*/


/*---------エラー表示------------*/

p.error {
    color: #ff5652;
    font-size: 12px;
    margin: 0 0 5px;
}

p.error a {
    color: #ff5652;
    text-decoration: underline;
}

p.error a:hover {
    text-decoration: none;
}


/*---------SSL　迷惑メール------------*/

.mailAttention {
    font-size: 0.7em;
    width: 94%;
    margin: 8px auto 0;
}

#sslTxt {
    font-size: 0.7em;
    width: 94%;
    margin: 8px auto 0;
}


/*---------完了メッセージ-----------*/

.finishMsg {
    font-weight: bold;
    display: block;
    margin: 0 0 5px 0;
}


/*---------トップへ戻る（黄アイコン汎用クラス）-----------*/

.yellowArrow {
    margin: 0 0 5px 0;
    padding: 8px 0 8px 20px;
    display: block;
    font-size: 13px;
    background: url(../images/icon_arros_oshirase.gif) 0 50% no-repeat;
    background-size: 16px auto;
    -moz-background-size: 16px auto;
    -webkit-background-size: 16px auto;
    -o-background-size: 16px auto;
    -ms-background-size: 16px auto;
}


/* IE8 */

html>
/**/

body .yellowArrow {
    background: /*\**/
    url(../images/icon_arros_oshirase_sm.gif) 0 50% no-repeat\9;
}


/*---------グレーアウト文字-----------*/

.grayOut {
    color: #999;
}


/*------------------------------------
買い物レビュー
---------------------------------*/


/*---------会員のみ投稿-----------*/

.memberAttention {
    padding: 12px;
    background: #F7F2E8;
    margin: 10px 0 0 0;
}


/*---------文字数カウント-----------*/

.countWrap {
    text-align: right;
}


/*---------レビュー詳細-----------*/

.reviewDetailWrap {
    padding: 12px;
}

.reviewList .title {
    background: #F9F2EA;
    padding: 8px 6px 8px 15px;
    font-size: 15px;
    border-radius: 6px;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    font-weight: bold;
}

.reviewList .naiyo {
    padding: 8px 6px 8px 15px;
    font-size: 15px;
}

.formtxt {
    display: block;
}

.formtxt.setsumei {
    color: #666666;
    font-size: 12px;
    margin: 4px 0 0;
    display: block;
}


/*------------------------------------
ログイン周り追加
---------------------------------*/

.loginNewRegist {
    margin: 30px 0;
}

.fonfCRed {
    color: #FF0000;
    font-weight: bold;
    padding: 0 5px 0 0;
}


/*------------------------------------
もっと見るボタン
---------------------------------*/

#moreBlock {
    font-size: 13px;
    text-align: center;
}

#moreBtn {
    background: #EFEFEF;
    text-align: center;
    padding: 18px 0px;
    width: 764px;
    font-size: 13px;
    color: #333;
    cursor: pointer;
    box-shadow: 0 2px 3px #E8E8E8 inset;
    border: solid 1px #E6E6E6;
    font-weight: bold;
    text-shadow: 1px 1px 0 #fff;
}

@media only screen and (max-width: 640px) {
    #moreBtn {
        width: 100%;
    }
}

#moreBtn:hover {
    background: #E8E8E8;
}

#moreCurrCnt {
    margin: 8px 0 0;
    display: inline-block;
}


/*------------------------------------
トップチェックボックス
---------------------------------*/

.radioWrap input {
    display: none;
    border: 1px solid #B2B2B2;
    padding: 3px;
    cursor: pointer;
}


/* IE8 */

html>
/**/

body .radioWrap input {
    display: inline\9;
    padding: 1px\9;
    border: none\9;
    cursor: pointer\9;
}

.radioWrapHidden input {
    display: none;
    border: 1px solid #B2B2B2;
    padding: 3px;
    cursor: pointer;
}


/* IE8 */

html>
/**/

body .radioWrapHidden input {
    display: inline\9;
    padding: 1px\9;
    border: none\9;
    cursor: pointer\9;
}

.areaRadioList li {
    cursor: pointer;
}

.radioWrap label {
    cursor: pointer;
    border: none;
    padding: 3px 5px;
    display: block;
}

.radioWrapHidden label {
    cursor: pointer;
    border: none;
    padding: 3px 5px;
    display: block;
}

.radioWrap input[type="radio"]:checked+label {
    background-color: #ff0066;
    color: #ffffff;
    padding: 5px;
    border-radius: 6px;
    /* CSS3草案 */
    -webkit-border-radius: 6px;
    /* Safari,Google Chrome用 */
    -moz-border-radius: 6px;
    /* Firefox用 */
    display: block;
    padding: 0 5px;
    border: 3px solid #fff;
}

#box1 ul li.prefActive a, #box2 ul li.prefActive a, #box3 ul li.prefActive a, #box4 ul li.prefActive a, #box5 ul li.prefActive a, #box6 ul li.prefActive a, #box7 ul li.prefActive a, #box8 ul li.prefActive a, #box9 ul li.prefActive a, #box10 ul li.prefActive a {
    background-color: #ff0066;
    color: #ffffff;
    padding: 5px;
    border-radius: 6px;
    /* CSS3草案 */
    -webkit-border-radius: 6px;
    /* Safari,Google Chrome用 */
    -moz-border-radius: 6px;
    /* Firefox用 */
    display: block;
    padding: 0 5px;
    border: 3px solid #fff;
}

img.placeImg {
    max-width: 400px;
    max-height: 400px;
    width: auto;
    height: auto;
}


/*------------------------------------
全国会場レポート
---------------------------------*/

#reportBox02Out {
    margin: 10px 0;
}

.reportFreeMode {
    margin: 10px;
}

.eventDetailinfo {
    background: #E8E8E8;
    padding: 10px;
}

.eventDetailinfo ul li {
    font-size: 14px;
    border-bottom: dotted 1px #CDCDCD;
    padding: 3px 0 3px 0;
    display: block;
    list-style: disc;
}

.eventDetailinfo ul li:last-child {
    font-size: 14px;
    border-bottom: none;
    padding: 3px 0 3px 0;
    display: block;
}

.eventDetailinfo ul li a {
    text-decoration: underline;
    list-style: disc;
    padding: 0 0 0 20px;
    background: url(../images/icon_arros_oshirase.gif) 0 50% no-repeat;
    background-size: 14px auto;
    -moz-background-size: 14px auto;
    -webkit-background-size: 14px auto;
    -o-background-size: 14px auto;
    -ms-background-size: 14px auto;
    margin: 0 0 0 8px;
    display: block;
}


/* IE8 */

html>
/**/

body .eventDetailinfo ul li a {
    background: /*\**/
    url(../images/icon_arros_oshirase_sm.gif) 0 90% no-repeat\9;
}

.reportBox01 {
    margin: 0 20px 20px 20px;
    border-bottom: dotted 1px #000000;
}

@media only screen and (max-width: 640px) {
    .reportBox01 {
        margin: 0 0 10px 0;
        border-bottom: dotted 1px #000000;
    }
}


/*------------------------------------
ローディング
---------------------------------*/

#loading {
    z-index: 20000;
    position: absolute;
}


/*------------------------------------
クーポン印刷
---------------------------------*/

.cpBoxBtn {
    background: #FB6747;
    padding: 5px 15px;
    line-height: 15px;
    background: #FB6747;
    color: #FFFFFF;
    font-weight: bold;
    font-size: 14px;
    margin: 0 0 10px 0;
    width: 180px;
    clear: both;
}

.cpBoxBtn img {
    float: left;
    padding: 0 3px 0 0;
}

.cpBoxBtn a {
    color: #FFFFFF;
    font-weight: bold;
    padding: 3px 3px 3px 6px;
    display: block;
}

.cpBoxBlock {
    margin: 10px 0 0 0;
    text-align: right;
    float: left;
}

@media only screen and (max-width: 640px) {
    .cpBoxBlock {
        display: none;
    }
}

#cpPrint {
    clear: both;
}

#eventSNSCPbox {
    margin: 0;
}


/*------------------------------------
クーポン
---------------------------------*/

#cpTicketBox {
    width: 100%;
    border: 1px solid #DBDBDB;
    clear: both;
    position: relative;
    margin: 0 0 10px 0;
}

#cpTicketinBox {
    margin: 10px 20px;
}

#cpTicketBox h3 {
    background: #F3F2EE;
    padding: 3px;
    border: 1px solid #FFFFFF;
    font-size: 14px;
    font-weight: bold;
}

#cpTicketinBoxLeft {
    width: 170px;
    float: left;
}

#cpTicketinBoxRight {
    width: 500px;
    float: left;
    font-size: 14px;
}

#cpTicketinBoxRight p {
    margin: 0 0 5px 0;
    line-height: 18px;
}

.cpTicketTxt {
    font-weight: bold;
}

.ribbon {
    position: absolute;
    right: 2px;
    top: 2px;
}

@media only screen and (max-width: 640px) {
    #cpTicketinBoxLeft {
        width: 100%;
        float: none;
        text-align: center;
    }
    #cpTicketinBoxRight {
        width: 100%;
        float: none;
        font-size: 14px;
        margin: 10px 0 0 0;
    }
    #cpTicketinBoxRight p {
        margin: 0 10px 5px 10px;
        line-height: 18px;
        display: block;
    }
    #cpTicketinBox {
        margin: 10px auto;
    }
}


/*--- イベントページ内出店資格説明リンク ---*/

.shopShikakuLink {
    font-weight: normal;
    font-size: 0.85em;
    display: block;
    line-height: 1.3;
    position: relative;
    text-decoration: underline;
    top: 4px;
    color: #047391;
}

.shopShikakuLink a:hover {
    color: #ff6600;
    text-decoration: underline;
}


/*----------------------------------
=nomember
----------------------------------*/

#nomemberBox {
/*     border: 1px solid #ccc; */
/*     padding: 10px 0; */
    margin: 0;
    background: #fff;
}

#nomemberBox img {
    width: 190px;
    height: auto;
}

#nomemberTxt {
    border: 1px solid #BCBCBC;
    clear: both;
    /*width: 97%;*/
/*     width: 98%; */
/*     margin: 10px 10px 0 10px; */
		margin: 12px auto;
    padding: 10px;
}

@media only screen and (max-width: 640px) {
    #nomemberTxt {
					display: none;
        border: 1px solid #BCBCBC;
/*         width: 93%; */
/*         margin: 10px 10px 0 10px; */
    }
}

#nomemberBox h3 {
    text-align: center;
    font-weight: bold;
    font-size: 14px;
    padding: 3px 0 0 0;
}

#nomemberTxt h4 {
    margin-bottom: 10px;
    margin-top: 26px;
}

#nomemberTxt h5 {
    background: #8CCA2E;
    display: block;
    font-weight: bold;
    padding: 2px;
    font-size: 16px;
    color: #fff;
    border-radius: 3px;
    margin-bottom: 10px;
}

#nomemberTxt p {
    margin-bottom: 10px;
}

#nomemberTxt strong {
    color: #fb6747;
}

#nomemberTxt .imageBox {
    width: 85%;
    margin: auto;
    display: block;
    border: 1px solid #ddd;
    padding: 5px;
}

#nomemberTxt img {
    width: 100%;
}

#nomemberTxt .imageBox figcaption {
    font-size: 11px;
    text-align: center;
    color: #888;
    margin-top: 6px;
}

@media only screen and (max-width: 640px) {
    #nomemberTxt .imageBox {
        width: 100%;
    }
    #nomemberTxt img {
        width: 100%!important;
    }
}

@media only screen and (max-width: 375px) {
    #nomemberTxt .imageBox {
        padding: 0px;
        border: none;
    }
}

#nomemberInBox {
    width: 420px;
    margin: 5px auto;
}

#nomemberInBoxleft {
    width: 200px;
    float: left;
}

#nomemberInBoxRight {
    width: 200px;
    float: right;
}

.nomemberetcLink {
    border-top: solid 1px #CCCCCC;
    padding: 5px 0 0 0;
    margin: 10px 0 0 0;
}

.nomemberetcLink ul {
    margin: 5px auto;
    /*width: 500px;*/
    /*width: 320px;*/
				text-align: center;
}

.nomemberetcLink ul li {
    /*float: left;*/
    display: inline-block;
    padding: 0 20px 0 0;
    font-size: 14px;
}

.nomemberetcLink ul li a {
    margin: 0 0 5px 0;
    padding: 0 0 0 20px;
    background: url(../images/icon_arros_oshirase.gif) 0 50% no-repeat;
    background-size: 14px auto;
    -moz-background-size: 14px auto;
    -webkit-background-size: 14px auto;
    -o-background-size: 14px auto;
    -ms-background-size: 14px auto;
    display: inline;
}

html>
/**/

body .nomemberetcLink ul li a {
    background: /*\**/
    url(../images/icon_arros_oshirase_sm.gif) 0 50% no-repeat\9;
}

@media only screen and (max-width: 640px) {
    #nomemberInBox {
        width: 100%;
        margin: 5px auto;
        text-align: center;
    }
    #nomemberBox img {
        width: 240px;
        height: auto;
    }
    #nomemberInBoxleft {
        width: 100%;
        float: none;
        padding: 3px 0 3px 0;
    }
    #nomemberInBoxRight {
        width: 100%;
        float: none;
    }
    .nomemberBlock {
        display: block;
    }
    .nomemberetcLink {
        border-top: solid 1px #CCCCCC;
        padding: 5px 0 0 0;
        margin: 10px 0 0 0;
    }
    .nomemberetcLink ul {
        /*margin: 5px 14px;*/
        margin: 0;
        width: 100%;
    }
    .nomemberetcLink ul li {
        /*float: none;*/
        /*display: block;*/
        padding: 5px 12px 5px 0;
        font-size: 12px;
    }
    .nomemberetcLink ul li a {
        display: block;
        margin: 0;
        padding: 0 0 0 20px;
    }
}

/*----------------------------------
非会員向け文言追加
----------------------------------*/
.paymenetAttention {
	font-weight: bold;
	text-align: center;
	font-size: 14px;
	margin: auto;
	padding: 16px 0;
}

.paymenetAttention .fa {
	font-size: 24px;
	color: #FCD837;
	position: relative;
	top: 2px;
	display: inline-block;
	margin: 0 5px;
}

.noMember__appeal {
	border: solid 4px #E41F1F;
	background-color: #fffde7;
	background-image: -webkit-gradient(linear, 0 0, 100% 100%,color-stop(.25, #fffbd3), color-stop(.25, transparent),color-stop(.5, transparent), color-stop(.5, #fffbd3),color-stop(.75, #fffbd3), color-stop(.75, transparent),to(transparent));
  background-size: 50px 50px;
	padding: 12px 12px 8px;
	position: relative;
	margin-bottom: 12px;
}

@media only screen and (min-width:641px) {
	.noMember__appeal {
		border: solid 4px #fb8c00;
	}
}

.noMember__appeal--member {
	border: solid 4px #e0f2f1;
	background: #e0f2f1;
	padding: 12px 12px 8px;
	position: relative;
	margin-bottom: 12px;
}

.fa {
	display: inline-block;
	margin: 0 5px;
}

.noMember__appeal--text {
	text-align: center;
}
.noMember__appeal--text p {
	color: #E41F1F;
	font-weight: bold;
	font-size: 20px;
}
@media only screen and (min-width:641px) {
	.noMember__appeal--text p {
		color: #e65100;
	}
}

@media only screen and (max-width:640px) {
	.noMember__appeal--text p {
		text-align: left;
		font-size: 16px;
	}
}

.btn {
	display: block;
	width: 100%;
	max-width: 320px;
	text-align: center;
	font-weight: bold;
	font-size: 20px;
	border-radius: 3px;
	margin: auto;
}

.noMember__appeal .btn__newReg {
	background: #E41F1F;
	color: #FFF;
	padding: 16px 36px;
	margin: 6px auto 12px;
}

@media only screen and (min-width:641px) {
	.noMember__appeal .btn__newReg {
		background: #fb8c00
	}
}

.btn__login {
	background: #1565c0;
	color: #FFF !important;
	padding: 16px 36px;
	margin: 0 auto 12px;
}


.nomember__pironpa--sp {
	display: none;
}
@media only screen and (max-width: 640px) {
	.nomember__pironpa--sp {
		display: block;
	}
}

.btn__pironpa {
	background: #fb8c00;
	color: #FFF !important;
	padding: 12px 28px 12px 40px;
 max-width: 100%;
	position: relative;
	font-size: 14px;
}
.btn__pironpa strong {
	font-size: 16px;
	font-weight: bold;
	display: inline-block;
	margin-right: 3px;
}
.btn__pironpa:after {
	display: block;
	position: absolute;
	top: 50%;
	right: 10px;
	width: 9px;
	height: 9px;
	margin-top: -4px;
	border-top: solid 2px #fff;
	border-right: solid 2px #fff;
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
	content: "";
	-webkit-transition: all .3s;
	transition: all .3s;
}
.btn__pironpa:before {
	content: "\f05a";
	font-family: fontAwesome;
	position: absolute;
	top: 50%;
	left: 9px;
	font-size: 28px;
	margin-top: -14px;
}

.btn__pironpa.open:after {
	-webkit-transform: rotate(135deg);
	transform: rotate(135deg);
	content: "";
}

.btn__hosoku {
	text-align: center;
	display: block;
	font-size: 12px;
	margin-bottom: 3px;
	color: #000;
}

.noMember__appeal:after {
	content:"";position:absolute;z-index:-1;top:0;left:0;
	width: 100%;
	height: 100%;
}

@media only screen and (min-width:641px) {
	.noMember__appeal.appeal__min {
		display: none;
	}
}

.noMember__appeal--hosoku {
	font-size: 11px;
	color: #000 !important;
	font-weight: normal;
	padding: 4px 0;
}
.noMember__appeal--hosoku span {
	display: inline-block;
}

/*------------------------------------
準備中ですの表示
---------------------------------*/

#comingSoon {
    padding: 5px;
}

#comingSoon h3 {
    background: url(/shared/images/logo.png) no-repeat 130px 10px #FCF6ED;
    -webkit-background-size: 100px auto;
    background-size: 100px auto;
    background: #fafafa\9;
    font-weight: bold;
    font-size: 18px;
    color: #3D3730;
    padding: 18px 18px 18px 260px;
    border-radius: 5px;
    border: 1px solid #E8E8E8;
}

#comingSoon.review h3 {
    background: url(/shared/images/logo.png) no-repeat 90px 10px #FCF6ED;
    -webkit-background-size: 100px auto;
    background-size: 100px auto;
    background: #fafafa\9;
    padding: 18px 18px 18px 220px;
}

#comingSoon h3 span {
    display: block;
    font-size: 14px;
    color: #444;
    font-weight: normal;
}

#comingSoon .infoWrap {
    margin: 18px;
}

#comingSoon .infoWrap h3 {
    background: #8CCA2E;
    display: block;
    font-weight: bold;
    padding: 2px 2px 2px 6px;
    font-size: 16px;
    color: #FFFFFF;
    border-radius: 3px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
}

#comingSoon .infoWrap p {
    margin: 10px 5px 5px 5px;
    font-size: 14px;
}

@media only screen and (max-width: 640px) {
    #comingSoon {
        padding: 18px 5px 5px;
    }
    #comingSoon h3 {
        background: url(/shared/images/logo.png) no-repeat 20px 50% #FCF6EE;
        -webkit-background-size: 100px auto;
        background-size: 100px auto;
        font-size: 15px;
        padding: 18px 18px 18px 140px;
    }
    #comingSoon .infoWrap {
        margin: 18px 0;
    }
}


/*------------------------------------
検索テキスト
---------------------------------*/

div.serchOutPriceTxt {
    color: #FF0004;
    font-size: 12px;
    line-height: 14px;
    width: 96%;
}

@media only screen and (max-width: 640px) {
    div.serchOutPriceTxt {
        color: #FF0004;
        font-size: 12px;
        line-height: 14px;
        width: 96%;
        margin: 0 10px;
        padding: 0 0 5px 0;
    }
}

#calendarTitleDate {
    font-size: 0.6em;
    font-weight: normal;
    left: -10px;
    letter-spacing: -0.05em;
    position: relative;
    top: -2px;
}

@media only screen and (max-width:640px) {
    #calendarTitleDate {
        display: block;
        left: -6px;
        top: 4px;
    }
}


/*------------------------------------
アクセスGIF
---------------------------------*/

.accsGif {
    position: absolute;
}


/*------------------------------------
次の月を表示
---------------------------------*/

.nextMonthBtn {
		padding: 16px 12px;
    font-size: 1.05em;
    text-align: center;
    margin: 21px 0 18px;
    position: relative;
}
@media only screen and (max-width:640px) {
	.nextMonthBtn {
		margin-bottom: 28px;
	}
}

/*
.nextMonthBtn:before {
	content:"▼ 続けてイベントの一覧を見る ▼";
	color: #454545;
	font-weight: bold;
	position:absolute;z-index:-1;top:2px;left:0;right: 0;
	margin: auto;
	display: inline-block;
	font-size: 0.8em;
}
*/

.nextMonthBtn a {
		border-radius: 2px;
		max-width: 320px;
		font-weight: bold;
    padding: 10px 0 10px 20px;
    margin: 0 auto;
    color: #FFF;
    background: #FF7F00;
    background-size: 12px auto;
    -moz-background-size: 12px auto;
    -webkit-background-size: 12px auto;
    -o-background-size: 12px auto;
    -ms-background-size: 12px auto;
    display: block;
    -webkit-transition: all .3s;transition: all .3s;
   box-shadow: 4px 4px 0px #ddd, -4px 4px 0px #ddd;
}

.nextMonthBtn a:hover {
    background: #e65100;
    background-size: 12px auto;
    -moz-background-size: 12px auto;
    -webkit-background-size: 12px auto;
    -o-background-size: 12px auto;
    -ms-background-size: 12px auto;
    color: #FFF;
}

/*
@media only screen and (max-width:640px) {
    .nextMonthBtn {
        font-size: 1em;
        text-align: left;
        margin: 0;
    }
    .nextMonthBtn a {
        display: block;
        margin: 0;
        padding: 18px 0 17px 7px;
        background: url(../images/iconArrwos_small.png) 98% 50% no-repeat;
        background-size: 12px auto;
        -moz-background-size: 12px auto;
        -webkit-background-size: 12px auto;
        -o-background-size: 12px auto;
        -ms-background-size: 12px auto;
    }
    .nextMonthBtn a:hover {
        display: block;
        margin: 0;
        padding: 18px 0 17px 7px;
        background: url(../images/iconArrwos_small.png) 98% 50% no-repeat;
        background-size: 12px auto;
        -moz-background-size: 12px auto;
        -webkit-background-size: 12px auto;
        -o-background-size: 12px auto;
        -ms-background-size: 12px auto;
    }
}
*/


/*------------------------------------
Yahooウォレット確認画面
---------------------------------*/

span.yahooConfirmM {
    display: block;
    margin: 7px 5px;
}

span.YahooChuiJiko {
    display: block;
    font-size: 14px;
    margin: 0 0 0 35px;
}

span.YahooChuiJiko a {
    text-decoration: underline;
}

span.YahooChuiJiko_Fin {
    display: block;
    font-size: 14px;
}

span.YahooChuiJiko_Fin a {
    text-decoration: underline;
}


/*------------------------------------
新規登録文言周り
---------------------------------*/

span.creditmb5 {
    margin: 0 0 7px 0;
    display: block;
    line-height: 16px;
}

br.creditBoxTxt {
    display: none;
}

@media only screen and (max-width:640px) {
    br.creditBoxTxt {
        display: inline;
    }
}


/*------------------------------------
カード締め日変更アナウンスまわり
---------------------------------*/


/* ーーーーーフッター部分ーーーーー */

.announceLine {
    text-align: center;
    position: fixed;
    bottom: 0;
    width: 100%;
    z-index: 10;
    left: 0;
    display: block;
    transition: .1s;
    cursor: pointer;
}

.announceLine:hover {
    opacity: 0.8;
}

.announceLine a {
    text-decoration: none;
    color: #fff;
}

.announceLine__midashi {
    background-color: rgba(236, 58, 0, 0.8);
    color: #fff;
    padding: 6px;
    font-weight: bold;
}

.announceLine__text {
    background-color: rgba(0, 0, 0, 0.8);
    color: #fff;
    padding: 0 4px;
    font-size: 16px;
}

.announceLine__text--komidashi {
    margin-right: 10px;
}

.announceLine__btn {
    background: #FF7F00;
    border: 1px solid #fff;
    padding: 6px 12px;
    font-size: 14px;
    transition: .2s;
    color: #fff !important;
    width: 110px;
    display: inline-block;
    margin: 10px;
}

.announceLine__btn:hover {
    background: #DA7918;
}

#footer-bottom {
    margin-bottom: 83px;
}


/* ーーーーフッター部分レスポンシブーーーー */

@media only screen and (max-width: 940px) {
    .announceLine__btnWrap {
        display: block;
    }
    .announceLine__btn {
        width: 290px;
    }
}

@media only screen and (max-width: 770px) {
    .announceLine__text--komidashi {
        display: block;
        margin-bottom: 4px;
    }
    .announceLine__text {
        line-height: 17px;
        font-size: 14px;
        padding-top: 4px;
    }
    .announceLine__midashi {
        padding: 4px;
        font-size: 13px;
    }
    .announceLine__btn {
        padding: 4px 12px;
        font-size: 12px;
        margin: 8px;
    }
    #footer {
        height: 300px;
    }
}


/* ーーー汎用ーーー */

.credit__text--red {
    color: #ff5100;
    font-weight: bold;
}

.width97 {
    width: 97%;
    margin: 0 auto;
}


/* ーーーーー汎用テキスト部分ーーーーー */

.credit__text {
    background: #fffde7;
    margin: 10px 0 20px;
    padding: 10px;
    border: 2px solid #ff7500;
}

.credit__text--midashi {
    color: #ff5100;
    font-weight: bold;
    border-left: 4px solid #ff7500;
    padding: 6px 12px;
    margin: 0 0 6px 0;
    background: #fff;
    border-bottom: 1px dotted #fed4b1;
    text-indent: 0 !important;
}

.credit__text--link {
    margin: 6px;
}

.credit__text--link a {
    width: 100% !important;
}


/* ーーーーーログインページーーーーー */

.submit0003, #submitBox02 {
    width: 246px !important;
    margin-bottom: 4px;
}

.credit__text--login1, .credit__text--taikai {
    border: 1px solid #ff7500;
    padding: 8px 10px;
    line-height: 18px;
    font-size: 14px;
}

.credit__text--taikai {
    margin-top: 10px;
}

.credit__text--taikai .fa-exclamation-triangle {
    margin-right: 4px;
}

.credit__text--taikai.announceWrap p {
    padding-left: 1em !important;
    text-indent: -1em;
}

.credit__text--taikai.announceWrap p:last-child {
    margin-top: 5px;
}

.credit__text--taikai.announceWrap p .fa.fa-angle-double-right {
    text-indent: 0.2em !important;
}

.credit__text--login2 {
    border: 2px solid #ff7500;
    padding: 8px 10px;
    font-size: 13px;
    margin: 6px 0 12px;
}

.credit__text--login2Midashi {
    background: #ff7500;
    color: #fff;
    text-align: center;
    padding: 10px 4px;
    margin-bottom: 8px;
    font-weight: bold;
    font-size: 14px;
}

.credit__text--login2Midashi .fa.fa-exclamation-triangle {
    margin-right: 6px;
}

.credit__text--example {
    background: #f5f5f5;
    margin: 8px 0;
    padding: 10px;
    font-size: 13px;
    line-height: 18px;
}

.credit__text--bold {
    font-weight: bold;
    font-size: 13px;
    line-height: 18px;
    margin: 6px 0;
}

.announce__mymenu--title {
    padding: 6px;
    text-align: center;
    background: #ff7500;
    color: #fff;
}

.announce__text--hukidashi .credit__text--login2 {
    position: relative;
    margin-bottom: 16px;
}

.announce__text--hukidashi .credit__text--login2:before {
    content: "";
    position: absolute;
    bottom: -7px;
    left: 50%;
    margin-left: -9px;
    width: 0px;
    height: 0px;
    border-style: solid;
    border-width: 9px 9px 0 9px;
    border-color: #fff transparent transparent transparent;
    z-index: 1;
}

.announce__text--hukidashi .credit__text--login2:after {
    content: "";
    position: absolute;
    bottom: -10px;
    left: 50%;
    margin-left: -10px;
    width: 0px;
    height: 0px;
    border-style: solid;
    border-width: 10px 10px 0 10px;
    border-color: #ff7500 transparent transparent;
}

.announce_memberNone .credit__text {
    display: none;
}


/* ーーーーーマイメニューーーーーー */

.width97 .credit__text {
    margin-bottom: 0;
}

li.myMenubg01 {
    border-bottom: none !important;
}

.announce__mymenu--li {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
}

.announce__mymenu--li .credit__text {
    margin-top: 0 !important;
}

.announceList01 {
    padding-top: 0 !important;
}

.announceList01 a {
    width: auto !important;
}

.announceList01 p {
    border: 1px solid #ccc;
    padding: 6px 8px;
    font-size: 12px;
}

.announceList01 p b {
    border-bottom: 1px dotted #ccc;
    padding-bottom: 2px;
    margin-bottom: 6px;
    display: block;
}


/* ーーーーー会員情報入力画面　member/regist/formーーーーー */

.credit__text--regist {
    border: 1px solid #ff7500;
    padding: 8px 10px;
    margin: 16px 0;
}

.credit__text--registMidashi {
    background: #ffcb9f;
    padding: 10px;
    font-weight: bold;
    margin-bottom: 10px;
}

.credit__text--exampleTitle {
    background: #8d8d8d;
    color: #fff;
    padding: 4px;
    margin: 4px 4px 4px 0;
    border-radius: 2px;
    font-size: 12px;
}

.credit__text--check {
    margin-bottom: 10px;
}

#submit.submitBtn.orange[disabled="disabled"] {
    background: #e3e1e1;
    /* Old browsers */
    background: -moz-linear-gradient(top, #e3e1e1 0%, #807e7d 100%);
    /* FF3.6-15 */
    background: -webkit-linear-gradient(top, #e3e1e1 0%, #807e7d 100%);
    /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, #e3e1e1 0%, #807e7d 100%);
    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#e3e1e1', endColorstr='#807e7d', GradientType=0);
    /* IE6-9 */
    opacity: 0.3;
    cursor: default;
}


/* ーーーーーアナウンス固定ページーーーーー */

.announce__img {
    text-align: center;
}

.announce__img img {
    max-width: 100%;
}

.announce__taikai--komidashi {
    background: #f5f5f5;
    padding: 4px 6px;
}


/* ーーーーー固定ページレスポンシブーーーーー */

@media only screen and (max-width: 400px) {
    .announce__koteipage1 .credit__text--example {
        display: block !important;
        width: 100% !important;
    }
    .announce__koteipage1 .credit__text--example:first-child {
        margin-bottom: 20px;
    }
    .credit__text--exampleTitle {
        display: block;
        text-align: center;
        margin-bottom: 6px;
    }
}


/* ----------------------------------
改修追加箇所　2017/01/
---------------------------------- */


/* ----------------------------------
デバイスによって表示非表示
---------------------------------- */

.pcView {
    display: inline-block;
}

@media all and (max-width: 640px) {
    .pcView {
        display: none;
    }
}

.spView {
    display: none;
}

@media all and (max-width: 640px) {
    .spView {
        display: inline-block;
    }
}


/* ----------------------------------
絞り込み検索
---------------------------------- */

.selectShiborikomi {
    margin: 10px;
    border: 3px solid #ccc;
    padding: 10px;
}

@media all and (max-width: 640px) {
    .selectShiborikomi {
        padding: 6px;
    }
}

.selectShiborikomi .titleWrap .title {
    font-weight: bold;
    font-size: 14px;
    display: inline-block;
}

.selectShiborikomi .titleWrap .title .fa {
    font-size: 25px;
    color: #e91e63;
    margin-right: 5px;
    vertical-align: bottom;
}

.selectShiborikomi .titleWrap .description {
    font-size: 11px;
    margin-left: 0.5em;
    font-weight: normal;
    vertical-align: middle;
    color: #666;
    display: inline-block;
    line-height: 1.4;
    width: 580px;
}

.selectShiborikomi .titleWrap .description .caution {
    color: #FF0004;
    display: inline-block;
}

@media all and (max-width: 640px) {
    .selectShiborikomi .titleWrap .description {
        display: none;
    }
}

.selectShiborikomi form {
    font-size: 0;
    margin-left: 31px;
    margin-top: 12px;
}

@media all and (max-width: 640px) {
    .selectShiborikomi form {
        margin-left: 0;
    }
}

.selectShiborikomi .shiborikomiWrap:after {
    content: ".";
    display: block;
    clear: both;
    height: 0;
    visibility: hidden;
}

.selectShiborikomi .shiborikomiWrap:first-child {
    margin-right: 0;
    margin-bottom: 6px;
}

.selectShiborikomi .shiborikomiWrap dt {
    font-size: 13px;
    font-weight: bold;
    position: relative;
    width: 60px;
    margin-right: 14px;
    display: inline-block;
    vertical-align: middle;
    border-left: 4px solid #999;
    padding-left: 8px;
}

@media all and (max-width: 640px) {
    .selectShiborikomi .shiborikomiWrap dt {
        width: 60px;
        font-size: 11px;
        padding-left: 5px;
        margin-right: 5px;
        vertical-align: top;
    }
}

.selectShiborikomi .shiborikomiWrap dt span {
    display: none;
}

.selectShiborikomi .shiborikomiWrap dt.active~dd {
    display: inline-block !important;
}

.selectShiborikomi .shiborikomiWrap dt .checkAll {
    font-size: 11px;
    display: inline-block;
    position: absolute;
    right: 0;
    top: 1px;
    cursor: pointer;
    padding: 1px 0;
    display: none;
}

.selectShiborikomi .shiborikomiWrap dt .checkAll input {
    margin-right: 5px;
}

.selectShiborikomi .shiborikomiWrap dd {
    display: inline-block;
    vertical-align: middle;
}

@media all and (min-width: 641px) {
    .selectShiborikomi .shiborikomiWrap dd {
        display: inline-block !important;
        opacity: 1 !important;
        width: 595px;
    }
}

@media all and (max-width: 640px) {
    .selectShiborikomi .shiborikomiWrap dd {
        width: calc(100% - 65px);
        vertical-align: top;
    }
}

/*@media all and (min-width: 641px) {
    .selectShiborikomi .shiborikomiWrap dd ul {
        margin-bottom: -3px;
    }
}*/

.selectShiborikomi .shiborikomiWrap dd li {
    display: inline-block;
    vertical-align: top;
    border-radius: 3px;
    font-size: 11px;
    letter-spacing: 0.07em;
    transition: all 0.3s;
    -webkit-transition: all 0.3s;
    background: #fff;
    color: #444;
    border: 1px solid #bbb;
    position: relative;
    margin-bottom: 3px;
}

.selectShiborikomi .shiborikomiWrap dd li:after {
    content: ".";
    display: block;
    clear: both;
    height: 0;
    visibility: hidden;
}

.selectShiborikomi .shiborikomiWrap dd li:not(:last-child) {
    margin-right: 5px;
}

@media all and (max-width: 480px) {
    .selectShiborikomi .shiborikomiWrap dd li:not(:nth-child(3n+1)) {
        margin-left: -1px;
    }
}

.selectShiborikomi .shiborikomiWrap dd [id^="check-"], .selectShiborikomi .shiborikomiWrap dd label {
    cursor: pointer;
    padding: 2px 4px;
    display: inline-block;
}

@media all and (max-width: 640px) {
    .selectShiborikomi .shiborikomiWrap dd [id^="check-"], .selectShiborikomi .shiborikomiWrap dd label {
        padding: 4px;
    }
}

.selectShiborikomi .shiborikomiWrap dd [id^="check-"] {
    margin-left: 0;
    margin-right: 6px;
}

.selectShiborikomi .shiborikomiWrap dd label {
    line-height: 1.4;
    text-align: left;
    width: 100%;
}

@media all and (max-width: 640px) {
    .selectShiborikomi .shiborikomiWrap dd label {
        text-align: center;
    }
}

.selectShiborikomi .shiborikomiWrap dd label span {
    display: inline;
}

@media all and (max-width: 640px) {
    .selectShiborikomi .shiborikomiWrap dd label span {
        display: block;
    }
}

@media all and (max-width: 480px) {
    .selectShiborikomi .shiborikomiWrap dd label span {
        display: inline;
    }
}

@media all and (max-width: 640px) {
    .selectShiborikomi .shiborikomiWrap dd label.text-long {
        letter-spacing: -0.05em;
    }
}

.selectShiborikomi .shiborikomiWrap.category dt {
    border-color: #8BC34A;
}

.selectShiborikomi .shiborikomiWrap.category dd li:hover {
    background-color: #eee;
}

.selectShiborikomi .shiborikomiWrap.license dt {
    border-color: #FF9800;
}

.selectShiborikomi .shiborikomiWrap.license .licenseColor01 {
    background: #fdddd2;
}

.selectShiborikomi .shiborikomiWrap.license .licenseColor02 {
    background: #ffe7c3;
}

.selectShiborikomi .shiborikomiWrap.license .licenseColor03 {
    background: #fffaca;
}

.selectShiborikomi .shiborikomiWrap.license .licenseColor04 {
    background: #d7fdd8;
}

.selectShiborikomi .shiborikomiWrap.license .licenseColor05 {
    background: #cffaff;
}

.selectShiborikomi .shiborikomiWrap.license .licenseColor06 {
    background: #cbe8ff;
}

.selectShiborikomi .shiborikomiWrap.license .licenseColor07 {
    background: #e4d6fd;
}

.selectShiborikomi .shiborikomiWrap.license .licenseColor08 {
    background: #fdd1e0;
}

.selectShiborikomi .shiborikomiWrap.license .licenseColor01:hover {
    background: #f9cfc1;
}

.selectShiborikomi .shiborikomiWrap.license .licenseColor02:hover {
    background: #f9daad;
}

.selectShiborikomi .shiborikomiWrap.license .licenseColor03:hover {
    background: #f9f2b4;
}

.selectShiborikomi .shiborikomiWrap.license .licenseColor04:hover {
    background: #bff7c1;
}

.selectShiborikomi .shiborikomiWrap.license .licenseColor05:hover {
    background: #b9f4fb;
}

.selectShiborikomi .shiborikomiWrap.license .licenseColor06:hover {
    background: #b1d8f7;
}

.selectShiborikomi .shiborikomiWrap.license .licenseColor07:hover {
    background: #e4d6fd;
}

.selectShiborikomi .shiborikomiWrap.license .licenseColor08:hover {
    background: #fdd1e0;
}

.selectShiborikomi .shiborikomiButton {
    margin: 10px auto 0;
    display: block;
    font-size: 13px;
    padding: 5px 10px;
    border: none;
    background: #ff99c1;
    color: #4e423d;
    border-radius: 4px;
    background: -webkit-gradient(linear, left top, left bottom, from(#ff99c1), to(#ff5d9e));
    background: -moz-linear-gradient(top, #ff99c1, #ff5d9e);
    text-shadow: 1px 1px 0 rgba(255, 255, 255, 0.5);
    font-weight: bold;
    cursor: pointer;
}

@media all and (max-width: 640px) {
    .selectShiborikomi .shiborikomiButton {
        padding: 4px 16px;
        font-size: 15px;
    }
}

.selectShiborikomi .shiborikomiButton .fa {
    margin-right: 8px;
}

.selectShiborikomi .shiborikomiUnderText {
    font-size: 10px;
    text-align: center;
    width: 100%;
}


/* ----- ローディング画面 ----- */

#loadingEvent {
    display: none;
}

#loadingEvent.loading {
		display: block;
	}

.loadingScreen {
	width: 100%;
	position: fixed;
	background: #ff73ab;
	top: 0;
	left: 0;
	z-index: 10000;
	text-align: center;
	font-size: 15px;
	padding: 6px;
	box-shadow: 0 3px 3px 0px rgba(0, 0, 0, 0.2);
	z-index: 10000;
	/* font-weight: bold; */
	border-bottom: 2px solid #fff;
	color: #fff;
	letter-spacing: 3px;
}
.loadingScreen .fa {
    margin-right: 8px;
				font-size: 18px;
}


/* ----------------------------------
イベント一覧　出店資格を表示
---------------------------------- */

.licensebox {
    display: inline-block;
}

@media all and (max-width: 640px) {
    .licensebox {
        margin: 4px 0 2px;
    }
}

.licensebox .license {
    border: 1px solid #B8B8B8;
    border-radius: 3px;
    text-align: center;
    padding: 0 5px;
    font-size: 11px;
    background: #fff;
    display: inline-block;
}

.licensebox .license span {
    display: none;
}

.licensebox .license.licenseColor01 {
    background: #fdddd2;
}

.licensebox .license.licenseColor02 {
    background: #ffe7c3;
}

.licensebox .license.licenseColor03 {
    background: #fffaca;
}

.licensebox .license.licenseColor04 {
    background: #d7fdd8;
}

.licensebox .license.licenseColor05 {
    background: #cffaff;
}

.licensebox .license.licenseColor06 {
    background: #cbe8ff;
}

.licensebox .license.licenseColor07 {
    background: #e4d6fd;
}

.licensebox .license.licenseColor08 {
    background: #fdd1e0;
}


/* ----------------------------------
TOP　スマホ画面にも簡易検索ボックスを表示する
---------------------------------- */

.spEasySearch {
    display: none;
}

@media all and (max-width: 640px) {
    .spEasySearch {
        display: block;
        padding: 20px 10px;
    }
    .spEasySearch #hedaerBox0301 {
        border: 4px #A8A8A8 solid;
        border-radius: 6px;
        background: #fff url("../images/bg02rep.gif") left top repeat-x;
    }
    .spEasySearch #hedaerBox0301 .submit {
        border: 2px solid #fff;
    }
}


/* ----- スマホで「今週のイベント」非表示 ----- */


/*@media all and (max-width: 640px) { .eventCalenderKirikae { display: none; } }*/


/* ----- イベント一覧＞検索条件内のオレンジボタン ----- */

.searchBtnWrap {
    text-align: center;
}

.searchBtnWrap>p {
    display: inline-block;
    margin: 0 1%;
}

@media all and (max-width: 640px) {
    .searchBtnWrap>p .searchJokenBtn {
        margin: 4px!important;
        padding: 4px!important;
        width: 165px!important;
    }
}

.searchBtnWrap #search_reset_btn {
    background: #bdb9b9!important;
    background: -webkit-gradient(linear, left top, left bottom, from(#e2dedb), to(#bdb9b9))!important;
    background: gradient(linear, left top, left bottom, from(#e2dedb), to(#bdb9b9))!important;
    background: -moz-linear-gradient(top, #e2dedb, #bdb9b9)!important;
    max-width: 130px!important;
    width: 200px!important;
}

@media all and (max-width: 640px) {
    .searchBtnWrap #search_reset_btn {
        width: 90px!important;
    }
}


/*------------------------------------
lazy load
--------------------------------------*/

.eventDayWrap.lazy.loading {
    /*opacity: 0.3;*/
    position: relative;
}

.eventDayWrap.lazy.loading:before {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(255, 255, 255, 0.8);
    content: "";
    display: block;
}

.eventDayWrap.lazy.loading:after {
    content: "\f110";
    font-family: fontAwesome;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    text-align: center;
    -webkit-animation: fa-spin 1s infinite steps(8);
    animation: fa-spin 1s infinite steps(8);
    padding: 30px 0;
    font-size: 48px;
    transition: all 0.3s;
    -webkit-transition: all 0.3s;
    color: #888;
    text-shadow: 0 0 10px #ffffff;
}

.fontsizeBig {
	font-size: 22px !important;
	height: auto !important;
	line-height: 1.2;
	width: 96% !important;
}
@media only screen and (max-width:768px) {
	.fontsizeBig {
		width: 99% !important;
	}
}

.wdLong {
	width: 98% !important;
}
@media only screen and (max-width:768px) {
	.wdLong {
		width: 97% !important;
	}
}

#adbox {
	padding-bottom: 22px;
}
#adbox + #adbox {
	padding-bottom: 12px;
}

@media only screen and (max-width:320px) {
.adMobileHead {
		margin-top: 20px !important;
	}
}