@charset "euc-jp";
/*＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝
 各ページ共通クラス
＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝*/
/*特集バナー設定*/
/*設定の際は親要素にclass="sp-bnr-listを付与"*/
.sp-bnr-list li p {
    box-shadow:rgba(214, 214, 214, 0.8) 0px 0px 2px 1px;
    -webkit-box-shadow:rgba(214, 214, 214, 0.8) 0px 0px 2px 1px;
    -moz-box-shadow:rgba(214, 214, 214, 0.8) 0px 0px 2px 1px;
}

.sp-bnr-list li p a {
    border: 1px solid #e4e4e4;
    display: block;
    height: 104px;
    overflow: hidden;
    text-indent: 100%;
    white-space: nowrap;
    width: 198px;
}

.sp-bnr-list .sp-bnr01 p a {
    background-position: 2px 2px;
}

.sp-bnr-list .sp-bnr02 p a {
    background-position: -197px 2px;
}

.sp-bnr-list .sp-bnr03 p a {
    background-position: -396px 2px;
}

.sp-bnr-list .sp-bnr04 p a {
    background-position: 2px -103px;
}

.sp-bnr-list .sp-bnr05 p a {
    background-position: -197px -103px;
}

.sp-bnr-list .sp-bnr06 p a {
    background-position: -396px -103px;
}


/*inputテキスト入力用設定*/
.text-entry {
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,0.075);
    -moz-box-shadow: inset 0 1px 1px rgba(0,0,0,0.075);
    box-shadow: inset 0 1px 1px rgba(0,0,0,0.075);
    -webkit-transition: border linear .2s,box-shadow linear .2s;
    -moz-transition: border linear .2s,box-shadow linear .2s;
    -o-transition: border linear .2s,box-shadow linear .2s;
    transition: border linear .2s,box-shadow linear .2s;
    border: 1px solid #bfbfbf;
    color: #333333;
}

/*＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝
 ヘッダー
＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝*/
#Header{
    //background:url("/assets/img/bg_header.gif") repeat-x left 25px;


    //background: linear-gradient(to bottom,  #fff, #fff 25px, #000 26px, #000 27px, #fff 27px, #fff 28px, #3d3d3d 29px, #3d3d3d, #262626);



        //linear-gradient(to bottom,  #7d7d7d 0%,#242424 80%)

}

/*ヘッダー上部*/
#Header .header_top{
    margin:0 auto;
    width:960px;
}

#Header .header_top .left{
    float: left;
    width: 550px;
}

#Header .header_top .left p{
}

/*パートナー名とID*/
#Header .header_top p{
    float:left;
    padding-right:10px;
    font-weight:bold;
    line-height:25px;
}

/*ログアウトボタン*/
#Header .header_top .logout{
    float:left;
    width:105px;
    padding-top:2px;
}

/*ヘッダーメニュー*/
#Header .header_top ul.right{
    margin :5px 0 5px auto;
    float:right;
    padding-right:3px;
}

#Header .header_top ul.right #logout{
    padding-bottom:2px;
}

#Header .header_top ul.right li{
    float:left;
}

/*ロゴ以下*/
#Header .header_bottom_wrap{
    border-top:solid 1px #000;
    background: linear-gradient(to bottom, #3d3d3d 0%,#262626 80%);
}

#Header .header_bottom_wrap::before{
    content:"";
    height: 1px;
    display: block;
    background-color: #fff;
    width: 100%;
}

#Header .menu_wrap{
    border-top:solid 1px #7d7d7d;
    background: linear-gradient(to bottom, #7d7d7d 0%,#242424 80%);
}

#Header .menu_wrap::before{
    content:"";
    height: 1px;
    display: block;
    background-color: #333;
    width: 100%;
}

#Header .header_bottom{
    width:960px;
    height:96px;
    margin:0 auto;
}

#Header .header_bottom .left{
    float:left;
    width:596px;
    padding-bottom:14px;
}

#Header .header_bottom .left h1{
    float:left;
    margin: 17px 15px 7px 2px;
    *margin:4px 15px 0 0;
}

#Header .header_bottom .left h2{
    color: #fff;
    font-size: 112%;
    line-height: 1.2;
}

#Header .header_bottom .left h2>em{
    color: #fed500;
}

#Header .btn_logout{ margin-left: 10px}

.recomendPosition{ position:relative}

.recommendIcon {
    display: block;
    width: 25px;
    height: 25px;
    line-height: 1.2em;
    background: #FF2D50;
    -webkit-transform: rotate(-70deg);
    -moz-transform: rotate(-45deg);
    rotation: -45deg;
    position:absolute;
    top: 10px;
    right: -10px;
    text-align: center;
    text-decoration: none;
    color: #FFF;
    font-weight: bold;
    font-size:10px;
    text-shadow: 0 0 3em #FF2F2F, 0 0 4px #FF2F2F;
    -moz-transition: -moz-transform 0.3s ease;
    -webkit-transition: -webkit-transform 0.3s ease;
}
.recommendIcon span {
    display: block;
    width: 25px;
    height: 25px;
    background: #FF2D50;
    -webkit-transform: rotate(22.5deg);
    -moz-transform: rotate(22.5deg);
    rotation: 22.5deg;
}


.heartBeat {
    -moz-animation: heartBeat linear 1s infinite;
    -moz-transform-origin: center center 0;
    -webkit-animation: heartBeat linear 1s infinite;
    -webkit-transform-origin: center center 0;
    -ms-animation: heartBeat linear 1s infinite;
    -ms-transform-origin: center center 0;
    -o-animation: heartBeat linear 1s infinite;
    -o-transform-origin:center center 0;
    animation: heartBeat linear 1s infinite;
    transform-origin: center center 0;
    display: block;
    position:absolute;
    top:5px; left:100px;

}
.heartBeat img {
    z-index: 2;
    display: block;
    width:35px; height:36px
}
.heartBeat:after{
    content: '';
    top: 0;
    z-index: 0;
    right: 0%;
    width: 20px;
    height: 20px;
    border-bottom: none;
    border-right: none;
    -moz-transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg);
    position: absolute;
    -moz-transition: -moz-transform 0.2s linear;
    -webkit-transition: -webkit-transform 0.2s linear;
    -o-transition: -o-transform 0.2s linear;
    -ms-transition: -ms-transform 0.2s linear;
    transition: transform 0.2s linear;
}
.heartBeat:before{
    content: '';
    top: 0;
    z-index: 5;
    right: 0;
    width: 5px;
    border-radius: 50% 50%;
    height: 5px;
    position: absolute;
}

@-moz-keyframes heartBeat {
    0% { -moz-transform: rotate(20deg)  scale(1);}
    25% { -moz-transform: rotate(0deg) scale(.9); }
    50% { -moz-transform: rotate(20deg) scale(1);}
    75% { -moz-transform: rotate(0deg) scale(.9);}
    100% { -moz-transform: rotate(20deg) scale(1);}
}
@-webkit-keyframes heartBeat {
    0% { -webkit-transform: rotate(20deg)  scale(1);}
    25% { -webkit-transform: rotate(0deg) scale(.9); }
    50% { -webkit-transform: rotate(20deg) scale(1);}
    75% { -webkit-transform: rotate(0deg) scale(.9);}
    100% { -webkit-transform: rotate(20deg) scale(1);}
}
@-o-keyframes heartBeat {
    0% { -o-transform: rotate(20deg)  scale(1);}
    25% { -o-transform: rotate(0deg) scale(.9); }
    50% { -o-transform: rotate(20deg) scale(1);}
    75% { -o-transform: rotate(0deg) scale(.9);}
    100% { -o-transform: rotate(20deg) scale(1);}
}
@-ms-keyframes heartBeat {
    0% { -ms-transform: rotate(20deg)  scale(1);}
    25% { -ms-transform: rotate(0deg) scale(.9); }
    50% { -ms-transform: rotate(20deg) scale(1);}
    75% { -ms-transform: rotate(0deg) scale(.9);}
    100% { -ms-transform: rotate(20deg) scale(1);}
}
@keyframes heartBeat {
    0% { transform: rotate(20deg)  scale(1);}
    25% { transform: rotate(0deg) scale(.9); }
    50% { transform: rotate(20deg) scale(1);}
    75% { transform: rotate(0deg) scale(.9);}
    100% { transform: rotate(20deg) scale(1);}
}


.stageKumaPosition{ overflow:hidden}
.stageKumaPosition:hover{ overflow:visible}

.stageKumaIcon{ position:absolute; bottom:-2px; right:1px}
.stageKumaIcon0201{ position:absolute; bottom:-2px; right:1px; z-index:8}
.stageKumaIcon0202{ position:absolute; bottom:-15px; right:1px;}
a:hover img.stageKumaIcon0202 {filter: alpha(opacity=100);-moz-opacity: 1;opacity: 1;bottom:-13px; right:0;}




.stageKumaIcon0202 {
    -moz-animation: stageKumaIcon0202 linear 4s infinite;
    -moz-transform-origin: center center 0;
    -webkit-animation: stageKumaIcon0202 linear 4s infinite;
    -webkit-transform-origin: center center 0;
    -ms-animation: stageKumaIcon0202 linear 4s infinite;
    -ms-transform-origin: center center 0;
    -o-animation: stageKumaIcon0202 linear 4s infinite;
    -o-transform-origin:center center 0;
    animation: stageKumaIcon0202 linear 4s infinite;
    transform-origin: center center 0;
    display: block;
}
.stageKumaIcon0202:after{
    content: '';
    top: 0;
    z-index: 0;
    right: 0%;
    border-bottom: none;
    border-right: none;
    -moz-transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg);
    position: absolute;
    -moz-transition: -moz-transform 0.2s linear;
    -webkit-transition: -webkit-transform 0.2s linear;
    -o-transition: -o-transform 0.2s linear;
    -ms-transition: -ms-transform 0.2s linear;
    transition: transform 0.2s linear;
}
.stageKumaIcon0202:before{
    content: '';
    top: 0;
    z-index: 5;
    right: 0;
    border-radius: 50% 50%;
    position: absolute;
}

@-moz-keyframes stageKumaIcon0202 {
    0% { -moz-transform: rotate(10deg);}
    25% { -moz-transform: rotate(0deg); }
    50% { -moz-transform: rotate(10deg);}
    75% { -moz-transform: rotate(0deg);}
    100% { -moz-transform: rotate(10deg);}
}
@-webkit-keyframes stageKumaIcon0202 {
    0% { -webkit-transform: rotate(10deg);}
    25% { -webkit-transform: rotate(0deg); }
    50% { -webkit-transform: rotate(10deg);}
    75% { -webkit-transform: rotate(0deg);}
    100% { -webkit-transform: rotate(10deg);}
}
@-o-keyframes stageKumaIcon0202 {
    0% { -o-transform: rotate(10deg);}
    25% { -o-transform: rotate(0deg); }
    50% { -o-transform: rotate(10deg);}
    75% { -o-transform: rotate(0deg);}
    100% { -o-transform: rotate(10deg);}
}
@-ms-keyframes stageKumaIcon0202 {
    0% { -ms-transform: rotate(10deg);}
    25% { -ms-transform: rotate(0deg); }
    50% { -ms-transform: rotate(10deg);}
    75% { -ms-transform: rotate(0deg);}
    100% { -ms-transform: rotate(10deg);}
}
@keyframes stageKumaIcon0202 {
    0% { transform: rotate(10deg);}
    25% { transform: rotate(0deg); }
    50% { transform: rotate(10deg);}
    75% { transform: rotate(0deg);}
    100% { transform: rotate(10deg);}
}





/*検索ボックス*/
.search{
    float:left;
    left: 0;
    position: relative;
    top: 0;
    width:385px;
}

#Header .header_bottom .search {
    margin-top: 17px;
}

#searchform {
    width:376px;
    margin-top:17px;
    position: relative;
}

/*
#keywords{
    padding: 8px;
    position: absolute;
    width: 270px;
}
*/


#keywords{
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
    position: absolute;
    width: 305px;
    padding: 10px;
    border: none;
    box-shadow: none;
    border-radius: 4px;
    background: rgba(255,255,255,.1);
    margin-top: 8px;
    color:#fff
}

#keywords::-webkit-input-placeholder
{color: #aaa;}
#keywords:-ms-input-placeholder
{color: #aaa;}
#keywords::-moz-placeholder
{color: #aaa;}


input#keywords:focus {
}

#searchBtn {
    background: none;
    border: none;
    box-shadow: none;
    cursor: pointer;
    display:block;
    width: 30px;
    height: 30px;
    outline:none;
    overflow: hidden;
    text-indent: -9999px;
    position: absolute;
    top: 0;
    _top: 1px;
    left: 0;
}

.searchBtnWrap {
    background: none;
    width: 26px;
    height: 26px;
    outline:none;
    overflow: hidden;
    position: absolute;
    top: 11px;
    _top: 12px;
    left: 294px;
    background: #3265fe;
    border-radius: 4px;
    cursor: pointer
}

.searchBtnWrap i{font-size: 18px;
    line-height: 150%; color: #fff; margin-left: 5px }

.searchBtnWrap:hover {
    background: #6c91fd;
}

#searchDetailBtn{
    background-color: rgba(255,255,255,.1);
    box-shadow: none;
    color: #ffffff;
    cursor: pointer;
    display: block;
    font-size: 100%;
    height: 20px;
    line-height: 20px;
    overflow: hidden;
    position: absolute;
    text-align: center;
    width: 70px;
    top: 14px;
    _top: 15px;
    left: 335px;
    border-radius: 3px
}

#searchDetailBtn:hover {
    background-color: #6c91fd;
}

*:first-child + html #searchBtn    {
    top: 1px;
}

/*ヘッダーテキスト*/
#Header .header_bottom .left h2{
    margin-bottom:5px;
    *margin-bottom:0;
}

#Header .header_bottom .left H2 img{ *vertical-align:middle;}

#Header .header_bottom .right{
    float:left;
    margin-top:18px;
}

#Header .header_bottom .right li{
    float:left;
    margin-left:10px;
}

/*受信ボックス内 - 受信数表示*/
#Menu{
    width:960px;
    margin:0 auto;
    position: relative;
    *z-index:9;
}

#Menu p{
    position: absolute;
    display:block;
    width:23px;
    height:23px;
    line-height:23px;
    top:3px;
    left:576px;
    background:url("/assets/img/bg_mail.png") no-repeat left top;
    font-weight:bold;
    text-align:center;
    color:#FFFFFF;
    z-index: 80;
}

/*グローバルメニュー*/
#GlobalMenu{
    position: relative;
    width: 960px;
    height: 46px;
    margin: 0 auto;
    //background:url("/assets/img/bg_globalmenu.gif") repeat-x left top;
    z-index:6;
}

/*グローバルメニューくま用設定*/
/*#GlobalMenu{
        height: 100px;
        overflow: hidden;
}
*/

#GlobalMenu canvas {
    cursor: pointer;
    position: relative;
    top: -54px;
}

#GlobalMenu{
    margin-top:2px\9;
}

#GlobalMenu >li{
    position: relative;
    width: 119px;
    float: left;
    height: 46px;
    margin: 0;
    padding-left:1px;
    text-align: center;
    z-index:7;
    box-sizing: border-box;
    border-right: solid #aaa 1px;
}

#GlobalMenu >li:first-child{
    border-left: solid #aaa 1px;
}


#GlobalMenu li.menu01{
    width: 118px;
}


/* ナビゲーションのdefault style */
#GlobalMenu >li >a{
    display: block;
    color: #fff;
    font-size: 14px;
    font-weight: bold;
    text-decoration: none;
    height: 46px;
    box-sizing: border-box;
    background: linear-gradient(to bottom, #7d7d7d 0%,#242424 80%);

    display: flex;
    align-items: center;
    justify-content: center;

}

#GlobalMenu .globalmenu__innerList{
    list-style: none;
    position: static;
    top: 100%;
    left: 0;
    margin: 0;
    padding: 0;
    border-radius: 0 0 3px 3px;
    z-index:8;
}

#GlobalMenu li:last-child .globalmenu__innerList{
    left: -100%;
    width: 100%
}


#GlobalMenu .globalmenu__innerList li{
    overflow: hidden;
    position: relative;
    width: 100%;
    height: 0;
    color: #fff;
    -moz-transition: .2s;
    -webkit-transition: .2s;
    -o-transition: .2s;
    -ms-transition: .2s;
    transition: .2s;
    z-index:9;
}

#GlobalMenu .globalmenu__innerList li a{
    color: #fff;
    display:block;
    padding: 13px 15px;
    background: #777676;
    border-top:1px solid #ccc;
    text-align: left;
    font-size: 12px;
    font-weight: normal;
    z-index:10;
}
#GlobalMenu .globalmenu__innerList li.selfbackMenu .newBatch {
    position: absolute;
    left: 120px;
    top: 5px;
}
#GlobalMenu .globalmenu__innerList li.materialMenu .newBatch {
    position: absolute;
    left: 100px;
    top: 5px;
}

/* ナビゲーションのホバー時のstyle */
#GlobalMenu > li:hover > a{
    color: #e8e8e8;
}

/* ナビゲーションのホバー時のstyle */
#GlobalMenu > li:hover > a::before{
    content: "";
    display: block;
    width: 100%;
    height: 100%;
    position: absolute;
    top:0;
    left: 0;
    background-color: rgba(0, 0, 0, .3);
}

/* ナビゲーションがページのcurrentのstyle */
#GlobalMenu .globalmenu__list--current > a{
    background: #484848 linear-gradient(to bottom, #242424 0%,#7d7d7d 80%);
    color: #fff;
}

#GlobalMenu .globalmenu__innerList li a {
    width: 300px;
}

#GlobalMenu .globalmenu__innerList li:hover > a{
    background: #484848;
    color: #fff;
}

#GlobalMenu li:hover .globalmenu__innerList li{
    overflow: visible;
    height: auto;
}

#GlobalMenu li:hover .globalmenu__innerList li:first-child{
    border-top: 0;
}

#GlobalMenu li:hover .globalmenu__innerList li:last-child{
    border-bottom: 0;
}

#GlobalMenu li:hover .globalmenu__innerList li:last-child a{
    border-radius: 0 0 3px 3px;
}

#GlobalMenu .exclamation {
    background: none;
    position: absolute;
    left: 245px;
    top: 10px;
}

#GlobalMenu li ul li.externalIcon img{ margin-right:.5em}
li.navi_tsuku {
    position: relative;
}
span.new_icon {
    position: absolute;
    right: 87%;
    bottom: 50%;
}
/*＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝
 コンテンツ
＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝*/
#Contents{
    width:960px;
    margin:0 auto;
    *z-index:9;
    position:relative
}


/*＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝
 フッター
＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝*/
#Footer{
    background:url("/assets/img/bg_footer.gif") repeat left top;
}

/*マニュアル*/
#Footer #Manual{
    background:url("/assets/img/bg_manual.gif") repeat-x left top;
}

#Footer #Manual ul{
    width:960px;
    margin:0 auto;
}

#Footer #Manual ul li{
    float:left;
    padding:3px 0;
}

/*フッターリンク*/
#Footer #FooterLink{
    padding-top:25px;
    background:url("/assets/img/bg_footer_link.gif") repeat left top;
}

#Footer #FooterLink .footer_wrapper{
    width:960px;
    margin:0 auto;
}

#Footer #FooterLink .footer_ul{
    float:left;
    width:180px;
    margin-right:12px;
}

#Footer #FooterLink ul li{
    margin-bottom:20px;
    padding:5px 0;
}

#Footer #FooterLink ul li a{
    padding-left:18px;
    background:url("/assets/img/footer_arrow.png") no-repeat left top;
    color:#FFFFFF;
    font-weight:bold;
    font-size:120%;
    text-decoration:none;
}

#Footer #FooterLink ul li a:hover{
    background:url("/assets/img/footer_arrow_on.png") no-repeat left top;
    color:#fed500;
}

#Footer #FooterLink ul.border04 li a{
    background:url("/assets/img/icon_window.png") no-repeat left top;
}

#Footer #FooterLink ul.border04 li a:hover{
    background:url("/assets/img/icon_window_on.png") no-repeat left top;
    color:#fed500;
}

#Footer #FooterLink ul.border04 li.lastChild a{
    background:url("/assets/img/footer_arrow.png") no-repeat left top;
}

#Footer #FooterLink ul.border04 li.lastChild a:hover{
    background:url("/assets/img/footer_arrow_on.png") no-repeat left top;
    color:#fed500;
}

/*リンクのボーダー指定*/
#Footer #FooterLink ul li.border01{
    border-top:1px solid #666666;
    border-bottom:1px solid #666666;
}

#Footer #FooterLink ul li.border02{
    border-top:1px solid #666666;
}

#Footer #FooterLink ul.border03{
    margin-top:5px;
    border-top:1px solid #666666;
}

#Footer #FooterLink ul.border04 li{
    padding:10px 0;
    margin:0;
    border-top:1px solid #666666;
}

#Footer #FooterLink ul.border04 li.lastChild{
    border-bottom:1px solid #666666;
}

/*入れ子ulの指定*/
#Footer #FooterLink ul li ul li{
    margin:0;
    padding:10px 0 0 0;
    border:none;
}

#Footer #FooterLink ul li ul li a{
    background:none;
    font-weight:normal;
}

#Footer #FooterLink ul li ul li a:hover{
    background:none;
}

/*afbモバイル管理画面はこちら*/
#Footer .mobile{
    height:41px;
    background:url("/assets/img/bg_footer_mobile.gif") repeat-x left top;
    border-top:1px solid #666666;
}

#Footer .mobile .mobile_wrap{
    width:960px;
    margin:0 auto;
    padding-top:5px;
}

#Footer .mobile .mobile_wrap　a:hover img{
    filter:none;
}

/*コピーライト*/
#Footer .copyright{
    width:960px;
    margin:0 auto;
    text-align:center;
    line-height:38px;
    font-size:120%;
}


/*＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝
 画像のロールオーバー
＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝*/
/*aタグ内イメージロールオーバー*/
a:hover img{
    filter: alpha(opacity=60);
    -moz-opacity:0.6;
    opacity:0.6;
}

#result-cong a:hover img {
    filter: alpha(opacity=100);
    -moz-opacity:1;
    opacity:1;
}

.tabNav li a:hover {
    filter: alpha(opacity=60);
    -moz-opacity:0.6;
    opacity:0.6;
}

.tabNav li a.active:hover {
    filter: alpha(opacity=100);
    -moz-opacity:1;
    opacity:1;
}

.tab-nav li:hover {
    filter: alpha(opacity=60);
    -moz-opacity:0.6;
    opacity:0.6;
}

.tab-nav li.active:hover {
    filter: alpha(opacity=100);
    -moz-opacity:1;
    opacity:1;
}

.sp-bnr-list li p a:hover {
    filter: alpha(opacity=60);
    -moz-opacity:0.6;
    opacity:0.6;
}

img.app_all_chk:hover,
img.app_all_unchk:hover {
    filter: alpha(opacity=60);
    -moz-opacity:0.6;
    opacity:0.6;
    cursor: pointer;
}

input[type="image"]:hover {
    filter: alpha(opacity=60);
    -moz-opacity:0.6;
    opacity:0.6;
}

.btn-reg-report img:hover {
    filter: alpha(opacity=60);
    -moz-opacity:0.6;
    opacity:0.6;
    cursor: pointer;
}

.btn-open-myReport img:hover {
    filter: alpha(opacity=80);
    -moz-opacity:0.8;
    opacity:0.8;
    cursor: pointer;
}

.rssIconList ul li:hover {
    filter: alpha(opacity=60);
    -moz-opacity:0.6;
    opacity:0.6;
}


/*＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝
 共通 - プロモーション検索
＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝*/
#SearchCommon{
    margin:0 0 30px 0;
    background:url("/assets/img/bg_contents_gray.gif") repeat left top;
}

#SearchCommon .title{
    padding:0 5px 3px 5px;
    background:url("/assets/img/top/bg_search_title.gif") repeat-x left bottom;
}

#SearchCommon .title h3{
    float:left;
    width:209px;
}

#SearchCommon .title p{
    float:right;
    line-height:36px;
    font-size:120%;
}

#SearchCommon .title p span{
    font-size:150%;
    font-weight:bold;
}

#SearchCommon .search_content{
    padding:10px 0;
    background:url("/assets/img/bg_contents_gray.gif") repeat left top;
}

#SearchCommon .search_content table#site{
    margin-bottom:10px;
}

#SearchCommon .search_wrapper{
    width:610px;
    margin:0 auto;
    padding:10px;
    background:#FFFFFF;
}

#SearchCommon .search_wrapper h4{
    padding-bottom:8px;
    background:url("/assets/img/dot_line.gif") repeat-x left bottom;
}

#SearchCommon .search_wrapper .search{
    margin:0 0 20px 0;
    padding:2px;
}

#SearchCommon .search_wrapper .search #searchform {
    width:450px;
    height:31px;
    margin-top:17px;
    position: relative;
}

#SearchCommon .search_wrapper .search #keywords{
    position: absolute;
    display:block;
    width: 452px;
    height: 31px;
    padding: 0 5px;
    background: #FFFFFF url("/assets/img/bg_keyword.gif") no-repeat left top;
    border: none;
    line-height:31px;
    color: #333333;
}

#SearchCommon .search_wrapper .search input#keywords:focus {
    background:url("/assets/img/bg_keyword_focus.gif") no-repeat left top;
}


#SearchCommon .search_wrapper .search #searchBtn{
    position: absolute;
    top: 0;
    _top: 1px;
    left: 430px;
}

/*カテゴリ検索*/
#SearchCommon .search_wrapper ul.category_search{
    margin:0 0 20px 20px;
    padding-top:10px;
}

#SearchCommon .search_wrapper ul.category_search li{
    float:left;
    width:262px;
    margin-right:30px;
    padding-bottom:15px;
    font-size:140%;
}

#SearchCommon .search_wrapper ul.category_search li span.clearFix{
    height:23px;
    line-height:23px;
}

#SearchCommon .search_wrapper ul.category_search li span.clearFix input{
    float:left;
}

#SearchCommon .search_wrapper ul.category_search li span.ca_icon{
    margin-left:5px;
}

#SearchCommon .search_wrapper ul.category_search li span.icon{
    margin-left:5px;
}

#SearchCommon .search_wrapper ul.category_search li dl{
    margin-top:5px;
}

#SearchCommon .search_wrapper ul.category_search li dl dt{
    padding:5px;
    background:#e96423;
    color:#FFFFFF;
    font-weight:bold;
}

#SearchCommon .search_wrapper ul.category_search li dl dd{
    padding:10px 0 0 10px;
    background:#fee9dd;
}

#SearchCommon .search_wrapper ul.category_search li dl dd ul li{
    font-size:90%;
    float:none;
}


/*＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝
 共通 - サブメニュー
＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝*/
#SubMenu{
    width:960px;
    margin:0 auto;
    margin-bottom: 10px;
    background: #747373;

    display: flex;

}

#SubMenu>li{
    background: transparent;
    position: relative;
    font-size: 14px;
    font-weight: bold;
    color: #fff;

    /* 20180522 ナビゲーションの下段部分をflex化 */
    flex: 1;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
}


/* add 20180521 */
#SubMenu li a{
    text-decoration: none;
    color: #fff;
    /* センタリング */
    display: flex;
    align-items: center;
    justify-content: center;

    width: 100%;
}

.submenuInner{
    display: block;
    margin: .5rem .4rem;
    padding: .5rem;
    width: 100%;
    text-align: center;
    border-radius: .4rem;
    background-color: #666;
    font-size: 12px;
}

.submenuInner:hover{
    background-color: #999;
}

.submenuInner.isActive{
    background-color: #000;
}

.submenuInner.isActive::before{
    content: "▼";
    color: #fff;
    display: inline-block;
    width: 15px;
    height: 15px;
    font-size: 10px;
}


/*＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝
 共通 - コンテンツ
＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝*/
#Contents {
    /*margin-top:30px;*/
}

/*ページネーション*/
#Contents .pagination ul.right,
#Contents .pagination ul.right {
    float:right;
}

#Contents .pagination ul.right li,
#Contents .pagination ul.right li{
    float:left;
}
#Contents .pagination ul.right li.page a,
#Contents .pagination ul.right li.page a{
    display:block;
    width:56px;
    height:30px;
    text-align:center;
    text-decoration:none;
    line-height:30px;
    font-weight:bold;
    background:url("/assets/img/promolist/bg_page.gif") no-repeat left top;
}

#Contents .pagination ul.right li.page a:hover,
#Contents .pagination ul.right li.page a:active,
#Contents .pagination ul.right li.page a:hover,
#Contents .pagination ul.right li.page a:active{
    background:url("/assets/img/promolist/bg_page.gif") no-repeat left -30px;
}
#Contents .pagination ul.right li.page a.active{
    color:red;
    background:url("/assets/img/promolist/bg_page.gif") no-repeat left -30px;
}


/*＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝
 共通 - グレー枠
＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝*/
.wrap_gray{
    margin-bottom:20px;
    padding:10px 0;
    background:url("/assets/img/bg_contents_gray.gif") repeat left top;
}


/*＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝
 共通 - グレー枠の中の白枠
＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝*/
.wrap_white{
    width:900px;
    margin:0 auto;
    padding:20px;
    background:#FFFFFF;
}


/*＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝
 共通 - テーブル
＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝*/
table{
    font-size:140%;
}

table th{
    background:#e9f4d3;
    border-bottom:1px solid #FFFFFF;
}

table td{
    background:#f2f2f2;
    border-bottom:1px solid #FFFFFF;
}


/*＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝
 共通 - カラー
＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝*/
.red{
    color:#ea1b1b;
}
.error_alert{
    font-size:16px;
    font-width:bold;
    text-align:center;
    color:#ea1b1b;
    padding:5px 0 5px 0;
}
.input_error{
    color:#ea1b1b;
    font-weight:bold;
}
.genre_warning{
    color:#ea1b1b;
    font-weight:bold;
    text-align:right;
    padding:0 20px 0 0;
}
.font-size-12 {
    font-size: 12px;
}
.font-size-16 {
    font-size: 16px;
}
.font-size-25 {
    font-size: 25px;
}
.bold {
    font-weight: bold;
}
.text-center {
    text-align: center;
}

/*＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝
並べ替えボタン
＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝*/
.search_btn_class {
    font-size:12px;
    font-weight:normal;
    -moz-border-radius:14px;
    -webkit-border-radius:14px;
    border-radius:14px;
    border:0px solid #e3f5ff;
    padding:4px 4px;
    text-decoration:none;
    background:-moz-linear-gradient( center top, #e3f5ff 5%, #e3f5ff 100% );
    background:-ms-linear-gradient( top, #e3f5ff 5%, #e3f5ff 100% );
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#e3f5ff', endColorstr='#e3f5ff');
    background:-webkit-gradient( linear, left top, left bottom, color-stop(5%, #e3f5ff), color-stop(100%, #e3f5ff) );
    background-color:#e3f5ff;
    color:#000;
    display:inline-block;
}
.search_btn_class:hover {
    background:-moz-linear-gradient( center top, #e3f5ff 5%, #e3f5ff 100% );
    background:-ms-linear-gradient( top, #e3f5ff 5%, #e3f5ff 100% );
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#e3f5ff', endColorstr='#e3f5ff');
    background:-webkit-gradient( linear, left top, left bottom, color-stop(5%, #e3f5ff), color-stop(100%, #e3f5ff) );
    background-color:#e3f5ff;
    cursor: pointer;
}

.search_btn_class:active {
    position:relative;
    top:1px;
}

.focus_search_btn_class {
    font-size:12px;
    font-weight:normal;
    -moz-border-radius:14px;
    -webkit-border-radius:14px;
    border-radius:14px;
    border:0px solid #00a2ff;
    padding:4px 4px;
    text-decoration:none;
    background:-moz-linear-gradient( center top, #00a2ff 5%, #00a2ff 100% );
    background:-ms-linear-gradient( top, #00a2ff 5%, #00a2ff 100% );
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#00a2ff', endColorstr='#00a2ff');
    background:-webkit-gradient( linear, left top, left bottom, color-stop(5%, #00a2ff), color-stop(100%, #00a2ff) );
    background-color:#00a2ff;
    color:#000;
    display:inline-block;
}
.focus_search_btn_class:hover {
    background:-moz-linear-gradient( center top, #00a2ff 5%, #00a2ff 100% );
    background:-ms-linear-gradient( top, #00a2ff 5%, #00a2ff 100% );
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#00a2ff', endColorstr='#00a2ff');
    background:-webkit-gradient( linear, left top, left bottom, color-stop(5%, #00a2ff), color-stop(100%, #00a2ff) );
    background-color:#00a2ff;
}

.focus_search_btn_class:active {
    position:relative;
    top:1px;
}


/*＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝
FixBtn（カイゼン宣言）
＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝*/
.btnToSomeW{ position:fixed; bottom:5px; right:60px; z-index:2;}
.btnToSomeW img{ width:136px; height:58px;}

.btnToSomeW02{ position:fixed; bottom:60px; right:60px; z-index:2;}
.btnToSomeW02 img{ width:123px; height:58px;}



/*＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝
ページトップ
＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝*/
#pageTop {
    position: fixed !important;
    position: absolute;
    bottom: 0px;
    right: 20px;
    z-index: 60;
}

#pageTop a {
    text-decoration: none;
    color: #ffffff;
    width:35px;
    height:35px;
    text-align: center;
    display: block;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    background:url("/assets/img/btn_pagetop.png") no-repeat left top;
    text-indent:-999999px;
    z-index: 70;
}

#pageTop a:hover {
    background:url("/assets/img/btn_pagetop_on.png") no-repeat left top;
}


.btn-default {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 14px;
    color: #050505;
    padding: 10px 20px;
    cursor: pointer;
    background: -moz-linear-gradient(
        top,
        #ffffff 0%,
        #ebebeb 50%,
        #dbdbdb 50%,
        #b5b5b5);
    background: -webkit-gradient(
        linear, left top, left bottom,
        from(#ffffff),
        color-stop(0.50, #ebebeb),
        color-stop(0.50, #dbdbdb),
        to(#b5b5b5));
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    border-radius: 10px;
    border: 1px solid #949494;
    -moz-box-shadow:
        0px 1px 3px rgba(000,000,000,0.5),
        inset 0px 0px 2px rgba(255,255,255,1);
    -webkit-box-shadow:
        0px 1px 3px rgba(000,000,000,0.5),
        inset 0px 0px 2px rgba(255,255,255,1);
    box-shadow:
        0px 1px 3px rgba(000,000,000,0.5),
        inset 0px 0px 2px rgba(255,255,255,1);
    text-shadow:
        0px -1px 0px rgba(000,000,000,0.2),
        0px 1px 0px rgba(255,255,255,1);
}

.btn-wide{
    padding:10px 65px;
}


/*＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝
kaizen追加button
＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝*/

    .button{
    padding: 13px 0 15px 10px;
    margin: 5px auto;
    background: #ccc;
    font-size: 13.5px;
    text-align: left;
    border-radius: 5px;
    box-shadow: inset 0 -6px rgba(0,0,0,.2);
    border: none;
    color: #fff;
    font-weight: 500;
    text-shadow:0px 0px 2px rgba(0,0,0,.6);
    display: block;
    box-sizing: border-box;
    -webkit-transition: All 0.1s ease;
    -moz-transition: All 0.1s ease;
    -o-transition: All 0.1s ease;
    -ms-transition: All 0.1s ease;
    transition: All 0.1s ease;
    }
    .button:hover{padding: 13px 0 12px 10px;
    margin: 8px auto 5px;
    box-shadow: inset 0 -3px rgba(0,0,0,.2);
    }
    .button:active{padding: 13px 0 10px 10px;
    margin: 10px auto 5px;
    box-shadow: inset 0 -1px rgba(0,0,0,.2);
    }
    .button i{padding-right: .3rem}
    .black_midium{background: #333;color: #fff;width: 300px !important;}
    .black_midium:hover{ color: #fff; opacity: .9}
    .black_midium:active{ color: #fff; opacity: 1}
    .black_mini{background: #333;color: #fff;width: 150px !important;}
    .black_mini:hover{ color: #fff; opacity: .9}
    .black_mini:active{ color: #fff; opacity: 1}
    .black_micro{background: #333;color: #fff;width: 75px !important; font-size: 10px}
    .black_micro:hover{ color: #fff; opacity: .9}
    .black_micro:active{ color: #fff; opacity: 1}


/*＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝
kaizen追加style
＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝*/
/*カイゼン宣言のボタンを表示しない*/
@media screen and (max-width:1350px) {
    .mq_hide_1350{display:none} 
}

/* 印刷でのみ適用する設定 */
@media print{
    .mq_hide_print{display: none}/*カイゼン宣言のボタン*/
    #pageTop{display: none}/* togotopのボタン */
    .ul-widget-main-window{display: none}/*チャットボットを印刷しない*/
}