/* 加盟店検索結果（地図検索）ページ用ＣＳＳ */

/* タイトルヘッダ下のコメントボックス */
div.map_comment_box1_left{
    clear:both;
    float:left;
    padding-left: 0px;
    padding-right: 0px;
    padding-top:0px;
    padding-bottom:0px;
    width:580px;
}
div.map_comment_box1_left p{
    float:left;
    padding:0px;
    font-size:100%;
    line-height:20px;
    margin-top:4px;
}
div.map_comment_box1_left img{
    float:left;
    padding:0px;
    font-size:100%;
    margin-top:0px;
}
div.map_comment_box1_right{
    float:left;
    padding:0px;
    width:200px;
    font-size:0px;
    line-height:0px;
    text-align:right;
}
/* 地図のタイトルボックス */
div.map_title{
    clear:both;
    padding-left: 0px;
    padding-right: 0px;
    padding-top:0px;
    padding-bottom:0px;
}
div.map_title_head{
    clear:both;
    float:left;
    padding-left: 0px;
    padding-right: 0px;
    padding-top:0px;
    padding-bottom:0px;
    width:214px;
    line-height:0px;
}
div.map_title_comment{
    float:left;
    padding-left: 0px;
    padding-right: 0px;
    padding-top:22px;
    padding-bottom:0px;
    background-color:#ffffff;
    background-image:url('../images/sub_title_comment_bk.gif');
    background-repeat:repeat-x;
    width:406px;
    font-size:12px;
    line-height:25px;
    color:#333366;
    text-indent:10px;
    overflow:hidden;
    height:28px;
}
div.map_title_operate{
    float:left;
    padding-left: 0px;
    padding-right: 0px;
    padding-top:21px;
    padding-bottom:0px;
    background-color:#ffffff;
    background-image:url('../images/sub_title_comment_bk.gif');
    background-repeat:repeat-x;
    width:160px;
    font-size:12px;
    line-height:25px;
    color:#333366;
    overflow:hidden;
    height:28px;
}
/* 地図表示 */
#mapframe {
    position:relative;
    background-color:#FFFFFF;
    width:770px;
    height: 500px;
    text-align:center;
    margin: 3px;
    padding: 0px;
    border: 2px solid #6699cc;
}
#map_center {
    position:absolute;
    top:242px;
    left:377px;
    width:15px;
    height: 15px;
    z-index:100;
}
#map {
    position:absolute;
    background-color:#F0F0F0;
    top:0px;
    left:0px;
    width:770px;
    height: 500px;
}
#indexmap {
    position:absolute;
    background-color:#F0F0F0;
    top:369px;
    left:597px;
    width:160px;
    height: 120px;
    padding: 0px;
    border: 2px solid #676765;
    z-index:100;
}
/* 地図下のコメントボックス */
div.map_under{
    clear:both;
    padding-left: 0px;
    padding-right: 0px;
    padding-top:0px;
    padding-bottom:0px;
}
div.map_under_comment{
    float:left;
    padding-left: 0px;
    padding-right: 0px;
    padding-top:0px;
    padding-bottom:0px;
    background-color:#ffffff;
    width:620px;
    height:28px;
    font-size:95%;
    line-height:25px;
    color:#333366;
    text-indent:10px;
    overflow:hidden;
    text-align:right;
}
div.map_under_operate{
    float:left;
    padding-left: 0px;
    padding-right: 0px;
    padding-top:0px;
    padding-bottom:0px;
    background-color:#ffffff;
    width:160px;
    height:28px;
    font-size:12px;
    line-height:25px;
}
/* 加盟店リストのタイトルボックス */
div.list_title{
    clear:both;
    padding-left: 0px;
    padding-right: 0px;
    padding-top:0px;
    padding-bottom:0px;
}
div.list_title_head{
    clear:both;
    float:left;
    padding-left: 0px;
    padding-right: 0px;
    padding-top:0px;
    padding-bottom:0px;
    width:214px;
    line-height:0px;
}
div.list_title_comment1{
    float:left;
    padding-left: 0px;
    padding-right: 0px;
    padding-top:22px;
    padding-bottom:0px;
    background-color:#ffffff;
    background-image:url('../images/list_title_comment_bk.gif');
    background-repeat:repeat-x;
    width:56px;
    font-size:14px;
    font-weight:bold;
    line-height:11px;
    color:#FF0099;
    text-indent:10px;
    overflow:hidden;
    height:24px;
    text-align:right;
}
div.list_title_comment2{
    float:left;
    padding-left: 0px;
    padding-right: 0px;
    padding-top:22px;
    padding-bottom:0px;
    background-color:#ffffff;
    background-image:url('../images/list_title_comment_bk.gif');
    background-repeat:repeat-x;
    width:200px;
    font-size:12px;
    line-height:11px;
    color:#333366;
    text-indent:3px;
    overflow:hidden;
    height:24px;
    text-align:left;
}
div.list_title_comment3{
    float:left;
    padding-left: 0px;
    padding-right: 0px;
    padding-top:22px;
    padding-bottom:0px;
    background-color:#ffffff;
    background-image:url('../images/list_title_comment_bk.gif');
    background-repeat:repeat-x;
    width:110px;
    height:24px;
    color:#333366;
    font-size:12px;
    text-indent:0px;
    text-align:right;
    line-height:11px;
    overflow:hidden;
}
div.list_title_operate{
    float:left;
    padding-left: 0px;
    padding-right: 0px;
    padding-top:16px;
    padding-bottom:0px;
    background-color:#ffffff;
    background-image:url('../images/list_title_comment_bk.gif');
    background-repeat:repeat-x;
    width:200px;
    height:24px;
    color:#333366;
    font-size:13px;
    line-height:11px;
    overflow:hidden;
}
/* 加盟店リストの操作ボックス（範囲変更・件数変更） */
div.list_operator_box{
    clear:both;
    padding:0px;
    margin:0px;
    border-style:none;
}
div.list_operator_comment1{
    float:left;
    padding-left: 5px;
    padding-right: 5px;
    padding-top:5px;
    padding-bottom:0px;
    width:100px;
    font-size:12px;
    line-height:15px;
    color:#333399;
    text-indent:10px;
    overflow:hidden;
    text-align:right;
}
div.list_operator_command1{
    float:left;
    padding-left: 0px;
    padding-right: 0px;
    padding-top:0px;
    padding-bottom:0px;
    width:250px;
    line-height:0px;
    text-align:left;
}
div.list_operator_comment2{
    float:left;
    padding-left: 0px;
    padding-right: 0px;
    padding-top:5px;
    padding-bottom:0px;
    width:270px;
    font-size:12px;
    line-height:15px;
    color:#333399;
    text-indent:10px;
    overflow:hidden;
    text-align:right;
}
div.list_operator_command2{
    float:left;
    padding-left: 0px;
    padding-right: 0px;
    padding-top:0px;
    padding-bottom:0px;
    width:150px;
    line-height:0px;
    text-align:left;
}
/* 加盟店リストの下部 */
div.list_footer{
    clear:both;
    padding:0px;
    margin:0px;
    border-style:none;
}
div.list_footer_comment1{
    float:left;
    padding-left: 5px;
    padding-right: 5px;
    padding-top:5px;
    padding-bottom:0px;
    width:450px;
    font-size:12px;
    line-height:12px;
    color:#333399;
    text-indent:10px;
    overflow:hidden;
    text-align:left;
}
div.list_footer_comment2{
    float:left;
    padding-left: 5px;
    padding-right: 5px;
    padding-top:5px;
    padding-bottom:0px;
    width:110px;
    height:24px;
    color:#333366;
    font-size:12px;
    text-indent:0px;
    text-align:right;
    line-height:12px;
    overflow:hidden;
}
div.list_footer_operate{
    float:left;
    padding-left: 0px;
    padding-right: 0px;
    padding-top:0px;
    padding-bottom:0px;
    width:200px;
    height:24px;
    color:#333366;
    font-size:13px;
    line-height:13px;
    overflow:hidden;
}
/* 加盟店リストの下部の印刷ページボタン */
div.print_button_box{
    clear:both;
    padding-left: 0px;
    padding-right: 0px;
    padding-top:0px;
    padding-bottom:0px;
    margin:0px;
    border-style:none;
    text-align:center;
}
/* 店種選択のタイトルボックス */
div.select_type_title{
    clear:both;
    padding-left: 0px;
    padding-right: 0px;
    padding-top:0px;
    padding-bottom:0px;
}
div.select_type_title_head{
    float:left;
    padding-left: 0px;
    padding-right: 0px;
    padding-top:0px;
    padding-bottom:0px;
    width:224px;
    line-height:0px;
}
div.select_type_title_comment{
    float:left;
    padding-left: 0px;
    padding-right: 0px;
    padding-top:22px;
    padding-bottom:0px;
    background-color:#ffffff;
    background-image:url('../images/sub_title_comment_bk.gif');
    background-repeat:repeat-x;
    width:556px;
    font-size:14px;
    font-weight:bold;
    line-height:11px;
    color:#FF0099;
    text-indent:10px;
    overflow:hidden;
    height:27px;
    text-align:right;
}
/* 店種選択ボックス */
div.select_type_box{
    clear:both;
    padding:0px;
    margin-left:7px;
    margin-top:5px;
    text-align:left;
    line-height:0px;
    background-image:url(../images/select_type_box_bk.gif);
    background-repeat:repeat-y;
}
div.select_type_box_head{
    padding-left: 0px;
    padding-right: 0px;
    padding-top:0px;
    padding-bottom:0px;
    margin-left:0px;
    margin-top:0px;
    width:770px;
    line-height:0px;
}
div.select_type{
    padding-left: 0px;
    padding-right: 10px;
    padding-top:10px;
    padding-bottom:10px;
    margin-left:7px;
    text-align:left;
}
div.select_type_list {
    float: left;
    background-color:#D1D6EA;
    margin-left:4px;
    margin-right:0px;
    margin-top:0px;
    margin-bottom:4px;
    padding-left: 2px;
    padding-right: 0px;
    padding-top:2px;
    padding-bottom:2px;
    width: 180px;
    list-style-type: none;
    font-size:12px;
}
div.select_type_box_foot{
    padding-left: 0px;
    padding-right: 0px;
    padding-top:0px;
    padding-bottom:0px;
    margin-left:0px;
    line-height:0px;
}

/***********************************************************************/

div.address_head{
    clear:both;
    float:left;
    padding-left: 0px;
    padding-right: 0px;
    padding-top:0px;
    padding-bottom:0px;
    width:238px;
    line-height:0px;
}
div.address_text{
    float:left;
    padding-left: 0px;
    padding-right: 0px;
    padding-top:27px;
    padding-bottom:0px;
    background-color:#ffffff;
    background-image:url('../images/address_head_bk.gif');
    background-repeat:repeat-x;
    width:542px;
    font-size:12px;
    line-height:25px;
    color:#333366;
    text-indent:10px;
    overflow:hidden;
    vertical-align:middle;
    height:33px;
}
div.address_comment{
    float:left;
    padding-left: 0px;
    padding-right: 0px;
    padding-top:22px;
    padding-bottom:0px;
    background-color:#ffffff;
    background-image:url('../images/sub_title_comment_bk.gif');
    background-repeat:repeat-x;
    width:542px;
    font-size:12px;
    line-height:25px;
    color:#333366;
    text-indent:10px;
    overflow:hidden;
    vertical-align:middle;
    height:28px;
}
div.search_mapbtn{
    float:none;
    padding-left: 10px;
    padding-right: 0px;
    padding-top:0px;
    padding-bottom:0px;
    background-color:#ffffff;
    color:#333333;
    text-align:right;
}

div.search_form{
    float:none;
    padding-left: 10px;
    padding-right: 0px;
    padding-top:0px;
    padding-bottom:0px;
    background-color:#ffffff;
    color:#333333;
    line-height:180%;
}
div.search_form_comment{
    clear:both;
    float:none;
    padding-left: 10px;
    padding-right: 0px;
    padding-top:3px;
    padding-bottom:0px;
    width:520px;
    line-height:180%;
}
div.search_form_input{
 float:left;
 padding-left: 10px;
 padding-right: 0px;
 padding-top:3px;
 padding-bottom:3px;
 width:420px;
 line-height:180%;
}
div.search_form_submit{
 float:left;
    padding-left: 10px;
    padding-right: 2px;
    padding-top:3px;
    padding-bottom:3px;
    width:90px;
}
div.hint_box{
    clear:both;
    float:none;
    padding-left: 0px;
    padding-right: 0px;
    padding-top: 5px;
    padding-bottom: 0px;
    text-align:center;
    line-height:0px;
    font-size:0px;
}

/* 加盟店リストページ */
div.shop_list_header{
    clear:both;
    float:none;
    padding-left: 10px;
    padding-right: 10px;
    padding-top: 5px;
    padding-bottom: 0px;
}
/* 検索結果件数表示 */
div.result_counter{
    float:left;
    color:#CC0033;
    width:120px;
    padding-left: 0px;
    padding-right: 0px;
    padding-top: 0px;
    padding-bottom: 0px;
    font-size:120%;
    font-weight:bold;
}
/* ページリスト */
div.page_list{
    float:left;
    width:360px;
    padding-left: 0px;
    padding-right: 0px;
    padding-top: 0px;
    padding-bottom: 0px;
}
/* リスト全体 */
ul.pagelinks {
   margin: 0px;
   padding: 0px;
}
/* 各項目の装飾 */
ul.pagelinks li {
    width: 1.2em;
    line-height: 1.2em;
    border: 1px solid blue;
    list-style-type:none;
    float: left;
    margin: 0.1em;
    padding: 0px;
    font-family: Arial,sans-serif;
    font-weight: bold;
    text-align: center;
}
/* リンクの装飾 */
ul.pagelinks li a {
   display: block;
   text-decoration: none;
   width: 1.2em;
}
/* 未訪問リンクの色 */
ul.pagelinks li a:link {
   background-color: white;
   color: blue;
}
/* 既訪問リンクの色 */
ul.pagelinks li a:visited {
   background-color: white;
   color: purple;
}
/* マウスが載ったときの色 */
ul.pagelinks li a:hover {
   background-color: blue;
   color: yellow;
}
/* 現在位置項目の装飾 */
ul.pagelinks li.here {
   background-color: green;
   color: #ffff80;
   border-color: green;
}
/* 再検索 */
div.redo_search_form{
    float:left;
    width:270px;
    padding-left: 0px;
    padding-right: 10px;
    padding-top: 0px;
    padding-bottom: 0px;
}
div.attention_comment{
    float:left;
    width:270px;
    padding-left: 0px;
    padding-right: 10px;
    padding-top: 0px;
    padding-bottom: 0px;
    font-size:10px;
    text-align:right;
}
/* 加盟店リスト */
div.search_list_box{
    background-color:#FFFFFF;
    text-align:left;
    vertical-align:top;
    padding-top:5px;
    padding-left:0px;
    padding-right:0px;
    padding-bottom:0px;
    width:780px;
}
table.search_list {
    border-top: 2px #666666 solid;
    border-bottom: 2px #666666 solid;
    border-left: 1px #FFFFFF solid;
    border-right: 1px #FFFFFF solid;
    border-collapse: collapse;
    width:780px;
}
table.search_list th,
table.search_list td {
    border-style: solid dashed;
    border-color: #999999;
    border-width: 1px;
    font-size: 12px;
    padding: 0.3em;
    line-height:1.2em;
    vertical-align:middle;
    overflow:auto;
}
table.search_list thead th {
    border-color: #FFFFFF;
    border-bottom: 3px double #666666;
    background-color:#999999;
    letter-spacing: 0.15em;
    text-align:center;
    color:#FFFFFF;
}
table.search_list th.no {
    width:16px;
}
table.search_list th.type {
}
table.search_list th.name {
    width:230px;
}
table.search_list th.address {
    width:280px;
}
table.search_list th.tel {
    width:86px;
}
table.search_list th.station_name {
    width:230px;
}
table.search_list th.station_address {
    width:280px;
}
table.search_list th.line_name {
    width:340px;
}
table.search_list th.map {
    width:50px;
}
table.search_list th.distance {
    width:40px;
}
table.search_list td {
    background-color:#F3EEE5;
}
table.search_list td.no {
    background-color:#CCCCC2;
    text-align:right;
}
table.search_list td.no a{
    color:#0000CC;
    text-decoration:underline;
    font-weight:bold;
}
table.search_list td.type {
    text-align:left;
    border-right-style:none;
    width:86px;
}
table.search_list td.new {
    text-align:center;
    width:34px;
    border-left-style:none;
}
table.search_list td.name {
    text-align:left;
}
table.search_list td.address {
    text-align:left;
}
table.search_list td.tel {
    text-align:left;
}
table.search_list td.map {
    text-align:center;
}
table.search_list td.distance {
    text-align:right;
}
table.search_list td.no_new {
    background-color:#CCCC91;
    text-align:right;
}
table.search_list td.no_new a{
    color:#0000CC;
    text-decoration:underline;
    font-weight:bold;
}
table.search_list td.type_new {
    background-color:#FFFF99;
    text-align:left;
    border-right-style:none;
}
table.search_list td.new_new {
    background-color:#FFFF99;
    text-align:center;
    width:34px;
    border-left-style:none;
}
table.search_list td.name_new {
    background-color:#FFFF99;
    text-align:left;
}
table.search_list td.address_new {
    background-color:#FFFF99;
    text-align:left;
}
table.search_list td.tel_new {
    background-color:#FFFF99;
    text-align:left;
}
table.search_list td.map_new {
    background-color:#FFFF99;
    text-align:center;
}
table.search_list td.distance_new {
    background-color:#FFFF99;
    text-align:right;
}

/* 住所検索リスト */
/* 50音選択 */
div.address_list_head{
    padding-top:10px;
    padding-left:0px;
    padding-right:0px;
    padding-bottom:0px;
    width:780px;
    text-align:center;
}
table.address_list_head {
    width:650px;
    border-style:none;
    padding:0px;
    margin:auto;
}
table.address_list_head td {
    background-color:#F0F0F0;
    color:#000000;
    font-size:100%;
    text-align:center;
    line-height:1.1em;
}
table.address_list_head td a {
    color:#333399;
}
/* 住所リスト */
div.address_list{
    width:780px;
    padding-top:5px;
    padding-left:0px;
    padding-right:0px;
    padding-bottom:0px;
    text-align:center;
}
table.address_list {
    width:780px;
    border-style:none;
    padding:0px;
    margin:auto;
    border-collapse: collapse;
}
table.address_list th {
    background-color:#FFFFFF;
    font-size:90%;
    font-weight:lighter;
    text-align:left;
    padding:0px;
}
table.address_list td {
    background-color:#F0F0F0;
    color:#000000;
    font-size:95%;
    text-align:left;
    padding:3px;
}
table.address_list td.name {
    background-color:#F0F0F0;
    color:#000000;
    text-align:left;
    padding:3px;
    border-top-color:#999999;
    border-top-style:dotted;
    border-top-width:1px;
    border-bottom-color:#999999;
    border-bottom-style:dotted;
    border-bottom-width:1px;
}
table.address_list td a {
    text-decoration:none;
    padding-left: 21px;
    line-height: 1.4;
    display:block;
}
table.address_list td a:hover {
    background-color:#FFCCCC;
    color:#CC0033;
    text-decoration:underline;
    background-image:url('../images/mark06.gif');
    background-repeat: no-repeat;
    background-position: center left;
}

/*ツールチップ*/
div.tooltip
{
	position:absolute;
	border:solid 1px black;
	background-color:#ffffe0;
    font-size: 10px;
    line-height:12px;
    text-align:left;
    z-index:200;
	padding:2px;
	white-space:nowrap;
}

div.baloon 
{
    font-size: 10px;
    line-height:12px;
    text-align:left;
    vertical-align:text-top;
    z-index:200;
}

/*バルーン*/
div.baloonLU_1
{
	position:absolute;
	left:0px;
	top:0px;
	width:274px;
	height:23px;
    background-image:url('/bv/images/baloon/baloon_01.gif');
    background-repeat: no-repeat;
}

div.baloonLU_2
{
	position:absolute;
	left:274px;
	top:0px;
	width:18px;
	height:23px;
    background-image:url('/bv/images/baloon/baloon_02.gif');
    background-repeat: no-repeat;
    cursor:pointer;
}

div.baloonLU_3
{
	position:absolute;
	left:292px;
	top:0px;
	width:8px;
	height:23px;
    background-image:url('/bv/images/baloon/baloon_03.gif');
    background-repeat: no-repeat;
}

div.baloonLU_4
{
	position:absolute;
	left:0px;
	top:23px;
	width:7px;
	height:143px;
    background-image:url('/bv/images/baloon/baloon_04.gif');
    background-repeat: no-repeat;
}

div.baloonLU_5
{
	position:absolute;
	left:7px;
	top:23px;
	width:285px;
	height:143px;
    background-image:url('/bv/images/baloon/baloon_05.gif');
    background-repeat:repeat;
    overflow:scroll;
}

div.baloonLU_6
{
	position:absolute;
	left:292px;
	top:23px;
	width:8px;
	height:143px;
    background-image:url('/bv/images/baloon/baloon_06.gif');
    background-repeat: no-repeat;
}

div.baloonLU_7
{
	position:absolute;
	left:0px;
	top:0px;
	width:0px;
	height:0px;
}

div.baloonLU_8
{
	position:absolute;
	left:0px;
	top:166px;
	width:300px;
	height:34px;
    background-image:url('/bv/images/baloon/baloon_LU.gif');
    background-repeat: no-repeat;
}

div.baloonRU_8
{
	position:absolute;
	left:0px;
	top:166px;
	width:300px;
	height:34px;
    background-image:url('/bv/images/baloon/baloon_RU.gif');
    background-repeat: no-repeat;
}


div.baloonLT_1
{
	position:absolute;
	left:0px;
	top:26px;
	width:274px;
	height:23px;
    background-image:url('/bv/images/baloon/baloon_01.gif');
    background-repeat: no-repeat;
}

div.baloonLT_2
{
	position:absolute;
	left:274px;
	top:26px;
	width:18px;
	height:23px;
    background-image:url('/bv/images/baloon/baloon_02.gif');
    background-repeat: no-repeat;
    cursor:pointer;
}

div.baloonLT_3
{
	position:absolute;
	left:292px;
	top:26px;
	width:8px;
	height:23px;
    background-image:url('/bv/images/baloon/baloon_03.gif');
    background-repeat: no-repeat;
}

div.baloonLT_4
{
	position:absolute;
	left:0px;
	top:49px;
	width:7px;
	height:143px;
    background-image:url('/bv/images/baloon/baloon_04.gif');
    background-repeat: no-repeat;
}

div.baloonLT_5
{
	position:absolute;
	left:7px;
	top:49px;
	width:285px;
	height:143px;
    background-image:url('/bv/images/baloon/baloon_05.gif');
    background-repeat:repeat;
    overflow:scroll;
}

div.baloonLT_6
{
	position:absolute;
	left:292px;
	top:49px;
	width:8px;
	height:143px;
    background-image:url('/bv/images/baloon/baloon_06.gif');
    background-repeat: no-repeat;
}

div.baloonLT_7
{
	position:absolute;
	left:0px;
	top:192px;
	width:300px;
	height:7px;
    background-image:url('/bv/images/baloon/baloonT_00.gif');
    background-repeat: no-repeat;
}

div.baloonLT_8
{
	position:absolute;
	left:0px;
	top:0px;
	width:300px;
	height:34px;
    background-image:url('/bv/images/baloon/baloon_LT.gif');
    background-repeat: no-repeat;
}

div.baloonRT_8
{
	position:absolute;
	left:0px;
	top:0px;
	width:300px;
	height:34px;
    background-image:url('/bv/images/baloon/baloon_RT.gif');
    background-repeat: no-repeat;
}


/*バルーン 店舗情報*/
table.baloon {
    border-top: 2px #666666 solid;
    border-bottom: 2px #666666 solid;
    border-left: 1px #FFFFFF solid;
    border-right: 1px #FFFFFF solid;
    background-color:#ffffff;
    width:264px;
}
table.baloon td {
    border-style: solid dashed;
    border-color: #666666;
    border-width: 1px;
    font-size: 12px;
    line-height:14px;
    padding: 2px;
    vertical-align:middle;
}

table.baloon td.title {
    width:30px;
}
table.baloon td.content {
}

table.baloon td.title_top {
    width:30px;
    border-top-width: 2px;
}
table.baloon td.content_top {
    border-top-width: 2px;
}