@charset "utf-8";
/* CSS Document */



/*-- ヘッダ・フッタタイトル --*/
.ui-header .ui-title,
.ui-footer .ui-title {
	margin: .6em 1em .8em 1em;
	text-overflow: clip;
	white-space: normal;
}

/*-- リストビュー　説明文 --*/
.notes {
	line-height: 1.3;
	margin: 0;
	padding: 0;
	font-weight: normal;
}
.notes h2 {
	margin: 0;
	font-size: 1em;
	font-weight: bold;
}
.notes p {
	margin: 0 0 0 .5em;
	font-size: 1em;
	white-space: normal;
}

/*-- リストビュー　テキスト折り返し --*/
.ui-btn-text { text-overflow: ellipsis; white-space: normal; }


/*-- ラジオボタン選択時の背景色変更 --*/
/* セレクタでinputの後にclass名を入れるとそのclassの選択肢を選択した時の背景色・文字色を変更できる*/
span.select input:checked + label {
    background: #9cf;
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #cff), color-stop(1, #9cf));
    background: -webkit-linear-gradient(#cff, #9cf);
    background: -moz-linear-gradient(top, #cff, #9cf);
    background: -ms-linear-gradient(#cff, #9cf);
    background: -o-linear-gradient(#cff, #9cf);
    background: linear-gradient(#cff, #9cf);
    
    color: #339;  
    text-shadow: 0 -1px #fff;
}

/*-- ツールバー色変更 - F bar theme -  --*/
.ui-bar-f {
	border-top: 1px solid #56A00E;
	border-bottom: 1px solid #56A00E;
	background: 			#74b042;
	color: 					#fff;
	font-weight: bold;
	text-shadow: 0 -1px 1px #234403;
	background-image: -webkit-gradient(linear, left top, left bottom, from(#74b042), to(#56A00E)); /* Saf4+, Chrome */
	background-image: -webkit-linear-gradient(#74b042, #56A00E); /* Chrome 10+, Saf5.1+ */
	background-image:    -moz-linear-gradient(#74b042, #56A00E); /* FF3.6 */
	background-image:     -ms-linear-gradient(#74b042, #56A00E); /* IE10 */
	background-image:      -o-linear-gradient(#74b042, #56A00E); /* Opera 11.10+ */
	background-image:         linear-gradient(#74b042, #56A00E);
}
.ui-bar-f, .ui-bar-f .ui-link-inherit {
	color: 					#fff;
}
.ui-bar-f .ui-link {
	color: 					#fff;
	font-weight: bold;
}
.ui-btn-up-f {
	border: 1px solid #3B6F07;
	background: 			#56A00E;
	font-weight: bold;
	color: 					#fff;
	text-shadow: 0 -1px 1px #234403;
	background-image: -webkit-gradient(linear, left top, left bottom, from(#74b042), to(#56A00E)); /* Saf4+, Chrome */
	background-image: -webkit-linear-gradient(#74b042, #56A00E); /* Chrome 10+, Saf5.1+ */
	background-image:    -moz-linear-gradient(#74b042, #56A00E); /* FF3.6 */
	background-image:     -ms-linear-gradient(#74b042, #56A00E); /* IE10 */
	background-image:      -o-linear-gradient(#74b042, #56A00E); /* Opera 11.10+ */
	background-image:         linear-gradient(#74b042, #56A00E);
}
.ui-btn-up-f a.ui-link-inherit {
	color: 					#fff;
}
.ui-btn-hover-f {
	border: 1px solid #3B6F07;
	background: 			#6EBC1F;
	font-weight: bold;
	color: 					#fff;
	text-shadow: 0 -1px 1px #234403;
	background-image: -webkit-gradient(linear, left top, left bottom, from(#8FC963), to(#6EBC1F)); /* Saf4+, Chrome */
	background-image: -webkit-linear-gradient(#8FC963, #6EBC1F); /* Chrome 10+, Saf5.1+ */
	background-image:    -moz-linear-gradient(#8FC963, #6EBC1F); /* FF3.6 */
	background-image:     -ms-linear-gradient(#8FC963, #6EBC1F); /* IE10 */
	background-image:      -o-linear-gradient(#8FC963, #6EBC1F); /* Opera 11.10+ */
	background-image:         linear-gradient(#8FC963, #6EBC1F);
}
.ui-btn-hover-f a.ui-link-inherit {
	color: 					#fff;
}
.ui-btn-down-f {
	border: 1px solid #3B6F07;
	background: 			#3d3d3d;
	font-weight: bold;
	color: 					#fff;
	text-shadow: 0 -1px 1px #234403;
	background-image: -webkit-gradient(linear, left top, left bottom, from(#56A00E), to(#64A234)); /* Saf4+, Chrome */
	background-image: -webkit-linear-gradient(#56A00E, #64A234); /* Chrome 10+, Saf5.1+ */
	background-image:    -moz-linear-gradient(#56A00E, #64A234); /* FF3.6 */
	background-image:     -ms-linear-gradient(#56A00E, #64A234); /* IE10 */
	background-image:      -o-linear-gradient(#56A00E, #64A234); /* Opera 11.10+ */
	background-image:         linear-gradient(#56A00E, #64A234);
}
.ui-btn-down-f a.ui-link-inherit {
	color: 					#fff;
}
.ui-btn-up-f, .ui-btn-hover-f, .ui-btn-down-f {
	font-family: Helvetica, Arial, sans-serif;
	text-decoration: none;
}

/* テキストボックスを横並びにする際の横幅の指定（指定値以下になると縦に並ぶようになる） */
@media all and (min-width: 320px){
	.textcontain label.ui-input-text  { vertical-align: top; display: inline-block; width: 20%; margin: 0 2% 0 0 }
	.textcontain input.ui-input-text  { width: 78%; display: inline-block; } 
	.textcontain input.ui-input-text     { width: 100%; }
}