*{
	margin			:0;
	padding			:0;
}
body {
	font-size		:12px;
	line-height		:1.5;
	letter-spacing	:0.1em;
	color			:#272727;
	overflow		:hidden;
	height			:100%;
    -webkit-tap-highlight-color: rgba(0,0,0,0);
    -webkit-touch-callout:none;
    -webkit-text-size-adjust: none;
    -webkit-user-select:none;
}
#loading {
    position:absolute;
	z-index: 20001;
    width: 100%;
    height: auto;
    top: 40%;
    text-align: center;
	content:'';
}

#loadingImage {
	opacity:0.45;
    -moz-opacity:0.45;
    filter:alpha(opacity=45);
}
.winTouchActionNone {
	-ms-touch-action:none;
	-ms-content-zooming: none;
}

.textInput {
	padding: 2px 4px;
	border: 1px solid #7F9DB9;
	font-size: small;
	font-family: Arial Unicode MS, Arial, sans-serif;
	vertical-align: middle;
}
.textInput-watermark {
	font-style: italic;
	color: DarkGray;
	vertical-align: middle;
}
.textInput-noborder {
	border: none;
}
.textInput-break {
   	/*CSS3 long word breaking*/
   	word-break: break-all;
}

.userActiveBase {
	background-color:#65b41a;
	background		: -moz-linear-gradient(top, #8cc754 ,#66b41b);
	background		: -webkit-gradient(linear, left top, left bottom, from(#8cc754), to(#66b41b));
	border-top		:1px solid #aad47f;
	border-bottom	:1px solid #549400;
	box-shadow		:0 1px 1px rgba(0,0,0,0.8);
}

.userBase {
	background-color:#6a6a6a;
	background		: -moz-linear-gradient(top, #696969 ,#535353);
	background		: -webkit-gradient(linear, left top, left bottom, from(#696969), to(#535353));
	border-bottom	:1px solid #8b8b8b;
}

.actionBase {
	background-color:#6a6a6a;
	background		: -moz-linear-gradient(top, #6a6a6a ,#525252);
	background		: -webkit-gradient(linear, left top, left bottom, from(#6a6a6a), to(#525252));
	border-top		:1px solid #8b8b8b;
	border-bottom	:1px solid #404040;
}

.blackButtonBase {
	color			:#ffffff;
	background-color:#626262;
	background		: -moz-linear-gradient(top, #626262 ,#535353);
	background		: -webkit-gradient(linear, left top, right bottom, from(#626262), to(#535353));
	border-top		:1px solid #989898;
	border-bottom	:1px solid #2a2a2a;
	border-left		:1px solid #2a2a2a;
	border-right	:1px solid #2a2a2a;
	text-align		:center;
	cursor			:pointer;
	padding			:4px 0px;
	width			:60px;
}

.silverButtonBase {
	background-color:#E0E0E0;
	background		: -moz-linear-gradient(top, #F1F1F1 ,#D6D6D6);
	background		: -webkit-gradient(linear, left top, right bottom, from(#F1F1F1), to(#D6D6D6));
	border-top		:1px solid #FFFFFF;
	border-bottom	:1px solid #8B8B8B;
	text-align		:center;
	cursor			:pointer;
	padding			:4px 0px;
	width			:60px;
}

.whiteSeparator {
	border-top		:1px solid #EFEFEF;
	border-bottom	:1px solid #F6F6F6;
}

.blackVSeparator {
	border-left		:1px solid #404040;
	border-right	:1px solid #8B8B8B;
}

.greenSeparator {
	border-left		:1px solid #549400;
	border-right	:1px solid #AAD480;
}

.textPre {
	white-space: pre;           /* CSS 2.0 */
	white-space: pre-wrap;      /* CSS 2.1 */
	white-space: pre-line;      /* CSS 3.0 */
	white-space: -pre-wrap;     /* Opera 4-6 */
	white-space: -o-pre-wrap;   /* Opera 7 */
	white-space: -moz-pre-wrap; /* Mozilla */
	white-space: -hp-pre-wrap;  /* HP Printers */
	word-wrap: break-word;      /* IE 5+ */
	word-break:break-all;
}

.simpleDialogBox {
	padding			: 2px 8px 2px 8px;
    border-radius	: 5px;
	background-color:#FFFFFF;
	background		: -moz-linear-gradient(top, #F9F9F9 ,#F1F1F1);
	background		: -webkit-gradient(linear, left top, right bottom, from(#F9F9F9), to(#F1F1F1));
	border			:1px solid #bbbbbb;
}
.simpleDialogBox .Caption {
	background		: #93c2f1;
  	padding			: 1px 8px 1px 8px;
  	cursor			: default;
  	border-bottom	: 1px solid #bbbbbb;
	font-size		: 11px;
  	height			: 16px;
}
.simplePopupPanel {
	padding			: 2px 8px 6px 8px;
    border-radius	: 5px;
	background-color:#FFFFFF;
	background		: -moz-linear-gradient(top, #F9F9F9 ,#F1F1F1);
	background		: -webkit-gradient(linear, left top, right bottom, from(#F9F9F9), to(#F1F1F1));
	border			:1px solid #bbbbbb;
}

.tooltip {
	padding: 2px 2px;
    background-color: #ffffa0;
	border: 1px solid #7F9DB9;
}

/* ログインBOX
*******************************************************/
#login{
	display			:block;
	width			:320px;
	position		:relative;

	text-align		:center;
	background		:#ddd;
	margin			:0 auto;
	margin-top		:50px;
	margin-bottom	:20px;

	border-radius	:3px;
	padding			:15px 0;
}




#login:before, #login:after {
	content			:"";
	width			:100px;

	position		:absolute;
	top				:90%;
	left			:5px;
	bottom			:15px;

	background		:#777;
	box-shadow		:0 15px 10px #aaa;

	transform		:rotate(-5deg);
	-webkit-transform:rotate(-5deg);
	-moz-transform	:rotate(-5deg);
	-o-transform	:rotate(-5deg);
	-ms-transform	:rotate(-5deg);
	z-index			:-1;
}

#login:after {
	right			:5px;
	left			:auto;

	transform		:rotate(5deg);
	-webkit-transform:rotate(5deg);
	-moz-transform	:rotate(5deg);
	-o-transform	:rotate(5deg);
	-ms-transform	:rotate(5deg);
}

#login .login_iput {
	margin			:35px 0px;
}



/* タイトル
*******************************************************/
#login_title{
	margin			:0 10px;
	font-size		:24px;
	color			:#3b3b3b;
	text-shadow		:1px 1px rgba(0,0,0,0.2);
	font-weight		:bold;
}


/* タイトル下border
*******************************************************/
#login_hr{
	border			:0;
	height			:3px;

	/* 単純グラデ */
	background		:-ms-linear-gradient(left, #aaa, #f5f5f5, #aaa);
	background		:-webkit-linear-gradient(left, #aaa, #f5f5f5, #aaa);
	background		:-moz-linear-gradient(left, #aaa, #f5f5f5, #aaa);

	margin			:15px;
}




/* input
*******************************************************/
#login input{
	width			:250px;
	border			:1px solid #ccc;
	border			:none;
	border-radius	:0;
	padding			:10px 0;
	margin-bottom	:10px;
	text-indent		:5px;
}





/* ID記憶チェックボックス
*******************************************************/
#login_store{
	display			:inline-block;
	width			:250px;
	border			:1px solid #77777d;
	border			:none;
	text-align		:left;
	margin-bottom	:10px;
	background		:#555555;
	cursor			:pointer;
	color			:#fff;
}

#login_store input{
	display			:none;
}
/*
#login_store label{
	display			:inline-block;
	width			:250px;
	height			:25px;
	cursor			:pointer;
	position		:relative;
	background		:#77777d;
	color			:#fff;
}

*/

#login_store label:hover{
	background		:#555555;
}


#login_store span {
	display			:inline-block;
	height			:25px;
	line-height		:25px;
	position		:relative;
	top				:0px;			/* iOS調整 jsで -2px に変更*/
	left			:0px;			/* iOS調整 jsで  1px に変更*/
	font-size		:12px;

}


#login_store span:before,
#login_store span:after {
	content			:"";
	position		:absolute;
	top				:14px;
	left			:2px;
	width			:10px;
	z-index			:1;
    -webkit-transform: rotate(45deg);
       -moz-transform: rotate(45deg);
         -o-transform: rotate(45deg);
            transform: rotate(45deg);
	border-bottom	:1px solid #2C918D;
	border-bottom	:2px solid #000;
}
#login_store span:after {
	top				:11px;
	left			:8px;
	width			:16px;
    -webkit-transform: rotate(-45deg);
       -moz-transform: rotate(-45deg);
         -o-transform: rotate(-45deg);
            transform: rotate(-45deg);
}



#login_store i{
	position		:relative;
	display			:inline-block;
	background		:#fff;
	margin-right	:16px;
	vertical-align	:top;
	width			:25px;
	height			:25px;
}

#login_store span i:after {
	content			:"";
	position		:absolute;
	top				:0;
	bottom			:0;
	right			:0;
	background		:#fff;
	width			:25px;
	z-index			:2;

	filter			:alpha(opacity=95);
	-moz-opacity	:0.95;
	-khtml-opacity	:0.95;
	opacity			:0.95;
}


#login_store input:checked + span i:after {
	transition		:width 0.2s ease-in 0s;
	width			:0;
}




/* ログインボタン
*******************************************************/

#login_button {
	display			:inline-block;
	border			:1px solid #549400;
	border-radius	:2px;
	padding			:8px 0;
	background-image:linear-gradient(to bottom, #8bc753 50%, #66b41b);
	background-image:-webkit-gradient(linear, left top, left bottom, from(#8bc753), to(#66b41b));

	color			:#fff;
	font-weight		:bold;
	text-shadow		:1px 1px rgba(0,0,0,0.2);
	cursor			:pointer;

	margin-top		:4px;
	margin-bottom	:20px;
	width			:248px;
	font-size		:16px;
}


/* パスワードをお忘れの場合
*******************************************************/

#login_forget_pass span{
	font-size		:11px;
	border-bottom	:1px solid #272727;
}






/* 新規登録
*******************************************************/

#login_new{
	display			:block;
	width			:320px;
	margin			:0 auto;
	color			:#0645ad;
	text-align		:center;
	cursor			:pointer;
	margin-bottom	:20px;
	letter-spacing	:0.1em;
	font-size		:14px;
	padding			:2px 0;
	}

#login_new:hover{
	background		:#efefef;
}




/* インフォメーション
*******************************************************/

#login_info{
	display			:block;
	width			:320px;
	margin			:0 auto;
	font-size		:12px;
	color			:#aaa;
	margin-bottom	:20px;
}

#login_info_title{
	border-bottom	:1px dashed #aaa;
	padding-bottom	:3px;
	position		:relative;
	cursor			:pointer;
}

#login_info_title:hover{
	color			:#555;
}


#login_info_title:after{
	content			:'▼';
	position		:absolute;
	right			:2px;
}


#login_info_text span{
	display			:block;
	margin			:2px 0;
	color			:#555;
}



/* フッター
*******************************************************/

#login_footer{
	position		:fixed;
	bottom			:0;
	left			:0;
	right			:0;
	display			:block;
	box-shadow		:0 -2px 2px 0 #ccc;
	font-size		:11px;
	color			:#333;
	background		:#fff;
}

#login_footer_item{
	display			:inline-block;
	margin			:10px;
}

#login_footer_item div{
	display			:inline-block;
	margin			:0px;
}

#login_footer_item_smart{
	display			: block;
	background		: #272727;
	border-bottom	: 1px solid #aaa;
	margin			: 0;
	color			: #efefef;
	text-indent		: 5px;
	padding			: 10px 0;
}

#login_footer_item_smart div{
	display			: inline-blocK;
	margin			: 0px;
}
#login_footer_item_smart div:last-child{
	border-bottom	: none;
}

.simple_dialog {
	overflow: hidden;
	position: absolute;
	top: 0;
	left: 0;
	padding: .2em;
	outline: 0;
	box-shadow:2px 2px 2px rgba(0,0,0,0.3);
	background-color: #f9f9f9;
	z-index:999;
}

.simple_dialog .titlebar,
.simple_dialog .caption {
	background: #333333 url("../images/main/dialog_title_40x40.png") 50% 50% repeat;
	color: #eeeeee;
	font-weight: bold;
	cursor: move;
}

.simple_dialog .titlebar {
	border: 1px solid #a3a3a3;
	height: 40px;
	/* width: 100%; */
	border-radius: 4px;
	padding: 2px;
}
.simple_dialog .caption {
	float: left;
	margin: .1em 0;
	white-space: nowrap;
	width: 90%;
	color: #eeeeee;
	overflow: hidden;
	text-overflow: ellipsis;
	margin-top: 10px;
	margin-left: 10px;
}

.simple_dialog .titlebar_close_base {
	position: absolute;
	border: 1px solid #777777;
	background-color: #111111;
	color: #e3e3e3;
	display: inline-block;
	right:16px;
	margin-top: 3px;
	padding: 1px;
	width:30px;
	height:30px;
	border-radius: 4px;
	-moz-opacity	:0.90;
	-khtml-opacity	:0.90;
	opacity			:0.90;
	cursor: pointer;
}

.simple_dialog .titlebar_close_icon {
	background-image: url("../images/main/dialog_close.png");
	position: absolute;
	left: 50%;
	margin-left:-12px;
	top: 50%;
	margin-top: -12px;
	width: 24px;
	height:24px;
	cursor: pointer;
}


.simple_dialog .content {
	position: relative;
	border: 0;
	padding: .5em 1em;
	background: none;
	overflow: auto;
	-webkit-overflow-scrolling: touch;
}

.simple_dialog .resizable-se {
	width: 12px;
	height: 12px;
	right: -5px;
	bottom: -5px;
	background-position: 16px 16px;
}

.simple_dialog .scroll_panel {
	overflow-X		:hidden;
	margin-bottom	:8px;
}

/*■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■
alert
■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■*/


.alert_box{

	/* display			:none; */
	width			:280px;
	padding			:5px 10px;

	position		:absolute;
	left			:50%;
	top				:20px;
	margin-left		:-150px;	/* paddingで横幅300になるのでそれのマイナスマージン */

	background-color:rgba(255,255,255,0.95);
	border-radius	:2px;
	box-shadow		:0px 0px 3px 3px rgba(0,0,0,0.3);

	z-index			:9999;
	color			:#999;
}



.alert_title{
	padding			:7px 0;
	border-bottom	:1px solid #ccc;
}

.alert_text{
	padding			:5px 0;
	word-wrap		:break-word;
	word-break		:break-all;
}

.alert_buttons{
	text-align		:center;
	margin-top		:10px;
}

.alert_buttons div{
	display			:inline-block;

	width			:40%;
	margin			:5px;
	padding			:8px 0;

	border			:1px solid #ccc;
	border-radius	:3px;

	color			:#272727;
	cursor			:pointer;

}


.alert_buttons div.alert_button_ok{
	background-image:linear-gradient(to bottom, #fff 10%, #4888ef);
}

.alert_buttons div.alert_button_cancel{
	background-image:linear-gradient(to bottom, #fff 10%, #ccc);
}

#reload_button{
	display			:inline-block;
	border			:1px solid #777;

	position		:absolute;
	top				:10px;
	padding			:8px;
	color			:#ddd;
	font-weight		:normal;
	font-size		:10px;
	border-radius	:3px;
	cursor			:pointer;
	right			:60px;
}

.disabled_color {
	color			:#f00;
}

/* 更新：20140804 グレイアウト */
.gray_back{
	position		:fixed;
	top:0;
	left:0;
	right:0;
	bottom:0;
	background-color:rgba(0,0,0,0.3);
	z-index			:4;
}

.gray_back_contents{
	display:none;
	position		:absolute;
	top:0;
	left:170px;
	right:0;
	bottom:0;
	background-color:rgba(0,0,0,0.3);
	z-index			:4;
}