@charset "shift-jis";

/* Earlier measures IE8 browser */
article,aside,canvas,details,figcaption,figure,
footer,header,hgroup,menu,nav,section,summary
{
    display:block;
}

/* common module
------------------------------------------------------ */
/* clearfix */
.clearfix {
    *zoom: 1;
}
@media print { .clearfix { *zoom: auto; } }
.clearfix:after{
    content:".";
    display:block;
    clear:both;
    height:0;
    visibility:hidden;
}

.clear{
    clear:both; overflow:hidden; height:1px;
}
.alt{
    text-indent:-5000px;
    outline:0px;
    position: absolute;
    overflow: hidden;
}
.floatleft{float:left;}
.floatright{float:right;}
.clearleft{clear:left;}
.clearright{clear:right;}
.clearboth{clear:both;}

.align_right{text-align:right!important;}
.align_center{text-align:center!important;}
.align_left{text-align:left!important;}

.mB0{margin-bottom:0px!important;}
.mB5{margin-bottom:5px!important;}
.mB10{margin-bottom:10px!important;}
.mB15{margin-bottom:15px!important;}
.mB20{margin-bottom:20px!important;}
.mB30{margin-bottom:30px!important;}

.mT0{margin-top:0px!important;}
.mT25{margin-top:25px!important;}
.mT30{margin-top:30px!important;}

.mR0{margin-right:0px!important;}

.mL0{margin-left:0px!important;}
.mL5{margin-left:5px!important;}

/* FONT -------------------------- */

.size8{font-size:8px!important;}
.size9{font-size:9px!important;}
.size10{font-size:10px!important;}
.size12{font-size:12px!important;}
.size14{font-size:14px!important;}
.size16{font-size:16px!important;}

.fontN{font-weight:normal!important;}
.fontB{font-weight:bold!important;}

.brack{color:#000000!important;}
.red{color:#FF0000!important;}


/* LINK -------------------------- */
/*a {color:#666; text-decoration:none; cursor:pointer;}
a:hover { text-decoration:none;}*/

/* -------------------------- */

p{text-align:left;}

img {
    border:none;
}

table {
    border-collapse:collapse;
    padding:0;
}

th,td {
    border-collapse:collapse;
    padding:0;
    margin:0;
}

ul li{
    list-style-type:none;
}

/* body layout
------------------------------------------------------ */

body{
    /*font-family: "メイリオ", Meiryo, "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "ＭＳ Ｐゴシック", "Lucida Grande", "Lucida Sans Unicode", Arial, Verdana, sans-serif;
    font-size:12px;*/
    height:100%;
}

/* header
------------------------------------------------------ */
#header_mini{
    width: 100%;
    background: url("../../img/common/header_mini_bg.gif") repeat-x left bottom #f7f2e7;
    height: 67px;
}

    #header_mini .header_content{
        background: url("../../img/common/header_mini.gif") no-repeat left top;
        height: 67px;
        margin:0 auto;
        width: 900px;
    }

    #header_mini .header_content .top{
        padding: 10px;
        float: right;
    }

    #header_mini .header_content .top a{
        background: url("../../img/common/btn_top_off.gif") no-repeat 0 0;
        width:87px;
        height: 13px;
        display:block;
    }

    #header_mini .header_content .top a:hover{
        background: url("../../img/common/btn_top_on.gif") no-repeat 0 0;
    }

#header{
    width: 100%;
    background: url("../../img/common/header_bg.gif") repeat-x left bottom #f7f2e7;
    height: 190px;
    border-bottom: 1px solid #D9B879;
    font-family: "メイリオ", Meiryo, "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "ＭＳ Ｐゴシック", "Lucida Grande", "Lucida Sans Unicode", Arial, Verdana, sans-serif;
    font-size:12px;
}

#header a{color:#666; text-decoration:none; cursor:pointer;}
#header a:hover { text-decoration:none;}


    #header .header_content{
        margin:0 auto;
        width: 980px;
        padding:8px 0 0 0;
        line-height: 1;
    }

    #header .header_content .clear{ height:1px;}

    #header .header_content .title{
        float: left;
        height: 127px;
        width: 190px;
        text-align:left;
        background: none repeat scroll 0 0 transparent;
    }

    #header .header_content .topBnr{
        float: right;
        height: 90px;
        width: 728px;
        text-align:right;
    }

    /* menu_area */
    #header .header_content .menu_area{
        float: left;
        padding:5px 0 0 0;
        height: 25px;
        width: 790px;
    }

    #header .header_content .menu_area .search_box{
        float: left;
        width: 530px;
        position: relative;
    }

    #header .header_content .menu_area .search_box .input_text{
        background: url("../../img/common/header_search_bg.gif") repeat-x scroll left top transparent;
        border: 1px solid #C8C8C8;
        height: 17px;
        left: 0;
        padding: 5px 10px;
        position: absolute;
        top: 0;
        width: 210px;
    }

    #header .header_content .menu_area .search_box .search_btn{
        position: absolute;
        top: 0;
        left: 232px;
    }

    #header .header_content .menu_area .search_box input:hover{
        opacity: 0.8;
        filter: alpha(opacity=80);
    }

    #header .header_content .menu_area .search_box ul.search_box_ul{
        left: 300px;
        position: absolute;
        top: 4px;
    }

    #header .header_content .menu_area .search_box ul.search_box_ul li{
        position: relative;
        float:left;
        margin:0 5px 0 0;
        cursor: pointer;
    }

    #header .header_content .menu_area .search_box ul.search_box_ul a:hover img{
        opacity: 0.8;
        filter: alpha(opacity=80);
    }

    #header .header_content .menu_area .search_box ul.search_box_ul li #recent_check_keyword{
        display: none;
        position: absolute;
        width: 200px;
        z-index: 200;
    }

    #header .header_content .menu_area .search_box ul.search_box_ul li:hover #recent_check_keyword{
        display: block;
        position: absolute;
        z-index: 100;
    }

        #header .header_content .menu_area .search_box #recent_check_keyword .frame_head{
            background: url("../../img/common/recent_check_keyword_top.png") no-repeat 0 0;
            height:12px;
        }

        #header .header_content .menu_area .search_box #recent_check_keyword .frame_body{
            background: url("../../img/common/recent_check_keyword_body.png") repeat-y 0 0;
            padding: 5px 10px;
        }

        #header .header_content .menu_area .search_box #recent_check_keyword .frame_body ul li{
            float:left;
            padding:3px 5px;
        }

        #header .header_content .menu_area .search_box #recent_check_keyword .frame_body ul li a{
            color: #FF6600;
            text-decoration: underline;
        }

        #header .header_content .menu_area .search_box #recent_check_keyword .frame_body ul li a:hover{
            text-decoration: none;
        }

        #header .header_content .menu_area .search_box #recent_check_keyword .frame_bottom{
            background: url("../../img/common/recent_check_keyword_bottom.png") no-repeat 0 0;
            height:14px;
        }

    #header .header_content .menu_area .menu_box{
        float: right;
        padding:10px 0 0 0;
    }

    #header .header_content .menu_area .menu_box ul{

    }

    #header .header_content .menu_area .menu_box li{
        float: left;
    }

    #header .header_content .menu_area .menu_box li.first a:hover{
        color:#666666;
    }

    #header .header_content .menu_area .menu_box li a{
        background: url("../../img/common/menu_box_li.gif") no-repeat left 2px;
        padding: 0 10px;
        color:#868686;
    }

    #header .header_content .menu_area .menu_box li a:hover{
        color: #FF7A22;
    }

    #header .header_content .menu_area .menu_box li a.first{
        background: none;
        width: auto;
    }

    #header .header_content .menu_area .menu_box li a.first{
        color: #FF6600;
        font-size: 14px;
    }

    #header .header_content .menu_area .menu_box li a.first:hover{
        color: #666666;
    }

    #header .header_content .menu_area .menu_box li a.last{
        border:none;
        padding: 0 0 0 10px;
    }

    /* global_navi_area */ /*古いバージョン変更しないタイアップの為に残す */
    #header .header_content .global_navi_area{
        width: 980px;
    }

    #header .header_content .global_navi_area li{
        float:left;
        margin:0 2px 0 0;
        position: relative;
    }

    #header .header_content .global_navi_area li a{
        display:block;
        width: 162px;
        height: 45px;
    }

    #header .header_content .global_navi_area li.menu_02{
        margin:0 1px 0 0;
    }

    #header .header_content .global_navi_area li.menu_03{
        margin:0 1px 0 0;
    }

    #header .header_content .global_navi_area li.menu_06{
        margin:0;
    }

    #header .header_content .global_navi_area li a.menu_btn_01{
        background: url("../../img/common/menu_btn_01_off.png") no-repeat 0 0;
    }

    #header .header_content .global_navi_area li a.menu_btn_02{
        background: url("../../img/common/menu_btn_02_off.png") no-repeat 0 0;
    }

    #header .header_content .global_navi_area li a.menu_btn_03{
        background: url("../../img/common/menu_btn_03_off.png") no-repeat 0 0;
    }

    #header .header_content .global_navi_area li a.menu_btn_04{
        background: url("../../img/common/menu_btn_04_off.png") no-repeat 0 0;
    }

    #header .header_content .global_navi_area li a.menu_btn_05{
        background: url("../../img/common/menu_btn_05_off.png") no-repeat 0 0;
        height: 38px;
    }

    #header .header_content .global_navi_area li a.menu_btn_06{
        background: url("../../img/common/menu_btn_06_off.png") no-repeat 0 0;
        height: 38px;
    }

    #header .header_content .global_navi_area li.menu_01 a.on{
        background: url("../../img/common/menu_btn_01_on.png") no-repeat 0 0;
    }

    #header .header_content .global_navi_area li.menu_02 a.on{
        background: url("../../img/common/menu_btn_02_on.png") no-repeat 0 0;
    }

    #header .header_content .global_navi_area li.menu_03 a.on{
        background: url("../../img/common/menu_btn_03_on.png") no-repeat 0 0;
    }

    #header .header_content .global_navi_area li.menu_04 a.on{
        background: url("../../img/common/menu_btn_04_on.png") no-repeat 0 0;
    }

    #header .header_content .global_navi_area li.menu_05 a.on{
        background: url("../../img/common/menu_btn_05_on.png") no-repeat 0 0;
    }

    #header .header_content .global_navi_area li.menu_06 a.on{
        background: url("../../img/common/menu_btn_06_on.png") no-repeat 0 0;
    }

    #header .header_content .global_navi_area li a.menu_btn_01:hover{
        background: url("../../img/common/menu_btn_01_on.png") no-repeat 0 0;
    }

    #header .header_content .global_navi_area li a.menu_btn_02:hover{
        background: url("../../img/common/menu_btn_02_on.png") no-repeat 0 0;
    }

    #header .header_content .global_navi_area li a.menu_btn_03:hover{
        background: url("../../img/common/menu_btn_03_on.png") no-repeat 0 0;
    }

    #header .header_content .global_navi_area li a.menu_btn_04:hover{
        background: url("../../img/common/menu_btn_04_on.png") no-repeat 0 0;
    }

    #header .header_content .global_navi_area li a.menu_btn_05:hover{
        background: url("../../img/common/menu_btn_05_on.png") no-repeat 0 0;
    }

    #header .header_content .global_navi_area li a.menu_btn_06:hover{
        background: url("../../img/common/menu_btn_06_on.png") no-repeat 0 0;
    }

    /* subnavi*/
    #header .header_content .global_navi_area ul li ul.subnavi{
        left: 0;
        position: absolute;
        text-align: left;
        top: 37px;
        display:none;
        text-align: center;
        font-size:12px;
        font-weight: bold;
    }

    #header .header_content .global_navi_area ul li:hover ul.subnavi{
        display: block;
        position: absolute;
        z-index: 100;
    }

        #header .header_content .global_navi_area ul li ul.subnavi li.subnavi_body{
            height:30px;
            width: 162px;
            background: url("../../img/common/subnavi_body.png") no-repeat 0 0;
        }

        #header .header_content .global_navi_area ul li ul.subnavi li.subnavi_top{
            height:34px;
            width: 162px;
            background: url("../../img/common/subnavi_top.png") no-repeat 0 0;
        }

        #header .header_content .global_navi_area ul li ul.subnavi li.subnavi_bottom{
            height:49px;
            width: 162px;
            background: url("../../img/common/subnavi_bottom.png") no-repeat 0 0;
        }

        #header .header_content .global_navi_area ul li ul.subnavi li a{
            color: #868686;
            height:6px;
            padding:12px 0;
            width: 162px;
        }

        #header .header_content .global_navi_area ul li ul.subnavi li.subnavi_top a{
            height:10px;
        }

        #header .header_content .global_navi_area ul li ul.subnavi li a:hover{
            color: #FF6600;
        }


/*Global Navigation (動画ライブラリー版）
--------------------------------------------------*/
#header .header_content .gnav {
 *zoom: 1;
}
#header .header_content .ie7 .gnav {
 margin: -30px 0;
 position: relative;
 z-index: 5;
}

#header .header_content .gnav:after {
 content:"";
 display: block;
 clear: both;
}

#header .header_content .gnav li{
 float:left;
 margin:0 2px 0 0;
 position: relative;
}

#header .header_content .gnav li a{
 display:block;
 width: 162px;
 height: 45px;
}
#header .header_content .gnav>ul>li>a{
 background: url(../../img/common/bg_gnav.png) no-repeat;
 text-indent: -9999px;
}

#header .header_content .gnav li.menu_02{
 margin:0 1px 0 0;
}

#header .header_content .gnav li.menu_03{
 margin:0 1px 0 0;
}

#header .header_content .gnav li.menu_06{
 margin:0;
}

#header .header_content .gnav li.menu_01 a{ background-position: 0 0; }
#header .header_content .gnav li.menu_02 a{ background-position: -162px 0; }
#header .header_content .gnav li.menu_03 a{ background-position: -324px 0; }
#header .header_content .gnav li.menu_04 a{ background-position: -486px 0; }
#header .header_content .gnav li.menu_05 a{ background-position: -648px 0; height: 38px;}
#header .header_content .gnav li.menu_06 a{ background-position: -810px 0; height: 38px;}

#header .header_content .gnav li.menu_01 a:hover,
#header .header_content .gnav li.menu_01 a.on{ background-position: 0 -45px; }
#header .header_content .gnav li.menu_02 a:hover,
#header .header_content .gnav li.menu_02 a.on{ background-position: -162px -45px; }
#header .header_content .gnav li.menu_03 a:hover,
#header .header_content .gnav li.menu_03 a.on{ background-position: -324px -45px; }
#header .header_content .gnav li.menu_04 a:hover,
#header .header_content .gnav li.menu_04 a.on{ background-position: -486px -45px; }
#header .header_content .gnav li.menu_05 a:hover,
#header .header_content .gnav li.menu_05 a.on{ background-position: -648px -45px; }
#header .header_content .gnav li.menu_06 a:hover,
#header .header_content .gnav li.menu_06 a.on{ background-position: -810px -45px; }


/* subnavi*/
#header .header_content .gnav ul li ul.subnavi{
 left: 0;
 position: absolute;
 text-align: left;
 top: 37px;
 display:none;
 text-align: center;
 font-size:12px;
 font-weight: bold;
}

#header .header_content .gnav ul li:hover ul.subnavi{
 display: block;
 position: absolute;
 z-index: 100;
}

#header .header_content .gnav ul li ul.subnavi li.subnavi_body{
 height:30px;
 width: 162px;
 background: url("../../img/common/subnavi_body.png") no-repeat 0 0;
}

#header .header_content .gnav ul li ul.subnavi li.subnavi_top{
 height:34px;
 width: 162px;
 background: url("../../img/common/subnavi_top.png") no-repeat 0 0;
}

#header .header_content .gnav ul li ul.subnavi li.subnavi_bottom{
 height:49px;
 width: 162px;
 background: url("../../img/common/subnavi_bottom.png") no-repeat 0 0;
}

#header .header_content .gnav ul li ul.subnavi li a{
 color: #868686;
 height:6px;
 padding:12px 0;
 width: 162px;
}

#header .header_content .gnav ul li ul.subnavi li.subnavi_top a{
 height:10px;
}

#header .header_content .gnav ul li ul.subnavi li a:hover{
 color: #FF6600;
}

/* NEWつける */
/* #2033 2015.11.12 コメントアウト
/*.gnav li.menu_04:before {
    content: "";
    background:url('/img/ico_new.png');
    width: 49px;
    height: 23px;
    position: absolute;
    top: -8px;
    left: 108px;
}
*/
/* contents
------------------------------------------------------ */
#wrapper{
    width:100%;
}

/* footer_adjust_bnr
------------------------------------------------------ */
#footer_adjust_bnr{
    margin: 20px auto;
    width: 800px;
    text-align: center;
}

/* footer
------------------------------------------------------ */
#footer2{
    width: 100%;
    background: url("../../img/common/footer_bg.gif") repeat-x left top #FFFFFF;
    text-align: left;
    font-family: "メイリオ", Meiryo, "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "ＭＳ Ｐゴシック", "Lucida Grande", "Lucida Sans Unicode", Arial, Verdana, sans-serif;
    font-size:12px;
}

#footer2 a{color:#666; text-decoration:none; cursor:pointer;}
#footer2 a:hover { text-decoration:none;}

    #footer2 .footer_content{
        margin: 0 auto;
        width: 980px;
        padding:30px 0 0 0;
    }

        #footer2 .footer_content .footer_content_top{
            height:8px;
            background: url("../../img/common/footer_content_top.gif") no-repeat 0 0;
        }

        #footer2 .footer_content .footer_content_body{
            background: url("../../img/common/footer_content_body.gif") repeat-y 0 0;
        }

        #footer2 .footer_content .footer_content_bottom{
            height:8px;
            background: url("../../img/common/footer_content_bottom.gif") no-repeat 0 0;
        }

        #footer2 .footer_content .footer_content_body .left_menu{
            float:left;
            padding:20px;
        }

            #footer2 .footer_content .footer_content_body .left_menu .search_box{
                width: 299px;
                margin:24px 0 0 0;
            }

            #footer2 .footer_content .footer_content_body .left_menu .search_box dl{
                height: 100%;
            }

            #footer2 .footer_content .footer_content_body .left_menu .search_box dl dt{
                float:left;
            }

            #footer2 .footer_content .footer_content_body .left_menu .search_box dl dd{
                float:left;
                padding:0 0 0 10px;
            }

            #footer2 .footer_content .footer_content_body .left_menu .search_box dl dd select{
                color:#666666;
                width: 180px;
                padding:5px 10px;
                border:1px solid #c8c8c8;
                background: url("../../img/common/footer_search_bg.gif") repeat-x left bottom #FFFFFF;
            }

            #footer2 .footer_content .footer_content_body .left_menu .search_box p{
                padding:15px 0 0 0;
            }

            #footer2 .footer_content .footer_content_body .left_menu .search_box p input:hover{
                opacity:0.8;
                filter: alpha(opacity=80);
                }

        /* footer right_menu */
        #footer2 .footer_content .footer_content_body .right_menu{
            float:left;
            padding: 20px;
        }

            #footer2 .footer_content .footer_content_body .right_menu a{
                color:#2779c8;
                text-decoration: none;
            }

            #footer2 .footer_content .footer_content_body .right_menu a:hover{
                color:#000000;
            }

            #footer2 .footer_content .footer_content_body .right_menu .section1{
                float:left;
                width: 170px;
            }

            #footer2 .footer_content .footer_content_body .right_menu .section1 ul{
                padding:15px 0 0;
                width: auto;
            }

            #footer2 .footer_content .footer_content_body .right_menu .section1 ul li{
                padding: 5px 0;
            }

            #footer2 .footer_content .footer_content_body .right_menu .section1 ul.first{
                float:left;
                width: 80px;
            }

            #footer2 .footer_content .footer_content_body .right_menu .section1 ul.second{
                float:left;
            }

            #footer2 .footer_content .footer_content_body .right_menu .section2{
                float:left;
                width: 120px;
            }

            #footer2 .footer_content .footer_content_body .right_menu .section2 ul{
                padding:15px 0 0;
                width: auto;
            }

            #footer2 .footer_content .footer_content_body .right_menu .section2 ul li{
                padding: 5px;
            }

            #footer2 .footer_content .footer_content_body .right_menu .section3{
                float:left;
                width: 120px;
            }

            #footer2 .footer_content .footer_content_body .right_menu .section3 ul{
                padding:15px 0 0;
                width: auto;
            }

            #footer2 .footer_content .footer_content_body .right_menu .section3 ul li{
                padding: 5px;
            }

            #footer2 .footer_content .footer_content_body .right_menu .section4{
                float:left;
                width: 190px;
            }

            #footer2 .footer_content .footer_content_body .right_menu .section4 ul{
                padding:15px 0 0;
                width: auto;
            }

            #footer2 .footer_content .footer_content_body .right_menu .section4 ul li{
                padding: 5px 0;
            }

            #footer2 .footer_content .footer_content_body .right_menu .section4 ul.first{
                float:left;
                width: 110px;
            }

            #footer2 .footer_content .footer_content_body .right_menu .section4 ul.second{
                float:left;
            }


        /* footer bottom_menu */
        #footer2 .footer_content .bottom_menu{
            margin:22px 0 0 0;
        }

            #footer2 .footer_content .bottom_menu ul{

            }

            #footer2 .footer_content .bottom_menu ul li{
                float:left;
            }

            #footer2 .footer_content .bottom_menu ul li a{
                background: url("../../img/common/menu_box_li.gif") no-repeat left 2px;
                padding: 0 10px;
            }

            #footer2 .footer_content .bottom_menu ul li a:hover{
                color: #FF6428;
            }

            #footer2 .footer_content .bottom_menu ul li a.first{
                padding: 0 10px 0 0;
                width: auto;
                background: none;
            }

            #footer2 .footer_content .bottom_menu ul li a.last{
                border:none;
            }

        /* Copyright */
        #footer2 .footer_content .Copyright{
            padding:10px 0;
            font-size:10px;
            color:#666666;
        }


/*
    TOOLTIP
*/

#tooltip
{
    font-size: 0.875em;
    text-align: center;
    text-shadow: 0 1px rgba( 0, 0, 0, .5 );
    line-height: 1.1;
    color: #fff;
    background: #333;
    background: -webkit-gradient( linear, left top, left bottom, from( rgba( 0, 0, 0, .6 ) ), to( rgba( 0, 0, 0, .8 ) ) );
    background: -webkit-linear-gradient( top, rgba( 0, 0, 0, .6 ), rgba( 0, 0, 0, .8 ) );
    background: -moz-linear-gradient( top, rgba( 0, 0, 0, .6 ), rgba( 0, 0, 0, .8 ) );
    background: -ms-radial-gradient( top, rgba( 0, 0, 0, .6 ), rgba( 0, 0, 0, .8 ) );
    background: -o-linear-gradient( top, rgba( 0, 0, 0, .6 ), rgba( 0, 0, 0, .8 ) );
    background: linear-gradient( top, rgba( 0, 0, 0, .6 ), rgba( 0, 0, 0, .8 ) );
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    border-top: 1px solid #fff;
    -webkit-box-shadow: 0 3px 5px rgba( 0, 0, 0, .3 );
    -moz-box-shadow: 0 3px 5px rgba( 0, 0, 0, .3 );
    box-shadow: 0 3px 5px rgba( 0, 0, 0, .3 );
    position: absolute;
    z-index: 100;
    padding: 10px 15px;
}

    #tooltip:after
    {
        width: 0;
        height: 0;
        border-left: 10px solid transparent;
        border-right: 10px solid transparent;
        border-top: 10px solid #333;
        border-top-color: rgba( 0, 0, 0, .7 );
        content: '';
        position: absolute;
        left: 50%;
        bottom: -10px;
        margin-left: -10px;
    }

        #tooltip.top:after
        {
            border-top-color: transparent;
            border-bottom: 10px solid #333;
            border-bottom-color: rgba( 0, 0, 0, .6 );
            top: -20px;
            bottom: auto;
        }

        #tooltip.left:after
        {
            left: 10px;
            margin: 0;
        }

        #tooltip.right:after
        {
            right: 10px;
            left: auto;
            margin: 0;
        }


#smart_footer{
    text-align:center;
    width:400px;
    margin:5px auto;
}

#smart_footer p{
    text-align:center;
}

#smart_footer a{
    border: 1px solid #000;
    display: block;
    width: 400px;
    background:#feebd7;
    color:#333;
    padding: 10px 0;
}

/* 各ページヘッダの会員システムリニューアルのお知らせ用スタイル */
.renewal_notification_container {
  margin:10px auto 10px ;
    text-align: center;
  border:1px solid #ccc;
  width:978px;
  height:32px;
  dislay:block;
  font-family: "メイリオ",Meiryo,"Hiragino Kaku Gothic Pro","ヒラギノ角ゴ Pro W3","ＭＳ Ｐゴシック","Lucida Grande","Lucida Sans Unicode",Arial,Verdana,sans-serif;
  font-size:12px;
}

.renewal_notification_1, .renewal_notification_2 {
    padding: 10px;
    font-weight: bold;
    line-height: 12px;
}
.renewal_notification_1 {
    color: #FFF;
    background-color: #CF0A16;
    float: left;
    width: 290px;
    height: 12px;
}
.renewal_notification_2 {
    background-color: #fff;
    float: left;
    width: 640px;
}
.renewal_notification_2 a {
    color: #0000FF;
    text-decoration: underline;
}
/* 各ページヘッダの会員システムリニューアルのお知らせ用スタイル ここまで */

/* ミツカン味ぽんつくったコメント募集中バナー用 */
a:hover img.tukucome_banner {
    opacity:0.6;
    filter:alpha(opacity=60);
    -ms-filter: "alpha( opacity=60 )";
}
img.tukucome_banner_msize {
    margin-top: 10px;
    margin-bottom: 10px;
}

#banner_area {
    text-align: center;
}





/* 20130725 add おすすめアプリ */



.recommendApli {
    border-bottom: 1px solid #CCCCCC;
    font-size: 14px;
    height: 20px;
    margin-bottom: 10px;
    position: relative;
    width: 980px;
        text-align:left;
        color:#CC3300;
}


/*
.recommendApli span {
    height: 20px;
    position: absolute;
    width: 980px;
        font-size:14px;
        color:#CC3300;

}
*/


#apliBox {
    height: auto;
    margin: 5px auto 10px;
    width: 980px;
        font-family:osaka,sans-serif,"ヒラギノ角ゴPro W3","Hiragino Kaku Gothic Pro","ＭＳ ゴシック";
}


#apliBox .apli {
    float: left;
    font-size: 12px;
    line-height: 18px;
    margin: 0 10px;
    text-align: center;
    /*width: 125px;*/
    /*width: 135px;*/
    width: 207px;
}


#apliBox .apli dt {
    height: 95px;
    vertical-align: top;
}



#apliBox .apli dt a:hover img{
    opacity:0.8;
    width:90px;
}

#apliBox .apli dd {
    /*border-top: 1px solid #CCCCCC;*/
    margin-top: 5px;
    padding-top: 5px;
    text-align: left;
}

#apliBox  .apli dd a {
    color: #804F21;
    font-size: 12px;
    font-weight: normal;
    text-decoration: none;

}

#apliBox  .apli dd a:hover {
    color: #FF6428;
}


#apliBox .apli_title {
    font-size:14px;
  background: url("../../img/sidebar/osusume_kikaku/title_osusume_kikaku.gif") no-repeat scroll 0 0 transparent;
  padding-left:15px;
  padding: 0px 0 5px 20px;
}

#apliBox .apli_body {
    color:#666666;
}


#apliBox  .apli dd .apli_body a {
  color: #666666;
}
#apliBox  .apli dd .apli_body a:hover {
  color: #FF6428;
}