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

body#login,
body#page2nd{
	background: #ec992e;
}

body#popmodal{
	background:#ffffff;
	}

.clear{
	clear:both;
	}

/* header
----------------------------------------------------------- */
.header{
	margin-top:20px;
	}


#page2nd .header{
	border-top:1px solid #e7e7e7;
	border-bottom:1px solid #e7e7e7;
	margin-top:5px;
	background:#ffffff;
	padding:10px 30px 0 30px;
	}

#page2nd h2{
	font-size:130%;
	margin-top:0;
	padding:0 0 10px 0;
	font-weight:bold;
	border-bottom:3px solid #d7d7d7;
	}

#page2nd nav{
	margin-bottom:10px;
	}

#page2nd .navbar-header{
	margin-bottom:5px;
	}

#page2nd .menuNav2 .navbar-collapse{
	padding-right:30px;
	}

/* utilityNav */
.header .utilityNav{
	text-align:right;
}

.header .utilityNav a{
	color:#333333;
}

.header .utilityNav li{
	display:inline-block;
	padding-left:15px;
	margin-left:15px;
	line-height:1.8;
}

#page2nd .header.error{
	border:0px;
	}

#page2nd .header.error .error-detail{
	padding:2em;
	}

.error-detail{
    background-color: white;
}

#login .utilityNav li.about{
	background:url(../img/icon_navAbout.png) no-repeat left 50%;
	padding:0 0 0 25px;
	margin:0;
	}

#login .utilityNav li.howto{
	background:url(../img/icon_navHowto.png) no-repeat left 50%;
	padding:0 0 0 25px;
	}

#page2nd .utilityNav li.about{
	background:url(../img/icon_navAbout.png) no-repeat 6px 50%;
	padding-left:15px;
	}

#page2nd .utilityNav li a{
	padding:0 15px;
	}

#page2nd .utilityNav li.howto{
	background:url(../img/icon_navHowto.png) no-repeat 6px 50%;
	padding-left:15px;
	}

#page2nd .utilityNav li { float:left; }
#page2nd .utilityNav li.language { margin:5px; }
#page2nd .utilityNav li .btnBlue { margin:5px; border-color:#ccc; }

#page2nd .navbar-brand{
	height:100%;
	padding:0;
	}

#page2nd .navbar{
	padding:5px 30px;
	height:100%;
	}

#page2nd .navbar-header .navbar-toggle{
	margin-right:0;
	}

#page2nd .menuNav2 .navbar-toggle{
	margin-right:30px;
	}

.headerUser{
	padding:10px 30px;
	height:100%;
	}

.headerUser ul{
	padding:20px 0;
	margin-bottom:10px;
	background:#f2f2f2 url(../img/icon_user.png) no-repeat 15px 50%;
	padding-left:30px;
	height:100%;

	border:1px solid #CCCCCC;
	-webkit-border-radius: 30px;
	-moz-border-radius: 30px;
	border-radius: 30px;
	padding:10px 5px 10px 45px;
	margin:5px 5px 5px 0;
	}

.headerUser li{
        font-size: 0.9em;
	font-weight:bold;
	padding-right:5px;
	}


/* login
----------------------------------------------------------- */
body#login h2{
	font-size:130%;
	font-weight:bold;
	color:#ff7b09;
	background:url(../img/icon_info.png) no-repeat left 50%;
	padding:5px 0 5px 28px;
	margin:0 0 15px 0;
}

.loginlogo{
	margin-bottom:20px;
	}

.loginttl{
	font-weight:bold;
	color:#ffffff;
	margin:0 auto 15px auto;
	text-align:center;
	width:90%;
	padding:3px 10px;
	-moz-border-radius: 50px;
	-webkit-border-radius: 50px;
	border-radius: 50px;
	/*IE 7 AND 8 DO NOT SUPPORT BORDER RADIUS*/
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr = '#ffa342', endColorstr = '#ff7603');
	/*INNER ELEMENTS MUST NOT BREAK THIS ELEMENTS BOUNDARIES*/
	/*Element must have a height (not auto)*/
	/*All filters must be placed together*/
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr = '#ffa342', endColorstr = '#ff7603')";
	/*Element must have a height (not auto)*/
	/*All filters must be placed together*/
	background-image: -moz-linear-gradient(top, #ffa342, #ff7603);
	background-image: -ms-linear-gradient(top, #ffa342, #ff7603);
	background-image: -o-linear-gradient(top, #ffa342, #ff7603);
	background-image: -webkit-gradient(linear, center top, center bottom, from(#ffa342), to(#ff7603));
	background-image: -webkit-linear-gradient(top, #ffa342, #ff7603);
	background-image: linear-gradient(top, #ffa342, #ff7603);
	-moz-background-clip: padding;
	-webkit-background-clip: padding-box;
	background-clip: padding-box;
	/*Use "background-clip: padding-box" when using rounded corners to avoid the gradient bleeding through the corners*/
	/*--IE9 WILL PLACE THE FILTER ON TOP OF THE ROUNDED CORNERS--*/
	}

#login .well{
	margin-bottom:0;
	padding-bottom:10px;
	}

#login .bnrSecure{
	padding-bottom:20px;
	}

#login .warnlist{
	font-size:0.9em;
	padding-left:1em;
	}

.formtext{
	margin:5px;
	}

.boxL{
	background:#eae9e9;
	height:100%;
	}

.boxR{
	background:#ffffff;
	height:100%;
	}

.spbtm{
	padding:10px 0 80px 0;
	}


.inlineframe{
	background-color:#FFFFFF;
	height:200px;
	overflow:auto;
	overflow-y:scroll;
	overflow-x:hidden;
	margin-bottom:8px;
}

.inlineframe ol{
	padding:0;
	margin-right:15px;
	}

.inlineframe ol li{
	list-style:none;
	}

.inlineframe dt{
	font-weight:bold;
	background:#f2f2f2;
	border-bottom:#e5e5e5 solid 1px;
	padding:5px 10px;
	}

.inlineframe dd{
	padding:5px 10px;
	}

.form-group{
	overflow:hidden;
	height:100%;
	}


/* page2nd
----------------------------------------------------------- */
#page2nd h1{
	font-size:130%;
	padding:0;
	}

#page2nd .menuNav2 .navbar{
	padding:0;
	margin-bottom:0;
	background:#ec992e;
	border:none;
	}

#page2nd .menuNav2 .navbar-default .navbar-nav li a{
	padding-right:10px;
	padding-left:10px;
	margin-right:3px;
	margin-left:3px;
	}

#page2nd .navbar-default .navbar-nav>.active>a{
	box-shadow: 5px 0 5px -3px rgba(0,0,0,0.2);
	color:#333333;
	background-color:#ffffff;
	border-top-left-radius:4px;
	border-top-right-radius:4px;
	border-bottom-left-radius:0;
	border-bottom-right-radius:0;
	-webkit-border-top-left-radius:4px;
	-webkit-border-top-right-radius:4px;
	-webkit-border-bottom-left-radius:0;
	-webkit-border-bottom-right-radius:0;
	-moz-border-radius-topleft:4px;
	-moz-border-radius-topright:4px;
	-moz-border-radius-bottomleft:4px;
	-moz-border-radius-bottomright:4px;
	}

#page2nd .menuNav2 .navbar-default .navbar-nav>li>a:hover,
#page2nd .menuNav2 .navbar-default .navbar-default .navbar-nav>li>a:focus{
	color:#333333;
	background-color:#f2f2f2;
	border-top-left-radius:4px;
	border-top-right-radius:4px;
	border-bottom-left-radius:0;
	border-bottom-right-radius:0;
	-webkit-border-top-left-radius:4px;
	-webkit-border-top-right-radius:4px;
	-webkit-border-bottom-left-radius:0;
	-webkit-border-bottom-right-radius:0;
	-moz-border-radius-topleft:4px;
	-moz-border-radius-topright:4px;
	-moz-border-radius-bottomleft:4px;
	-moz-border-radius-bottomright:4px;
}


#page2nd .main{
	clear:both;
	margin:0 0 15px 0;
	padding-top:30px;
	padding-bottom:15px;
	background:#ffffff;
	}

#page2nd .well{
	margin-top:0;
	margin-bottom:3px;
	padding:5px 5px 5px 0;
	border-left: 5px solid #ff7400;
	background-color: #fef0dd;
	text-align: left;
	font-size: 90%;
	font-weight: normal;
	border-right:none;
	border-bottom:solid 1px #e3e3e3;
	border-top:none;
}

#page2nd .panel-title{
	font-weight:bold;
	padding:0 5px 5px 5px;
	border-bottom:2px solid #cccccc;

	}

#page2nd .leftArea{
	height:100%;
	background:#ffffff;
	padding:5px 10px;
	border:solid 1px #fdddb1;
	border-radius:4px;
	}

.btnsp{
	margin-top:10px;
	margin-bottom:10px;
	}

#page2nd ul{
	margin-left:0;
	margin-bottom:0;
	}

/* フォームラベル ----------------------------*/

/* アイコン */

.iconUploadmail,
.iconUploasubject,
.iconUploadmessage,
.iconUploadopen,
.iconUploadcount,
.iconUploadencript,
.iconUploaddlpass,
.iconDownloadauth,
.icondownloadfiles,

/* ↓ここから追加 */
.iconUser,
.iconAddress{
	text-align: left;
	font-size:120%;
	padding-left:50px;
	padding-top:1em;
	padding-bottom:1em;
	height:100%;
	display:inline-block;
}

/* アイコン */

.iconUploadmail{
	background:url(../img/icon_upload_mail.png) no-repeat 0 0;
}
.iconUploasubject{
	background:url(../img/icon_upload_subject.png) no-repeat 0 0;
	}
.iconUploadmessage{
	background:url(../img/icon_upload_message.png) no-repeat 0 0;
	}
.iconUploadopen{
	background:url(../img/icon_upload_open.png) no-repeat 0 0;
	}
.iconUploadcount{
	background:url(../img/icon_upload_count.png) no-repeat 0 0;
	}
.iconUploadencript{
	background:url(../img/icon_upload_encript.png) no-repeat 0 0;
	}
.iconUploaddlpass{
	background:url(../img/icon_upload_dlpass.png) no-repeat 0 0;
	}
.iconDownloadauth{
	background:url(../img/icon_upload_download_auth.png) no-repeat 0 0;
	}
.icondownloadfiles{
	background:url(../img/icon_download_files.png) no-repeat 0 0;
	}

/* ↓ここから追加 */
.iconUser{
	background:url(../img/icon_user2.png) no-repeat 0 0;
	}
.iconAddress{
	background:url(../img/icon_address.png) no-repeat 0 0;
	}



/* 必須 */
.required{
	border:0px solid #CCCCCC; -webkit-border-radius: 20px; -moz-border-radius: 20px;border-radius: 20px;font-size:80%; margin:0 0.5em; padding:0.2em 0.5em;text-decoration:none; display:inline-block;font-weight:bold; color: #FFFFFF;
	background-color: #f62b2b; background-image: -webkit-gradient(linear, left top, left bottom, from(#f62b2b), to(#d20202));
	background-image: -webkit-linear-gradient(top, #f62b2b, #d20202);
	background-image: -moz-linear-gradient(top, #f62b2b, #d20202);
	background-image: -ms-linear-gradient(top, #f62b2b, #d20202);
	background-image: -o-linear-gradient(top, #f62b2b, #d20202);
	background-image: linear-gradient(to bottom, #f62b2b, #d20202);filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#f62b2b, endColorstr=#d20202);
}

/* ボタン -----------------------------------*/

#login .btnBK,
#page2nd .btnBK{
	border:1px solid #616261;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	padding: 10px 40px;
	text-decoration:none; display:inline-block;
	text-shadow: -1px -1px 0 rgba(0,0,0,0.3);font-weight:bold; color: #FFFFFF;
	background-color: #7d7e7d; background-image: -webkit-gradient(linear, left top, left bottom, from(#7d7e7d), to(#0e0e0e));
	background-image: -webkit-linear-gradient(top, #7d7e7d, #0e0e0e);
	background-image: -moz-linear-gradient(top, #7d7e7d, #0e0e0e);
	background-image: -ms-linear-gradient(top, #7d7e7d, #0e0e0e);
	background-image: -o-linear-gradient(top, #7d7e7d, #0e0e0e);
	background-image: linear-gradient(to bottom, #7d7e7d, #0e0e0e);filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#7d7e7d, endColorstr=#0e0e0e);
	}

#login .btnBK a,
#page2nd .btnBK a{
	color:#ffffff;
	}

#login .btnBK:hover,
#page2nd .btnBK:hover{
	border:1px solid #4a4b4a;
	background-color: #646464; background-image: -webkit-gradient(linear, left top, left bottom, from(#646464), to(#282828));
	background-image: -webkit-linear-gradient(top, #646464, #282828);
	background-image: -moz-linear-gradient(top, #646464, #282828);
	background-image: -ms-linear-gradient(top, #646464, #282828);
	background-image: -o-linear-gradient(top, #646464, #282828);
	background-image: linear-gradient(to bottom, #646464, #282828);filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#646464, endColorstr=#282828);
	}

#login .btnBK{
		margin-bottom:15px;
	}

#page2nd .btnBlue{
	margin-top:5px;
	font-size:120%;
	color:#ffffff;
	border:2px solid #ffffff; -webkit-border-radius: 6px; -moz-border-radius: 6px;border-radius: 6px;
	padding: 10px 10px 10px 10px; text-decoration:none; display:inline-block;font-weight:bold; color: #FFFFFF;
	background-color: #49c0f0; background-image: -webkit-gradient(linear, left top, left bottom, from(#49c0f0), to(#2CAFE3));
	background-image: -webkit-linear-gradient(top, #49c0f0, #2CAFE3);
	background-image: -moz-linear-gradient(top, #49c0f0, #2CAFE3);
	background-image: -ms-linear-gradient(top, #49c0f0, #2CAFE3);
	background-image: -o-linear-gradient(top, #49c0f0, #2CAFE3);
	background-image: linear-gradient(to bottom, #49c0f0, #2CAFE3);filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#49c0f0, endColorstr=#2CAFE3);
}

#page2nd .btnBlue:hover{
	border:2px solid #ffffff;
	background-color: #1ab0ec; background-image: -webkit-gradient(linear, left top, left bottom, from(#1ab0ec), to(#1a92c2));
	background-image: -webkit-linear-gradient(top, #1ab0ec, #1a92c2);
	background-image: -moz-linear-gradient(top, #1ab0ec, #1a92c2);
	background-image: -ms-linear-gradient(top, #1ab0ec, #1a92c2);
	background-image: -o-linear-gradient(top, #1ab0ec, #1a92c2);
	background-image: linear-gradient(to bottom, #1ab0ec, #1a92c2);filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#1ab0ec, endColorstr=#1a92c2);
}

#page2nd .btnBlue a{
	color:#ffffff;
	}

#page2nd .btnR-Gray,
#popmodal .btnR-Gray{
	border:1px solid #CCCCCC;-webkit-box-shadow: #FEFFFF 0px 1px 1px ;-moz-box-shadow: #FEFFFF 0px 1px 1px ; box-shadow: #FEFFFF 0px 1px 1px ; -webkit-border-radius: 20px; -moz-border-radius: 20px;border-radius: 20px;
	padding: 5px 10px;
	margin:10px 5px 0 5px;
	text-decoration:none; display:inline-block;text-shadow: 0px 1px 0 rgba(255,255,255,1);font-weight:bold; color: #4A4A4A;
	background-color: #F7F5F6; background-image: -webkit-gradient(linear, left top, left bottom, from(#F7F5F6), to(#DDDDDD));
	background-image: -webkit-linear-gradient(top, #F7F5F6, #DDDDDD);
	background-image: -moz-linear-gradient(top, #F7F5F6, #DDDDDD);
	background-image: -ms-linear-gradient(top, #F7F5F6, #DDDDDD);
	background-image: -o-linear-gradient(top, #F7F5F6, #DDDDDD);
	background-image: linear-gradient(to bottom, #F7F5F6, #DDDDDD);filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#F7F5F6, endColorstr=#DDDDDD);
}

#page2nd .btnR-Gray2{
	border:1px solid #CCCCCC;-webkit-box-shadow: #FEFFFF 0px 1px 1px ;-moz-box-shadow: #FEFFFF 0px 1px 1px ; box-shadow: #FEFFFF 0px 1px 1px ; -webkit-border-radius: 30px; -moz-border-radius: 30px;border-radius: 30px;
	padding:3px;
	margin:5px;
	text-decoration:none; display:inline-block;text-shadow: 0px 1px 0 rgba(255,255,255,1);font-weight:bold; color: #4A4A4A;
	background-color: #F7F5F6; background-image: -webkit-gradient(linear, left top, left bottom, from(#F7F5F6), to(#DDDDDD));
	background-image: -webkit-linear-gradient(top, #F7F5F6, #DDDDDD);
	background-image: -moz-linear-gradient(top, #F7F5F6, #DDDDDD);
	background-image: -ms-linear-gradient(top, #F7F5F6, #DDDDDD);
	background-image: -o-linear-gradient(top, #F7F5F6, #DDDDDD);
	background-image: linear-gradient(to bottom, #F7F5F6, #DDDDDD);filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#F7F5F6, endColorstr=#DDDDDD);
}

#page2nd .btnR-Gray:hover,
#popmodal .btnR-Gray:hover{
	border:1px solid #ADADAD;
	background-color: #E0E0E0; background-image: -webkit-gradient(linear, left top, left bottom, from(#E0E0E0), to(#BDBBBC));
	background-image: -webkit-linear-gradient(top, #E0E0E0, #BDBBBC);
	background-image: -moz-linear-gradient(top, #E0E0E0, #BDBBBC);
	background-image: -ms-linear-gradient(top, #E0E0E0, #BDBBBC);
	background-image: -o-linear-gradient(top, #E0E0E0, #BDBBBC);
	background-image: linear-gradient(to bottom, #E0E0E0, #BDBBBC);filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#E0E0E0, endColorstr=#BDBBBC);
}

.btnlogin,
#page2nd .btnlogin{
	background-color: #ffffff;
	border: 1px solid #999999;
	-moz-border-radius: 12px;
	-webkit-border-radius: 12px;
	border-radius: 12px;
	/*IE 7 AND 8 DO NOT SUPPORT BORDER RADIUS*/
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr = '#ffffff', endColorstr = '#d1d1d1');
	/*INNER ELEMENTS MUST NOT BREAK THIS ELEMENTS BOUNDARIES*/
	/*Element must have a height (not auto)*/
	/*All filters must be placed together*/
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr = '#ffffff', endColorstr = '#d1d1d1')";
	/*Element must have a height (not auto)*/
	/*All filters must be placed together*/
	background-image: -moz-linear-gradient(top, #ffffff, #d1d1d1);
	background-image: -ms-linear-gradient(top, #ffffff, #d1d1d1);
	background-image: -o-linear-gradient(top, #ffffff, #d1d1d1);
	background-image: -webkit-gradient(linear, center top, center bottom, from(#ffffff), to(#d1d1d1));
	background-image: -webkit-linear-gradient(top, #ffffff, #d1d1d1);
	background-image: linear-gradient(top, #ffffff, #d1d1d1);
	-moz-background-clip: padding;
	-webkit-background-clip: padding-box;
	background-clip: padding-box;
	/*Use "background-clip: padding-box" when using rounded corners to avoid the gradient bleeding through the corners*/
	/*--IE9 WILL PLACE THE FILTER ON TOP OF THE ROUNDED CORNERS--*/
	}

#page2nd .btnlogin{
	padding:3px 5px;
	margin-right:10px;
	margin-top:10px;
	}


.btnSubmit{
	margin-top:0px;
	text-align:center;
	padding:10px 0 10px 0;
	background:#f0ad4e;
	border-radius:4px;
	}


.btnSelect{
	margin-top:0px;
	text-align:center;
	border:1px solid #CCCCCC;-webkit-box-shadow: #FEFFFF 0px 1px 1px ;-moz-box-shadow: #FEFFFF 0px 1px 1px ; box-shadow: #FEFFFF 0px 1px 1px ; -webkit-border-radius: 10px; -moz-border-radius: 10px;border-radius: 10px;
	text-decoration:none; display:inline-block;text-shadow: 0px 1px 0 rgba(255,255,255,1);font-weight:bold; color: #4A4A4A;
	background-color: #F7F5F6; background-image: -webkit-gradient(linear, left top, left bottom, from(#F7F5F6), to(#DDDDDD));
	background-image: -webkit-linear-gradient(top, #F7F5F6, #DDDDDD);
	background-image: -moz-linear-gradient(top, #F7F5F6, #DDDDDD);
	background-image: -ms-linear-gradient(top, #F7F5F6, #DDDDDD);
	background-image: -o-linear-gradient(top, #F7F5F6, #DDDDDD);
	background-image: linear-gradient(to bottom, #F7F5F6, #DDDDDD);filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#F7F5F6, endColorstr=#DDDDDD);
	}

.btnAdd{
	margin-top:0px;
	text-align:center;
	border:1px solid #CCCCCC;-webkit-box-shadow: #FEFFFF 0px 1px 1px ;-moz-box-shadow: #FEFFFF 0px 1px 1px ; box-shadow: #FEFFFF 0px 1px 1px ; -webkit-border-radius: 5px; -moz-border-radius: 5px;border-radius: 5px;
	text-decoration:none; display:inline-block;text-shadow: 0px 1px 0 rgba(255,255,255,1);font-weight:bold;
	background-color: #F7F5F6; background-image: -webkit-gradient(linear, left top, left bottom, from(#F7F5F6), to(#DDDDDD));
	background-image: -webkit-linear-gradient(top, #F7F5F6, #DDDDDD);
	background-image: -moz-linear-gradient(top, #F7F5F6, #DDDDDD);
	background-image: -ms-linear-gradient(top, #F7F5F6, #DDDDDD);
	background-image: -o-linear-gradient(top, #F7F5F6, #DDDDDD);
	background-image: linear-gradient(to bottom, #F7F5F6, #DDDDDD);filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#F7F5F6, endColorstr=#DDDDDD);
	}

.btnRemove{
	margin-top:0px;
	text-align:center;
	border:1px solid #CCCCCC;-webkit-box-shadow: #FEFFFF 0px 1px 1px ;-moz-box-shadow: #FEFFFF 0px 1px 1px ; box-shadow: #FEFFFF 0px 1px 1px ; -webkit-border-radius: 5px; -moz-border-radius: 5px;border-radius: 5px;
	text-decoration:none; display:inline-block;text-shadow: 0px 1px 0 rgba(255,255,255,1);font-weight:bold;
	background-color: #F7F5F6; background-image: -webkit-gradient(linear, left top, left bottom, from(#F7F5F6), to(#DDDDDD));
	background-image: -webkit-linear-gradient(top, #F7F5F6, #DDDDDD);
	background-image: -moz-linear-gradient(top, #F7F5F6, #DDDDDD);
	background-image: -ms-linear-gradient(top, #F7F5F6, #DDDDDD);
	background-image: -o-linear-gradient(top, #F7F5F6, #DDDDDD);
	background-image: linear-gradient(to bottom, #F7F5F6, #DDDDDD);filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#F7F5F6, endColorstr=#DDDDDD);
	}

.btnSelect:hover{
	border:1px solid #ADADAD;
	background-color: #E0E0E0; background-image: -webkit-gradient(linear, left top, left bottom, from(#E0E0E0), to(#BDBBBC));
	background-image: -webkit-linear-gradient(top, #E0E0E0, #BDBBBC);
	background-image: -moz-linear-gradient(top, #E0E0E0, #BDBBBC);
	background-image: -ms-linear-gradient(top, #E0E0E0, #BDBBBC);
	background-image: -o-linear-gradient(top, #E0E0E0, #BDBBBC);
	background-image: linear-gradient(to bottom, #E0E0E0, #BDBBBC);filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#E0E0E0, endColorstr=#BDBBBC);
	}

.btnAdd:hover{
	border:1px solid #ADADAD;
	text-decoration:none; display:inline-block;text-shadow: 0px 1px 0 rgba(255,255,255,1);font-weight:bold;
	background-color: #E0E0E0; background-image: -webkit-gradient(linear, left top, left bottom, from(#E0E0E0), to(#BDBBBC));
	background-image: -webkit-linear-gradient(top, #E0E0E0, #BDBBBC);
	background-image: -moz-linear-gradient(top, #E0E0E0, #BDBBBC);
	background-image: -ms-linear-gradient(top, #E0E0E0, #BDBBBC);
	background-image: -o-linear-gradient(top, #E0E0E0, #BDBBBC);
	background-image: linear-gradient(to bottom, #E0E0E0, #BDBBBC);filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#E0E0E0, endColorstr=#BDBBBC);
	}

.btnRemove:hover{
	border:1px solid #ADADAD;
	text-decoration:none; display:inline-block;text-shadow: 0px 1px 0 rgba(255,255,255,1);font-weight:bold;
	background-color: #E0E0E0; background-image: -webkit-gradient(linear, left top, left bottom, from(#E0E0E0), to(#BDBBBC));
	background-image: -webkit-linear-gradient(top, #E0E0E0, #BDBBBC);
	background-image: -moz-linear-gradient(top, #E0E0E0, #BDBBBC);
	background-image: -ms-linear-gradient(top, #E0E0E0, #BDBBBC);
	background-image: -o-linear-gradient(top, #E0E0E0, #BDBBBC);
	background-image: linear-gradient(to bottom, #E0E0E0, #BDBBBC);filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#E0E0E0, endColorstr=#BDBBBC);
	}


#upload_action{
	clear:both;
	margin:10px auto;
	}

#page2nd .btnSbumit2{
	border:2px solid #eea236; -webkit-border-radius: 4px; -moz-border-radius: 4px;border-radius: 4px; padding: 10px 60px; text-decoration:none; display:inline-block;text-shadow: 0px 1px 0 rgba(255,255,255,1);font-weight:bold; color: #4A4A4A;
	background-color: #f4f5f5; background-image: -webkit-gradient(linear, left top, left bottom, from(#f4f5f5), to(#dfdddd));
	background-image: -webkit-linear-gradient(top, #f4f5f5, #dfdddd);
	background-image: -moz-linear-gradient(top, #f4f5f5, #dfdddd);
	background-image: -ms-linear-gradient(top, #f4f5f5, #dfdddd);
	background-image: -o-linear-gradient(top, #f4f5f5, #dfdddd);
	background-image: linear-gradient(to bottom, #f4f5f5, #dfdddd);filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#f4f5f5, endColorstr=#dfdddd);
}

#page2nd .btnSbumit2:hover{
	border:2px solid #eea236;
	background-color: #F2F2F2; background-image: -webkit-gradient(linear, left top, left bottom, from(#F2F2F2), to(#FFFFFF));
	background-image: -webkit-linear-gradient(top, #F2F2F2, #FFFFFF);
	background-image: -moz-linear-gradient(top, #F2F2F2, #FFFFFF);
	background-image: -ms-linear-gradient(top, #F2F2F2, #FFFFFF);
	background-image: -o-linear-gradient(top, #F2F2F2, #FFFFFF);
	background-image: linear-gradient(to bottom, #F2F2F2, #FFFFFF);filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#F2F2F2, endColorstr=#FFFFFF);
}

.file-st-delete a {
	color: #696969;
	}

/* ModalWindow
----------------------------------------------------------- */
.modal-header{
	background:#f0ad4e;
	border-top-left-radius:6px;
	border-top-right-radius:6px;
	-webkit-border-top-left-radius:6px;
	-webkit-border-top-right-radius:6px;
	-moz-border-radius-topleft:6px;
	-moz-border-radius-topright:6px;
	}

#page2nd .modal-footer{
	padding:10px;
	background:#f0ad4e;
	border-bottom-left-radius:6px;
	border-bottom-right-radius:6px;
	-webkit-border-bottom-left-radius:6px;
	-webkit-border-bottom-right-radius:6px;
	-moz-border-radius-bottomleft:6px;
	-moz-border-radius-bottomright:6px;
	}

#page2nd .modal-dialog{
	}

#page2nd .modal-body{
	padding:10px 20px;
	}

.modal-body iframe{
	width:100%;
	height:100%;
	}

#page2nd div.bootstrap-dialog .modal-header {
	background-color:#f0ad4e;
	}

#page2nd div.bootstrap-dialog-title {
	color:#333 !important;
	}

#page2nd div.bootstrap-dialog-footer button.btn-primary {
	color:#333 !important;
	background-color:#fff !important;
	}

#popmodal h4{
	font-weight:bold;
	font-size:120%;
	}

#popmodal h5{
	font-weight:bold;
	}

#popmodal ul.pagination{
	margin-top:10px;
	margin-bottom:0;
	padding-right:0;
	}

.search{
	padding:0.1em 1em;
	background:#fef0dd;
	}

.section-block{
	margin-top:5px;
	}

/* table */
table.ver1,
table.ver2{
	margin-bottom:1px;
	word-break: break-all;
	word-wrap: break-word;
	}

table.ver1 thead{
	background:#ff7400;
	color:#ffffff;
	}

table.ver1 thead a{
	color:#ffffff;
	text-decoration:underline;
	}

table.ver1 thead.inline{
	background:#fef0dd;
	color:#333;
	}

table.ver1 tbody .file-top{
	text-align:left;
	}

table.ver1 tbody .file-sub{
	text-align:left;
        padding-left:2em;
	}

table.ver2 thead{
	background:#D9EDF7;
	color:#333;
	}

table.ver2 thead a{
	color:#333;
	text-decoration:underline;
	}

table.ver2 thead td{
	text-align: left;
	}

table.ver2 tbody td{
	text-align: left;
	}

table.ver2 tbody .list-btn{
	text-align:center;
        width:40px;
	}

table.ver2 #innerTable thead th{
	background-color: #dcdcdc;
	color: black;
	text-align: center;
	}

table.ver2 tbody .list-status{
        width:7em;
	}

table.ver2 tbody .list-date{
        width:11em;
	}

table.ver2 .list-user{
        width:20em;
	}

table.ver2 .list-mid{
        width:10em;
	}

table.ver2 .list-subject{
        width:40em;
	}

table.ver2 tbody .file-top{
	text-align:left;
	}

table.ver2 tbody .file-sub{
	text-align:left;
        padding-left:2em;
	}

table .check_all {
	padding:5px;
        margin:0px;
        }

.serchwell{
	margin-top:0;
	margin-bottom:0;
	padding:5px 5px 5px 0;
	border-left: 5px solid #ff7400;
	background-color: #fef0dd;
	text-align: left;
	font-size: 90%;
	font-weight: normal;
	border-right:none;
	border-bottom:solid 1px #e3e3e3;
	border-top:none;
	}

.mailbody {
	font-size: 100%;
	}

/* フォームラベル */
label.headpop{
	padding:2px 10px;
	border-left:5px solid #ff7400;
	text-align:left;
	}

.overlay{
	background: rgba(3, 3, 3, 0.5);
	position: absolute;
	width: 100%;
	z-index: 9999999;
	}
.overlay .overlay-body{
	min-height: 20em;
        height: auto;
	text-align: center;
	position: relative;
	background-color: #fff;
	color: #000;
	}
.overlay .ob-min{
	min-height: inherit;
	height: 10em !important;
	}
.overlay .overlay-busy{
	width: 60%;
	height: 10em;
	margin: 0 auto;
	text-align: center;
	position: relative;
	}
.overlay-text{
	position: relative;
	top: 2em;
	}
.loading-image-small:before { content: url(../img/load-s.gif); }
.loading-image:before {
	content: url(../img/load.gif);
	padding-bottom: 2em;
	}
.loader {
        margin: 0 auto;
        width: 40px;
        height: 40px;
        border-radius: 50%;
        border: 5px solid rgba(255,255,255,0.4);
        border-top-color: rgba(255,255,255,0.9);
        animation: spin 0.7s linear 0s infinite;
}
@keyframes spin {
        0% {transform: rotate(0deg);}
        100% {transform: rotate(360deg);}
}
.customize-ok:before {
        content:" ";
        display: block;
        margin-left: 3px;
        margin-right: 4px;
        margin-bottom: 3px;
        width: 6px;
        height: 6px;
        border-radius: 50%;
        box-shadow: 0 0 0 3px;
}
.help-tips {
	color:red;
	font-size:x-small;
	margin:0px;
	padding:0px;
	}

.pagination li .paging-groove{
	border-style: none;
	}
.paging-size {
	clear: both;
	}
.paging-size span{
	float: left;
	}
.paging-size span:first-child{
	padding-right: 1em;
	}
.paging-size ul{
	float: left;
	list-style-type: none;
	padding-left: 0px;
	}
.paging-size ul li{
	float: left;
	padding-right: 5px;
	}
.paging-size ul li:last-child{
	padding-right: 0px;
	}

/* footer
----------------------------------------------------------- */
.footer{
	margin-top:10px;
	color:#ffffff;
	}

.footer p{
	text-align:center;
	}

div.spacecolumn {
	margin-bottom:15px;
	}
.tooltip-inner {
	text-align:left;
	min-width:300px;
	color:#000;
	background-color:#ffa500;
	}

#config-table table .success {
	background-color:#79CDF7;
	}
@media only screen and (max-width: 750px) {
	#config-table table,
	#config-table thead,
	#config-table tbody,
	#config-table th,
	#config-table td,
	#config-table tr {
		display:block;
		}
	#config-table table {
		word-break:break-all;
		word-wrap:break-word;
		}
	#config-table thead tr {
		position:absolute;
		top:-9999px;
		left:-9999px;
		}
	#config-table tr {
		border:1px solid #ccc;
		}
	#config-table td {
		border:none;
		border-bottom:1px solid #eee;
		position:relative;
		padding-left:30%;
		white-space:normal;
		text-align:left;
		}
	#config-table td:before {
		position: absolute;
		top:6px;
		left:6px;
		width:25%;
		padding-right:10px;
		white-space:nowrap;
		text-align:left;
		font-weight:bold;
		color:#333;
		background-color:#D9EDF7;
		content: attr(data-title);
		}
}