﻿* {
    margin: 0px;
    padding: 0px;
}

body {
    background-image: url('images/bg/body_bg.png');
    background-repeat: repeat;
    background-color: #eee;
    font-family: 'Hiragino Kaku Gothic Pro', 'ヒラギノ角ゴ Pro W3', Meiryo, メイリオ, sans-serif;
    line-height: 150%;
    font-size: 12px;
    padding: 0px;
    margin: 0px;
}

div {
    overflow: hidden;
}

img {
    border: 0;
    overflow: hidden;
}
ul {
    list-style: none;
    padding: 0px;
}

a {
    text-decoration:none;
    color: #444;
}
a:link, a:visited {
    font-weight: bold;
}
a:hover {
    color: blue;
}

h3 {
    color: orange; /* delete */
    font-size: 18px; /* delete */
    padding-left: 30px; /* delete */
}

/** Top Menu ▼▼ **/
div.topmenu_wrapper {
    width: 1000px;
    margin: 0 auto;
    overflow: visible;
}
ul.topmenu {
    list-style: none;
    position: relative;
    margin: 0 auto 0;
    width: 1000px;
    clear: both;
}
ul.topmenu > li {
    width: 76px;
    height: 63px;
    float: left;
    position: relative;
    overflow: visible;
}
ul.topmenu > li > a {
    display: block;
    width: 100%;
    height: 100%;
    opacity:0.8;
}
ul.topmenu div {
    position: absolute;
    top: 63px;
    left: 0px;
    /*
    background: skyblue;
    width: 256px;
    height: 128px;
    padding: 2px;
    */
    display: none;
    overflow: visible;
}
ul.topmenu div ul {
    list-style: none;
    float: left;
    padding: 0;
    margin: 0;
}
/*
ul.topmenu div ul li {
    float: left;
    display: block;
    width: 60px;
    height: 60px;
    margin: 2px;
    background-color: gold;
}
*/
div.topmenu_add1 ul li, div.topmenu_add2 ul li {
    float: left;
    display: block;
    width: 60px;
    height: 60px;
    margin: 3px;
    background-color: gold;
}
div.topmenu_add_area ul li {
    float: left;
    display: block;
    width: 70px;
    height: 28px;
    margin: 3px;
    padding: 2px;
    text-align: center;
    background-color: gold;
}
ul.topmenu div ul li a {
    display: block;
    width: 100%;
    height: 100%;
}
ul.topmenu div ul li:hover{
    background-color: orange;
    color: #fff;
}
.topmenu_logo_bg {
    position: relative;
    background-image: url('/img/topmenu_logo_wrapper.png');
}
.mleft2 {
    margin-left: 2px;
}
.topmenu_item, .topmenu_item2 {
    float: left;
    width: 76px;
    height: 63px;
    background-image: url('/img/topmenu_icon_wrapper.png');
}
.topmenu_item2 {
    box-shadow: 1px 2px 2px rgba(0,0,0,0.7);
    -moz-box-shadow: 1px 2px 2px rgba(0,0,0,0.7);
    -webkit-box-shadow: 1px 2px 2px rgba(0,0,0,0.7);
}
li.topmenu_expand div {
    box-shadow: 5px 5px 10px 5px rgba(0,0,0,0.5);
    -moz-box-shadow: 5px 5px 10px 5px rgba(0,0,0,0.5);
    -webkit-box-shadow: 5px 5px 10px 5px rgba(0,0,0,0.5);
}
.topmenu_item img {
    margin: 2px 0 0 8px;
}
.topmenu_expand:hover {
    cursor: pointer;
}
.topmenu_item2 img {
    margin: 0px;
}
.topmenu_c1, .topmenu_c8 {
    background-color: #0FA2CC;
}
.topmenu_c1:hover, .topmenu_c8:hover {
    background-color: #0684B8;
}
.topmenu_c2, .topmenu_c7 {
    background-color: #987AF0;
}
.topmenu_c2:hover, .topmenu_c7:hover {
    background-color: #794BFF;
}
.topmenu_c3, .topmenu_c6 {
    background-color: #71DDFC;
}
.topmenu_c3:hover, .topmenu_c6:hover {
    background-color: #00C2FA;
}
.topmenu_c4, .topmenu_c5 {
    background-color: #84C0FE;
}
.topmenu_c4:hover, .topmenu_c5:hover {
    background-color: #459EFA;
}
.topmenu_login_link {
    background-image: url('/img/icon_login.png');
    background-repeat: no-repeat;
    padding-left: 18px;
}
.topmenu_login_link:link, .topmenu_login_link:visited {
    color: #444;
}
.topmenu_login_link:hover {
    color: blue;
}
#dialog-form {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 9999;
    width: 100%;
    height: 100%;
    background-color: rgba(0,0,0,0.2);
    display: none;
}
.search-form {
    width: 450px;
    height: 200px;
    padding: 20px;
    margin: 85px auto;
    background-color: #87DDF6;
    background-image: url('/css/images/bg/search_form_bg.png');
    box-shadow: 5px 5px 10px 5px rgba(0,0,0,0.5);
    -moz-box-shadow: 5px 5px 10px 5px rgba(0,0,0,0.5);
    -webkit-box-shadow: 5px 5px 10px 5px rgba(0,0,0,0.5);
    position: relative;
}
.search-form-find {
    background-image: url('/css/images/bg/search_form_find.png');
    background-repeat: no-repeat;
    position: absolute;
    width: 102px;
    height: 41px;
    left: 194px;
    bottom: 20px;
}.search-form-close {
    background-image: url('/css/images/bg/search_form_close.png');
    background-repeat: no-repeat;
    position: absolute;
    width: 36px;
    height: 32px;
    right: 10px;
    top: 10px;
}
/** Top Menu ▲▲ **/

/** Header ▼▼ **/
.header_bg {
    width: 100%;
    height: 70px;
}

.header_top {
    background-image: url('images/top/top_a_2.png');
    background-repeat: repeat-x;
    width: 1000px;
    height: 70px;
    color: white;
    overflow: hidden;
    margin: 0 auto;
    clear: both;
}
.header_top a:link, .header_top a:visited {
    color: white;
}
.header_top a:hover {
    color: blue;
}
.header_top_left {
    width: 275px;
    height: 68px;
    float: left;
    overflow: hidden;
}
.header_text_title {
    height: 15px;
    font-size: 11px;
    padding: 0 0 0 50px;
    color: crimson;
}
.logo_link {
    display: block;
    width: 250px;
    height: 30px;
    margin: 0 0 0 30px;
}

.header_top_right {
    width: 725px;
    float: right;
}
.header_top_right_up {
    height: 40px;
    position: relative;
}
.header_top_right_up_area_name {
    width: 90px;
    height:100%;
    text-align: center;
    float: left;
    position: absolute;
    top: 0;
    left: 0;
}
.header_top_right_down {
    height: 26px;
    margin: 2px 0 0 0;
    overflow: hidden;
}
.header_text_info {
    height: 45px;
    font-size: 12px;
    padding: 2px 0px;
}

.area_stat {
    width: 300px;
    color: midnightblue;
    font-size: 11px;
    text-align: right;
    position: absolute;
    right: 10px;
    top: 0;
}
.stat_text {
    color: red;
    font-weight: bold;
}

.area_menu {
    width: 530px;
    height: 40px;
    float: left;
    position: absolute;
    left: 90px;
    top: 0;
}

.area_menu ul {
    height: 23px;
    width: 565px;
    margin-top: 17px;
    list-style: none;
    position: relative;
    overflow: visible;
}

.area_common {
    line-height: 23px;
    height: 23px;
    width: 103px;
    text-align: center;
    display: block;
    position: absolute;
}
#area_tokyo {
    top: 0;
    left: -2px;
}
#area_kanagawa {
    top: 0;
    left: 70px;
}
#area_saitama {
    top: 0;
    left: 141px;
}
#area_chiba {
    top: 0;
    left: 213px;
}
#area_tochigi {
    top: 0;
    left: 284px;
}
#area_ibaraki {
    top: 0;
    left: 356px;
}
#area_gunma {
    top: 0;
    left: 427px;
}
.area_common:hover {
    background-image: url('images/top/top_icon103_over_up.png');
    background-repeat: no-repeat;
    overflow: visible;
}

.area_menu li a {
    color: white;
    font-size: 16px;
    height: 23px;
    margin-top: 3px;
    font-weight: bold;
    display: block;
}
.area_menu li a:link, .area_menu li a:visited {
    color: white;
}
.area_menu li a:hover{
    color: white;
}
.header_btns {
    width: 120px;
    height: 100%;
    position: absolute;
    top: 0;
    left: 592px;
}
.header_admin_btn_log, #header_admin_btn_shop {
    font-size: 12px;
    text-align: center;
}
.header_admin_btn_log {
    height: 12px;
    width: 86px;
    margin: 17px 0 0 -2px;
    display: block;
}
.header_admin_btn_log:hover {
    background-image: url('images/top/top_icon_86_rog_over.png');
    background-repeat: no-repeat;
}
#header_admin_btn_shop {
    line-height: 27px;
    height: 23px;
    width: 118px;
    color: darkorange;
    margin: 17px 0 0 -3px;
    display: block;
}
#header_admin_btn_shop:hover {
    background-image: url('images/top/top_icon118_over_up.png');
    background-repeat: no-repeat;
    color: gold;
}
.shop_qna {
    background-image: url('images/top/top_icon_86.png');
    background-repeat: no-repeat;
    height: 12px;
    width: 86px;
    margin: 0 0 0 14px;
}
#header_admin_smart {
    display: block;
    width: 57px;
    font-weight: bold;
    margin: 22px 0 0 28px;
    overflow: hidden;
}
#header_admin_smart:link, #header_admin_smart:visited {
    color: orange
}
#header_admin_smart:hover {
    color: gold
}
.fcBlue {
    color: blue;
}
.fcMBlue {
    color: midnightblue;
}
.fcRed {
    color: red;
}

.header_top_right_down {
    margin-top: 2px;
    height: 23px;
}

#header_menu {
    height: 100%;
}
#header_menu ul {
    width: 705px;
    height: 100%;
    list-style: none;
    margin: 0 0 0 20px;
    position: relative;
}
.menu_item {
    line-height: 20px;
    height: 20px;
    width: 103px;
    padding-top: 3px;
    text-align: center;
    display: block;
    position: absolute;
}
#menu_1 {
    top: 0;
    left: 0px;
}
#menu_2 {
    top: 0;
    left: 74px;
    width: 176px;
}
#menu_3 {
    top: 0;
    left: 216px;
}
#menu_4 {
    top: 0;
    left: 284px;
}
#menu_5 {
    top: 0;
    left: 356px;
}
#menu_6 {
    top: 0;
    left: 427px;
}
#menu_7 {
    top: 0;
    left: 499px;
}
.menu_item:hover {
    background-image: url('images/top/top_icon103_over_down.png');
    background-repeat: no-repeat;
    overflow: visible;
}
#menu_2:hover {
    background-image: url('images/top/top_icon_172_over.png');
    background-repeat: no-repeat;
    overflow: visible;
}
.header_menu_selected {
    background-image: url('images/top/top_icon103_selected_down.png');
    background-repeat: no-repeat;
    background-position: 0 1px;
}
#menu_2.header_menu_selected {
    background-image: url('images/top/top_icon_172_selected.png');
    background-repeat: no-repeat;
    background-position: 0 1px;
}
#header_menu li a {
    width: 100%;
    height: 100%;
    color: white;
    display: block;
}
#a_header_menu_selected:link, #a_header_menu_selected:visited {
    color: black;
    font-weight: bold;
}
#smart_link:link, #smart_link:visited {
    color: orange;
    font-weight: bold;
}
#smart_link:hover {
    color: gold;
}

.header_menu_selected a:link, .header_menu_selected a:visited {
    color: white;
}
.header_menu_active a:link, .header_menu_active a:visited {
    color: white;
}
.header_menu_active a:hover {
    color: rgb(96,205,213);
}

.entrans_info {
    background: #4490E0;
    width: 1000px;
    height: 22px;
    line-height: 22px;
    margin: 0 auto 0;
    text-align: center;
    color: white;
}
.entrans_info a:link, .entrans_info a:visited {
    color: red;
}
.entrans_info a:hover {
    color: lime;
}

/** Header ▲▲ **/

/** Shop LIst ▼▼ **/
#shop_list_title {
    background-color: #4a494a;
    border: 1px solid #999;
    padding: 5px 15px;
    font-size: 120%;
    font-weight: bold;
    color: white;
}
#all_shop_list {
    display: block;
    color: black;
    padding: 10px 10px;
    border: 1px solid gray;
}
#all_shop_list a:link, #all_shop_list a:visited {
    color: #333;
}
.shop_list_item {
    display: block;
    padding: 0 5px 4px;
    margin: 0 0 5px 0;
    border-bottom: 1px dotted gray;
}
.shop_list_item:hover {
    background-color: #ccc;
    border-bottom: 1px dotted black;
}
.shop_list_sname, .shop_list_sinfo {
    float: left;
}
a.shop_list_link {
    display: table-cell;
    width: 220px;
    height: 42px;
    padding: 1px 5px;
    border: 1px solid black;
    background-color: white;
    text-align: center;
    vertical-align: middle;
    font-size: 120%;
    font-weight: bold;
}
a.shop_list_link:link, a.shop_list_link:visited {
    color: blue !important;
}
a.shop_list_link:hover {
    background-color: orange;
    color: red !important;
}
.shop_list_stype, .shop_list_sarea, .shop_list_sarea_detail, .shop_list_stel {
    min-width: 120px;
    padding: 1px 5px;
    margin: 0 0 0 10px;
    border: 1px solid black;
    background-color: skyblue;
    float: left;
}
.shop_list_sarea {
    min-width: 50px;
    text-align: center;
}
.shop_list_sarea_detail {
    min-width: 220px;
}
.shop_list_stel {
    color: brown;
    font-size: 120%;
    font-weight: bold;
}
.shop_list_comment {
    display: block;
    padding: 1px 0 0 12px;
    margin: 3px 0 0 0;
    vertical-align: middle;
    color: navy;
}
/** Shop List ▲▲ **/


/** Body ▼▼ **/
.content_top_info {
    width: 1000px;
    min-height: 292px;
    margin: 1px auto 0px;
    position: relative;
}

/** Body Top ▼▼ **/
.pickup {
    width: 188px;
    position: absolute;
    top: 0;
    /*right: 200px;*/
    left: 0;
}
.pickup_content {
    width: 186px;
    height: 264px;
    border: 1px solid #999;
    text-align: center;
}
.pickup_content:hover {
    background-color: rgba(0,0,0,0.2);
}
.pickup_content_title{
    background-image: url('images/corner/corner_line_188_white.png');
    background-repeat: no-repeat;
    font-weight: bold;
    width: 188px;
    color: #4444ff;
    line-height: 22px;
    height: 22px;
    font-size: 12px;
    text-align:center;
}

.realtime_index {
    width: 1000px;
    margin: 0 auto;
}
.realtime_index_title {
    background-image: url('images/corner/corner_line_detail1000.png');
    background-repeat: no-repeat;
    width: 970px;
    color: #0000ff;
    font-weight: bold;
    text-align:left;
    padding: 0px 0px 0px 30px;
    line-height: 22px;
    height: 22px;
    font-size: 12px;
}
.realtime_index_content {
    /*background-image: url('images/bg/top_news.png');
    background-repeat: repeat;*/
    width: 600px;
    height: 115px;
    /*border: 3px solid #999;
    border-top: none;
    border-bottom: none;
    border-radius: 5px;*/
    /*padding: 5px 10px 2px;*/
    /*margin-top: 2px;*/
    box-sizing: border-box;
    font-size: 11px;
}
.realtime_index_content a:link, .realtime_index_content a:visited {
    color: #494949;
}
.realtime_index_content a:hover {
    color: #00aff0;
}
.realtime_index_line {
    height: 23px;
    display: block;
}
.realtime_index_line_inner {
    width: 510px;
    height: 19px;
    line-height: 24px;
    display: block;
    float: right;
    overflow: hidden;
}
.realtime_index_line_inner:hover {
    background-color: rgba(0,0,0,0.2);
    height: 18px;
    border: 1px solid skyblue;
    border-width: 0 0 1px 0;
}
.news_info_link_index {
    width: 460px;
    height: 18px;
    display: block;
    float: right;
}

.map-wrapper {
    background-image: url('images/bg/map_bg.png');
    background-repeat: repeat;
    position: relative;
    width: 1000px;
    height: 330px;
    background-color: #fafafa;
    margin: 0 auto;
}
.map-item {
    box-sizing: border-box;
    position: absolute;
    display: inline-block;
    overflow: hidden;
    min-width: 50px;
    min-height: 23px;
    text-align: center;
    border: 2px solid #555;
    border-radius: 5px;
    color: white;
    text-shadow: 0 0 1px #000, 0 0 1px #000, 0 0 1px #000;
    transition-duration: 0.2s, 0.2s;
    -webkit-transition-duration: 0.2s, 0.2s;
    -moz-transition-duration: 0.2s, 0.2s;
    transition-timing function: linear, ease-in;
    -webkit-transition-timing function: linear, ease-in;
    -moz-transition-timing function: linear, ease-in;
}
.map-item-w1-h1 { width: 50px;  height: 23px; line-height: 23px; }
.map-item-w1-h2 { width: 50px;  height: 50px; line-height: 50px; }
.map-item-w2-h1 { width: 105px; height: 23px; line-height: 23px; }
.map-item-w2-h2 { width: 105px; height: 50px; line-height: 50px; }

.map-item-w1-h1:hover { margin-right: -4px; margin-top: -3px; width: 58px;  height: 29px; line-height: 29px; }
.map-item-w1-h2:hover { margin-right: -4px; margin-top: -3px; width: 58px;  height: 54px; line-height: 54px; }
.map-item-w2-h1:hover { margin-right: -4px; margin-top: -3px; width: 113px; height: 29px; line-height: 29px; }
.map-item-w2-h2:hover { margin-right: -4px; margin-top: -3px; width: 113px; height: 54px; line-height: 54px; }

.map-item:link, .map-item:visited { color: white; }2.map-item:hover {2color: black; font-size: 110%; font-weight: bold; text-shadow: none; }

.map-item.tohoku { background-color: #82A0DD; border-color: #5583E3; }
.map-item.tohoku:hover { background-color: #82A0AA; border-color: blue; }
.map-item.kanto  { background-color: #A2D04B; border-color: #8ABC29; }
.map-item.kanto:hover { background-color: #A2A04B; border-color: green; }
.map-item.chubu  { background-color: #EC9B9B; border-color: #E75B5B;}
.map-item.chubu:hover { background-color: #BC9B9B; border-color: red; }
.map-item.kansai { background-color: #FBB855; border-color: #EE9A1B; }
.map-item.kansai:hover { background-color: #CBA855; border-color: darkorange; }
.map-item.chukoku { background-color: #C696D5; border-color: #B563D1; }
.map-item.chukoku:hover { background-color: #A696B5; border-color: purple; }
.map-item.sikoku { background-color: #8A94D2; border-color: #4E5DC4; }
.map-item.sikoku:hover { background-color: #8A94A2; border-color: navy; }
.map-item.kyushu { background-color: #F46D6D; border-color: #EA3939; }
.map-item.kyushu:hover { background-color: #B46D6D; border-color: red; }

.top_search_form { overflow: hidden; }
.top_search_form select, .top_search_form input {
    box-sizing: border-box;
    border: 1px solid #999;
    border-radius: 2px;
    height: 25px;
    line-height: 23px;
    float: left;
    font-size: 11px;
    font-weight: bold;
    font-family: 'Hiragino Kaku Gothic Pro', 'ヒラギノ角ゴ Pro W3', Meiryo, メイリオ, sans-serif;
}
.top_search_form select { width: 80px; padding-left: 5px; background-color: #fafafa; }
.top_search_form input[type=text]   { width: 180px; margin-left: 5px; padding-left: 5px; font-weight: bold; color: navy; background-color: #fafafa; }
.top_search_form input[type=text]:focus { border-bottom: 2px solid orange; }
.top_search_form input[type=button] { width: 60px;  margin-left: 5px; text-align: center; }
.top_search_form input[type=button]:hover { cursor: pointer; background-color: #aaa; color: white;}

.realtime_top {
    width: 600px;
    position: absolute;
    top: 0px;
    /*left: 0px;*/
    right: 200px;
}
.realtime_top_title {
    background-image: url('images/corner/corner_line_600.png');
    background-repeat: no-repeat;
    width: 600px;
    color: #4444ff;
    font-weight: bold;
    text-align:left;
    padding: 0px 0px 0px 40px;
    line-height: 22px;
    height: 22px;
    font-size: 12px;
}
.realtime_top_content {
    background-image: url('images/bg/top_news.png');
    background-repeat: repeat;
    width: 592px;
    height: 250px;
    border: 1px solid #999;
    padding: 7px 0px 7px 6px;
    position: relative;
}
.realtime_top_content a:link, .realtime_top_content a:visited {
    color: #494949;
}
.realtime_top_content a:hover {
    color: #00aff0;
}
.realtime_top_line {
    height: 23px;
    display: block;
}
.realtime_top_line_inner {
    width: 523px;
    display: block;
    float: right;
}
.realtime_top_line_inner:hover {
    background-color: rgba(0,0,0,0.2);
    border-bottom: 1px solid skyblue;
}
.news_info_link {
    width: 475px;
    display: block;
    float: right;
}
.news_info_link_new {
    background-image: url('images/icon_new_mov.gif');
    background-repeat: no-repeat;
    padding-left: 35px;
    width: 440px;
    display: block;
    float: right;
}
.shop_news_type {
    width: 60px;
    color: white;
    font-size: 11px;
    padding: 2px 0px 0px 2px;
    text-align: left;
    display: inline-block;
}

#update_info {
    position: absolute;
    top: 100px;
    left: 200px;
    z-index: 999;
    width: 160px;
    height: 40px;
    background-color: rgba(0,0,0,0.5);
    border-radius: 7px;
    border: 2px solid black;
    background-image: url('images/news_update.gif');
    background-repeat: no-repeat;
    background-position: 20px 5px;
}

#top_index_map {
    width: 348px;
    height: 259px;
    position: relative;
}
.map_cell {
    display: block;
    position: absolute;
    z-index: 9999;
    overflow: hidden;
    background-color: blue;
    filter: alpha(opacity=1);
    opacity: 0.01;
}

.pr_banner {
    width: 188px;
    height: 300px;
    position: absolute;
    top: 0px;
    right: 0px;
}
.pr_banner_title{
    background-image: url('images/corner/corner_line_188_white.png');
    background-repeat: no-repeat;
    font-weight: bold;
    width: 188px;
    color: #4444ff;
    text-align:center;
    line-height: 22px;
    height: 22px;
    font-size: 12px;
}
.pr_banner_content {
    width: 186px;
    height: 263px;
    border: 1px solid #999;
    text-align: center;
}
.pr_banner_item {
    display: block;
    width: 182px;
    height: 36px;
    line-height: 36px;
    color: white;
    font-size: 13px;
    text-align: center;
    padding: 5px 2px 2px;
}
.pr_banner_item img {
    max-width: 180px;
    max-height: 36px;
}
/** Body Top ▲▲ **/

/** Body Middle ▼▼ **/
.area_menu_link_title {
    background-image: url('images/corner/corner_line_188_white.png');
    background-repeat: no-repeat;
    font-weight: bold;
    width: 188px;
    color: #4444ff;
    line-height: 22px;
    height: 22px;
    font-size: 12px;
    text-align:center;
    margin-top: 10px;
}
.area_menu_link_content {
    background-image: url('images/bg/side_01.png');
    background-repeat: repeat;
    width: 184px;
    border: 1px solid #999;
    padding: 2px 0 10px 2px;
}
.area_menu_link_content ul {
    list-style: none;
    padding: 5px;
}
.area_menu_link_content ul li {
    display: inline-block;
    line-height: 20px;
    height: 26px;
    width: 50px;
    padding: 2px 2px 2px 5px;
    margin-right: 5px;
    box-sizing: border-box;
}
.area_menu_link_content ul li a {
    display: block;
}
.area_menu_link_content ul li:hover {
    line-height: 20px;
    border-bottom: 2px solid red;
}
.area_menu_link_content a:link, .area_menu_link_content a:visited {
    color: white;
}
.area_menu_link_content a:hover {
    color: hotpink;
}

.content_search {
    width: 1000px;
    margin: 0px auto;
}
.search_condition {
    width: 1000px;
}
.search_bar {
    background-image: url('/img/search_toolbar.png');
    background-repeat: repeat;
    heigth: 40px;
 }
/* width : 530px / total : 990px / sum : 660px */
.search_condition_select {
    width: 518px;
    height: 30px;
    line-height: 30px;
    padding: 3px 0px 0px 40px;
    float: left
}
/* width : 123px / total : 990px / sum : 783px */
.search_condition_btn {
    border-left: 2px solid white;
    float: right;
}
#search_btn{
    background-image: url('/css/images/bg/search_bar_btn.png');
    background-repeat: no-repeat;
    width: 69px;
    height: 32px;
    display: block;
}
#search_btn:hover {
    background-image: url('/css/images/bg/search_bar_btn_up.png');
    cursor: pointer;
}
/* width : 205px / total : 990px / sum : 988px */
.search_condition_keyword {
    height: 30px;
    line-height: 30px;
    padding: 3px 0px 0px 30px;
    float: left;
}
.search_keyword {
    width: 180px;
    padding: 0px 0px 0px 2px;
}
.span_h20_b {
    height: 15px;
    padding: 5px 0px 0px;
    font-weight: bold;
    display: inline-block;
}

.search_result {
    border: 1px solid #999;
    border-width: 1px 1px 1px 0px;
    margin: 2px 0px 5px 0px;

}
.search_result_text {
    width: 700px;
    padding: 5px 0px 2px 15px;
    color: midnightblue;
    float: left;
}
.search_result_info {
    width: 270px;
    padding: 2px 10px 2px 0px;
    color: midnightblue;
    text-align: right;
    float: right;
}
#result_view_count {
    padding: 0px 5px;
}

.area_map_btn {
    background-color: #4a494a;
    width: 120px;
    color: white;
    background-color: orange;
    border-radius: 10px;
    padding: 2px 10px;
    display: inline-block;
    box-shadow: 1px 2px 1px rgba(0,0,0,0.5);
    -moz-box-shadow: 1px 2px 1px rgba(0,0,0,0.5);
    -webkit-box-shadow: 1px 2px 1px rgba(0,0,0,0.5);
}
.area_map_btn:hover {
    color: #00aff0;
}
.content_areamap {
    width: 1000px;
    margin: 10px auto;
}
.content_areamap a:link , .content_areamap a:visited {
    color: #eee;
}
.content_areamap a:hover {
    color: #f60;
}
.content_areamap_area_title {
    background-image: url('images/corner/corner_line_188.png');
    background-repeat: no-repeat;
    width: 188px;
    color: #4444ff;
    line-height: 22px;
    height: 22x;
    font-size: 12px;
    font-weight: bold;
    padding: 0px 20px;
    clear: both;
}
.content_areamap_area {
    background-image: url('images/slash_24.png');
    background-repeat: repeat;
    border: 1px solid #999;
    padding: 10px;
    background-color: #555;
}
.content_areamap_area li {
    background-image: url('images/bg-arrow.gif');
    background-repeat: no-repeat;
    background-position: left center;
    width: 305px;
    padding: 3px 0 0 10px;
    margin-right: 10px;
    display: inline-block;
    float: left;

}
.content_areamap_address_title {
    background-image: url('images/corner/corner_line_188.png');
    background-repeat: no-repeat;
    width: 188px;
    color: #4444ff;
    line-height: 22px;
    height: 22px;
    font-size: 12px;
    font-weight: bold;
    padding: 0px 20px;
    clear: both;
}
.content_areamap_address {
    background-image: url('images/slash_24.png');
    background-repeat: repeat;
    border: 1px solid #999;
    padding: 10px;
    background-color: #555;
}
.content_areamap_address li {
    background-image: url('images/bg-arrow.gif');
    background-repeat: no-repeat;
    background-position: left center;
    width: 129px;
    padding: 3px 0 0 10px;
    display: inline-block;
    float: left;
}

.content_areamap_shoptype_title {
    background-image: url('images/corner/corner_line_188.png');
    background-repeat: no-repeat;
    width: 188px;
    color: #4444ff;
    line-height: 22px;
    height: 22px;
    font-size: 12px;
    font-weight: bold;
    padding: 0px 20px;
    clear: both;
}
.content_areamap_shoptype {
    background-image: url('images/slash_24.png');
    background-repeat: repeat;
    border: 1px solid #999;
    padding: 10px;
    background-color: #555;
}
.content_areamap_shoptype li {
    background-image: url('images/bg-arrow.gif');
    background-repeat: no-repeat;
    background-position: left center;
    width: 230px;
    padding: 3px 0 0 10px;
    display: inline-block;
    float: left;
}
/** Body Middle ▲▲ **/
/** Body Bottom ▼▼ **/
/** Body Bottom Left ▼▼ **/
.content_newshop_area {
    width: 200px;
    float: left;
}
.new_shop_left {
    width: 188px;
    margin-bottom: 10px;
}
.new_shop_list {
    background-image: url('images/bg/side_01.png');
    background-repeat: repeat;
    width: 188px;
    border: 0px solid #999;
    padding: 2px 2px 5px 2px;
}

.new_shop_list_title {
    background-image: url('images/corner/corner_line_188_shadowpink.png');
    background-repeat: no-repeat;
    font-weight: bold;
    width: 188px;
    color: #4444ff;
    line-height: 22px;
    height: 22px;
    font-size: 12px;
    text-align: center;
}
.new_shop_list ul {
    list-style: none;
    padding: 2px 2px 0px 2px;
    margin: 0px;
}
.new_shop_list li {
    color: #eee;
    height: 60px;
    display: block;
    border-bottom: 1px solid white;
    padding: 2px 2px 2px;
    margin: 5px 0px 0px;
    position: relative;
}
.new_shop_list li:hover {
      color: gold;
}
.new_shop_main {
    position: absolute;
    top: 0;
    left: 0;
}
.new_shop_icon {
    position: absolute;
    top: 2;
    left: 2;
}

.new_shop_list a:link {
    color: #333;
}
.new_shop_list a:visited {
    color: #333;
}
.new_shop_img {
    width: 40px;
    height: 54px;
    border: 2px solid transparent;
    margin: 1px 0;
    text-align: center;
    float: left;
}
.new_shop_img:hover{
    max-width: 40px;
    max-height: 54px;
    border: 2px solid gold;
}
.new_shop_img img{
    max-width: 43px;
}
.new_shop_content {
    padding: 1px 5px;
    float: left;
}
.new_shop_shop_name {
    height: 18px;
    width: 120px;
    color: orange;
    font-size: 12px;
    font-weight: bold;
    margin-bottom: 1px;
    display: block;
    overflow: hidden;
}
.new_shop_info {
    font-size: 11px;
    line-height: 120%;
}

.keyword_list {
    width: 188px;
}
.keyword_list_title{
    background-image: url('images/corner/corner_line_188.png');
    background-repeat: repeat-x;
    font-weight: bold;
    width: 188px;
    line-height: 22px;
    height: 22px;
    color: #4444ff;
    text-align: center;
}
.keyword_list_content {
    background-image: url('images/bg/side_01.png');
    background-repeat: repeat;
    width: 186px;
    height: auto;
    border-bottom: 2px solid gray;
    box-shadow: 2px 4px 2px rgba(0,0,0,0.5);
    -moz-box-shadow: 2px 4px 2px rgba(0,0,0,0.5);
    -webkit-box-shadow: 2px 4px 2px rgba(0,0,0,0.5);
}
.keyword_list_content ul {
    list-style: none;
    padding: 5px 5px 5px 15px;
    margin: 0px;
}
.keyword_list_content li {
    min-height: 20px;
    color: #eee;
    display: block;
}
.keyword_list_content a:link, .keyword_list_content a:visited {
    color: #eee;
}
.keyword_list_content a:hover {
    color: red;
    border: 1px solid white;
    border-width:0px 0px 2px 0px;
}

.area_map {
    width: 188px;
}
.area_map_list {
    background-image: url('images/bg/side_01.png');
    background-repeat: repeat;
    width: 186px;
    height: auto;
    border-bottom: 2px solid gray;
    box-shadow: 2px 4px 2px rgba(0,0,0,0.5);
    -moz-box-shadow: 2px 4px 2px rgba(0,0,0,0.5);
    -webkit-box-shadow: 2px 4px 2px rgba(0,0,0,0.5);
}
.area_map_list_title{
    background-image: url('images/corner/corner_line_188.png');
    background-repeat: repeat-x;
    font-weight: bold;
    width: 188px;
    line-height: 22px;
    height: 22px;
    color: #4444ff;
    text-align: center;
}
.area_map_list ul {
    list-style: none;
    padding: 5px 5px 5px 10px;
    margin: 0px;
}
.area_map_list li {
    min-height: 20px;
    padding-left: 5px;
    color: blue;
    display: block;
}
.area_map_list li:hover {
    background-image: url('images/cursor_left.gif');
    background-repeat: no-repeat;
    background-position: left center;
}
.area_map_list a:link, .area_map_list a:visited {
    color: #eee;
}
.area_map_list a:hover {
    color: red;
    border: 1px solid white;
    border-width:0px 0px 2px 0px;
}

.view_shop_list {
    background-image: url('images/bg/side_01.png');
    background-repeat: repeat;
    width: 186px;
    height: auto;
    border-bottom: 2px solid sliver;
}
.view_shop_list a:link, .view_shop_list a:visited {
    color: #eee;
    font-weight: normal;
}
.view_shop_list a:hover {
    color: coral;
}
/** Body Bottom Left ▲▲ **/

/** Body Bottom Center ▼▼ **/
.content_main {
    width: 1000px;
    margin:1px auto;
}
.content_result {
    width: 600px;
    float: left;
}
.result_premium {
    width: 600px;
}
.premium {
    width: 190px;
    float: left;
}
.premium_add_0 {
}
.premium_add_1 {
    margin: 0px 15px;
}
.premium_add_2 {
}
.premium_title {
    background-image: url('images/corner/corner_line_190.png');
    background-repeat: no-repeat;
    text-align: center;
    line-height: 22px;
    height: 22px;
    color: orange;
    font-size: 12px;
    overflow: hidden;
}
.premium_title a:link , .premium_title a:visited {
    color: skyblue;
}
.premium_title:hover {
    color: red;
}

.premium_content {
    background-image: url('images/bg/premium.png');
    background-repeat: repeat;
    background-color: rgba(250,150,0,0.03);
    height: 250px;
    border: 1px solid #999;
    padding: 2px;
    margin-bottom: 2px;
    overflow: hidden;
}
.premium_content:hover {
    background-color: rgba(250,150,0,0.1);
    border: 1px solid gold;
}
.premium_img {
    width: 122px;
    height: 120px;
    border: 2px solid silver;
    margin: 2px 30px;
    text-align: center;
    float: left;
    overflow: hidden;
}
.premium_img img {
    max-width: 120px;
}
.premium_text {
    width: 175px;
    margin: 3px 7px 0px 4px;
    float: left;
}
.premium_text_info {
    border: 1px solid #4a4a4a;
    border-width: 0px 0px 1px 0px;
    width: 170px;
    padding: 2px 0px 0px 0px;
    float: left;
}
.premium_text_info img {
    float: left;
}
.premium_text_info span {
    line-height: 16px;
    height: 16px;
    padding-left: 3px;
    display: block;
    float: left;
}
.premium_text_comment {
    width: 175px;
    margin: 4px 0;
    height: 54px;
    display: block;
}
.premium_text_comment span {
    color: brown;
}
.premium_qrcode {
    width: 72px;
    padding: 35px 3px 0px 0px;
    float: right;
}
.premium_qrcode img {
    max-height: 72px;
    max-width: 72px;
}
.result_normal {
    width: 600px;
}
.normal_item {
    width: 297px;
    background-color: rgba(0,0,200,0.05);
}
.normal_item_add_0 {
    float: left;
}
.normal_item_add_1 {
    float: right;
}
.normal_title {
    background-color: #00aff0;
    line-height: 20px;
    height: 20px;
    color: white;
    border: 2px solid #4a494a;
    border-width:0px 0px 2px 10px;
    font-size: 12px;
    padding-left: 20px;
    overflow: hidden;
}
.normal_title:hover {
    color: skyblue;
}
.normal_content {
    background-image: url('images/bg/normal.png');
    background-repeat: repeat;
    width: 293px;
    height: 105px;
    border: 1px solid #999;
    padding: 3px 0px 2px 2px;
    margin: 0px 0px 5px 0px;
}
.normal_content:hover {
    background-color: rgba(0,0,150,0.1);
    border: 1px solid rgba(0,0,150,0.4);
}
.normal_img {
    background-color: white;
    height: 96px;
    width: 78px;
    border: 1px solid silver;
    margin: 3px 0 0 3px;
    text-align: center;
    float:left;
    overflow: hidden;
}
.normal_img img {
    max-width: 78px;
}
.normal_text {
    width: 204px;
    margin: 5px 0px 0px 5px;
    float: left;
    text-align: center;
}
.normal_text_info {
    border: 1px solid black;
    border-width: 0px 0px 1px 0px;
    width: 193px;
    font-size: 11px;
    padding: 1px 2px 0px 0px;
    float: left;
}
.normal_text_info_title {
    color: silver;
    background-image: url('images/corner/corner_line_200_bronze.png');
    background-repeat: repeat-x;
    line-height: 140%;
    width: 196px;
    height: 20px;
    font-size: 11px;
    padding: 1px 2px 2px;
    float: left;

}
.normal_text_info_title a:link , a:visited {
    color: #4444ff;
}
.normal_text_info_title a:hover{
    color: coral;
}


.normal_text_info_title_silver {
    color: silver;
    background-image: url('images/corner/corner_line_200_silver.png');
    background-repeat: repeat-x;
    line-height: 140%;
    width: 196px;
    height: 20px;
    font-size: 11px;
    padding: 1px 2px 2px;
    float: left;

}
.normal_text_info_title_silver a:link , a:visited {
    color: blue;
}
.normal_text_info_title_silver a:hover{
    color: gold;
}
.normal_text_info img {
    float: left;
}
.normal_text_info span {

    height: 16px;
    margin-left: 3px;
    display: block;
    float: left;
}
.normal_text_comment {
    background-color: rgba(200, 220, 140, 0.2);
    width: 190px;
    line-height: 120%;
    height: 30px;
    border: 1px solid green;
    border-radius: 3px;
    padding: 1px;
    margin: 2px 0px 0px 1px;
    text-align: left;
    overflow: hidden;
}
.normal_text_comment span {
    color: navy;
    font-size: 11px;
}
.result_nodata {
    background-color: #ddd;
    border: 1px solid #999;
    border-radius: 3px;
    color: olive;
    font-size: 13px;
    font-weight: bold;
    padding: 10px;
    margin-top: 5px;
}
.result_nodata_noborder {
    color: olive;
    font-size: 13px;
    font-weight: bold;
    padding: 10px;
    margin-top: 5px;
}
.nodata_content {
}

/** Body Bottom Center ▲▲ **/

/** Body by Page ▼▼ **/
/** NewFace List **/
.newface_title {
    width: 756px; /* total 796px*/
    background-image: url('images/corner/corner_line_796_s.png'); /*796px*/
    background-repeat: no-repeat;
    font-weight: bold;
    line-height: 22px;
    height: 22px;
    color: #4444ff;
    padding-left: 40px;
    overflow: hidden;
    float: right;
    font-size: 12px;
}
.newface_list {
    background-image: url('images/bg/check_b.png');
    background-repeat: repeat;
    background-color: #ede;
    min-height: 100px;
    width: 789px; /* 6 item per 131px*/ /* total 796px : width(789px) + border(2px) + padding(5px) */
    border: 1px solid #999;
    padding: 5px 0px 5px 5px;
    float: right;
}
.newface_list ul {
    list-style: none;
}
.newface_list li {
    color: #ddd;
    background-color: #666;
    /*background-color: rgba(5,100,255,0.7);*/
    line-height: 140%;
    height: 240px;
    width: 130px;
    border: 1px solid #999;
    padding: 2px;
    margin: 5px 10px 15px 10px;
    box-shadow: 2px 4px 2px rgba(0,0,0,0.5);
    -moz-box-shadow: 2px 4px 2px rgba(0,0,0,0.5);
    -webkit-box-shadow: 2px 4px 2px rgba(0,0,0,0.5);
    float: left;
    border-radius: 3px;
    text-align: center;
}
.newface_list li:hover {
    background-color: rgba(250,20,10,0.5);
}
.newface_girl_img {
    background-color: white;
    height: 160px;
    width: 120px;
    border: 3px double pink;
    margin: 2px;
    text-align: center;
}
.newface_girl_img img {
    max-height: 160px;
    max-width: 118px;
}
.newface_girl_info {
    margin-top: 5px;
}
.newface_girl_info_sname {
    height: 18px;
    overflow: hidden;
}
.newface_girl_info_sname a:link, .newface_girl_info_sname a:visited {
    color: white;
}
.newface_girl_info_sname:hover {
    background-color: rgba(255,255,255,0.2);
    color: green;
    font-weight: bold;
}
.newface_girl_info span {
    display: block;
    text-align: center;
    overflow: hidden;
}
.newface_girl_info_gname {
    height: 16px;
    color: cyan;
    overflow: hidden;
}


/** Schedule List **/
.schedule_title {
    width: 756px; /* total 796px*/
    background-image: url('images/corner/corner_line_796_c.png');
    background-repeat: no-repeat;
    font-weight: bold;
    line-height: 22px;
    height: 22px;
    color: #4444ff;
    padding-left: 40px;
    overflow: hidden;
    float: right;
    font-size: 12px;
}
.schedule_list {
    background-image: url('images/bg/check_e.png');
    background-repeat: repeat;
    background-color: #255b85;
    min-height: 100px;
    width: 789px; /* 6 item per 131px*/ /* total 796px : width(789px) + border(2px) + padding(5px) */
    border: 1px solid #999;
    padding: 5px 0px 5px 5px;
    float: right;

}
.schedule_list ul {
    list-style: none;
}
.schedule_list li {
    color: #ddd;
    background-color: #666;
    line-height: 140%;
    height: 235px;
    width: 130px;
    border: 1px solid #999;
    padding: 2px;
    margin: 5px 10px 15px 10px;
    box-shadow: 2px 4px 2px rgba(0,0,0,0.5);
    -moz-box-shadow: 2px 4px 2px rgba(0,0,0,0.5);
    -webkit-box-shadow: 2px 4px 2px rgba(0,0,0,0.5);
    float: left;
    border-radius: 3px;
    text-align: center;
    float: left;
}
.schedule_list li:hover {
    background-color: rgba(5,100,255,0.7);
}
.schedule_girl_img {
    background-color: white;
    height: 160px;
    width: 120px;
    border: 3px double skyblue;
    margin: 2px;
    text-align: center;
}
.schedule_girl_img img {
    max-height: 160px;
    max-width: 120px;
}
.schedule_girl_info {
    margin-top: 5px;

}
.schedule_girl_info span {
    display: block;
    text-align: center;
    overflow: hidden;
}

.schedule_girl_info_gname {
    height: 16px;
    color: coral;
    overflow: hidden;
}
.schedule_girl_info_sname {
    height: 18px;
    overflow: hidden;
}
.schedule_girl_info_sname a:link, .schedule_girl_info_sname a:visited {
    color: white;
}
.schedule_girl_info_sname:hover {
    background-color: rgba(255,255,255,0.2);
    color: green;
    font-weight: bold;
}

/** News List **/
.news_title {
    width: 756px; /* total 796px*/
    background-image: url('images/corner/corner_line_796.png');
    background-repeat: no-repeat;
    font-weight: bold;
    line-height: 22px;
    height: 22px;
    color: #4444ff;
    padding-left: 40px;
    overflow: hidden;
    float: right;
    font-size: 12px;
    text-left: 15px;
}
#new_tabs {
    margin: 0 0 10px 0;
}
.news_tab_link {
    display: inline-block;
    overflow: hidden;
    width: 102px;
    height: 20px;
    line-height: 20px;
    border: 1px solid #999;
    text-align: center;
    margin: 2px;
    font-size: 90%;
    background-color: skyblue;
}
.news_tab_all { border-bottom:4px solid black;   color:#444;}
.news_tab_0    { border-bottom:4px solid blue;    color:#444;}
.news_tab_1    { border-bottom:4px solid hotpink; color:#444;}
.news_tab_2    { border-bottom:4px solid cyan;    color:#444;}
.news_tab_3    { border-bottom:4px solid red;     color:#444;}
.news_tab_4    { border-bottom:4px solid orange;  color:#444;}
.news_tab_5    { border-bottom:4px solid coral;   color:#444;}
.news_tab_all:hover { background-color: black;   color:white !important;}
.news_tab_0:hover    { background-color: blue;    color:white !important;}
.news_tab_1:hover    { background-color: hotpink; color:white !important;}
.news_tab_2:hover    { background-color: cyan;    color:white !important;}
.news_tab_3:hover    { background-color: red;     color:white !important;}
.news_tab_4:hover    { background-color: orange;  color:white !important;}
.news_tab_5:hover    { background-color: coral;   color:white !important;}

.news_list {
    background-image: url('images/bg/check_a.png');
    background-repeat: repeat;
    background-color: white;
    min-height: 100px;
    width: 784px; /* 6 item per 131px*/ /* total 796px : width(789px) + border(2px) + padding(5px) */
    border: 1px solid #999;
    padding: 10px 5px 10px 5px;
    float: right;
}
.news_all {
    background-color: rgba(255,255,255,0.9);
}
.news_list a:link, .news_list a:visited {
    color: #494949;
}
.news_list a:hover {
    color: red;
}
.news_line {
    height: 23px;
}
.news_line_inner {
    width: 715px;
    display: block;
    float: right;
}
.news_line_inner:hover {
    background-color: rgba(0,0,0,0.2);
    border: 1px solid red;
    border-width: 0 0 1px 0;
}
.news_link {
    width: 600px;
    display: block;
    float: right;
}
.news_info_time {
    color: #333;
    display: inline-block;
}
.news_info_shop_name {
    color: white;
}
.news_type_t0 {
    background-color: none;
}
.news_type_t1 {
    background-color: none;
}
.news_type_t2 {
    background-color: none;
}
.news_type_t3 {
    background-color: none;
}
.news_type_t4 {
    background-color: none;
}
.news_type_t5 {
    background-color: none;
}

/** BBS List **/
.bbs_title {
    width: 756px; /* total 796px*/
    background-image: url('images/corner/corner_line_796.png');
    background-repeat: no-repeat;
    font-weight: bold;
    line-height: 22px;
    height: 22px;
    color: #4444ff;
    padding-left: 40px;
    overflow: hidden;
    float: right;
    font-size: 12px;
    text-left: 15px;
}
.bbs_list {
    /*background-image: url('images/bg/check_a.png');
    background-repeat: repeat;*/
    background-color: #eee;
    min-height: 100px;
    width: 784px; /* 6 item per 131px*/ /* total 796px : width(789px) + border(2px) + padding(5px) */
    border: 1px solid #999;
    padding: 10px 5px 10px 5px;
    float: right;
}
.bbs_item {
    border-bottom: 1px solid silver;
    padding: 3px;
}
.bbs_head_text {
    font-weight: bold;
    border-bottom: 3px solid red;
    text-align: center;
}
.bbs_item_common {
    float: left;
    overflow: hidden;
    text-overflow: ellipsis;
    margin: 0 3px;
    line-height: 24px;
}
.bbs_item_common span {
    display: inline;
    white-space: nowrap;
}
.bbs_item_uname {
    width: 120px;
    color: brown;
    font-weight: bold;
}
.bbs_item_time {
    width: 110px;
    text-align: center;
}
.bbs_item_rate {
    width: 84px;
}
.bbs_item_rate_0 {
    background-image: url('images/bbs_rate_0.png');
    background-repeat: no-repeat;
}
.bbs_item_rate_1 {
    background-image: url('images/bbs_rate_1.png');
    background-repeat: no-repeat;
}
.bbs_item_rate_2 {
    background-image: url('images/bbs_rate_2.png');
    background-repeat: no-repeat;
}
.bbs_item_rate_3 {
    background-image: url('images/bbs_rate_3.png');
    background-repeat: no-repeat;
}
.bbs_item_rate_4 {
    background-image: url('images/bbs_rate_4.png');
    background-repeat: no-repeat;
}
.bbs_item_rate_5 {
    background-image: url('images/bbs_rate_5.png');
    background-repeat: no-repeat;
}
.bbs_item_like {
    width: 55px;
    text-align: center;
}
.bbs_item_like_act {
    float: left;
    width: 20px;
    height: 20px;
    margin: 2px 0 2px 4px;
}
.bbs_item_like_act:hover {
    cursor: pointer;
}
.bbs_item_like_bg {
    background-image: url('images/bbs_like.png');
    background-repeat: no-repeat;
    width: 48px;
    text-align: right;
    padding: 0 7px 0 0;
}
.bbs_item_gname {
    max-width: 80px;
    background: blue;
    color: white;
    border-radius: 3px;
    line-height: 20px;
    margin: 2px 3px;
    padding: 0 7px;
}
.bbs_subject {
    width: 240px;
}
.bbs_stype {
    width: 100px;
}
.bbs_area {
    width: 150px;
}
.bbs_action {
    width: 80px;
}
.bbs_text_span {
    display: inline;
    white-space: nowrap;
}
.bbs_body {
    clear: both;
    height: 20px;
    line-height: 20px;
    margin: 0 5px 0 15px;
    padding: 2px 5px;
    border: 1px dotted silver;
    background: rgba(0,0,0,0.1);
    overflow: hidden;
    text-overflow: ellipsis;
}
.bbs_body:hover {
    border: 1px dotted gold;
    background: rgba(0,0,0,0.3);
}
.bbs_body a:link, .bbs_body a:visited {
    font-weight: normal;
    color: blue;
}
.bbs_body a:hover {
    color: red;
}
.bbs_item_hidden, .bbs_folding_hidden, .bbs_form_hidden {
    display: none !important;
}

.bbs_form {
    padding: 10px 20px 5px;;
}
.bbs-form-label {
    display: inline-block;
    width: 80px;
}
.bbs-form-control {
    border: 2px solid #dce4ec;
    border-radius: 4px;
    padding: 5px;
}
.bbs_passwd_alert {
    background: rgba(255,0,0,0.7);
}

/** NewShop List **/
.newshop {
    width: 600px;
    float: left;
}
.newshop_title {
    background-image: url('images/corner/corner_line_600.png');
    background-repeat: no-repeat;
    height: 22px;
    width: 600px;
    color: #4444ff;
    text-align:center;
}
.newshop_title:hover {
    color: skyblue;
}
.newshop_content {
    background-image: url('images/bg/check_d.png');
    background-repeat: repeat;
    background-color: #dee;
    height: 115px;
    border: 1px solid #999;
    padding: 2px;
    margin-bottom: 5px;
    overflow: hidden;
}
.newshop_img {
    width: 83px;
    height: 110px;
    margin: 1px 2px;
    text-align: center;
    float: left;
}
.newshop_img img {

    max-width: 81px;
    max-height: 108px;
    border: 1px solid silver;
}
.newshop_img img:hover {
    max-width: 79px;
    max-height: 106px;
    border: 2px solid coral;
}
.newshop_text {
    background-color: rgba(255,255,255,0.7);
    width: 220px;
    margin: 5px 0px 0px 10px;
    float: left;
}
.newshop_text_title {
    border-bottom: 1px solid gray;
    padding: 2px;
}
.newshop_text_title span {
    color: purple;
    font-size: 15px;
    font-weight: bold;
}
.newshop_text_info {
    width: 246px;
    padding: 2px;
    float: left;
}
.newshop_text_info img {
    float: left;
}
.newshop_text_info span {
    line-height: 16px;
    height: 16px;
    padding-left: 3px;
    display: block;
    float: left;
}
.newshop_text_comment {
    background-color: white;
    width: 250px;
    padding: 2px 0px 2px 5px;
    height: 32px;
}
.newshop_text_comment span {
    color: brown;
}
.newshop_qrcode {
    width: 72px;
    padding: 35px 3px 0px 0px;
    float: right;
}
.newshop_qrcode img {
    max-height: 72px;
    max-width: 72px;
}

/** Recruit List **/
.recruit {
    width: 600px;
    float: left;
}
.recruit_title {
    background-image: url('images/corner/corner_line_600.png');
    background-repeat: no-repeat;
    font-weight: bold;
    line-height: 22px;
    height: 22px;
    width: 560px;
    color: #4444ff;
    padding-left: 40px;
    overflow: hidden;
    float: left;
    font-size: 12px;
}
.recruit_list {
    background-color: #eee;
    min-height: 100px;
    width: 598px;
    border: 1px solid #999;
    float: left;
}
.recruit_item {
    background-image: url('images/bg/check_c.png');
    background-repeat: repeat;
    width: 578px;
    border: 1px solid #999;
    padding: 4px;
    margin: 10px 5px 15px 5px;
    box-shadow: 2px 4px 2px rgba(0,0,0,0.5);
    -moz-box-shadow: 2px 4px 2px rgba(0,0,0,0.5);
    -webkit-box-shadow: 2px 4px 2px rgba(0,0,0,0.5);
}

.recruit_item:hover {
    background-color: rgba(0,0,0,0.1);
}
.recruit_item_img {
    width: 238px;
    height: 192px;
    padding: 5px;
    margin-bottom: 7px;
    text-align: center;
    float: left;
}
.recruit_item_img_link {
    width: 238px;
    height: 192px;
    display: table-cell;
    vertical-align: middle;
}
.recruit_item_img img {
    max-width: 236px;
    max-height: 190px;
    box-shadow: 2px 3px 2px rgba(0,0,0,0.5);
    -moz-box-shadow: 2px 3px 2px rgba(0,0,0,0.5);
    -webkit-box-shadow: 2px 3px 2px rgba(0,0,0,0.5);
}
.recruit_item_content {
    background-color: rgba(255,255,255,0.7);
    width: 320px;
    padding: 5px;
    float: left;
}
.recruit_item_content_title {
    font-weight: bold;
    padding: 2px 0px;
}
.recruit_item_content_value {
    padding: 2px 0px;
}
.recruit_item_content_msg {
    background-color: #dee;
    border: 1px solid #999;
    border-radius: 3px;
    padding: 5px;
    margin: 5px 10px;
    clear: both;
}

.margin_l12 {
    margin-left: 12px;
}
.ct_c600 {
    width: 600px;
    float: left;
}
.ct_c600_title {
    background-image: url('images/corner/corner_line_600.png');
    background-repeat: no-repeat;
    width: 600px;
    color: #4444ff;
    font-weight: bold;
    text-align:left;
    padding: 0px 0px 0px 30px;
    line-height: 22px;
    height: 22px;
    font-size: 12px;
    overflow: hidden;
    float: left;
}
.ct_c600_content {
    background-image: url('images/bg/fnews_bg.png');
    background-repeat: repeat;
    min-height: 200px;
    width: 578px;
    line-height: 170%;
    color: #eee;
    border: 1px solid #999;
    padding: 5px 10px 15px;
}

.fnews_item {
    padding: 15px 10px 10px;
    border-bottom: 4px double magenta;
}
.fnews_title {
    color: orange;
    font-size: 110%;
    font-weight: bold;
    border: 1px solid brown;
    background-color: black;
    margin: 3px 0;
    padding: 0 5px;
}
.fnews_date, .fnews_prop{
    display: inline-block;
    float: left;
}
.fnews_prop {
    padding: 0 5px;
    margin: 0 0 0 10px;
    border: 1px solid #999;
    background-color: black;
}
.fnews_tag {
    color: lime;
}
.fnews_link:link, .fnews_link:visited {
    color: cyan;
}
.fnews_link:hover {
    color: blue;
}
.fnews_trash {
    width: 24px;
    height: 24px;
    display: inline-block;
    padding: 0 0 0 20px;
    margin: 0 0 0 10px;
    background-image: url('/img/trash.png');
    background-repeat: no-repeat;
    color: brown;
}
.fnews_trash:hover {
    background-image: url('/img/trash_over.png');
    background-repeat: no-repeat;
    cursor: pointer;
    color: red;
}
.fnews_body {
    padding: 0 5px;
}
.fnews_body:hover {
    color: pink;
}
.fnews_reply_name {
    display: inline-block;
    width: 70px;
    float: left;
    color: olive;
}
.fnews_reply_body {
    display: inline-block;
    min-width: 200px;
    max-width: 450px;
    float: left;
    color: green;
}
.fnews_reply_body a:link, .fnews_reply_body a:visited {
    color: blue;
}
.fnews_reply_body a:hover {
    color: red;
}
.fnews_reply_trash {
    width: 20px;
    margin: 0 5px 0 0;
    float: right;
    background-image: url('/img/trash.png');
    background-repeat: no-repeat;
    background-size: contain;
}
.fnews_reply_trash:hover {
    background-image: url('/img/trash_over.png');
    background-repeat: no-repeat;
    background-size: contain;
    cursor: pointer;
}
.fnews_submit {
    font-weight: bold;
    font-size: 130%;
    color: blue;
}

.qna {
    width: 600px;
    float: left;
}
.qna_title {
    background-image: url('images/corner/corner_line_600.png');
    background-repeat: no-repeat;
    width: 600px;
    color: #4444ff;
    font-weight: bold;
    text-align:left;
    padding: 0px 0px 0px 30px;
    line-height: 22px;
    height: 22px;
    font-size: 12px;
    overflow: hidden;
    float: left;
}
.qna_list {
    background-color: MintCream;
    min-height: 100px;
    width: 598px;
    padding-top: 10px;
    padding-bottom: 10px;
    border: 1px solid #999;
    float: left;
}
.qna_list td {
    padding: 5px 0px 5px 5px;
}
.highlight {
    border: 1px solid red;
    background-color: yellow;
}


.links {
    width: 770px;
    background-image: url('images/corner/corner_line_800.png');
    background-repeat: no-repeat;
    font-weight: bold;
    line-height: 22px;
    height: 22px;
    color: #4444ff
    padding: 0 0 20px 40px;
    overflow: hidden;
    float: right;
    font-size: 12px;
    text-left: 15px;
}
.links_content {
    width: 798px;
    min-height: 500px;
    border: 1px solid #999;
    padding: 0 0 15px 0;
    float: right;
}
.links_content_banner {
    padding: 15px;
}
.links_content_list {
    margin: 10px 0 0 15px;
    list-style: none;
}
.links_content_list li {
    display: inline-block;
}
.links_content_list a:link, .links_content_list a:visited {
    color: blue;
}
.links_content_list a:hover {
    color: red;
}
.links_content_list span {
    background-color: #ddd;
    display: block;
    width: 170px;
    padding: 2px 7px;
    text-align: center;
    margin: 3px 4px 3px 0;
    border: 1px solid #999;
}
.links_content_list span:hover {
    background-color: #bbb;
}
/** Body by Page ▲▲ **/

/** Body Bottom Right ▼▼ **/
.content_newshop_only {
    width: 188px;
    float: right;
}
.content_smart {
    width: 188px;
    height: 370px;
    text-align: right;
    float: right;
}
/** Body Bottom Right ▲▲ **/
/** Body Bottom ▲▲ **/
/** Body ▲▲ **/

/** Footer ▼▼ **/
.footer {
    width: 1000px;
    height: 51px;
    margin: 7px auto;
    background-image: url('images/bg/footer.png');
    background-repeat: repeat;
    color: white;
    overflow: hidden;
    clear: both;
}
.footer a:link, .footer a:visited {
    color: white;
}
.footer a:hover {
    color: red;
    font-weight: bold;
}
.footer2 {
    background-image: url('images/bg/footer2.png');
    background-repeat: repeat;
    background-color: #393939;
    width: 1000px;
    margin: 7px auto 0;
    padding: 5px 0 5px;
    color: #eee;
    overflow: hidden;
    clear: both;
}
.footer2 span {
    min-width: 54px;
    display: inline-block;
    padding:  2px 15px 0;
    margin: 10px 0 5px;
    border: 1px solid silver;
    border-radius: 5px 5px;
    background-color: #555;
    color: orange;
    font-size: 110%;
    font-weight: bold;
    text-align: center;
}
.footer2 a:link, .footer2 a:visited {
    color: #eee;
}
.footer2 a:hover {
    color: red;
    font-weight: bold;
}

.link_list {
    width: 1000px;
    margin: 2px auto;
}
.link_list_inner {
    padding: 0 10px 10px;
}
.link_list_left {
    width: 204px;
    float: left;
}
.link_list_center {
    width: 588px;
    padding: 0 2px;
    float: left;
}
.link_list_right {
    width: 204px;
    float: right;
}
.link_list_inner2 {
    margin: 0 auto;
}

.link_list_item {
    display: block;
    border: 1px solid silver;
    margin: 3px 4px 4px;
    width: 88px;
    height: 31px;
    float: left;
    overflow: hidden;
}
.link_list_item img {
    width: 88px;
    height: 31px;
}
.link_list_item span {
    display: block;
    text-align: center;
    line-height: 31px;
}
.link_list_item:hover {
    border: 2px solid red;
    margin: 2px 3px 3px;
}
.link_list_item2 {
    display: block;
    border: 1px solid silver;
    margin: 3px 1px;
    width: 200px;
    height: 40px;
    float: left;
    overflow: hidden;
}
.link_list_item2 img {
    width: 200px;
    height: 40px;
}
.link_list_item2 span {
    display: block;
    text-align: center;
    line-height: 40px;
}
.link_list_item2:hover {
    border: 2px solid red;
    margin: 2px 0;
}

.bread_pieces {
    background-image: url('images/corner/corner_line_800.png');
    background-repeat: no-repeat;
    line-height: 22px;
    height: 22px;
    color: #4444ff;
    padding-left: 40px;
    overflow: hidden;
    font-size: 12px;
}
.bread_pieces a:link, .bread_pieces a:visited {
    color: #4444ff;
}
.bread_pieces a:hover {
    color: red;
}
.bread_pieces2 {
    background-color: #393939;
    background-image: url('images/bg/footer2.png');
    background-repeat: repeat;
    line-height: 22px;
    height: 22px;
    color: #eee;
    padding: 0 0 15px 30px;
    overflow: hidden;
    font-size: 12px;
}
.bread_pieces2 a:link, .bread_pieces2 a:visited {
    color: #eee;
}
.bread_pieces2 a:hover {
    color: red;
}
.bread_title {
    min-width: 54px;
    display: inline-block;
    padding: 2px 15px;
    margin: 3px 20px 0 0;
    border: 1px solid silver;
    border-radius: 5px 5px;
    background-color: #555;
    color: orange;
    font-size: 110%;
    font-weight: bold;
    line-height: 18px;
    text-align: center;
}

/** Footer ▲▲ **/

/** Common ▼▼ **/
.error_page {
    background-color: rgba(255, 255, 0, 0.3);
    padding: 20px;
    height: 150px;
}
.error_page a:link, .error_page a:visited {
    color: blue;
}
.error_page a:hover {
    color: red;
}

.paging {
    padding: 5px;
    text-align: center;
    clear: both;
}
.paging_item {
    border: 1px solid #999;
    padding: 1px 5px;
    margin: 0px 2px;
    display: inline-block;
}
.paging_disable {
    background-color: #ddd;
}
.paging_active {
    background-color: #ddd;
    color: #666;
}
.paging_active:hover {
    background-color: #666;
    color: white;
}
.paging_selected {
    background-color: pink;
}

.paging_week {
    padding: 3px 20px;
    text-align: center;
}
.paging_week_item {
    border: 1px solid #999;
    padding: 1px 10px;
    margin: 0px 5px;
    display: inline-block;
    background-color: rgba(20,100,255,0.2);
}

.paging_week_active {
    background-color: #white;
    color: rgba(255,255,255,0.8);
}
.paging_week_active:hover {
    background-color: skyblue;
    color: white;
}

.paging_week_selected {
    background-color: skyblue;
}
.view_count_info {
    line-height: 25px;
    height:25px;
    width: 300px;
    margin-right: 60px;
    text-align: right;
    display:block;
    float: right;
}
.clear5 {
    clear:both;
    margin-top: 5px;
}
.clear10 {
    clear:both;
    margin-top: 10px;
}
/** Footer ▲▲ **/

.area-list-border-tohoku  { border: 2px solid #5583E3; }
.area-list-border-kanto   { border: 2px solid #8ABC29; }
.area-list-border-chubu   { border: 2px solid #E75B5B; }
.area-list-border-kansai  { border: 2px solid #EE9A1B; }
.area-list-border-chukoku { border: 2px solid #B563D1; }
.area-list-border-sikoku  { border: 2px solid #4E5DC4; }
.area-list-border-kyushu  { border: 2px solid #EA3939; }

.area-list-bg-tohoku   { background-color: #BAC7E1; }
.area-list-bg-kanto    { background-color: #C0D39C; }
.area-list-bg-chubu    { background-color: #F0D5D5; }
.area-list-bg-kansai   { background-color: #F9DEB7; }
.area-list-bg-chukoku  { background-color: #D3C4D7; }
.area-list-bg-sikoku   { background-color: #BCC0D7; }
.area-list-bg-kyushu   { background-color: #FDA9A5; }

.area_title {
    background-color: #4a494a;
    /*border: 1px solid #999;*/
    border-top-left-radius: 7px;
    border-top-right-radius: 7px;
    padding: 2px 10px;
    margin-top: 10px;
    font-size: 12px;
    font-weight: bold;
}
.area_title a:link, .area_title a:visited {
    color: white;
}

.area_list {
    /*background-color: #dde;*/
    /*border: 1px solid #999;*/
    border-top: none;
    border-bottom-left-radius: 7px;
    border-bottom-right-radius: 7px;
    padding: 5px;
}
.area_list li {
    background-image: url('images/bg-arrow.gif');
    background-repeat: no-repeat;
    background-position: 0 1px;
    width: 230px;
    line-height: 150%;
    padding: 2px 0 0 8px;
    display: inline-block;
    box-sizing: border-box;
    font-weight: normal;
    font-size: 11px;
}
.area_list a:link, .area_list a:visited {
    color: #111;
}
.area_title a:hover, .area_list a:hover {
    color: red;
}

/* CSS3 BUTTON ***********************************************************/
.btn {
    display: inline-block;
    background: url(btn.bg.png) repeat-x 0px 0px;
    padding: 2px 15px;
    font-weight: bold;
    text-shadow: 1px 1px 1px rgba(255,255,255,0.5);
    border: 1px solid rgba(0,0,0,0.4);
    border-radius: 5px;
    box-shadow: 0px 0px 2px rgba(0,0,0,0.5);
    -moz-border-radius: 5px;
    -moz-box-shadow: 0px 0px 2px rgba(0,0,0,0.5);
    -webkit-border-radius: 5px;
    -webkit-box-shadow: 0px 0px 2px rgba(0,0,0,0.5);
}

.btn2 {
    display: inline-block;
    background: url(btn.bg.png) repeat-x 0px 0px;
    padding: 1px 10px;
    text-shadow: 1px 1px 1px rgba(255,255,255,0.5);
    border: 1px solid rgba(0,0,0,0.4);
    border-radius: 5px;
    box-shadow: 0px 0px 2px rgba(0,0,0,0.5);
    -moz-border-radius: 5px;
    -moz-box-shadow: 0px 0px 2px rgba(0,0,0,0.5);
    -webkit-border-radius: 5px;
    -webkit-box-shadow: 0px 0px 2px rgba(0,0,0,0.5);
}
.btn3 {
    display: inline-block;
    background: url(btn.bg.png) repeat-x 0px 0px;
    padding: 0px 7px;
    text-shadow: 1px 1px 1px rgba(255,255,255,0.5);
    border-radius: 10px;
    box-shadow: 0px 0px 2px rgba(0,0,0,0.5);
    -moz-border-radius: 10px;
    -moz-box-shadow: 0px 0px 2px rgba(0,0,0,0.5);
    -webkit-border-radius: 10px;
    -webkit-box-shadow: 0px 0px 2px rgba(0,0,0,0.5);
}

.btn:hover {
    text-shadow: 1px 1px 1px rgba(0,0,0,0.5);
    cursor:pointer;
}
.btn2:hover {
    text-shadow: 1px 1px 1px rgba(0,0,0,0.5);
    cursor:pointer;
}

/* COLOR VARIATIONS */

.blue {background-color: #CCCCCC; color: #141414;}
.blue:hover {background-color: #00c0ff; color: #141414;}

.blue2 {background-color:LightSkyBlue; color: #141414;}
.blue2:hover {background-color: #CCCCCC; color: #141414;}

.blue3 {background-color: LightSkyBlue; color: #141414;}
.blue3:hover {background-color: dodgerblue; color: #141414;}

.dodgerblue {background-color: #CCCCCC; color: #141414;}
.dodgerblue:hover {background-color: dodgerblue; color: #141414;}

.green {background-color: #CCCCCC; color: #141414;}
.green:hover{background-color: #8aff00; color: #141414;}

.green2 {background-color: #8aff00; color: #141414;}
.green2:hover{background-color: #CCCCCC; color: #141414;}

.red {background-color: #CCCCCC; color: #141414;}
.red:hover {background-color: #ff004e; color: #141414;}

.gold {background-color: #CCCCCC; color: #141414;}
.gold:hover {background-color: gold; color: #141414;}

.orange {background-color: #CCCCCC; color: #141414;}
.orange:hover {background-color: orange; color: #141414;}

.hotpink {background-color: #CCCCCC; color: #141414;}
.hotpink:hover {background-color: hotpink; color: #141414;}

.orange2 {background-color: #ffe7c1; color: #141414;}
.orange2:hover {background-color: orange; color: #141414;}

/* CSS3 BUTTON ***********************************************************/

.shop_type_style {
    background-color: hotpink;
    border-radius: 4px;
    line-height: 100%;
    font-size: 11px;
    padding: 0px 8px;
}
.shop_name_style {
    color: hotpink;
}
.shop_name_style:hover {
    color: lime;
}
.font_white {
    color: white;
}
.font_hotpink {
    color: hotpink;
}
.pos_absolute_top_left {
    position: absolute;
    top: 0;
    left: 0;
}
.pos_absolute_top_right {
    position: absolute;
    top: 0;
    right: 0;
}
.floating_menu {
    background-color: silver;
    padding: 5px 10px;
    border: 1px solid #999;
    text-align: center;
    position: fixed;
    bottom: 0px;
    right: 0px;
}

.news_line_580_t0 {
    background-image: url('images/bg/realtime_bar_01_580.png');
    background-repeat: no-repeat;
}
.news_line_580_t1 {
    background-image: url('images/bg/realtime_bar_02_580.png');
    background-repeat: no-repeat;
}
.news_line_580_t2 {
    background-image: url('images/bg/realtime_bar_03_580.png');
    background-repeat: no-repeat;
}
.news_line_580_t3 {
    background-image: url('images/bg/realtime_bar_04_580.png');
    background-repeat: no-repeat;
}
.news_line_580_t4 {
    background-image: url('images/bg/realtime_bar_05_580.png');
    background-repeat: no-repeat;
}
.news_line_580_t5 {
    background-image: url('images/bg/realtime_bar_06_580.png');
    background-repeat: no-repeat;
}
.news_line_t0 {
    background-image: url('images/bg/realtime_bar_01.png');
    background-repeat: no-repeat;
}
.news_line_t1 {
    background-image: url('images/bg/realtime_bar_02.png');
    background-repeat: no-repeat;
}
.news_line_t2 {
    background-image: url('images/bg/realtime_bar_03.png');
    background-repeat: no-repeat;
}
.news_line_t3 {
    background-image: url('images/bg/realtime_bar_04.png');
    background-repeat: no-repeat;
}
.news_line_t4 {
    background-image: url('images/bg/realtime_bar_05.png');
    background-repeat: no-repeat;
}
.news_line_t5 {
    background-image: url('images/bg/realtime_bar_06.png');
    background-repeat: no-repeat;
}

.application {
    width: 800px;
    float: left;
}
.application_title {
    background-image: url('images/corner/corner_line_800.png');
    background-repeat: no-repeat;
    width: 760px;
    color: #4444ff;
      font-weight: bold;
    text-align:left;
      padding: 0px 0px 0px 40px;
    line-height: 22px;
    height: 22px;
    font-size: 12px;
    overflow: hidden;
    float: left;
}
.application_list {
    min-height: 100px;
    width: 798px;
    border: 1px solid #999;
    float: left;
}
.application_list td {
    padding: 5px 0px 5px 5px;
}


.application_view {
    background-color: MintCream;
    min-height: 30px;
    width: 788px;
    padding: 10px 5px 20px;
    border: 1px solid #999;
    float: left;
    text-align:left;
}
.application_view td {
    padding: 5px 0px 5px 5px;
}

.application_view1 {
    margin-top: 20px;
    min-height: 30px;
    float: left;
    text-align: left;
}

.application_view2 {
    margin-top: 20px;
    min-height: 30px;
    width: 798px;
    text-align: center;
}


.application_scroll {
    background-color: #eee;
    min-height: 100px;
    width: 798px;
    height: 500px;
    overflow-y: auto;
    border: 1px solid #999;
    text-align: left;
}

.application_scroll_title {
    font-size: 24px;
    font-weight: bold;
    margin-top: 20px;
    line-height: 30px;
    text-align: center;
}

.application_scroll_content {
    font-weight: bold;
    margin: 0 15px;
}

.application_scroll_title_in {
      font-size: 18px;
    font-weight: bold;
    padding: 5px 15px 0;
    margin-top: 20px;
}

.application_scroll_content_in {
    margin: 10px 15px 5px 30px;
    line-height: 22px;
}

.application_scroll_content_in2 {
    margin-left: 15px;
}

#application_form input[type=text] {
    padding: 3px 5px;
}

#application_form select {
    padding: 2px 0 2px 5px;
}


.input_info {
    color: red;
    margin-left: 10px;
}

.input_info_line {
    color: red;
    margin-left: 3px;
    display: block;
    clear: both;
}


.form_tbl td {
    border-bottom: 1px solid #444;
}
.form_tbl tr td:first-of-type {
    background-color: rgba(201,229,188,0.5);
    color: navy;
}

/** Top Menu ▼▼ **/
div.topmenu_wrapper_nomenu {
    width: 800px;
    margin: 0 auto;
    overflow: visible;
    text-align:center;
}
ul.topmenu_nomenu {
    list-style: none;
    position: relative;
    margin: 0 auto 0;
    width: 372px;
    clear: both;
    text-align:center;
}
ul.topmenu_nomenu > li {
    width: 372px;
    height: 63px;
    float: left;
    position: relative;
    overflow: visible;
    text-align:center;
}


.topmenu_nomenu_logo_bg {
    position: relative;
    text-align:center;
    background-image: url('/img/topmenu_logo_wrapper.png');
}
.mleft20 {
    margin-left: 20px;
}




.applicationshop {
    width: 1000px;
    float: left;
    text-align:center;
    align:center;
    background-color: #eee;
}
.applicationshop_title {
    background-image: url('images/corner/corner_line_detail1000.png');
    background-repeat: no-repeat;
    width: 1000px;
    color: #4444ff;
      font-weight: bold;
    text-align:left;
    align:center;
      padding: 0px 0px 0px 40px;
    line-height: 22px;
    height: 22px;
    font-size: 12px;
    overflow: hidden;
    float: left;
}

.shop_charge1000 {
    min-height: 80px;
    width: 1000px;
    float: left;
    text-align: left;
}
.shop_charge {
    min-height: 100px;
    width: 798px;
    float: left;
    text-align: left;
}
.shop_charge_title {
    color: #4444ff;
    background-image: url('images/corner/corner_line_800_rect.png');
    background-repeat: no-repeat;
    font-weight: bold;
    lline-height: 22px;
    height: 22px;
    padding-left: 40px;
    overflow: hidden;
    font-size: 12px;
}
.shop_charge_content {
    border: 1px solid #999;
    padding: 10px 10px;
}
.shop_charge_content_title {
    background-color: #00aff0;
    color: white;
    border-radius: 10px;
    padding: 0 10px;
    display: inline-block;
    box-shadow: 1px 2px 1px rgba(0,0,0,0.5);
    -moz-box-shadow: 1px 2px 1px rgba(0,0,0,0.5);
}
.shop_charge_content_title2 {
    background: lightgray url('/img/bg_plan_title.png') no-repeat 10px 5px;
    color: #111;
    padding: 5px 10px;
    margin: 5px;
    font-size: 130%;
    font-weight: bold;
    display: block;
    border: 1px solid black;
    border-radius: 5px;
}
.shop_charge_content_grp_name {
    background-color: navy;
    color: white;
    padding: 3px 5px;
    text-align: left;
}
.chop_charge_content_grp_name {
    background-color: navy;
    color: white;
    padding: 3px 5px;
    text-align: left;
}
.shop_charge_content_grp_th {
    background-color: #00aff0;
}
.shop_charge_content_free {
    background-color: #ddd;
    width: 500px;
    height: 100px;
    border: 1px solid gray;
    border-radius: 4px;
    padding: 5px;
    overflow: auto;
}
.shop_charge_remark {
    background-color: #ddd;
    min-height: 30px;
    width: 600px;
    border: 1px solid #999;
    border-radius: 5px;
    padding: 10px;
    margin: 10px;
}
.shop_charge_remark a:link, .shop_charge_remark:visited {
    color: blue;
}
.shop_charge_remark a:hover {
    color: hotpink;
}
.shop_charge_content_descript, .shop_charge_content_num {
    background-color: white;
}
.shop_charge_content_descript {
    padding: 10px 10px;
    vertical-align: top;
}
.shop_charge_content_num {
    padding: 5px;
    text-align: center;
}
.shop_charge_content_num img {
    max-width:300px;
}


.fwBold {
    font-weight: bold;
}
.fs120 {
    font-size: 120%;
}
.fs150 {
    font-size: 150%;
}

#tenpoinput input, #dairiinput input {
    padding:3px 5px;
}
#tenpoinput select, #dairiinput select {
    padding:3px 0 3px 5px;
}

.noclose .ui-dialog-titlebar-close
{
    display:none;
}

.blink {
    animation-duration: 1s;
    animation-name: blink;
    animation-iteration-count: infinite;
    animation-timing-function: steps(2, start);
}
@keyframes blink {
    80% {
        visibility: hidden;
    }
}
.blink2 {
    animation-duration: 2s;
    animation-name: blink2;
    animation-iteration-count: infinite;
    animation-timing-function: steps(2, start);
}
@keyframes blink2 {
    80% {
        visibility: hidden;
    }
}

.div_hidden {
    display: none;
}

.area_refresh_wrapper {
    position: fixed;
    width: 600px;
    height: 0;
    bottom: 0;
    left: 50%;
    margin-left: -300px;
    text-align: center;
    z-index: 1000;
}
.area_refresh_wrapper.visible {
    height: 44px !important;
    -webkit-transition-duration: 0.5s, 0.5s;
    -moz-transition-duration: 0.5s, 0.5s;
    transition-duration: 0.5s, 0.5s;
    -webkit-transition-timing function: linear, ease-in;
    -moz-transition-timing function: linear, ease-in;
    transition-timing function: linear, ease-in;
}
.area_refresh_wrapper div {
    display: inline-block;
    padding: 10px;
    background-color: #fff;
    border-radius:3px;
}

.gps-icon {
    position: relative;
    float: left;
    margin-right: 5px;
    width: 24px;
    height: 24px;
    background-image: url('/img/icon_gps_disabled.png');
    overflow: visible;
}
.gps-icon.enabled {
    background-image: url('/img/icon_gps_enabled.gif');
}
.geo_setting {
    position: absolute;
    top: 0px;
    left: 30px;
    height: 30px;
    line-height: 30px;
    padding-left: 15px;
    color: white;
    font-weight: normal;
    background-color: navy;
    border-radius: 5px;
    display: none;
    overflow: visible;
    z-index: 1000;
    box-shadow: 1px 2px 2px rgba(0,0,0,0.7);
    -moz-box-shadow: 1px 2px 2px rgba(0,0,0,0.7);
    -webkit-box-shadow: 1px 2px 2px rgba(0,0,0,0.7);
}
.geo_setting .chat_type {
    position: absolute;
    top: 3px;
    left: -7px;
    width: 10px;
    height: 18px;
    overflow: hidden;
    color: navy;
}
.geo_setting_info {
    width: 950px;
}
.geo_setting_result {
    width: 0;
    -webkit-transition-duration: 0.5s, 0.5s;
    -moz-transition-duration: 0.5s, 0.5s;
    transition-duration: 0.5s, 0.5s;
    -webkit-transition-timing function: linear, ease-in;
    -moz-transition-timing function: linear, ease-in;
    transition-timing function: linear, ease-in;
}
.geo_setting_result.visible {
    width: 950px !important;
    -webkit-transition-duration: 0.5s, 0.5s;
    -moz-transition-duration: 0.5s, 0.5s;
    transition-duration: 0.5s, 0.5s;
    -webkit-transition-timing function: linear, ease-in;
    -moz-transition-timing function: linear, ease-in;
    transition-timing function: linear, ease-in;
}

.debug {
    display: none;
    position: fixed;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 200px;
    padding: 10px;
    background-color: white;
    color: #222;
    font-size: 13px;
    z-index: 9999;
}
