@charset "utf-8";
/* css document */

/*******アイコン*******/
.ui-icon-custom-off {
	background: url("../images/custom-off.png") no-repeat rgba(0, 0, 0, 0.65) !important;
}

.ui-icon-dentaku {
	background-image: url("../images/dentaku.png") !important;
	background-repeat: no-repeat !important;
	background-position: 1px 1px !important;
	background-color: rgba(255, 255, 255, 0.65) !important;
}

.ui-icon-stopwatch {
	background-image: url("../images/stopwatch.png") !important;
	background-repeat: no-repeat !important;
	background-position: 1px 1px !important;
	background-color: rgba(255, 255, 255, 0.65) !important;
}

/*******ページ*******/

/*ページ左側のロゴ*/
#header_div:after {
	content:url("../images/logo.png");
	position:absolute;
	left:40px;
	top:9px;
	z-index:2;
}

#header0_div:after,
#header2_div:after {
	content:url("../images/logo.png");
	position:absolute;
	left:9px;
	top:9px;
	z-index:2;
}

/*ページ右側のイラスト*/
#header_div:before,
#header2_div:before {
	content:url("../sozai/upper_img.png");
	position:absolute;
	left:185px;
	top:4px;
	z-index:3;
}

#header0_div:before {
	content:url("../sozai/upper_img.png");
	position:absolute;
	left:205px;
	top:4px;
	z-index:3;
}

/*******ヘッダー*******/
/*ヘッダーの背景*/
.ui-header,
#header_div.ui-header,
#header0_div.ui-header,
#header2_div.ui-header {
	background:url("../sozai/header_bg.png") repeat-x 0 0;
	padding-top:50px;
	border:none;
	z-index:2;
}

#task_sortorder_popup.ui-body-b .ui-header,
#type_sortorder_popup.ui-body-b .ui-header,
#delete_popup.ui-body-b .ui-header,
#logout_popup.ui-body-b .ui-header {
	position:relative;
	background:#098500;
	padding:0px;
	border:none;
}

/*ヘッダーのリードスタイル*/
#header_p {
	margin: 3px 0px 2px 10px;
	font-weight:normal;
	font-size:65%;
}

#header_p2 {
	display:block;
	margin: 0px;
	background-color:rgba(255,255,255,0.80);
	font-weight:normal;
	font-size:65%;
	cursor: pointer;
}

#header_p2 span {
	width:100%;
	text-align:left;
	display:inline-block;
	white-space:nowrap;

	-moz-animation-duration: 12s;
	-moz-animation-name: fade-in;
	-moz-animation-iteration-count: infinite;
	-moz-animation-timing-function: ease;

	-webkit-animation-duration: 12s;
	-webkit-animation-name: fade-in;
	-webkit-animation-iteration-count: infinite;
	-webkit-animation-timing-function: ease;

	-ms-animation-duration: 12s;
	-ms-animation-name: fade-in;
	-ms-animation-iteration-count: infinite;
	-ms-animation-timing-function: ease;

	-o-animation-duration: 12s;
	-o-animation-name: fade-in;
	-o-animation-iteration-count: infinite;
	-o-animation-timing-function: ease;
}
@-webkit-keyframes fade-in {
	0% { opacity:0; }
	25% { opacity:1; }
	75% { opacity:1; }
	100% { opacity:0; }
}
@-moz-keyframes fade-in {
	0% { opacity:0; }
	25% { opacity:1; }
	75% { opacity:1; }
	100% { opacity:0; }
}
@-ms-keyframes fade-in {
	0% { opacity:0; }
	25% { opacity:1; }
	75% { opacity:1; }
	100% { opacity:0; }
}
@-o-keyframes fade-in {
	0% { opacity:0; }
	25% { opacity:1; }
	75% { opacity:1; }
	100% { opacity:0; }
}

#header_p2:hover {
	background:rgba(240,230,140,0.90);
}

#header_p3 {
	display:block;
	margin: 0px;
	background-color:rgba(255,228,225,0.95);
	font-weight:normal;
	font-size:65%;
	cursor: pointer;
}

#header_p3:hover {
	background:rgba(240,230,140,0.90);
}

.header_span {
	display:block;
}

#task_sortorder_popup.ui-body-b .ui-header p,
#type_sortorder_popup.ui-body-b .ui-header p,
#delete_popup.ui-body-b .ui-header p,
#logout_popup.ui-body-b .ui-header p {
	position:relative;
	margin: 0px;
	font-weight:bold;
	font-size:90%;
	padding:7px 16px 3px;
}

.ui-body-a {
	position:relative;
	font-weight:normal;
	font-size:110%;
	border:none;
	z-index:1;
}

/*ヘッダーのHOMEボタンの配置*/
.ui-header .btn_left {
	margin-top: 7px;
	margin-left: 4px;
}

/*ヘッダーのMENUボタンの配置*/
.ui-header .btn_right {
	margin-top: 7px;
	margin-right: 4px;
}

.ui-content .btn_right {
	left: 0px;
}

/*******コンテンツ*******/
.scroll_0 {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	padding-top: 60px;
	overflow-y: scroll;
	-webkit-overflow-scrolling: touch
}

.scroll_1 {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	padding-top: 79px;
	overflow-y: scroll;
	-webkit-overflow-scrolling: touch
}

.scroll_2 {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	padding-top: 98px;
	overflow-y: scroll;
	-webkit-overflow-scrolling: touch
}

.body_p {
	margin: 10px 25px 20px;
	font-size:85%;
}

/*リストビューとボタンのフォントサイズ*/
.ui-btn-text {
	font-size:100%;
}

/*登録フォームの設定*/

.form_label1 {
	display: inline;
	position: relative;
	margin: 0px;
	font-size: 90%;
}

.form_label1_b {
	display: inline;
	position: relative;
	margin: 0px;
	font-size: 90%;
	color: #777777;
}

.form_label2 {
	display: inline;
	position: relative;
	left: 5px;
	width: 60%;
	margin: 0px;
	background: none;
	border: none;
	font-size: 90%;
	color: #777777;
	font-weight: normal;
}

.details_label1 {
	display: inline;
	position: relative;
	margin: 0px;
	font-size: 100%;
}

.details_label1_b {
	display: inline;
	position: relative;
	margin: 0px;
	font-size: 100%;
	color: #777777;
}

.details_label2 {
	display: inline;
	position: relative;
	left: 6px;
	width: 60%;
	margin: 0px;
	background: none;
	border: none;
	font-size: 100%;
	font-weight: normal;
}

.details_label2_b {
	display: inline;
	position: relative;
	left: 6px;
	width: 60%;
	margin: 0px;
	background: none;
	border: none;
	font-size: 90%;
	font-weight: normal;
}

.form_p {
	position: relative;
	top: 5px;
	left: 34%;
	margin: 0px 0px 0px 2px;
	font-size: 60%;
}

.details_p {
	position: relative;
	top: 5px;
	left: 34%;
	margin: 0px 0px 0px 12px;
	font-size: 60%;
}

.form_input0 {
	display: inline;
	position: relative;
	left: 0px;
	width: 55%;
	margin: 0px;
	padding: 4px;
	background: none;
	border: none;
	font-size: 90%;
	font-weight: normal;
	color: #8b0000;
}

.form_input {
	display: inline;
	position: relative;
	left: 0px;
	width: 60%;
	margin: 0px;
	padding: 4px;
	background: none;
	border: none;
	font-size: 90%;
	font-weight: normal;
	color: #8b0000;
}

.form_input2 {
	display: inline;
	position: relative;
	left: 0px;
	width: 50%;
	margin: 0px;
	padding: 0px;
	background: none;
	border: none;
	font-size: 90%;
	font-weight: normal;
	color: #8b0000;
}

.wp_form_input,
.dup_form_input {
	display: inline;
	position: relative;
	left: 0px;
	width: 100%;
	margin: 0px;
	padding: 0px 6px;
	background: #fff;
	border: none;
	font-size: 90%;
	font-weight: normal;
	color: #8b0000;
	text-align: right;
	border-radius: 0;
}

.wp_form_input2 {
	display: inline;
	position: relative;
	left: 0px;
	width: 100%;
	margin: 0px;
	padding: 0px;
	background: #fff;
	border: none;
	font-size: 80%;
	font-weight: normal;
	color: #8b0000;
	border-radius: 0;
}

.form_left {
	position: relative;
	margin-top: 12px;
	margin-left: 15px;
	width: 100px;
	font-size: 90%;
}

.form_right {
	position: relative;
	margin: 0px 0px 0px;
	width: 100%;
	font-size: 90%;
}

.Dup_form_right {
	position: relative;
	margin: 0px 0px 0px;
	font-weight: normal;
	font-size: 80%;
}

.form_select {
	position: relative;
	margin: 16px 0px 0px;
	width: 100%;
	font-size: 90%;
}

.ui-br {
	margin: 0px 0px 0px;
	border-bottom: 0.1em solid #333;
}

.listdv_left .listdv_center .listdv_right {
	position: relative;
	margin: 0px;
}

.list_left {
	position: relative;
	margin: 0px;
	font-size: 100%;
}

.list_left2 {
	position: relative;
	margin: 5px 0px 0px;
	font-size: 75%;
	font-weight: normal;
}

.list_center {
	position: relative;
	margin: 0px;
	font-size: 90%;
}

.list_right {
	position: relative;
	margin: 0px;
	text-align: right;
	font-size: 100%;
}

.list_right2 {
	position: relative;
	margin: 5px 0px 0px;
	text-align: right;
	font-size: 75%;
	font-weight: normal;
}

.list_right3 {
	position: relative;
	margin: 5px 0px 0px;
	text-align: right;
	font-size: 85%;
	font-weight: normal;
}

ul.sortable li span {
	cursor: move;
}

.ui-controlgroup .ui-radio .ui-btn-inner {
  /*ボタンの左右の余白を25pxから12pxに変更している*/
	width: 60px;
  margin: 0px;
  padding: 10px 12px;
}

#Cdet_type.ui-controlgroup .ui-radio .ui-btn-inner,
#Cins_type.ui-controlgroup .ui-radio .ui-btn-inner,
#Cupd_type.ui-controlgroup .ui-radio .ui-btn-inner {
  /*ボタンの左右の余白を25pxから10pxに変更している*/
	width: 75px;
  margin: 0px;
  padding: 10px 10px;
}

#Dup_terms.ui-controlgroup .ui-radio .ui-btn-inner {
  /*ボタンの左右の余白を25pxから0pxに変更している*/
	width: 60px;
  margin: 0px 0px 0px 0px;
  padding: 10px 1px 10px 1px;
}

#stopwatch_form .ui-btn-inner {
  /*ボタンの左右の余白を25pxから0pxに変更している*/
	width: 48px;
	height: 48px;
  margin: 0px;
  padding: 0px 0px 0px 0px;
}

#dentaku_form .ui-btn-inner {
  /*ボタンの左右の余白を25pxから0pxに変更している*/
	width: 32px;
	height: 28px;
  margin: 0px;
  padding: 0px 0px 0px 0px;
}


/*******フッター*******/
.ui-body-a .ui-footer {
	background:url("../sozai/footer.png") repeat-x;
	position:relative;
	height:113px;
	border:none;
	top: 0px;
}

/*フッター左端のイラスト*/
.ui-body-a .ui-footer:before {
	content:url("../sozai/lower_img.png");
	position:absolute;
	margin-top:15px;
	top:10px;
	left:41px;
}

/*フッターの文字*/
.ui-body-a .ui-footer h4.ui-title {
	font-size:80%;
	text-align:center;
	display:block;
	font-weight:normal;
}

#pagetop {
	display: none;
	position: fixed;
	bottom: 12px;
	width: 100%;
	margin-left: auto;
	text-align: right;
	line-height: 20pt;
	font-size:80%;
	z-index: 1;
}

/*******アコーディオン*******/
/*アコーディオン本文のスタイル*/
.ui-body-a .ui-collapsible-content {
	border:none;
}

/*アコーディオン（グループ）のマージン*/
.ui-collapsible, .ui-body-a .ui-collapsible-set {
	margin:5px 0px;
}

.closed_e {
	position:relative;
	padding-left:13px;
	margin:0px;
	font-size:90%;
	background: #eeeeee /*{a-bup-background-color}*/;
	font-weight: bold;
	color: #2f3e46 /*{a-bup-color}*/;
	text-shadow: 0 /*{a-bup-shadow-x}*/ 1px /*{a-bup-shadow-y}*/ 0 /*{a-bup-shadow-radius}*/ #ffffff /*{a-bup-shadow-color}*/;
	background-image: -webkit-gradient(linear, left top, left bottom, from( #eeeeee /*{a-bup-background-start}*/), to( #eeeeee /*{a-bup-background-end}*/)); /* Saf4+, Chrome */
	background-image: -webkit-linear-gradient( #eeeeee /*{a-bup-background-start}*/, #eeeeee /*{a-bup-background-end}*/); /* Chrome 10+, Saf5.1+ */
	background-image:    -moz-linear-gradient( #eeeeee /*{a-bup-background-start}*/, #eeeeee /*{a-bup-background-end}*/); /* FF3.6 */
	background-image:     -ms-linear-gradient( #eeeeee /*{a-bup-background-start}*/, #eeeeee /*{a-bup-background-end}*/); /* IE10 */
	background-image:      -o-linear-gradient( #eeeeee /*{a-bup-background-start}*/, #eeeeee /*{a-bup-background-end}*/); /* Opera 11.10+ */
	background-image:         linear-gradient( #eeeeee /*{a-bup-background-start}*/, #eeeeee /*{a-bup-background-end}*/);
}
.closed_c {
	position:relative;
	padding-left:13px;
	margin:0px;
	font-size:90%;
	background: #cccccc /*{a-bup-background-color}*/;
	font-weight: bold;
	color: #2f3e46 /*{a-bup-color}*/;
	text-shadow: 0 /*{a-bup-shadow-x}*/ 1px /*{a-bup-shadow-y}*/ 0 /*{a-bup-shadow-radius}*/ #ffffff /*{a-bup-shadow-color}*/;
	background-image: -webkit-gradient(linear, left top, left bottom, from( #cccccc /*{a-bup-background-start}*/), to( #cccccc /*{a-bup-background-end}*/)); /* Saf4+, Chrome */
	background-image: -webkit-linear-gradient( #cccccc /*{a-bup-background-start}*/, #cccccc /*{a-bup-background-end}*/); /* Chrome 10+, Saf5.1+ */
	background-image:    -moz-linear-gradient( #cccccc /*{a-bup-background-start}*/, #cccccc /*{a-bup-background-end}*/); /* FF3.6 */
	background-image:     -ms-linear-gradient( #cccccc /*{a-bup-background-start}*/, #cccccc /*{a-bup-background-end}*/); /* IE10 */
	background-image:      -o-linear-gradient( #cccccc /*{a-bup-background-start}*/, #cccccc /*{a-bup-background-end}*/); /* Opera 11.10+ */
	background-image:         linear-gradient( #cccccc /*{a-bup-background-start}*/, #cccccc /*{a-bup-background-end}*/);
}