@charset "utf-8";

/* Base CSS
-----------------------------------------------------------------------------------------------------------*/
html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code,
del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var,
b, i,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure,
footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video {
    margin:0;
    padding:0;
    border:0;
    outline:0;
    font-weight: bold;
    background: transparent;
    -webkit-text-size-adjust: 100%;

}

article, aside, canvas, details, figcaption, figure,
footer, header, hgroup, menu, nav, section, summary {
    display: block;
}

html,
body,
button,
input, textarea, select, option {
    background-color: #ffffff;
    color: #333333;
    font-size: 14px;
    font-family: "メイリオ", Meiryo, sans-serif;
}
input {
    font-size: 16px;

}

body { line-height: 1.5; /*150%*/ }

ol, ul { list-style: none; }

:focus { outline: 0; }

a { text-decoration: none; }

img { vertical-align: bottom; border:none; }

.telLink { cursor: default; }

/* HEADER CSS
-----------------------------------------------------------------------------------------------------------*/
#iHeader {
    position: relative;
    margin:0 auto;
    height: 42px;
    background: #3a3a3a;
}
#iHeader .title {
    padding-top: 7px;
    text-align: center;
    vertical-align: middle;
    text-shadow:0  1px  0  #000000 ;
    font-weight: normal;
    color: #ffffff;
}





#iHeader h1.title {
    padding-top: 7px;
    text-align: center;
    vertical-align: middle;
    text-shadow:0  1px  0  #000000 ;
    font-weight: normal;font-size:19px;
    color: #ffffff;
}







#iHeader .linkBox {
    cursor: pointer;
}

#iHeader .icon-leftarea {
    position: absolute;
    top: 0px;
    left: 0px;
    height: 42px;
    width: 42px;
    background: url(../images/line.png) repeat-y;
    background-position: right top;
}
#iHeader .icon-leftarea img {
    position: absolute;
    top: 11px;
    left: 11px;
    height: 18px;
    width: 18px;
}
#iHeader .icon-rightarea {
    position: absolute;
    top: 0px;
    right: 0px;
    height: 42px;
    width: 42px;
    background: url(../images/line.png) repeat-y;
    background-position: left top;
}
#iHeader .icon-rightarea img {
    position: absolute;
    top: 11px;
    right: 11px;
    height: 18px;
    width: 18px;
}


/* jQueryMobile CSS Customize
-----------------------------------------------------------------------------------------------------------*/
/* --content-- */
.ui-content{
    background:#F6F6F6;
    background: rgb(246,246,246);
}

.cTermStatusLabel { padding-left:10%; padding-right:10%; max-width:700px; margin: 0 auto; }
.cTermStatusLabel {
    padding: 0px 12px;
    font-size: 17px;
    font-weight: bold;text-shadow:none;
}
/* --font-- */
.ui-select,
.ui-btn {
    font-size: 17px;
    font-weight: bold;
    font-family: "メイリオ", Meiryo,sans-serif;
}

/* Form labels (overrides font-weight bold in bars, and mini font-size) */
legend,
.ui-mobile label,
div.ui-controlgroup-label {
    font-size: 17px;
    font-weight: bold;
    font-family: "メイリオ", Meiryo,sans-serif;text-shadow:none;
}
/* PC中央寄せ */
.wrapper_pc { max-width : 700px; margin: 0 auto; }
.wrapper_pc2 { max-width : 702px; padding:0px 13px; margin: 0 auto; }
.wrapper_pcsm { max-width : 702px; padding:0px 13px; margin: 0 auto; }
/*
.ui-content fieldset { max-width : 700px; margin: 0 auto; }
.ui-content fieldset label { max-width : 700px; margin: 0 auto; }
.ui-content fieldset .ui-input-text input { max-width : 700px; margin: 0 auto; }
.ui-content fieldset legend { max-width : 700px; margin: 0 auto; }
.ui-content fieldset .ui-select { max-width : 700px; margin: 0 auto; }*/


.cListArea a { max-width:640px; margin: 0 auto; }

/* --header-- */
.ui-header{
    border-bottom: 0;
    text-shadow: none;
    font-size:130%;
}
.ui-header h1.top{
    border-bottom: 0;
    text-shadow: none;
    font-size:110%;padding:7px 0px;
}
.ui-header .subheader{
    margin: 0;
    padding: 4px 4px 3px 25px;
    text-align: left;
    text-indent: 15px;
    text-shadow: none;
    font-weight: bold;
    vertical-align: middle;
    font-size:70%;
    overflow: visible;
    white-space: normal;
    color: rgb(51,51,51);
    background: rgb(242,242,242);
    background-image:url("../images/customicon/load-6.gif");
    background-repeat: no-repeat;
    background-size:20px 20px;
    background-position:10px 2px;
    border-bottom:solid 1px #aaaaaa;
}
.ui-header .subheader2{
    margin: 0;
    padding: 5px 4px 4px 1px;
    text-align: left;
    text-indent: 15px;
    text-shadow: none;
    font-weight: normal;
    vertical-align: middle;
    font-size:85%;
    overflow: visible;
    white-space: normal;
    color: rgb(0,0,0);
    background: #F9DF2B;
    border-bottom:solid 1px #bbbbbb;

}
.ui-header .subheader2_1{
    margin: 0;
    padding: 5px 4px 4px 1px;
    text-align: left;
    text-indent: 15px;
    text-shadow: none;
    font-weight: normal;
    vertical-align: middle;
    font-size:15px;
    overflow: visible;
    white-space: normal;
    color: rgb(0,0,0);
    background: #F9DF2B;

}
.ui-header .subheader3{
    margin: 0;
    padding: 3px 4px 3px 10px;
    text-align: left;
    text-indent: 0px;
    text-shadow: none;
    font-weight: bold;
    vertical-align: middle;
    font-size:80%;
    overflow: visible;
    white-space: normal;
    color: rgb(51,51,51);
    background: rgb(242,242,242);
    border-bottom:solid 1px #aaaaaa;
}

/* --footer-- */
.ui-footer{
    text-shadow: none;
    font-weight: normal;
    font-size:95%;padding:0;margin:0;
}
.ui-footer h4 small{
	line-height:26px;
}
.footvol { padding:3px 7px 3px 7px; }


/* --listview-- */
.ui-listview {
    border-top:solid 1px #bababa;

}

/* --listview-- */
.ui-listview > li  {
    /*	text-indent: 14px;/* --リスト内文字左位置-- */
    font-size: 17px;
    font-weight: bold;
    font-family: "メイリオ", Meiryo,sans-serif;
    border-top:solid 1px #ffffff;
    border-bottom:solid 1px #bababa;
}



.ui-listview > .ui-li-divider {
    padding: .4em 1em;/* --リスト内文字左位置-- */
    font-size: 14px;
    font-weight: bold;
    cursor: default;
    outline: 0; /* Dividers in custom selectmenus have tabindex */
    border: 0;	text-shadow:0  1px  0  #000000 ;
}
.ui-listview > li > a.ui-btn {
    font-size: 17px;
    font-weight: bold;
    font-family: "メイリオ", Meiryo,sans-serif;
    border: 0;padding:15px 30px 15px 13px;
}

.ui-listview > li p {
    display: block;
    font-size: 14px;
    font-weight: normal;
    color: rgb(93,93,93);
    overflow: visible;
    white-space: normal;line-height:15px;margin:6px 0px 0px 6px;
}

.ui-listview > li p.cMode {/* --モード表示-- */
    color : #ff7f00;
}
.ui-listview > .ui-li-has-icon > .ui-btn > img:first-child {
    position: absolute;
    left: 12px;/* --リスト内画像の左幅-- */
    /* 	top: .9em;*/
    top: 50%;
    margin-top: -0.8em;

    max-height: 1.6em;/* --リスト内画像のサイズ-- */
    max-width: 1.6em;
    max-width:22px;/* --上のem入れたあとだとこれも反応する-- */
    max-height:22px;

}

.ui-title { margin-left: 6px; font-weight:bold; }


.ui-listview .ui-btn-icon-right .ui-li-count {
    text-indent: 0px; /* liのインデントを戻す*/
}


/* --navbar-- */
.ui-navbar li .ui-btn {
    /* DEFAULT font-size: 12.5px;*/
    text-shadow:none ;
    font-weight: normal;
    font-size:85%;
    display: block;
    margin: 0;
    border: 0;padding:35px 0px 3px 0px;
    border-right-width: 0px;
    border-left-width: 0px;
    line-height: 20px;	border: none;

}

.ui-navbar li {
    /* DEFAULT font-size: 12.5px;*/
    text-shadow: none;
    font-weight: normal;
    font-size:95%;
    display: block;
    margin: 0;
    border: none;
    border-right-width: 0px;
    border-left-width: 0px;
    line-height: 20px;	border-right: solid 1px #000000;border-left: solid 1px #494949;
}
.ui-navbar li:first-child {
    /* DEFAULT font-size: 12.5px;*/
    text-shadow:none;
    font-weight: normal;
    font-size:95%;
    display: block;
    margin: 0;
    border: none;
    border-right-width: 0px;
    border-left-width: 0px;
    line-height: 20px;border-right: solid 1px #000000;
}


.ui-navbar li .ui-btn-icon-left:after,
.ui-navbar li .ui-btn-icon-right:after,
.ui-navbar li .ui-btn-icon-top:after,
.ui-navbar li .ui-btn-icon-bottom:after,
.ui-navbar li .ui-btn-icon-notext:after {
    content: "";
    position: absolute;
    display: block;
    /* DEFAULT width: 22px; height: 22px;*/
    width: 28px;
    height: 26px;
}

/* --グリッドレイアウトの背景変更-- */
/* Bar: Toolbars, dividers, slider track */
.ui-bar-f,
.ui-page-theme-f .ui-bar-inherit,
html .ui-bar-f .ui-bar-inherit,
html .ui-body-f .ui-bar-inherit,
html body .ui-group-theme-f .ui-bar-inherit {
    background: #CC0033 /*{a-bar-background-color}*/;
    border-color: #A20028 /*{a-bar-border}*/;
    color: #ffffff /*{a-bar-color}*/;
     text-shadow: 0 1px 1px rgba(0,0,0,.3);
    font-weight: bold; text-align:center; font-size:120%;
    padding:50px 0px; margin:12px 0px 12px 0px;
}
.ui-bar-f {
    border-width: 1px;
    border-style: solid;
}
/* Bar: Toolbars, dividers, slider track */
.ui-bar-g,
.ui-page-theme-g .ui-bar-inherit,
html .ui-bar-g .ui-bar-inherit,
html .ui-body-g .ui-bar-inherit,
html body .ui-group-theme-g .ui-bar-inherit {
    background: #FFBE00 /*{a-bar-background-color}*/;
    border-color: #E1A900 /*{a-bar-border}*/;
    color: #ffffff /*{a-bar-color}*/;
     text-shadow: 0 1px 1px rgba(0,0,0,.5);
    font-weight: bold; text-align:center; font-size:120%;
    padding:50px 0px; margin:12px 0px 12px 0px;
}
.ui-bar-g {
    border-width: 1px;
    border-style: solid;
}














.passbox { width:100%; border:1px solid #DEDFDE; background:#F7F7F7; box-sizing: border-box; -webkit-border-radius: .3125em /*{global-radii-buttons}*/;
    border-radius: .3125em /*{global-radii-buttons}*/; margin-bottom:15px; }
.passbox p { margin:8px 10px; color:#000000; }


/* --leftpanel1-- */
.ui-panel.leftPanel1 { width:50%; }

/* --lleftpanel2-- */
.ui-panel.leftPanel2 { width:65%; }

/* --lleftpanel3-- */
.ui-panel.leftPanel3 { width:85%; }

/* --rightpanel1-- */
.ui-panel.rightPanel1 { width:85%; }


/* Custom Icon1
-----------------------------------------------------------------------------------------------------------*/
/* --GPS設定-- */
.ui-icon-denpa:after {
    background-image: url("../images/customicon/iconmonstr-wireless-6-icon.png");
    background-size: 22px 22px;
}
/* --過去履歴-- */
.ui-icon-asiato:after {
    background-image: url("../images/customicon/asiato.png");
    background-size: 22px 22px;
}
/* --ログイン-- */
.ui-icon-login:after {
    background-image: url("../images/customicon/iconmonstr-lock-3-icon.png");
    background-size: 22px 22px;
}
/* --ログアウト-- */
.ui-icon-logout:after {
    background-image: url("../images/customicon/iconmonstr-user-9-icon.png");
    background-size: 22px 22px;
}
/* --GPS-- */
.ui-icon-gps:after {
    background-image: url("../images/customicon/map-marker-pin.png");
    background-size: 22px 22px;
}
/* --電池-- */
.ui-icon-battery:after {
    background-image: url("../images/customicon/battery-full.png");
    background-size: 22px 22px;
}
/* --予約-- */
.ui-icon-schedule:after {
    background-image: url("../images/customicon/document-new.png");
    background-size: 22px 22px;
}
/* --再表示-- */
.ui-icon-refresh:after {
    background-image: url("../images/customicon/iconmonstr-refresh-4-icon.png");
    background-size: 22px 22px;
}
/* --説明書-- */
.ui-icon-help:after {
    background-image: url("../images/customicon/book-alt-2.png");
    background-size: 22px 22px;
}
/* --エリア-- */
.ui-icon-area:after {
    background-image: url("../images/customicon/73.png");
    background-size: 22px 22px;
}
/* --次へ-- */
.ui-icon-next:after {
    background-image: url("../images/customicon/next.png");
    background-size: 22px 22px;
}


/* Custom Icon2 navbar
-----------------------------------------------------------------------------------------------------------*/
/* --リアルタイム-- */
.ui-icon-realtime:after {
    background-image: url("../images/customicon/arrow45-003.gif");
    background-size: 22px 22px;
}
/* --ホーム-- */
.ui-icon-home:after {
    background-image: url("../images/customicon/home-black.png");
    background-size: 22px 22px;
}
/* --現在位置-- */
.ui-icon-location:after {
    background-image: url("../images/customicon/white/iconmonstr-location-icon.png");
    background-size: 22px 22px;margin-left:-14px;
}
/* --位置履歴（白）-- */
.ui-icon-history:after {
    background-image: url("../images/customicon/white/12.png");
    background-size: 22px 22px;margin-left:-13px;
}
/* --位置履歴（黒）-- */
.ui-icon-history2:after {
    background-image: url("../images/customicon/90.png");
    background-size: 22px 22px;margin-left:-13px;
}
/* --モード変更-- */
.ui-icon-mode:after {
    background-image: url("../images/customicon/remote-control.png");
    background-size: 22px 22px;
}
/* --自分位置・エリア位置-- */
.ui-icon-myposition:after {
    background-image: url("../images/customicon/white/iconmonstr-smartphone-3-icon.png");
    background-size: 22px 22px;margin-left:-14px;
}
/* --マップ情報・確定-- */
.ui-icon-mycircle:after {
    background-image: url("../images/customicon/white/77.png");
    background-size: 22px 22px;margin-left:-14px;
}
/* --戻る-- */
.ui-icon-back:after {
    background-image: url("../images/customicon/arrow-1-backward.png");
    background-size: 22px 22px;
}
/* --キャンセル-- */
.ui-icon-backpage:after {
    background-image: url("../images/customicon/white/arrow-1-backward.png");
    background-size: 22px 22px;margin-left:-14px;
}
/* --検索条件-- */
.ui-icon-myfind:after {
    background-image: url("../images/customicon/white/3.png");
    background-size: 22px 22px;margin-left:-14px;
}
/* --マップ表示（白）-- */
.ui-icon-mymap:after {
    background-image: url("../images/customicon/white/18.png");
    background-size: 22px 22px;margin-left:-14px;
}
/* --マップ表示（黒）-- */
.ui-icon-mymap2:after {
    background-image: url("../images/customicon/92.png");
    background-size: 22px 22px;margin-left:-14px;
}

.cSearchIconContainer a {
	margin:10px 2px 0px 0px;
}

.cTable2_td a { background:#333333; background-size: 55px 20px; background-repeat:no-repeat; }
.cTable2_td a:hover { background:#F9DF2B; opacity:0.8; filter: alpha(opacity=80); -ms-filter: "alpha( opacity=80 )"; }
.map_f { font-size:10px; padding:2px 10px; float:right; }
/* --Miniマップ表示-- */
.mymapmini {
    background-image: url("../images/customicon/91.png");
    background-size: 22px 22px;margin-left:-14px;text-indent:-9999;
}
/* --Miniマップ表示-- */
.icon-mymapmini2 {
    background-image: url("../images/customicon/94.png");
    background-size: 22px 22px;margin-left:-14px;color:#FFFFFF;
}


/* --Miniマップ表示-- */
.ui-icon-mymapmini:after {
    background-image: url("../images/customicon/91.png");
    background-size: 22px 22px;margin-left:-14px;
}

/* --全選択-- */
.ui-icon-allselect:after {
    background-image: url("../images/customicon/white/6.png");
    background-size: 22px 22px;margin-left:-14px;
}
/* --印刷-- */
.ui-icon-myprint:after {
    background-image: url("../images/customicon/white/print.png");
    background-size: 22px 22px;margin-left:-14px;
}
/* --分布図（白）-- */
.ui-icon-heatmap:after {
    background-image: url("../images/customicon/white/35.png");
    background-size: 22px 22px;margin-left:-14px;
}
/* --分布図（黒）-- */
.ui-icon-heatmap2:after {
    background-image: url("../images/customicon/89.png");
    background-size: 22px 22px;margin-left:-14px;
}
/* --分布切替-- */
.ui-icon-heatchange:after {
    background-image: url("../images/customicon/white/iconmonstr-crosshair-3-icon.png");
    background-size: 22px 22px;margin-left:-14px;
}

/* Custom Icon3 listview
-----------------------------------------------------------------------------------------------------------*/
/* --移動中-- */
.ui-icon-move:after {
    background-image: url("../images/customicon/iconmonstr-location-14-icon.png");
    background-position: 3px 3px;
    background-size: 70%;
}
/* --停止中-- */
.ui-icon-stop:after {
    background-image: url("../images/customicon/iconmonstr-location-2-icon.png");
    background-position: 3px 3px;
    background-size: 70%;
}


/* Message&BOX CSS
-----------------------------------------------------------------------------------------------------------*/
.cArea {
    padding: 20px 0px;
    font-size: 17px;
    font-weight: bold;
    background:rgb(246,246,246);text-shadow:none;margin: 0 auto;
}

/* --お知らせ欄・説明欄-- */
.cExplanation{
    padding: 10px 10px;margin-bottom:15px; margin-top:5px;
    text-align: left;
    font-size: 15px;
    font-weight: normal;
    line-height: 23px;
    color: rgb(51,51,51);
    background:rgb(255,255,255);
    border: 1px solid rgb(204,204,204);
    /* IE以外なら丸角も！ */
    border-radius:5px; /* CSS3 */
    -webkit-border-radius:5px; /* Safari+Chrome */
    -moz-border-radius:5px; /* Firefox */
    -khtml-border-radius:5px; /* Konqueror */
}
.cInformation a:link {
	color: #3388cc;
}
.cInformation a:visited {
	color: #3388cc;
}
.cInformation a:hover {
	color: #F6B1C7;
}
/* --警告欄-- */
.cCaution{
    margin: 10px;
    padding: 10px;
    font-size: 16px;
    font-weight: normal;
    line-height: 24px;
    color: rgb(51,51,51);
    background:rgb(255,204,204);
    border: 1px solid rgb(217,217,217);
    /* IE以外なら丸角も！ */
    border-radius:10px; /* CSS3 */
    -webkit-border-radius:10px; /* Safari+Chrome */
    -moz-border-radius:10px; /* Firefox */
    -khtml-border-radius:10px; /* Konqueror */
}
/* ++OKメッセージ欄++ */
.cMsg-OK{
    margin: 10px;
    padding: 5px;
    text-align: left;
    font-size: 18px;
    font-weight: bold;
    line-height: 24px;
    color: rgb(51,51,51);
    background:rgb(208,231,242);
    border: 2px dashed rgb(192,192,220);
    /* IE以外なら丸角も！ */
    border-radius:10px; /* CSS3 */
    -webkit-border-radius:10px; /* Safari+Chrome */
    -moz-border-radius:10px; /* Firefox */
    -khtml-border-radius:10px; /* Konqueror */
}
/* ++NGメッセージ欄++ */
.cMsg-NG{
    margin: 10px;
    padding: 5px;
    text-align: left;
    font-size: 18px;
    font-weight: bold;
    line-height: 24px;
    color: rgb(51,51,51);
    background:rgb(255,232,232);
    border: 2px dashed rgb(192,192,220);
    /* IE以外なら丸角も！ */
    border-radius:10px; /* CSS3 */
    -webkit-border-radius:10px; /* Safari+Chrome */
    -moz-border-radius:10px; /* Firefox */
    -khtml-border-radius:10px; /* Konqueror */
}

/* --BOX-- */
.cBOX {
    margin:5px;
    padding:5px;
    overflow: visible;
    white-space: normal;
    font-size: 9px;
    font-weight: normal;
    color: rgb(51,51,51);
}
/* --線付BOX-- */
.cLBOX { /*四角線*/
    padding:10px;
    overflow: visible;
    white-space: normal;
    font-size: 15px;
    font-weight: normal;
    color: rgb(51,51,51);
    background:rgb(255,255,255);
    border: 1px dotted rgb(200,200,200);max-width:684px; margin: 0 auto;text-shadow:none;
}
.cLBOX2 { /*丸角線*/
    margin: 10px;
    padding:5px;
    overflow: visible;
    white-space: normal;
    font-size: 14px;
    font-weight: normal;
    color: rgb(51,51,51);
    background:rgb(252,252,252);
    border: 1px solid rgb(200,200,200);
    /* IE以外なら丸角も！ */
    border-radius:5px; /* CSS3 */
    -webkit-border-radius:5px; /* Safari+Chrome */
    -moz-border-radius:5px; /* Firefox */
    -khtml-border-radius:5px; /* Konqueror */
}
.t_no a:hover {
    color: #FFFFFF;
    background:#F79E10;
}
/* ヒストリーアイコン CSS
-----------------------------------------------------------------------------------------------------------*/
#history_block { position:relative; }

#history_print { width:80px; text-align:center; position:absolute; bottom:10px; right:105px; }
#history_print img { width:18px; margin:0px 0px 1px 0px; }
#history_print a { display:block; font-weight:normal; color:#000000; font-size:14px; background:#F9DF2B; padding:5px 0px 3px 0px; border:1px solid #E0C505; }
#history_print a:hover { opacity:0.8;filter: alpha(opacity=80);-ms-filter: "alpha( opacity=80 )"; }

#history_allcheck { width:80px; text-align:center; position:absolute; bottom:10px; right:10px; }
#history_allcheck img { width:18px; margin:0px 0px 1px 0px; }
#history_allcheck a { display:block; font-weight:normal; color:#000000; font-size:14px; background:#F9DF2B; padding:5px 0px 3px 0px; border:1px solid #E0C505; }
#history_allcheck a:hover { opacity:0.8;filter: alpha(opacity=80);-ms-filter: "alpha( opacity=80 )"; }

#history_settei { width:110px; text-align:center; position:absolute; bottom:10px; right:10px; }
#history_settei img { width:22px; margin:0px 0px 1px -4px; }
#history_settei a { display:block; font-weight:normal; color:#000000; font-size:14px; background:#F9DF2B; padding:3px 0px 3px 0px; border:1px solid #E0C505; }
#history_settei a:hover { opacity:0.8;filter: alpha(opacity=80);-ms-filter: "alpha( opacity=80 )"; }

/* モード設定アイコン CSS
-----------------------------------------------------------------------------------------------------------*/
#mode_settei { text-align:center; margin-left: 15px; float: right;}
#mode_settei a { display:block; font-weight:normal; color:#000000; font-size:14px; background:#F9DF2B; padding:3px 6px 3px 6px; border:1px solid #E0C505; }
#mode_settei a:hover { opacity:0.8;filter: alpha(opacity=80);-ms-filter: "alpha( opacity=80 )"; }

/* 表示端末設定アイコン CSS
-----------------------------------------------------------------------------------------------------------*/
#term_settei { text-align:center; margin-left: 15px; float: right;}
#term_settei a { display:block; font-weight:normal; color:#000000; font-size:14px; background:#F9DF2B; padding:3px 6px 3px 6px; border:1px solid #E0C505; }
#term_settei a:hover { opacity:0.8;filter: alpha(opacity=80);-ms-filter: "alpha( opacity=80 )"; }

/* 自己位置表示アイコン CSS
-----------------------------------------------------------------------------------------------------------*/
#mypos_settei { text-align:center; float: right;}
#mypos_settei a { display:block; font-weight:normal; color:#000000; font-size:14px; background:#F9DF2B; padding:3px 6px 3px 6px; border:1px solid #E0C505; }
#mypos_settei a:hover { opacity:0.8;filter: alpha(opacity=80);-ms-filter: "alpha( opacity=80 )"; }

/* MAP CSS
-----------------------------------------------------------------------------------------------------------*/
#map-canvas {
    width:100%;
    height:100%;
}

/* 表示領域の制限 CSS
-----------------------------------------------------------------------------------------------------------*/
/* --SMART PHONE-- */
div.smartlimit {
    overflow: auto;
    min-height: 37px; /*37px×1行*/
    max-height: 111px; /*37px×3行*/
}
/* --PC-- */
div.pclimit {
    overflow: auto;
    min-height: 185px; /*37px×5行*/
    max-height: 259px; /*37px×7行*/
}


/* TABLE CSS
-----------------------------------------------------------------------------------------------------------*/
/* --リアルタイム現在位置-- */
.cTable1 table{
    margin:0 auto;
    width: 100%;
    color: #222222;
    border-collapse: collapse;border-top: 1px solid #cccccc;
}
.cTable1 th{
    width: 22%;
    padding: 10px 5px;
    text-align: left;
    text-shadow: none;
    font-weight: normal;
    font-size:95%;
    color: #ffffff;
    background-color: #000000;
    border: 0px solid #cccccc;
}


.cTable1 th.cid{
    background:rgb(58,58,58);border-bottom: 1px solid #000000;padding: 10px 5px 10px 15px;
}

.cTable1 td{
    padding: 10px 5px;
    text-align: left;
    text-shadow: none;
    font-weight: normal;
    font-size:95%;
    background-color: #ffffff;
    border-bottom: 1px solid #cccccc;
}
.cTable1 td.cStop{
    background:rgb(243,73,115);
    border-bottom: 1px solid #EF164D;
    color: #ffffff;
    width: 15%;
    text-align: center;
}
.cTable1 td.cMove{
    background:#319ADE;
    border-bottom: 1px solid #1C8DFF;
    color: #ffffff;
    width: 15%;
    text-align: center;
}

/* --リアルタイム位置履歴-- */
.cTable2 {
    display: table;
    margin:0 auto;
    width: 100%;min-width:450px;
    border-collapse: collapse;
}
.cTable2 h4 {
    width: 200%;
    padding: 3px 3px 3px 10px;
    font-size:95%;
    text-align: left;
    text-shadow: none;
    font-weight: bold;
    color: #ffffff;
    background: #3a3a3a;
}
/* --日付毎の件数-- */
.cTable2 h4 span.cKensu { /*四角線*/
    display:inline-block;
    width:40px;
    margin-right: 4px;
    margin-left: 6px;
    padding: 1px 3px;
    font-size:95%;
    text-align: center;
    text-shadow: none;
    font-weight: normal;
    color: rgb(51,51,51);
    background:rgb(252,252,252);
    border: 1px solid rgb(200,200,200);
}

.cTable2_tr {
    display: table-row;
    cursor: pointer;
    border-top: 1px solid #cccccc;
    border-bottom: 0px solid #cccccc;
}
.cTable2_tr:last-child {
    border-bottom: 1px solid #cccccc;
}

.cTable2_th,
.cTable2_td {
    display: table-cell;
    padding: 8px 8px 4px 8px;

}
.cTable2_th {
    width: 20%;
    vertical-align: middle;
    text-align: center;
    text-shadow: none;
    font-weight: normal;
    font-size:95%;
    color: #ffffff;
    background-color: #efefef;

}
.cTable2_th.cStop{
    background:rgb(243,73,115);
    line-height: 150%;
}
.cTable2_th.cMove{
    background:#319ADE;
    line-height: 150%;
}

.cTable2_td {
    vertical-align: middle;
    text-align: left;
    text-shadow: none;

    font-size:80%;
    color: #222222;
    background-color: #F6F6F6;
}
.cTable2_td.cNew{
    background-color: #FFFFBF;
}

.cTable2_td h3 {
    line-height: 100%;
    margin: 0;
    padding:0;
}

.cTable2 p{
    clear:both;
    margin: 4px 0px 4px 0px;
    padding-bottom:2px;
    font-size:140%;
    font-weight:normal;
    border-bottom: 1px dotted #cccccc;
    color: #000000;
}
.cTable2 p.area{
    clear:both;
    margin: 4px 0px 4px 0px;
    padding-bottom:4px;
    font-size:135%;
    font-weight:normal;
    color: #FF6600;
}
.cTable2 a:link,
.cTable2 a:link,
.cTable2 a:visited,
.cTable2 a:hover,
.cTable2 a:active {
    text-decoration:none;
    font-weight:normal;
    color: #000000;
}

/* --始めの設定状況-- */
.cTable3 table{
    margin:0 auto;
    width: 100%;
    border-collapse: collapse;
    border: 1px solid #cccccc;
}
.cTable3 th{
    width: 50%;
    padding: 10px;
    text-align: left;
    text-shadow: none;
    font-weight: normal;
    font-size:110%;
    color: #222222;
    background-color: #eeeeee;
    border: 1px solid #cccccc;
}
.cTable3 td{
    width: 50%;
    padding: 10px;
    text-align: center;
    text-shadow: none;
    font-weight: normal;
    font-size:110%;
    background-color: #ffffff;
    border: 1px solid #cccccc;
}
.cTable3 td.cStart{
    background:rgb(243,73,115);
    border-bottom: 1px solid #EF164D;
    color: #ffffff;
    text-align: center;
}
.cTable3 td.cSetting{
    background:rgb(48,152,255);
    border-bottom: 1px solid #1C8DFF;
    color: #ffffff;
    width: 15%;
    text-align: center;
}
img.shuffle { clear:both; display:block; margin: 0 auto; width:210px; }
/* --ホーム画面端末状況-- */
.cTable4 {
    display: table;
    margin:0 auto 50px auto;
    width: 100%; max-width:700px;
    border-collapse: collapse;
}
.cTable4 h4 {
    width: 200%;
    padding: 3px 3px 3px 10px;
    font-size:95%;
    text-align: left;
    text-shadow: none;
    font-weight: bold;
    color: #ffffff;
    background: #3a3a3a;
    border-bottom: 1px solid #cccccc;
}
.cTable4_tr {
    display: table-row;
    border-top: 1px solid #cccccc;
    border-left: 1px solid #cccccc;
    border-bottom: 0px solid #cccccc;
}
.cTable4_tr:last-child {
    border-bottom: 1px solid #cccccc;
}
.cTable4_th,
.cTable4_td {
    display: table-cell;
    padding: 11px 8px 4px 8px;

}

.cTable4_th {
    width: 20%;
    vertical-align: middle;
    text-align: center;
    text-shadow: none;
    font-weight: normal;
    font-size:100%;
    color: #ffffff;
    background-color: #efefef;

}

.cTable4_th.cStop{
    background:rgb(243,73,115);
    line-height: 150%;
}
.cTable4_th.cMove{
    background:#319ADE;
    line-height: 150%;
}
.cTable4_th.cNone{
    background:#666666;
    line-height: 150%;
}
.cTable4_td {
    vertical-align: middle;
    text-align: left;
    text-shadow: none;

    font-size:80%;
    color: #000000;
    background-color: #F6F6F6;
}
.cTable4_td h3 {
    line-height: 100%;
    margin-top: 8px;
    margin-bottom: 0px;
    margin-right: 0px;
    margin-left: 0px;
    padding:0;
}
.cTable4 p{
    clear:both;
    margin: 4px 0px 4px 0px;
    padding-bottom:6px;padding-top:4px;
    font-size:125%;
    font-weight:normal;
    border-bottom: 1px dotted #cccccc;
    color: #000000;
}
.cTable4 p.area{
    clear:both;
    margin: 4px 0px 4px 0px;
    padding-bottom:4px;
    font-size:135%;
    font-weight:normal;
    color: #FF6600;
}
.cTable4 span.tanmatsu4{
    padding:3px 5px 2px 5px;
    margin:15px 0px;
    background:#FFFFFF;
    color:#000000;
    font-weight: normal;
    border:solid 1px #cccccc;
    -webkit-border-radius: .3125em /*{global-radii-buttons}*/;
    border-radius: .3125em /*{global-radii-buttons}*/;
    line-height: 150%;
    font-size: 125%;
}
.cTable4_td { background:#ffffff; }
/* --一覧番号-- */
span.cListno { /*四角線*/
    width:30px;
    float: left;
    padding:3px 3px 2px 3px;
    margin-right: 3px;
    background:#ffffff;
    color:#000000;
    text-align: center;
    font-weight: normal;
    border:solid 1px #cccccc;
    -webkit-border-radius: .3125em /*{global-radii-buttons}*/;
    border-radius: .3125em /*{global-radii-buttons}*/;
}

/* --測位日時-- */
span.cSokui {
    font-weight: normal;
    font-size:110%;
    float: left;
    line-height: 120%;
    padding:1px 0px 3px 2px;
    margin:1px 0px 0px 0px;
    color: #000000;
}

/* --端末名称-- */
span.tanmatsu {
    padding:3px 3px 3px 3px;
    margin:0px;
    background:#FFFFFF;
    color:#000000;
    font-weight: normal;
    border:solid 1px #cccccc;
    -webkit-border-radius: .3125em /*{global-radii-buttons}*/;
    border-radius: .3125em /*{global-radii-buttons}*/;
    float: right;
    line-height: 100%;
    margin-top: -2px;
}

/* --精度-- */
span.seidoicon {
    clear:both;
    padding:3px 2px 2px 25px;
    margin:0px 10px 0px 0px;
    font-weight: normal;
    font-size:120%;
    line-height: 100%;
    background-image: url("../images/icon_denpa.png");
    background-repeat: no-repeat;
    background-size: 14px 14px;
    background-position:0px 2px;
    vertical-align:bottom;

    display:inline-block;
    width:45px;
}

span.seidoicon2 {
    clear:both;
    padding:3px 2px 2px 0px;
    margin:8px 2px 0px 0px;
    font-weight: normal;
    font-size:120%;
    line-height: 100%;
    background-image: url("../images/icon_denpa.png");
    background-repeat: no-repeat;
    background-size: 14px 14px;
    background-position:0px 2px;
    vertical-align:bottom;

    display:inline-block;
    width:15px;
}

/* --速度-- */
span.speedicon {
    clear:both;
    padding:3px 2px 2px 25px;
    margin:0px 10px 0px 0px;
    font-weight: normal;
    font-size:120%;
    line-height: 100%;
    background-image: url("../images/icon_speed.png");
    background-repeat: no-repeat;
    background-size: 14px 14px;
    background-position:0px 2px;
    vertical-align:bottom;

    width:45px;
    display:inline-block;

}
span.speedicon2 {
    clear:both;
    padding:3px 2px 2px 0px;
    margin:0px 2px 0px 0px;
    font-weight: normal;
    font-size:120%;
    line-height: 100%;
    background-image: url("../images/icon_speed.png");
    background-repeat: no-repeat;
    background-size: 14px 14px;
    background-position:0px 2px;
    vertical-align:bottom;

    width:15px;
    display:inline-block;

}

/* --電池残量80%以上-- */
span.denchiicon {
    clear:both;
    padding:3px 2px 2px 25px;
    margin:0px 10px 0px 0px;
    font-weight: normal;
    font-size:120%;
    line-height: 100%;
    background-repeat: no-repeat;
    background-size: 18px 14px;
    background-position:0px 2px;
    vertical-align:bottom;

    width:45px;
    display:inline-block;
}
span.denchilevel5 {
    background-image: url("../images/icon_denchi_5.png");
}
span.denchilevel4 {
    background-image: url("../images/icon_denchi_4.png");
}
span.denchilevel3 {
    background-image: url("../images/icon_denchi_3.png");
}
span.denchilevel2 {
    background-image: url("../images/icon_denchi_2.png");
}
span.denchilevel1 {
    background-image: url("../images/icon_denchi_1.png");
}

span.denchiicon2 {
    clear:both;
    padding:3px 2px 2px 0px;
    margin:0px 2px 0px 14px;
    font-weight: normal;
    font-size:120%;
    line-height: 100%;
    background-repeat: no-repeat;
    background-size: 18px 14px;
    background-position:0px 2px;
    vertical-align:bottom;

    width:15px;
    display:inline-block;

}


.cTable4 span.seidoicon, .cTable4 span.speedicon, .cTable4 span.denchiicon, .cTable4 span.denchiiconr { font-size:115%; }
/* --ページャ-- */
.cPager {
    margin-top: 4px;
    margin-bottom: 10px;
    padding: 2px;
    text-align: center;
    vertical-align: middle;
}


/* TAB CSS
-----------------------------------------------------------------------------------------------------------*/
/* --一般タブ-- */
.tabSelect {
    overflow:hidden;
    border-bottom:solid 1px #cccccc;
}
.tabSelect li {
    float:left;
    margin-right:0px;
    background: #FBFBFB;
    background: -webkit-gradient(linear, left top, left bottom, from(#FBFBFB), to(#EBEBEB));
    background: -moz-linear-gradient(top,  #FBFBFB,  #EBEBEB);
    filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#FBFBFB', endColorstr='#EBEBEB');
    padding:10px 35px;
    border-top:solid 1px #cccccc;
    border-right:solid 1px #cccccc;
    cursor: pointer;
    text-shadow:none ;
}
.tabSelect li.select {
    background: #FFDB6F;
    background: -webkit-gradient(linear, left top, left bottom, from(#FFDB6F), to(#FDBE00));
    background: -moz-linear-gradient(top,  #FFDB6F,  #FDBE00);
    filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFDB6F', endColorstr='#FDBE00');
    text-shadow:none ;
}
.tabContent {
    background:#F6F6F6;
    padding:10px 0px 0px 0px;
}
.hide {
    display:none;
}

/* --プログレスタブ-- */
.progSelect {
    overflow:hidden;
    border-bottom:solid 1px #cccccc;
}
.progSelect li {
    float:left;
    margin-right:0px;
    background: #FBFBFB;
    background: -webkit-gradient(linear, left top, left bottom, from(#FBFBFB), to(#EBEBEB));
    background: -moz-linear-gradient(top,  #FBFBFB,  #EBEBEB);
    filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#FBFBFB', endColorstr='#EBEBEB');
    padding:10px 15px;
    border-top:solid 1px #cccccc;
    border-right:solid 1px #cccccc;
    text-shadow:none ;
}
.progSelect li.select {
    background: #FFDB6F;
    background: -webkit-gradient(linear, left top, left bottom, from(#FFDB6F), to(#FDBE00));
    background: -moz-linear-gradient(top,  #FFDB6F,  #FDBE00);
    filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFDB6F', endColorstr='#FDBE00');
    text-shadow:none ;
    cursor: pointer;
}


/* Other CSS
-----------------------------------------------------------------------------------------------------------*/
/* --hr-- */
hr {
    border: 0;
    height: 0;
    border-top: 1px solid rgba(204,204,204,1);
    border-bottom: 1px solid rgba(255,255,255,1);
}
hr.style-1 {
    margin: 3px -8px 3px -8px;
    border: 0;
    height: 0;
    border-top: 1px dotted rgba(204,204,204,1);
    border-bottom: 1px dotted rgba(255,255,255,1);
}
hr.style-2 {
    margin: 11px 0px 0px -20%;
    border: 0;
    height: 0;
    border-top: 1px solid rgba(204,204,204,1);
    border-bottom: 1px solid rgba(255,255,255,1);
    width: 500%;
}
hr.style-3 {
    margin: 12px 0px 18px -20%;
    border: 0;
    height: 0;
    border-top: 1px solid rgba(204,204,204,1);
    border-bottom: 1px solid rgba(255,255,255,1);
    width: 500%;
}
hr.style-4 { /*パネル用*/
    margin: 10px 0 10px -10%;
    border: 0;
    height: 0;
    border-top: 1px solid rgba(204,204,204,1);
    border-bottom: 1px solid rgba(255,255,255,1);
    width: 110%;
}
hr.style-5 {
    margin: 20px 0px 16px -20%;
    border: 0;
    height: 0;
    border-top: 1px solid rgba(204,204,204,1);
    border-bottom: 1px solid rgba(255,255,255,1);
    width: 500%;
}
hr.style-6 {
    margin: 27px 0px 23px -20%;
    border: 0;
    height: 0;
    border-top: 1px solid rgba(204,204,204,1);
    border-bottom: 1px solid rgba(255,255,255,1);
    width: 500%;
}
hr.style-7 {
    margin: 20px 0px 26px -20%;
    border: 0;
    height: 0;
    border-top: 1px solid rgba(204,204,204,1);
    border-bottom: 1px solid rgba(255,255,255,1);
    width: 500%;
}
hr.style-8 {
    margin: 28px 0px 26px -20%;
    border: 0;
    height: 0;
    border-top: 1px solid rgba(204,204,204,1);
    border-bottom: 1px solid rgba(255,255,255,1);
    width: 500%;
}
hr.style-9 {
    margin: 14px 0px 21px -20%;
    border: 0;
    height: 0;
    border-top: 1px solid rgba(204,204,204,1);
    border-bottom: 1px solid rgba(255,255,255,1);
    width: 500%;
}
hr.spacer {
    margin: 30px 0;
    border: 0;
    height: 0;
}
hr.spacer1 {
    margin: 10px 0;
    border: 0;
    height: 0;
}
hr.spacer2 {
    margin: 15px 0;
    border: 0;
    height: 0;
}
hr.spacer3 {
    margin:11px 0 24px 0;
    border: 0;
    height: 0;
}
hr.spacer4 {
    margin: 25px 0;
    border: 0;
    height: 0;
}
hr.spacer5 {
    margin: 40px 0;
    border: 0;
    height: 0;
}
hr.spacer6 {
    margin: 20px 0;
    border: 0;
    height: 0;
}
hr.spacer7 {
    margin: 70px 0;
    border: 0;
    height: 0;
}

.cListArea {
    margin:0 auto;
}
.cListArea h2 {
    margin-left: -17px;margin-top:-14px;
    margin-bottom: 21px;
    width: 100%;
    padding: .4em 1.143em;
    font-size: 15px;
    text-indent: 3px;
    text-align: left;
    text-shadow: none;
    font-weight: bold;
    color: #ffffff;
    background: #3a3a3a;
}
.cListArea h3 {
    margin-left: -17px;margin-top:-14px;
    margin-bottom: 14px;
    width: 100%;
    padding: .4em 1.143em;
    font-size: 15px;
    text-indent: 3px;
    text-align: left;
    text-shadow: none;
    font-weight: bold;
    color: #ffffff;
    background: #3a3a3a;
}
.cListArea h4 {
    margin-left: -17px;margin-top:12px;
    margin-bottom: 14px;
    width: 100%;
    padding: .4em 1.143em;
    font-size: 15px;
    text-indent: 3px;
    text-align: left;
    text-shadow: none;
    font-weight: bold;
    color: #ffffff;
    background: #3a3a3a;
}
.cListArea p {
    margin-bottom: 15px;
}

/* --リストボタン（削除ボタン）-- */
.cLButton {
    float: right;
    margin: 14px 0px 10px 10px;
    width: 60px;
    padding: 8px 10px;
     text-shadow: 0 1px 1px rgba(0,0,0,.3);
    font-size: 90%;
    font-weight: bold;
    color: #ffffff;
    border: 1px solid rgb(196,38,38);
    /* IE以外なら丸角も！ */
    border-radius:3px; /* CSS3 */
    -webkit-border-radius:3px; /* Safari+Chrome */
    -moz-border-radius:3px; /* Firefox */
    -khtml-border-radius:3px; /* Konqueror */
    background: #E74D39; /* Old browsers */
background: -webkit-gradient(linear, left top, left bottom, color-stop(1.00, #E74D39), color-stop(0.00, #E74D39));
background: -webkit-linear-gradient(top, #E74D39 0%, #E74D39 100%);
background: -moz-linear-gradient(top, #E74D39 0%, #E74D39 100%);
background: -o-linear-gradient(top, #E74D39 0%, #E74D39 100%);
background: -ms-linear-gradient(top, #E74D39 0%, #E74D39 100%);
background: linear-gradient(top, #E74D39 0%, #E74D39 100%);
}
.cLButton:hover {
    /* 透明度を20%に指定 */
    opacity: 0.8;
}

/* --エリアの線-- */
.cAreaLine {
    float: left;
    width:10px;
    height: 90px;
    margin-top: -11px;
    margin-left: -17px;
    margin-bottom: -45px;
}
.cAreaLine2 {
    float: left;
    width:10px;
    height: 95px;
    margin-top: -15px;
    margin-left: -13px;
    margin-bottom: -45px;
}

/* --OKボタン-- */
.cOK {
    float: left;
    width: 40%;
    padding: 8px;
     text-shadow: 0 1px 1px rgba(0,0,0,.3);
    font-size: 130%;
    font-weight: bold;
    color: #ffffff;
    border: 1px solid #2982BD;
    /* IE以外なら丸角も！ */
    border-radius:3px; /* CSS3 */
    -webkit-border-radius:3px; /* Safari+Chrome */
    -moz-border-radius:3px; /* Firefox */
    -khtml-border-radius:3px; /* Konqueror */
    background: #319ADE; /* Old browsers */
background: -webkit-gradient(linear, left top, left bottom, color-stop(1.00, #319ADE), color-stop(0.00, #319ADE));
background: -webkit-linear-gradient(top, #319ADE 0%, #319ADE 100%);
background: -moz-linear-gradient(top, #319ADE 0%, #319ADE 100%);
background: -o-linear-gradient(top, #319ADE 0%, #319ADE 100%);
background: -ms-linear-gradient(top, #319ADE 0%, #319ADE 100%);
background: linear-gradient(top, #319ADE 0%, #319ADE 100%);
}
.cOK:hover {
    /* 透明度を20%に指定 */
    opacity: 0.8;
}

/* --キャンセルボタン-- */
.cCancel {
    float: right;
    width: 40%;
    padding: 8px;
     text-shadow: 0 1px 1px rgba(0,0,0,.3);
    font-size: 130%;
    font-weight: bold;
    color: #ffffff;
    border: 1px solid #7B8E8C;
    /* IE以外なら丸角も！ */
    border-radius:3px; /* CSS3 */
    -webkit-border-radius:3px; /* Safari+Chrome */
    -moz-border-radius:3px; /* Firefox */
    -khtml-border-radius:3px; /* Konqueror */
    background: #94A6A5; /* Old browsers */
background: -webkit-gradient(linear, left top, left bottom, color-stop(1.00, #94A6A5), color-stop(0.00, #94A6A5));
background: -webkit-linear-gradient(top, #94A6A5 0%, #94A6A5 100%);
background: -moz-linear-gradient(top, #94A6A5 0%, #94A6A5 100%);
background: -o-linear-gradient(top, #94A6A5 0%, #94A6A5 100%);
background: -ms-linear-gradient(top, #94A6A5 0%, #94A6A5 100%);
background: linear-gradient(top, #94A6A5 0%, #94A6A5 100%);

}
.cCancel:hover {
    /* 透明度を20%に指定 */
    opacity: 0.8;
}


/* --削除ボタン-- */
.cDelete {
    float: right;
    width: 40%;
    padding: 8px;
     text-shadow: 0 1px 1px rgba(0,0,0,.3);
    font-size: 130%;
    font-weight: bold;
    color: #ffffff;
    border: 1px solid rgb(198,56,41);
    /* IE以外なら丸角も！ */
    border-radius:3px; /* CSS3 */
    -webkit-border-radius:3px; /* Safari+Chrome */
    -moz-border-radius:3px; /* Firefox */
    -khtml-border-radius:3px; /* Konqueror */
    background: #E74D39; /* Old browsers */
background: -webkit-gradient(linear, left top, left bottom, color-stop(1.00, #E74D39), color-stop(0.00, #E74D39));
background: -webkit-linear-gradient(top, #E74D39 0%, #E74D39 100%);
background: -moz-linear-gradient(top, #E74D39 0%, #E74D39 100%);
background: -o-linear-gradient(top, #E74D39 0%, #E74D39 100%);
background: -ms-linear-gradient(top, #E74D39 0%, #E74D39 100%);
background: linear-gradient(top, #E74D39 0%, #E74D39 100%);
}
.cDelete:hover {
    /* 透明度を20%に指定 */
    opacity: 0.8;
}

/* --確定ボタン-- */
.cKakutei {
    width: 60%;
    padding: 8px;
     text-shadow: 0 1px 1px rgba(0,0,0,.3);
    font-size: 130%;
    font-weight: bold;
    color: #ffffff;
    border: 1px solid rgb(2,122,242);
    /* IE以外なら丸角も！ */
    border-radius:3px; /* CSS3 */
    -webkit-border-radius:3px; /* Safari+Chrome */
    -moz-border-radius:3px; /* Firefox */
    -khtml-border-radius:3px; /* Konqueror */
    background: #319ADE; /* Old browsers */
background: -webkit-gradient(linear, left top, left bottom, color-stop(1.00, #319ADE), color-stop(0.00, #319ADE));
background: -webkit-linear-gradient(top, #319ADE 0%, #319ADE 100%);
background: -moz-linear-gradient(top, #319ADE 0%, #319ADE 100%);
background: -o-linear-gradient(top, #319ADE 0%, #319ADE 100%);
background: -ms-linear-gradient(top, #319ADE 0%, #319ADE 100%);
background: linear-gradient(top, #319ADE 0%, #319ADE 100%);
}
.cKakutei:hover {
    /* 透明度を20%に指定 */
    opacity: 0.8;
}

/* --スキップボタン-- */
.cSkip {
    float: right;
    width: 40%;
    padding: 8px;
     text-shadow: 0 1px 1px rgba(0,0,0,.3);
    font-size: 130%;
    font-weight: bold;
    color: #ffffff;
    border: 1px solid rgb(255,153,0);
    /* IE以外なら丸角も！ */
    border-radius:3px; /* CSS3 */
    -webkit-border-radius:3px; /* Safari+Chrome */
    -moz-border-radius:3px; /* Firefox */
    -khtml-border-radius:3px; /* Konqueror */
    background: -moz-linear-gradient(top,  #feccb1 0%, #f17432 50%, #ea5507 51%, #fb955e 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#feccb1), color-stop(50%,#f17432), color-stop(51%,#ea5507), color-stop(100%,#fb955e)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  #feccb1 0%,#f17432 50%,#ea5507 51%,#fb955e 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  #feccb1 0%,#f17432 50%,#ea5507 51%,#fb955e 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  #feccb1 0%,#f17432 50%,#ea5507 51%,#fb955e 100%); /* IE10+ */
    background: linear-gradient(to bottom,  #feccb1 0%,#f17432 50%,#ea5507 51%,#fb955e 100%); /* W3C */
}
.cSkip:hover {
    /* 透明度を20%に指定 */
    opacity: 0.8;
}

/* --注釈-- */
.cMiniP { margin-left:10px; font-size:80%; color:#E74D39; font-weight:normal; }
.cMiniB { margin-left:10px; font-size:80%; color:#4B4B4B; }

/* --リストビューをカーソル化-- */
ul.cLcursor {
    cursor: pointer;
}
ul.cLcursor li:hover {
    /* 透明度を20%に指定 */
    opacity: 0.8;
}

.f_16 { font-size:16px; }
/* Color CSS
-----------------------------------------------------------------------------------------------------------*/
/* --color black-- */
.cwblack {
    color : #000000;
}
.cwblack-normal {
    color : #000000;
    font-weight : normal;
}
/* --color white-- */
.cwhite {
    color : #ffffff;
}
.cwhite-bold {
    color : #ffffff;
    font-weight : bold;
}
.cwhite-normal {
    color : #ffffff;
    font-weight : normal;
}
/* --color red-- */
.cred {
    color : #E74D39;font-weight : normal;
}
.cred-bold {
    color : #E74D39;
    font-weight : bold;
}

/* --color blue-- */
.cblue {
    color : #0000ff;
}
.cblue-bold {
    color : #0000ff;
    font-weight : bold;
}

/* --color orange-- */
.corange {
    color : #ff6600;
}
.corange-bold {
    color : #ff6600;
    font-weight : bold;
}

/* --color glay-- */
.cglay {
    color : #333333;
}
.cglay-bold {
    color : #333333;
    font-weight : bold;
}

/* --color aquablue-- */
.caquablue {
    color : #3366ff;
}
.caquablue-bold {
    color : #3366ff;
    font-weight : bold;
}

/* --color skyblue-- */
.cskyblue {
    color : #319ADE;
}
.cskyblue-bold {
    color : #319ADE;
    font-weight : bold;
}

/* --color purple-- */
.cpurple {
    color : #cc00ff;
}
.cpurple-bold {
    color : #cc00ff;
    font-weight : bold;
}

/* --color green-- */
.cgreen {
    color : #339900;
}
.cgreen-bold {
    color : #339900;
    font-weight : bold;
}

/* --color skygreen-- */
.cskygreen {
    color : #009999;
}
.cskygreen-bold {
    color : #009999;
    font-weight : bold;
}

/* --color pink-- */
.cpink {
    color : #FF5656;
}
.cpink-bold {
    color : #FF5656;
    font-weight : bold;
}

/* --color black-- */
.cblack {
    color : #555354;
}
.cblack-bold {
    color : #555354;
    font-weight : bold;
}

/* --color darkblue-- */
.cdarkblue {
    color : #2020b5;
}
.cdarkblue-bold {
    color : #2020b5;
    font-weight : bold;
}

/* --color brown-- */
.cbrown {
    color : #663300;
}
.cbrown-bold {
    color : #663300;
    font-weight : bold;
}
/* --color yellowgreen-- */
.cyellowgreen {
    color : #ccd12c;
}
.cyellowgreen-bold {
    color : #ccd12c;
    font-weight : bold;
}
/* --color winered-- */
.cwinered {
    color : #cc3366;
}
.cwinered-bold {
    color : #cc3366;
    font-weight : bold;
}
/* --bold&center-- */
.ccenterbold {
    text-align: center;
    font-weight : bold;
}

/* Thanks CSS
http://www.inserthtml.com/2012/06/custom-form-radio-checkbox/
-----------------------------------------------------------------------------------------------------------*/
/* --エリア設定用-- */
.mycheck label {
    float: right;
    margin: 10px 0px 10px 10px;
}

.regular-checkbox {
    display: none;
}

.regular-checkbox + .mycheck label {
    background-color: #fafafa;
    border: 1px solid #cacece;
    box-shadow: 0 1px 2px rgba(0,0,0,0.05), inset 0px -15px 10px -12px rgba(0,0,0,0.05);
    padding: 9px;
    border-radius: 3px;
    display: inline-block;
    position: relative;
}

.regular-checkbox + .mycheck label:active, .regular-checkbox:checked + .mycheck label:active {
    box-shadow: 0 1px 2px rgba(0,0,0,0.05), inset 0px 1px 3px rgba(0,0,0,0.1);
}

.regular-checkbox:checked + .mycheck label {
    background-color: #e9ecee;
    border: 1px solid #adb8c0;
    box-shadow: 0 1px 2px rgba(0,0,0,0.05), inset 0px -15px 10px -12px rgba(0,0,0,0.05), inset 15px 10px -12px rgba(255,255,255,0.1);
    color: #99a1a7;
}

.regular-checkbox:checked + .mycheck label:after {
    content: '\2714';
    font-size: 15px;
    position: absolute;
    top: 0px;
    left: 3px;
    color: #99a1a7;
}

/* --過去履歴用-- */
.mycheck2 label {
    text-align: center;
    vertical-align: middle;
    margin-left: 2px;
}

.regular2-checkbox {
    display: none;
}

.regular2-checkbox + .mycheck2 label {
    background-color: #fafafa;
    border: 1px solid #cacece;
    box-shadow: 0 1px 2px rgba(0,0,0,0.05), inset 0px -15px 10px -12px rgba(0,0,0,0.05);
    padding: 7px;
    border-radius: 3px;
    display: inline-block;
    position: relative;
}

.regular2-checkbox + .mycheck2 label:active, .regular2-checkbox:checked + .mycheck2 label:active {
    box-shadow: 0 1px 2px rgba(0,0,0,0.05), inset 0px 1px 3px rgba(0,0,0,0.1);
}

.regular2-checkbox:checked + .mycheck2 label {
    background-color: #e9ecee;
    border: 1px solid #adb8c0;
    box-shadow: 0 1px 2px rgba(0,0,0,0.05), inset 0px -15px 10px -12px rgba(0,0,0,0.05), inset 15px 10px -12px rgba(255,255,255,0.1);
    color: #99a1a7;
}

.regular2-checkbox:checked + .mycheck2 label:after {
    content: '\2714';
    font-size: 15px;
    position: absolute;
    top: 0px;
    left: 0px;
    color: #99a1a7;
}

.alert-danger {
    background-color: #F2DEDE;
    border-color: #EBCCD1;
    color: #A94442;
    margin-bottom: 20px;
    margin-top: 20px;
	text-shadow:none;font-size:15px;
}

.alert-info {
	background-color: #d9edf7;
	border-color: #bce8f1;
	color: #31708f;
    margin-bottom: 20px;
    margin-top: 10px;
	text-shadow:none;font-size:15px;
}

.error-message {
    color: #A94442;
}

.ui-panel.leftPanel1 .tojiru { height:30px; }
.ui-panel.leftPanel1 .tojiru a { background-color: #333333; color:#FFFFFF; font-size:12px; padding:5px 10px; float:right; -webkit-border-radius: .3125em /*{global-radii-buttons}*/;
    border-radius: .3125em /*{global-radii-buttons}*/; text-shadow:none; display:block; }
.ui-panel.leftPanel1 .tojiru a:hover {color:#FFE000; }

.maponbutton { padding-left: 10px; float:right; }

.cSearchText {
	float: left;
	word-break: break-all;
	width: 85%;
  font-size:105%;
padding:4px 0px 1px 0px;

}


/* --チュートリアル追加-- */
img.t_img { clear:both; display:block; margin: 10px auto; width:95%; max-width:465px; }


.cLBOX3 { /*四角線*/
    padding:20px;
    overflow: visible;
    white-space: normal;
    font-size: 15px;
    font-weight: normal;
    color: rgb(51,51,51);
    background:rgb(255,255,255);text-align:center;
    border: 1px dotted rgb(200,200,200);max-width:684px; margin: 0 auto;text-shadow:none;
}
.cLBOX3 span.mini { font-weight:normal; font-size:13px; }
.cLBOX3 p.minil { font-weight:normal; font-size:13px; text-align:left;padding:5px 50px; }
p.t_title { font-size:20px; font-weight:bold; text-align:center; }
.ng_gps_title { font-size:18px; background:#F0F0E1; width:225px; height:31px; text-align:center; padding-top:5px; margin:10px auto 0px auto; }
span.t_font_bold { font-size:20px; font-weight:bold; }
/* --チュートリアル追加-- */

/* 端末選択ダイアログ */
.term-select-dialog {
	width: 340px;
}
.term-select-dialog label.ui-btn {
	padding-right: 5px;
}