// ======================================================
//Mixin
// ======================================================
$base:#2A5772;
$bg:#F8F8F8;
$sub01:#ECEFF1;
$sub02:#90A4AE;
$line:#E7EAEB;
$dark01:#616C7A;
$break:#DE5367;
$gray01:#DBDBDB;
$gray02:#EEEEEE;
$gray03:#F7F7F7;
$gray04:#929292;
$icon:#999999;


// remain=============

// @charset "utf-8";

/*-----------------Element reset----------------*/

html,body {
	font-weight:normal;
	font-family: "メイリオ", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "小塚ゴシック Pr6N R", "Raleway", "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-size: 12px;
}

html {
	height: 100%;
	position: relative;
}

html,body,object,iframe,blockquote,pre,abbr,address,cite,code,del,dfn,img,ins,kbd,q,samp,small,sub,sup,var,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,article,aside,canvas,details,figcaption,figure,footer,header,hgroup,menu,nav,section,summary,time,mark,audio,video,div,h1,h2,h3,h4,h5,h6,b,i {
	margin:0;
	padding:0;
	border:0;
	outline:0;
	vertical-align:baseline;
	background:transparent
}

p,span {
	margin:0;
	padding:0;
	border:0;
	outline:0
}

header,nav,section {
	display:block
}

nav ul {
	list-style:none
}

ul {
	list-style-type:none
}

a {
	margin:0;
	padding:0;
	font-size:100%;
	vertical-align:baseline;
	background:transparent;
	color:inherit;
	cursor:pointer;
	text-decoration:none
}

table {
	border-collapse:collapse;
	border-spacing:0
}

input {
	padding:0;
	margin:0
}

input,select {
	vertical-align:middle;
	border-style:none
}

input[type=submit],input[type=button],input[type=reset] {
	-webkit-tap-highlight-color:transparent;
	-webkit-appearance:none;
	-moz-appearance:none;
	appearance:none
}

body {
	line-height:1.5;
	-webkit-text-size-adjust:none;
/*	height: 100%; */
}
.M{
	font-size: 96%;
	line-height: 1.6em;
}
a.M, Div.M, a.L, Div.L, span.L, p.L, table.L{
	color: #fff ;
}
main {
	min-height: calc(100vh - 212px)
}

footer {
	border-top-color:#5D5D5D;
	background-color:#393939;
	border-top-width:2px;
	height:100px;
	width:100%;
}

/*-----------------Class common----------------*/

[class^="iu-"],[class*=" iu-"] {
	position:absolute;
	display:block;
	overflow:hidden;
	background-repeat:no-repeat;
	border-style:solid;
	border-width:0;
}

[class^="decision-"],[class*=" decision-"] {
	position:relative;
	display:inline-block;
	overflow:hidden;
	background-repeat:no-repeat;
	border-style:solid;
	border-width:0;
}

.iu-0 { /* dummy */
}

.a-inner-link {
	display:block;
	width:100%;
	height:100%;
	position:relative;
}

.iu-page {
	width:100%;
	min-height:100%;
	display:initial;
	position:relative;
}

.iu-page-content {
	position:relative;
	width:100%;
	min-height:80%;
	background-color:#FFFFFF;
}

.iu-section {
	position:relative;
	width:100%;
}

.iu-header-box {
	position:relative;
	height:100%;
	margin-left:auto;
	margin-right:auto;
	width:960px;
}

.iu-header-box2 {
	width:480px;
	position: relative;
}

.iu-text {
	word-wrap:break-word
}

.home-category {
	-webkit-box-shadow:1px 1px 1px 1px #bbbbbb;
	background-color:#FFFFFF;
	border-radius:5px;
	box-shadow:1px 1px 1px 1px #bbbbbb;
	float:none;
	height:150px;
	margin-left:auto;
	margin-right:auto;
	margin-top:15px;
	position:relative;
	width:90%;
	bottom:5px;
}
.section-header {
	border-bottom-color:#cccccc;
	background-color:#FFFFFF;
	border-bottom-width:2px;
	height:60px;
}
.section-detail-search {
	min-width:50px;
	padding-bottom:10px;
}
.section-list {
	overflow:visible;
	padding-bottom:5px;
}
.section-home {
	background-color:#E6E7E8;
	padding-bottom:50px;
}

/*-----------------BoxCommon----------------*/
.boxPos {
	float:none;
	margin-left:auto;
	margin-right:auto;
	position:relative;
}
.iu-box-popup-footer {
	height:30px;
	margin-top:40px;
	width:90%;
}
.iu-box-popup-footer-import {
	color:#5D5D5D;
	height:30px;
	margin-top:40px;
	width:90%;
}
.iu-box-detailSearch-in-rows {
	margin-top:10px;
	width:90%;
}

.iu-box-update-empty {
	width:90%;
	background-color:#DBDBDB;
	margin-top:10px;
	height:1px;
}
.iu-box-title-empty {
	width:90%;
	background-color:#DBDBDB;
	margin-top:10px;
	height:1px;
	margin-bottom:10px;
}
.iu-box-update-row {
	margin-top:10px;
	width:90%;
}
.iu-box-detailSearch-in-emptySpace {
	width:90%;
	background-color:#DBDBDB;
	height:1px;
	margin-top:10px;
}
.iu-box-home-category {
	width:100%;
}
.iu-detailSearch-bottom {
	width:85%;
	height:30px;
	margin-top:20px;
	margin-bottom:15px;
}

.iu-box-login-center {
	background-color:#FDFDFD;
	box-shadow: 2px 2px 2px #A9A9A9;
	border-radius:10px;
	height:320px;
	margin-top:20px;
	width:400px;
}
.iu-box-list-header {
	background-color:#DBDBDB;
	border-bottom-left-radius:0;
	border-bottom-right-radius:0;
	border-top-left-radius:5px;
	border-top-right-radius:5px;
	height:25px;
	overflow:visible;
	padding:0;
	width:100%;
}
.iu-box-list-header-w5p {
	float:left;
	height:100%;
	position:relative;
	width:5%;
}
.iu-box-list-header-w20p {
	width:20%;
	margin-left:0;
}
.iu-box-list-header-w15p {
	margin-left:0;
	width:15%;
}
.iu-box-list-header-w10p {
	width:10%;
	margin-left:0;
}
.iu-box-list-row, .iu-box-detailSearch-in {
	float:none;
	margin-left:auto;
	margin-right:auto;
	position:relative;
	background-color:#FAFAFA;
	border-bottom-color:#FFFFFF;
	border-bottom-width:1px;
	border-left-color:#929292;
	border-right-color:#929292;
	border-top-color:#929292;
	width:100%;
}
.normallink div:first-child{
 	margin-top:10px;
}
.iu-box-list-row {
	height:45px;
	overflow:visible;
	padding:0;
}

.iu-box-resourceDrop {
	background-color: #FDFDFD;
	border-bottom-left-radius: 5px;
	border-bottom-right-radius: 5px;
	border-color: #DBDBDB;
	border-top-left-radius: 0;
	border-top-right-radius: 0;
	border-width: 1px;
	height: 150px;
	margin-top: -3px;
	overflow: visible;
	position: relative;
}

.iu-box-detailSearch-in {
	border-radius:5px;
	margin-top:10px;
	overflow:hidden;
}
/*-----------------BoxList common----------------*/
.leftPos {
	float:left;
	height:100%;
	margin-top:0;
	position:relative;
}
.iu-box-header-right {
	margin-left:auto;
	margin-right:auto;
	width:30%;
}
.iu-box-arrow {
	margin-left:0;
	float: right;
}
/*-----------------Box----------------*/
.iu-box-header-left {
	float:left;
	height:100%;
	position:relative;
	width:70%;
}
.iu-box-detailSearch-in-column {
	float:left;
	position:relative;
	width:33%;
}
.iu-box-detailSearch-in-2column {
	float:left;
	position:relative;
	width:66%;
}

.iu-box-detailSearch-in-half {
	float:left;
	position:relative;
	width:50%;
}
#readerShareCheckBox {
	margin-top: 4px;
}
.redStatus {
    width: 20px;
    height: 20px;
    background: $break;
    -moz-border-radius: 10%;
    -webkit-border-radius: 10%;
    border-radius: 10%;
}

.blueStatus {
    width: 20px;
    height: 20px;
    background: $base;
    -moz-border-radius: 10%;
    -webkit-border-radius: 10%;
    border-radius: 10%;
}
.iu-box-simple-search {
	-webkit-transition:border-color 0.5s;
	border-color:#929292;
	border-radius:0;
	border-width:0;
	float:left;
	margin-left:10px;
	/* margin-top:20px; */
	position:relative;
	transition:border-color 0.5s;
}
.iu-box-detailSearch-in-rows input[type=text], .iu-box-detailSearch-in-rows select, #selectedFileNamePdf{
	padding-left: 2px;
    padding-right: 1px;
}
.searchbox-select-popup{
	float: left;
    width: 35px;
    margin-left: 5px;
    margin-top: 1px;
    margin-bottom: 1px;
    padding: 3px 2px 3px 1px !important;
}
.iu-box-popup-footer-cancel {
	background-color:$break;
	height:100%;
	left:0;
	top:0;
	width:40%;
}
.iu-box-popup-footer-next {
	background-color:$base;
	height:100%;
	right:0;
	width:40%;
}

.iu-box-contents-thumb-information {
	background-color: #E6E7E8;
	float: left;
	height: 15%;
	position: relative;
	width: 100%;
}
.iu-box-home {
	float:left;
	height:100%;
	position:relative;
	width:50%;
}
.iu-box-home-management {
	float:left;
	margin-top:25px;
	position:relative;
	width:70%;
}
.iu-box-contents-thumb {
	float:left;
	height:300px;
	margin-left:0;
	overflow:visible;
	padding:10px;
	position:relative;
	width:300px;
}
.iu-box-contents-thumb-image {
	float:left;
	height:70%;
	position:relative;
	width:100%;
}
.iu-box-contents-thumb-setting {
	background-color:#505050;
	float:left;
	height:10%;
	overflow:visible;
	position:relative;
	width:100%;
}
.iu-box-contents-thumb-open {
	float:left;
	height:100%;
	position:relative;
	width:60%;
}
.iu-box-contents-thumb-option {
	float:left;
	height:100%;
	overflow:visible;
	position:relative;
	width:50%;
}
.iu-box-contents-thumb-moreOption {
	background-color:#00AEEF;
	overflow:visible;
}
.iu-box-list-action-eachIcon {
	background-color:#929292;
	border-color:#FFFFFF;
	border-radius:30px;
	border-width:0;
	float:right;
	height:20px;
	margin-right:10px;
	margin-top:6px;
	position:relative;
	right:0;
	width:20px;
}

.iu-box-menu-action-eachIcon {
	background-color:#929292;
	border-color:#FFFFFF;
	border-radius:30px;
	border-width:0;
	height:20px;
	margin-right:10px;
	margin-top:6px;
	position:relative;
	right:0;
	width:20px;
	float:left;
}
.iu-box-contents-thumb-eachOption {
	border-color:#FFFFFF;
	border-radius:30px;
	border-width:0;
	float:right;
	height:20px;
	margin-right:10px;
	margin-top:6px;
	position:relative;
	right:0;
	width:20px;
}
.iu-box-login {
	background-color:rgba(255,255,255,0.90);
	background-image:url('../images/jrn/login_bg.jpg');
	background-position:center center;
	height:40%;
	left:0;
	top:0;
	width:100%;
}
.iu-box-contents-thumb-type {
	background-color:rgba(0,174,239,0.50);
	bottom:0;
	color:#FFFFFF;
	font-size:14px;
	height:20px;
	line-height:20px;
	padding-left:20px;
	padding-right:5px;
	text-align:left;
	width:100%;
}
.iu-box-outline {
	color:#000000;
	overflow:visible;
}
.iu-box-list-action-icons {
	bottom:0;
	float:none;
	left:0;
	height:70%;
	margin:auto;
	overflow:visible;
	right:0;
	top:0;
	width:100%;
}
.iu-box-contents-thumb-number {
	float:left;
	height:100%;
	position:relative;
	width:40%;
}
.iu-box-home-icon {
	float:left;
	height:100%;
	position:relative;
	width:30%;
}
/*-----------------Enquete----------------*/

.iu-box-ques-action {
	background-color:#929292;
	border-color:#FFFFFF;
	border-radius:30px;
	border-width:0;
	float:right;
	height:20px;
	margin-right:20px;
	position:relative;
	right:0;
	width:20px;
}

.cellQuestionPos {
	bottom:0;
	float:none;
	left:0;
	right:0;
	text-align:center;
	height:50px;
	line-height:20px;
	margin:auto;
	top:10px;
}


/*-----------------ButtonCommon----------------*/
.iu-box-showList {
	background-color:#929292;
	float:right;
	margin-right:0;
	right:0;
	width:30px;
}
.iu-box-showThumb {
	background-color:#929292;
	float:right;
	margin-right:10px;
	right:0;
	width:30px;
}

.listThumb {
	background-size:cover;
	background-position:center center;
	height:90%;
	width:60%;
}
.tileThumb {
	 background-size:cover;
	background-position:center center;
	height:100%;
	width:100%;
}


/*-----------------CellFont common----------------*/
.cellFont-common {
	color:#5D5D5D;
	position:relative;
	text-align:left;
	width:90%;
	float:none;
}
.cell-home-contents {
	font-size:12px;
	margin-top:5px;
	margin-left:auto;
	margin-right:auto;
}
.cell-home-title {
	margin-left:auto;
	margin-right:auto;
	font-size:18px;
	font-weight:700;
}
.cell-contents-thumb-title {
	font-size: 14px;
	font-weight: 700;
	margin-top: 3px;
	padding-left: 20px;
	padding-right: 5px;
}
.cell-contents-thumb-date {
	font-size: 10px;
	margin-top: 3px;
	padding-left: 20px;
	padding-right: 5px;
}

/*-----------------CellPosition common----------------*/
.cellPos {
	bottom:0;
	float:none;
	left:0;
	right:0;
	text-align:center;
	height:15px;
	line-height:15px;
	margin:auto;
	top:0;
}
.cell-list-center {
	color:#505050;
	font-size:14px;
	font-weight:300;
	padding:0;
	width:90%;
	display: table;
}
.cell-list-left {
	color:#505050;
	font-size:14px;
	font-weight:300;
	padding:0;
	width:90%;
	text-align:left;
}
.cell-list-header {
	color:#5d5d5d;
	font-size:14px;
	font-weight:500;
	padding:0;
	width:90%;
}
.cell-contents-thumb-number {
	bottom:0;
	color:#FFFFFF;
	font-size:14px;
	height:15px;
	left:0;
	line-height:15px;
	margin:auto;
	padding-left:10px;
	padding-right:5px;
	right:0;
	text-align:left;
	top:0;
	width:100%;
}
.cell-home {
	color:#5D5D5D;
	text-shadow: 5px 5px 1px #cccccc;
	font-weight: bold;
	float:none;
	font-size:20px;
	text-align:center;
	top:5px;
}
.cell-home-title p,.cell-home p{ /* 臨時的にトップメニュー画面でstyle.cssとstylej.cssを共に使っている */
	font-weight: bold;
}
.cell-contents-thumb {
	bottom:0;
	font-size:14px;
	height:15px;
	left:0;
	line-height:15px;
	margin:auto;
	padding-left:5px;
	padding-right:5px;
	right:0;
	text-align:left;
	top:0;
	width:100%;
}

#contentsstatus_thumb .status_green {
	color:#009b1a;
}
#contentsstatus_thumb .status_red {
	color:#9b0000;
}
#contentsstatus_thumb .status_blue {
	color:#00cdeb
}
#contentsstatus_thumb .status_yellow {
	color:#c3a70a;;
}

/*-----------------Cell----------------*/
.cell-header-box {
	color:#5d5d5d;
	float:left;
	position:relative;
	text-align:left;
	font-size:14px;
	font-weight:400;
	margin-left:25px;
	margin-top:20px;
}
.cell-list-center-bold {
	bottom:0;
	color:#5D5D5D;
	float:none;
	font-size:14px;
	font-weight:300;
	height:50px;
	left:0;
	letter-spacing:0;
	line-height:50px;
	margin:auto;
	padding:0;
	right:0;
	text-align:left;
	top:0;
	width:90%;
}


/*-----------------Icon common----------------*/
.icon-common{
	-webkit-box-shadow:1px 1px 1px 1px #E6E7E8;
	-webkit-transition:background-color 1.0s;
	background-position:center center;
	background-size:50px 50px;
	border-radius:50px;
	bottom:0;
	box-shadow:1px 1px 1px 1px #E6E7E8;
	float:none;
	height:100px;
	left:0;
	margin:auto;
	right:0;
	top:0;
	transition:background-color 1.0s;
	width:100px;
}
.icon-content-management {
	background-color:$break;
	background-image:url('../images/jrn/ic_content-management.svg');
}
.icon-refer {
	background-image:url('../images/jrn/ic_perm_media_white_24px-3.svg');
	background-position: center center;
	background-size: contain;
	height: 75%;
	width: 75%;
}

.icon-common2 {
	background-color: #929292;
	border-color: #FFFFFF;
	border-radius: 30px;
	border-width: 0;
	height: 25px;
	width: 25px;
}


.icon-perm-media {
	background-color:#FFDD00;
	background-image:url('../images/jrn/ic_perm_media_white_24px-3.svg');
}
.icon-multiline-chart {
	background-color:#00AEEF;
	background-image:url('../images/jrn/ic_multiline_chart_white_24px.svg');
}
.icon-book {
	background-color:#838FC7;
	background-image:url('../images/jrn/ic_book_white_24px.svg');
}
.icon-assignment-ind {
	background-color:$base;
	background-image:url('../images/jrn/ic_assignment_ind_white_24px.svg');
}
.icon-loginTitleImg {
	background-image:url('../images/jrn/loginTitleImg.png');
	background-position:center center;
	background-size:contain;
	height:100px;
	margin-top:50px;
	width:90%;
	float:none;
	margin-left:auto;
	margin-right:auto;
	position:relative;
}


/*-----------------contentStatus common----------------*/
.contentStatus-common {
	border-radius:15px;
	color:#1f1f1f;
	font-size:12px;
	font-weight:300;
	padding:5px;
	width:70%;
	bottom:0;
	float:none;
	height:15px;
	left:0;
	line-height:15px;
	margin:auto;
	right:0;
	text-align:center;
	top:0;
}
.contentStatus-common div[id^="contentStatusName"] {
	white-space:nowrap;
}
#contentsstatus_list .status_green, .statusColor2 {
	background-color:#39ef39;
}
#contentsstatus_list .status_red, .statusColor-1 {
	background-color:#9b0000;
}
#contentsstatus_list .status_blue, .statusColor0 {
	background-color:#00cdeb;
}
#contentsstatus_list .status_yellow, .statusColor1 {
	background-color:#c3a70a;
}

#operationstatus_list .status_green {
	background-color:#39ef39;
}
#operationstatus_list .status_blue {
	background-color:#00cdeb;
}
#operationstatus_list .status_yellow {
	background-color:#c3a70a;
}

/*-----------------Icon----------------*/
.shop-logo {
	background-position:center center;
	background-size:contain;
	color:#5D5D5D;
	float:left;
	height:70%;
	margin-left:auto;
	margin-right:auto;
	margin-top:10px;
	position:relative;
	width:20%;
}
.icon-account-circle {
	background-color:#00AEEF;
	background-image:url('../images/jrn/ic_account_circle_white_24px.svg');
	background-position:center center;
	background-size:contain;
	border-radius:50px;
	color:#5D5D5D;
	float:right;
	height:24px;
	margin-right:10px;
	margin-top:18px;
	position:relative;
	right:0;
	width:24px;
}
.icon-clip {
	background-image:url('../images/jrn/clip_ic_mono_arRight.png');
	background-position:center center;
	background-size:contain;
	float:left;
	height:14px;
	margin-top:11px;
	position:relative;
	width:20px;
}



/*-----------------Icon common----------------*/
.imgPos0 {
	margin:auto;
	left:0;
	top:0;
	right:0;
	bottom:0;
	position: absolute;
}
.icon-list {
	background-size:contain;
	background-image:url('../images/jrn/list.svg');
	background-position:center center;
	height:60%;
	width:60%;
}
.icon-thumb {
	background-size:contain;
	background-image:url('../images/jrn/thumb.svg');
	background-position:center center;
	height:60%;
	width:60%;
}


/*-----------------svg common----------------*/

[class^="svg-"],[class*=" svg-"] {
	background-size:contain;
	bottom:0;
	left:0;
	margin:auto;
	right:0;
	top:0;
}

[class^="svg-ic-"],[class*=" svg-ic-"] {
	background-position:center center;
	float:left;
	position:relative;
	width:90%;
	height:90%;
}

.svg-list-ic-mode-edit {
	background-image:url('../images/jrn/ic_mode_edit_white_24px.svg');
	height:75%;
	width:75%;
}
.svg-list-ic-refresh {
	background-image:url('../images/jrn/ic_refresh_white_24px.svg');
	height:75%;
	width:75%;
}
.svg-list-ic-book {
	background-image:url('../images/jrn/ic_book_white_24px.svg');
	height:75%;
	width:75%;
}
.svg-thumb-ic-mode-edit {
	width:90%;
	height:90%;
	background-image:url('../images/jrn/ic_mode_edit_white_24px.svg');
}
.svg-ic-lock-outline {
	background-color:$break;
	background-image:url('../images/jrn/ic_lock_outline_white_24px.svg');
	border-radius:10px;
}
.svg-ic-keyboard-arrow-up {
	background-image:url('../images/jrn/ic_keyboard_arrow_up_white_24px.svg');
	position: absolute;
}
.svg-ic-lock-open {
	background-image:url('../images/jrn/ic_lock_open_white_24px.svg');
	position: absolute;
}
.svg-ic-refresh {
	background-image:url('../images/jrn/ic_refresh_white_24px.svg');
	position: absolute;
}
.svg-ic-book {
	background-image:url('../images/jrn/ic_book_white_24px.svg');
	position: absolute;
}
.svg-ic-qrcode {
	background-image:url('../images/jrn/ic_reply_white_24px.svg');
	position: absolute;
}
.ic-qrcode {
	background-image:url('../images/jrn/qr_code.png');
    margin-top: -2px;
    margin-left: -2px;
	position: absolute;
}
.ic_control_log {
	background-image:url('../images/jrn/ic_control_log_white_24px.png');
	background-size: 20px 20px;
	position: absolute;
}
.svg-ic-del {
	background-image:url('../images/jrn/ic_cancel_white_24px.svg');
	position: absolute;
}
.svg-ic-notDeliv {
	background-image:url('../images/jrn/ic_remove_circle_white_24px.svg');
	position: absolute;
}
.svg-ic-deliv {
	background-image:url('../images/jrn/ic_open_white_24px.svg');
	position: absolute;
}

.svg-ic-refer {
	background-image:url('../images/jrn/ic_view_list_white_24px.svg');
	position: absolute;
}
.svg-ic-copy {
	background-image:url('../images/jrn/ic_content_copy_white_24px.svg');
	position: absolute;
}
.svg-ic-export {
	background-image:url('../images/jrn/ic_forward_white_24px.svg');
	position: absolute;
}
.svg-ic-download {
	background-image:url('../images/jrn/ic_file_download_white_24px.svg');
	position: absolute;
}
.svg-ic-prev {
	background-image:url('../images/jrn/ic_play_circle_filled_white_24px.svg');
	position: absolute;
}
.svg-ic-delete {
	background-image:url('../images/jrn/ic_delete_forever_white_24px.svg');
	position: absolute;
}
.svg-ic-mode-edit {
	background-image:url('../images/jrn/ic_mode_edit_white_24px.png');
	height:100%;
	width:40%;
}
.svg-ic-search {
	background-color:#909090;
	background-image:url('../images/jrn/ic_search_white_24px.svg');
	border-radius:50px;
	height:30px;
	margin-left:10px;
	margin-top:2px;
	width:30px;
	cursor: pointer;
}
.svg-ic-open-in-browser {
	background-image:url('../images/jrn/ic_open_in_browser_white_24px.png');
	height:100%;
	width:30px;
}
.svg-ic-open-in-browser-search {
	background-image:url('../images/jrn/ic_search_white_24px.svg');
	height:100%;
	width:30px;
}
.svg-ic-open-in-browser-update {
	background-image:url('../images/jrn/ic_open_in_browser_update_white_24px.png');
	height:100%;
	width:30px;
}
.svg-ic-open-in-browser-send {
	background-image:url('../images/jrn/ic_open_in_browser_send_white_24px.png');
	height:100%;
	width:30px;
}
.svg-ic-operation {
	background-image:url('../images/jrn/ic_assignment_ind_white_24px.svg');
	position: absolute;
}
.svg-ic-csv-download{
	background-image:url('../images/jrn/ic_file_download_white_24px.svg');
	height:100%;
	width:30px;
}
.svg-ic-print {
	background-image:url('../images/jrn/ic_print_white_24px.svg');
	position: absolute;
}
/*-----------------Button----------------*/

.buttonPos {
	-webkit-transition:border-color 0.5s;
	border-color:#E6E7E8;
	border-radius:5px;
	border-width:2px;
	height:30px;
	/* margin-top:20px; */
	position:relative;
	transition:border-color 0.5s;
}
.btnActive {
	background-color:$base;
	opacity: 0.9;
}

[class^="button-"],[class*=" button-"],[class*="-button"],[class^="svg-list-ic-"],[class*=" svg-list-ic-"] {
	cursor: pointer;
}

.iu-box-complete-ok-button {
	height:30px;
	background-color:$base;
	margin-top:20px;
	width:40%;
}

.iu-box-update-next-button {
	background-color:$base;
	border-radius:5px;
	height:100%;
	width:40%;
	top:0;
	right:0;
}
.iu-box-update-close-button {
	background-color:$break;
	border-radius:5px;
	left:0;
	height:100%;
	top:0;
	width:40%;
}

.iu-box-login-button {
	-webkit-transition:background-color 1.0s;
	background-color:#959595;
	border-radius:5px;
	color:#C9C9C9;
	height:50px;
	margin-top:20px;
	transition:background-color 1.0s;
	width:90%;
}

.iu-clear-button {
	background-color:$break;
	border-radius:5px;
	left:15%;
	height:100%;
	top:0;
	width:20%;
}
.iu-search-button {
	background-color:$base;
	border-radius:5px;
	height:100%;
	right:40%;
	width:20%;
}
.iu-search-buttonDis {
	background-color: rgba(127, 191, 255,0.5);
}
.iu-download-button {
	background-color:$base;
	border-radius:5px;
	height:100%;
	right:15%;
	width:20%;
}
.decision-application-button {
	background-color:$base;
	border-radius:5px;
	height:100%;
	width:15%;
	margin-left:20px;
}
.decision-withdrawal-button {
	background-color:$base;
	border-radius:5px;
	height:100%;
	width:15%;
	margin-left:20px;
}
.decision-approval-button {
	background-color:$base;
	border-radius:5px;
	height:100%;
	width:15%;
	margin-left:20px;
}
.decision-remind-button {
	background-color:$base;
	border-radius:5px;
	height:100%;
	width:15%;
	margin-left:20px;
}
.iu-description-button {
	background-color:$base;
	border-radius:5px;
	height:100%;
	right:15%;
	width:20%;
}

.header-button {
	-webkit-transition:color 1.0s;
	color:#5d5d5d;
	float:right;
	position:relative;
	right:0;
	transition:color 1.0s;
}

.button-simpleSearch {
	color: #5D5D5D;
	margin-top: 15px;
	font-size: 10px;
	height:100%;
	right:0;
}

.text-create-button {
	color:#FFFFFF;
	float:left;
	font-size:12px;
	margin-top:7px;
	padding-right:10px;
	position:relative;
	text-align:left;
}

.text-in-button {
	color:#FFFFFF;
	font-size:14px;
	font-weight:300;
	left:0;
	margin-left:auto;
	margin-right:auto;
	right:0;
	text-align:center;
	top:5px;
	width:75%;
}
.text-login-button {
	color: #FFFFFF;
	font-size: 18px;
	font-weight: 300;
	left: 0;
	margin-left: auto;
	margin-right: auto;
	right: 0;
	text-align: center;
	top: 11px;
	width: 52.94%;
}
.text-link-DL {
	color:$base;
}
.button-popup-close {
	background-image:url('../images/jrn/btn_popup_close.png');
	display:inherit;
	height:32px;
	position:absolute;
	right:10px;
	top:10px;
	width:32px;
}

.box-bulkBtn {
	-webkit-transition: border-color 0.5s;
	background-color: #494949;
	background-position: center;
	background-size: contain;
	border-color: #E6E7E8;
	border-radius: 5px;
	border-width: 2px;
	height: 20px;
	margin-left: auto;
	margin-right: auto;
	position: relative;
	width: 20px;
	float: left;
}

.iu-box-enquete-clear-button {
	background-color:$break;
	border-radius:5px;
	left:25%;
	height:100%;
	top:0;
	width:20%;
}

.iu-box-enquete-search-button {
	background-color:$base;
	border-radius:5px;
	height:100%;
	right:25%;
	width:20%;
}

.iu-box-contents-import-button {
	float:left;
	margin-left:10px;
	width:fit-content;
	background-color:$break;
}
.iu-box-create-button {
	background-color:$break;
	float:left;
	width:74px;
}

.iu-box-button-110 {
	background-color:$break;
	float:left;
	width:110px;
}
.iu-box-button-115 {
	background-color:$break;
	float:left;
	width:115px;
}
.iu-box-button-g-100 {
	background-color:$base;
	float:left;
	width:100px;
}
.iu-box-button-b-100 {
	background-color:#808080;
	float:left;
	width:100px;
}
.iu-box-button-120 {
	background-color:$break;
	float:left;
	width:120px;
}
.iu-box-button-g-120 {
	background-color:$base;
	float:left;
	width:120px;
}
.iu-box-button-b-120 {
	background-color:#808080;
	float:left;
	width:120px;
}
.iu-box-set-button-140 {
	background-color:$break;
	float:left;
	width:140px;
}

.text_number{
	margin-bottom: 10px;
}
.mainsearch_2col ul li {
    display: inline-block;
    vertical-align: bottom;
}
.deleteButton {
	background-color:#cccccc;
	border-radius:15px;
	color:#1f1f1f;
	cursor: pointer;
	font-size:12px;
	padding:5px;
	width:70%;
	height:15px;
	margin:auto;
	text-align: center;
	bottom:0;
	left:0;
	right:0;
	top:0;
}
.text-align-center{
	text-align:center;
}

.iu-icon-button {
	border-color:#5d5d5d;
	border-width:1px;
	color:#5d5d5d;
	float:right;
	font-size:12px;
	font-weight:700;
	height:18px;
	line-height:18px;
	margin-right:10px;
	margin-top:17px;
	padding-bottom:3px;
	padding-left:5px;
	padding-right:5px;
	padding-top:3px;
	position:relative;
	right:0;
	text-align:center;
	width:66px;
}
.iu-icon-button > p > img,.iu-icon-button > a > p > img {
	vertical-align:middle;
	height:15px;
	width:15px;
}

.iu-icon-button > p > span,.iu-icon-button > a > p > span {
	word-break:break-all
}
/*--------------logOutPut-------------*/
.graph-thumbnail {
	background-size:cover;
	background-position:center center;
	height:40px;
}
/*-----------------pg----------------*/
.iu-box-upload {
	color: #5D5D5D;
	float: none;
	font-family: 'Raleway', sans-serif;
	height: 30px;
	margin-right: auto;
	position: relative;
	width: 62%;
}

.pg-file-upload {
	height: 30px;
	left: 0;
	top: 0;
	width: 100%;
}

.pg-file-upload-button {
	-webkit-box-shadow: 0 1px 0 0 rgba(255,255,255,0.40) inset;
	-webkit-transition: background-color 0.3s;
	background-color: #DCDCDC;
	border-bottom-left-radius: 3px;
	border-color: #B6B6B6;
	border-top-left-radius: 3px;
	border-width: 1px;
	box-shadow: 0 1px 0 0 rgba(255,255,255,0.40) inset;
	color: #6D6D6D;
	float: left;
	font-family: 'Raleway', sans-serif;
	font-size: 12px;
	height: 25px;
	left: 0;
	line-height: 25px;
	padding: 0;
	position: relative;
	text-align: center;
	top: 0;
	transition: background-color 0.3s;
	width: 30%;
}

.iu-pg-file-upload-button {
	overflow: hidden;
	text-align: center;
}

.pg-file-upload-button > input {
	position: absolute;
	top: 0;
	right: 0;
	margin: 0;
	padding: 0;
	font-size: 20px;
	opacity: 0;
	filter: alpha(opacity=0);
	cursor: pointer;
	height: 100%;
}

.pg-file-upload-file-name {
	-webkit-box-shadow:0 1px 2px 0 rgba(0,0,0,0.20) inset;
	background-color:#FFFFFF;
	border-bottom-right-radius:3px;
	border-color:#B6B6B6;
	border-top-right-radius:3px;
	border-width:1px;
	box-shadow:0 1px 2px 0 rgba(0,0,0,0.20) inset;
	color:#666;
	float:left;
	font-size:13px;
	height:25px;
	left:0;
	line-height:1.70;
	padding:0;
	position:relative;
	top:0;
	width:68%;
}

.pg-file-upload-file-name > p {
	padding-left: 5px;
}

.pg-page-link-set {
	color:#5D5D5D;
	float:right;
	font-size:12px;
	height:20px;
	margin-right:10px;
	margin-top:10px;
	position:relative;
	right:0;
}
.pg-page-link-set > div {
	display:block;
	float:right;
}
.pg-page-link-set > div > ul {
	display:inline-block;
}
.pg-page-link-set > div > ul > a > li  {
	display:block;
	float:left;
	text-align:center;
	background-color:rgba(219,219,219,0.50);
	height:20px;
	line-height:20px;
	margin-left:1px;
	margin-right:1px;
	width:20px;
}
.pg-page-link-set selected > div > ul > a > li, .pg-page-link-set > div > ul > a > li:hover {
	background-color:rgba(50,50,50,0.50);
}
.pg-page-showHide{
	float: left;
    background-color: rgba(219,219,219,0.80);
    padding: 0 3px;
    margin: 0 1px;
}
.sct, .pg-page-showHide:hover{
	background-color: rgba(50,50,50,0.50);
}
#playlistSelectDiv nav{
	margin:5px 30px 15px 0px;
}
.pg-text-field-search {
	border-color:#aaaaaa;
	border-radius:5px;
	border-width:1px;
	float:left;
	height:30px;
	margin-top:3px;
	margin-left:0;
	padding-right:8px;
	padding-left:8px;
	position:relative;
	width:150px;
}
.pg-select {
	color: #202040;
	border-radius:5px;
	float:left;
	height:30px;
	margin-left:0;
	margin-top:0;
	position:relative;
	width:50%;
	font-size: 12px;
	border: 1px solid #aaaaaa;
}
.pg-checkbox {
	bottom: 0;
	height: 20px;
	left: 0;
	margin: auto;
	right: 0;
	top: 0;
	width: 20px;
	position: relative;
}
.pg-radio {
	bottom: 0;
	height: 20px;
	left: 0;
	margin: auto;
	right: 0;
	top: 0;
	width: 20px;
	position: relative;
}

.iu-radioButton {
	float: left;
	height: 30px;
	margin-left: 0;
	margin-top: 0;
	position: relative;
	width: 10%;
}

/*-----------------pgText common----------------*/
.pgText-common{
	border-color:#aaaaaa;
	border-radius:5px;
	border-width:1px;
	position:relative;
	float:none;
	margin-left:auto;
	margin-right:auto;
	margin-top:10px;
	width:80%;
	display: block;
}
.pg-header-common {
	float: left;
	position: relative;
	width: 35%;
	margin-top: 5px;
	margin-right: 10px;
}
.pg-table th {
	background-color: #DBDBDB;
	padding: 5px;
	font-size: 14px;
	font-weight: 500;
}

.pg-table td {
	padding: 5px;
	font-size: 12px;
}

input[type=text], input[type=url], input[type=time], input[type=number] {
	border-style: inset;
	height: 20px;
	padding: 3px;
	border: 1px solid rgb(153, 153, 153);
	font-size: 13px;
}

.pg-text-field {
	height:30px;
	padding-left:8px;
	padding-right:8px;
	margin-left: 30px;
}
.pg-text-password {
	padding-left:8px;
	padding-right:8px;
	 color:#5D5D5D;
	height:30px;
}
.pgField-common {
	border-color:#aaaaaa;
	border-radius:5px;
	border-width:1px;
	position:relative;
	float:none;
	padding:0;
	margin-left: auto;
	padding-left: 8px;
	padding-right: 8px;
}
.pg-textarea {
	height:60px;
	margin-left: 30px;
	margin-right: auto;
	margin-top: 10px;
	width: 85%;
}
.pg-text-field-contents {
	height:30px;
	margin-left:0;
	margin-top:0;
	background-position:right;
	width:50%;
}

/*-----------------textPos----------------*/
.textPos {
	color:#353535;
	width:90%;
	float:none;
	margin-left:auto;
	margin-right:auto;
	position:relative;
}
.text-login-information {
	font-size:14px;
	margin-top:20px;
}

.text-login-information td {
	padding-top: 15px;
}

.text-warning {
	font-size:12px;
	margin-top:10px;
}
.text-footer {
	font-size:14px;
	color:#FFFFFF;
	height:75%;
	margin-top:25px;
	text-align:center;
}
.text-popup-title {
	font-size:24px;
	margin-top:50px;
	color:#353535;
	width:90%;
	float:none;
	margin-left:auto;
	margin-right:auto;
	position:relative;
}
.text-update-complete {
	font-size:14px;
	margin-top:50px;
	text-align:center
}
/*-----------------textSetting-common----------------*/
.text-common {
	border-width:0;
	color:#5D5D5D;
	float:left;
	height:18px;
	padding:0;
	position:relative;
}
.text-detail-search {
	font-size:10px;
	margin-left:10px;
	margin-top:10px;
}
.text-update-id {
	font-size:12px;
	margin-left:10px;
	width:50%;
}
.searchbox-label {
	font-size:12px;
	margin-left:0;
	margin-top:6px;
	width:40%;
}
.searchbox-label-2col {
	font-size:12px;
	margin-left:0;
	margin-top:6px;
	width:20%;
}
.searchbox-label > p, .searchbox-label-2col > p{
	text-align: right;
	margin-right: 10px;
}
.text-update {
	font-size:12px;
	margin-left:auto;
	margin-right:auto;
	margin-top:0;
	width:30%;
}
/*-----------------text----------------*/
.text-loginId {
	font-weight:300;
	height:23px;
	margin-right:10px;
	margin-top:18px;
}

.text-logout {
	border-color:#5d5d5d;
	border-width:1px;
	font-size:12px;
	font-weight:700;
	margin-top:17px;
	padding-bottom:3px;
	padding-left:5px;
	padding-right:5px;
	padding-top:3px;
}
.text-home {
	height:30px;
	margin-top:25px;
	width:100%;
	float:none;
	margin-left:auto;
	margin-right:auto;
	position:relative;
}
.text-home-log {
	height:0;
	left:120px;
	top:23px;
	width:0;
}
.text-login {
	-webkit-transition:color 1.0s;
	color:#464646;
	text-shadow:
	2px 2px 2px rgba(0, 0, 0, 0.6),
	-1px -1px 2px rgba(255, 255, 255, 0.5);
	float:none;
	font-size:24px;
	margin-left:auto;
	margin-right:auto;
	margin-top:25px;
	position:relative;
	text-align:center;
	transition:color 1.0s;
	width:400px;
}
.text-step {
	color:#505050;
	float:left;
	font-size:14px;
	font-weight:300;
	height:20px;
	margin-top:10px;
	position:relative;
}
.text-admin {
	background-position:center;
	color:#FFFFFF;
	float:none;
	font-size:26px;
	font-weight:300;
	margin-left:auto;
	margin-right:auto;
	margin-top:10px;
	position:relative;
	text-align:center;
	width:80%;
}
.text-menu-title {
	color:#000000;
	float:left;
	font-size:12px;
	margin-top:7px;
	padding-right:10px;
	position:relative;
	text-align:right;
}
.text-resBulkDl {
	float: left;
	margin-left: 10px;
	margin-top: 3px;
	position: relative;
}

.text-resBuldDel {
	float: right;
	margin-right: 10px;
	margin-top: 3px;
	position: relative;
	right: 0;
}

.text-msg {
	width: 960px;
	margin-left: auto;
	margin-right: auto;
}


/* OTHER */

/** for log result **/
.formlisttbl {
    width: 950px;
}
.formlisttbl th {
    padding: 3px;
}
.formlisttbl td {
    padding: 3px;
}
/* on hover */

.iu-icon-button:hover, .text-logout:hover, .a-inner-link:hover, .button-simpleSearch:hover {
	opacity: 0.9;
}
.iu-box-login-button:hover {
	background-color:$base;
}
.box:hover {
	opacity: 0.9;
}
.icon-common:hover {
	background-color:$base;
}
.pg-file-upload-button:hover {
	background-color:#EBEBEB;
}
.text-login:hover {
	color:$sub02;
}

.button-common:hover, .iu-box-showList:hover, .iu-box-showThumb:hover {
	border-color:$base;
}


.box-bulkBtn *:hover {
	opacity: 0.9;
}

.text-resBulkDl:hover, .text-resBuldDel:hover {
	opacity: 0.9;
}

/* blink effect */

.blink {
	-webkit-animation: blinktext 0.8s infinite alternate;
	-moz-animation: blinktext 0.8s infinite alternate;
	animation: blinktext 0.8s infinite alternate;
}
@-webkit-keyframes blinktext {
	from { opacity: 1.0; }
	to { opacity: 0; }
}
@-moz-keyframes blinktext {
	from { opacity: 1.0; }
	to { opacity: 0; }
}
@keyframes blinktext {
	from { opacity: 1.0; }
	to { opacity: 0; }
}

/*==============================================
   copy from style.css
===============================================*/


.layerstyle {
    vertical-align: middle; position: absolute;
}

#extensionInnerLayer {
    border:2px solid $dark01 !important;
}

div.control {
    width: 148px;
    height: 25px;
    padding: 5px;
}
div.control ul li {
    display: inline-block;
    vertical-align: bottom;
}
div.control  ul li  a {
    display: inline-block;
    width: 23px;
    height: 23px;
    background-color: #CCC;
    border: solid 1px #CCC;
    border-radius: 2px;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
}
div.control ul li a:hover {
    background-color: #EBEBEB;
}
div.control ul li a:active {
    background-color: #BEC3C6;
    border-left: solid 1px #666;
    border-top: solid 1px #666;
    border-right: solid 1px #BBB;
    border-bottom: solid 1px #BBB;
}
div.control  ul li  span {
    display: inline-block;
    width: 23px;
    height: 23px;
    background-color: #E3E3E3;
    border: solid 1px #CCC;
    border-radius: 2px;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
}

div.control a.icon_key {
    background: url(../images/icon_key.png) no-repeat center center;
}
div.control a.icon_contents {
    background: url(../images/icon_contents.png) no-repeat center center;
}
div.control a.icon_pen {
    background: url(../images/icon_pen.png) no-repeat center center;
}
div.control a.icon_open {
    background: url(../images/icon_open.png) no-repeat center center;
}
div.control a.icon_reopen {
    background: url(../images/icon_reopen.png) no-repeat center center;
}
div.control a.icon_buildpreview {
    background: url(../images/icon_buildpreview.png) no-repeat center center;
}
div.control a.icon_submenu {
    background: url(../images/icon_submenu.png) no-repeat center center;
}
div.control a.icon_refer {
    background: url(../images/icon_refer.png) no-repeat center center;
}
div.control a.icon_play {
    background: url(../images/control_play.png) no-repeat center center;
}
div.control a.icon_copy {
    background: url(../images/control_copy.png) no-repeat center center;
}
div.control a.icon_delete ,p.icon_delete{
    background: url(../images/control_delete.png) no-repeat center center;
}

.ifrm-container {
	overflow:auto;
	-webkit-overflow-scrolling:touch;
	border:1px solid #c9c9c9;
}

.ifrm {
	width:100%;
	height:100%;
	border:none;
	display:block;
}

.dispstyle {
    display: none;
}

.essential_jrn {
    display: inline-block;
    line-height: 1;
    font-size: 10px;
    color: #FFF;
    padding: 3px;
    background-color: $break;
    text-align: center;
    float: left;
    vertical-align: bottom;
    border-radius: 2px;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    margin-right: 5px;
}

/*
input[type="file"] {
	width: 95%;
    padding: 2px;
    border: 1px solid rgb(153, 153, 153);
    font-size: 13px;
}
*/
#contentExportArea {
    width: 350px;
    border:2px solid $base;
    background-color: #fff;
    position: absolute;
    z-index: 997;
}

#contentExportTitle {
    padding-top: 20px;
    padding-left: 20px;
}

#contentExportTitle h3 {
    font-size: 13px;
    font-weight: bold;
    color: $base;
}

#contentExportDiv {
    padding-top: 25px;
    padding-bottom: 20px;
    padding-left: 20px;
}

#contentDownloadArea {
    width: 350px;
    border:2px solid $base;
    background-color: #fff;
    position: absolute;
    z-index: 997;
}

#contentDownloadTitle {
    padding-top: 20px;
    padding-left: 20px;
}

#contentDownloadTitle h3 {
    font-size: 13px;
    font-weight: bold;
    color: $base;
}

#contentDownloadDiv {
    padding-top: 25px;
    padding-bottom: 20px;
    padding-left: 20px;
}
input[type="password"] {
    height: 20px;
    border: 1px solid rgb(153, 153, 153);
}

/** Smallリンク （選択ボタン、参照ボタンなど） **/
a.button_small {
    color: #fff;
    // border: solid 1px #CCC;
    padding: 2px 5px;
    background-color: $base;
    text-align: center;
    border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    text-decoration: none;
}
a:hover.button_small  {
    color: $dark01;
    background-color: #F3F5F6;
    border: solid 1px #CCC;
    text-decoration: none;
}
a:active.button_small {
    color: $dark01;
    background-color: #BEC3C6;
    border-left: solid 1px #666;
    border-top: solid 1px #666;
    border-right: solid 1px #BBB;
    border-bottom: solid 1px #BBB;
    text-decoration: none;
}

span.button_small_disable {
    border: solid 1px #d4d4d4;
    padding: 2px 5px;
    background-color: #efefef;
    border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    color:#b6b6b6;
    display: none;
}

div.push10, tr.push10{
	height:10px;
}
div.push20{
	height:20px;
}
div.push {
    height:30px;
}
div.pagetop {
    text-align:right;
    padding-bottom:20px;
    width:950px;
    margin:0 auto 0;
}

/** Width **/
.w11 {
    width:11px;
}
.w12 {
    width:12px;
}
.w30 {
    width:30px;
}
.w35 {
    width:35px;
}
.w40 {
    width:40px;
}
.w45 {
    width:45px;
}
.w50 {
    width:50px;
}
.w55 {
    width:55px;
}
.w60 {
    width:60px;
}
.w65 {
    width:65px;
}
.w70 {
    width:70px;
}
.w75 {
    width:75px;
}
.w80 {
    width:80px;
}
.w82 {
    width:82px;
}
.w85 {
    width:85px;
}
.w90 {
    width:90px;
}
.w95 {
    width:95px;
}
.w100 {
    width:100px;
}
.w110 {
    width:110px;
}
.w115{
	width:115px;
}
.w120 {
    width:120px;
}
.w122 {
    width:122px;
}
.w125 {
    width:125px;
}
.w130 {
    width:130px;
}
.w135 {
    width:135px;
}
.w140 {
    width:140px;
}
.w145 {
    width:145px;
}
.w150 {
    width:150px;
}
.w160 {
    width:160px;
}
.w170 {
    width:170px;
}
.w180 {
    width:180px;
}
.w195 {
    width:195px;
}
.w200 {
    width:200px;
}
.w205 {
    width:205px;
}
.w210 {
    width:210px;
}
.w216 {
    width:216px;
}
.w223 {
    width:223px;
}
.w225 {
    width:225px;
}
.w230{
	width:230px;
}
.w235{
	width:235px;
}
.w240 {
    width:240px;
}
.w250 {
    width:250px;
}
.w270 {
    width:270px;
}
.w280 {
    width:280px;
}
.w285 {
    width:285px;
}
.w290 {
    width:290px;
}
.w300 {
    width:300px;
}
.w325 {
	width:325px;
}
.w330 {
    width:330px;
}
.w335 {
    width:335px;
}
.w340 {
    width:340px;
}
.w350 {
    width:350px;
}
.w365 {
    width:365px;
}
.w370 {
    width:370px;
}
.w400 {
    width:400px;
}
.w420 {
    width:420px;
}
.w450 {
    width:450px;
}
.w460 {
    width:460px;
}
.w470 {
    width:470px;
}
.w490 {
    width:490px;
}
.w500 {
    width:500px;
}
.w520 {
    width:500px;
}
.w560 {
    width:560px;
}

.clearfix {
    zoom: 1;
}

.clearfix:after {
    content: '';
    display: block;
    clear: both;
    height: 0;
}

#inputNormalTable {
    display: none;
}

div.caution, div.caution ul, span.caution{
    color:$break;
}
.breaktext {
    word-break:break-all;
    word-wrap:break-word;
    text-align:left;
}

.breaktext-ib {
    word-break:break-all;
    word-wrap:break-word;
    text-align:left;
	display:inline-block;
}

.progressbar {
    position: absolute;
    border-bottom-right-radius: 3px;
    border-bottom-left-radius: 3px;
    border-top-right-radius: 3px;
    border-top-left-radius: 3px;
}

.progressbar div {
    background-color: $sub01; /* fallback color if gradients are not supported */
    background-image: -webkit-linear-gradient(top, $sub01, $sub02); /* For Chrome and Safari */
    background-image:    -moz-linear-gradient(top, $sub01, $sub02); /* For old Fx (3.6 to 15) */
    background-image:     -ms-linear-gradient(top, $sub01, $sub02); /* For pre-releases of IE 10*/
    background-image:      -o-linear-gradient(top, $sub01, $sub02); /* For old Opera (11.1 to 12.0) */
    background-image:         linear-gradient(to bottom, $sub01, $sub02); /* Standard syntax; must be last */
    border: 0px solid $dark01;
    border-bottom-right-radius: 2px;
    border-bottom-left-radius: 2px;
    border-top-right-radius: 2px;
    border-top-left-radius: 2px;
    filter: alpha( opacity=50 ); /* IE6,7,8 */
    opacity: 0.5; /* IE以外 */
    overflow: hidden; /* IE 2px BugFix */
}

.iu-section-detail-search {
    position:relative;
    float:none;
    overflow:hidden;
    height:100%;
    min-width:50px;
    width:960px;
    left:0;
    margin-top:10px;
    margin-left:auto;
    margin-right:auto;
    padding-bottom:10px;
    border-radius:5px;
    background-color:#FAFAFA;
    border-bottom-color:#FFFFFF;
    border-bottom-width:1px;
    border-left-color:#929292;
    border-right-color:#929292;
    border-top-color: #929292;
}

.iu-section-list {
    position:relative;
    overflow:visible;
    margin-left:auto;
    margin-right:auto;
    margin-top:5px;
    padding-bottom:5px;
    width:960px;
    height:100%;
    color:#5d5d5d;
    font-size:14px;
    font-weight:500;
}
#task_list_view {
	display:none;
}
.iu-section-graph {
	display:none;
	position:relative;
	margin-left:auto;
    margin-right:auto;
	width:960px;
	height:350px;
}

.graphWrapper {
	width: 100%;
  height: 350px;

}
.graph_img {
	float: left;
  	width: 450px;
	height:250px;
}
.graph_data_area {
	width:50%;
	height:236px;
	float: left;


}
.list-header th {
    background-color:#DBDBDB;
    padding:5px;
}
/*-----popup table-----*/
.formtbl {
	margin-left:30px;
	margin-right:30px;
	width :90%;
}
.formtbl input[type=text], .formtbl input[type=number], .formtbl select, .iu-box-detailSearch-in-column select{
	border:1px solid #999999;
	border-radius:5px;
}
#contentInputDiv input[type=text], #contentInputDiv select{
	border:1px solid #999999;
	border-radius:5px;
	padding: 3px 4px;
}
#contentInputDiv input[type=time] {
	border:1px solid #999999;
	border-radius:5px;
	padding: 3px 4px;
}
.formtbl tr {
	width:90%;
	border-top:1px solid #DBDBDB;
}
.formtbl th {
	float:left;
	position:relative;
	width: 25%;
	margin:15px 10px 15px 0px;
}
.formtbl td {
    float:left;
    width:55%;
    margin-top:12px;
}
.formtbl td input[type=checkbox]{
    margin-top:3px;
}

.popup-table-width{
	width:90%;
}
.popup-empty {
	width:90%;
	border-top:1px solid #DBDBDB;
}
.popup-empty-title {
	width:90%;
	border-top:1px solid #DBDBDB;
	margin-bottom:10px;
}
.popup-button-close {
	margin-left:auto;
	margin-right:auto;
	position: relative;
	text-align:center;
	width:25%;
	height:25px;
	margin-top:40px;
	padding-top:5px;
	border-radius:5px;
	font-size:14px;
    font-weight:300;
	word-wrap:break-word;
	cursor:pointer;
	color:#FFFFFF;
    background-color:$break;
}
Div.btn-green{
	background-color:$base;
}
Div.btn-orange{
	background-color:$break;
}
.popup-check {
	position:relative;
	margin-left:auto;
	margin-right:auto;
	margin-top:8px;
	width:90%;
}
.popup-check-first-child {
	width:35%;
	float:left;
	margin-right:10px;
}
.popup-show-title{
	margin-top:50px;
	margin-left:30px
}
.popup-menu-select{
	padding: 3px;
	border: 1px solid #aaaaaa;
}
.date-picker img,#delivery_term img, #dateArea img{
	margin-bottom:-9px;
}
.groupSelectDescriptionbox {
    margin-bottom:5px;
    width: 90%;
    font-size:12px;
    color: $break;
}
#contentEntryForm input[type=text], #contentEntryForm input[type=password]{
	border-radius: 5px;
}
#insertUDID th, #updateUDID th,#webViewerList th{
    background:#d7dde0;
    padding-left:2px;
    border-left:1px solid #FFF;
    border-bottom:3px solid #FFF;
}

#insertUDID select,#webViewerList select{
	margin-left:5px;
	margin-bottom:5px;
	border-radius: 5px;
}
.addUdidBox{
	margin-bottom:8px;
}
input.priority_search{
	margin-top:initial;
}
#telopSettingMenu ul li:first-child{
	width:100px;
}
#telopColorPop{
	float: initial;
}
.searchbox-in-li-select{
	min-height: 30px;
    margin-top: 0px;
}
/*-----SearchList-----*/
.listdisp-table{
	width: 960px;
    border-collapse:collapse;
    border-spacing:0;
}


.listdisp-table-header{
	border: 2px solid #E6E7E8;
    border-radius: 5px 5px 0px 0px;
    border-spacing: 0px;
		border-collapse: separate;
		// border: 1px solid $dark01;
}
.listdisp-table tr th:first-child{
	border-radius:5px 0 0 0;

}
.listdisp-table tr th:last-child{
	border-radius:0 5px 0 0;
}
.listdisp-table-header tr th:first-child{
	border-radius:3px 0 0 0;
}
.listdisp-table-header tr th:last-child{
	border-radius:0 3px 0 0;
}
.listdisp-table th{
	background-color:$sub02;
	color: #fff;
	padding: 7px;
}
.listdisp-table tr{
	 border-bottom:1px solid #fff;
}
.listdisp-table td{
	 background-color:#fafafa;
	 padding:7px;
	 color: #5d5d5d;
}
.listdisp-table-in-rows td{
	text-align:initial;
	vertical-align: baseline;
	word-break:break-all;
    word-wrap: break-word;
}
.listdisp-table select{
	border: 1px solid #aaaaaa;
}
.dataRow td{
	word-break:break-all;
    word-wrap: break-word;
}
#playlist-table tr th:nth-last-child(2){
	font-size: 86%;
    line-height: 1.6em;
}
/*-----Searchbox-detail-----*/
div.picSmallDiv {
    width:100px;
    height:70px;
    float:left;
    margin-top:9px;
    margin-left:9px;
    _margin-left:4px;
    text-align: center;
}
.button-schedule{
	padding-left:10px;
	padding-right:10px;
	color:#5d5d5d;
}
.button-ic-mode-operation-command {
	background-image:url('../images/ic_mode_operation_command.png');
}
.button-ic-mode-operation-command-lock {
	background-color: $break;
	background-image:url('../images/jrn/ic_lock_outline_white_24px.svg');
}
.button-ic-mode-operation-download {
	background-image:url('../images/btn_download.png');
}
.button-ic-mode-operation-upload {
	background-image:url('../images/menu_batch_entry.png');
}
.button_selectPos{
	float:left;
	margin-left:4px;
	margin-top:2px;
}
ul.grouplist li .ocicon {
    vertical-align: middle;
    padding-right: 6px;
    width: 11px;
    height: 11px;
    border: none;
}
#msgNormalDiv {
	margin:15px;
}
#allCheckBox ,#usedCheckBox {
	margin: 0 0 0 5px;
}
.batch-notice{
	margin-top:20px;
	float:left;
	text-align:left;
}
/*---------dashboard--------*/
#dashboardArea{
	overflow: overlay;
}
#dashboardDispStatusArea{
    margin-left: 50px;
    float: left;
}
#forcedDispOrderTable{
    margin-left: 20px;
    float: left;
}
div.button_updown a{
	width:30px;
	height: 50px;
	line-height: 50px;
    display: inline-block;
    background-color: #D7DDE0;
    font-size: 14px;
    margin-right: 10px;
    border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border: solid 1px #CCC;
}
.arrow-top {
	width: 0px;
    border: 7px solid transparent;
	border-bottom-color: #333;
	margin-top:15px;
	margin-left: 8px;
}
.arrow-down {
	width: 0px;
    border: 7px solid transparent;
	border-top-color: #333;
	margin-top:20px;
	margin-left: 8px;
}
#dashboardDispStatusArea select, #shopInputDiv input[type=text], #shopInputDiv select{
	border: 1px solid #999999;
    border-radius: 5px;
}
/*-----envConfig-----*/
.envTable{
	width: 100%;
	border-collapse: collapse;
	border: 1px solid #b9b9b9;
}
.envTable td{
	padding: 6px;
	background-color: #fff;
	border: 1px solid #b9b9b9;
	color: #333;
}
.envTable td.envTh{
	background-color: #eee;
}
/*-----エレメント初期化-----*/
.init-position{
	position: initial !important;
}
.init-position-rel{
	position: relative !important;
}
.init-width{
	width: initial !important;
}
.init-height{
	height: initial !important;
}
.init-padding{
	padding: initial !important;
}
.init-padding-right{
	padding-right: initial !important;
}
.init-float{
	float:initial !important;
}
.init-border-bottom{
	border-bottom: initial !important;
}
.init-border-top{
	border-top: initial !important;
}
.init-margin-top{
	margin-top: initial !important;
}
.init-margin-left{
	margin-left: initial !important;
}
/*-----playlist-modalDialogUnderlay-----*/
#modalDialogUnderlay{
	top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: #fff;
    position: fixed;
    -moz-opacity: 0.7;
    // filter: alpha(opacity:70);
    opacity:0.7;
    z-index:996;
}
#interactiveLinkArea{
	width: 940px;
    border: 2px solid $dark01;
    background-color: #fff;
    position: absolute;
    z-index: 997;
}
.dottedTopLine {
    width: 100%;
    border-top: 1px dashed $dark01;
    float: left;
}
#signageThumbnailList,
#interactiveThumbnailList {
    max-width: 700px;
    height: 130px;
    overflow-x: auto;
    overflow-y: hidden;
    white-space: nowrap;
}
#signageThumbnailList li,
#interactiveThumbnailList li {
    width: 135px;
    height: 110px;
    display: inline-block;
    *display: inline;  /*IE7対応*/
    *zoom: 1;
    border: 1px solid $base;
    border-bottom-right-radius: 3px;
    border-bottom-left-radius: 3px;
    border-top-right-radius: 3px;
    border-top-left-radius: 3px;
}
#signageThumbnailList li.selected,
#interactiveThumbnailList li.selected {
    display: inline-block;
    *display: inline;  /*IE7対応*/
    *zoom: 1;
    border: 1px solid #4fa8d5;
    border-bottom-right-radius: 3px;
    border-bottom-left-radius: 3px;
    border-top-right-radius: 3px;
    border-top-left-radius: 3px;
    background-color: #cfe8fd; /* fallback color if gradients are not supported */
    background-image: -webkit-linear-gradient(top, #edf7ff, #cfe8fd); /* For Chrome and Safari */
    background-image:    -moz-linear-gradient(top, #edf7ff, #cfe8fd); /* For old Fx (3.6 to 15) */
    background-image:     -ms-linear-gradient(top, #edf7ff, #cfe8fd); /* For pre-releases of IE 10*/
    background-image:      -o-linear-gradient(top, #edf7ff, #cfe8fd); /* For old Opera (11.1 to 12.0) */
    background-image:         linear-gradient(to bottom, #edf7ff, #cfe8fd); /* Standard syntax; must be last */

}
#signageThumbnailList img,
#interactiveThumbnailList img {
    display: block;
    margin: 0 auto;
}
.interactiveLinkList .line-selected {
    background-color: #fff5c9;
}
a.button_blue {
    line-height: 20px;
    background-color: #DBDBDB;
    border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;

    font-size: 13px;
    margin-top: 4px;
    float: right;
    padding: 0 9px;
}
a.button_blue:hover, a.button_del:hover {
	background-color: #acacac;
}
a.button_del {
    width: 15px;
    height: 15px;
    line-height: 15px;
    text-align: center;
    background-color: #D7DDE0;
    border: solid 1px #CCC;
    border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    display: block;
    margin-right: 10px;
    padding: 0;
}
.slideShow {
	margin-bottom:5px;
}
#interactiveThumbnailDiv {
    width: 850px;
    margin: 10px auto;
    padding: 10px 20px;
    height: 260px;
    font-size: 13px;
    border: 1px solid #e7e7e7;
    border-bottom-right-radius: 5px;
    border-bottom-left-radius: 5px;
    border-top-right-radius: 5px;
    border-top-left-radius: 5px;
    background-color: #fcfcfc;
}
span.fgAndBgColorOfgreen {
    color: #008c25;
    background-color: #d6f5de;
}
span.fgAndBgColorOfred {
    color: #950000;
    background-color: #ffeaea;
}
span.fgAndBgColorOfblue {
    color: #00b6d1;
    background-color: #e2fafd;
}
span.fgAndBgColorOfyellow {
    color: #bb9f00;
    background-color: #fbf5d8;
}
span.fgAndBgColorOfgray {
    color: #666;
    background-color: #efefef;
}
.interactiveLinkInputArea Div{
	margin-top:7px;
}
.interactiveLinkInputArea input{
	margin-top:-6px;
}
/* contentFileInput */
.dropAreaMessage {
    text-align: center;
    vertical-align: bottom;
    font-size: 32px;
    color: #808080;
    text-shadow: 0px 0px 2px rgba(150,150,150,0.6);
    font-family: "メイリオ","Meiryo","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","Osaka","ＭＳ Ｐゴシック",sans-serif !important;
}
/* contentsReference*/
#inputDropTable th, #contentsReferenceList th{
	margin-right:0px;
}
#inputDropTable td{
	padding-top:2px;
	padding-bottom:6px;
}
.marquee {
    width: 336px;
    height: 64px;
    overflow: hidden;
    background-color: black;
}

.marquee img {
    max-height: 64px;
}
/*===========================================

submenu

===========================================*/

#submenu p,#submenu li,#submenu span{
	margin: 0;
    border: 0;
    outline: 0;
    /* font-size:12px; */
    font-weight:300;
    text-size-adjust:100%;
    color: inherit;
}
#submenuInner {
    width: 950px;
    height: 40px;
    font-size: 18px;
    margin: 0 auto 3px auto;
    position: relative;
    color: #000;
}

#submenuInner .navBtn {
    width: 40px;
    height: 40px;
}

#submenuInner ul li {
    float: left;
}

#commonMenu {
    position: relative;
    height: 40px;
    padding: 0 30px 0 10px;
    background: url(../images/icon_leftarrow.png) no-repeat right 10px center #FFF;
    text-align: center;
    line-height: 40px;
}

#commonMenu a#homeBtn:hover {
    color: #000;
    text-decoration: none;
}

#commonMenu > ul li a {
    display: block;
    height: 40px;
    text-align: center;
    font-size: 13px;
    line-height: 50px;
}

#commonMenu > ul li:first-child {
    margin-left: 0px;
}

#commonMenu:hover {
    background: url(../images/icon_downarrow.png) no-repeat right 10px center;
}

#breadcrumbMenu{
     height: 40px;
    background: url(../images/icon_leftarrow.png) no-repeat right 10px center #FFF;
    padding: 0 30px 0 5px;
    line-height: 40px;
    margin-left: 5px;
    margin-right: 5px;
    text-align: center;
    line-height: 40px;
}
#breadcrumbMenu a {
    height: 40px;
    display: block;
}
#breadcrumbMenu a#breadcrumbBtn:hover {
    color: #000;
    text-decoration: none;
}
#breadcrumbMenu:hover {
    background: url(../images/icon_downarrow.png) no-repeat right 10px center;
}
#pageLabel {
    height: 40px;
    line-height: 40px;
}
/*=======================================================================

dropメニュー

=========================================================================*/

#dropMenu {
    width: 730px;
    padding: 10px;
    background-color: #E6E6E6;
    border: 1px solid #CCC;
    color: #000;
    position: absolute;
    top: 40px;
    left: 0;
    z-index: 100;
    display: none;
}

#dropMenu h2 {
    font-size: 16px;
    font-weight: bold;
    color: $base;
    text-align: left;
}

.conIcon {
    width: 80px;
    position: relative;
}

.conTitle {
    display: block;
    font-size: 12px;
    text-align: center;
    color: #000;
    line-height: 1.3em;
    padding-top: 10px;
}

.conNav {
    position: absolute;
    top: 65px;
    left: 0px;
    z-index: 2;
    border: solid 1px #CCC;
    border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    background-color: #FFF;
    color: #000;
    display: none;
    padding: 0;
}

.conNav ul {
    position: relative;
    padding: 0 10px;
    margin: 0;
}

.conNav ul li {
    display: block;
    width: 170px;
    height: 36px;
    padding: 0 10px;
    margin: 0;
    background-color: #FFF;
    color: #000;
    font-size: 13px;
    line-height: 36px;
    border-top: dotted 1px #666;
    text-align: left;
}

.conNav ul li:first-child {
    border-top: 0px;
}

.conNav ul li a:hover {
    text-decoration: underline;
    color: #000;
}

#signageSubmenuArea {
    font-weight: bold;
}

#signageSubmenuArea h2 {
    height: 40px;
    line-height: 40px;
}

#signageSubmenuArea ul {
}

.iconBox {
    margin-left: 10px;
}

.iconBox li a:hover {
    text-decoration: none;
}

#adSubmenuArea {
    font-weight: bold;
}

#adSubmenuArea h2 {
    height: 40px;
    line-height: 40px;
}

#adSubmenuArea ul {
    margin-left: 10px;
}

#dimallSubmenuArea {
    font-weight: bold;
}

#dimallSubmenuArea h2 {
    height: 40px;
    line-height: 40px;
}

#dimallSubmenuArea ul {
    margin-left: 10px;
}

#bizSubmenuArea {
    font-weight: bold;
}

#bizSubmenuArea h2 {
    height: 40px;
    line-height: 40px;
}

#bizSubmenuArea ul {
    margin-left: 10px;
}

#getitsSubmenuArea {
    margin-top: 10px;
    border-top: dotted 1px #929292;
}

#getitsSubmenuArea h2 {
    color: #009A90;
    padding-top: 7px;
    height: 40px;
    line-height: 40px;
}

#getitsSubmenuArea ul {
    margin-left: 10px;
}

.submenu_storyboard .conTitle {
    padding-left: 5px;
    padding-right: 5px;
}

/*===========================================================

gnavArea

=============================================================*/

#gnavArea {
    border: 1px solid #CCC;
    position: absolute;
    top: 40px;
    left: 98px;
    z-index: 3;
    display: none;
}

#gnavArea ul li {
    display: inline-block;
    *display: inline;  /*IE7対応*/
    *zoom: 1;
    height: 62px;
    width: 120px;
}

#gnavArea #gnavBtn li a {
    width: 120px;
    height: 15px;
    text-align: center;
    font-size: 15px;
    color: #333333;
    padding: 40px 0 5px 0px;
    line-height: 1;
    border: solid 1px transparent;
}

#gnavArea #gnavBtn li a:hover {
    text-decoration: none;
}

#gnavArea #gnavBtn li:first-child {
    margin-left: 0px;
}

#gnavBtn .menuList a {
    background: url(../images/menu_list.png) no-repeat center 20% #E7E7E7;
}

#gnavBtn .menuEntry a {
    background: url(../images/menu_entry.png) no-repeat center 20% #E7E7E7;
}

#gnavBtn .menuJoin a {
    background: url(../images/menu_join.png) no-repeat center 20% #E7E7E7;
}

#gnavBtn .menuBatchEntry a {
    background: url(../images/menu_batch_entry.png) no-repeat center 20% #E7E7E7;
}

#gnavBtn .menuBatchUpdate a {
    background: url(../images/menu_batch_update.png) no-repeat center 20% #E7E7E7;
}

#gnavBtn .menuImport a {
    background: url(../images/menu_import.png) no-repeat center 20% #E7E7E7;
}

#gnavBtn .menuDashboard a {
    background: url(../images/menu_dashboard.png) no-repeat center 20% #E7E7E7;
}

#gnavBtn .menuTopScreen a {
    background: url(../images/menu_top_screen.png) no-repeat center 20% #E7E7E7;
}

#gnavBtn .menuEnv a {
    background: url(../images/menu_env.png) no-repeat center 20% #E7E7E7;
}

#gnavBtn .menuDeviceStatus a {
    background: url(../images/menu_device_status.png) no-repeat center 20% #E7E7E7;
}

#gnavBtn .menuLog a {
    background: url(../images/menu_log.png) no-repeat center 20% #E7E7E7;
}

#gnavBtn .menuSend a {
    background: url(../images/menu_send.png) no-repeat center 20% #E7E7E7;
}

#gnavArea #gnavBtn .menuLicence a {
    background: url(../images/menu_licence.png) no-repeat center 20% #E7E7E7;
}

#gnavArea #gnavBtn .menuSchedule a {
    background: url(../images/menu_schedule.png) no-repeat center 20% #E7E7E7;
}

#gnavArea #gnavBtn li:hover a {
    background-color: #B4D9FC;
}

#gnavArea #gnavBtn li a:active {
    background-color: #B4D9FC;
}

#gnavArea #gnavBtn li a:active {
    background-color: #B4D9FC;
    border-left: solid 1px #666;
    border-top: solid 1px #666;
    border-right: solid 1px #BBB;
    border-bottom: solid 1px #BBB;
}

#gnavArea #gnavBtn .currentPlace a {
    background-color: #B4D9FC;
}

#gnavBtn .gnavTitle {
    display: block;
    font-size: 12px;
    text-align: center;
    color: #000;
    line-height: 1.3em;
}

/*===============================================================
schedule
===============================================================*/

.scheduleTopbox {
    margin-bottom: 15px;
    width: 950px;
}

.scheduleDescriptionbox {
    margin-bottom: 5px;
    width: 950px;
}

.groupSelectDescriptionbox {
    margin-bottom: 5px;
    width: 750px;
    font-size: 12px;
    color: $base;
}

.inheritPriorityArea {
    width: 816px;
    float: left;
}

.inheritLowPriorityLine,
.inheritMediumPriorityLine,
.inheritHighPriorityLine,
.lowPriorityLine,
.mediumPriorityLine,
.highPriorityLine,
.fixPriorityLine {
    width: 816px;
    float: left;
}

.inheritLowPriorityLine,
.inheritMediumPriorityLine,
.inheritHighPriorityLine {
    background-color: #e8e8e8;
}

.lowPriorityLine {
    background-color: #f0f9ff;
}

.mediumPriorityLine {
    background-color: #f5ffef;
}

.highPriorityLine {
    background-color: #fff0ef;
}

.fixPriorityLine {
}

.inheritPriorityName {
    width: 40px;
    border-right: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
    float: left;
}

.inheritPriorityName span {
    width: 40px;
    height: 15px;
    display: table-cell;
    vertical-align: middle;
    text-align: center;
    font-size: 8pt;
}

.lowPriorityName,
.mediumPriorityName,
.highPriorityName,
.fixPriorityName {
    width: 40px;
    height: 15px;
    border-right: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
    float: left;
}

.lowPriorityName span,
.mediumPriorityName span,
.highPriorityName span,
.fixPriorityName span {
    width: 40px;
    height: 15px;
    display: table-cell;
    vertical-align: middle;
    text-align: center;
    font-size: 8pt;
}

.solidBorder {

}
.dottedBorder {

}

#popupLow {
    width: 180px;
    color: #fff;
    box-shadow: 1px 1px 3px #aaa;
    background-color: #0d83cd;
    text-align: center;
    position: absolute;
    margin: 0 auto;
    display: none;
    font-size: 13px;
    line-height: 1.5;
    word-break:break-all;
}

#popupLow:after {
    content: "";
    border: 5px solid transparent;
    border-top: 5px solid $base;
    position: absolute;
    right: 90%;
    bottom: -10px;
}

#popupMedium {
    width: 180px;
    color: #fff;
    box-shadow: 1px 1px 3px #aaa;
    background-color: $base;
    text-align: center;
    position: absolute;
    margin: 0 auto;
    display: none;
    font-size: 13px;
    line-height: 1.5;
    word-break:break-all;
}

#popupMedium:after {
    content: "";
    border: 5px solid transparent;
    border-top: 5px solid $base;
    position: absolute;
    right: 90%;
    bottom: -10px;
}

#popupHigh {
    width: 180px;
    color: #fff;
    box-shadow: 1px 1px 3px #aaa;
    background-color: $base;
    text-align: center;
    position: absolute;
    margin: 0 auto;
    display: none;
    font-size: 13px;
    line-height: 1.5;
    word-break:break-all;
}

#popupHigh:after {
    content: "";
    border: 5px solid transparent;
    border-top: 5px solid $base;
    position: absolute;
    right: 90%;
    bottom: -10px;
}

#popupMerge {
    width: 180px;
    color: #fff;
    box-shadow: 1px 1px 3px #aaa;
    background-color: $base;
    text-align: center;
    position: absolute;
    margin: 0 auto;
    display: none;
    font-size: 13px;
    line-height: 1.5;
    word-break:break-all;
}

#popupMerge:after {
    content: "";
    border: 5px solid transparent;
    border-top: 5px solid $base;
    position: absolute;
    right: 90%;
    bottom: -10px;
}

.headerArea span {
}

.scheduleDottedBlock {
    width: 16px;
    height: 15px;
    float: left;
    font-size: 9px;
    border-right: 1px dashed #ccc;
    border-bottom: 1px solid #ccc;
}

.scheduleSolidBlock {
    width: 16px;
    height: 15px;
    float: left;
    font-size: 9px;
    border-right: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
}

.scheduleLowDisp {
    color: #444;
    background-color: #f0f9ff;
    position: absolute;
    border: 1px solid $sub01;
    overflow: hidden;
    white-space: nowrap;
    border-bottom-right-radius: 3px;
    border-bottom-left-radius: 3px;
    border-top-right-radius: 3px;
    border-top-left-radius: 3px;
}

.scheduleLowDisp div {
    position: absolute;
    top: 1px;
    left: 0px;
    line-height: 1.2;
    font-size: 8pt;
}

.scheduleMediumDisp {
    color: #444;
    background-color: #f5ffef;
    position: absolute;
    border: 1px solid $base;
    overflow: hidden;
    white-space: nowrap;
    border-bottom-right-radius: 3px;
    border-bottom-left-radius: 3px;
    border-top-right-radius: 3px;
    border-top-left-radius: 3px;
}

.scheduleMediumDisp div {
    position: absolute;
    top: 1px;
    left: 0px;
    line-height: 1.2;
    font-size: 8pt;
}

.scheduleHighDisp {
    color: #444;
    background-color: #fff0ef;
    position: absolute;
    border: 1px solid $sub01;
    overflow: hidden;
    white-space: nowrap;
    border-bottom-right-radius: 3px;
    border-bottom-left-radius: 3px;
    border-top-right-radius: 3px;
    border-top-left-radius: 3px;
}

.scheduleHighDisp div {
    position: absolute;
    top: 1px;
    left: 0px;
    line-height: 1.2;
    font-size: 8pt;
}

.scheduleLowDisp_Inherit {
    color: #444;
    background-color: #e8e8e8;
    position: absolute;
    border: 1px solid $sub01;
    overflow: hidden;
    white-space: nowrap;
    border-bottom-right-radius: 3px;
    border-bottom-left-radius: 3px;
    border-top-right-radius: 3px;
    border-top-left-radius: 3px;
    filter: alpha( opacity=80 ); /* IE6,7,8 */
    opacity: 0.8; /* IE莉･螟�*/
}

.scheduleLowDisp_Inherit div {
    position: absolute;
    top: 1px;
    left: 0px;
    line-height: 1.2;
    font-size: 8pt;
}

.scheduleMediumDisp_Inherit {
    color: #444;
    background-color: #e8e8e8;
    position: absolute;
    border: 1px solid $base;
    overflow: hidden;
    white-space: nowrap;
    border-bottom-right-radius: 3px;
    border-bottom-left-radius: 3px;
    border-top-right-radius: 3px;
    border-top-left-radius: 3px;
    filter: alpha( opacity=80 ); /* IE6,7,8 */
    opacity: 0.8; /* IE莉･螟�*/
}

.scheduleMediumDisp_Inherit div {
    position: absolute;
    top: 1px;
    left: 0px;
    line-height: 1.2;
    font-size: 8pt;
}

.scheduleHighDisp_Inherit {
    color: #444;
    background-color: #e8e8e8;
    position: absolute;
    border: 1px solid $break;
    overflow: hidden;
    white-space: nowrap;
    border-bottom-right-radius: 3px;
    border-bottom-left-radius: 3px;
    border-top-right-radius: 3px;
    border-top-left-radius: 3px;
    filter: alpha( opacity=80 ); /* IE6,7,8 */
    opacity: 0.8; /* IE莉･螟�*/
}

.scheduleHighDisp_Inherit div {
    position: absolute;
    top: 1px;
    left: 0px;
    line-height: 1.2;
    font-size: 8pt;
}

.scheduleFixDisp {
    background-color: #fff;
    position: absolute;
    border: 1px solid #333;
    overflow: hidden;
    white-space: nowrap;
    border-bottom-right-radius: 3px;
    border-bottom-left-radius: 3px;
    border-top-right-radius: 3px;
    border-top-left-radius: 3px;
}

.scheduleFixDisp div {
    background-color: #fff;
    position: absolute;
    top: 1px;
    left: 0px;
    line-height: 1.2;
}

.scheduleLowDisp_Fix {
    background-color: #f0f9ff;
    position: absolute;
    border: 1px solid $base;
    overflow: hidden;
    white-space: nowrap;
    border-bottom-right-radius: 3px;
    border-bottom-left-radius: 3px;
    border-top-right-radius: 3px;
    border-top-left-radius: 3px;
}

.scheduleLowDisp_Fix div {
    background-color: #aedfff; /* fallback color if gradients are not supported */
    background-image: -webkit-linear-gradient(top, #e3f4fe, $sub01); /* For Chrome and Safari */
    background-image:    -moz-linear-gradient(top, #e3f4fe, $sub01); /* For old Fx (3.6 to 15) */
    background-image:     -ms-linear-gradient(top, #e3f4fe, $sub01); /* For pre-releases of IE 10*/
    background-image:      -o-linear-gradient(top, #e3f4fe, $sub01); /* For old Opera (11.1 to 12.0) */
    background-image:         linear-gradient(to bottom, #e3f4fe, $sub01); /* Standard syntax; must be last */
    position: absolute;
    top: 1px;
    left: 0px;
    line-height: 1.2;
    font-size: 8pt;
    color: #000;
}

.scheduleMediumDisp_Fix {
    background-color: #f5ffef;
    position: absolute;
    border: 1px solid #3ca000;
    overflow: hidden;
    white-space: nowrap;
    border-bottom-right-radius: 3px;
    border-bottom-left-radius: 3px;
    border-top-right-radius: 3px;
    border-top-left-radius: 3px;
}

.scheduleMediumDisp_Fix div {
    background-color: $base; /* fallback color if gradients are not supported */
    background-image: -webkit-linear-gradient(top, $sub02, $base); /* For Chrome and Safari */
    background-image:    -moz-linear-gradient(top, $sub02, $base); /* For old Fx (3.6 to 15) */
    background-image:     -ms-linear-gradient(top, $sub02, $base); /* For pre-releases of IE 10*/
    background-image:      -o-linear-gradient(top, $sub02, $base); /* For old Opera (11.1 to 12.0) */
    background-image:         linear-gradient(to bottom, $sub02, $base); /* Standard syntax; must be last */
    position: absolute;
    top: 1px;
    left: 0px;
    line-height: 1.2;
    font-size: 8pt;
    color: #000;
}

.scheduleHighDisp_Fix {
    background-color: #fff0ef;
    position: absolute;
    border: 1px solid $break;
    overflow: hidden;
    white-space: nowrap;
    border-bottom-right-radius: 3px;
    border-bottom-left-radius: 3px;
    border-top-right-radius: 3px;
    border-top-left-radius: 3px;
}

.scheduleHighDisp_Fix div {
    background-color: #ffc4bf; /* fallback color if gradients are not supported */
    background-image: -webkit-linear-gradient(top, #ffeeee, #ffb3ac); /* For Chrome and Safari */
    background-image:    -moz-linear-gradient(top, #ffeeee, #ffb3ac); /* For old Fx (3.6 to 15) */
    background-image:     -ms-linear-gradient(top, #ffeeee, #ffb3ac); /* For pre-releases of IE 10*/
    background-image:      -o-linear-gradient(top, #ffeeee, #ffb3ac); /* For old Opera (11.1 to 12.0) */
    background-image:         linear-gradient(to bottom, #ffeeee, #ffb3ac); /* Standard syntax; must be last */
    position: absolute;
    top: 1px;
    left: 0px;
    line-height: 1.2;
    font-size: 8pt;
    color: #000;
}

.scheduleMergeDisp_Fix {
    background-color: #f9efff;
    position: absolute;
    border: 1px solid $base;
    overflow: hidden;
    white-space: nowrap;
    border-bottom-right-radius: 3px;
    border-bottom-left-radius: 3px;
    border-top-right-radius: 3px;
    border-top-left-radius: 3px;
}

.scheduleMergeDisp_Fix div {
    background-color: #ecccff; /* fallback color if gradients are not supported */
    background-image: -webkit-linear-gradient(top, #f5e4ff, #e0acff); /* For Chrome and Safari */
    background-image:    -moz-linear-gradient(top, #f5e4ff, #e0acff); /* For old Fx (3.6 to 15) */
    background-image:     -ms-linear-gradient(top, #f5e4ff, #e0acff); /* For pre-releases of IE 10*/
    background-image:      -o-linear-gradient(top, #f5e4ff, #e0acff); /* For old Opera (11.1 to 12.0) */
    background-image:         linear-gradient(to bottom, #f5e4ff, #e0acff); /* Standard syntax; must be last */
    position: absolute;
    top: 1px;
    left: 0px;
    line-height: 1.2;
    font-size: 8pt;
    color: #000;
}

.headerArea {
}

.headerPriority {
    width: 131px;
    height: 26px;
    float: left;
    vertical-align: middle;
    border-right: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
}

.headerPriority span {
    width: 128px;
    height: 26px;
    display: table-cell;
    vertical-align: bottom;
    text-align: right;
    font-size: 8pt;
}

.headerTime {
    width: 33px;
    height: 25px;
    float: left;
    border-top: 1px solid #ccc;
    border-right: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
}

.headerTime span {
    width: 33px;
    height: 25px;
    display: table-cell;
    vertical-align: middle;
    font-size: 8pt;
    text-align: center;
}

.scheduleDate {
    width: 89px;
    border-right: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
    border-left: 1px solid #ccc;
    float: left;
}

.scheduleDate div {
    font-size: 8pt;
    width:80%;
    margin-left:3px;
    line-height:normal;
}

.headerArea {
    width: 950px;
    float: left;
}

.scheduleDetailArea {
    width: 950px;
    float: left;
}

.scheduleDate span {
    padding-left: 5px;
}

.dropAreaMessage {
    text-align:center;
    vertical-align: bottom;
    font-size:32px;
    color:#87cefa;
    text-shadow:0px 0px 2px rgba(150,150,150,0.6);
    /*color: transparent;
    font-weight: bold;
    text-shadow:2px 4px 6px rgba(255, 255, 255, 0.5),0 0 0 rgba(0, 0, 0, 0.4);
    */
    font-family: "メイリオ","Meiryo","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","Osaka","ＭＳ Ｐゴシック",sans-serif !important;
}

.headerBlank {
    width: 131px;
    height: 26px;
    float: left;
    vertical-align: middle;
    border-right: 1px solid #ccc;
}

.headerBlank span {
    width: 128px;
    height: 26px;
    display: table-cell;
    vertical-align: bottom;
    text-align: right;
    font-size: 8pt;
}

.headerHour {
    width: 203px;
    height: 25px;
    float: left;
    border-top: 1px solid #ccc;
    border-right: 1px solid #ccc;
}

.headerHour span {
    width: 203px;
    height: 25px;
    display: table-cell;
    vertical-align: middle;
    font-size: 8pt;
    text-align: center;
}

#contentExportArea {
    width: 350px;
    border:2px solid $base;
    background-color: #fff;
    position: absolute;
    z-index: 997;
}

#contentExportTitle {
    padding-top: 20px;
    padding-left: 20px;
}

#contentExportTitle h3 {
    font-size: 13px;
    font-weight: bold;
    color: $base;
}

#contentExportDiv {
    padding-top: 25px;
    padding-bottom: 20px;
    padding-left: 20px;
}

#contentDownloadArea {
    width: 350px;
    border:2px solid $base;
    background-color: #fff;
    position: absolute;
    z-index: 997;
}

#contentDownloadTitle {
    padding-top: 20px;
    padding-left: 20px;
}

#contentDownloadTitle h3 {
    font-size: 13px;
    font-weight: bold;
    color: $base;
}

#contentDownloadDiv {
    padding-top: 25px;
    padding-bottom: 20px;
    padding-left: 20px;
}

.pdfPassword {
	width: 110px;
}

#pdfPasswordArea {
    width: 350px;
    border:2px solid $base;
    background-color: #fff;
    position: absolute;
    z-index: 997;
}

#pdfPasswordTitle {
    padding-top: 20px;
    padding-left: 20px;
}

#pdfPasswordTitle h3 {
    font-size: 13px;
    font-weight: bold;
    color: $base;
}

#pdfPasswordDiv {
    padding-top: 25px;
    padding-bottom: 20px;
    padding-left: 20px;
}
.interactiveLinkList {
    max-height: 350px;
    overflow: auto;
}

#interactiveLinkDiv {
    padding: 20px;
}

#interactiveLinkDiv ul {
    width: 100%;
}

#interactiveLinkDiv li {
    padding-top: 5px;
    padding-bottom: 5px;
    position: relative;
}

#interactiveLinkDiv img.contbtn {
    position:absolute;
    top:3px;
    right:10px;
    width:16px;
    height:17px;
    display:block;
    float:left;
    margin-top:6px;
    cursor:pointer;
}

#interactiveLinkDiv img.contbtn2 {
    position:absolute;
    top:3px;
    right:30px;
    width:39px;
    height:17px;
    display:block;
    float:left;
    margin-top:6px;
    cursor:pointer;
}

#interactiveLinkDiv img.contbtn3 {
    position:absolute;
    top:3px;
    right:30px;
    width:47px;
    height:17px;
    display:block;
    float:left;
    margin-top:6px;
    cursor:pointer;
}

#interactiveLinkDiv h3 {
    font-size: 13px;
    font-weight: bold;
    color: $base;
    padding-bottom: 10px;
}

.interactiveLinkList .line-selected {
    background-color: #fff5c9;
}

#interactiveThumbnailDiv {
    width: 870px;
    margin: 20px;
    padding: 20px;
    height: 260px;
    font-size: 13px;
    border: 1px solid #e7e7e7;
    border-bottom-right-radius: 5px;
    border-bottom-left-radius: 5px;
    border-top-right-radius: 5px;
    border-top-left-radius: 5px;
    background-color: #fcfcfc;
}

#interactiveThumbnailDiv .subTitle {
    font-size: 13px;
}

#signageThumbnailList,
#interactiveThumbnailList {
    max-width: 700px;
    height: 130px;
    overflow-x: auto;
    overflow-y: hidden;
    white-space: nowrap;
}

#signageThumbnailList li,
#interactiveThumbnailList li {
    width: 135px;
    height: 110px;
    display: inline-block;
    *display: inline;  /*IE7対応*/
    *zoom: 1;
    border: 1px solid #fcfcfc;
    border-bottom-right-radius: 3px;
    border-bottom-left-radius: 3px;
    border-top-right-radius: 3px;
    border-top-left-radius: 3px;
}

#signageThumbnailList li.selected,
#interactiveThumbnailList li.selected {
    display: inline-block;
    *display: inline;  /*IE7対応*/
    *zoom: 1;
    border: 1px solid #4fa8d5;
    border-bottom-right-radius: 3px;
    border-bottom-left-radius: 3px;
    border-top-right-radius: 3px;
    border-top-left-radius: 3px;
    background-color: #cfe8fd; /* fallback color if gradients are not supported */
    background-image: -webkit-linear-gradient(top, #edf7ff, #cfe8fd); /* For Chrome and Safari */
    background-image:    -moz-linear-gradient(top, #edf7ff, #cfe8fd); /* For old Fx (3.6 to 15) */
    background-image:     -ms-linear-gradient(top, #edf7ff, #cfe8fd); /* For pre-releases of IE 10*/
    background-image:      -o-linear-gradient(top, #edf7ff, #cfe8fd); /* For old Opera (11.1 to 12.0) */
    background-image:         linear-gradient(to bottom, #edf7ff, #cfe8fd); /* Standard syntax; must be last */

}

#signageThumbnailList img,
#interactiveThumbnailList img {
    display: block;
    margin: 0 auto;
}

#signageThumbnailList p,
#interactiveThumbnailList p {
    margin: 0;
    padding: 0 0 0 10px;
}

#telopSettingArea {
    width: 762px;
    border:2px solid #9E9E9E;
    background-color: #fff;
    position: fixed;
    z-index: 997;
}

#telopSettingDiv {
    padding-left:20px;
    padding-top:15px;
    padding-right:20px;
    padding-bottom:20px;
}

#telopSettingDiv h3 {
    padding-bottom: 10px;
}

#telopSettingDiv h3 span {
    font-size: 16px;
    font-weight: bold;
}

#telopSettingDiv ul {
    width: 100%;
    padding-bottom: 5px;
}

#telopSettingDiv ul li {
    display: inline-block;
    *display: inline;  /*IE7対応*/
    *zoom: 1;
    vertical-align:top;
}

a.selectbtn {
    background:url(../images/btn_s_left.gif) no-repeat top left;
    display:block;
    line-height:22px;
    height:25px;
    padding-left:8px;
    text-decoration:none;
    float: left;
}

a:link.selectbtn ,
a:visited.selectbtn ,
a:hover.selectbtn ,
a:active.selectbtn {
    font-weight:bold;
}

a:hover.selectbtn {
    text-decoration:none;
}

a.selectbtn span {
    background:url(../images/btn_s_right.gif) no-repeat top right;
    display:block;
    padding:2px 10px 4px 2px;
}

*+html a.selectbtn span {
    PADDING-TOP: 2px
}

* html a.selectbtn span {
    PADDING-TOP: 2px
}

.dottedTopLine {
    width: 100%;
    border-top: 1px dashed #ccc;
    float: left;
}

.interactiveContentStatusDisp span {
    text-align: center;
    width: 80px;
    display: block;
}

span.fgAndBgColorOfgreen {
    color: #008c25;
    background-color: #d6f5de;
}

span.fgAndBgColorOfred {
    color: #950000;
    background-color: #ffeaea;
}

span.fgAndBgColorOfblue {
    color: #00b6d1;
    background-color: #e2fafd;
}

span.fgAndBgColorOfyellow {
    color: #bb9f00;
    background-color: #fbf5d8;
}

.contentPageTotalCountDisp span {
    padding-top: 4px;
    display: block;
}

.auiIconArrow {
    display: inline-block;
    *display: inline;  /*IE7対応*/
    *zoom: 1;
    width: 15px;
    height: 18px;
    vertical-align: middle;
    background: url(../images/auiIconSprites.png) no-repeat;
}

.auiIconArrowLeftW {
    background-position: 0 -623px;
}

.auiIconArrowLeft {
    background-position: 0 -367px;
}

.auiIconArrowRight {
    background-position: 0 -399px;
}

.auiIconArrowRightW {
    background-position: 0 -655px;
}

.hasDatepick {
    -webkit-letter-spacing: 0.9em;
}

#dateArea {
    margin-top: 15px;
    margin-left: 8px;
}

#dayOfTheWeekArea {
    margin-top: 10px;
    margin-left: 8px;
    line-height: 1.9em;
}
/*---groupSearch---*/
#groupDisp, #genreDisp{
    margin-top: 20px
}
#groupDisp a.button_del2,
#genreDisp a.button_del2 {
    width: 15px;
    height: 15px;
    line-height: 15px;
    text-align: center;
    background-color: #D7DDE0;
    border: solid 1px #CCC;
    border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    display: block;
    float: right;
}
ul.grouplist {
    width: 750px;
    margin: 0 auto 20px auto;
}
ul.grouplist li {
    padding-top: 3px;
    padding-bottom: 4px;
    position: relative;
    border-bottom: 1px dashed #ccc;
}
ul.grouplist li a.contbtn {
    position: absolute;
    top: 4px;
    right: 6px;
    display: block;
    cursor: pointer;
}
div.searchbox {
    text-align: left;
    margin-top: 5px;
}
.formsearchbox_simple {
    height: 40px;
    padding-left: 5px;
    display: table;
}
.formsearchbox_simple div {
    display: block;
    float: left;
}
div.bottom_padding{
	padding-bottom: 10px;
}
DIV#wrapper_gerne, DIV#wrapper_group {
    margin: 0px auto;
    width: 950px;
    height: auto !important;
    min-height: 70%;
}
.groupOperationAuth {
	padding-left:45px;
	padding-top:10px;
	height:20px;
	vertical-align: middle;
}
.groupOperationAuth .noneStatus {
	width:15px;
	height:15px;
	background-color:black;
	vertical-align:middle;
	display:inline-block;
	margin-right:5px;
	margin-left:5px;
}
.groupOperationAuth .workerStatus {
	width:15px;
	height:15px;
	background-color:$base;
	vertical-align:middle;
	display:inline-block;
	margin-right:5px;
	margin-left:5px;
}
.groupOperationAuth .instructorStatus {
	width:15px;
	height:15px;
	background-color:$base;
	vertical-align:middle;
	display:inline-block;
	margin-right:5px;
	margin-left:5px;
}

/* link underline */
.dataRow td a {
	text-decoration: none;
}
.dataRow td a:hover{
	text-decoration: underline;
}

#calender-legend-wrap {
	width:340px;
	height:15px;
	position: relative;
	left: 63%;
	line-height: 1.2;
}
.calendar-state {
	width:40px;
	height:15px;
	border-radius:3px;
	display:inline-block;
	margin-left:5px;
}
.calendar-text {
	vertical-align: top;
}
.calendar-not-yet-work {
	background-color:$sub01;
}
.calendar-working {
	background-color:$sub02;
}
.calendar-conpleted  {
	background-color:$break;
}
.grap-li {
	 width: 500px;
        height: 300px;
        margin: 10px;
        float: left;
}
div.reportTargetDiv label {
	margin-right:5px;
}

div.reportTargetDiv div {
	margin-top:10px;
}
.reportRangeLabel {
	margin-right:5px;
}

div.reportTargetDayDiv label {
	margin-right:5px;
}

.result-row {
	margin-top:5px;
}
