/*
* jQuery Mobile 1.3.1
* Git HEAD hash: 74b4bec049fd93e4fe40205e6157de16eb64eb46 <> Date: Mon Apr 8 2013 19:41:28 UTC
* http://jquerymobile.com
*
* Copyright 2010, 2013 jQuery Foundation, Inc. and other contributors
* Released under the MIT license.
* http://jquery.org/license
*
*/

html,
body {
  margin: 0;
  padding: 0;
}

body {
  background-color: #000;
	font-family: sans-serif;
}

.ui-mobile body {
  height: 99.9%;
}

.ui-mobile-viewport {
  margin: 0;
  overflow-x: hidden;
  -webkit-text-size-adjust: 100%;
  -ms-text-size-adjust:none;
  -webkit-tap-highlight-color: #000;
}

.ui-mobile [data-role=page] {
  border: 0 none;
  min-height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
}

/* reazon_タイトルのヘッダ背景色*/
.title {
  padding: 0.5em;
  position: relative;
  z-index: 9999998;
  text-align:justify;
  overflow:hidden;
  background-color:#9933ff;
background-image: -moz-linear-gradient(top, #cc99ff, #9933ff);
background-image: -ms-linear-gradient(top, #cc99ff, #9933ff);
background-image: -o-linear-gradient(top, #cc99ff, #9933ff);
background-image: -webkit-gradient(linear, center top, center bottom, from(#cc99ff), to(#9933ff));
background-image: -webkit-linear-gradient(top, #cc99ff, #9933ff);
background-image: linear-gradient(top, #cc99ff, #9933ff);
/*--IE9 DOES NOT SUPPORT CSS3 GRADIENT BACKGROUNDS--*/
}
/* reazon_タイトルのヘッダ背景色 */

/*div.title div{
	display:inline-block;
}*/

#text{
	margin:0 0 0 3em;
}

#back{
	text-align:right;
	position:absolute;
	z-index:9999999;
	top:50%;
	margin:-0.5em 0 0 0;
	left:0.5em;
}

#back a{
	color:#FF9872;
	background-color:#fff;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	padding:3px 5px;
	box-sizing: border-box;         /* Opera/IE 8+ */
	-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
	-moz-box-sizing: border-box;    /* Firefox, other Gecko */
	box-shadow:2px 2px 3px #cccccc inset;
	-moz-box-shadow:2px 2px 3px  #cccccc inset;
	-webkit-box-shadow:2px 2px 3px #cccccc inset;
	text-decoration:none;
}

/*#box {
  border-bottom: 3px solid #3db0bb;
  background-color: #333;
}*/


div.button {
  padding: 0.5em 0;
  text-align: center;
}

/* reazon_[前へ]と[次へ]のボタンの文字色設定 */
div.button input {
	padding: 10px 40px;
	border: 1px solid #949494;
	-webkit-border-radius: 5px;
	   -moz-border-radius: 5px;
	        border-radius: 20px;
	-webkit-box-shadow:	0 1px 3px rgba(0,0,0,0), inset 0 0 2px rgba(255,255,255,0);
	   -moz-box-shadow: 0 1px 3px rgba(0,0,0,0),	inset 0 0 2px rgba(255,255,255,0);
	        box-shadow:	0 1px 3px rgba(0,0,0,0), inset 0 0 2px rgba(255,255,255,0);
  color: #FF0461;
  font-weight:bold;
	background-color: #fff;
	background-image: -webkit-gradient(linear, left top, left bottom, from(#fff),color-stop(0.5, #ebebeb),color-stop(0.5, #dbdbdb),to(#b5b5b5));
	background-image:    -moz-linear-gradient(top, #fff 0%, #ebebeb 50%, #dbdbdb 50%, #b5b5b5);
	background-image:     -ms-linear-gradient(top, #fff 0%, #ebebeb 50%, #dbdbdb 50%, #b5b5b5);
	background-image:      -o-linear-gradient(top, #fff 0%, #ebebeb 50%, #dbdbdb 50%, #b5b5b5);
	background-image:         linear-gradient(top, #fff 0%, #ebebeb 50%, #dbdbdb 50%, #b5b5b5);
	font-size: 14px;
	text-shadow: 0 1px 1px rgba(255,255,255,0.8);
}
/* reazon_[前へ]と[次へ]のボタンの文字色設定 */

div.button input[disabled] {
  color: #ccc;
  border-color: #444;
  background-color: #333;
	background-image: -webkit-gradient(linear, left top, left bottom, from(#999),color-stop(0.5, #777),color-stop(0.5, #666),to(#333));
	background-image: -webkit-linear-gradient(top, #999 0%, #777 50%, #666 50%, #333);
	background-image:    -moz-linear-gradient(top, #999 0%, #777 50%, #666 50%, #333);
	background-image:     -ms-linear-gradient(top, #999 0%, #777 50%, #666 50%, #333);
	background-image:      -o-linear-gradient(top, #999 0%, #777 50%, #666 50%, #333);
	background-image:         linear-gradient(top, #999 0%, #777 50%, #666 50%, #333);
	text-shadow: 0 1px 1px rgba(0,0,0,0.4);
}

div[data-role="fieldcontain"] {
  padding: 0.2em 0;
  border-top: 1px solid #ccc;
  border-bottom: 1px solid #333;
  background-color: #999;
	background-image: -webkit-gradient(linear, left top, left bottom, from(#999),color-stop(0.5, #777),color-stop(0.5, #666),to(#333));
	background-image: -webkit-linear-gradient(top, #999 0%, #777 50%, #666 50%, #333);
	background-image:    -moz-linear-gradient(top, #999 0%, #777 50%, #666 50%, #333);
	background-image:     -ms-linear-gradient(top, #999 0%, #777 50%, #666 50%, #333);
	background-image:      -o-linear-gradient(top, #999 0%, #777 50%, #666 50%, #333);
	background-image:         linear-gradient(top, #999 0%, #777 50%, #666 50%, #333);
}


span.ui-slider-counter {
  margin: 0.5em 0 0 15px;
  padding: 4px;
  border: 1px solid #444;
  -webkit-border-radius: 5px;
     -moz-border-radius: 5px;
          border-radius: 5px;
  display: block;
  -webkit-box-sizing: content-box;
     -moz-box-sizing: content-box;
      -ms-box-sizing: content-box;
          box-sizing: content-box;
  float: left;
  width: 54px;
  height: 22px;
  line-height: 22px;
  color: #fff;
  background-color: #888;
	background-image: -webkit-gradient(linear, left top, left bottom, from(#888), to(#222));
	background-image: -webkit-linear-gradient(top, #888, #222);
	background-image:    -moz-linear-gradient(top, #888, #222);
	background-image:     -ms-linear-gradient(top, #888, #222);
	background-image:      -o-linear-gradient(top, #888, #222);
	background-image:         linear-gradient(top, #888, #222);
	-webkit-box-shadow: 0 2px 3px rgba(0,0,0,0.5) inset;
	   -moz-box-shadow: 0 2px 3px rgba(0,0,0,0.5) inset;
	        box-shadow: 0 2px 3px rgba(0,0,0,0.5) inset;
  font-size: 14px;
  text-align: center;
  text-shadow: 0 1px 1px rgba(0,0,0,0.6);
  vertical-align: text-bottom;
  outline: 0;
}


div.ui-slider {
  margin: 0.5em 0;
  height: 30px;
  zoom: 1;
}

div.ui-slider:after {
  clear: both;
  content: "";
  display: table;
}

.ui-slider-handle .ui-btn-inner {
  padding: 0;
  height: 100%;
}
/* reazon_スライダー背景色定 */
.ui-btn-down-b {
  border: 1px solid #555;
  background-color: #ff0057;
	-webkit-box-shadow: 0 2px 2px rgba(0,0,0,0.5) inset;
	   -moz-box-shadow: 0 2px 2px rgba(0,0,0,0.5) inset;
	        box-shadow: 0 2px 2px rgba(0,0,0,0.5) inset;
}
/* reazon_スライダー背景色定 */

.ui-slider-track {
  margin: 0 20px 0 100px;
  overflow: visible;
  position: relative;
  top: 6px;
  height: 15px;
}

.ui-btn-up-c,
.ui-btn-hover-c {
  box-shadow: 0 2px 5px rgba(0,0,0,0.7);
  border: 1px solid #eee;
  background-color: #fff;
	background-image: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#ccc));
	background-image: -webkit-linear-gradient(top, #fff, #ccc);
	background-image:    -moz-linear-gradient(top, #fff, #ccc);
	background-image:     -ms-linear-gradient(top, #fff, #ccc);
	background-image:      -o-linear-gradient(top, #fff, #ccc);
	background-image:         linear-gradient(top, #fff, #ccc);
}

.ui-slider-track .ui-btn.ui-slider-handle {
	margin: -15px 0 0 -15px;
	position: absolute;
	top: 50%;
	z-index: 1;
	width: 28px;
	height: 28px;
	outline: 0;
}

.ui-btn-corner-all {
  -webkit-border-radius: 100px;
     -moz-border-radius: 100px;
          border-radius: 100px;
}

.ui-btn-text {
  position: relative;
  z-index: 1;
  width: 100%;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
}

.ui-loader {
  border: 0 none;
  display: none;
  position: fixed;
  top: 50%;
  left: 50%;
  z-index: 9999999;
}