@charset "Shift_JIS";

/* ------------------------------------------------------
 wcvmap.css
 （地図編集画面用設定）

　目　次
  1.body
  2.タイトル
  3.ナビ
  4.GoogleMap
------------------------------------------------------ */

/* ------------------------------------------------------
 1.body
------------------------------------------------------ */
body {
  width: 100%;
  margin: 0;
  padding: 0;
  background: #F1F1E7;
}

/* ------------------------------------------------------
 2.タイトル
------------------------------------------------------ */
table#wcvtitle {
  width: 100%;
  margin: 0;
  padding: 0;
  background: #E2E2D0;
  border-collapse: collapse;
  border: none;
  border-bottom: 1px solid #BBB;
  border-spacing: 0;
  empty-cells: show;
}
table#wcvtitle td {
  text-align: left;
  vertical-align: middle;
  margin: 0;
  padding: 0 0 0 20px;
  border: none;
}
table#wcvtitle td#wcvtitle_td_logo {
  width: 272px;
  padding: 0;
  background: url(../buttons/logo_bg.png) no-repeat right bottom;
}
table#wcvtitle td p {
  margin: 0;
  padding: 0;
}

/* -------- ロゴ -------- */
#wcvtitle p#wcvlogo {
  width: 240px;
  height: 45px;
  margin: 0 12px 13px 20px;
  overflow: hidden;
  /*\*//*/overflow: visible;/* MacIEのみ適用 */
}
#wcvtitle p#wcvlogo img {
  vertical-align: bottom;
  /*\*//*/width: 240px;/* MacIEのみ適用 */
  /*\*//*/height: 45px;/* MacIEのみ適用 */
}

/* -------- ユーザー名 -------- */
#wcvtitle p#username {
}

.insertmap_version_area{
	text-align: right;
}

/* ------------------------------------------------------
 3.ナビ
------------------------------------------------------ */
/* -- メッセージ表示エリア -- */
#system_message,
#system_error{
	width:			851px;
	text-align:		left;
	font-weight:	bold;
}

#system_message{
	color: #00C;
}

#system_error{
	color: #C00;
}

/* -------- タブビュー -------- */
#mapnav_tabview {
  position: absolute;
  top: 71px;
  left: 12px;
  width: 320px;
  padding: 0 0 12px;
  min-height: 645px;
}

/* 地図の位置がウィンドウサイズによって変わってしまうことを防ぐ */
#wcv_sys_content{
	position: relative!important;
}

#wcv_sys_content #mapnav_tabview{
	position:		static;
	float:			left;
	margin-left:	20px;
}

/* UIを統一したことにより、aタグに対してcolor:#FFFがつかなくなった */
#wcv_sys_content #mapnav_tabview .yui-nav a{
	color: #000;
}
#wcv_sys_content #mapnav_tabview .yui-nav .selected a{
	color: #FFF;
}

/* -------- fieldset -------- */
fieldset.mapnav_fieldset {
  margin: 10px 0;
}

/* -------- legend -------- */
legend.mapnav_legend {
  color: #C30;
  font-weight: bold;
}

/* -------- p -------- */
p.mapnav_p {
  margin: 5px 10px;
  padding: 0;
}
p.mapnav_p input {
  font-size: 100%;
  vertical-align: middle;
}

/* 地図の大きさ変更 */
p.mapnav_p_sizechange {
  margin: 5px;
  padding: 5px 8px;
  border: 1px solid #CCC;
  background: #F4F4F0;
}
p.mapnav_p_sizechange input,
p.mapnav_p_sizechange img{
	font-size: 100%;
	vertical-align: middle;
}
p.mapnav_p_sizechange img{
	cursor: pointer;
}

/* 位置情報追加 */
p#mapnav_p_addmarker {
  margin: 10px 0 5px 10px;
  padding: 0 15px 0 0;
  text-align: right;
  background: url(../buttons/addmarker_bg.gif) no-repeat;
  min-height: 55px;
}
p#mapnav_p_addmarker input {
  margin: 13px 0;
  vertical-align: middle;
}

/* 詳細な設定（上級者向け） */
p.mapnav_p_expand {
  font-weight: bold;
  margin: 10px 0 5px;
  padding: 5px 0;
  text-align: center;
  border-top: 1px solid #CCC;
  border-bottom: 1px solid #CCC;
}
p.mapnav_p_expand input,
p.mapnav_p_expand img{
	margin: 0 0 0 3px;
	vertical-align: middle;
}
p.mapnav_p_expand img{
	cursor: pointer;
}

/* 位置情報プレビュー */
p#mapnav_p_preview {
  margin: 10px 10px 5px;
  padding: 0;
}

/* 情報Windowタイトル */
p#mapnav_p_markertitle {
  margin: 15px 10px 10px;
  padding: 0;
}

/* 情報Window説明 */
p#mapnav_p_markercomment {
  margin: 10px 10px 15px;
  padding: 0;
}

/* 画像操作ボタン */
p.mapnav_p_imgbtn {
  margin: 15px 10px;
  padding: 0;
}
p.mapnav_p_imgbtn input {
  margin: 2px 10px 2px 0;
}

/* 画像リンク */
p.mapnav_p_imglink {
  margin: 15px 10px;
  padding: 0;
}

/* リンク修正 */
p#mapnav_previewlink_p {
  margin: 5px 10px;
  padding: 6px 12px;
  border: 1px solid #CCC;
  background: #F4F4F0;
}

/* 反映ボタン */
p#mapnav_p_savebtn {
  margin: 15px 0 10px;
  padding: 8px 0 0;
  border-top: 1px dotted #CCC;
  text-align: center;
}

/* -------- リスト -------- */
ul.mapnav_ul {
  margin: 5px 10px 0 12px;
  padding: 0;
  list-style: none;
  line-height: 1.3;
}
ul.mapnav_ul li {
  margin: 0;
  padding: 0 0 4px 12px;
  background: url(../buttons/li_bg.png) no-repeat 0 6px;
}

/* -------- 検索テキストボックス -------- */
input#mapnav_search_text {
  width: 200px;
}

/* -------- iflame設定テキストボックス -------- */
input#iframe_set_text {
    width: 99%;;
}

/* -------- 地図の大きさテキストボックス -------- */
input#mapnav_sizeX_text {
  width: 30px;
}
input#mapnav_sizeY_text {
  width: 30px;
}

/* -------- チェックボックス -------- */
input.mapnav_chkbox {
}

/* -------- ラジオボタングループ -------- */
.mapnav_radiogroup {
  margin: 0 0 0 5px;
}

/* -------- ラジオボタン -------- */
input.mapnav_radio {
}

/* -------- 追加されたマーカー一覧 -------- */
#mapnav_added_icons {
}

/* -------- 追加されたマーカー一覧 table -------- */
table#mapnav_added_icons_table {
  margin: 5px;
  padding: 0;
  background: #FFF;
  border-collapse: collapse;
  border: 1px solid #CCC;
  border-spacing: 0;
  empty-cells: show;
}

/* -------- 追加されたマーカー一覧 cell -------- */
td.mapnav_added_icons_cell {
  text-align: left;
  vertical-align: middle;
  padding: 8px;
  border: 1px solid #CCC;
}

/* -------- 位置情報プレビュー -------- */
#mapnav_marker_preview_wrap {
  width: 300px;
  margin: 0 0 0 3px;
  background: url(../buttons/marker_preview_top_bg.png) no-repeat;
}
table#mapnav_marker_preview_table {
  width: 300px;
  font-size: 9pt;
  margin: 0;
  padding: 0;
  background: url(../buttons/marker_preview_bottom_bg.png) no-repeat left bottom;
  border-collapse: collapse;
  border: none;
  border-spacing: 0;
  empty-cells: show;
}
table#mapnav_marker_preview_table td {
  text-align: left;
  vertical-align: middle;
  border: none;
}
td#mapnav_marker_preview,
td#mapnav_marker_preview_onremove {
}
fieldset#mapnav_marker_preview_fieldset {
  border: none;
  margin: 15px 17px 15px 15px;
  padding: 0;
}
legend#mapnav_marker_preview_title,
legend#mapnav_marker_preview_title_onremove {
  color:#06C;
  font-size: 11pt;
  font-weight: bold;
  margin: 0 0 0 -5px;
}
td#mapnav_marker_preview_comment,
td#mapnav_marker_preview_comment_onremove {
  padding: 5px 5px 38px;
}

td#mapnav_marker_preview_image,
td#mapnav_marker_preview_image_onremove {
  padding: 0 5px 38px 0;
}
td#mapnav_marker_preview_image img,
td#mapnav_marker_preview_image_onremove img {
  width: 90px;
  vertical-align: bottom;
}
td#mapnav_marker_preview_image a img,
td#mapnav_marker_preview_image_onremove a img {
  border: 1px solid #00F;
}
td#mapnav_marker_preview_image a:visited img,
td#mapnav_marker_preview_image_onremove a:visited img {
  border: 1px solid #800080;
}

/* -------- アイコンを選択して下さい fieldset -------- */
fieldset#mapnav_icon_select {
  margin: 15px 0;
}

/* -------- アイコン選択テーブル -------- */
table#mapnav_icon_table {
  margin: 5px 0 2px;
  padding: 0;
  background: #FFF;
  border-collapse: collapse;
  border: 1px solid #CCC;
  border-spacing: 0;
  empty-cells: show;
}

/* -------- アイコンテーブルセル -------- */
td.mapnav_icon_cell {
  width: 25%;
  padding: 12px 0;
  border: 1px #CCC solid;
  text-align: center;
  vertical-align: middle;
}

/* -------- アイコンテーブル選択中のセル -------- */
td.mapnav_icon_cell_selected {
  width: 25%;
  padding: 12px 0;
  border: 1px #CCC solid;
  background: #D5E4E9;
  text-align: center;
  vertical-align: middle;
}

/* -------- 画像 UPLOAD FORM -------- */
form#mapnav_upload_form {
  margin: 0;
  padding: 0;
}

/* -------- リンク決定・キャンセル -------- */
#mapnav_linkurl {
  margin: 15px 0;
  padding: 0;
}

/* -------- 画像リンク修正・削除 -------- */
#mapnav_previewlink_wrap {
  margin: 22px 0 15px;
  padding: 0;
}

/* -------- マーカータイトルテキスト -------- */
input#mapnav_markertitle_text {
  font-size: 100%;
  width: 275px;
}

/* -------- マーカー説明テキスト -------- */
textarea#mapnav_markercomment_text {
  font-size: 100%;
  width: 275px;
}

/* -------- リンク先 URL -------- */
input#mapnav_linkurl_text {
  width: 275px;
}

/* -------- 汎用ボタン -------- */
input.mapnav_generalbtn {
  font-size: 100%;
  color: #FFF;
  border: 3px double #C5C5C5;
  border-right: 3px double #666;
  border-bottom: 3px double #666;
  background: #324149;
  margin: 2px 0;
  padding: 4px 3px 3px;
  vertical-align: middle;
}
input.mapnav_generalbtn:hover,
input.mapnav_generalbtn:focus {
  background: #44565E;
  cursor: pointer;
}
input.mapnav_generalbtn:active {
  border: 3px double #000;
  border-right: 3px double #C5C5C5;
  border-bottom: 3px double #C5C5C5;
  background: #44565E;
  cursor: pointer;
}

/* -------- 反映ボタン -------- */
input#mapnav_save_btn,
input#mapnav_save_btn2 {
  font-size: 100%;
  color: #FFF;
  border: 3px double #C5C5C5;
  border-right: 3px double #666;
  border-bottom: 3px double #666;
  background: #DC5D33;
  margin: 0;
  padding: 4px 3px 3px;
  vertical-align: middle;
}
input#mapnav_save_btn:hover,
input#mapnav_save_btn:focus,
input#mapnav_save_btn2:hover,
input#mapnav_save_btn2:focus {
  background: #E86237;
  cursor: pointer;
}
input#mapnav_save_btn:active,
input#mapnav_save_btn2:active {
  border: 3px double #000;
  border-right: 3px double #C5C5C5;
  border-bottom: 3px double #C5C5C5;
  background: #E86237;
  cursor: pointer;
}

/* ------------------------------------------------------
 4.GoogleMap
------------------------------------------------------ */
#wcvmap_container {
	top:		58px;
	left:		400px;
	position:	absolute;
	overflow:	hidden;
}

#wcvmap {
	background-color:	#E5E3DF;
	border:				1px solid #E5E3DF;
	margin:				0;
	padding:			0;
	width:				420px;
	height:				500px;
}
#wcvmap_search,
#wcvmap_search form{
	margin:		0;
	padding:	0;
}

/* -------- 画像 -------- */
td#wcvmap_mapimg a img {
  border: 1px solid #00F;
}
td#wcvmap_mapimg a:visited img {
  border: 1px solid #800080;
}

/* -------- 地図リサイズバー -------- */
#resizeBar_width{
  width:			4px;
  position: 		absolute;
  cursor:			e-resize;
  background-color:	#F1F1E7;
}
#resizeBar_height{
  height:			4px;
  position:			absolute;
  cursor:			s-resize;
  background-color:	#F1F1E7;
}
#resizeBar{
  height:			6px;
  width:			6px;
  position:			absolute;
  cursor:			se-resize;
  background-color:	#F1F1E7;
}

/* -------- インフォウィンドウ内 -------- */
.infowindow_content div{
	font-size: 9pt;
}
.infowindow_content div fieldset{
	border: none;
}
.infowindow_content div fieldset legend{
	color:			#06C;
	font-size:		11pt;
	font-weight:	bold;
	margin:			0 0 0 -5px;
}
/* リンク付きのimgタグの枠の色 */
.infowindow_content a img{
	border: 1px solid blue;
}
.infowindow_content a:visited img{
	border: 1px solid purple;
}
