/* CSS Document 
JQuery mobileのデフォルトCSSを改造するCSSです。
主にdata-theme="b"のデザインを適用し、変更を加えています。
*/

/*---------------------------------[テーマBのカスタム]---------------------------------*/
/*サブページ　ヘッダーの背景グラデーション*/
.ui-bar-b, .ui-bar-c {
	background:-webkit-gradient(linear, left top, left bottom, from(#cbcbcb), to(#aaaaaa));
	background: -moz-linear-gradient(top, #cbcbcb, #aaaaaa);
}
/*コンテンツ部分の背景*/
.ui-body-b, .ui-body-c { background:#ffffff; }/*ロールオーバー時のカラー*/
.ui-btn-hover-b,
.ui-btn-down-b {
	background:-webkit-gradient(linear, left top, left bottom, from(#aaaaaa), to(#cbcbcb));
	background: -moz-linear-gradient(top,#aaaaaa, #cbcbcb);
	color:#fff;
	text-shadow:-1px -1px 0 #777777;
	font-size:14px;
	font-weight: bold;
}
/*背景・文字*/
.ui-btn-up-b {
	border:1px solid #efefef;
	background-image:-webkit-gradient(linear, left top, left bottom, from(#fff), color-stop(0.5, #fff), color-stop(0.5, #f7f7f7), to(#f7f7f7));
	background-image: -moz-linear-gradient(top, #fff, #fff 50%, #f7f7f7 50%, #f7f7f7);
	color:#504d46;
	text-shadow:1px 1px 0 #eeeeee;
	font-size:14px;
	font-weight: bold;
}/*文字デザイン*/
.ui-btn-up-b a.ui-link-inherit { 
	color:#504d46;
	}
.ui-btn-hover-b a.ui-link-inherit { 
	color:#ffffff;
	}
	
	
	
/*---------------------------------[共通部分]---------------------------------*/
/*チェックボックス選択時の切り替え*/
.ui-btn-active {
	background:-webkit-gradient(linear, left top, left bottom, from(#aaaaaa), to(#cbcbcb));
	background: -moz-linear-gradient(left, #aaaaaa, #cbcbcb);
	color:#fff;
	text-shadow:-1px -1px 0 #777777;
	font-size:14px;
	font-weight: bold;
}
.ui-checkbox-on .ui-icon,
.ui-radio-on .ui-icon { background-color:#d6505b; 
/*チェックボックス最上部、最下部の角丸を削除*/
.ui-corner-top {
	border-top-left-radius:0;
	border-top-right-radius:0;
}
.ui-corner-bottom {
	border-bottom-left-radius:0;
	border-bottom-right-radius:0;
}
/*チェックボックス全体のパディングリセット*/
.ui-content { padding:0; }
/*チェックボックスの行間・文字サイズ*/
.ui-btn-inner {
	padding:5px 25px;
	font-size:14px;
}
/*チェックボックスのインデント設定。
*indentを行うlabelにindentクラスを挿入
*/
.ui-checkbox .ui-btn-icon-left.indent .ui-icon,
.ui-radio .ui-btn-icon-left.indent .ui-icon { left:35px; }
.ui-checkbox .ui-btn-icon-left.indent .ui-btn-inner,
.ui-radio .ui-btn-icon-left.indent .ui-btn-inner { padding-left:65px; }
/*画面が縮んだ時に出るボーダー削除*/
.ui-br { border:0px #000 solid; }
/*コンテンツフィールドのパディング*/
.ui-field-contain { padding:0; }
/*矢印マーク*/
.ui-icon-arrow-r {
	background-color:rgba(0,0,0,0);
	background-image:url(images/icons-original.png);
}
/*文字のパディング*/
.ui-li .ui-btn-inner a.ui-link-inherit,
.ui-li-static.ui-li {
	padding:5px 75px 5px 15px;
	display:block;
}