@charset "UTF-8";

@font-face {
    font-family: memsfont;
    src: url("../mplus-2p-medium.ttf");
}

@font-face {
    font-family: memsfontbold;
    src: url("../mplus-2p-bold.ttf");
}


.ui-bar-c, .ui-bar-c input, .ui-bar-c select, .ui-bar-c textarea, .ui-bar-c button {
    font-family:memsfont;
}
.ui-body-c, .ui-body-c input, .ui-body-c select, .ui-body-c textarea, .ui-body-c button{
    font-family:memsfont;
    /*font-family:'M+ 2p medium','mplus-2p-medium','メイリオ',Meiryo,'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','ＭＳ ゴシック',sans-serif;*/
}
.ui-btn-up-b, .ui-btn-hover-b, .ui-btn-down-b {
    font-family:memsfont;
    /*font-family:'M+ 2p medium','mplus-2p-medium','メイリオ',Meiryo,'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','ＭＳ ゴシック',sans-serif;*/
}
.ui-btn-up-c, .ui-btn-hover-c, .ui-btn-down-c {
    font-family:memsfont;
    /*font-family:'M+ 2p medium','mplus-2p-medium','メイリオ',Meiryo,'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','ＭＳ ゴシック',sans-serif;*/
}
.ui-btn-d,.ui-btn-up-d, .ui-btn-hover-d, .ui-btn-down-d {
    font-family:memsfont;
}

p#pageTitle{
    padding:0 0 12px 0;
    font-weight:bold;
    text-align:center;
    font-size:1.2em;
}

#wrapper{
    width:90%; margin:auto;
    /*min-height:444px;*/
}

p.pageCatch{    
padding:0 0 12px 0; 
text-align:center;  
font-size:1em;  
}
.alart{
    color:#f00;
}
.large{
    font-size:1.2em;
}

/* 横並びボタンのサイズ*/
.btnLeft{
    width:48%;
    float:left;
}
.btnRight{
    width:48%;
    float:right;
}

/* ガス・水道計測方式のアイコンサイズ*/
.iconPoint{
    width:40px;
    margin:0 5px 0 0;
}




.left{
    float:left;
}
.right{
    float:right;
}
.clear{
    clear:both;
}
.clearfix:before,
.clearfix:after {
    content: " ";
    display: table;
}
.clearfix:after {
    clear: both;
}
.clearfix {
    *zoom: 1;
}

.pBold{
    font-weight:bold;
}

.mb1_5{
    margin-bottom:1.5em;
}

.mb2{
    margin-bottom:2em;
}

.alignCenter{   
text-align: center; 
}   
.alignRight{    
text-align: right;  
}   
.alignLeft{ 
text-align: left;   
}   
p.attention01{  
    /*font-size: 0.8175em;*/
    color: red; 
}

/* 最下部ボタンの表示位置マージン */
.btnMargin{
    margin-bottom:32px;
}

/* jQuery Mobile
*************************/
.ui-body-c, .ui-overlay-c{
    linear-gradient(#eaeaea, #eaeaea) repeat scroll 0 0 #eaeaea;
    color:#535353;
    text-shadow:none;
}
.ui-btn-corner-all {
    border-radius: 0.3em 0.3em 0.3em 0.3em;
}
.ui-body-c,.ui-overlay-c{
    /*background:linear-gradient(#EEEEEE, #EEEEEE) repeat scroll 0 0 #F9F9F9;*/
    background:#fafafa;
}



/* グローバルヘッダー指定 */
.ui-bar-m {
/*background: linear-gradient(#6E6E6E, #242424) repeat scroll 0 0 #111111;*/
/*background-image: -webkit-gradient(linear, left top, left bottom, from(#6E6E6E), to(#242424));*/
/*
background-size:auto 100%;
background:url("../images/common/bg_01_header.png")  top center repeat-x;
*/
background:#41909D;
border-bottom: 2px solid #20484E;
color: #FFFFFF;
font-weight: 700;
/* text-shadow: 0 0 0 #000000; */
/*text-shadow: 0 -1px 0 #000000;*/
height:53px;
}
.ui-bar-m img.icon{
    box-shadow:none;
    width:35px;
}


/* ヘッダ ボタン位置調整 */
.ui-header .ui-btn-left, .ui-header .ui-btn-right, .ui-footer .ui-btn-left, .ui-footer .ui-btn-right, .ui-header-fixed.ui-fixed-hidden .ui-btn-left, .ui-header-fixed.ui-fixed-hidden .ui-btn-right {
    /*position: absolute;*/
    top: 10px;
}
.ui-header-fixed {
    padding-top: 0;
    top: 0px;
}


/* ヘッダタイトル部 位置調整 */
.ui-header .ui-title, .ui-footer .ui-title {
    display: block;
    font-size: 12px;
    /*margin: 0.9em 25% 0.8em;*/
    margin: 0.7em 25% 0.8em;
    min-height: 1.1em;
    outline: 0 none !important;
    overflow: hidden;
    padding: 0;
    text-align: center;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-weight:normal;
}

.ui-dialog .ui-header .ui-title {
    font-size: 1.3rem;
    margin-top: 0.7rem;
}


/* グローバルフッター */
.ui-bar-f {
    /*background-color:#EEEEEE;*/
    background: transparent;
    background-size:auto 100%;
    /*background-size: 100%;*/
    border: none;
    color: #FFFFFF;
    font-weight: 700;
    text-shadow: 0 -1px 0 #000000;
    height:72px;
/*
    box-shadow: 0px -10px 10px #eee;
    -moz-box-shadow: 0px -10px 10px #eee;
    -webkit-box-shadow: 0px -10px 10px #eee;
*/
}
.ui-bar-f ul{
    padding:0;
    margin:0;
    width:100%;
}
.ui-bar-f ul li{
    float:left;
    margin:10px 0 0;
    list-style-type: none;
    width:25%;
    text-align:center;
}
.ui-bar-f ul li img{
    /*width:85px;*/
    /*width:87px;*/
    width:88px;
}


/* 標準ボタン（色彩青）（タイプB）*/
.ui-btn-up-b {
    background: #5A87C8;
    box-shadow: 0 2px 6px rgba(0,0,0,0.25);
    border: none;
}
.ui-btn-up-b {
    color: #FFFFFF;
    font-weight: normal;
    text-shadow:-1px -1px 1px #333333;
}
.ui-btn-hover-b {
    /*color: #FFFFFF;*/
    font-weight: normal;
    text-shadow:-1px -1px 1px #333333;
}
.ui-btn-hover-b {
    background: #3e79b5;
    box-shadow: 0 2px 6px rgba(0,0,0,0.25);
    border: none;
    -webkit-filter: none;
    filter: none;
    font-weight: normal;
}


/* 標準ボタン（色彩白）（タイプC）*/
.ui-btn-up-c {
    background: #ffffff;
    border: 1px solid #ccc;
    color: #333333;
}
.ui-btn-up-c {
    border: none;
    color: #ff00000;
    font-weight: normal;
    /*text-shadow:-1px -1px 1px #333333;*/
}
.ui-btn-hover-c {
    font-weight: normal;
}
.ui-btn-hover-c:hover{
    color: #333;
}


.ui-btn-c{
    color: #333;
}
.ui-btn-c .ui-btn-active{
    color: #fff;
}


/* 押下時 */
.ui-listview .ui-btn-active{
    background: #ededed;
    text-shadow: none;
    color: #333;
}
/* ボタンアクティブ時 */
.ui-btn-active{
    background:#7193be;
}

.ui-btn-down-c {
    background: #ededed;
    border: none;
}

.btnCust .ui-btn-active{
    background: none repeat scroll 0 0 #3db6b6;
    text-shadow: -1px -1px 1px #287979;
    color:#fff;
}






/* 標準ボタン（色彩白）（タイプC）*/
.ui-btn-up-t {
    background: #ffffff;
    border: 1px solid #ccc;
}
.ui-btn-up-t {
    color: #ff00000;
    font-weight: normal;
    /*text-shadow:-1px -1px 1px #333333;*/
}
.ui-btn-hover-t {
    /*color: #666666;*/
    font-weight: normal;
    /*text-shadow:-1px -1px 1px #333333;*/
}




/* リスビュー色彩(タイプD) */
.ui-btn-up {
    /*text-shadow: 1px 1px 0 #fff;*/
    /*font-weight:normal;*/
}
.ui-btn-up-d {
    /* text-shadow: 1px 1px 0 #fff; */
    background: #ffffff;
    /* border: 1px solid #CCCCCC; */
    /* font-weight: normal; */
    border-width: 0px 0px 1px 0px;
    border-color: #ededed;
}
.ui-btn-hover-d{
    background: #ededed;
}
.ui-btn-hover-d ,
.ui-btn-down-d ,
.ui-body-d .ui-btn-active {
    /*background:#9FDFDF;*/
    color:#333;
    font-weight:normal;
    text-shadow: none;
}
.ui-btn-down-d {
    background: #ededed;
    border: none;
}
.ui-btn-active a.ui-link-inherit{
    color: #333;
}


/* ボタン内テキスト */
.ui-btn-text{
    text-shadow:none;
}
/* ボタンテキスト間隔 全体調整部分 */
.ui-btn-inner {
    padding: 0.6em 0;
}



/* 全体CSS */
h1.title{
    font-size:20px;
    text-align:center;
    font-weight: bold;
    padding: 0 0 12px;
    border-bottom: 1px solid #666666;
    margin-bottom:21px;
}




/* 掲示板用h2タイトル */
div#board{
    /*width:100%;*/
    padding:10px 15px;
    background:#37B3C4;
}
div#boardInner{
    width:90%;
    color:#fff;
    text-align:left;
    margin:auto;
    font-size:16px;
}


/* CT センサー選択画面 テーブル */
table.ct{
    background:#EEEEFF;
    width: 100%;
    margin-right: auto;
    margin-left: auto;
    border-collapse:collapse;
    text-align: center;
}
table.ct tr th{
    border:solid 1px white;
    padding:10px;
    white-space:nowrap;
    /*font-size:0.7em;*/
    
}
table.ct tr td{
    border:solid 1px white;
    padding:5px 10px;
    /*font-size:0.7em;*/
}
table.ct tr th{
    background:#4488ff;
    color:white;
    text-shadow: 0 1px 0 #555;
}
table.ct tr:nth-child(odd) td{
    background:#CCCCFF;
}

.ui-dialog .ui-dialog-content {
    background-color:#FFFFFF;
}

.ui-dialog .ui-dialog-buttonpane {
    margin: 0 0 0 0;
}


/* 追記 */

/** ヘッダー帯 **/
.ui-bar-m {
    height: 3.3rem;
}

.ui-bar-m a {
    width: 2.6rem;
    height: 2.6rem;
}

.ui-bar-m img.icon {
    width: 2.6rem;
    height: 2.6rem;
}

#header_title {
    font-size: 1.3rem;
}

#header_title.ui-title {
    margin-top: 0.7rem;
}

.ui-content {
    padding: 0.1rem 0 0.6rem;
    margin-left: 1.5%;
    margin-right: 1.5%;
}

/*.ui-btn-left, .ui-btn-right {
    top: 9% !important;
}*/


.ui-header .ui-btn-left, .ui-header .ui-btn-right, .ui-footer .ui-btn-left, .ui-footer .ui-btn-right, .ui-header-fixed.ui-fixed-hidden .ui-btn-left, .ui-header-fixed.ui-fixed-hidden .ui-btn-right {
    top: 0.4rem; !important;
}

.ui-btn-inner {
    padding: 0.7rem 0;
}

div#menuinfo-popup {
	width: 14.5rem;
	top: 2.1rem !important;
	right: 0.5rem;
	margin-left: auto;
}

/*デザインのdefault.css sourceを参考に追記*/
.popupMenu { 
	width: auto;
	height: auto;
	margin-left : 4% !important;
}
#menuinfo .ui-listview {
	margin : 0;
}
.popupMenu01 {
	height: 3.3rem;
	margin-top: 1.1rem !important;
	font-size: 1.4rem;
}
.popupMenu01:before {
	content: "";
	position: absolute;
	top: -1rem;
	right: 8%;
	width: 0;
	height: 0;
	border-left: 11px solid transparent;
	border-right: 0px solid transparent;
	border-bottom: 1rem solid #ccc;
}
.popupMenu01:after {
	content: "";
	position: absolute;
	top: -1rem;
	right: 8%;
	width: 0;
	height: 0;
	border-left: 10px solid transparent;
	border-right: 0px solid transparent;
	border-bottom: 1rem solid #ffffff;
}
.popupMenu01 a, .popupMenu02 a {
	padding: 6% 0 0 7% !important;
	width: 13.3rem !important;
	height: 3.2rem !important;
	background-image: none;
	text-align: left;
}

.popupMenu01 a:hover, .popupMenu02 a:hover {
	width: 13.3rem !important;
	height: 3.2rem !important;
	background-image: none;
	color: #2489ce;
	text-shadow: none;
}
.popupMenu02 {
	height: 3.2rem;
	font-size: 1.4rem;
	margin-top: 0.2rem;
}
.ui-btn-hover-c {
	background: #ededed;
	border: none;
}

#menuinfo .ui-btn-icon-right > .ui-btn-inner > .ui-icon {
	margin-top: -15px;
}

@media only screen and (orientation : landscape) and (min-width : 480px){
	.popupMenu01:before {
		border-left: 21px solid transparent;
	}
	.popupMenu01:after {
		border-left: 20px solid transparent;
	}
	.popupMenu01 .ui-icon, .popupMenu02 .ui-icon {
		zoom: 1.5;
	}

}
/*追記ここまで*/