/*------- 共通 ------------------------------*/
.clear{
    clear : both ;
    width : 100% ;
}
.text{
    font-weight : bold ;
    border:1px solid #777;
    padding: 3px 0;
    color : #333 ;
    background-color: #fff;
    border-radius: 3px;
    /* Webkit */
    -webkit-border-radius: 3px;
    -webkit-box-shadow: 1px 1px 1px #fff;
    /* Firefox */
    -moz-border-radius: 3px;
    -moz-box-shadow: 1px 1px 1px #fff;

    /* IE */
    filter:progid:DXImageTransform.Microsoft.gradient
        (startColorstr=#ffeeeeee,endColorstr=#ffffffff);
    zoom: 1;
}
.dropdown{
    font-weight : bold ;
    border:1px solid #777;
    padding: 3px 0 ;
    color : #333 ;
    background-color: #eee;
    border-radius: 3px;
    /* Webkit */
    -webkit-border-radius: 3px;
    -webkit-box-shadow: 1px 1px 1px #fff;
    /* Firefox */
    -moz-border-radius: 3px;
    -moz-box-shadow: 1px 1px 1px #fff;

    /* IE */
    filter:progid:DXImageTransform.Microsoft.gradient
        (startColorstr=#ffeeeeee,endColorstr=#ffffffff);
    zoom: 1;
}
.margin_bottom_10 {
    margin-bottom : 10px ;
}
.arrow_right {
    background-image : url(../images/yazirushi_green.jpg) ;
    background-repeat : no-repeat ;
    background-position : right center ;
    padding-right : 15px ;
    color : #333!important ;
}
.text_green {
    color : #3c6!important ;
}
.text_center {
    text-align : center ;
}
.text_right {
    text-align : right ;
}
.link_green {
    background-color : #cf3 ;
    padding : 2px 15px 2px 5px ;
    background-image : url(../images/icon_right.png) ;
    background-repeat : no-repeat ;
    background-position : right 7px ;
    color : #0c0!important ;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
}
.link_green:hover {
    background-color : #9c3 ;
    color : #090 ;
}

/*-- aタグ --*/
a:link,
a:visited {
    color: #0050B8;
    text-decoration: none;
    font-weight: bold;
}
a:hover,
a:active {
    color: #4F86CE;
    text-decoration: underline;
}
.r-link {
    font-size : 14px ;
    text-align: right;
    padding-right: 15px;
}
hr{
    border : 1px solid #ccc ;
}

/*-- パンくず --*/
.pan {
    padding : 5px 0 5px 10px ;
}
.pan li,
.pan li a{
    color : #3c6 ;
    font-weight : normal ;
    font-size : 14px ;
}
.pan li {
    display : inline-block ;
    vertical-align : top ;
}
.pan li a:after {
    content: " > ";
}

/*------- ヘッダー --------------------------*/
#header{
    width : 100% ;
    height : 150px ;
    padding : 10px 0 5px 0 ;
}
#header #header_contents{
    width : 1000px ;
    height : 100px ;
    margin : 0 auto ;
    background-image : url(../images/header_bg001.jpg) ;
    background-position : center center ;
    background-repeat : no-repeat ;
}
#header #header_contents h1{
    float : left ;
    width : 350px ;
    vertical-align : top ;
}
.header_menu_box{
    float : right ;
    vertical-align : top ;
}
.header_menu01{
    float: right;
    margin-bottom: 10px;
}
.header_menu01_menu{
    float: left;
    margin: 15px 0;
    min-width : 400px ;
    text-align : right ;
}
.header_menu01 a{
    font-size : 11px ;
    font-weight : normal ;
}
.header_menu01_search {
    float: right;
    background-color: #EFEFEF;
    height: 40px;
    width: 260px;
    border-radius: 25px;
    -webkit-border-radius: 25px;
    -moz-border-radius: 25px;
    font-size: 11px;
    padding: 0 10px;
}
.header_menu01_search .gsc-input{
    border-radius : 0px!important ;
    box-shadow : none!important ;
    transition : none!important ;
}
.header_menu01_search div {
    margin-top: 3px;
}
#header a:link,
#header a:visited {
    color: #333;
    font-weight: bold;
    text-decoration: none;
}
#header a:hover,
#header a:active {
    color: #666;
    text-decoration: underline;
}
#header #header_navi {
    clear : both ;
    width : 100% ;
    height : 40px ;
    background-image : url(../images/header_menu_bk.jpg) ;
    background-repeat : repeat-x ;
    display : block ;
}
#header #header_navi ul {
    width : 1000px ;
    margin : 0 auto ;
    white-space : nowrap ;
}
#header #header_navi ul li {
    display : table-cell ;
    vertical-align : top ;
    height : 40px ;
}
#header #header_navi ul li a {
    display : inline-block ;
    height : 40px ;
    text-indent : -9999px ;
    background-image : url(../images/global_menu.jpg) ;
    background-repeat : no-repeat ;
}
#header #header_navi ul li.navi1 a {
    width : 43px ;
    background-position : 0 0 ;
}
#header #header_navi ul li.navi2 a {
    width : 277px ;
    background-position : -43px 0 ;
}
#header #header_navi ul li.navi3 a {
    width : 195px ;
    background-position : -320px 0 ;
}
#header #header_navi ul li.navi4 a {
    width : 182px ;
    background-position : -515px 0 ;
}
#header #header_navi ul li.navi5 a {
    width : 139px ;
    background-position : -697px 0 ;
}
#header #header_navi ul li.navi6 a {
    width : 164px ;
    background-position : -836px 0 ;
}
#header #header_navi ul li.navi7 a {
    width : 164px ;
    background-position : -1000px 0 ;
}
#header #header_navi ul li.navi1 a:hover {
    background-position : 0 -40px ;
}
#header #header_navi ul li.navi2 a:hover {
    background-position : -43px -40px ;
}
#header #header_navi ul li.navi3 a:hover {
    background-position : -320px -40px ;
}
#header #header_navi ul li.navi4 a:hover {
    background-position : -515px -40px ;
}
#header #header_navi ul li.navi5 a:hover {
    background-position : -697px -40px ;
}
#header #header_navi ul li.navi6 a:hover {
    background-position : -836px -40px ;
}
#header #header_navi ul li.navi7 a:hover {
    background-position : -1000px -40px ;
}
#header #header_navi ul li.navi7 {
    position : relative ;
}
#header #header_navi ul li.navi7 ul {
    position : absolute ;
    top : 40px ;
    z-index : 1000 ;
    width : 164px ;
}
#header #header_navi ul li.navi7 li {
    display : block ;
    width : 164px ;
}
#header #header_navi ul li.navi7 li a {
    background-image : none ;
    height : auto ;
    text-indent : 0px ;
}

/*------ メインコンテンツ部分 -------------------------------*/
#main {
    width : 1000px ;
    margin : 0 auto ;
}
#main #left_box {
    display : inline-block ;
    vertical-align : top ;
    width : 210px ;
    margin-right : 10px ;
}
#main #right_box {
    display : inline-block ;
    vertical-align : top ;
    width : 770px ;
}

@media screen and (max-width: 1000px) {
    #main {
        padding: 20px;
    }
}
/*------ サイドバーログインボックス -------------------------------------*/
#main #sidebar_login_box {
    width : 210px ;
}
#main #sidebar_login_box h2 {
    height : 50px ;
}
#main #sidebar_login_box .bottom_radius_box {
    border : 2px solid #3c6 ;
    border-top : none ;
    border-radius: 0px 0px 10px 10px / 0px 0px 10px 10px ;
    -webkit-border-radius: 0px 0px 10px 10px / 0px 0px 10px 10px ;
    -moz-border-radius: 0px 0px 10px 10px / 0px 0px 10px 10px ;
    text-align : center ;
    padding-top : 5px;
    padding-bottom : 5px;
}
#main #left_box #sidebar_login_box .text {
    width : 190px ;
}
#main #left_box #sidebar_login_box a,
#main #left_box #sidebar_login_box label {
    font-size : 12px ;
}
#main #left_box #sidebar_login_box #btn_sidebar_login {
    width : 170px ;
    height : 36px ;
    background-image : url(../images/btn_sidebar_login_off.jpg) ;
    background-repeat : no-repeat ;
    border : none ;
    cursor : pointer ;
}
#main #left_box #sidebar_login_box #btn_sidebar_login:hover {
    background-image : url(../images/btn_sidebar_login_on.jpg) ;
}
#main #left_box #sidebar_login_box #btn_kaiin a {
    width : 170px ;
    height : 36px ;
    display : inline-block ;
}


/*------ サイドバークーポンサーチリンク -------------------------------*/
#main #left_box #sidebar_coupon_search_box #btn_sidebar_coupon_search a {
    width : 210px ;
    height : 90px ;
    display : inline-block ;
}


/*------ サイドバー検索ボックス --------------------------------------*/
#main #sidebar_search_box {
    width : 210px ;
}
#main #sidebar_search_box h2 {
    height : 50px ;
}
#main #sidebar_search_box .bottom_radius_box {
    border : 2px solid #3c6 ;
    border-top : none ;
    border-radius: 0px 0px 10px 10px / 0px 0px 10px 10px ;
    -webkit-border-radius: 0px 0px 10px 10px / 0px 0px 10px 10px ;
    -moz-border-radius: 0px 0px 10px 10px / 0px 0px 10px 10px ;
}
#main #sidebar_search_box .bottom_radius_box .small_title {
    font-size : 14px ;
    font-weight : bold ;
    padding : 10px 0 0 5px ;
}
#main #sidebar_search_box .bottom_radius_box #sidebar_categorys li {
    float : left ;
    width : 67px ;
}
#main #sidebar_search_box .bottom_radius_box #sidebar_categorys li a {
    display : inline-block ;
    width : 67px ;
    height : 77px ;
}
#main #sidebar_search_box .bottom_radius_box .text,
#main #sidebar_search_box .bottom_radius_box .dropdown {
    width : 190px ;
}
#main #sidebar_search_box .bottom_radius_box #btn_search {
    width : 80px ;
    height : 26px ;
    background-image : url(../images/btn_sidebar_search_off.jpg) ;
    background-repeat : no-repeat ;
    border : none ;
    cursor : pointer ;
}
#main #sidebar_search_box .bottom_radius_box #btn_search:hover {
    background-image : url(../images/btn_sidebar_search_on.jpg) ;
}

#main #sidebar_search_box .bottom_radius_box hr.dotted {
    border : none ;
    border-bottom : 3px dotted #3c6 ;
}


/*------ サイドバー新加盟店一覧 -------------------------*/
#main #left_box #new_shop {
    width : 210px ;
}
#main #left_box #new_shop ul li {
    padding : 0 5px ;
    border-bottom : 1px dotted #3c6 ;
}
#main #left_box #new_shop ul li,
#main #left_box #new_shop a {
    font-size : 12px ;
}


/*------- フッター --------------------------*/
#go_top{
    padding-right : 10px ;
    margin : 0 auto ;
    text-align : right ;
}
#footer{
    background-color: #EFEFEF;
    border-top: 5px solid #3c3;
    width: 100%;
}
#footer .footer_menu01_menu,
#footer .footer_menu01_menu a{
    font-size: 12px;
    margin: 15px 0 0;
    color : #333 ;
}
#footer .footer_site_map {
    padding-top : 10px ;
    width : 740px ;
    margin : 0 auto ;
}
#footer .footer_site_map .site_map_box {
    display: inline-block ;
    vertical-align : top ;
    width : 240px ;
}
#footer .footer_site_map p {
    font-size : 16px ;
    font-weight : bold ;
    color : #333 ;
}
#footer .footer_site_map ul li {
    padding-left : 10px ;
    color : #666 ;
}
#footer .footer_site_map ul li a {
    color : #666 ;
    padding-left : 2px ;
}
#footer #footer_inner{
    text-align: center ;
}