/* Minification failed. Returning unminified contents.
(535,12): run-time error CSS1036: Expected expression, found '<'
(542,7): run-time error CSS1036: Expected expression, found '<'
(554,22): run-time error CSS1036: Expected expression, found '<'
 */
body {
    font-family:'メイリオ',Meiryo,'Meiryo UI','ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro',"Osaka",'ＭＳ Ｐゴシック',sans-serif;
    /*font-size: 14px;*/
    margin: 0;
}
* html body {
    height: 100%;
    overflow: hidden;
}

img {
    vertical-align: middle;
    margin-right: 10px;
}
label {font-weight: normal;}

/* クリア */
div.clear {clear: both;}

/* 文字色です */
.RED {color: #ff0000;}
.BLUE {color: #0000ff;}
.WHITE {color: #ffffff;}
.DENIME {color: #1253A4;}
.SUMMER_SKY {color: #40AAEF;}

/* 背景色 */
.BC_GREEN {background-color: #008000;}
.BC_WHITE {background-color: #ffffff;}
.BC_BLUE {background-color: #00ffff;}
.BC_LIGHTBLUE {background-color: #ccffff;}
.BC_YELLOW {background-color: #ffff00;}
.BC_LIGHTYELLOW {background-color: #ffff99;}
.BC_GRAY {background-color: #808080;}
.BC_DARKGRAY {background-color: #a9a9a9;}
.BC_SILVER {background-color: #c0c0c0;}
.BC_LIGHTGRAY {background-color: #d3d3d3;}
.BC_PINK {background-color: #ffc0cb;}
.BC_ORANGE {background-color: #ffa500;}
.BC_NEWBLUE{
  color: #fff;
  background: #258;
  background:-moz-linear-gradient(rgba(34,85,136,0.7), rgba(34,85,136,0.9) 50%);
  background:-webkit-gradient(linear, 100% 0%, 100% 50%, from(rgba(34,85,136,0.7)), to(rgba(34,85,136,0.9)));
}
.BC_COOLBLUE{color: #fff;background: #008bbb;}
.BC_DENIME{color: #fff;background: #1253A4;}
.BC_EGYPTIAN_BLUE{color: #fff;background: #1253A4;}
.BC_SUMMER_SKY{color: #fff;background: #40AAEF;}
.BC_SHAMROCK{color: #fff;background: #2FCDB4;}
.BC_SILVER_TREE{color: #fff;background: #58BE89;}
.BC_LIGHT_CORAL{color: #fff;background: #F27398;}

/* flat ui の 色を採用 */
.BC_FLAT_DEFAULT{color: #bdc3c7;background-color: #0E7AC4;}
.BC_FLAT_PRIMARY{color: #fff;background: #1abc9c;}
.BC_FLAT_INFO{color: #ffffff;background-color: #3498db;}
.BC_FLAT_DANGER{color: #ffffff;background-color: #e74c3c;}
.BC_FLAT_SUCCESS{color: #ffffff;background-color: #2ecc71;}
.BC_FLAT_WARNING{color: #ffffff;background-color: #f1c40f;}
.BC_FLAT_INVERSE{color: #ffffff;background-color: #34495e;}

/* 文字太さ */
.FONT_BOLD {font-weight: bold;}

/* 文字位置 */
.text-left {text-align: left;}
.text-right {text-align: right;}
.text-center {text-align: center;}

/* 幅 */
.widthMax {width: 99%;}
.widthNarrow {width: 20px;}
.widthVeryVeryVeryShort {width: 30px;}
.width35 {width: 35px;}
.width40 {width: 40px;}
.widthVeryVeryShort {width: 45px;}
.widthVeryShort {width: 50px;}
.width55 {width: 55px;}
.width60 {width: 60px;}
.widthVeryMediumShort {width: 65px;}
.width70 {width: 70px;}
.width75 {width: 75px;}
.widthShort {width: 80px;}
.width90 {width: 90px;}
.widthMediumShort {width: 100px;}
.width100 {width: 100px;}
.width110 {width: 110px;}
.widthSemiShort {width: 120px;}
.width130 {width: 130px;}
.widthSemiMediumShort {width: 140px;}
.width150 {width: 150px;}
.widthMedium {width: 160px;}
.width170 {width: 170px;}
.widthMediumSemi {width: 180px;}
.widthSemiLong {width: 200px;}
.width230 {width: 230px;}
.widthMediumLong {width: 240px;}
.width260 {width: 260px;}
.widthMediumSemiLong {width: 280px;}
.width300 {width: 300px;}
.widthMediumSemiMediumLong {width: 320px;}
.widthLong {width: 360px;}
.width400 {width: 400px;}
.widthVeryLong {width: 480px;}

input[type="text"].read-only,select.read-only {
  background-color: #e0ffff;
  border: 1px solid;
  border-color: #808080;
}

label.premium {background-color: #0000ff; color : #ffffff;} /* プレミアム会員 */
label.magic_line {background-color: #008000; color : #ffffff;} /* マジックライン会員 */
label.normal {background-color: #008080; color : #ffffff;} /* 一般会員 */

.IME_OFF {
  -webkit-ime-mode: disabled;
  -moz-ime-mode: disabled;
  -ms-ime-mode: disabled;
  ime-mode: disabled;
}
.IME_ON {
  -webkit-ime-mode: active;
  -moz-ime-mode: active;
  -ms-ime-mode: active;
  ime-mode: active;
}

h3.menu_title {
  position: relative;
  padding: 0 .4em .1em;
}
h3.menu_title::after {
  position: absolute;
  bottom: 0;
  left: 0;
  z-index: -1;
  content: '';
  width: 95%;
  height: 10px;
  background-color: #b6f0fc;
}

th.noborder,td.noborder {border-style: none}
a {color: #428bca;}
a:visited {
  color: #428bca; /* 青 */
  text-decoration: underline;
}
a:hover {/* マウスをのせたとき */
    color: #ffff00; /* 黄色 */
    background-color: #000080; /* 紺色 */
    font-style: normal;
    text-decoration: underline;
}
a:active {
    color: #ffa500;
    text-decoration:none;
}
#wrapper {
	width: 99%;
	margin: 0;
	padding: 75px 0 80px 0;
}
#wrapper div.block {
	width: 99%;
	padding: 3px;
}
#wrapper div.block2 {
	width: 100%;
	padding: 3px;
}
#block_header {
	width:100%;
	padding: 5px 0 0 5px;
	position: fixed !important; 
	position: absolute; 
	top: 0;
	height: 12px; 
    background-color: #F5F5F5; 
	color: white; 
	z-index: 10;	
	font-size: 10px;
}
#block_topbar {
	width:100%;
	padding-right: 20px;
	position: fixed !important; 
	position: absolute;
	top: 0px;
	height: 22px; 
 	background-color: #006cab; 
	color: white; 
	text-align: right;
	z-index: 18;
}
#block_topbar a {
	margin-left:20px;
	color: #ffffff; /*白*/
}
#block_topbar label#lbl_logged_userName {margin-left: 20px;}
#block_breadcrumbs {
	width:100%;
	padding: 0 3px 0 3px;
	position: fixed !important; 
	position: absolute; 
	top: 0px;
	height: 5px; 
 	background-color: white; 
	color: black;
	z-index: 10;
	font-size: 120%;
}
#block_contents {
	width: 98%;
    margin-top:20px;
	padding: 0 10px 0 10px;
	margin-left:5px;
	position:absolute;
	top:75px;
	/* bottom:70px; エラーの場合のみ出力するようにする為 */
	height:auto;
	overflow: hidden;
	/*overflow: auto;*/
	z-index:1;	
}
#block_contents h3 {margin-bottom:15px;font-weight:bold;}
#block_footer {
	position: fixed !important; 
	position: absolute; 
	bottom: 20px;
	/* bottom: 45px; */
	height: 60px;
	background-color: white; 
	text-align: center;
	z-index: 10;
}
#block_footer textarea {
    border: 1px solid gray;
    width: 99%;
}
#block_copyright {
 	width:100%;
	padding-right:20px;
 	position: fixed !important; 
 	position: absolute; 
 	bottom: 0;
 	height: 20px; 
 	background-color: silver;
 	text-align: right;
 	z-index: 10;
}

/* メニュー画面 */
div.menu {font-size: 140%;margin-bottom:100px;}
div.menu ul li {margin-bottom:3px;}
.datepicker {
 z-index: 9999;
 width: 120px;
}
.ympicker {
 z-index: 9999;
 width: 120px;
}
/* テーブル基本デザインClass：table_base(table) */
table.table_base {
  width: auto;
  border-spacing: 0;
} 
/* テーブル基本デザインClass：table_base(th)  */
table.table_base th {
  color: #fff;
  padding: 8px 15px;
  background: #258;
  background:-moz-linear-gradient(rgba(34,85,136,0.7), rgba(34,85,136,0.9) 50%);
  background:-webkit-gradient(linear, 100% 0%, 100% 50%, from(rgba(34,85,136,0.7)), to(rgba(34,85,136,0.9))); 
  border-left:1px solid #258;
  border-top:1px solid #258;
  border-bottom:1px solid #258;
  line-height: 100%;
  text-align: center;
  text-shadow:0 -1px 0 rgba(34,85,136,0.9);
  box-shadow: 0px 1px 1px rgba(255,255,255,0.3) inset;
  font-weight:normal;
}
table.table_base th.sub1 {
  background: #399548;
  background:-moz-linear-gradient(rgba(57,149,72,0.7), rgba(57,149,72,0.9) 50%);
  background:-webkit-gradient(linear, 100% 0%, 100% 50%, from(rgba(57,149,72,0.7)), to(rgba(57,149,72,0.9)));
  border-left:1px solid #399548;
  border-top:1px solid #399548;
  /*border-bottom:1px solid #258;*/
  text-shadow:0 -1px 0 rgba(57,149,72,0.9);
}
table.table_base th.sub2 {
  background: #019c96;
  background:-moz-linear-gradient(rgba(1,156,150,0.7), rgba(1,156,150,0.9) 50%);
  background:-webkit-gradient(linear, 100% 0%, 100% 50%, from(rgba(1,156,150,0.7)), to(rgba(1,156,150,0.9)));
  border-left:1px solid #019c96;
  border-top:1px solid #019c96;
  /*border-bottom:1px solid #258;*/
  text-shadow:0 -1px 0 rgba(1,156,150,0.9);
}
table.table_base th.sub3 {
  background: #ff8c00;
  background:-moz-linear-gradient(rgba(255,140,0,0.7), rgba(255,140,0,0.9) 50%);
  background:-webkit-gradient(linear, 100% 0%, 100% 50%, from(rgba(255,140,0,0.7)), to(rgba(255,140,0,0.9)));
  border-left:1px solid #ff8c00;
  border-top:1px solid #ff8c00;
  text-shadow:0 -1px 0 rgba(255,140,0,0.9);
}
table.table_base th:first-child {border-radius: 5px 0 0 0;}
table.table_base th:last-child {
  border-radius:0 5px 0 0;
  border-right:1px solid #258;
  box-shadow: 2px 2px 1px rgba(0,0,0,0.1),0px 1px 1px rgba(255,255,255,0.3) inset;
}
table.table_base th.sub1:last-child {
  border-right:1px solid #399548;
}
table.table_base tr td {
  padding: 8px 15px;
  border-bottom: 1px solid #84b2e0;
  border-left: 1px solid #84b2e0;
  text-align: center;
}
table.table_base tr td:last-child {
  border-right: 1px solid #84b2e0;
  box-shadow: 2px 2px 1px rgba(0,0,0,0.1);
}
table.table_base tr {background: #fff;}
table.table_base tr:last-child td {box-shadow: 2px 2px 1px rgba(0,0,0,0.1);}
table.table_base tr:last-child td:first-child {border-radius: 0 0 0 5px;}
table.table_base tr:last-child td:last-child {border-radius: 0 0 5px 0;}
table.table_base tr:hover {background: #bbd4ee;}
table.table_base th.nocolor,table.table_base td.nocolor {background: #fff;background-color: #ffffff;}
table.table_base th.noborder,table.table_base td.noborder {border-style: none;}

table.table_base td.t-left { text-align: left; }
table.table_base td.t-center { text-align: center; }
table.table_base td.t-right { text-align: right; }


/* ヘッダ固定スクロール型テーブル */
table thead.scrollHead{display:block;}
table tbody.scrollBody{display:block;overflow-y: scroll}
table thead.scrollHead th, table tbody.scrollBody td{table-layout:fixed;}

label#lbl_list_count{font-size:115%;font-weight:bold;color:#0000ff;margin-left:30px;}

/* Dialog-Ui */
form.dialog-ui label,
form.dialog-ui input[type="text"],
form.dialog-ui textarea,
form.dialog-ui select,
form.dialog-ui input[type="checkbox"],
form.dialog-ui input[type="file"],
form.dialog-ui input[type="password"] {
  margin-bottom:10px;
  font-size:110%;
}

/* datepicker, ympicker */
.ui-datepicker .ui-datepicker-title select {color:#0000cd;}


/*  menu用で追加 */

div.Tile
{
  position: relative;
  height: 120px;
  width: 280px;
  background-color: #38A3DB;
  margin: 10px;
  float: left;
  font-size: 11pt;
}

div.Tile:hover
{
    -webkit-transform: scale(1.1, 1.1);
    /* IEの場合は -ms-transform: scale(1.1, 1.1); */
  background-image: url("white_vpvot.png");
  background-repeat: no-repeat;
  background-position: right top;
  opacity: 0.75;
}

span.TileTitle
{
  position: absolute;
  bottom: 0;
  left: 0;
  font-family: Meiryo UI;
  font-size: 16pt;
  color: White;
}

div.Tile_dummy
{
  position: relative;
  height: 120px;
  width: 280px;
  margin: 10px;
  float: left;
}

div.Tile1
{
  position: relative;
  height: 120px;
  width: 280px;
  background-color: #ff0000;
  margin: 10px;
  float: left;
}

div.Tile1:hover
{
    -webkit-transform: scale(1.1, 1.1);
    /* IEの場合は -ms-transform: scale(1.1, 1.1); */
  background-image: url("white_vpvot.png");
  background-repeat: no-repeat;
  background-position: right top;
  opacity: 0.75;
}


div.Tile2
{
  position: relative;
  height: 120px;
  width: 280px;
  background-color: #00cc00;
  margin: 10px;
  float: left;
}

div.Tile2:hover
{
    -webkit-transform: scale(1.1, 1.1);
    /* IEの場合は -ms-transform: scale(1.1, 1.1); */
  background-image: url("white_vpvot.png");
  background-repeat: no-repeat;
  background-position: right top;
  opacity: 0.75;
}

div.Tile6
{
  position: relative;
  height: 120px;
  width: 280px;
  background-color: #660066;
  margin: 10px;
  float: left;
}

div.Tile6:hover
{
    -webkit-transform: scale(1.1, 1.1);
    /* IEの場合は -ms-transform: scale(1.1, 1.1); */
  background-image: url("white_vpvot.png");
  background-repeat: no-repeat;
  background-position: right top;
  opacity: 0.75;
}

div.Tile9
{
  position: relative;
  height: 120px;
  width: 280px;
  background-color: #ff9900;
  margin: 10px;
  float: left;
}

div.Tile9:hover
{
    -webkit-transform: scale(1.1, 1.1);
    /* IEの場合は -ms-transform: scale(1.1, 1.1); */
  background-image: url("white_vpvot.png");
  background-repeat: no-repeat;
  background-position: right top;
  opacity: 0.75;
}

span.TileContents {
    position: absolute;
    padding: 10px;
    top: 10%;
    font-family: Meiryo UI;
    font-size: 24pt;
    color: White;
}

#H-Title01{
  background-color: #9fc24d;
  color: #FFFFFF;
  border-radius: 2px; /* 4つのコーナーを半径10pxの角丸に */
  padding-left: 10px; /* 左パディングを20px */
}

#H-Title02 {
    background-color: #006cab;
    color: #FFFFFF;
    border-radius: 2px; /* 4つのコーナーを半径10pxの角丸に */
    padding-left: 10px; /* 左パディングを20px */
}

#H-Title03 {
    background-color: #ff9900;
    color: #FFFFFF;
    border-radius: 2px; /* 4つのコーナーを半径10pxの角丸に */
    padding-left: 10px; /* 左パディングを20px */
}







  /* newsリリース */
info_bg {
border:1px #000 solid;
padding:0px;
width:550px;
}

.info_title {
background:<{$table_cell_bgcolor}>;
color:#6d2916;
font-weight:bold;
padding:5px 7px;
}

.info_text {
color:<{$font_color}>;
padding:1px 15px 15px 10px;
border-bottom:1px #dacdb9 solid;
}

.info_block {
height:100px;
margin: 0px;
padding: 0px;
background:#ffffff;
overflow:auto;
text-align:left;
scrollbar-base-color:<{$table_cell_bgcolor}>;
scrollbar-arrow-color: #6d2916;
scrollbar-shadow-color: #dacdb9;
scrollbar-darkshadow-color: #6d2916;
}

/*ブロック全体の設定*/
news dl {
	height: auto;
	margin: 5px 5px 0px;
}
/*日付設定*/
dl.news dt {
  padding-top : 3px;    
  padding-bottom : 4px;
  padding-left : 10px;
  width : 140px;
/* 左寄せ */
  float : left;
/* float解除 */
  clear : both;
  font-size: 16pt;
}
/*記事設定*/
dl.news dd {
  padding-top : 3px;
  padding-left : 10px;
  padding-right : 10px;
  padding-bottom : 4px;
  width : Auto;
/* dtの幅分の設定 */
  margin-left : 150px;
  font-size: 16pt;
}


/* 幅％の設定 */
.width25P {width: 25%;}
.width30P {width: 30%;}
.width50P {width: 50%;}
.width70P {width: 70%;}
.width75P {width: 75%;}
.width80P {width: 80%;}
.width85P {width: 85%;}
.width100P {width: 100%;}